/* IT-Firm IT Businees HTML-5 Template */
/*
font-family: 'Roboto', sans-serif;
*/
@import url('global.css');
@import url('header.css');
@import url('footer.css');
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('magnific-popup.css');
@import url('odometer-theme-default.css');
/***
====================================================================
Main Slider Section
====================================================================
***/
.main-slider{
position:relative;
}
.main-slider .image-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:1;
background-size:cover;
background-position:center center;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
-webkit-transition: all 6000ms linear;
-moz-transition: all 6000ms linear;
-ms-transition: all 6000ms linear;
-o-transition: all 6000ms linear;
transition: all 6000ms linear;
}
.main-slider .image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.64;
background-color:var(--color-three);
}
.main-slider .active .image-layer{
-webkit-transform:scale(1.15);
-ms-transform:scale(1.15);
transform:scale(1.15);
}
.main-slider .slide{
position:relative;
padding:270px 0px 160px;
}
.main-slider .owl-dots{
display:none;
}
.main-slider .owl-nav{
position:absolute;
left:0px;
top:50%;
right:0px;
width:100%;
z-index:10;
opacity:0;
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
}
.main-slider .owl-nav .owl-prev{
position:absolute;
left:30px;
width:48px;
height:48px;
line-height:48px;
text-align:center;
display:inline-block;
font-size:var(--font-16);
color:var(--black-color);
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
font-family: 'Font Awesome 5 Pro';
background-color:var(--color-four);
}
.main-slider .owl-nav .owl-next{
position:absolute;
right:30px;
width:48px;
height:48px;
line-height:48px;
display:inline-block;
text-align:center;
font-size:var(--font-16);
color:var(--black-color);
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
font-family: 'Font Awesome 5 Pro';
background-color:var(--color-four);
}
.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.main-slider:hover .owl-nav{
opacity:1;
}
.main-slider .content-column{
position:relative;
z-index:1;
}
.main-slider .content-column .inner-column{
position:relative;
}
.main-slider_title{
font-weight:700;
opacity:0;
transform:scale(1,0.2);
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
color:var(--white-color);
}
.main-slider .active .main-slider_title{
opacity:1;
transform:scale(1,1);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.main-slider_text{
opacity:0;
transform:scale(1,0.2);
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
font-weight:400;
line-height:30px;
color:var(--white-color);
font-size:var(--font-16);
margin-top:var(--margin-top-30);
margin-bottom:var(--margin-bottom-40);
}
.main-slider .active .main-slider_text{
opacity:1;
transform:scale(1,1);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.main-slider .button-box{
position:relative;
opacity:0;
transform:scale(1,0.2);
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
}
.main-slider .active .button-box{
opacity:1;
transform:scale(1,1);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
/***
====================================================================
Service One
====================================================================
***/
.service-one{
position:relative;
background-color:var(--color-five);
}
.service-block_one{
position:relative;
}
.service-block_one-inner{
position:relative;
text-align:center;
margin-top:-40px;
padding-bottom:var(--padding-bottom-40);
}
.service-block_one-icon{
position:relative;
z-index:10;
border-radius:50px;
display:block;
width:75px;
height:75px;
margin:0 auto;
line-height:46px;
border-radius:50px;
background-color:var(--white-color);
border:3px solid var(--main-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block_one-inner:hover .service-block_one-icon{
animation: icon-bounce 0.8s ease-out;
-webkit-animation: icon-bounce 0.8s ease-out;
}
.service-block_one-title{
margin-top:var(--margin-top-20);
}
.service-block_one-title a{
position:relative;
font-weight:700;
color:var(--black-color);
font-size:var(--font-22);
}
.service-block_one-title a span{
color:var(--main-color);
}
.service-block_one-text{
padding:0px 15px;
line-height:26px;
font-size:var(--font-15);
color:var(--color-six);
margin-top:var(--margin-top-15);
}
.service-block_one-link{
position:relative;
font-weight:700;
padding:10px 20px;
display:inline-block;
color:var(--white-color);
font-size:var(--font-15);
margin-top:var(--margin-top-15);
background-color:var(--main-color);
}
.service-block_one-link.two{
color:var(--black-color);
background-color:var(--white-color);
}
.service-block_one-inner:hover .service-block_one-overlay{
-webkit-transform: scaleY(1);
-khtml-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.service-block_one-overlay{
position:absolute;
left:0px;
top:40px;
right:0px;
bottom:0px;
background-size:cover;
-webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
-khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
-moz-transition: .3s cubic-bezier(.24,.74,.58,1);
-ms-transition: .3s cubic-bezier(.24,.74,.58,1);
-o-transition: .3s cubic-bezier(.24,.74,.58,1);
transition: .3s cubic-bezier(.24,.74,.58,1);
transform-origin: top center;
-webkit-transform-origin: top center;
-webkit-transform: scaleY(0);
-khtml-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
}
.service-block_one-overlay:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.90;
background-color:var(--color-seven);
}
.service-block_one-text-two{
position:relative;
line-height:26px;
padding:0px 15px;
font-size:var(--font-15);
color:var(--white-color);
margin-top:var(--margin-top-55);
margin-bottom:var(--margin-bottom-5);
}
/***
====================================================================
About One
====================================================================
***/
.about-one{
position:relative;
padding:90px 0px 60px;
}
.about-one .auto-container{
position:relative;
}
.about-one_content{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.about-one_content-inner{
position:relative;
padding-right:var(--padding-right-100);
}
.about-one_detail{
position:relative;
font-weight:700;
text-align:center;
display:inline-block;
font-size:var(--font-16);
color:var(--white-color);
padding:26px 65px 24px 35px;
margin-top:var(--margin-top-30);
background: var(--color-two);
background: linear-gradient(to right, var(--color-two) 0%, var(--color-seven) 100%);
}
.about-one_detail .play-icon{
position:absolute;
right:-30px;
top:0px;
width:74px;
height:74px;
line-height:75px;
border-radius:50%;
display:inline-block;
font-size:var(--font-20);
color:var(--black-color);
background-color:var(--white-color);
}
.about-one_detail:hover{
color:var(--white-color);
}
/* About Tabs */
.about-tabs{
position:relative;
}
.about-tabs .tab-btns{
position:relative;
border-bottom:3px solid var(--color-eight);
}
.about-tabs .tab-btns .tab-btn{
position:relative;
line-height:24px;
cursor:pointer;
font-weight:700;
display:inline-block;
padding:0px 10px 15px;
transition:all 500ms ease;
color:var(--color-fifteen);
text-transform:capitalize;
font-size:var(--font-17);
margin-right:var(--margin-right-20);
}
.about-tabs .tab-btns .tab-btn:before{
position:absolute;
content:'';
left:0px;
bottom:-3px;
height:3px;
right:0px;
opacity:0;
transform:scale(0.5,1);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
background-color:var(--main-color);
}
.about-tabs .tab-btns .tab-btn:hover::before,
.about-tabs .tab-btns .tab-btn.active-btn::before{
opacity:1;
transform:scale(1,1);
}
.about-tabs .tab-btns .tab-btn:hover,
.about-tabs .tab-btns .tab-btn.active-btn{
color:var(--main-color);
}
.about-tabs .tabs-content{
position:relative;
padding:25px 0px 0px;
}
.about-tabs .tabs-content .tab{
position:relative;
display:none;
border-top:0px;
}
.about-tabs .tabs-content .tab.active-tab{
display:block;
}
.about-one_image-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.about-one-image-inner{
position:relative;
text-align:center;
}
.about-one_image{
position:relative;
z-index:1;
border-radius:8px;
overflow:hidden;
display:inline-block;
margin-top:var(--margin-top-80);
box-shadow:0px 0px 20px rgba(0,0,0,0.07);
}
.about-cicle_layer{
position:absolute;
right:0px;
top:0px;
}
.about-one_color-layer{
position:absolute;
left:40px;
right:40px;
bottom:0px;
height:290px;
background: var(--color-two);
clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
background: linear-gradient(to top right, var(--color-two) 0%, var(--color-seven) 100%);
}
.about-one_image-text{
position:relative;
font-weight:700;
text-align:center;
padding:20px 0px 30px;
color:var(--white-color);
font-size:var(--font-24);
}
.about-one_bold-text{
position:absolute;
left:0px;
right:0px;
opacity:0.10;
bottom:-10px;
line-height:1em;
font-size:130px;
font-weight:700;
text-align:center;
color:var(--white-color);
}
.about-cicle_layer-two{
position:absolute;
right:0px;
top:0px;
}
.about-one-image-inner-two{
position:relative;
padding-top:var(--padding-top-90);
}
.about-one_image-two{
position:relative;
z-index:1;
display:inline-block;
}
.about-one_award{
position:absolute;
left:20px;
right:20px;
bottom:-20px;
padding:25px 20px;
border-radius:20px 20px 0px 0px;
background-color:var(--white-color);
box-shadow:0px 10px 15px rgba(0,0,0,0.10);
}
.about-one_award-inner{
position:relative;
line-height:28px;
color:var(--color-six);
font-size:var(--font-16);
padding-left:var(--padding-left-70);
}
.about-one_award-icon{
position:absolute;
left:0px;
top:7px;
}
.about-one_award-inner strong{
position:relative;
display:block;
font-weight:700;
font-size:var(--font-24);
color:var(--color-fiftyseven);
margin-bottom:var(--margin-bottom-10);
}
/* About One Counter Block */
.about-one_counter-block{
position:absolute;
left:-50px;
top:-45px;
width:170px;
height:170px;
padding:20px 25px;
background: var(--color-two);
background: linear-gradient(to right, var(--color-two) 0%, var(--color-seven) 100%);
}
.about-one_counter-number{
position:relative;
font-weight:700;
line-height:1em;
font-size:var(--font-60);
color:var(--white-color);
}
.about-one_counter-text{
position:relative;
line-height:28px;
font-size:var(--font-20);
color:var(--white-color);
}
.dots-layer{
position:absolute;
right:10px;
top:10px;
width:41px;
height:39px;
z-index:1;
}
/***
====================================================================
Counter One
====================================================================
***/
.counter-one{
position:relative;
}
.counter-one_inner-container{
position:relative;
padding:65px 110px 30px;
background-size:cover;
}
.counter-one_inner-container:before{
position:absolute;
content:'';
left:30px;
right:30px;
bottom:-25px;
height:25px;
background-color:var(--color-eleven);
}
.counter-one_block{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.counter-one_inner{
position:relative;
padding-left:var(--padding-left-50);
}
.counter-one_icon{
position:absolute;
left:0px;
top:2px;
line-height:1em;
font-weight:300;
font-size:var(--font-34);
color:var(--color-nine);
font-family: 'Font Awesome 5 Pro';
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.counter-one_inner:hover .counter-one_icon{
transform:rotateY(180deg);
}
.counter-one_counter{
position:relative;
line-height:1em;
font-weight:700;
color:var(--white-color);
font-size:var(--font-40);
font-family:var(--font-family-FiraSans);
}
.counter-one_text{
position:relative;
margin-left:-50px;
color:var(--color-ten);
font-size:var(--font-18);
margin-top:var(--margin-top-5);
}
/***
====================================================================
Service Two
====================================================================
***/
.service-two{
position:relative;
padding:110px 0px 110px;
}
.service-two_pattern-1{
position:absolute;
left:0px;
bottom:100px;
width:347px;
height:464px;
background-repeat:no-repeat;
}
.service-two_pattern-2{
position:absolute;
right:0px;
bottom:100px;
width:347px;
height:464px;
background-repeat:no-repeat;
}
.service-block_two{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.service-block_two-inner{
position:relative;
}
.service-block_two-image{
position:relative;
}
.service-block_two-image img{
position:relative;
width:100%;
display:block;
}
.service-block_two-overlay{
position:absolute;
left:0px;
right:0px;
bottom:0px;
text-align:center;
transform-origin: bottom center;
-webkit-transform-origin: bottom center;
padding-bottom:var(--padding-bottom-20);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.service-block_two-inner:hover .service-block_two-overlay{
opacity: 0;
-webkit-transform: scaleY(0);
-khtml-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
}
.service-block_two-overlay:before{
position:absolute;
content:'';
left:0px;
top:30px;
right:0px;
bottom:0px;
opacity:0.90;
background: var(--color-two);
background: linear-gradient(to top right, var(--color-two) 0%, var(--color-seven) 100%);
clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%);
}
.service-block_two-icon{
position:relative;
width:75px;
height:75px;
margin:0 auto;
line-height:68px;
border-radius:50px;
border:3px solid var(--main-color);
background-color:var(--white-color);
margin-bottom:var(--margin-bottom-15);
}
.service-block_two-title{
position:relative;
font-weight:700;
font-size:var(--font-20);
color:var(--white-color);
}
.service-block_two-title a{
position:relative;
color:var(--white-color);
}
.service-block_two-inner:hover .service-block_two-overlay-two{
-webkit-transform: scaleY(1);
-khtml-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
-webkit-transition-delay: .12s;
-moz-transition-delay: .12s;
transition-delay: .12s;
}
.service-block_two-overlay-two{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
text-align:center;
padding:0px 10px;
display: flex;
justify-content: center;
align-items: center;
-webkit-transform: scaleY(0);
-khtml-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
opacity: 0;
transform-origin: bottom center;
-webkit-transform-origin: bottom center;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.service-block_two-overlay-two:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.90;
background: var(--color-two);
background: linear-gradient(to top right, var(--color-two) 0%, var(--color-seven) 100%);
}
.service-block_two-text{
position:relative;
line-height:26px;
font-size:var(--font-16);
color:var(--color-twelve);
margin-top:var(--margin-top-15);
}
.service-block_two-more{
position:relative;
padding:10px 20px;
font-weight:700;
display:inline-block;
font-size:var(--font-14);
color:var(--white-color);
text-transform:capitalize;
margin-top:var(--margin-top-20);
background-color:var(--color-nine);
font-family:var(--font-family-FiraSans);
}
.service-block_two-more:hover{
color:var(--color-nine);
background-color:var(--white-color);
}
.service-two_button-box{
position:relative;
}
/***
====================================================================
Fluid One
====================================================================
***/
.fluid-one{
position:relative;
background-color:var(--color-five);
}
.fluid-one .owl-nav{
display:none;
}
.fluid-one .owl-dots{
position:absolute;
right:50px;
bottom:50px;
width:20px;
}
.fluid-one .owl-dots .owl-dot{
position:relative;
width:12px;
height:12px;
display:block;
margin:10px 0px;
border-radius:50px;
background-color:var(--white-color);
}
.fluid-one_carousel-column{
position:relative;
width:50%;
}
.fluid-one_carousel-inner{
position:relative;
}
.fluid-one_content-column{
position:relative;
width:50%;
}
.fluid-one_column-inner{
position:relative;
max-width:620px;
padding:67px 15px 67px 100px;
}
.fluid-one_image{
position:relative;
margin:var(--margin-zero);
}
.fluid-one_image img{
position:relative;
width:100%;
display:block;
}
.fluid-one_content{
position:absolute;
left:110px;
bottom:45px;
max-width:490px;
width:100%;
}
.fluid-one_image:before{
position:absolute;
content:'';
left:0px;
top:200px;
bottom:0px;
right:0px;
z-index:1;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, rgba(0,0,0,1)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
}
.fluid-one_arrow{
position:relative;
width:52px;
height:52px;
z-index:1;
line-height:52px;
text-align:center;
border-radius:50px;
display:inline-block;
color:var(--white-color);
font-family: 'Font Awesome 5 Pro';
background-color:var(--color-nine);
}
.fluid-one_arrow:hover{
color:var(--color-nine);
background-color:var(--white-color);
}
.fluid-one_image:after{
position:absolute;
content:'';
bottom:0px;
right:0px;
z-index:1;
width:135px;
height:200px;
opacity:0.80;
background: var(--color-two);
background: linear-gradient(to top right, var(--color-two) 0%, var(--color-seven) 100%);
}
.fluid-block_one{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.fluid-block_icon{
position:relative;
width:76px;
height:76px;
line-height:74px;
border-radius:50px;
display:inline-block;
border:3px solid var(--main-color);
background-color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.fluid-block_one:hover .fluid-block_icon{
animation: icon-bounce 0.8s ease-out;
-webkit-animation: icon-bounce 0.8s ease-out;
}
.fluid-block_title{
font-weight:700;
margin:25px 0px 15px;
color:var(--black-color);
font-family:var(--font-family-FiraSans);
}
.fluid-block_text{
position:relative;
line-height:24px;
color:var(--color-six);
font-size:var(--font-16);
}
/***
====================================================================
Team One
====================================================================
***/
.team-one{
position:relative;
padding:160px 0px 70px;
}
.team-color-box{
position:absolute;
left:50%;
top:0px;
width:70px;
height:70px;
background: var(--color-two);
background: linear-gradient(to top right, var(--color-two) 0%, var(--color-seven) 100%);
}
.team_one{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.team_one-inner{
position:relative;
text-align:center;
border:2px solid transparent;
}
.team_one-inner:hover{
border-color:var(--color-eighteen);
}
.team_one-image{
position:relative;
overflow:hidden;
}
.team_one-image img{
position:relative;
width:100%;
display:block;
}
.team_one-content{
position:absolute;
left:0px;
right:0px;
bottom:0px;
z-index:10;
padding-top:var(--padding-top-40);
padding-bottom:var(--padding-bottom-35);
}
.team_one-content:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:-1px;
bottom:0px;
opacity:0.90;
background-color:var(--color-fifteen);
clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
-webkit-transform-origin: bottom center;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team_one-inner:hover .team_one-content:before{
opacity:1;
background-color:var(--white-color);
}
.team_one-inner:hover .team-one_title a{
color:var(--black-color);
}
.team-one_title{
position:relative;
font-family:var(--font-family-FiraSans);
}
.team-one_title a{
position:relative;
font-weight:700;
color:var(--white-color);
-webkit-transform-origin: bottom center;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-one_designation{
position:relative;
font-size:var(--font-15);
color:var(--color-fourteen);
margin-top:var(--margin-top-5);
-webkit-transform-origin: bottom center;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-one_social{
position:absolute;
left:50%;
z-index:11;
margin-top:-20px;
display:inline-block;
transform:translateX(-50%);
background-color:var(--white-color);
border:1px solid var(--color-seventeen);
}
.team-one_social li{
position:relative;
float:left;
border-right:1px solid var(--color-seventeen);
}
.team-one_social li:last-child{
border:none;
}
.team-one_social li a{
position:relative;
width:36px;
height:38px;
line-height:38px;
text-align:center;
display:inline-block;
font-size:var(--font-16);
color:var(--color-sixteen);
font-family: 'Font Awesome 5 Brands';
}
.team_one-inner:hover .team_one-overlay{
-webkit-transform: scaleY(1);
-khtml-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
}
.team_one-overlay{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 100px;
text-align: center;
padding: 0px 15px;
display: flex;
justify-content: center;
align-items: center;
-webkit-transform: scaleY(0);
-khtml-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
opacity: 0;
transform-origin: bottom center;
-webkit-transform-origin: bottom center;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
clip-path: polygon(0 0%, 100% 0, 100% 88%, 0% 100%);
}
.team_one-overlay:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.90;
background: var(--color-two);
background: linear-gradient(to top right, var(--color-two) 0%, var(--color-seven) 100%);
}
.team-one_overlay-content{
position:relative;
}
.team_one-text{
position:relative;
line-height:24px;
font-size:var(--font-15);
color:var(--white-color);
margin-bottom:var(--margin-bottom-20);
}
.team_one-more{
position:relative;
padding:10px 20px;
font-weight:700;
display:inline-block;
font-size:var(--font-14);
color:var(--white-color);
text-transform:capitalize;
background-color:var(--color-nine);
font-family:var(--font-family-FiraSans);
}
.team_one-more:hover{
color:var(--color-nine);
background-color:var(--white-color);
}
/***
====================================================================
Awards One
====================================================================
***/
.awards-one{
position:relative;
z-index:1;
}
.awards-one .owl-dots,
.awards-one .owl-nav{
display:none;
}
.awards-one_pattern-1{
position:absolute;
left:0px;
top:80px;
width:145px;
height:61px;
}
.awards-one_pattern-2{
position:absolute;
right:60px;
top:60px;
width:78px;
height:57px;
}
.awards-one_pattern-3{
position:absolute;
left:40px;
bottom:60px;
width:27px;
height:71px;
}
.awards-one_pattern-4{
position:absolute;
right:0px;
bottom:30px;
width:162px;
height:60px;
}
.awards-one_inner-container{
position:relative;
border-radius:5px;
padding:100px 90px 100px;
}
.awards-one_inner-container:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.90;
background-color:var(--color-nineteen);
}
.award-one_image-box{
position:relative;
border-radius:7px;
overflow:hidden;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.award-one_image-box img{
position:relative;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.client-one_image-box{
position:relative;
border-radius:7px;
height:60px;
overflow:hidden;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.client-one_image-box img{
position:relative;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.client-one_image-box:hover img{
transform:translateY(-70px);
}
.client-one_image-box-two{
position:relative;
border-radius:7px;
overflow:hidden;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.client-one_image-box-two img{
position:relative;
width:auto !important;
max-width:inherit;
margin:0 auto;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
/***
====================================================================
Testimonial One
====================================================================
***/
.testimonial-one{
position:relative;
margin-top:-280px;
padding:390px 0px 100px;
background-color:var(--color-twenty);
}
.awards-one_pattern-1{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-position:left center;
background-repeat:no-repeat;
}
.awards-one_pattern-2{
position:absolute;
right:0px;
bottom:0px;
width:100%;
height:100%;
background-position:right center;
background-repeat:no-repeat;
}
.testimonial-one .owl-nav{
display:none;
}
.testimonial-one .owl-dots{
position:absolute;
right:0px;
width:20px;
bottom:30px;
}
.testimonial-one .owl-dots .owl-dot{
position:relative;
width:15px;
height:15px;
display:block;
margin:15px 0px;
border-radius:50px;
background-color:var(--color-fourteen);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.testimonial-one .owl-dots .owl-dot.active,
.testimonial-one .owl-dots .owl-dot:hover{
background-color:var(--black-color);
}
.testimonial-block_one{
position:relative;
}
.testimonial-block_one-inner{
position:relative;
padding-left:var(--padding-left-70);
}
.testimonial-block_one-quote{
position:absolute;
left:0px;
top:0px;
line-height:1em;
font-size:var(--font-40);
color:var(--main-color);
}
.testimonial-block_one-text{
position:relative;
line-height:48px;
max-width:840px;
font-size:var(--font-30);
color:var(--color-twentyone);
}
.testimonial-block_one-author{
position:relative;
font-weight:700;
font-size:var(--font-20);
color:var(--color-twentyone);
margin-top:var(--margin-top-30);
font-family:var(--font-family-FiraSans);
}
.testimonial-block_one-designation{
position:relative;
font-size:var(--font-14);
color:var(--color-fourteen);
margin-top:var(--margin-top-5);
}
/***
====================================================================
Projects One
====================================================================
***/
.projects-one{
position:relative;
padding:100px 0px 100px;
}
.projects-one_filters{
position:relative;
text-align:center;
margin-bottom:var(--margin-bottom-15);
}
.projects-one_filters li{
position:relative;
font-weight:700;
cursor:pointer;
margin:0px 20px 15px;
display:inline-block;
font-size:var(--font-18);
text-transform:capitalize;
color:var(--color-twentytwo);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.projects-one_filters li.active,
.projects-one_filters li:hover{
color:var(--main-color);
}
.project_one.mix{
display:none;
}
/* Project One */
.project_one{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.project_one-inner{
position:relative;
text-align:center;
border:2px solid transparent;
}
.project_one-inner:hover{
border-color:var(--color-eighteen);
}
.project_one-image{
position:relative;
overflow:hidden;
}
.project_one-image img{
position:relative;
width:100%;
display:block;
}
.project_one-content{
position:absolute;
left:0px;
right:0px;
bottom:0px;
z-index:10;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
padding-top:var(--padding-top-50);
padding-bottom:var(--padding-bottom-20);
}
.project_one-content:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:-1px;
bottom:0px;
opacity:0.90;
background-color:var(--color-fifteen);
clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
-webkit-transform-origin: bottom center;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.project_one-inner:hover .project_one-content{
bottom:-200px;
}
.project_one-inner:hover .project_one-content:before{
opacity:1;
background-color:var(--white-color);
}
.project_one-inner:hover .team-one_title a{
color:var(--black-color);
}
.project-one_title{
position:relative;
font-family:var(--font-family-FiraSans);
}
.project-one_title a{
position:relative;
font-weight:700;
color:var(--white-color);
-webkit-transform-origin: bottom center;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.project-one_designation{
position:relative;
font-size:var(--font-15);
color:var(--color-fourteen);
margin-top:var(--margin-top-5);
-webkit-transform-origin: bottom center;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.project_one-inner:hover .project_one-overlay{
-webkit-transform: scaleY(1);
-khtml-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
}
.project_one-overlay{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
text-align: center;
padding: 0px 15px;
display: flex;
justify-content: center;
align-items: center;
-webkit-transform: scaleY(0);
-khtml-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
opacity: 0;
transform-origin: bottom center;
-webkit-transform-origin: bottom center;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.project_one-overlay:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.90;
background: var(--color-two);
background: linear-gradient(to top right, var(--color-two) 0%, var(--color-seven) 100%);
}
.project-one_overlay-content{
position:relative;
}
.project_one-text{
position:relative;
line-height:24px;
font-size:var(--font-15);
color:var(--white-color);
margin-bottom:var(--margin-bottom-20);
}
.project_one-plus{
position:relative;
width:45px;
height:45px;
font-weight:700;
border-radius:50px;
text-align:center;
line-height:45px;
display:inline-block;
font-size:var(--font-14);
color:var(--black-color);
text-transform:capitalize;
background-color:var(--white-color);
}
.project_one-more:hover{
color:var(--color-nine);
background-color:var(--white-color);
}
.projects-one_button-box{
position:relative;
margin-top:var(--margin-top-10);
}
/***
====================================================================
News One
====================================================================
***/
.news-one{
position:relative;
padding:100px 0px 100px;
background-position:center top;
background-repeat:no-repeat;
background-color:var(--color-twenty);
}
.news-one_pattern-layer{
position:absolute;
left:0px;
bottom:0px;
right:0px;
height:264px;
background-repeat:repeat-x;
}
.news-one .owl-nav{
display:none;
}
.news-one .owl-dots{
position:relative;
text-align:center;
margin-top:var(--margin-top-30);
}
.news-one .owl-dots .owl-dot{
position:relative;
width:12px;
height:12px;
margin:0px 5px;
border-radius:50px;
display:inline-block;
background-color:var(--color-fourteen);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-one .owl-dots .owl-dot.active,
.news-one .owl-dots .owl-dot:hover{
background-color:var(--black-color);
}
.news-one .owl-carousel .owl-stage-outer{
padding-bottom:var(--padding-bottom-25);
}
.news-block_one{
position:relative;
}
.news-block_one-inner{
position:relative;
}
.news-block_one-image{
position:relative;
}
.news-block_one-image img{
position:relative;
width:100%;
}
.news-block_one-content{
position:relative;
z-index:1;
margin-top:-70px;
padding:35px 25px 30px;
margin-left:var(--margin-left-25);
margin-right:var(--margin-right-25);
}
.news-block_one-content:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:25px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
background-color:var(--white-color);
clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
}
.news-block_one.active .news-block_one-content:before,
.news-block_one-inner:hover .news-block_one-content:before{
bottom:0px;
background: var(--color-two);
background: linear-gradient(to left, rgb(235 167 127) 0%, rgb(217, 94, 22) 100%);
}
.news-block_one-info{
position:relative;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.news-block_one.active .news-block_one-info,
.news-block_one-inner:hover .news-block_one-info{
opacity:0;
visibility:hidden;
}
.news-block_one-info li{
position:relative;
display:inline-block;
color:var(--color-six);
margin-right:var(--margin-right-15);
padding-left:var(--padding-left-25);
}
.news-block_one-icon{
position:absolute;
left:0px;
top:2px;
color:var(--color-six);
}
.news-block_one-info li:last-child{
margin-right:var(--margin-zero);
}
.news-block_one.active .news-one_heading,
.news-block_one-inner:hover .news-one_heading{
color:var(--white-color);
transform:translateY(-45px);
}
.news-one_heading{
position:relative;
font-size:var(--font-20);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
margin-top:var(--margin-top-15);
padding-bottom:var(--padding-bottom-20);
}
.news-block_one.active .news-one_heading a,
.news-block_one-inner:hover .news-one_heading a{
color:var(--white-color);
}
.news-one_heading a{
position:relative;
color:var(--black-color);
}
.news-one_text{
position:absolute;
left:25px;
right:25px;
top:95px;
opacity:0;
line-height:24px;
font-size:var(--font-16);
color:var(--black-color);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.news-one_button-box{
position:absolute;
left:0px;
right:0px;
bottom:0px;
opacity:0;
transform:translateY(30px);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.news-block_one.active .news-one_button-box,
.news-block_one-inner:hover .news-one_button-box{
opacity:1;
transform:translateY(25px);
}
.news-one_load-btn{
position:relative;
font-weight:700;
padding:14px 34px;
font-size:var(--font-15);
color:var(--white-color);
background-color:#6b6b6b;
}
.news-block_one.active .news-one_load-btn,
.news-one_load-btn:hover{
color:var(--white-color);
background-color:var(--color-twentythree);
}
.news-block_one.active .news-one_text,
.news-block_one-inner:hover .news-one_text{
opacity:1;
color:var(--white-color);
}
/***
====================================================================
CTA One
====================================================================
***/
.cta-one{
position:relative;
padding:50px 0px 50px;
background-color:var(--color-twentyfour);
}
.cta-one_heading{
font-size:var(--font-30);
color:var(--white-color);
}
.cta-one_text{
position:relative;
font-size:var(--font-17);
color:var(--color-twentyfive);
margin-top:var(--margin-top-10);
}
.cta-one_btn{
position:relative;
padding:16px 44px;
font-weight:700;
font-size:var(--font-15);
color:var(--white-color);
text-transform:capitalize;
background-color:var(--color-fourteen);
}
.cta-one_btn:hover{
color:var(--main-color);
background-color:var(--white-color);
}
/***
====================================================================
Slider Two
====================================================================
***/
.slider-two{
position:relative;
}
.slider-two_image-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:1;
background-size:cover;
background-position:center center;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
-webkit-transition: all 6000ms linear;
-moz-transition: all 6000ms linear;
-ms-transition: all 6000ms linear;
-o-transition: all 6000ms linear;
transition: all 6000ms linear;
}
.slider-two .active .slider-two_image-layer{
-webkit-transform:scale(1.15);
-ms-transform:scale(1.15);
transform:scale(1.15);
}
.slider-two_pattern-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:1;
width:100%;
height:100%;
opacity:0.50;
background:url(../images/main-slider/pattern-1.png);
background-position:left top;
background-repeat:no-repeat;
}
.slider-two .slide{
position:relative;
padding:150px 0px 220px;
}
.slider-two .owl-dots{
display:none;
}
.slider-two .owl-nav{
position:absolute;
left:0px;
top:50%;
opacity:0;
right:0px;
width:100%;
z-index:10;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.slider-two:hover .owl-nav{
opacity:1;
}
.slider-two .owl-nav .owl-prev{
position:absolute;
left:30px;
width:48px;
height:48px;
border-radius:50px;
line-height:48px;
text-align:center;
display:inline-block;
font-size:var(--font-20);
color:var(--white-color);
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
font-family: 'Font Awesome 5 Pro';
border:1px solid var(--white-color);
}
.slider-two .owl-nav .owl-next{
position:absolute;
right:30px;
width:48px;
height:48px;
line-height:48px;
display:inline-block;
text-align:center;
border-radius:50px;
font-size:var(--font-20);
color:var(--white-color);
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
font-family: 'Font Awesome 5 Pro';
border:1px solid var(--white-color);
}
.slider-two .owl-nav .owl-prev:hover,
.slider-two .owl-nav .owl-next:hover{
color: var(--white-color);
border-color: var(--color-thirtythree);
background-color: var(--color-thirtythree);
}
.slider-two-content{
position:relative;
z-index:1;
}
.slider-two_inner{
position:relative;
}
.slider-two_title{
opacity:0;
transform:scale(1,0.2);
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
font-weight:700;
padding:10px 26px;
display:inline-block;
font-size:var(--font-22);
color:var(--color-thirtythree);
background-color:var(--white-color);
font-family:var(--font-family-Rubik);
}
.slider-two .active .slider-two_title{
opacity:1;
transform:scale(1,1);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.slider-two_heading{
opacity:0;
transform:scale(1,0.2);
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
font-weight:700;
color:var(--white-color);
margin-top:var(--margin-top-30);
font-family:var(--font-family-Inter);
text-shadow: 3px 3px 10px rgba(0,0,0,0.10);
}
.slider-two .active .slider-two_heading{
opacity:1;
transform:scale(1,1);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.slider-two_text{
opacity:0;
transform:scale(1,0.2);
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
font-weight:400;
line-height:30px;
color:var(--white-color);
font-size:var(--font-20);
margin-top:var(--margin-top-20);
font-family:var(--font-family-Rubik);
margin-bottom:var(--margin-bottom-40);
}
.slider-two .active .slider-two_text{
opacity:1;
transform:scale(1,1);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.slider-two .slider-two_button-box{
position:relative;
opacity:0;
transform:scale(1,0.2);
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
}
.slider-two .active .slider-two_button-box{
opacity:1;
transform:scale(1,1);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.featured-one{
position:relative;
z-index:10;
margin-top:-120px;
}
.featured-one .feature-block_one{
width:20%;
float:left;
}
/* Feature Block One */
.feature-block_one{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.feature-block_one-inner{
position:relative;
text-align:center;
padding:35px 30px 30px;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.feature-block_one-inner .overlay-link{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:10;
}
.feature-block_one-inner:hover .color-layer{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.feature-block_one .color-layer{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease,-webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
background-position:right top;
background-repeat:no-repeat;
background-image: -webkit-gradient(linear, left top, right top, from(#1475F7), to(#7114EF));
background-image: -webkit-linear-gradient(to left, #1475F7, #7114EF);
background-image: -moz-linear-gradient(to left, #1475F7, #7114EF);
background-image: -ms-linear-gradient(to left, #1475F7, #7114EF);
background-image: -o-linear-gradient(to left, #1475F7, #7114EF);
background-image: linear-gradient(to left, #1475F7, #7114EF);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1475F7', endColorStr='#7114EF', gradientType='1');
background-color: transparent !important;
}
.feature-block_one .color-layer:before{
position: absolute;
content:'';
left: 0px;
top: 0px;
right:0px;
bottom:0px;
background:url(../images/background/pattern-48.png) right top no-repeat;
}
.feature-block_one-icon{
position:relative;
line-height:1em;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.feature-block_one-inner:hover .feature-block_one-icon{
transform:rotateY(180deg);
}
.feature-block_one-title{
position:relative;
font-weight:700;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
color:var(--color-thirtyfour);
margin-top:var(--margin-top-20);
font-family:var(--font-family-Inter);
}
.feature-block_one-inner:hover .feature-block_one-title{
color:var(--white-color);
}
/***
====================================================================
Clients One
====================================================================
***/
.clients-one{
position:relative;
margin-top:-127px;
padding:150px 0px 30px;
}
.clients-one .owl-dots,
.clients-one .owl-nav{
display:none;
}
.clients-one_pattern{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-attachment:fixed;
background-size:cover;
}
.clients-one_pattern:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.92;
background-color:var(--color-thirtyfive);
}
.clients-one_title-column{
position:relative;
}
.client-one_title{
position:relative;
font-weight:700;
padding-right:90px;
display:inline-block;
font-size:var(--font-16);
margin-top:var(--margin-top-25);
color:var(--color-thirtyfour);
}
.client-one_title:before{
position:absolute;
content:'';
right:0px;
top:10px;
height:2px;
width:70px;
background-color:var(--color-thirtysix);
}
/***
====================================================================
About Two
====================================================================
***/
.about-two{
position:relative;
padding:110px 0px 80px;
}
.about-two .sec-title_two{
margin-bottom:var(--margin-bottom-30);
}
.about-two_image-column{
position:relative;
}
.about-two_image{
position:relative;
display:inline-block;
margin-top:var(--margin-top-90);
}
.about-two_image img{
position:relative;
overflow:hidden;
border-radius:12px;
}
.about-two_pattern-one{
position:absolute;
left:160px;
top:20px;
width:224px;
height:242px;
background-repeat:no-repeat;
}
.about-two_pattern-two{
position:absolute;
right:100px;
top:-10px;
width:123px;
height:242px;
background-repeat:no-repeat;
}
.about-two_play{
position:absolute;
right:-30px;
bottom:60px;
width:60px;
height:60px;
font-weight:800;
line-height:60px;
text-align:center;
border-radius:50px;
display:inline-block;
color: var(--white-color);
background: var(--color-thirtytwo);
background: linear-gradient(to top left, var(--color-thirtythree) 0%, var(--color-thirtytwo) 100%);
}
.about-two_play:hover{
color: var(--white-color);
}
.about-two_play .ripple,
.about-two_play .ripple:before,
.about-two_play .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:60px;
height: 60px;
border-radius:50px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
-ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
-o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.about-two_play .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.about-two_play .ripple:after{
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
@keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
.about-two_text{
position:relative;
line-height:29px;
font-size:var(--font-17);
color:var(--color-thirtyseven);
padding-left:var(--padding-left-30);
border-left:2px solid var(--main-color);
}
.about-two_feature{
position:relative;
padding:30px 0px;
margin-top:var(--margin-top-40);
margin-bottom:var(--margin-bottom-40);
border-top:2px solid var(--color-thirtyeight);
border-bottom:2px solid var(--color-thirtyeight);
}
.about-two_block{
position:relative;
}
.about-two_block-inner{
position:relative;
font-weight:700;
padding-left:var(--padding-left-70);
}
.about-two_block-icon{
position:absolute;
left:0px;
top:0px;
line-height:1em;
}
.about-two_block-heading{
line-height:26px;
color:var(--black-color);
}
.about-phone_box{
position:relative;
font-size:var(--font-15);
color:var(--color-thirtyseven);
margin-left:var(--margin-left-30);
padding-left:var(--padding-left-70);
}
.about-phone_icon{
position:absolute;
left:0px;
top:0px;
width:56px;
height:56px;
line-height:52px;
border-radius:50px;
display:inline-block;
color:var(--main-color);
font-size:var(--font-24);
border:2px solid rgba(0,0,0,0.10);
}
.about-two_phone-number{
position:relative;
font-weight:700;
display:inline-block;
font-size:var(--font-24);
color:var(--black-color);
margin-top:var(--margin-top-5);
font-family:var(--font-family-FiraSans);
}
/***
====================================================================
Services One
====================================================================
***/
.services-one{
position:relative;
padding:100px 0px 100px;
background-color:var(--color-thirtynine);
}
.services-one .owl-carousel .owl-stage-outer{
padding-top:var(--padding-top-30);
}
.services-one .owl-nav{
position:relative;
margin-top:var(--margin-top-30);
margin: auto;
text-align: center;
}
.services-one .owl-nav .owl-prev{
position:relative;
width:46px;
height:46px;
line-height:48px;
text-align:center;
border-radius:50px;
display:inline-block;
font-size:var(--font-18);
color:var(--black-color);
background-color:var(--white-color);
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
}
.services-one .owl-nav .owl-next{
position:absolute;
/* right:0px; */
width:46px;
height:46px;
line-height:48px;
text-align:center;
border-radius:50px;
display:inline-block;
font-size:var(--font-18);
color:var(--black-color);
background-color:var(--white-color);
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
}
.services-one .owl-nav .owl-prev:hover,
.services-one .owl-nav .owl-next:hover{
color:var(--white-color);
background-color:rgb(217 94 22);
}
.services-one .owl-dots{
position:relative;
width:980px;
height:4px;
margin:0 auto;
top:-25px;
background-color:var(--color-fourtyone);
display: none;
}
.services-one .owl-dots .owl-dot{
position:relative;
width:33.333%;
height:4px;
top:-11px;
opacity:0;
display:inline-block;
background-color:var(--main-color);
}
.services-one .owl-dots .owl-dot.active,
.services-one .owl-dots .owl-dot:hover{
opacity:1;
}
.services-one_pattern-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-position:center center;
background-repeat:no-repeat;
}
.services-one_inner-coontainer{
position:relative;
}
.service-block_three{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.service-block_three-inner{
position:relative;
text-align:center;
padding:0px 20px 40px;
}
.service-block_three-inner:before{
position:absolute;
content:'';
left:0px;
top:40px;
right:0px;
bottom:0px;
border-radius:60px 10px 10px 10px;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.service-block_three-icon{
position:relative;
width:76px;
height:76px;
margin:0 auto;
display:block;
z-index:1;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.service-block_three-icon:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:-1;
border-radius:20px;
transform:rotate(45deg);
background: var(--color-thirtytwo);
box-shadow:10px 10px 10px rgba(0,0,0,0.20);
background: linear-gradient(to top left, var(--color-thirtythree) 0%, var(--color-thirtytwo) 100%);
}
.service-block_three-inner:hover .service-block_three-icon{
opacity:0;
}
.service-block_three-heading{
position:relative;
font-weight:700;
font-size:var(--font-20);
color:var(--color-thirtyfour);
margin-top:var(--margin-top-45);
padding-bottom:var(--padding-bottom-15);
}
.service-block_three-heading:before{
position:absolute;
content:'';
left:50%;
bottom:0px;
width:90px;
height:4px;
transform:translateX(-50%);
background: var(--color-thirtytwo);
background: linear-gradient(to top left, var(--color-thirtythree) 0%, var(--color-thirtytwo) 100%);
}
.service-block_three-heading a{
position:relative;
color:var(--color-thirtyfour);
}
.service-block_three-heading a:hover{
color: var(--color-thirtytwo);
}
.service-block_three-heading.alternate{
margin-top: var(--margin-top-85);
padding-bottom:var(--padding-zero);
}
.service-block_three-heading.alternate:before{
display:none;
}
.service-block_three-text{
position:relative;
line-height:28px;
font-size:var(--font-16);
color:var(--color-fourty);
margin-top:var(--margin-top-25);
}
.service-block_three-overlay{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:2;
opacity:0;
overflow:hidden;
padding:30px 30px 30px;
background: var(--white-color);
border-radius:10px 30px 10px 10px;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
transform:scale(0.2,1);
}
.service-block_three-inner:hover .service-block_three-overlay{
opacity:1;
transform:scale(1,1);
}
.service-block_three-color-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
height:261px;
background:url(../images/background/pattern-15.png) no-repeat;
background-size:cover;
}
.service-block_three-icon-two{
position:relative;
width:76px;
height:76px;
margin:0 auto;
display:block;
z-index:1;
}
.service-block_three-icon-two:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:-1;
border-radius:20px;
transform:rotate(45deg);
background: var(--white-color);
box-shadow:10px 10px 10px rgba(0,0,0,0.20);
}
.service-block_three-learn{
position:relative;
font-weight:700;
display:inline-block;
font-size:var(--font-16);
color:var(--color-thirtytwo);
margin-top: var(--margin-top-30);
background: linear-gradient(90deg, var(--color-thirtythree) 0%, var(--color-thirtytwo) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/***
====================================================================
Case One
====================================================================
***/
.case-one{
position:relative;
overflow:hidden;
padding:110px 0px 110px;
}
.case-one_pattern-layer{
position:absolute;
right:0px;
top:110px;
width:1046px;
height:1062px;
background-repeat:no-repeat;
}
.case-one_pattern-layer-two{
position:absolute;
left:0px;
bottom:110px;
width:228px;
height:236px;
z-index:99;
background-repeat:no-repeat;
}
.case-one .owl-stage-outer{
overflow:visible;
}
.case-one_inner-container{
position:relative;
}
.case-one_inner-container:before{
position:absolute;
content:'';
right:100%;
top:0px;
bottom:0px;
width:200%;
z-index:10;
background-color:var(--white-color);
}
.case-one .owl-item{
opacity:0.40;
}
.case-one .owl-item.active{
opacity:1;
}
.case-one .owl-nav{
position:relative;
margin-top:var(--margin-top-30);
}
.case-one .owl-nav .owl-prev{
position:relative;
left:5px;
width:46px;
height:46px;
line-height:48px;
text-align:center;
border-radius:50px;
display:inline-block;
font-size:var(--font-18);
color:var(--black-color);
background-color:var(--white-color);
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.case-one .owl-nav .owl-next{
position:absolute;
right:0px;
width:46px;
height:46px;
line-height:48px;
text-align:center;
border-radius:50px;
display:inline-block;
font-size:var(--font-18);
color:var(--black-color);
background-color:var(--white-color);
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.case-one .owl-nav .owl-prev:hover,
.case-one .owl-nav .owl-next:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.case-one .owl-dots{
position:relative;
width:980px;
height:4px;
margin:0 auto;
top:-25px;
background-color:var(--color-fourtyone);
}
.case-one .owl-dots .owl-dot{
position:relative;
width:33.333%;
height:4px;
top:-11px;
opacity:0;
display:inline-block;
background-color:var(--main-color);
}
.case-one .owl-dots .owl-dot.active,
.case-one .owl-dots .owl-dot:hover{
opacity:1;
}
/* Case Block */
.case-block{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.case-block_inner{
position:relative;
}
.case-block_image{
position:relative;
}
.case-block_image img{
position:relative;
width:100%;
display:block;
}
.case-one_overlay{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
display:flex;
align-items: center;
justify-content: center;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease,-webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.case-one_overlay:before{
position:absolute;
content:'';
left:0px;
top:0px;
z-index:1;
right:0px;
bottom:0px;
opacity:0.80;
background: var(--color-thirtytwo);
background: linear-gradient(to top left, var(--color-thirtythree) 0%, var(--color-thirtytwo) 100%);
}
.case-block_inner:hover .case-one_overlay{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.case-block_plus{
position:relative;
width:64px;
height:64px;
z-index:2;
line-height:64px;
text-align:center;
font-size:var(--font-20);
color:var(--main-color);
background-color:var(--color-fourtytwo);
}
.case-block_lower-content{
position:relative;
padding:30px 35px 40px;
border:1px solid var(--color-fourtythree);
border-top:none;
background-color:var(--white-color);
}
.case-block_heading{
position:relative;
font-weight:700;
}
.case-block_heading a{
position:relative;
color:var(--black-color);
}
.case-block_heading a:hover{
color:var(--main-color);
}
.case-block_location{
position:relative;
margin:15px 0px;
font-size:var(--font-16);
color:var(--color-thirtyseven);
padding-left:var(--padding-left-30);
}
.case-block_location:before{
position:absolute;
content:"\f3c5";
left:0px;
top:0px;
font-weight:800;
color:var(--main-color);
font-family: 'Font Awesome 5 Pro';
}
.case-block_text{
position:relative;
line-height:28px;
font-size:var(--font-16);
color:var(--color-thirtyseven);
}
/***
====================================================================
Choose One
====================================================================
***/
.choose-one{
position:relative;
padding-bottom:var(--padding-bottom-120);
}
.choose-one_pattern-layer{
position:absolute;
left:0px;
width:100%;
bottom:130px;
height:426px;
background-repeat:no-repeat;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.choose-tabs{
position:relative;
}
.choose-tabs .tab-btns{
position:relative;
text-align:center;
margin-bottom:var(--margin-bottom-50);
border-top:3px solid var(--color-fourtyone);
border-bottom:3px solid var(--color-fourtyone);
}
.choose-tabs .tab-btns .tab-btn{
position:relative;
display:inline-block;
margin:0px 50px 0px;
color:var(--color-thirtyseven);
text-transform:capitalize;
font-size:var(--font-16);
line-height:24px;
cursor:pointer;
font-weight:700;
padding:26px 0px;
transition:all 500ms ease;
}
.choose-tabs .tab-btns .tab-btn:before{
position:absolute;
content:'';
left:20px;
bottom:-3px;
right:20px;
height:6px;
opacity:0;
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
background: var(--color-thirtytwo);
background: linear-gradient(to top left, var(--color-thirtythree) 0%, var(--color-thirtytwo) 100%);
}
.choose-tabs .tab-btns .tab-btn:hover::before,
.choose-tabs .tab-btns .tab-btn.active-btn::before{
opacity:1;
}
.choose-tabs .tabs-content{
position:relative;
padding:30px 0px 0px;
}
.choose-tabs .tabs-content .tab{
position:relative;
display:none;
border-top:0px;
}
.choose-tabs .tabs-content .tab.active-tab{
display:block;
}
.choose-one_image-column{
position:relative;
}
.choose-one_image-inner{
position:relative;
padding-top:var(--padding-top-40);
padding-left:var(--padding-left-50);
}
.choose-one_image{
position:relative;
overflow:hidden;
border-radius:20px;
display:inline-block;
}
.choose-one_color-layer{
position:absolute;
left:0px;
top:0px;
width:370px;
height:320px;
overflow:hidden;
border-radius:20px;
background-color:var(--color-fourtyfour);
}
.choose-one_dotted-layer{
position:absolute;
right:0px;
top:0px;
width:123px;
height:242px;
background-repeat:no-repeat;
}
.choose-one_content-column{
position:relative;
}
.choose-one_content-inner{
position:relative;
padding-top:var(--padding-top-40);
padding-left:var(--padding-left-80);
}
.choose-one_title{
position:relative;
font-weight:700;
display:inline-block;
font-size:var(--font-15);
color:var(--color-thirtytwo);
font-family:var(--font-family-FiraSans);
background: linear-gradient(90deg, var(--color-thirtythree) 0%, var(--color-thirtytwo) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.choose-one_heading{
position:relative;
margin-top:var(--margin-top-20);
margin-bottom:var(--margin-bottom-20);
}
.choose-one_text{
position: relative;
line-height: 29px;
font-size: var(--font-17);
color: var(--color-thirtyseven);
}
.choose-one_button{
position:relative;
margin-top:var(--margin-top-30);
}
/***
====================================================================
Counter Two
====================================================================
***/
.counter-two{
position:relative;
padding-bottom:var(--padding-bottom-40);
}
.counter-two_inner-container{
position:relative;
text-align:center;
padding:65px 80px 65px;
background-size:cover;
}
.counter-two_pattern-one{
position:absolute;
left:0px;
bottom:0px;
width:159px;
height:158px;
z-index:2;
overflow:hidden;
border-radius:0px 0px 0px 10px;
background-repeat:no-repeat;
}
.counter-two_pattern-two{
position:absolute;
left:-10px;
bottom:-40px;
width:182px;
height:99px;
z-index:2;
background-repeat:no-repeat;
}
.counter-two_pattern-three{
position:absolute;
right:5px;
z-index:2;
top:-50px;
width:99px;
height:182px;
background-repeat:no-repeat;
}
.counter-two_image-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
overflow:hidden;
border-radius:10px;
background-size:cover;
}
.counter-two_image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
z-index:1;
right:0px;
bottom:0px;
opacity:0.80;
background: var(--color-thirtytwo);
background: linear-gradient(to top left, var(--color-thirtythree) 0%, var(--color-thirtytwo) 100%);
}
.counter-two_heading{
position:relative;
font-weight:700;
z-index:1;
text-align:center;
font-size:var(--font-30);
color:var(--white-color);
margin-bottom:var(--margin-bottom-40);
font-family:var(--font-family-FiraSans);
}
.counter-two_block{
position:relative;
z-index:1;
margin-bottom:var(--margin-bottom-30);
}
.counter-two_counter{
position:relative;
line-height:1em;
font-size:var(--font-55);
color:var(--color-fourtyfive);
}
.counter-two_text{
position:relative;
line-height:28px;
padding:0px 30px;
font-size:var(--font-18);
color:var(--white-color);
margin-top:var(--margin-top-10);
}
.counter-two_text{
position:relative;
z-index:10;
font-size:var(--font-16);
color:var(--color-fourtysix);
}
.counter-two_text a{
position:relative;
font-weight:700;
color:var(--black-color);
text-decoration:underline;
}
/***
====================================================================
Pricing One
====================================================================
***/
.pricing-one{
position:relative;
overflow:hidden;
padding:70px 0px 80px;
}
.pricing-one_pattern-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:953px;
background-repeat:no-repeat;
}
.pricing-one_pattern-two{
position:absolute;
right:0px;
bottom:0px;
width:228px;
height:236px;
background-repeat:no-repeat;
}
.pricing-info-tabs .pricing-tabs{
position:relative;
}
.pricing-tabs .tab-btns{
position:relative;
text-align:center;
margin-bottom:var(--margin-bottom-70);
}
.pricing-tabs .tab-btns .tab-btn{
position:relative;
display:inline-block;
font-size:var(--font-18);
font-weight:700;
line-height:24px;
cursor:pointer;
margin:0px 10px 10px;
text-transform:capitalize;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
color:var(--color-fourtyseven);
}
.pricing-tabs .tab-btns .tab-btn .save{
color:#1a1e66;
font-size:var(--font-12);
font-weight:500;
padding:6px 18px;
border-radius:4px;
margin-left:10px;
display:inline-block;
background-color:var(--color-fourtyeight);
}
.pricing-tabs .tab-btns .tab-btn .circle{
position:relative;
width:18px;
height:18px;
top:3px;
margin-right:8px;
border-radius:50px;
display:inline-block;
border:2px solid #b8b5b5;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.pricing-tabs .tab-btns .tab-btn:hover,
.pricing-tabs .tab-btns .tab-btn.active-btn{
color:#1a1e66;
}
.pricing-tabs .tab-btns .tab-btn .circle:before{
position:absolute;
content:'';
left:4px;
top:4px;
width:6px;
height:6px;
opacity:0;
border-radius:50px;
background-color:#2a41e8;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.pricing-tabs .tab-btns .tab-btn:hover .circle,
.pricing-tabs .tab-btns .tab-btn.active-btn .circle{
border-color:#2a41e8;
}
.pricing-tabs .tab-btns .tab-btn:hover .circle::before,
.pricing-tabs .tab-btns .tab-btn.active-btn .circle::before{
opacity:1;
}
.pricing-tabs .tabs-content{
position:relative;
}
.pricing-tabs .tabs-content .tab{
position:relative;
display:none;
margin-left:60px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.pricing-tabs .tabs-content .tab.active-tab{
display:block;
margin-left:0px;
}
/* Price Block */
.price-block{
position:relative;
z-index:1;
margin-bottom:var(--margin-bottom-30);
}
.price-block .inner-box{
position:relative;
border-radius:10px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}
.price-block .inner-box .recomend{
position:absolute;
left:0px;
top:-41px;
width:100%;
font-weight:600;
text-align:center;
padding:12px 12px;
font-size:var(--font-15);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
border-radius:6px 6px 0px 0px;
color:var(--color-fourtyseven);
background-color:var(--color-fourtyeight);
}
.price-block .inner-box .title-box{
position:relative;
padding:25px 25px;
}
.price-block .inner-box .title-box h5{
position:relative;
font-weight:700;
line-height:1.3em;
margin-bottom:12px;
font-size:var(--font-20);
color:var(--color-fourtyseven);
font-family:var(--font-family-FiraSans);
}
.price-block .inner-box .title-box .text{
position:relative;
line-height:28px;
font-size:var(--font-16);
color:var(--color-thirtyseven);
}
.price-block .inner-box .price{
position:relative;
display:block;
color:#ffffff;
font-weight:600;
text-align:center;
line-height:1.2em;
padding:12px 10px 8px;
font-size:var(--font-36);
background: var(--color-thirtytwo);
font-family:var(--font-family-FiraSans);
background: linear-gradient(to left, var(--color-thirtythree) 0%, var(--color-thirtytwo) 100%);
}
.price-block .inner-box .price span{
position:relative;
font-weight:400;
font-size:var(--font-16);
}
.price-block .inner-box .lower-box{
position:relative;
padding:25px 20px 30px;
}
.price-block .inner-box .price-list{
position:relative;
margin-bottom:var(--margin-bottom-20);
}
.price-block .inner-box .price-list li{
position:relative;
font-weight:400;
font-size:var(--font-16);
padding:14px 8px 14px 45px;
color:var(--color-thirtyseven);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.price-block .inner-box .price-list li:before{
position:absolute;
content: "\f00c";
left:15px;
top:18px;
line-height:1em;
font-weight:800;
color:var(--main-color);
font-size:var(--font-14);
font-family: 'Font Awesome 5 Pro';
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.price-block .inner-box .price-list li.style-two{
background-color:var(--color-fourtynine);
}
.price-block .inner-box .lower-box .trial-btn{
position:relative;
width:100%;
color:#ffffff;
border-radius:50px;
text-align:center;
padding:14px 15px;
font-weight:700;
font-size:var(--font-14);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
background-color:var(--color-twentyfour);
font-family:var(--font-family-FiraSans);
}
.price-block .inner-box .lower-box .trial-btn:hover{
background: var(--color-thirtytwo);
background: linear-gradient(to left, var(--color-thirtythree) 0%, var(--color-thirtytwo) 100%);
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section{
position:relative;
overflow:hidden;
padding:120px 0px 60px;
background-attachment:fixed;
background-position:center center;
background-repeat:no-repeat;
}
.testimonial-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.95;
background-color:#f7f8fb;
}
.testimonial-section .pattern-layer-one{
position:absolute;
left:0px;
bottom:0px;
width:236px;
height:236px;
background-repeat:no-repeat;
}
.testimonial-section .title-column{
position:relative;
margin-bottom:40px;
}
.testimonial-section .title-column .inner-column{
position:relative;
}
.testimonial-section .title-column .sec-title{
margin-bottom:25px;
}
.testimonial-section .sec-title_two-text{
color:var(--color-thirtyseven);
}
.testimonial-section .carousel-column{
position:relative;
z-index:1;
margin-bottom:30px;
}
.testimonial-section .carousel-column .authors-outer{
position:absolute;
left:-70px;
top:-50px;
right:0px;
bottom:0px;
z-index:-1;
}
.testimonial-section .carousel-column .authors-outer .author-one{
position:absolute;
left:0px;
top:0px;
width:119px;
height:119px;
overflow:hidden;
border-radius:50%;
}
.testimonial-section .carousel-column .authors-outer .author-two{
position:absolute;
left:50%;
top:-30px;
width:66px;
height:66px;
overflow:hidden;
border-radius:50%;
}
.testimonial-section .carousel-column .authors-outer .author-three{
position:absolute;
right:-70px;
top:70px;
width:102px;
height:102px;
overflow:hidden;
border-radius:50%;
}
.testimonial-section .carousel-column .authors-outer .author-four{
position:absolute;
right:-210px;
top:220px;
width:79px;
height:79px;
overflow:hidden;
border-radius:50%;
}
.testimonial-section .carousel-column .inner-column{
position:relative;
padding:35px 45px;
margin-left:50px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.testimonial-section .carousel-column .owl-dots{
display:none;
}
.testimonial-section .carousel-column .owl-nav{
position:absolute;
right:0px;
bottom:-55px;
}
.testimonial-section .carousel-column .owl-nav .owl-prev,
.testimonial-section .carousel-column .owl-nav .owl-next{
position:relative;
width:46px;
height:46px;
color:#000000;
font-size:22px;
line-height:46px;
text-align:center;
border-radius:50px;
margin-left:15px;
display:inline-block;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.testimonial-section .carousel-column .owl-nav .owl-prev:hover,
.testimonial-section .carousel-column .owl-nav .owl-next:hover{
color:#ffffff;
background-color:#005df7;
}
.testimonial-block{
position:relative;
}
.testimonial-block .inner-box{
position:relative;
}
.testimonial-block .rating{
position:relative;
letter-spacing:1px;
color:var(--color-fiftyone);
}
.testimonial-block .text{
position:relative;
font-size:18px;
margin-top:15px;
line-height:32px;
color:var(--color-thirtyseven);
}
.testimonial-block .author-box{
position:relative;
margin-top:20px;
}
.testimonial-block .author-box .box-inner{
position:relative;
padding-top:18px;
min-height:80px;
padding-left:100px;
}
.testimonial-block .author-box .author-image{
position:absolute;
left:0px;
top:0px;
width:80px;
height:80px;
overflow:hidden;
padding:2px;
border-radius:50%;
background: var(--color-thirtytwo);
background: linear-gradient(to left, var(--color-thirtythree) 0%, var(--color-thirtytwo) 100%);
}
.testimonial-block .author-box .author-image img{
border-radius:50%;
border:3px solid #ffffff;
}
.testimonial-block .author-box .box-inner .designation{
position:relative;
margin-top:5px;
font-weight:700;
display:inline-block;
color: var(--color-thirtytwo);
background: linear-gradient(90deg, var(--color-thirtythree) 0%, var(--color-thirtytwo) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/***
====================================================================
News Two
====================================================================
***/
.news-two{
position:relative;
padding:100px 0px 100px;
}
.news-two .owl-carousel .owl-stage-outer{
position:static;
padding:15px 0px 20px;
}
.news-two .owl-theme .news-block{
margin:0px 15px;
}
.news-two .owl-carousel{
margin:0px -15px;
width:auto;
}
.news-two .owl-dots{
display:none;
}
.news-two .owl-nav{
position:absolute;
right:15px;
top:-90px;
}
.news-two .owl-nav .owl-prev,
.news-two .owl-nav .owl-next{
position: relative;
width: 46px;
height: 46px;
color: #000000;
font-size: 22px;
line-height: 46px;
text-align: center;
border-radius: 50px;
margin-left: 15px;
display: inline-block;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.news-two .owl-nav .owl-prev:hover,
.news-two .owl-nav .owl-next:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.news-block{
position:relative;
margin-bottom:40px;
}
.news-block .inner-box{
position:relative;
overflow:hidden;
background-color:#ffffff;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.news-block .inner-box:hover{
box-shadow:0px 10px 15px rgba(0,0,0,0.15);
}
.news-block .inner-box .image{
position:relative;
overflow:hidden;
background-color:#005df7;
}
.news-block .inner-box .image img{
position:relative;
width:100%;
display:block;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.news-block .inner-box:hover .image img{
opacity:0.70;
transform:scale(1.05,1.05);
}
.news-block .inner-box h5{
display:block;
margin-top:8px;
font-weight:700;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
font-family:var(--font-family-FiraSans);
}
.news-block .inner-box h5 a{
position:relative;
color:#0e0d0f;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.news-block .inner-box h5 a:hover{
color:#005df7;
}
.news-block .inner-box .lower-content{
position:relative;
padding:30px 22px 30px;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.news-block .inner-box .lower-content .post-date{
position:relative;
color:#666666;
font-size:14px;
font-weight:500;
padding-left:25px;
}
.news-block .inner-box .lower-content .post-date:before{
position:absolute;
content:'\f073';
left:0px;
top:4px;
color:#005df7;
line-height:1em;
font-family: 'Font Awesome 5 Pro';
}
.news-block .inner-box .lower-content .text{
position:relative;
font-size:16px;
margin-top:10px;
line-height:1.6em;
margin-bottom:15px;
color:var(--color-thirtyseven);
}
.news-block .inner-box .lower-box{
position:relative;
padding-top:16px;
border-top:1px solid #eaeaea;
}
.news-block .inner-box .lower-box .author{
position:relative;
padding-left:50px;
color:#0e0d0f;
font-size:16px;
font-weight:700;
padding-top:8px;
}
.news-block .inner-box .lower-box .author .author-image{
position:absolute;
left:0px;
top:0px;
overflow:hidden;
border-radius:50%;
}
.news-block .inner-box .detail{
position:relative;
color:#0e0d0f;
margin-top:7px;
font-size:15px;
font-weight:600;
padding-right:25px;
display:inline-block;
text-transform:capitalize;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.news-block .inner-box .detail:before{
position:absolute;
content: "\f061";
right:0px;
top:5px;
color:#005df7;
font-size:16px;
line-height:1em;
font-family: 'Font Awesome 5 Pro';
}
.news-block .inner-box .detail:hover{
color:#005df7;
}
/***
====================================================================
Banner One
====================================================================
***/
.banner-one{
position:relative;
text-align:center;
padding:120px 0px 0px;
background-color:var(--color-fiftyfour);
}
.banner-one_shadow-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-position:center bottom;
background-repeat:no-repeat;
}
.banner-one_icons{
position:absolute;
left:-30px;
top:0px;
right:0px;
bottom:30px;
background-position:center bottom;
background-repeat:no-repeat;
}
.banner-one_heading{
position:relative;
line-height:72px;
font-size:var(--font-60);
color:var(--color-thirtyfour);
}
.banner-one_heading span{
color:var(--main-color);
}
.banner-one_button{
position:relative;
margin-top:var(--margin-top-35);
margin-bottom:var(--margin-bottom-40);
}
.banner-one_image{
position:relative;
z-index:1;
}
.banner-one_circles{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-position:center bottom;
background-repeat:no-repeat;
}
/** bubble-dotted **/
.bubble-dotted {
position: absolute;
left: 0;
top: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
}
.bubble-dotted .dotted{
position: absolute;
border-radius: 50%;
}
.bubble-dotted .dotted-1{
width: 11px;
height: 11px;
left: 100px;
top: 50%;
-webkit-animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
-moz-animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-2{
width: 7px;
height: 7px;
left: 240px;
top: 40%;
-webkit-animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
-moz-animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-3{
width: 11px;
height: 11px;
left: 460px;
top: 30%;
-webkit-animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
-moz-animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-4{
width: 16px;
height: 16px;
left: 430px;
top: 90%;
-webkit-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
-moz-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-5{
width: 6px;
height: 6px;
left: 50%;
top: 50%;
-webkit-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
-moz-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-6{
width: 9px;
height: 9px;
left: 70%;
top: 230px;
-webkit-animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
-moz-animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-7{
width: 6px;
height: 6px;
left: 65%;
top: 30%;
-webkit-animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
-moz-animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-8{
width: 6px;
height: 6px;
left: 85%;
top: 35%;
-webkit-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
-moz-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-9{
width: 13px;
height: 13px;
left: 90%;
top: 40%;
-webkit-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
-moz-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-10{
width: 12px;
height: 12px;
left: 80%;
top: 70%;
-webkit-animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
-moz-animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-1{
background: -webkit-linear-gradient(0deg, #58f106, #23c10e 50%);
}
.bubble-dotted .dotted-2{
background: -webkit-linear-gradient(0deg, #862ff1, #163fae 50%);
}
.bubble-dotted .dotted-3{
background: -webkit-linear-gradient(0deg, #ff5d06, #ffc806 50%);
}
.bubble-dotted .dotted-4{
background: -webkit-linear-gradient(0deg, #d406b7, #fc1a66 50%);
}
.bubble-dotted .dotted-5{
background: -webkit-linear-gradient(0deg, #fe5f12, #fec412 50%);
}
.bubble-dotted .dotted-6{
background: -webkit-linear-gradient(0deg, #d622bf, #fb196a 50%);
}
.bubble-dotted .dotted-7{
background: -webkit-linear-gradient(0deg, #60f112, #30c719 50%);
}
.bubble-dotted .dotted-8{
background: -webkit-linear-gradient(0deg, #fe5f12, #fec412 50%);
}
.bubble-dotted .dotted-9{
background: -webkit-linear-gradient(0deg, #842af1, #0f40aa 50%);
}
.bubble-dotted .dotted-10{
background: -webkit-linear-gradient(0deg, #58f106, #23c10f 50%);
}
@-webkit-keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}}@-moz-keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}}@keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}}@-webkit-keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}}@-moz-keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}}@keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}}
/***
====================================================================
Company One
====================================================================
***/
.company-one{
position:relative;
padding:110px 0px 90px;
}
.company-one .sec-title_three{
margin-bottom:var(--margin-bottom-80);
}
.company-one_shadow{
position:absolute;
right:0px;
top:0px;
width:609px;
height:697px;
background-repeat:no-repeat;
}
.company-one_block{
position:relative;
margin-bottom:var(--margin-bottom-40);
}
.company-one_block_inner{
position:relative;
padding:45px 45px;
border-radius:25px;
background-position:right bottom;
background-repeat:no-repeat;
background-color:var(--color-fiftyfive);
}
.company-one_block_heading{
position:relative;
font-weight:700;
font-size:var(--font-22);
color:var(--white-color);
margin-top:var(--margin-top-20);
margin-bottom:var(--margin-bottom-20);
font-family:var(--font-family-FiraSans);
}
.company-one_block_arrow{
position:relative;
width:46px;
height:46px;
line-height:48px;
text-align:center;
border-radius:50px;
display:inline-block;
font-size:var(--font-20);
color:var(--black-color);
background-color:var(--white-color);
}
.company-one_block.active .company-one_block_overlay,
.company-one_block_inner:hover .company-one_block_overlay{
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.company-one_block_overlay{
position:absolute;
left: 0px;
top: -55px;
right: 0px;
bottom: -30px;
padding:45px 45px;
border-radius:25px;
background-position:right bottom;
background-repeat:no-repeat;
background-color:var(--color-fiftysix);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
}
.company-one_block_text{
position:relative;
line-height:28px;
font-size:var(--font-16);
color:var(--white-color);
margin-bottom:var(--margin-bottom-25);
}
.company-one_lower-text{
position:relative;
text-align:center;
font-size:var(--font-16);
color:var(--color-fiftyseven);
margin-top:var(--margin-top-25);
}
.company-one_lower-text a{
position:relative;
font-weight:700;
color:var(--main-color);
text-decoration:underline;
}
/***
====================================================================
Company Two
====================================================================
***/
.company-two{
position:relative;
padding:110px 0px 90px;
background-color:var(--color-fiftyeight);
}
.company-two_image-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.company-two_image-inner{
position:relative;
}
.company-two_image-column .sec-title_three{
margin-bottom:var(--margin-bottom-30);
}
.compant-two_list{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.compant-two_list li{
position:relative;
line-height:32px;
font-size: var(--font-18);
color: var(--color-thirtyseven);
padding-left:var(--padding-left-45);
margin-bottom:var(--margin-bottom-15);
}
.compant-two_list li span{
position:absolute;
left:0px;
top:4px;
width:30px;
height:30px;
line-height:30px;
border-radius:50px;
text-align:center;
font-weight:700;
display:inline-block;
color:var(--white-color);
font-size: var(--font-16);
background-image: -webkit-gradient(linear, left top, left bottom, from(#F3001D), to(#FFB400));
background-image: -webkit-linear-gradient(to right, #F3001D, #FFB400);
background-image: -moz-linear-gradient(to right, #F3001D, #FFB400);
background-image: -ms-linear-gradient(to right, #F3001D, #FFB400);
background-image: -o-linear-gradient(to right, #F3001D, #FFB400);
background-image: linear-gradient(to right, #F3001D, #FFB400);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F3001D', endColorStr='#FFB400');
box-shadow: 0 10px 13px rgb(255 180 0 / 21%);
-webkit-box-shadow: 0 10px 13px rgb(255 180 0 / 21%);
}
.compant-two_list li:nth-child(2) span{
background-image: -webkit-gradient(linear, left top, left bottom, from(#00B3F5), to(#4938F1));
background-image: -webkit-linear-gradient(to right, #00B3F5, #4938F1);
background-image: -moz-linear-gradient(to right, #00B3F5, #4938F1);
background-image: -ms-linear-gradient(to right, #00B3F5, #4938F1);
background-image: -o-linear-gradient(to right, #00B3F5, #4938F1);
background-image: linear-gradient(to right, #00B3F5, #4938F1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00B3F5', endColorStr='#4938F1');
box-shadow: 0 10px 13px rgb(73 56 241 / 21%);
-webkit-box-shadow: 0 10px 13px rgb(73 56 241 / 21%);
}
.compant-two_list li:nth-child(3) span{
background-image: -webkit-gradient(linear, left top, left bottom, from(#00F511), to(#2E9700));
background-image: -webkit-linear-gradient(to right, #00F511, #2E9700);
background-image: -moz-linear-gradient(to right, #00F511, #2E9700);
background-image: -ms-linear-gradient(to right, #00F511, #2E9700);
background-image: -o-linear-gradient(to right, #00F511, #2E9700);
background-image: linear-gradient(to right, #00F511, #2E9700);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00F511', endColorStr='#2E9700');
box-shadow: 0 10px 13px rgb(46 151 0 / 21%);
-webkit-box-shadow: 0 10px 13px rgb(46 151 0 / 21%);
}
.compant-two_list li:last-child{
margin-bottom:var(--margin-zero);
}
.company-two_image{
position:relative;
margin-left:var(--margin-left-30);
}
.company-two_image img{
position:relative;
max-width:inherit;
}
/***
====================================================================
About Three
====================================================================
***/
.about-three{
position:relative;
padding:110px 0px 80px;
}
.about-three_shadow{
position:absolute;
left:0px;
top:0px;
width:566px;
height:700px;
background-repeat:no-repeat;
}
.about-three_content-column{
position:relative;
}
.about-three_content-inner{
position:relative;
}
.about-three_image{
position:relative;
margin-left:-110px;
}
.about-three_image img{
position:relative;
}
.about-three_image-column{
position:relative;
}
.about-three_image-inner{
position:relative;
padding-left:var(--padding-left-30);
}
.about-three .sec-title_three-big_title{
font-size:var(--font-120);
}
/* Skills Section */
.default-skills{
position:relative;
}
.default-skill-item{
position:relative;
margin-bottom:var(--margin-bottom-25);
}
.default-skill-item:last-child{
margin-bottom:var(--margin-zero);
}
.default-skill-title{
position:relative;
font-weight:600;
font-size:var(--font-16);
text-transform:capitalize;
color:var(--color-fiftyseven);
margin-top:var(--margin-top-15);
font-family:var(--font-family-FiraSans);
}
.default-skill-bar{
position:relative;
width:100%;
height:6px;
overflow:hidden;
border-radius:50px;
background-color:var(--color-thirtyfive);
}
.default-bar-inner{
position:relative;
width:100%;
height:6px;
overflow:hidden;
border-radius:50px;
background-color:var(--color-sixty);
}
.default-bar{
position:absolute;
left:0px;
top:0px;
height:6px;
width:0px;
-webkit-transition:all 2000ms ease;
-ms-transition:all 2000ms ease;
-o-transition:all 2000ms ease;
-moz-transition:all 2000ms ease;
transition:all 2000ms ease;
background-image: -webkit-gradient(linear, left top, left bottom, from(#F3001D), to(#FFEF00));
background-image: -webkit-linear-gradient(to right, #F3001D, #FFEF00);
background-image: -moz-linear-gradient(to right, #F3001D, #FFEF00);
background-image: -ms-linear-gradient(to right, #F3001D, #FFEF00);
background-image: -o-linear-gradient(to right, #F3001D, #FFEF00);
background-image: linear-gradient(to right, #F3001D, #FFEF00);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F3001D', endColorStr='#FFEF00');
}
.default-skill-item:nth-child(2) .default-bar{
background-image: -webkit-gradient(linear, left top, left bottom, from(#00B2F5), to(#4938F1));
background-image: -webkit-linear-gradient(to right, #00B2F5, #4938F1);
background-image: -moz-linear-gradient(to right, #00B2F5, #4938F1);
background-image: -ms-linear-gradient(to right, #00B2F5, #4938F1);
background-image: -o-linear-gradient(to right, #00B2F5, #4938F1);
background-image: linear-gradient(to right, #00B2F5, #4938F1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00B2F5', endColorStr='#4938F1');
}
.default-skill-item:nth-child(3) .default-bar{
background-image: -webkit-gradient(linear, left top, left bottom, from(#00F511), to(#2E9700));
background-image: -webkit-linear-gradient(to right, #00F511, #2E9700);
background-image: -moz-linear-gradient(to right, #00F511, #2E9700);
background-image: -ms-linear-gradient(to right, #00F511, #2E9700);
background-image: -o-linear-gradient(to right, #00F511, #2E9700);
background-image: linear-gradient(to right, #00F511, #2E9700);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00F511', endColorStr='#2E9700');
}
.default-count-box{
position:absolute;
right:0px;
bottom:0px;
font-weight:700;
font-size:var(--font-16);
color:var(--color-fiftyseven);
font-family:var(--font-family-FiraSans);
}
/* Play Box */
.about-three_play{
position:relative;
font-weight:700;
letter-spacing:2px;
display:inline-block;
text-transform:uppercase;
color:var(--black-color);
margin-top:var(--margin-top-25);
}
.about-three_play:hover{
color:var(--main-color);
}
.about-three_play span{
position:relative;
width:60px;
height:60px;
font-weight:800;
line-height:60px;
text-align:center;
border-radius:50px;
display:inline-block;
color: var(--white-color);
background: var(--color-thirtytwo);
margin-right:var(--margin-right-15);
background: linear-gradient(to top left, var(--color-thirtythree) 0%, var(--color-thirtytwo) 100%);
}
.about-three_play .ripple,
.about-three_play .ripple:before,
.about-three_play .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:60px;
height: 60px;
border-radius:50px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
-ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
-o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.about-three_play .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.about-three_play .ripple:after{
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
/***
====================================================================
Counter Three
====================================================================
***/
.counter-three{
position:relative;
}
.counter-three_pattern-one{
position:absolute;
left:0px;
bottom:0px;
width:425px;
height:252px;
background-repeat:no-repeat;
}
.counter-three_pattern-two{
position:absolute;
right:0px;
bottom:0px;
width:429px;
height:296px;
background-repeat:no-repeat;
}
.counter-three_inner-container{
position:relative;
overflow:hidden;
padding:70px 70px;
background-color:var(--color-fiftythree);
}
.counter-three_block{
position:relative;
}
.counter-three_block-inner{
position:relative;
min-height:80px;
padding-top:var(--padding-top-15);
padding-left:var(--padding-left-110);
}
.counter-three_block-inner:hover .counter-three_counter-icon{
transform:rotateY(180deg);
}
.counter-three_counter-icon{
position:absolute;
left:0px;
top:0px;
width:80px;
height:80px;
border-radius:20px;
display:inline-block;
color:var(--main-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:var(--white-color);
box-shadow:0px 10px 15px rgba(0,0,0,0.10);
}
.counter-three_counter{
position:relative;
font-weight:800;
font-size:var(--font-48);
color:var(--white-color);
font-family:var(--font-family-FiraSans);
}
.counter-three_text{
position:relative;
line-height:28px;
font-size:var(--font-17);
color:var(--white-color);
margin-top:var(--margin-top-20);
}
/***
====================================================================
Steps One
====================================================================
***/
.steps-one{
position:relative;
padding:100px 0px 0px;
}
.steps-one_shadow{
position:absolute;
right:0px;
top:-80px;
width:649px;
height:660px;
background-repeat:no-repeat;
}
.steps-one_shadow-two{
position:absolute;
left:0px;
width:609px;
height:678px;
bottom:-120px;
background-repeat:no-repeat;
}
.step-block_one{
position:relative;
margin-bottom:var(--margin-bottom-50);
}
.step-block_one-inner{
position:relative;
}
.step-block_one-content{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.step-block_one-content-inner{
position:relative;
padding-left:180px;
padding-right:40px;
}
.step-block_one-content-inner:before{
position:absolute;
content:'';
right:20px;
top:140px;
width:1px;
opacity:0.15;
height:180px;
background-color:var(--black-color);
}
.step-block_one-title{
position:relative;
font-weight:700;
font-size:var(--font-30);
color:var(--color-fiftyseven);
}
.step-block_one-text{
position:relative;
line-height:28px;
font-size:var(--font-16);
color:var(--color-sixtyone);
margin-top:var(--margin-top-15);
margin-bottom:var(--margin-bottom-20);
}
.step-block_one-arrow{
position:absolute;
right:0px;
top:70px;
width:40px;
height:40px;
line-height:40px;
border-radius:50px;
display:inline-block;
font-size:var(--font-16);
color:var(--white-color);
background-color:var(--color-sixtytwo);
}
.step-block_one-number{
position:relative;
}
.step-block_one-number-inner{
position:relative;
padding-right:var(--padding-right-100);
}
.step-block_one-number-content{
position:relative;
overflow:hidden;
text-align:center;
border-radius:20px;
background-color:var(--color-sixtythree);
}
.step-block_one-number{
position: relative;
font-weight: 700;
z-index: 1;
width: 110px;
display: flex;
overflow: hidden;
align-items: center;
justify-content: center;
font-size: var(--font-30);
color: var(--white-color);
font-family:var(--font-family-FiraSans);
background-color: var(--color-fiftythree);
}
.step-block_one-number:before{
content: '';
border: 60px solid #6a5bfd;
width: 238px;
height: 238px;
position: absolute;
top: 45px;
right: -28px;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
z-index: -1;
-webkit-box-shadow: -11px 0 18px rgba(36,36,40,.38)inset;
-khtml-box-shadow: -11px 0 18px rgba(36,36,40,.38)inset;
-moz-box-shadow: -11px 0 18px rgba(36,36,40,.38)inset;
-ms-box-shadow: -11px 0 18px rgba(36,36,40,.38)inset;
-o-box-shadow: -11px 0 18px rgba(36,36,40,.38)inset;
box-shadow: -11px 0 18px rgba(36,36,40,.38)inset;
}
.step-one_icon{
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
padding: 40px 20px;
}
.step-block_one:nth-child(2) .step-block_one-content{
order:2;
}
.step-block_one:nth-child(1) .step-block_one-number-column{
order:1;
}
.step-block_one:nth-child(2) .step-block_one-content-inner{
padding-left:var(--padding-left-50);
}
.step-block_one:nth-child(2) .step-block_one-text{
max-width:380px;
}
.step-block_one:nth-child(2) .step-block_one-arrow{
left:-60px;
right:auto;
transform:rotate(180deg);
}
.step-block_one:nth-child(2) .step-block_one-content-inner:before{
left:-40px;
right:auto;
}
.step-block_one:nth-child(2) .step-block_one-number{
background-color:var(--color-sixtyfour);
}
.step-block_one:nth-child(2) .step-block_one-number:before{
border-color: #F665A9;
}
.step-block_one:nth-child(3) .step-block_one-number{
background-color: #843FAC;
}
.step-block_one:nth-child(3) .step-block_one-number:before{
border-color: #AE56E1;
top: auto;
bottom: 44px;
}
.step-block_one:last-child .step-block_one-content-inner:before{
display:none;
}
/***
====================================================================
Services Two
====================================================================
***/
.services-two{
position:relative;
padding:120px 0px 110px;
background-color:var(--color-fiftyeight);
}
.services-two .owl-carousel .owl-stage-outer{
position:static;
padding:20px 0px;
}
.services-two .owl-theme .service-block_four{
margin:0px 15px;
}
.services-two .owl-carousel{
margin:0px -15px;
width:auto;
}
.services-two .owl-nav{
position:relative;
margin-top:var(--margin-top-30);
}
.services-two .owl-nav .owl-prev{
position:relative;
left:15px;
width:46px;
height:46px;
line-height:48px;
text-align:center;
border-radius:50px;
display:inline-block;
font-size:var(--font-18);
color:var(--black-color);
background-color:var(--white-color);
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.services-two .owl-nav .owl-next{
position:absolute;
right:15px;
width:46px;
height:46px;
line-height:48px;
text-align:center;
border-radius:50px;
display:inline-block;
font-size:var(--font-18);
color:var(--black-color);
background-color:var(--white-color);
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.services-two .owl-nav .owl-prev:hover,
.services-two .owl-nav .owl-next:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.services-two .owl-dots{
position:relative;
width:980px;
height:4px;
margin:0 auto;
top:-25px;
background-color:var(--color-fourtyone);
}
.services-two .owl-dots .owl-dot{
position:relative;
width:33.333%;
height:4px;
top:-11px;
opacity:0;
display:inline-block;
background-color:var(--main-color);
}
.services-two .owl-dots .owl-dot.active,
.services-two .owl-dots .owl-dot:hover{
opacity:1;
}
/* Service Block Four */
.service-block_four{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.service-block_four-inner{
position:relative;
padding:40px 40px 70px;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.05);
}
.service-block_four-icon{
position:relative;
width:100px;
height:100px;
display:block;
margin:0 auto;
border-radius:20px;
background-color:var(--main-color);
}
.service-block_four-title{
position:relative;
text-align:center;
font-weight:700;
font-size:var(--font-22);
margin-top:var(--margin-top-25);
}
.service-block_four-text{
position:relative;
text-align:center;
line-height:28px;
font-size:var(--font-15);
color:var(--color-sixtyone);
margin-top:var(--margin-top-10);
}
.service-block_four-list{
position:relative;
margin-top:var(--margin-top-20);
margin-left:var(--margin-left-50);
}
.service-block_four-list li{
position:relative;
font-weight:700;
padding:3px 0px;
font-size:var(--font-16);
color:var(--color-fiftyseven);
padding-left:var(--padding-left-50);
margin-bottom:var(--margin-bottom-20);
}
.service-block_four-list li:before{
position:absolute;
content:'\f00c';
left:0px;
top:0px;
width:30px;
height:30px;
line-height:30px;
text-align:center;
border-radius:50px;
font-size:var(--font-12);
color:var(--black-color);
font-family: 'Font Awesome 5 Pro';
background-color:var(--color-sixtyfive);
}
.service-block_four-button{
position:relative;
text-align:center;
margin-top:var(--margin-top-30);
}
.service-block_four-button .more-detail{
position:relative;
font-weight:700;
padding:17px 32px;
border-radius:5px;
display:inline-block;
font-size:var(--font-16);
background-color:var(--color-fiftytwo);
}
.service-block_four-button .more-detail .arrow{
position:relative;
display:inline-block;
transform:rotate(-45deg);
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.service-block_four-button .more-detail:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.service-block_four-button .more-detail:hover .arrow{
transform:rotate(0deg);
}
/***
====================================================================
Testimonial Section Two
====================================================================
***/
.testimonial-section-two{
position:relative;
padding:120px 0px 140px;
background-position:center center;
background-repeat:no-repeat;
}
.testimonial-section-two_shadow{
position: absolute;
right: 0px;
top: -80px;
width: 649px;
height: 660px;
background-repeat: no-repeat;
}
.testimonial-section-two_shadow-two{
position: absolute;
left: 0px;
bottom: 0px;
width: 649px;
height: 660px;
background-repeat: no-repeat;
}
.testimonial-section-two .inner-container{
position:relative;
padding-left:300px;
}
.testimonial-section-two .side-image{
position:absolute;
left:0px;
top:0px;
}
.testimonial-section-two .carousel-outer{
position: relative;
padding: 35px 45px;
max-width:650px;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
}
.testimonial-section-two .owl-nav{
position:absolute;
right:0px;
bottom:-55px;
}
.testimonial-section-two .owl-nav .owl-prev,
.testimonial-section-two .owl-nav .owl-next{
position:relative;
width:46px;
height:46px;
color:#000000;
font-size:22px;
line-height:46px;
text-align:center;
border-radius:50px;
margin-left:15px;
display:inline-block;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.testimonial-section-two .owl-nav .owl-prev:hover,
.testimonial-section-two .owl-nav .owl-next:hover{
color:#ffffff;
background-color:#005df7;
}
/***
====================================================================
Clients Two
====================================================================
***/
.clients-two{
position:relative;
}
.clients-two .owl-dots,
.clients-two .owl-nav{
display:none;
}
.clients-two_pattern{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-attachment:fixed;
background-size:cover;
}
.clients-two_inner-container{
position:relative;
padding:70px 50px 70px;
border-radius:25px 25px 0px 0px;
background-color:var(--main-color);
background-position:center center;
background-size:cover;
}
.clients-two_title{
position:relative;
text-align:center;
color:var(--white-color);
margin-bottom:var(--margin-bottom-40);
}
.clients-two_title span{
color:var(--color-sixtysix);
}
/***
====================================================================
Slider Three
====================================================================
***/
.main-slider-three{
position:relative;
}
.slider-three_icon-one{
position:absolute;
left:100px;
bottom:0px;
width:87px;
height:101px;
z-index:10;
background-repeat:no-repeat;
}
.slider-three_icon-two{
position:absolute;
right:100px;
bottom:0px;
width:242px;
height:329px;
z-index:10;
background-repeat:no-repeat;
}
.main-slider-three .slide{
position:relative;
text-align:center;
padding:100px 0px 175px;
}
.main-slider-three .active .slider-three_play{
opacity:1;
transform:translateY(0px);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.slider-three_play{
position:relative;
opacity:0;
transform:translateY(150px);
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
width:90px;
height:90px;
font-weight:800;
line-height:90px;
text-align:center;
border-radius:50px;
display:inline-block;
color: var(--main-color);
font-size:var(--font-20);
background: var(--white-color);
}
.slider-three_play:hover{
color: var(--white-color);
background-color: var(--main-color);
}
.slider-three_play .ripple,
.slider-three_play .ripple:before,
.slider-three_play .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:90px;
height: 90px;
border-radius:50px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.slider-three_play .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.slider-three_play .ripple:after{
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.slider-three_image-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-size:cover;
background-position:center center;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
-webkit-transition: all 6000ms linear;
-moz-transition: all 6000ms linear;
-ms-transition: all 6000ms linear;
-o-transition: all 6000ms linear;
transition: all 6000ms linear;
}
.slider-three_image-layer:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.50;
background-color:var(--black-color);
}
.main-slider-three .active .slider-three_image-layer{
-webkit-transform:scale(1.15);
-ms-transform:scale(1.15);
transform:scale(1.15);
}
.slider-three_curve-layer{
position:absolute;
left:0px;
right:0px;
bottom:0px;
height:144px;
background-position:center center;
}
.slider-three_title{
position:relative;
opacity:0;
transform:translateY(150px);
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
font-weight:700;
line-height:85px;
font-size:var(--font-75);
color:var(--white-color);
margin-top:var(--margin-top-30);
}
.main-slider-three .active .slider-three_title{
opacity:1;
transform:translateY(0px);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.slider-three_text{
position:relative;
opacity:0;
transform:translateY(150px);
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
font-size:var(--font-20);
color:var(--white-color);
margin-top:var(--margin-top-30);
}
.main-slider-three .active .slider-three_text{
opacity:1;
transform:translateY(0px);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.slider-three_button-box{
position:relative;
opacity:0;
transform:translateY(150px);
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
margin-top:var(--margin-top-40);
}
.main-slider-three .active .slider-three_button-box{
opacity:1;
transform:translateY(0px);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.main-slider-three .owl-dots{
display:none;
}
.main-slider-three .owl-nav{
position:absolute;
left:0px;
top:50%;
right:0px;
width:100%;
z-index:10;
opacity:0;
margin-top:-80px;
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
}
.main-slider-three:hover .owl-nav{
opacity:1;
}
.main-slider-three .owl-nav .owl-prev{
position:absolute;
left:30px;
width:70px;
height:70px;
border-radius:50px;
line-height:70px;
text-align:center;
display:inline-block;
font-size:var(--font-30);
color:rgb(217, 94, 22);
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
font-family: 'Font Awesome 5 Pro';
background-color:var(--color-sixtynine);
}
.main-slider-three .owl-nav .owl-next{
position:absolute;
right:30px;
width:70px;
height:70px;
line-height:70px;
display:inline-block;
text-align:center;
border-radius:50px;
font-size:var(--font-30);
color:rgb(217, 94, 22);
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
font-family: 'Font Awesome 5 Pro';
background-color:var(--color-sixtynine);
}
.main-slider-three .owl-nav .owl-prev:hover,
.main-slider-three .owl-nav .owl-next:hover{
color: var(--white-color);
border-color: rgb(217, 94, 22);
background-color: rgb(217, 94, 22);
}
/***
====================================================================
Services Three
====================================================================
***/
.services-three{
position:relative;
margin-top:-90px;
z-index:20;
}
.service-block_five{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.service-block_five-inner{
position:relative;
padding:35px 35px;
border-radius:4px;
overflow:hidden;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.07);
}
.service-block_five_pattern{
position:absolute;
left:-120px;
top:0px;
width:193px;
height:177px;
opacity:0;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
background-repeat:no-repeat;
}
.service-block_five-inner:hover .service-block_five_pattern{
left:0px;
opacity:1;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.service-block_five_icon{
position:relative;
display:inline-block;
-webkit-transition: all 750ms ease;
-ms-transition: all 750ms ease;
-o-transition: all 750ms ease;
transition: all 750ms ease;
}
.service-block_five-inner:hover .service-block_five_icon{
/* filter: invert(100%) grayscale(1000%); */
}
.service-block_five_heading{
font-weight:700;
margin-top:var(--margin-top-20);
margin-bottom:var(--margin-bottom-10);
}
.service-block_five_heading a{
position:relative;
color:var(--black-color);
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.service-block_five-text{
position:relative;
line-height:28px;
font-size:var(--font-16);
color:var(--color-seventy);
margin-top:var(--margin-top-10);
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.service-block_five-more{
position:relative;
font-weight:700;
font-size:var(--font-14);
color:#6b6b6b;
text-transform:capitalize;
margin-top:var(--margin-top-15);
padding-right:var(--padding-right-20);
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.service-block_five-more:before{
position:absolute;
content:'\f061';
right:0px;
top:0px;
font-family: 'Font Awesome 5 Pro';
}
.service-block_five-inner:hover .service-block_five_heading a,
.service-block_five-inner:hover .service-block_five-text,
.service-block_five-inner:hover .service-block_five-more{
color:var(--white-color);
}
.service-block_five-inner:hover .service-block_five-color-layer{
opacity:1;
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
}
.service-block_five-color-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:rgb(217 94 22);
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
-webkit-transform: perspective(400px) rotateY(-90deg);
-moz-transform: perspective(400px) rotateY(-90deg);
-ms-transform: perspective(400px) rotateY(-90deg);
-o-transform: perspective(400px) rotateY(-90deg);
transform: perspective(400px) rotateY(-90deg);
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
-o-transform-origin: right;
transform-origin: right;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
/***
====================================================================
Company Three
====================================================================
***/
.company-three{
position:relative;
padding:110px 0px 90px;
}
.company-three_icon-one{
position:absolute;
left:0px;
top:80px;
width:287px;
height:417px;
background-repeat:no-repeat;
}
.company-three_icon-two{
position:absolute;
right:0px;
top:0px;
width:335px;
height:643px;
background-repeat:no-repeat;
}
.company-three_image-column{
position:relative;
}
.company-three_image-inner{
position:relative;
}
.company-three_image{
position:relative;
}
.company-three_content-column{
position:relative;
}
.company-three_inner{
position:relative;
padding-top:var(--padding-top-90);
}
.company-three_title{
position:relative;
font-weight:500;
color:var(--black-color);
font-size:var(--font-20);
padding-left:var(--padding-left-60);
margin-bottom:var(--margin-bottom-35);
}
.company-three_title span{
color:var(--main-color);
}
.company-three_title:before{
position:absolute;
content:'';
left:0px;
top:-20px;
width:45px;
height:50px;
font-weight:700;
display:inline-block;
background:url(../images/icons/service-24.gif) no-repeat;
background-size:cover;
}
.company-three_heading{
font-weight:700;
line-height:64px;
color:var(--black-color);
font-size:var(--font-60);
margin-bottom:var(--margin-bottom-30);
}
.company-three_heading span{
color:var(--main-color);
}
.company-three_text{
position:relative;
line-height:32px;
font-size:var(--font-18);
color:var(--black-color);
}
.company-three_text a{
position:relative;
font-weight:600;
color:var(--black-color);
text-decoration:underline;
}
.company-three_reviews{
position:relative;
}
.company-three_reviews li{
position:relative;
overflow:hidden;
margin-left:-25px;
border-radius:50px;
display:inline-block;
border:4px solid var(--white-color);
}
.company-three_reviews li:last-child{
border:none;
margin-left:var(--margin-left-10);
}
.company-three_reviews .reviews{
position:relative;
font-style:normal;
font-weight:700;
font-size:var(--font-15);
color:var(--black-color);
margin-left:var(--margin-left-10);
padding-right:var(--padding-right-25);
border-bottom:1px solid var(--black-color);
}
.company-three_reviews .reviews:before{
position: absolute;
content: '\f061';
right: 0px;
top: 0px;
font-family: 'Font Awesome 5 Pro';
}
/***
====================================================================
CTA Two
====================================================================
***/
.cta-two{
position:relative;
z-index:1;
padding-bottom:var(--padding-bottom-130);
}
.cta-two_inner-container{
position:relative;
border-radius:100px;
padding:25px 30px 20px;
background-position:center center;
background-color:var(--color-seventyone);
}
.cta-two_inner-container:before{
position:absolute;
content:'';
left:30px;
right:30px;
top:30px;
bottom:-20px;
z-index:-1;
border-radius:150px;
background-color:#ccd3de;
}
.cta-two_author{
position:relative;
font-weight:700;
font-size:var(--font-20);
color:var(--white-color);
padding-left:var(--padding-left-90);
font-family:var(--font-family-FiraSans);
}
.cta-two_author i{
position:relative;
display:block;
font-weight:400;
color:#8ba5cc;
font-style:normal;
font-size:var(--font-15);
margin-top:var(--margin-top-10);
}
.cta-two_author-image{
position:absolute;
left:0px;
top:-5px;
}
.cta-two_title{
position:relative;
font-weight:700;
font-size:var(--font-30);
color:var(--white-color);
}
/***
====================================================================
Steps Two
====================================================================
***/
.steps-two{
position:relative;
padding:120px 0px 80px;
}
.steps-two:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.93;
background-color:var(--color-seventytwo);
}
.steps-two_pattern{
position:absolute;
left:30px;
top:-150px;
width: 242px;
height: 329px;
background-repeat:no-repeat;
}
.steps-two_pattern-two{
position:absolute;
right:30px;
bottom:-50px;
width: 87px;
height: 101px;
background-repeat:no-repeat;
}
.steps-two_pattern-three{
position:absolute;
right:0px;
bottom:0px;
width: 198px;
height: 272px;
background-repeat:no-repeat;
}
.step-block_two{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.step-block_two-inner{
position:relative;
text-align:center;
}
.step-block_two-inner:before{
position:absolute;
content:'';
right:-65px;
top:50px;
width:130px;
height:1px;
border-bottom:1px dashed var(--white-color);
}
.step-block_two:last-child .step-block_two-inner:before{
display:none;
}
.step-block_two-number{
position:relative;
font-weight:700;
line-height:1em;
display:inline-block;
font-size:var(--font-100);
color:var(--white-color);
font-family:var(--font-family-FiraSans);
}
.step-block_two-number .icon{
position:absolute;
left:-20px;
top:0px;
width:45px;
height:45px;
line-height:45px;
border-radius:50px;
display:inline-block;
font-size:var(--font-20);
color:var(--white-color);
background-color:var(--main-color);
font-family: 'Font Awesome 5 Pro';
}
.step-block_two-heading{
position:relative;
font-weight:700;
letter-spacing:1px;
color:var(--white-color);
margin-top:var(--margin-top-10);
}
.step-two_block-text{
position:relative;
line-height:26px;
color:#b7c1d1;
padding:0px 15px;
font-size:var(--font-15);
margin-top:var(--margin-top-10);
}
/***
====================================================================
Services Four
====================================================================
***/
.services-four{
position:relative;
padding:110px 0px 90px;
}
.service-block_six{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.service-block_six-inner{
position:relative;
padding:30px 30px;
border-radius:4px;
overflow:hidden;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.07);
}
.service-block_six-inner:hover{
box-shadow:0px 10px 15px rgba(0,0,0,0.07);
}
.service-block_six-icon{
position:absolute;
left:0px;
top:5px;
width:50px;
display:inline-block;
-webkit-transition: all 750ms ease;
-ms-transition: all 750ms ease;
-o-transition: all 750ms ease;
transition: all 750ms ease;
}
.service-block_six-heading{
font-weight:700;
margin-bottom:var(--margin-bottom-10);
}
.service-block_six_heading a{
position:relative;
color:var(--black-color);
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.service-block_six-text{
position:relative;
line-height:28px;
font-size:var(--font-16);
color:var(--color-seventy);
margin-top:var(--margin-top-10);
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.service-block_six-content{
position:relative;
padding-left:var(--padding-left-70);
}
.service-block_six-more{
position:relative;
font-weight:700;
line-height:1em;
font-size:var(--font-14);
color:var(--main-color);
text-transform:capitalize;
margin-top:var(--margin-top-20);
padding-right:var(--padding-right-20);
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.service-block_six-more:before{
position:absolute;
content:'\f061';
right:0px;
top:0px;
font-family: 'Font Awesome 5 Pro';
}
/***
====================================================================
Case One
====================================================================
***/
.case-two{
position:relative;
overflow:hidden;
padding:110px 0px 110px;
background-color: var(--color-seventytwo);
}
.case-two .owl-carousel .owl-stage-outer{
overflow:visible;
}
.case-two .case-carousel-two{
max-width: 550px;
margin: 0 auto;
}
.case-two_pattern-layer{
position:absolute;
right:0px;
top:110px;
width:1046px;
height:1062px;
background-repeat:no-repeat;
}
.case-two_pattern{
position:absolute;
left:30px;
top:40px;
width: 87px;
height: 101px;
background-repeat:no-repeat;
}
.case-two_pattern-two{
position:absolute;
right:30px;
bottom:50px;
width: 242px;
height: 329px;
background-repeat:no-repeat;
}
.case-two .owl-nav{
position:relative;
margin-left: -300px;
margin-right: -300px;
margin-top:var(--margin-top-30);
}
.case-two .owl-nav .owl-prev{
position:relative;
left:5px;
width:46px;
height:46px;
line-height:48px;
text-align:center;
border-radius:50px;
display:inline-block;
font-size:var(--font-18);
color:var(--black-color);
background-color:var(--white-color);
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.case-two .owl-nav .owl-next{
position:absolute;
right:0px;
width:46px;
height:46px;
line-height:48px;
text-align:center;
border-radius:50px;
display:inline-block;
font-size:var(--font-18);
color:var(--black-color);
background-color:var(--white-color);
transition:all 250ms ease;
-moz-transition:all 250ms ease;
-webkit-transition:all 250ms ease;
-ms-transition:all 250ms ease;
-o-transition:all 250ms ease;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.case-two .owl-nav .owl-prev:hover,
.case-two .owl-nav .owl-next:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.case-two .owl-dots{
position:relative;
width:980px;
height:4px;
margin:0 auto;
top:-25px;
margin-left: -210px;
background-color:var(--color-fourtyone);
}
.case-two .owl-dots .owl-dot{
position:relative;
width:33.333%;
height:4px;
top:-11px;
opacity:0;
display:inline-block;
background-color:var(--main-color);
}
.case-two .owl-dots .owl-dot.active,
.case-two .owl-dots .owl-dot:hover{
opacity:1;
}
/* Case Block */
.case-block-two{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.case-block_two-inner{
position:relative;
}
.case-block_two-image{
position:relative;
}
.case-block_two-image img{
position:relative;
width:100%;
display:block;
}
.case-block_two-image:before{
position: absolute;
content: '';
left: 0px;
top: 100px;
bottom: 0px;
right: 0px;
z-index: 1;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, rgba(0,0,0,1)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
}
.case-block_two-inner:hover .case-block_two-image:before{
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(11,90,219,1) 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(11,90,219,1) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(11,90,219,1) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, rgba(11,90,219,1)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(11,90,219,1) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(11,90,219,1) 100%);
}
.case-block_two-content{
position:absolute;
left:40px;
bottom:35px;
right:40px;
z-index:2;
}
.case-block_two-title{
position:relative;
color:var(--white-color);
}
.case-block_two-title{
position:relative;
font-weight:700;
margin-top:var(--margin-top-5);
}
.case-block_two-title a{
position:relative;
color:var(--white-color);
}
/***
====================================================================
Contact One
====================================================================
***/
.contact-one{
position:relative;
padding:110px 0px 80px;
}
.contact-one_pattern{
position:absolute;
left:0px;
top:40px;
width:307px;
height:417px;
}
.contact-one_pattern-two{
position:absolute;
right:0px;
top:40px;
width:288px;
height:565px;
}
.contact-one_form-column{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.contact-one_form-inner{
position:relative;
padding-right:var(--padding-right-40);
}
.contact-one_info-column{
position:relative;
}
.contact-one_info-inner{
position:relative;
padding-top:var(--padding-top-45);
padding-left:var(--padding-left-30);
}
/***
====================================================================
Comment Form
====================================================================
***/
.default-form .form-group{
margin-bottom:var(--margin-bottom-25);
}
.default-form .form-group:last-child{
margin-bottom:0px;
}
.default-form .form-group input[type="text"],
.default-form .form-group input[type="password"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="email"],
.default-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 0px;
height:50px;
border-radius:0px;
font-size:var(--font-15);
color:var(--black-color);
background:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border-bottom:1px solid rgba(var(--black-color-rgb), 0.20);
}
.default-form .form-group textarea::-webkit-input-placeholder,
.default-form .form-group input::-webkit-input-placeholder{
color:var(--color-twentyone);
}
.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus{
border-color:var(--black-color);
}
.default-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:20px 0px 20px;
font-size:var(--font-15);
color:var(--black-color);
height:150px;
resize:none;
border-radius:0px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
background:none;
border-bottom:1px solid rgba(var(--black-color-rgb), 0.20);
}
/* Contact One Info */
.contact-one_info{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.contact-one_info-outer{
position:relative;
font-weight:600;
color:var(--main-color);
font-size:var(--font-15);
padding-left:var(--padding-left-65);
}
.contact-one_info-icon{
position:absolute;
left:0px;
top:0px;
width:45px;
height:45px;
line-height:45px;
border-radius:50px;
color:var(--white-color);
background-color:var(--main-color);
}
.contact-one_info strong{
position:relative;
font-weight:700;
display:block;
line-height:30px;
font-size:var(--font-20);
color:var(--black-color);
margin-top:var(--margin-top-5);
}
/***
====================================================================
Testimonial Two
====================================================================
***/
.testimonial-two{
position:relative;
padding:0px 0px 70px;
}
.testimonial-two_pattern{
position:absolute;
right:0px;
bottom:0px;
width:289px;
height:417px;
background-repeat:no-repeat;
}
.testimonial-two .owl-nav{
display:none;
}
.testimonial-two .owl-dots{
position:relative;
text-align:center;
margin-top:var(--margin-top-30);
}
.testimonial-two .owl-dots .owl-dot{
position:relative;
width:12px;
height:12px;
margin:0px 5px;
border-radius:50px;
display:inline-block;
background-color:var(--color-seventythree);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.testimonial-two .owl-dots .owl-dot.active,
.testimonial-two .owl-dots .owl-dot:hover{
background-color:var(--main-color);
}
.testimonial-two_image-column{
position:relative;
}
.testimonial-two_image-inner{
position:relative;
padding-top:var(--padding-top-40);
}
.testimonial-two_carousel-column{
position:relative;
}
.testimonial-two_carousel-inner{
position:relative;
padding-left:var(--padding-left-30);
}
.testimonial-block_two{
position:relative;
}
.testimonial-block_two-inner{
position:relative;
text-align:center;
}
.testimonial-block_two-quote{
position:absolute;
left:0px;
top:70px;
}
.testimonial-block_two-author{
position:relative;
width:83px;
height:83px;
margin:0 auto;
overflow:hidden;
border-radius:50px;
}
.testimonial-block_two-text{
position:relative;
line-height:34px;
padding:0px 30px;
font-size:var(--font-22);
color:var(--color-twentyone);
margin-top:var(--margin-top-25);
}
.testimonial-block_two-author-name{
position:relative;
font-weight:700;
font-size:var(--font-24);
color:var(--color-twentyone);
margin-top:var(--margin-top-25);
font-family:var(--font-family-FiraSans);
}
.testimonial-block_two-designation{
position:relative;
font-size:var(--font-14);
color:var(--color-fourteen);
margin-top:var(--margin-top-10);
}
/***
====================================================================
Clients Three
====================================================================
***/
.clients-three{
position:relative;
}
.clients-three .owl-dots,
.clients-three .owl-nav{
display:none;
}
.clients-three_inner-container{
position:relative;
padding:40px 0px 20px;
border-top:2px solid rgba(0,0,0,0.07);
}
.clients-three img{
position:relative;
margin:0 auto;
max-width:inherit;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title{
position:relative;
text-align:center;
background-size:cover;
padding:280px 0px 110px;
}
.page-title:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.75;
background-color:var(--color-three);
}
.page-title h2{
text-transform:capitalize;
color:var(--white-color);
}
.page-title .bread-crumb{
position: relative;
margin-top:var(--margin-top-20);
}
.page-title .bread-crumb li{
position: relative;
font-weight: 400;
display:inline-block;
text-transform:capitalize;
font-size: var(--font-16);
color:var(--white-color);
margin-right: var(--margin-right-15);
padding-right: var(--padding-right-15);
}
.page-title .bread-crumb li:before{
position: absolute;
right: -6px;
top:0px;
font-weight:700;
content: "\f105";
color:var(--white-color);
font-family: 'Font Awesome 5 Pro';
}
.page-title .bread-crumb li:last-child{
padding-right: 0;
margin-right: 0;
}
.page-title .bread-crumb li:last-child:before{
display: none;
}
.page-title .bread-crumb li a{
color:var(--white-color);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.page-title .bread-crumb li a:hover{
color: var(--main-color);
}
/***
====================================================================
Process One
====================================================================
***/
.process-one{
position:relative;
padding:100px 0px 70px;
background-color:var(--color-seventyfour);
}
.process-one .owl-dots{
display:none;
}
.process-one .owl-nav{
position:absolute;
left:-60px;
top:167px;
right:-60px;
}
.process-one .owl-nav .owl-prev{
position:absolute;
left:0px;
width:30px;
height:30px;
line-height:26px;
text-align:center;
border-radius:50px;
display:inline-block;
color:var(--black-color);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border:3px solid var(--main-color);
background-color:var(--color-seventyfour);
}
.process-one .owl-nav .owl-next{
position:absolute;
right:0px;
width:30px;
height:30px;
line-height:26px;
text-align:center;
border-radius:50px;
display:inline-block;
color:var(--black-color);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border:3px solid var(--main-color);
background-color:var(--color-seventyfour);
}
.process-one .owl-nav .owl-prev:hover,
.process-one .owl-nav .owl-next:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.process-one_inner-conatiner{
position:relative;
padding:0px 50px;
}
.process-one_inner-conatiner:before{
position:absolute;
content:'';
left:0px;
top:180px;
right:0px;
height:1px;
opacity:0.30;
border-bottom:1px dashed var(--black-color);
}
.process-one_block{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.process-one_block-inner{
position:relative;
text-align:center;
}
.process-one_image{
position:relative;
width:113px;
height:128px;
margin:0 auto;
margin-bottom:var(--margin-bottom-25);
}
.process-one_year{
position:relative;
padding:17px 10px;
display:block;
z-index:1;
font-weight:700;
letter-spacing:1px;
font-size: var(--font-20);
color:var(--white-color);
font-family:var(--font-family-FiraSans);
}
.process-one_year:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:-1;
background-color:#00c6ff;
clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
}
.process-one_year.style-two:before{
background-color:#2093ff;
}
.process-one_year.style-three:before{
background-color:#0d5bee;
}
.process-one_year.style-four:before{
background-color:#0925aa;
}
.process-one_heading{
position:relative;
font-weight:700;
margin-top:var(--margin-top-25);
font-family:var(--font-family-FiraSans);
}
.process-one_text{
position:relative;
color:#6a6a6a;
line-height:28px;
font-size:var(--font-15);
margin-top:var(--margin-top-10);
}
/***
====================================================================
Testimonial Three
====================================================================
***/
.testimonial-three{
position:relative;
padding-top:var(--padding-top-25);
}
.testimonial-three .sec-title{
margin-bottom:var(--margin-bottom-25);
}
.testimonial-three_carousel-column{
position:relative;
}
.testimonial-three_carousel-inner{
position:relative;
padding-top:var(--padding-top-120);
}
.testimonial-three_review{
position:relative;
font-weight:700;
font-size:var(--font-18);
color:var(--main-color);
}
.testimonial-block_three{
position:relative;
}
.testimonial-block_three-inner{
position:relative;
}
.testimonial-block_three-text{
position:relative;
line-height:34px;
font-size:var(--font-16);
color:var(--color-six);
margin-top:var(--margin-top-20);
}
.testimonial-block_three .author-box{
position:relative;
margin-top:20px;
}
.testimonial-block_three .author-box .box-inner{
position:relative;
padding-top:10px;
min-height:80px;
padding-left:100px;
}
.testimonial-block_three .author-box .author-image{
position:absolute;
left:0px;
top:0px;
width:80px;
height:80px;
overflow:hidden;
border-radius:50px;
box-shadow:0px 10px 15px rgba(0,0,0,0.10);
}
.testimonial-block_three .author-box .author-image img{
border-radius:50%;
}
.testimonial-block_three .author-box .box-inner .designation{
position:relative;
margin-top:5px;
font-weight:700;
display:inline-block;
font-size:var(--font-15);
color: var(--color-thirtytwo);
background: linear-gradient(90deg, var(--color-thirtythree) 0%, var(--color-thirtytwo) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.testimonial-three_image-column{
position:relative;
}
.testimonial-three_image-inner{
position:relative;
}
.testimonial-three_image{
position:relative;
}
.testimonial-three_image img{
position:relative;
max-width: inherit;
width: auto;
}
.testimonial-three .owl-nav{
display:none;
}
.testimonial-three .owl-dots{
position:absolute;
right:0px;
width:20px;
bottom:5px;
}
.testimonial-three .owl-dots .owl-dot{
position:relative;
width:15px;
height:15px;
display:block;
opacity:0.15;
margin:15px 0px;
border-radius:50px;
background-color:var(--black-color);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.testimonial-three .owl-dots .owl-dot.active,
.testimonial-three .owl-dots .owl-dot:hover{
opacity:1;
background-color:var(--main-color);
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:110px 0px 80px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:var(--margin-bottom-30);
}
.sidebar-page-container .sidebar-inner{
position:relative;
}
/* Sidebar Widget */
.sidebar-widget{
position:relative;
margin-bottom:var(--margin-bottom-40);
}
.sidebar-widget:last-child{
margin-bottom:var(--margin-zero);
}
.cat-list{
position:relative;
}
.cat-list li{
position:relative;
margin-bottom:var(--margin-bottom-5);
}
.cat-list li a{
position:relative;
display:block;
padding:16px 30px;
font-size:var(--font-18);
color:var(--black-color);
background-color:var(--color-seventyfive);
border-left:5px solid transparent;
}
.cat-list li a:hover{
background-color:var(--main-color);
}
.cat-list li a:hover,
.cat-list li.active a{
color:var(--white-color);
background-color:var(--main-color);
border-color:var(--color-seventysix);
}
/* Contact Widget */
.contact-widget .widget-content{
position:relative;
padding:100px 30px;
text-align:center;
background-size:cover;
}
.contact-widget .title{
position:relative;
font-size:var(--font-16);
color:var(--color-seventyseven);
}
.contact-widget .help{
position:relative;
font-weight:600;
display:inline-block;
padding:0px 30px 20px;
font-size:var(--font-36);
color:var(--white-color);
margin-top:var(--margin-top-20);
margin-bottom:var(--margin-bottom-25);
border-bottom:1px solid rgba(255,255,255,0.20);
}
.contact-widget .phone{
position:relative;
line-height:1em;
font-weight:700;
font-size:var(--font-36);
color:var(--white-color);
}
.contact-widget .form{
position:relative;
font-size:var(--font-16);
color:var(--white-color);
margin-top:var(--margin-top-20);
}
.contact-widget .button-box{
position:relative;
margin-top:var(--margin-top-40);
}
.contact-widget .button-box a{
position:relative;
font-size:var(--font-16);
color:var(--black-color);
padding:16px 75px 16px 30px;
background-color:var(--white-color);
}
.contact-widget .button-box .fa-solid{
position:absolute;
right:0px;
top:0px;
width:55px;
height:51px;
line-height:51px;
font-size:var(--font-16);
color:var(--white-color);
background: var(--color-sixtyseven);
background: linear-gradient(to left, var(--color-sixtyeight) 0%, var(--color-sixtyseven) 100%);
}
/***
====================================================================
Service Detail
====================================================================
***/
.service-detail{
position:relative;
}
.service-detail .inner-box{
position:relative;
}
.service-detail .image{
position:relative;
}
.service-detail .image img{
position:relative;
width:100%;
display:block;
}
.service-detail h3{
font-weight:700;
color:var(--black-color);
margin-top:var(--margin-top-30);
margin-bottom:var(--margin-bottom-15);
}
.service-detail h4{
font-weight:700;
color:var(--black-color);
margin-bottom:var(--margin-bottom-10);
}
.service-detail p{
position:relative;
color:var(--color-six);
font-size:var(--font-17);
margin-bottom:var(--margin-bottom-20);
}
/***
====================================================================
Feature Two
====================================================================
***/
.feature-two{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
.feature-two_inner{
position:relative;
padding:35px 35px;
background-color:var(--color-seventyeight);
}
.feature-two_content{
position:relative;
padding-left:var(--padding-left-60);
}
.feature-two_icon{
position:absolute;
left:0px;
top:5px;
line-height:1em;
font-weight:normal;
font-size:var(--font-40);
color:var(--white-color);
}
.feature-two_heading{
position:relative;
}
.feature-two_heading{
position:relative;
color:var(--white-color);
}
.feature-two_heading span{
color:var(--color-seventysix);
}
.feature-two_text{
position:relative;
line-height:26px;
font-size:var(--font-16);
color:var(--color-seventynine);
margin-top:var(--margin-top-10);
}
.feature-lower_box{
position:relative;
margin-top:var(--margin-top-30);
}
.feature-three{
position:relative;
}
.feature-three_inner{
position:relative;
font-weight:700;
line-height:30px;
font-size:var(--font-22);
padding-left:var(--padding-left-80);
font-family:var(--font-family-FiraSans);
}
.feature-three_icon{
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
border-radius:10px;
background-color:var(--color-seventyeight);
}
/***
====================================================================
Project Detail
====================================================================
***/
.projects-detail{
position:relative;
padding:110px 0px 90px;
}
.projects-detail .image-column{
position:relative;
}
.projects-detail .image-column .image{
position:relative;
}
.projects-detail .image-column .image img{
position:relative;
width:100%;
display:block;
}
.projects-detail .info-column{
position:relative;
}
.projects-detail .info-column .inner-column{
position:relative;
padding:40px 50px;
background-color:var(--color-eighty);
}
.projects-detail .info-column .list{
position:relative;
}
.projects-detail .info-column .list li{
position:relative;
font-weight:700;
font-size:var(--font-14);
text-transform:uppercase;
color:var(--color-eightyone);
margin-bottom:var(--margin-bottom-15);
}
.projects-detail .info-column .list li span{
position:relative;
display:block;
font-weight:500;
line-height:1.6em;
font-size:var(--font-18);
text-transform:capitalize;
color:var(--color-eightytwo);
margin-top:var(--margin-top-5);
}
.projects-detail .info-column .list li:last-child{
margin-bottom:var(--margin-zero);
}
.projects-detail .lower-content{
position:relative;
padding-top:var(--padding-top-35);
}
.projects-detail .lower-content h3{
position:relative;
display:block;
font-weight:700;
margin-bottom:var(--margin-bottom-15);
}
.projects-detail .lower-content p{
position:relative;
line-height:27px;
font-size:var(--font-17);
color:var(--color-eightythree);
margin-bottom:var(--margin-bottom-25);
}
.projects-detail .check-list{
position:relative;
}
.projects-detail .check-list li{
position:relative;
line-height:30px;
font-size:var(--font-17);
color:var(--color-eightythree);
padding-left:var(--padding-left-30);
margin-bottom:var(--margin-bottom-20);
}
.projects-detail .check-list li:before{
position:absolute;
content:'\f00c';
left:0px;
top:0px;
color:var(--main-color);
font-family: 'Font Awesome 5 Pro';
}
.projects-detail .carousel-box{
position:relative;
padding:40px 30px;
background-color:var(--color-eighty);
}
/* Testimonial Four */
.testimonial-block_four{
position:relative;
}
.testimonial-block_four-inner{
position:relative;
padding-left:120px;
}
.testimonial-block_four .quote-icon{
position:absolute;
right:-20px;
top:0px;
z-index:1;
}
.testimonial-block_four .author-outer{
position:absolute;
left:0px;
top:15px;
}
.testimonial-block_four .author-outer .author{
position:relative;
width:88px;
height:88px;
padding:2px;
overflow:hidden;
border-radius:50%;
background: var(--color-thirtytwo);
background: linear-gradient(to left, var(--color-thirtythree) 0%, var(--color-thirtytwo) 100%);
}
.testimonial-block_four .author-outer .author img{
position:relative;
border-radius:50%;
border:8px solid var(--color-eighty);
}
.testimonial-block_four-text{
position:relative;
line-height:30px;
font-size:var(--font-17);
color:var(--color-eightythree);
}
.testimonial-block_four-heading{
position:relative;
font-weight:700;
color:var(--black-color);
margin-top:var(--margin-top-15);
}
.testimonial-block_four-designation{
position:relative;
color:var(--main-color);
font-size:var(--font-16);
margin-top:var(--margin-top-5);
}
/***
====================================================================
Error One
====================================================================
***/
.error-one{
position:relative;
text-align:center;
overflow:hidden;
padding:20px 0px 110px;
}
.error-one .pattern-one{
position:absolute;
right:-100px;
top:-250px;
width:785px;
height:745px;
z-index:1;
}
.error-one .pattern-two{
position:absolute;
left:30px;
top:330px;
width:258px;
height:266px;
}
.error-one .image{
position:relative;
margin-bottom:var(--margin-bottom-30);
}
/***
====================================================================
Contact One
====================================================================
***/
.contact-one{
position:relative;
padding:110px 0px 80px;
background-position:center center;
background-repeat:no-repeat;
}
.contact-one .info-column{
position:relative;
}
.contact-one .info-column .inner-column{
position:relative;
margin-top:var(--margin-top-40);
}
.contact-block{
position:relative;
padding:30px 40px;
margin-bottom:var(--margin-bottom-30);
background-color:var(--color-eightyfour);
}
.contact-block .block-inner{
position:relative;
line-height:24px;
font-size:var(--font-15);
color:var(--color-eightythree);
padding-left:var(--padding-left-80);
}
.contact-block .icon{
position:absolute;
left:0px;
top:0px;
}
.contact-block strong{
position:relative;
display:block;
font-weight:700;
font-size:var(--font-20);
color:var(--black-color);
margin-bottom:var(--margin-bottom-10);
font-family:var(--font-family-FiraSans);
}
.contact-one .form-column{
position:relative;
}
.contact-one .form-column .inner-column{
position:relative;
padding:60px 50px;
background-color:var(--color-eightyfour);
}
/***
====================================================================
Comment Form
====================================================================
***/
.contact-form .form-group{
margin-bottom:var(--margin-bottom-25);
}
.contact-form .form-group button{
border-radius:0px;
}
.contact-form label{
position:relative;
display:block;
font-weight:700;
color:var(--black-color);
font-size:var(--font-15);
margin-bottom:var(--margin-bottom-10);
}
.contact-form .form-group:last-child{
margin-bottom:0px;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
height:50px;
border-radius:0px;
font-size:var(--font-14);
color:var(--black-color);
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border:1px solid transparent;
}
.contact-form .form-group textarea::-webkit-input-placeholder,
.contact-form .form-group input::-webkit-input-placeholder{
color:var(--color-twentyone);
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
border-color:var(--black-color);
}
.contact-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:20px 20px 20px;
font-size:var(--font-15);
color:var(--black-color);
height:150px;
resize:none;
border-radius:0px;
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border:1px solid transparent;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
/* Map */
.map-one{
position:relative;
}
.map-one iframe{
position: relative;
left: 0;
top: 0;
width: 100%;
height: 420px;
}
/***
====================================================================
News Page
====================================================================
***/
.news-page{
position:relative;
padding:110px 0px 100px;
}
.news-page .news-block_one{
margin-bottom:var(--margin-bottom-50);
}
.pagination-outer{
position:relative;
}
.pagination-outer .pagination{
position:relative;
display:inline-block;
}
.pagination-outer .pagination li{
position:relative;
margin:0px 5px;
display:inline-block;
}
.pagination-outer .pagination li a span{
font-size:var(--font-16);
font-family: 'Font Awesome 5 Pro';
}
.pagination-outer .pagination li a{
position:relative;
width:48px;
height:48px;
line-height:48px;
text-align:center;
font-weight:700;
display:inline-block;
font-size:var(--font-18);
color:var(--black-color);
background-color:var(--color-eighty);
}
.pagination-outer .pagination li a:hover,
.pagination-outer .pagination li.active a{
color:var(--white-color);
background: var(--color-thirtytwo);
background: linear-gradient(to right, var(--color-thirtythree) 0%, var(--color-thirtytwo) 100%);
}
.blog-single{
position:relative;
}
.blog-single .inner-box{
position:relative;
}
.blog-single .inner-box .image{
position:relative;
border-radius:7px;
overflow:hidden;
}
.blog-single .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.blog-single .inner-box .lower-content{
position:relative;
padding:25px 25px 0px;
}
.blog-single .inner-box .post-meta{
position:relative;
padding-bottom:20px;
margin-bottom:25px;
border-bottom:1px solid #ececf0;
}
.blog-single .inner-box .post-meta:before{
position:absolute;
content:'';
left:0px;
bottom:-1px;
height:3px;
width:44px;
background: var(--color-two);
background: linear-gradient(to top right, var(--color-two) 0%, var(--color-seven) 100%);
}
.blog-single .inner-box .post-meta li{
position:relative;
color:#707070;
font-size:15px;
margin-right:25px;
padding-left:25px;
display:inline-block;
}
.blog-single .inner-box .post-meta li .icon{
position:absolute;
left:0px;
color:#0c64f6;
}
.blog-single .inner-box .post-meta li strong{
position:relative;
color:#000000;
}
.blog-single .inner-box .post-meta li:last-child{
color:#0589dd;
}
.blog-single .inner-box p{
color:#383838;
font-size:16px;
line-height:1.7em;
margin-bottom:20px;
}
.blog-single .inner-box p span{
border-bottom:1px solid #a2a2a2;
}
.blog-single .inner-box h4{
margin-bottom:20px;
font-weight:700;
}
.blog-single .inner-box .two-column{
margin-top:35px;
margin-bottom:15px;
}
.blog-single .inner-box .two-column .lower-image{
position:relative;
margin-bottom:25px;
border-radius:7px;
overflow:hidden;
}
.blog-single .inner-box .two-column .lower-image img{
position:relative;
width:100%;
display:block;
}
.blog-single .inner-box blockquote{
position:relative;
color:#222222;
font-size:20px;
font-weight:700;
line-height:1.6em;
padding:30px 45px;
margin-top:30px;
margin-bottom:30px;
background-color:#edf0f2;
border-left:5px solid #0c65f8;
font-family:var(--font-family-FiraSans);
}
.blog-single .inner-box blockquote .designation{
position:relative;
display:block;
color:#3090e4;
font-size:16px;
font-weight:700;
font-style:italic;
margin-top:10px;
}
/* Post Share Options */
.blog-single .post-share-options{
position:relative;
padding:0px 28px;
margin-top:30px;
}
.blog-single .post-share-options .post-share-inner{
position:relative;
}
.blog-single .post-share-options .post-tags{
position:relative;
}
.blog-single .post-share-options .post-tags span{
position:relative;
font-size:15px;
font-weight:600;
color:#222222;
margin-right:12px;
font-family:var(--font-family-FiraSans);
}
.blog-single .post-share-options .post-tags a{
position:relative;
padding:8px 24px;
color:#555555;
margin-right:4px;
margin-bottom:4px;
border-radius:3px;
display:inline-block;
background-color:#f4f4f4;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.blog-single .post-share-options .post-tags a:hover{
color:#ffffff;
background-color:var(--main-color);
}
.blog-single .post-share-options .social-links{
position:relative;
margin-top:5px;
}
.blog-single .post-share-options .social-links li{
position:relative;
margin-left:2px;
display:inline-block;
}
.blog-single .post-share-options .social-links li.twitter a{
background-color:#55acee;
}
.blog-single .post-share-options .social-links li.google-plus a{
background-color:#dd4b39;
}
.blog-single .post-share-options .social-links li.dribble a{
background-color:#cd339a;
}
.blog-single .post-share-options .social-links li a{
position:relative;
width:32px;
height:32px;
color:#ffffff;
line-height:32px;
text-align:center;
border-radius:50px;
display:inline-block;
background-color:#3b5998;
font-family: 'Font Awesome 5 Brands';
}
/* New Posts */
.new-posts{
position:relative;
padding:30px 0px;
margin-top:35px;
border-top:1px solid #ececf0;
border-bottom:1px solid #ececf0;
}
.new-posts .prev-post{
position:relative;
color:#222222;
font-size:16px;
font-weight:500;
text-transform:uppercase;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
font-family:var(--font-family-FiraSans);
}
.new-posts .next-post{
position:relative;
color:#222222;
font-size:16px;
font-weight:500;
text-transform:uppercase;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
font-family:var(--font-family-FiraSans);
}
.new-posts .right-box{
text-align:right;
}
.new-posts .prev-post:hover,
.new-posts .next-post:hover{
color:#000000;
}
/* Prev Post Thumb */
.prev-post-thumb{
position:relative;
padding-left:80px;
min-height:52px;
color:#0e0e0e;
line-height:26px;
font-weight:700;
font-size:16px;
margin-top:15px;
display:inline-block;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
font-family:var(--font-family-FiraSans);
}
.prev-post-thumb .thumb-image{
position:absolute;
left:0px;
width:61px;
height:52px;
overflow:hidden;
border-radius:7px;
}
.prev-post-thumb:hover{
color:#0085ee;
}
/* Next Post Thumb */
.next-post-thumb{
position:relative;
padding-right:80px;
text-align:right;
min-height:52px;
color:#0e0e0e;
font-weight:700;
font-size:16px;
margin-top:15px;
line-height:26px;
display:inline-block;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.next-post-thumb .thumb-image{
position:absolute;
right:0px;
width:61px;
height:52px;
overflow:hidden;
border-radius:7px;
}
.next-post-thumb:hover{
color:#0085ee;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area{
position:relative;
margin-top:45px;
margin-bottom: 60px;
}
.sidebar-page-container .group-title{
position:relative;
margin-bottom:35px;
}
.sidebar-page-container .group-title h6{
position:relative;
color:#000000;
font-weight:600;
padding-bottom:10px;
text-transform:capitalize;
}
.sidebar-page-container .group-title h6:before{
position:absolute;
content: '';
left: 0px;
bottom: 0px;
width: 40px;
height: 3px;
background-image: -ms-linear-gradient(left, #0c64f6 0%, #112ebf 100%);
background-image: -moz-linear-gradient(left, #0c64f6 0%, #112ebf 100%);
background-image: -o-linear-gradient(left, #0c64f6 0%, #112ebf 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0c64f6), color-stop(100, #112ebf));
background-image: -webkit-linear-gradient(left, #0c64f6 0%, #112ebf 100%);
background-image: linear-gradient(to right, #0c64f6 0%, #112ebf 100%);
}
.sidebar-page-container .group-text{
position:relative;
font-size:15px;
color:#1b1b1b;
margin-bottom:15px;
}
.sidebar-page-container .comments-area .comment-box{
position:relative;
padding:0px 0px 0px;
margin-bottom:40px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.sidebar-page-container .comments-area .comment-box:last-child{
margin-bottom:0px;
padding-bottom:0px;
border:0px;
}
.sidebar-page-container .comments-area .comment-box:hover{
border-color:#222222;
}
.sidebar-page-container .comments-area .comment{
position:relative;
font-size:14px;
padding:0px 0px 0px 125px;
}
.sidebar-page-container .comments-area .comment .comment-inner{
position:relative;
}
.sidebar-page-container .comments-area .comment .comment-reply{
position:absolute;
right:25px;
top:0px;
color:#ffffff;
font-size:14px;
font-weight:500;
padding:8px 20px;
border-radius:0px;
background-color:#191919;
font-family:var(--font-family-FiraSans);
}
.sidebar-page-container .comments-area .comment .comment-reply:hover{
background-color:var(--main-color);
}
.sidebar-page-container .comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
width:92px;
height:92px;
border-radius:50%;
overflow:hidden;
margin-bottom:20px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img{
display:block;
}
.sidebar-page-container .comments-area .comment-info{
color:#3e5773;
line-height:24px;
font-size:13px;
}
.sidebar-page-container .comments-area .comment-box strong{
font-size:18px;
font-weight:700;
color:#222222;
line-height: 1.3em;
text-transform:capitalize;
font-family:var(--font-family-FiraSans);
}
.sidebar-page-container .comments-area .comment-box .text{
color:#383838;
font-size:15px;
margin-top:15px;
line-height: 1.8em;
margin-bottom: 0px;
}
.sidebar-page-container .comments-area .comment-info .comment-time{
position:relative;
font-size:15px;
color:#0b5adb;
font-weight:400;
margin-top:3px;
}
.sidebar-page-container .comments-area .comment-box .theme-btn{
position:absolute;
right:0px;
top:0px;
font-size:14px;
font-weight:500;
padding:5px 30px;
font-family:var(--font-family-FiraSans);
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form{
position:relative;
}
.comment-form form{
padding:40px 45px 30px;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.comment-form .row{
margin:0px -7px;
}
.comment-form .form-group{
position:relative;
padding:0px 7px;
margin-bottom:14px;
}
.comment-form .form-group .check-box{
color:#1b1b1b;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 20px;
height:46px;
color:#111111;
font-size:14px;
border-radius:0px;
border:1px solid #ececec;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
border-color:#0083f2;
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 20px;
color:#111111;
height:150px;
font-size:14px;
resize:none;
border-radius:0px;
border:1px solid #ececec;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .theme-btn{
margin-top:5px;
border-radius:0px;
}
.sticky-top{
top:90px;
z-index:1;
}
/*Search Box Widget*/
.sidebar .search-box .form-group{
position:relative;
margin:0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
position:relative;
line-height:28px;
padding:10px 50px 10px 20px;
border:1px solid #ececf0;
background:none;
display:block;
font-size:14px;
width:100%;
height:50px;
color:#808080;
font-weight:400;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sidebar .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:50px;
width:50px;
font-size:14px;
color:#222222;
line-height:100%;
background:none;
display:inline-block;
font-weight:normal;
text-align:center;
border-left:1px solid #f2f2f2;
}
/*Blog Category*/
.blog-cat{
position:relative;
}
.blog-cat li{
position:relative;
border-bottom:1px solid #d7d7d7;
}
.blog-cat li:last-child{
border:0px;
}
.blog-cat li a{
position:relative;
color:#223543;
font-size:15px;
font-weight:700;
display:block;
padding:17px 15px 17px 25px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'Poppins', sans-serif;
}
.blog-cat li a:hover{
padding-left:28px;
}
.blog-cat li a span{
position:absolute;
right:0px;
top:12px;
width:32px;
height:32px;
color:#222222;
font-size:14px;
line-height:32px;
text-align:center;
font-weight:600;
background-color:#eeeeee;
}
.blog-cat li a:before{
position:absolute;
content:"\f105";
left:10px;
top:17px;
display:inline-block;
font-family: 'Font Awesome 5 Pro';
}
.blog-cat li a:hover::before{
opacity:1;
}
.blog-cat li.active a,
.blog-cat li a:hover{
color:var(--main-color);
}
.blog-cat li.active span,
.blog-cat li a:hover span{
color:#ffffff;
background-color:var(--main-color);
}
/* Post Widget */
.popular-posts .post{
position:relative;
font-size:16px;
color:#222222;
min-height:100px;
padding-left:75px;
margin-bottom:22px;
border-bottom:1px solid #e7e7eb;
}
.popular-posts .post:last-child{
border-bottom:0px;
margin-bottom:0px;
border:none;
}
.popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:6px;
width:58px;
height:68px;
overflow:hidden;
}
.popular-posts .post .post-thumb img{
display:block;
width:100%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.popular-posts .post .text{
position:relative;
top:0px;
font-size:16px;
margin:0px 0px 3px;
font-weight:600;
color:#222222;
line-height:1.6em;
text-transform:capitalize;
font-family: 'Poppins', sans-serif;
}
.popular-posts .post .text a{
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.popular-posts .post a:hover{
color:#286ddf;
}
.popular-posts .post-info{
position:relative;
font-size:13px;
color:#555555;
font-weight:400;
padding-left:20px;
margin-top:5px;
}
.popular-posts .post-info:before{
position:absolute;
content: "\f073";
left:0px;
top:4px;
color:#286ddf;
font-size:14px;
line-height:1em;
font-family: 'Font Awesome 5 Pro';
}
/* Instagram Widget */
.sidebar .instagram-widget .images-outer{
position:relative;
margin:0px -4px;
}
.sidebar .instagram-widget .image-box{
position:relative;
float:left;
width:33.3333%;
padding:0px 6px;
margin-bottom:12px;
}
.sidebar .instagram-widget .image-box a{
position:relative;
display:block;
}
.sidebar .instagram-widget .image-box:nth-child(3),
.sidebar .instagram-widget .image-box:nth-child(6){
margin-right:0px;
}
.sidebar .instagram-widget .image-box .overlay-box{
position:absolute;
content:'';
left:12px;
top:8px;
bottom:8px;
right:12px;
display:block;
z-index:1;
opacity:0;
text-align:center;
padding:8px;
color:#ffffff;
font-size:24px;
line-height:44px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
background-color:rgba(0,0,0,0.80);
font-family: 'Font Awesome 5 Pro';
}
.sidebar .instagram-widget .image-box .overlay-box:before{
position:absolute;
top:50%;
margin-left:-12px;
margin-top:-22px;
display:inline-block;
}
.sidebar .instagram-widget .image-box:hover .overlay-box{
opacity:1;
}
.sidebar .instagram-widget .image-box img{
position:relative;
display:block;
width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
/*Tags*/
.sidebar .popular-tags a{
position:relative;
line-height:24px;
color:#3a505f;
font-size:14px;
font-weight:700;
text-align:center;
display:inline-block;
padding:6px 18px 6px;
margin:0px 3px 6px 0px;
border:1px solid #eeecec;
background-color:#ffffff;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
font-family: 'Poppins', sans-serif;
}
.sidebar .popular-tags a:hover{
background-color:var(--main-color);
border-color:var(--main-color);
color:var(--white-color);
}
.sidebar-title{
position:relative;
margin-bottom:22px;
}
.sidebar-title h4{
position: relative;
color: #222222;
font-weight:600;
line-height:1.2em;
padding-bottom:15px;
}
.sidebar-title h4:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:4px;
width:45px;
background-image: -ms-linear-gradient(left, #0c65f8 0%, #1229ba 100%);
background-image: -moz-linear-gradient(left, #0c65f8 0%, #1229ba 100%);
background-image: -o-linear-gradient(left, #0c65f8 0%, #1229ba 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0c65f8), color-stop(100, #1229ba));
background-image: -webkit-linear-gradient(left, #0c65f8 0%, #1229ba 100%);
background-image: linear-gradient(to right, #0c65f8 0%, #1229ba 100%);
}