.banner-section{
position           : relative;
width              : 100%;
padding            : 110px 0px;
background-size    : cover;
background-repeat  : no-repeat;
background-position: center;
}
.banner-section .bg-layer{
position             : absolute;
left                 : 0px;
top                  : 0px;
width                : 55%;
height               : 100%;
background-blend-mode: multiply;
clip-path            : polygon(0% 0%, 100% 0%, 83% 100%, 0% 100%, 0% 0%);
background-repeat    : no-repeat;
background-size      : cover;
}
.banner-carousel{
position: relative;
}
.banner-carousel .slide-item{
position: relative;
}
.banner-section.style-one .banner-carousel .content-box{
position          : relative;
display           : block;
background        : -webkit-linear-gradient(0deg, #eff4f7, #c0d1d9 100%);
border-radius     : 20px;
padding           : 70px 80px 77px 80px;
overflow          : hidden;
z-index           : 5;
opacity           : 0;
-webkit-transform : translateY(100px);
-moz-transform    : translateY(100px);
-ms-transform     : translateY(100px);
-o-transform      : translateY(100px);
transform         : translateY(100px);
-webkit-transition: all 1000ms ease;
-moz-transition   : all 1000ms ease;
-ms-transition    : all 1000ms ease;
-o-transition     : all 1000ms ease;
transition        : all 1000ms ease;
}
.banner-section.style-one .banner-carousel .active .content-box{
opacity                 : 1;
-webkit-transform       : translateY(0);
-moz-transform          : translateY(0);
-ms-transform           : translateY(0);
-o-transform            : translateY(0);
transform               : translateY(0);
-webkit-transition-delay: 700ms;
-moz-transition-delay   : 700ms;
-ms-transition-delay    : 700ms;
-o-transition-delay     : 700ms;
transition-delay        : 700ms;
}
.banner-section.style-one .banner-carousel .content-box .text{
position : relative;
max-width: 450px;
width    : 100%;
z-index  : 5;
}
.banner-carousel .content-box .content-bg{
position: absolute;
bottom  : 0px;
right   : 0px;
z-index : 1;
}
.banner-carousel .content-box h2{
display      : block;
font-size    : 44px;
line-height  : 54px;
font-weight  : 700;
margin-bottom: 21px;
}
.banner-carousel .content-box p{
font-size    : 18px;
line-height  : 30px;
color        : #222;
margin-bottom: 32px;
}
.banner-carousel .content-box .theme-btn-one{
margin-right: 16px;
padding     : 14px 45px 15px 45px;
}
.banner-btn{
position      : relative;
display       : inline-block;
overflow      : hidden;
vertical-align: middle;
font-size     : 16px;
line-height   : 25px;
font-weight   : 700;
color         : #002222;
border        : 1px solid #b9c4cb;
text-align    : center;
padding       : 13px 40px 14px 40px;
border-radius : 30px;
z-index       : 1;
transition    : all 500ms ease;
}
.banner-btn:hover{
color: #ffffff;
}
.banner-btn:before{
position  : absolute;
content   : '';
width     : 100%;
height    : 100%;
left      : 0px;
top       : 0px;
right     : 0px;
transform : scale(0,0);
z-index   : -1;
transition: all 500ms ease;
}
.banner-btn:hover:before{
transform: scale(1,1);
}
.banner-section.style-one .banner-carousel .content-box .shape .shape-1{
position         : absolute;
top              : 75px;
right            : 40%;
width            : 113px;
height           : 113px;
background-repeat: no-repeat;
z-index          : 1;
}
.banner-section.style-one .banner-carousel .content-box .shape .shape-2{
position         : absolute;
top              : 50px;
right            : 180px;
width            : 113px;
height           : 113px;
background-repeat: no-repeat;
}
.banner-section.style-one .banner-carousel .content-box .shape .shape-3{
position         : absolute;
right            : 280px;
bottom           : 40px;
width            : 211px;
height           : 211px;
background-repeat: no-repeat;
}
.banner-section.style-one .banner-carousel .content-box .shape .shape-4{
position         : absolute;
right            : 320px;
bottom           : 50px;
width            : 113px;
height           : 113px;
background-repeat: no-repeat;
}
.banner-section.style-one .banner-carousel .content-box .shape .shape-5{
position         : absolute;
right            : 60px;
top              : 80px;
width            : 211px;
height           : 211px;
background-repeat: no-repeat;
} .banner-section.style-two{
position  : relative;
width     : 100%;
overflow  : hidden;
padding   : 0px;
background: -webkit-linear-gradient(-90deg, #0d7a83, #162a41 100%);
}
.banner-section.style-two .content-box{
position: relative;
width   : 100%;
padding : 143px 0px 155px 0px;
}
.banner-section.style-two .content-box .text{
position : relative;
display  : block;
max-width: 550px;
width    : 100%;
z-index  : 5;
}
.banner-section.style-two .content-box .image-box{
position          : absolute;
right             : -80px;
bottom            : 0px;
opacity           : 0;
-webkit-transform : translateY(100px);
-moz-transform    : translateY(100px);
-ms-transform     : translateY(100px);
-o-transform      : translateY(100px);
transform         : translateY(100px);
-webkit-transition: all 1000ms ease;
-moz-transition   : all 1000ms ease;
-ms-transition    : all 1000ms ease;
-o-transition     : all 1000ms ease;
transition        : all 1000ms ease;
}
.banner-section.style-two .banner-carousel .active .image-box{
opacity                 : 1;
-webkit-transform       : translateY(0);
-moz-transform          : translateY(0);
-ms-transform           : translateY(0);
-o-transform            : translateY(0);
transform               : translateY(0);
-webkit-transition-delay: 700ms;
-moz-transition-delay   : 700ms;
-ms-transition-delay    : 700ms;
-o-transition-delay     : 700ms;
transition-delay        : 700ms;
}
.banner-section.style-two .content-box h2{
display           : block;
font-size         : 60px;
line-height       : 66px;
color             : #fff;
font-weight       : 800;
margin-bottom     : 32px;
opacity           : 0;
-webkit-transform : translateY(100px);
-moz-transform    : translateY(100px);
-ms-transform     : translateY(100px);
-o-transform      : translateY(100px);
transform         : translateY(100px);
-webkit-transition: all 1000ms ease;
-moz-transition   : all 1000ms ease;
-ms-transition    : all 1000ms ease;
-o-transition     : all 1000ms ease;
transition        : all 1000ms ease;
}
.banner-section.style-two .banner-carousel .active h2{
opacity                 : 1;
-webkit-transform       : translateY(0);
-moz-transform          : translateY(0);
-ms-transform           : translateY(0);
-o-transform            : translateY(0);
transform               : translateY(0);
-webkit-transition-delay: 700ms;
-moz-transition-delay   : 700ms;
-ms-transition-delay    : 700ms;
-o-transition-delay     : 700ms;
transition-delay        : 700ms;
}
.banner-section.style-two .content-box p{
display           : block;
font-size         : 18px;
line-height       : 30px;
color             : #fff;
margin-bottom     : 42px;
opacity           : 0;
-webkit-transform : translateY(100px);
-moz-transform    : translateY(100px);
-ms-transform     : translateY(100px);
-o-transform      : translateY(100px);
transform         : translateY(100px);
-webkit-transition: all 1000ms ease;
-moz-transition   : all 1000ms ease;
-ms-transition    : all 1000ms ease;
-o-transition     : all 1000ms ease;
transition        : all 1000ms ease;
}
.banner-section.style-two .banner-carousel .active p{
opacity                 : 1;
-webkit-transform       : translateY(0);
-moz-transform          : translateY(0);
-ms-transform           : translateY(0);
-o-transform            : translateY(0);
transform               : translateY(0);
-webkit-transition-delay: 1000ms;
-moz-transition-delay   : 1000ms;
-ms-transition-delay    : 1000ms;
-o-transition-delay     : 1000ms;
transition-delay        : 1000ms;
}
.banner-section.style-two .content-box .btn-box{
opacity           : 0;
-webkit-transform : translateY(100px);
-moz-transform    : translateY(100px);
-ms-transform     : translateY(100px);
-o-transform      : translateY(100px);
transform         : translateY(100px);
-webkit-transition: all 1000ms ease;
-moz-transition   : all 1000ms ease;
-ms-transition    : all 1000ms ease;
-o-transition     : all 1000ms ease;
transition        : all 1000ms ease;
}
.banner-section.style-two .banner-carousel .active .btn-box{
opacity                 : 1;
-webkit-transform       : translateY(0);
-moz-transform          : translateY(0);
-ms-transform           : translateY(0);
-o-transform            : translateY(0);
transform               : translateY(0);
-webkit-transition-delay: 1300ms;
-moz-transition-delay   : 1300ms;
-ms-transition-delay    : 1300ms;
-o-transition-delay     : 1300ms;
transition-delay        : 1300ms;
}
.banner-btn-two{
position     : relative;
display      : inline-block;
overflow     : hidden;
font-size    : 17px;
line-height  : 25px;
font-weight  : 600;
color        : #142441 !important;
background   : #fff;
text-align   : center;
padding      : 14px 47px 15px 47px;
border-radius: 30px;
z-index      : 1;
transition   : all 500ms ease;
}
.banner-btn-two:hover{
color     : #fff !important;
background: #142441;
}
.banner-btn-two:before{
position  : absolute;
content   : '';
background: #142441;
width     : 100%;
height    : 100%;
left      : 0px;
top       : 0px;
transform : scale(0,0);
z-index   : -1;
transition: all 500ms ease;
}
.banner-btn-two:hover:before{
transform: scale(1,1);
}
.banner-section.style-two .pattern-layer .pattern-1{
position           : absolute;
left               : 0px;
bottom             : 0px;
width              : 100%;
height             : 100%;
background-size    : cover;
background-repeat  : no-repeat;
background-position: bottom center;
}
.banner-section.style-two .pattern-layer .pattern-2{
position     : absolute;
left         : -174px;
top          : -461px;
width        : 858px;
height       : 858px;
background   : rgba(25,173,168,0.1);
border-radius: 50%;
}
.banner-section.style-two .content-box .image-box .support-box{
position: absolute;
top     : 190px;
right   : -145px;
}
.banner-section.style-two .content-box .image-box .support-box a{
position     : relative;
display      : inline-block;
font-size    : 20px;
line-height  : 28px;
color        : #142441;
font-weight  : 600;
background   : #fff;
border-radius: 50px;
padding      : 36px 40px 36px 105px;
}
.banner-section.style-two .content-box .image-box .support-box a i{
position     : absolute;
left         : 15px;
top          : 15px;
width        : 70px;
height       : 70px;
line-height  : 70px;
background   : #dcf2f2;
border-radius: 50%;
font-size    : 30px;
text-align   : center;
}
.banner-section.style-two .content-box .image-box .shape .shape-1{
position     : absolute;
left         : 40px;
top          : 210px;
width        : 307px;
height       : 307px;
border-radius: 50%;
z-index      : -1;
}
.banner-section.style-two .content-box .image-box .shape .shape-2{
position     : absolute;
top          : 40px;
right        : -40px;
width        : 380px;
height       : 380px;
border-radius: 50%;
border       : 1px solid rgba(255,255,255,0.5);
z-index      : -1;
}
.banner-section .owl-nav{
position : absolute;
top      : 50%;
transform: translateY(-50%);
width    : 100%;
}
.banner-section .owl-nav button{
position     : absolute;
display      : inline-block;
width        : 70px;
height       : 70px;
line-height  : 74px;
border       : 1px solid rgba(255,255,255,0.4);
background   : transparent;
text-align   : center;
border-radius: 50%;
font-size    : 24px;
color        : rgba(255,255,255,0.4);
cursor       : pointer;
transition   : all 500ms ease;
}
.banner-section .owl-nav .owl-prev{
left: 50px;
}
.banner-section .owl-nav .owl-next{
right: 50px;
}
.banner-section .owl-nav button:hover{
background  : #fff;
border-color: #fff;
color       : #142441;
} .banner-carousel .slide-item .image-layer{
position           : absolute;
left               : 0;
top                : 0;
width              : 100%;
height             : 100%;
background-repeat  : no-repeat;
background-position: center;
background-size    : cover;
-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;
}
.banner-carousel .active .slide-item .image-layer{
-webkit-transform: scale(1.15);
-ms-transform    : scale(1.15);
transform        : scale(1.15);
}
.banner-section.style-three{
padding: 0px 0px;
}
.banner-section.style-three .slide-item{
padding: 186px 0px 146px 0px;
}
.banner-section.style-three .slide-item:before{
position  : absolute;
content   : '';
background: #000;
width     : 100%;
height    : 100%;
left      : 0px;
top       : 0px;
right     : 0px;
opacity   : 0.5;
z-index   : 1;
}
.banner-section.style-three .content-box{
position : relative;
max-width: 750px;
margin   : 0 auto;
padding  : 0px;
z-index  : 5;
}
.banner-section.style-three .content-box h2{
margin-bottom: 23px;
} .banner-section.style-four{
position: relative;
padding : 95px 0px 170px 0px;
}
.banner-section.style-four .pattern-layer{
position           : absolute;
left               : 0px;
bottom             : 0px;
width              : 100%;
height             : 100%;
background-size    : cover;
background-repeat  : no-repeat;
background-position: bottom center;
}
.banner-section.style-four .image-box{
position          : relative;
display           : block;
opacity           : 0;
-webkit-transform : translateX(100px);
-moz-transform    : translateX(100px);
-ms-transform     : translateX(100px);
-o-transform      : translateX(100px);
transform         : translateX(100px);
-webkit-transition: all 1000ms ease;
-moz-transition   : all 1000ms ease;
-ms-transition    : all 1000ms ease;
-o-transition     : all 1000ms ease;
transition        : all 1000ms ease;
}
.banner-section.style-four .banner-carousel .active .image-box{
opacity                 : 1;
-webkit-transform       : translateX(0);
-moz-transform          : translateX(0);
-ms-transform           : translateX(0);
-o-transform            : translateX(0);
transform               : translateX(0);
-webkit-transition-delay: 700ms;
-moz-transition-delay   : 700ms;
-ms-transition-delay    : 700ms;
-o-transition-delay     : 700ms;
transition-delay        : 700ms;
}
.banner-section.style-four .image-box .image img{
max-width: 100%;
}
.banner-section.style-four .image-box .text{
position     : absolute;
top          : 115px;
right        : -110px;
width        : 230px;
background   : #fff;
border-radius: 30px;
padding      : 50px 30px;
text-align   : center;
box-shadow   : 0 10px 30px rgba(34,182,175,0.1);
}
.banner-section.style-four .image-box .text h3{
position     : relative;
display      : inline-block;
width        : 80px;
height       : 80px;
line-height  : 80px;
background   : #142441;
border-radius: 20px;
text-align   : center;
font-size    : 32px;
color        : #fff;
font-weight  : 700;
margin-bottom: 34px;
}
.banner-section.style-four .image-box .admin-box{
position     : absolute;
left         : -100px;
bottom       : 95px;
width        : 350px;
padding      : 30px 30px 35px 115px;
background   : #fff;
border-radius: 100px;
box-shadow   : 0 10px 30px rgba(34,182,175,0.1);
}
.banner-section.style-four .image-box .admin-box .admin-thumb{
position     : absolute;
left         : 20px;
top          : 20px;
width        : 80px;
height       : 80px;
border-radius: 50%;
}
.banner-section.style-four .image-box .admin-box .admin-thumb img{
width        : 100%;
border-radius: 50%;
}
.banner-section.style-four .image-box .admin-box h4{
margin-bottom: 3px;
}
.banner-section.style-four .content-box h2{
font-size         : 60px;
line-height       : 66px;
font-weight       : 800;
margin-bottom     : 32px;
opacity           : 0;
-webkit-transform : translateY(50px);
-moz-transform    : translateY(50px);
-ms-transform     : translateY(50px);
-o-transform      : translateY(50px);
transform         : translateY(50px);
-webkit-transition: all 1000ms ease;
-moz-transition   : all 1000ms ease;
-ms-transition    : all 1000ms ease;
-o-transition     : all 1000ms ease;
transition        : all 1000ms ease;
}
.banner-section.style-four .banner-carousel .active .content-box h2{
opacity                 : 1;
-webkit-transform       : translateX(0);
-moz-transform          : translateX(0);
-ms-transform           : translateX(0);
-o-transform            : translateX(0);
transform               : translateX(0);
-webkit-transition-delay: 700ms;
-moz-transition-delay   : 700ms;
-ms-transition-delay    : 700ms;
-o-transition-delay     : 700ms;
transition-delay        : 700ms;
}
.banner-section.style-four .content-box p{
font-size         : 18px;
line-height       : 30px;
color             : #142441;
margin-bottom     : 42px;
opacity           : 0;
-webkit-transform : translateY(50px);
-moz-transform    : translateY(50px);
-ms-transform     : translateY(50px);
-o-transform      : translateY(50px);
transform         : translateY(50px);
-webkit-transition: all 1000ms ease;
-moz-transition   : all 1000ms ease;
-ms-transition    : all 1000ms ease;
-o-transition     : all 1000ms ease;
transition        : all 1000ms ease;
}
.banner-section.style-four .banner-carousel .active .content-box p{
opacity                 : 1;
-webkit-transform       : translateX(0);
-moz-transform          : translateX(0);
-ms-transform           : translateX(0);
-o-transform            : translateX(0);
transform               : translateX(0);
-webkit-transition-delay: 1000ms;
-moz-transition-delay   : 1000ms;
-ms-transition-delay    : 1000ms;
-o-transition-delay     : 1000ms;
transition-delay        : 1000ms;
}
.banner-section.style-four .content-box .btn-box{
opacity           : 0;
-webkit-transform : translateY(50px);
-moz-transform    : translateY(50px);
-ms-transform     : translateY(50px);
-o-transform      : translateY(50px);
transform         : translateY(50px);
-webkit-transition: all 1000ms ease;
-moz-transition   : all 1000ms ease;
-ms-transition    : all 1000ms ease;
-o-transition     : all 1000ms ease;
transition        : all 1000ms ease;
}
.banner-section.style-four .banner-carousel .active .content-box .btn-box{
opacity                 : 1;
-webkit-transform       : translateX(0);
-moz-transform          : translateX(0);
-ms-transform           : translateX(0);
-o-transform            : translateX(0);
transform               : translateX(0);
-webkit-transition-delay: 1300ms;
-moz-transition-delay   : 1300ms;
-ms-transition-delay    : 1300ms;
-o-transition-delay     : 1300ms;
transition-delay        : 1300ms;
}
.banner-section.style-four .owl-nav button{
color       : #c0cccb;
border-color: #c0cccb;
}
.banner-section.style-four .owl-nav button:hover{
border-color: #fff;
color       : #142441;
}
.banner-section.style-four .image-box .shape .shape-1{
position         : absolute;
left             : 0px;
bottom           : 60px;
width            : 173px;
height           : 173px;
background-repeat: no-repeat;
}
.banner-section.style-four .image-box .shape .shape-2{
position         : absolute;
right            : -80px;
bottom           : 240px;
width            : 173px;
height           : 173px;
background-repeat: no-repeat;
}
.banner-section.style-four .anim-icon .anim-icon-1{
position         : absolute;
left             : 0px;
top              : 170px;
width            : 292px;
height           : 225px;
background-repeat: no-repeat;
}
.banner-section.style-four .anim-icon .anim-icon-2{
position         : absolute;
left             : 44%;
top              : 140px;
width            : 53px;
height           : 70px;
background-repeat: no-repeat;
}
.banner-section.style-four .anim-icon .anim-icon-3{
position         : absolute;
top              : 130px;
right            : 460px;
width            : 66px;
height           : 67px;
background-repeat: no-repeat;
}
.banner-section.style-four .anim-icon .anim-icon-4{
position         : absolute;
right            : 0px;
bottom           : 200px;
width            : 395px;
height           : 227px;
background-repeat: no-repeat;
} .banner-section.style-five{
background: #06194b;
padding   : 125px 0px 225px 0px;
}
.banner-section.style-five .content-box h2,
.banner-section.style-five .content-box p{
color: #fff;
}
.banner-section.style-five .content-box .banner-btn{
color  : #fff;
padding: 13px 43px 14px 43px;
}
.banner-section.style-five .image-box{
position      : relative;
margin        : 0px;
padding-left  : 130px;
padding-bottom: 30px;
padding-top   : 50px;
}
.banner-section.style-five .image-box .image{
position     : relative;
display      : block;
border-radius: 20px;
z-index      : -1;
}
.banner-section.style-five .image-box .image:before{
position     : absolute;
content      : '';
background   : #1e3060;
width        : 100%;
height       : 100%;
top          : 30px;
right        : 30px;
border-radius: 20px;
}
.banner-section.style-five .image-box .image img{
width        : 100%;
border-radius: 20px;
}
.banner-section.style-five .image-box .admin-box{
left         : 0px;
bottom       : 85px;
border-radius: 20px;
padding      : 40px 20px 45px 125px;
}
.banner-section.style-five .image-box .admin-box .admin-thumb{
left: 30px;
top : 30px;
}
.banner-section.style-five .image-box .admin-box:before{
position     : absolute;
content      : '';
width        : 100%;
height       : 100%;
right        : 20px;
top          : 20px;
border-radius: 20px;
z-index      : -1;
}
.banner-section.style-five .image-box .shape .shape-3{
position         : absolute;
top              : 0px;
right            : -105px;
width            : 263px;
height           : 263px;
background-repeat: no-repeat;
}
.banner-section.style-five .image-box .shape .shape-4{
position         : absolute;
left             : 60px;
bottom           : 120px;
width            : 263px;
height           : 263px;
background-repeat: no-repeat;
z-index          : -1;
}
.banner-section.style-five .pattern-layer .pattern-1{
position         : absolute;
left             : 240px;
top              : 145px;
width            : 263px;
height           : 263px;
background-repeat: no-repeat;
}
.banner-section.style-five .pattern-layer .pattern-2{
position         : absolute;
left             : 0px;
top              : 0px;
width            : 994px;
height           : 100%;
background-size  : cover;
background-repeat: no-repeat;
}
.banner-section.style-five .pattern-layer .pattern-3{
position         : absolute;
right            : 0px;
bottom           : 0px;
width            : 524px;
height           : 793px;
background-repeat: no-repeat;
}
.banner-section.style-five .pattern-layer .pattern-4{
position         : absolute;
left             : 0px;
bottom           : 0px;
width            : 100%;
height           : 156px;
background-repeat: no-repeat;
background-size  : cover;
} .funfact-section{
position: relative;
padding: 94px 0px 105px 0px;
}
.counter-block-one .inner-box{
position: relative;
display: block;
}
.counter-block-one .inner-box .count-outer{
position: absolute;
left: 0px;
top: -4px;
font-size: 60px;
line-height: 60px;
font-family: 'Barlow', sans-serif;
color: #ffffff;
font-weight: 700;
}
.counter-block-one .inner-box .text{
position: relative;
padding-left: 140px;
}
.counter-block-one .inner-box .text p{
font-weight: 600;
color: #ffffff;
margin-bottom: 13px;
}
.counter-block-one .inner-box .text .bar{
position:relative;
width:100%;
height:7px;
background:#618ddc;
border-radius:0px;
}
.counter-block-one .inner-box .text .bar-inner{
position:relative;
display:block;
border-radius:0px;
width:0px;
height:12px;
-webkit-transition:all 1500ms ease;
-ms-transition:all 1500ms ease;
-o-transition:all 1500ms ease;
-moz-transition:all 1500ms ease;
transition:all 1500ms ease; 
} .funfact-style-two{
position: relative;
padding: 143px 0px 145px 0px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-blend-mode: multiply;
}
.counter-block-two .inner-box{
position: relative;
display: block;
padding-left: 75px;
}
.counter-block-two .inner-box .icon-box{
position: absolute;
left: 0px;
top: 11px;
font-size: 65px;
line-height: 60px;
}
.counter-block-two .inner-box .count-outer{
position: relative;
display: block;
font-size: 50px;
line-height: 50px;
font-family: 'Barlow', sans-serif;
color: #fff;
font-weight: 700;
margin-bottom: 8px;
}
.counter-block-two .inner-box h5{
display: block;
font-size: 18px;
line-height: 26px;
font-weight: 500;
color: #a5a5a8;
}
.counter-block-two .inner-box:before{
position: absolute;
content: '';
background: rgba(255,255,255,0.3);
width: 1px;
height: 67px;
top: 10px;
right: 0px;
}
.counter-block:last-child .counter-block-two .inner-box:before{
display: none;
}
.funfact-style-two.alternat-2{
background-color: transparent;
}
.funfact-style-two.alternat-2 .counter-block-two .inner-box .count-outer{
color: #142441;
}
.funfact-style-two.alternat-2 .counter-block-two .inner-box h5{
color: #848484;
}
.funfact-style-two.alternat-2 .pattern-layer{
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
} .testimonial-section{
position: relative;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.testimonial-section:before{
position: absolute;
content: '';
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0.0) 100%);
width: 100%;
height: 100%;
left: 0px;
top: 0px;
right: 0px;
}
.testimonial-section .inner-content{
position: relative;
display: block;
max-width: 670px;
width: 100%;
background: #ffffff;
padding: 63px 70px 70px 70px;
border-radius: 20px;
box-shadow: 0 10px 30px #e2e8ea;
}
.testimonial-section .inner-content .sec-title{
margin-bottom: 49px;
}
.content_block_3 .content-box{
position: relative;
display: block;
}
.content_block_3 .content-box .rating li{
position: relative;
display: inline-block;
float: left;
margin-right: 8px;
font-size: 15px;
}
.content_block_3 .content-box .rating li:last-child{
margin: 0px !important;
}
.content_block_3 .content-box .rating{
display: block;
margin-bottom: 16px;
}
.content_block_3 .content-box .text p{
font-size: 18px;
line-height: 32px;
color: #142441;
}
.content_block_3 .content-box .text{
display: block;
margin-bottom: 21px;
}
.content_block_3 .content-box .author-box{
position: relative;
padding: 10px 0px 5px 90px;
min-height: 70px;
}
.content_block_3 .content-box .author-box .author-thumb{
position: absolute;
left: 0px;
top: 0px;
width: 70px;
height: 70px;
border-radius: 50%;
}
.content_block_3 .content-box .author-box .author-thumb img{
width: 100%;
border-radius: 50%;
}
.content_block_3 .content-box .author-box h4{
display: block;
font-size: 20px;
line-height: 28px;
font-weight: 700;
margin-bottom: 1px;
}
.content_block_3 .content-box .author-box .designation{
position: relative;
display: block;
font-size: 15px;
}
.testimonial-section .owl-nav{
position: absolute;
right: 0px;
bottom: 20px;
}
.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next{
position: relative;
display: inline-block;
font-size: 20px;
line-height: 30px;
color: #bbbbbb;
cursor: pointer;
transition: all 500ms ease;
}
.testimonial-section .owl-nav .owl-prev{
margin-right: 20px;
}
.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
}
.testimonial-section.alternat-2:before{
background: -webkit-linear-gradient(180deg, rgba(242,243,245,1) 10%, rgba(242,243,245,0.0) 100%);
}
.testimonial-section .shape .shape-1{
position: absolute;
top: 195px;
right: 210px;
width: 93px;
height: 93px;
background-repeat: no-repeat;
z-index: 1;
}
.testimonial-section .shape .shape-2{
position: absolute;
top: 80px;
right: 80px;
width: 195px;
height: 192px;
background: #f9f9fa;
border-radius: 50%;
}
.testimonial-section.alternat-3:before{
display: none;
}
.testimonial-section.alternat-3 .inner-content{
max-width: 100%;
padding: 0px;
border-radius: 50px;
overflow: hidden;
margin-top: -160px;
}
.testimonial-section.alternat-3 .inner-content .inner{
position: relative;
max-width: 585px;
padding: 63px 70px 70px 70px;
}
.testimonial-section.alternat-3 .inner-content .image-box{
position: absolute;
top: 0px;
right: 0px;
}
.testimonial-section.alternat-3 .inner-content .image-box img{
width: 100%;
}
.testimonial-section.alternat-3 .shape-layer .shape-1{
position: absolute;
left: 200px;
bottom: 50px;
width: 123px;
height: 123px;
background-repeat: no-repeat;
}
.testimonial-section.alternat-3 .shape-layer .shape-2{
position: absolute;
left: 240px;
bottom: -110px;
width: 270px;
height: 270px;
background: #f8f9fa;
border-radius: 50%;
z-index: -1;
}
.testimonial-section.alternat-4{
position: relative;
padding: 143px 0px 150px 0px;
}
.testimonial-section.alternat-4 .bg-layer{
position: absolute;
left: 0px;
top: 0px;
width: 50%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.testimonial-section.alternat-4 .inner-box{
margin-left: 80px;
}
.testimonial-section.alternat-4 .pattern-layer{
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 641px;
background-size: cover;
background-repeat: no-repeat;
} .testimonial-style-two{
position: relative;
}
.testimonial-style-two .content_block_3 .content-box{
padding: 45px 30px 50px 40px;
background: #fff;
border-radius: 20px;
box-shadow: 0 10px 50px #e5edec;
}
.testimonial-section.testimonial-page{
position: relative;
}
.testimonial-section.testimonial-page:after{
position: absolute;
content: '';
background: #e9f8f8;
width: 100%;
height: 310px;
left: 0px;
top: 0px;
z-index: -1;
}
.testimonial-section.testimonial-page .shape-layer .shape-2{
bottom: 40px;
}
.testimonial-section.testimonial-page .shape-layer .shape-1{
bottom: 200px;
} .service-section{
position: relative;
padding-top: 143px;
background: #ffffff;
}
.service-section:before{
position: absolute;
content: '';
background: #e9f8f8;
width: 100%;
height: calc(100% - 40px);
left: 0px;
top: 0px;
clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 0% 100%, 0% 0%);
}
.service-block-one .inner-box{
position: relative;
display: block;
background: #ffffff;
overflow: hidden;
border-radius: 20px;
padding: 50px 30px 50px 30px;
box-shadow: 0 10px 30px #edf2f2;
}
.service-block-one .inner-box:before{
position: absolute;
content: '';
width: 100%;
height: 0%;
left: 0px;
bottom: 0px;
transition: all 500ms ease;
}
.service-block-one .inner-box:hover:before{
height: 100%;
top: 0px;
}
.service-block-one .inner-box .icon-box{
position: relative;
display: inline-block;
font-size: 60px;
line-height: 60px;
margin-bottom: 10px;
transition: all 500ms ease;
}
.service-block-one .inner-box:hover .icon-box,
.service-block-one .inner-box:hover h4 a,
.service-block-one .inner-box:hover p{
color: #ffffff;
}
.service-block-one .inner-box h4{
display: block;
font-size: 20px;
line-height: 26px;
font-weight: 700;
margin-bottom: 19px;
}
.service-block-one .inner-box h4 a{
display: inline-block;
color: #142441;
}
.service-block-one .inner-box h4 a:hover{
}
.service-block-one .inner-box p{
position: relative;
margin-bottom: 32px;
transition: all 500ms ease;
}
.service-block-one .inner-box .theme-btn-two{
background: #f2f3f5;
}
.service-block-one .inner-box .theme-btn-two:hover{
}
.service-section .pattern-layer .pattern-1{
position: absolute;
left: 0px;
top: 0px;
width: 608px;
height: 563px;
background-repeat: no-repeat;
}
.service-section .pattern-layer .pattern-2{
position: absolute;
top: 0px;
right: 0px;
width: 513px;
height: 529px;
background-repeat: no-repeat;
} .service-style-two{
position: relative;
padding-bottom: 142px;
}
.service-block-two .inner-box{
position: relative;
display: block;
background: #fff;
border-radius: 20px;
padding: 30px 30px 45px 30px;
box-shadow: 0 15px 30px 10px #f3f6f6;
margin-bottom: 60px;
transition: all 500ms ease;
}
.service-block-two .inner-box:hover{
box-shadow: 0 20px 40px 10px #e5edec;
}
.service-block-two .inner-box .image-box{
position: relative;
display: block;
overflow: hidden;
border-radius: 20px;
}
.service-block-two .inner-box .image-box img{
width: 100%;
border-radius: 20px;
}
.service-block-two .inner-box .image-box:before{
position: absolute;
content: '';
background: #000;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
right: 0px;
transform: scale(0,0);
opacity: 0.3;
z-index: 1;
transition: all 500ms ease;
}
.service-block-two .inner-box:hover .image-box:before{
transform: scale(1,1);
}
.service-block-two .inner-box:hover .image-box img{
transform: scale(1.05);
}
.service-block-two .inner-box .lower-content{
position: relative;
padding-top: 51px;
}
.service-block-two .inner-box .lower-content .icon-box{
position: absolute;
display: inline-block;
left: 50%;
transform: translateX(-50%);
top: -65px;
width: 90px;
height: 90px;
line-height: 90px;
font-size: 40px;
color: #fff;
text-align: center;
border-radius: 50%;
z-index: 1;
transition: all 500ms ease;
}
.service-block-two .inner-box .lower-content .icon-box:before{
position: absolute;
content: '';
background: #142441;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
right: 0px;
border-radius: 50%;
transform: scale(0,0);
z-index: -1;
transition: all 500ms ease;
}
.service-block-two .inner-box:hover .lower-content .icon-box:before{
transform: scale(1,1);
}
.service-block-two .inner-box .lower-content h4{
margin-bottom: 18px;
}
.service-block-two .inner-box .lower-content p{
margin-bottom: 24px;
}
.service-block-two .inner-box .lower-content .theme-btn-two{
padding: 7.5px 32px;
} .service-style-three{
position: relative;
padding: 125px 0px 120px 0px;
}
.content_block_7 .content-box{
position: relative;
display: block;
max-width: 370px;
}
.content_block_7 .content-box .sec-title{
margin-bottom: 34px;
}
.content_block_7 .content-box .text p{
margin-bottom: 41px;
line-height: 30px;
}
.content_block_7 .content-box .text .theme-btn-one{
padding: 14px 49px 15px 49px;
}
.service-block-three .inner-box{
position: relative;
display: block;
background: #fff;
border-radius: 50px;
padding: 50px 30px 52px 30px;
margin-bottom: 30px;
overflow: hidden;
box-shadow: 0 15px 30px 10px #ecefef;
transition: all 500ms ease;
}
.service-block-three .inner-box:before{
position: absolute;
content: '';
width: 100%;
height: 0%;
left: 0px;
top: 0px;
transition: all 500ms ease;
}
.service-block-three .inner-box:hover:before{
height: 100%;
}
.service-block-three .inner-box .icon-box{
position: relative;
display: inline-block;
width: 90px;
height: 90px;
line-height: 90px;
font-size: 40px;
background: #fff;
text-align: center;
border-radius: 50%;
box-shadow: 0 10px 20px 10px rgba(34,182,175,0.08);
margin-bottom: 26px;
transition: all 500ms ease;
}
.service-block-three .inner-box:hover h4 a{
color: #fff;
}
.service-style-three .shape .shape-1{
position: absolute;
left: 130px;
top: 40%;
width: 123px;
height: 123px;
background-repeat: no-repeat;
}
.service-style-three .shape .shape-2{
position: absolute;
right: 170px;
bottom: 230px;
width: 123px;
height: 123px;
background-repeat: no-repeat;
}
.service-style-three .shape .shape-3{
position: absolute;
left: 110px;
top: 0px;
width: 400px;
height: 400px;
border-radius: 50%;
background: #f8f9fa;
z-index: -1;
}
.service-style-three .shape .shape-4{
position: absolute;
bottom: 70px;
right: 200px;
width: 270px;
height: 270px;
border-radius: 50%;
background: #f8f9fa;
z-index: -1;
} .service-style-four{
position: relative;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.service-style-four .tab-btn-box{
position: relative;
display: block;
margin-bottom: 60px;
}
.service-style-four .tab-btns{
position: relative;
margin: 0px -10px;
}
.service-style-four .tab-btns li{
position: relative;
display: inline-block;
float: left;
width: 20%;
padding: 0px 10px;
}
.service-style-four .tab-btns li .single-btn-box{
position: relative;
display: block;
background: #fff;
border-radius: 10px;
text-align: center;
padding: 33px 20px 27px 20px;
text-align: center;
cursor: pointer;
transition: all 500ms ease;
}
.service-style-four .tab-btns li .single-btn-box .icon-box{
position: relative;
display: inline-block;
width: 70px;
height: 70px;
line-height: 70px;
font-size: 40px;
text-align: center;
border-radius: 50%;
margin-bottom: 14px;
background: -webkit-linear-gradient(-90deg, #edf2f7, #fff 100%);
transition: all 500ms ease;
}
.service-style-four .tab-btns li .single-btn-box:hover .icon-box,
.service-style-four .tab-btns li.active-btn .single-btn-box .icon-box{
color: #fff;
background: -webkit-linear-gradient(-90deg, rgba(255,255,255,0.25), rgba(255,255,255,0.05) 100%);
}
.service-style-four .tab-btns li .single-btn-box h5{
display: block;
font-size: 18px;
line-height: 26px;
font-weight: 700;
transition: all 500ms ease;
}
.service-style-four .tab-btns li .single-btn-box:hover h5,
.service-style-four .tab-btns li.active-btn .single-btn-box h5{
color: #fff;
}
.service-style-four .tab-btns li .single-btn-box:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
border-radius: 10px;
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(.9) translateY(20px);
-ms-transform: scale(.9) translateY(20px);
transform: scale(.9) translateY(20px);
transition: all 500ms ease;
}
.service-style-four .tab-btns li.active-btn .single-btn-box:before,
.service-style-four .tab-btns li .single-btn-box:hover:before{
opacity: 1;
-webkit-transform: scale(1) translateY(0px);
-ms-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.service-style-four .tab-btns li .single-btn-box:after{
position: absolute;
content: '';
width: 15px;
height: 15px;
background: #fff;
left: 50%;
transform: translateX(-50%) rotate(45deg);
bottom: 0px;
opacity: 0;
transition: all 500ms ease;
}
.service-style-four .tab-btns li .single-btn-box:hover:after,
.service-style-four .tab-btns li.active-btn .single-btn-box:after{
bottom: -7px;
opacity: 1;
}
.content_block_9 .content-box{
position: relative;
display: block;
}
.service-style-four .content_block_9 .content-box{
margin-right: 20px;
}
.content_block_9 .content-box h3{
display: block;
font-size: 24px;
line-height: 32px;
font-weight: 700;
margin-bottom: 23px;
}
.content_block_9 .content-box p{
margin-bottom: 26px;
line-height: 30px;
}
.content_block_9 .content-box .list-style-one{
margin-bottom: 46px;
}
.content_block_9 .content-box .theme-btn-one{
padding: 14px 49px 15px 49px;
}
.image_block_6 .image-box{
position: relative;
display: block;
padding-left: 70px;
padding-bottom: 50px;
}
.image_block_6 .image-box img{
width: 100%
}
.image_block_6 .image-box .image-1{
position: relative;
overflow: hidden;
border-radius: 20px;
}
.image_block_6 .image-box .image-1:before{
position: absolute;
top: 0;
left: -75%;
display: block;
content: '';
width: 50%;
height: 100%;
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.image_block_6 .image-box:hover .image-1:before{
-webkit-animation: shine 2s;
animation: shine 2s;
}
.image_block_6 .image-box .image-1 img{
border-radius: 20px;
}
.image_block_6 .image-box .image-2{
position: absolute;
left: 0px;
bottom: 0px;
background: #fff;
padding: 10px;
border-radius: 50px;
box-shadow: 0 20px 50px #cbdbd7;
}
.image_block_6 .image-box .image-2 img{
border-radius: 50px;
}
.image_block_6 .image-box .shape .shape-1{
position: absolute;
left: 40px;
top: 150px;
width: 143px;
height: 153px;
background-repeat: no-repeat;
}
.image_block_6 .image-box .shape .shape-2{
position: absolute;
right: -115px;
bottom: 95px;
width: 93px;
height: 93px;
background-repeat: no-repeat;
}
.image_block_6 .image-box .shape .shape-3{
position: absolute;
right: -90px;
bottom: -20px;
width: 195px;
height: 195px;
background: #fff;
border-radius: 50%;
z-index: -1;
}
.service-style-four .sec-title{
margin-bottom: 72px;
}
.service-style-four .pattern-layer .pattern-1{
position: absolute;
left: 0px;
bottom: 0px;
width: 525px;
height: 495px;
background-repeat: no-repeat;
}
.service-style-four .pattern-layer .pattern-2{
position: absolute;
top: 0px;
right: 0px;
width: 351px;
height: 551px;
background-repeat: no-repeat;
}
.service-section.alternat-2:before{
display: none;
}
.service-section .pattern-layer .pattern-3{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 592px;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
} .chooseus-section{
position: relative;
}
.chooseus-section .bg-layer{
position: absolute;
top: 0px;
right: 0px;
width: 50%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.chooseus-section .pattern-layer{
position: absolute;
left: 0px;
top: 0px;
width: 680px;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.content_block_6 .content-box{
position: relative;
display: block;
}
.content_block_6 .content-box .inner-box .single-item{
position: relative;
display: block;
padding-left: 115px;
margin-bottom: 33px;
min-height: 90px;
padding-top: 12px;
padding-bottom: 17px;
}
.content_block_6 .content-box .inner-box .single-item:last-child{
margin-bottom: 0px;
}
.content_block_6 .content-box .inner-box .single-item .icon-box{
position: absolute;
display: inline-block;
left: 0px;
top: 1px;
width: 90px;
height: 90px;
line-height: 90px;
background: #d5f1f1;
font-size: 40px;
text-align: center;
border-radius: 50%;
z-index: 1;
transition: all 500ms ease;
}
.content_block_6 .content-box .inner-box .single-item:hover .icon-box{
color: #fff;
}
.content_block_6 .content-box .inner-box .single-item .icon-box:before{
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0px;
top: 0px;
right: 0px;
border-radius: 50%;
transform: scale(0,0);
z-index: -1;
transition: all 500ms ease;
}
.content_block_6 .content-box .inner-box .single-item:hover .icon-box:before{
transform: scale(1,1);
}
.content_block_6 .content-box .inner-box .single-item h4{
margin-bottom: 9px;
}
.content_block_6 .content-box .inner-box{
padding-right: 30px;
}
.content_block_6 .content-box .sec-title{
margin-bottom: 42px;
}
.image_block_7 .image-box{
position: relative;
display: block;
padding-right: 100px;
padding-bottom: 134px;
}
.chooseus-section .image_block_7 .image-box{
margin-right: 50px;
}
.image_block_7 .image-box img{
border-radius: 50px;
}
.image_block_7 .image-box .image{
border-radius: 50px;
}
.image_block_7 .image-box .image-2{
position: absolute;
right: 0px;
bottom: 0px;
background: #fff;
padding: 10px;
box-shadow: 0 20px 50px #dfe3e3;
}
.content_block_6 .content-box .text{
position: relative;
display: block;
margin-bottom: 40px;
}
.content_block_6 .content-box .text p{
line-height: 30px;
}
.image_block_9 .image-box{
position: relative;
display: block;
padding-left: 100px;
padding-bottom: 135px;
}
.chooseus-section .image_block_9 .image-box{
margin-left: 50px;
}
.image_block_9 .image-box .image{
border-radius: 50px;
box-shadow: 0 20px 50px #dfe3e3;
}
.image_block_9 .image-box .image img{
width: 100%;
border-radius: 50px;
}
.image_block_9 .image-box .image-1{
position: relative;
}
.image_block_9 .image-box .image-2{
position: absolute;
left: 0px;
bottom: 0px;
background: #fff;
padding: 10px;
}
.image_block_9 .image-box .shape .shape-1{
position: absolute;
right: -120px;
bottom: 0px;
width: 123px;
height: 123px;
background-repeat: no-repeat;
}
.image_block_9 .image-box .shape .shape-2{
position: absolute;
left: 60px;
bottom: 220px;
width: 123px;
height: 123px;
background-repeat: no-repeat;
}
.image_block_9 .image-box .shape .shape-3{
position: absolute;
right: -115px;
bottom: 53px;
width: 270px;
height: 270px;
background: #f8f9fa;
border-radius: 50%;
z-index: -1;
} .faq-section{
position: relative;
}
.content_block_8 .content-box{
position: relative;
display: block;
max-width: 450px;
}
.content_block_8 .content-box .sec-title{
margin-bottom: 43px;
}
.faq-section .image_block_5 .image-box{
margin-left: 50px;
}
.image_block_5 .image-box{
position: relative;
display: block;
padding-left: 229px;
padding-bottom: 190px;
}
.image_block_5 .image-box .image{
display: block;
border-radius: 50px;
box-shadow: 0 20px 50px #dfe3e3;
}
.image_block_5 .image-box .image img{
width: 100%;
border-radius: 50px;
}
.image_block_5 .image-box .image-2{
position: absolute;
left: 0px;
bottom: 0px;
}
.image_block_5 .image-box .image-1{
position: relative;
background: #fff;
padding: 10px;
z-index: 1;
}
.image_block_5 .image-box .shape .shape-1{
position: absolute;
top: -45px;
left: 110px;
width: 173px;
height: 173px;
background-repeat: no-repeat;
}
.image_block_5 .image-box .shape .shape-2{
position: absolute;
bottom: 130px;
right: 40px;
width: 173px;
height: 173px;
background-repeat: no-repeat;
} .contact-section{
position: relative;
padding: 80px 0px;
min-height: 725px;
}
.contact-section .map-inner{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
}
.contact-section .map-inner #gmap_canvas{
position: relative;
width: 100%;
height: 730px;
}
.content_block_4 .content-box{
position: relative;
display: block;
z-index: 1;
padding: 57px 50px 70px 50px;
border-radius: 20px;
}
.content_block_4 .content-box h2{
display: block;
font-size: 42px;
line-height: 54px;
color: #fff;
font-weight: 700;
margin-bottom: 50px;
}
.content_block_4 .content-box form .form-group{
position: relative;
margin-bottom: 20px;
}
.content_block_4 .content-box form .form-group:last-child{
margin-bottom: 0px;
}
.content_block_4 .content-box form .form-group input[type='text'],
.content_block_4 .content-box form .form-group input[type='email'],
.content_block_4 .content-box form .form-group textarea{
position: relative;
display: block;
width: 100%;
height: 50px;
font-size: 16px;
color: #fff;
background: rgba(0,0,0,0.10);
border-radius: 30px;
padding: 10px 30px;
font-weight: 300;
transition: all 500ms ease;
}
.content_block_4 .content-box form .form-group textarea{
height: 130px;
resize: none;
margin-bottom: 10px;
}
.content_block_4 .content-box form .form-group input::-webkit-input-placeholder{
color:#fff;
}
.content_block_4 .content-box form .form-group textarea::-webkit-input-placeholder{
color:#fff;
}
.content_block_4 .content-box form .form-group input:focus,
.content_block_4 .content-box form .form-group textarea:focus{
border-color: rgba(255,255,255,0.5);
}
.content_block_5 .content-box{
position: relative;
display: block;
z-index: 1;
padding: 57px 50px 70px 50px;
border-radius: 20px;
background: #fff;
}
.content_block_5 .content-box h2{
display: block;
font-size: 42px;
line-height: 54px;
font-weight: 700;
margin-bottom: 50px;
}
.content_block_5 .content-box form .form-group{
position: relative;
margin-bottom: 20px;
}
.content_block_5 .content-box form .form-group:last-child{
margin-bottom: 0px;
}
.content_block_5 .content-box form .form-group input[type='text'],
.content_block_5 .content-box form .form-group input[type='email'],
.content_block_5 .content-box form .form-group textarea{
position: relative;
display: block;
width: 100%;
height: 50px;
font-size: 16px;
color: #142441;
border: 1px solid #dfe6e6;
border-radius: 30px;
padding: 10px 30px;
transition: all 500ms ease;
}
.content_block_5 .content-box form .form-group textarea{
height: 130px;
resize: none;
margin-bottom: 10px;
}
.content_block_5 .content-box form .form-group input::-webkit-input-placeholder{
color:#142441;
}
.content_block_5 .content-box form .form-group textarea::-webkit-input-placeholder{
color:#142441;
}
.content_block_5 .content-box form .form-group input:focus,
.content_block_5 .content-box form .form-group textarea:focus{
}