#preloader{position:fixed;
top:0;
right:0;
left:0;
bottom:0;
background-color:#fff;
z-index:999999;
transition:0.3s ease opacity;
text-align:center;
width:100%;
height:100%}


#preloader:before{content:"";
width:80px;
height:80px;
border:3px solid #1B86B2;
display:block;
border-radius:50%;
position:absolute;
top:50%;
left:50%;
opacity:0;
transform:translate(-50%, -50%);
animation-name:LoaderCicle;
animation-duration:2s;
animation-iteration-count:infinite;
animation-timing-function:linear}


#preloader:after{content:"";
width:80px;
height:80px;
border:3px solid #1B86B2;
display:block;
border-radius:50%;
position:absolute;
top:50%;
left:50%;
opacity:0;
transform:translate(-50%, -50%);
animation-name:LoaderCicle;
animation-duration:2s;
animation-iteration-count:infinite;
animation-timing-function:linear;
animation-delay:1s}


@keyframes LoaderCicle{0%{width:0;
height:0;
opacity:0}

10%{width:10px;
height:10px;
opacity:1}

80%{width:60px;
height:60px;
opacity:0.1}

100%{width:70px;
height:70px;
opacity:0}

}

a:hover,a:active,a:focus{color:#1B86B2;
text-decoration:none}

.bg-primary,.primary-overlay[data-overlay-dark]:before{background: #19a4df;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: -moz-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: -o-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: linear-gradient(45deg, #1B86B2, #19a4df); }}

.primary-overlay-180[data-overlay-dark]:before{background: #19a4df;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: -moz-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: -o-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: linear-gradient(45deg, #1B86B2, #19a4df); }}

.primary-overlay-90[data-overlay-dark]:before,.bg-primary-90{background: #19a4df;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: -moz-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: -o-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: linear-gradient(45deg, #1B86B2, #19a4df); }}


.bg-primary-solid,.primary-overlay-solid[data-overlay-dark]:before{background:#1B86B2}


.bg-primary-lighter{background:rgba(41,45,194,0.15)}

.bg-very-dark{background:#061836 !important}


.bg-light-grey{background:#f5fafe}


.dark-overlay[data-overlay-dark]:before{background:#091e42}


.left-overlay[data-overlay-dark]:before{background:rgba(0,0,0,0.76);
background:linear-gradient(-90deg, transparent, #000 65%)}


.left-overlay-dark[data-overlay-dark]:before{ background: #fff;}



section.bg-filter-before,section.bg-filter-after{background:transparent}


.bg-filter-before:before{content:"";
position:absolute;
left:-127px;
top:90px;
width:530px;
height:530px;
background:#1B86B2;
opacity:0.08;
filter:blur(75px);
border-radius:50%;
z-index:-1}


.bg-filter-after:after{content:"";
position:absolute;
right:-120px;
top:80px;
width:530px;
height:530px;
background:#1B86B2;
opacity:0.07;
filter:blur(75px);
z-index:-1}


.text-purple{color:#1B86B2}


.text-default{color:#575a7b}


.h-100vh{height:100vh}

.min-height-500{min-height:500px !important}

.min-vh-100{min-height:100vh}

.badge{font-size:13px;
padding:5px 20px;
line-height:1.6;
font-weight:600}

.badge-primary-soft{background-color:rgba(41,45,194,0.1);
color:#1B86B2}

.badge-white-soft{background-color:rgba(255,255,255,0.1);
color:#fff}

.header-position{margin-top:-85px}

.text-yellow{color:#ffcc6f}

.text-green{color:#06df9e}

.text-orange{color:#ff6262}

.text-blue{color:#15b2ec}

.text-color-md-blue{color:#243f67}

.text-color-light-blue{color:#596982}

.bg-green-dark{background-color:#06df9e}

.bg-orange-dark{background-color:#ff6262}

.bg-yellow-dark{background-color:#ffcc6f}


.bg-blue-dark{background:#15b2ec}


.bg-purple{background:rgba(41,45,194,0.2)}

.bg-yellow{background:rgba(255,204,111,0.2)}

.bg-green{background:rgba(6,223,158,0.1)}

.bg-orange{background:rgba(255,98,98,0.1)}

.bg-blue{background:rgba(21,178,236,0.1)}

.separator-dashed-line-horrizontal-full{border-bottom:1px dashed #cee1f8 !important}

.text-primary{color:#1B86B2 !important}


.text-white-90{color:rgba(255,255,255,0.9)}

.text-white-80{color:rgba(255,255,255,0.8)}

.text-white-70{color:rgba(255,255,255,0.7)}

.text-white-60{color:rgba(255,255,255,0.6)}

.text-white-50{color:rgba(255,255,255,0.5)}

.hover-white:hover,.hover-white:active,.hover-white:focus{color:#ffffff}

.line-height-normal{line-height:normal}

.height-400{height:400px}

.bg-white-light-opacity{background-color:rgba(255,255,255,0.1)}

.text-highlight{padding:0;
background-image:linear-gradient(45deg, rgba(41,45,194,0.22) 0, rgba(0,132,233,0.24) 100%);
background-repeat:no-repeat;
background-position:0 80%;
position:relative;
animation-delay:1s;
background-size:100% .3em}

.read-more{font-size:14px;
color:#1B86B2;
letter-spacing:0.8px;
font-weight:500}

.read-more:hover{color:#1d184a}

.transition-hover{transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}

.transition-hover:hover,.transition-hover:focus{transform:translateY(-8px)}

.service-icon{height:50px;
width:50px;
line-height:52px;
border-radius:50px;
display:inline-block;
text-align:center;
vertical-align:middle;
margin-right:15px;
color:#1B86B2;
font-size:22px;
transition:all 0.3s ease 0s;
background:rgba(41,45,194,0.15)}

.hover-icon:hover .service-icon{background:#1B86B2;
background:-webkit-linear-gradient(-45deg, #1B86B2, #0084e9);
background:-moz-linear-gradient(-45deg, #1B86B2, #0084e9);
background:-o-linear-gradient(-45deg, #1B86B2, #0084e9);
background:linear-gradient(-45deg, #1B86B2, #0084e9);
color:#fff;
transition:all 0.3s ease 0s}

.img-effect{transition-duration:.3s;
transition-property:transform;
transition-timing-function:ease-out}

.img-effect:hover{transform:translateY(-8px)}

.hover-style1{transition:all .3s ease-in-out}

.hover-style1:hover{transform:translate3d(-10px, 0, 0)}

.hover-style2{transition:all .3s ease-out}

.hover-style2:hover{box-shadow:0 0 30px 0px rgba(0,0,0,0.18);
transform:translate(0, -10px)}

.hover-style3{transition:all .3s ease-in-out}

.hover-style3:hover{transform:translate(0, -10px)}

.hover-style4{transition:all .3s ease-in-out}

.hover-style4:hover{transform:translate3d(10px, 0, 0)}

.shadow-primary{-webkit-box-shadow:0 20px 40px rgba(0,0,0,0.2);
-moz-box-shadow:0 20px 40px rgba(0,0,0,0.2);
-o-box-shadow:0 20px 40px rgba(0,0,0,0.2);
box-shadow:0 20px 40px rgba(0,0,0,0.2)}

.shadow-light{box-shadow:0 40px 70px 0 rgba(0,0,0,0.05)}

.line-through{text-decoration:line-through}

.cursor-pointer{cursor:pointer}

.height-100vh{height:100vh}

button:focus:not(:focus-visible){box-shadow:none}

#particles-js{position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1}

.section-bg{position:absolute;
background-size:cover;
top:0;
left:0;
width:100%;
height:420px;
background-position:center center;
background-repeat:no-repeat}

.overflow-y-visible{overflow-y:visible !important}

.small-title{font-size:18px;
line-height:34px}

.inner-title{font-size:16px;
line-height:34px}

.sm-avatar{width:2.75rem;
height:2.75rem}

.md-avatar{width:3.75rem;
height:3.75rem}

.story-video{height:100%}

.min-height-auto{min-height:auto}

.title-box{position:relative;
padding:20px 0;
font-size:60px;
line-height:1;
width:100px;
text-align:right}

.box-circle{left:0;
bottom:0;
width:1.37em;
height:1.37em;
position:absolute;
border-radius:50%;
-webkit-transition:all 0.8s ease-in-out;
-moz-transition:all 0.8s ease-in-out;
-o-transition:all 0.8s ease-in-out;
-ms-transition:all 0.8s ease-in-out;
transition:all 0.8s ease-in-out}

@media screen and (min-width: 1400px){.container.lg-container{max-width:80%}

}

@media screen and (max-width: 991px){.header-position{margin-top:-71px}

.title-box{font-size:54px;
width:95px}

}

@media screen and (max-width: 767px){.inner-title{font-size:15px;
line-height:30px}

.small-title{font-size:16px;
line-height:30px}

}

@media screen and (max-width: 575px){.title-box{font-size:48px;
width:85px}

}

.scroll-to-top{font-size:20px;
text-align:center;
color:#fff;
text-decoration:none;
position:fixed;
bottom:20px;
right:20px;
display:none;
border-radius:50%;
background:#000;
border:1px solid #2a2a2a;
width:35px;
height:35px;
line-height:30px;
z-index:9999;
outline:0;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all 0.3s ease}

.scroll-to-top i{color:#fff}

.scroll-to-top:hover{color:#1d184a;
background:#fff}

.scroll-to-top:hover i{color:#1d184a}

.scroll-to-top:visited{color:#1d184a;
text-decoration:none}

.infinite-floating{animation-duration:4s;
animation-iteration-count:infinite;
animation-name:Floating;
animation-timing-function:ease-in-out}

.infinite-floating.right-top{position:absolute;
right:15px;
top:0;
z-index:0}

.infinite-floating.right-bottom{position:absolute;
right:15px;
bottom:-50px;
z-index:0}

.infinite-floating.left-top{position:absolute;
left:-50px;
top:-50px;
z-index:0}

.infinite-floating .circle{border:3rem solid rgba(255,255,255,0.1);
display:inline-block;
border-radius:100%;
width:22rem;
height:22rem}

.infinite-floating.medium .circle{border:5rem solid rgba(255,255,255,0.05);
width:32rem;
height:32rem}

.infinite-floating.small .circle{border:3rem solid rgba(255,255,255,0.05);
width:16rem;
height:16rem}

@keyframes Floating{0%{transform:translate(0px, 0px)}

65%{transform:translate(0px, 30px)}

100%{transform:translate(0px, 0px)}

}

@media screen and (max-width: 1199px){.infinite-floating .circle{width:20rem;
height:20rem}

.infinite-floating.medium .circle{width:30rem;
height:30rem}

.infinite-floating.small .circle{width:14rem;
height:14rem}

}

@media screen and (max-width: 991px){.infinite-floating .circle{width:18rem;
height:18rem}

.infinite-floating.medium .circle{width:26rem;
height:26rem;
border-width:4rem}

.infinite-floating.small .circle{width:12rem;
height:12rem}

}

@media screen and (max-width: 767px){.infinite-floating .circle{width:15rem;
height:15rem;
border-width:2rem}

.infinite-floating.medium .circle{width:22rem;
height:22rem;
border-width:3rem}

.infinite-floating.small .circle{width:10rem;
height:10rem;
border-width:2rem}

}

.icon-box{position:relative}

.icon-box .box-circle{position:absolute;
left:0;
bottom:0;
width:82px;
height:82px;
background:rgba(78,74,200,0.1);
border-radius:50%;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out}

.icon-box i{font-size:48px;
margin-bottom:20px;
display:inline-block}

.icon-box:hover .box-circle{transform:scale(1.2)}

.icon-box .text-yellow{color:#ffcc6f}

.icon-box .text-green{color:#06df9e}

.icon-box .text-orange{color:#ff6262}

.icon-box .text-blue{color:#15b2ec}

.icon-box .bg-yellow{background:rgba(255,204,111,0.1)}

.icon-box .bg-green{background:rgba(6,223,158,0.1)}

.icon-box .bg-orange{background:rgba(255,98,98,0.1)}

.icon-box .bg-blue{background:rgba(21,178,236,0.1)}

.icon-square{position:relative;
text-align:center;
border:2px solid transparent;
vertical-align:top;
width:60px;
height:60px;
background:rgba(41,45,194,0.1);
border-radius:4px;
display:inline-block;
text-align:center;
line-height:70px;
color:#1B86B2}

.icon-square:after{width:73px;
height:73px;
content:"";
position:absolute;
top:-9px;
left:-9px;
opacity:0.8;
border-radius:4px;
-webkit-transform:scale(0.8);
transform:scale(0.8);
transition:all 0.3s;
border:2px solid transparent}

.icon-square:hover:after{border-color:#1B86B2;
-webkit-transform:scale(1);
transform:scale(1);
border:2px solid}

.icon-square i{font-size:28px}

.icon-square.yellow{background:rgba(255,204,111,0.1);
color:#ffcc6f}

.icon-square.green{background:rgba(6,223,158,0.1);
color:#06df9e}

.icon-square.orange{background:rgba(255,98,98,0.1);
color:#ff6262}

.icon-square.blue{background:rgba(21,178,236,0.1);
color:#15b2ec}

.circle-btn a{display:inline-block;
border:1px solid #243f67;
border-radius:100%;
width:50px;
height:50px;
text-align:center;
line-height:50px;
cursor:pointer}

.circle-btn a:hover{color:#fff;
    background: #1B86B2;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-45deg, #1B86B2, #39B553);
    background: linear-gradient(45deg, #1B86B2, #39B553);
border-color:#1B86B2}

.circle-btn a:hover i{color:#fff}

.circle-btn i{color:#243f67}

.icon-circle{vertical-align:top;
width:75px;
height:75px;
background:rgba(41,45,194,0.1);
border-radius:50%;
display:inline-block;
text-align:center;
line-height:85px;
color:#1B86B2}

.icon-circle i,.icon-circle span{font-size:28px}

.icon-circle.yellow{background:rgba(255,204,111,0.1);
color:#ffcc6f}

.icon-circle.green{background:rgba(6,223,158,0.1);
color:#39b553}

.icon-circle.orange{background:rgba(255,98,98,0.1);
color:#ff6262}

.icon-circle.blue{background:rgba(21,178,236,0.1);
color:#15b2ec}

.icon-circle .text{font-size:28px;
line-height:75px;
font-weight:600}

@media screen and (max-width: 767px){.icon-circle{width:65px;
height:65px;
line-height:75px}

.icon-circle .text{font-size:24px;
line-height:65px}

}

.icon-play{width:55px;
height:55px;
border:solid 1px #fff;
border-radius:55px;
display:inline-block;
position:relative}

.icon-play:before{content:"";
width:10px;
height:26px;
border-left:2px solid #fff;
border-radius:5px;
position:absolute;
top:14px;
left:19px}

.icon-play:after{content:"";
position:absolute;
top:16px;
left:11px;
width:24px;
height:21px;
-webkit-transform:rotate(45deg) skew(-5deg, -5deg);
transform:rotate(45deg) skew(-5deg, -5deg);
border-top:2px solid #fff;
border-right:2px solid #fff;
border-radius:5px}

.icon-play:hover{background-color:rgba(255,255,255,0.1)}

@media screen and (max-width: 767px){.icon-play{width:50px;
height:50px;
border-radius:50px}

.icon-play:before{width:10px;
height:25px;
top:11px;
left:17px}

.icon-play:after{top:13px;
left:9px;
width:22px;
height:21px}

}

.icon-style{width:55px;
height:55px;
line-height:55px;
font-size:20px;
z-index:3;
text-align:center;
display:inline-block;
position:relative;
transition:all 0.4s;
color:#1B86B2}

.icon-style:after{content:"";
width:100%;
height:100%;
top:0;
left:0;
position:absolute;
border-radius:15px;
background:rgba(41,45,194,0.15);
z-index:-1;
transform:rotate(45deg);
transition:all 0.4s}

.icon-style:hover{color:#fff}

.icon-style:hover:after{background:#1B86B2;
transform:rotate(0deg)}

@media screen and (max-width: 1199px){.icon-style{font-size:18px;
width:50px;
height:50px;
line-height:50px}

}

@media screen and (max-width: 991px){.icon-style{font-size:16px;
width:45px;
height:45px;
line-height:45px;
margin-bottom:10px}

}

@media screen and (max-width: 767px){.icon-style{font-size:14px;
width:40px;
height:40px;
line-height:40px}

}

.list-style{list-style:none}

.list-style li{line-height:24px;
margin-bottom:12px;
position:relative;
padding-left:30px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s}

.list-style li:last-child{margin-bottom:0}

.list-style li:before{content:'';
position:absolute;
left:4px;
top:8px;
width:8px;
height:8px;
background:#1B86B2;
-webkit-border-radius:100px;
-moz-border-radius:100px;
-o-border-radius:100px;
border-radius:100px;
z-index:2}

.list-style li:after{content:'';
position:absolute;
left:0px;
top:4px;
width:16px;
height:16px;
background:rgba(41,45,194,0.35);
-webkit-border-radius:100px;
-moz-border-radius:100px;
-o-border-radius:100px;
border-radius:100px;
z-index:1}

.list-style li:hover{padding-left:35px}

.list-style1{margin:0;
padding:0}

.list-style1 li{list-style-type:none;
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px dashed rgba(0,0,0,0.1)}

.list-style1 li:last-child{margin-bottom:0;
padding-bottom:0;
border-bottom:0}

.list-style1 li a{color:#232323}

.list-style1 li a:hover{color:#1B86B2}

.list-style2{list-style:none}

.list-style2 li{line-height:24px;
margin-bottom:10px;
position:relative;
padding-left:25px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s}

.list-style2 li:last-child{margin-bottom:0}

.list-style2 li:before{content:'';
position:absolute;
left:2px;
top:8px;
width:8px;
height:8px;
background:#1B86B2;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
z-index:2;
transform:rotate(45deg)}

.list-style2 li:after{content:'';
position:absolute;
left:0px;
top:6px;
width:12px;
height:12px;
background:rgba(41,45,194,0.35);
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
z-index:1;
transform:rotate(45deg)}

.list-style2 li:hover{padding-left:35px}

.list-style3{list-style:none}

.list-style3 li{line-height:24px;
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px dashed rgba(0,0,0,0.2);
position:relative;
padding-left:30px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s}

.list-style3 li:last-child{margin-bottom:0;
padding-bottom:0;
border-bottom:none}

.list-style3 li:before{content:'';
position:absolute;
left:4px;
top:8px;
width:8px;
height:8px;
background:#1B86B2;
-webkit-border-radius:100px;
-moz-border-radius:100px;
-o-border-radius:100px;
border-radius:100px;
z-index:2}

.list-style3 li:after{content:'';
position:absolute;
left:0px;
top:4px;
width:16px;
height:16px;
background:rgba(41,45,194,0.35);
-webkit-border-radius:100px;
-moz-border-radius:100px;
-o-border-radius:100px;
border-radius:100px;
z-index:1}

.list-style3 li:hover{padding-left:35px}

.list-style4{list-style:none;
padding:0}

.list-style4 li{font-weight:500;
position:relative;
padding:0 0 0 40px;
margin:0 0 14px 0}

.list-style4 li span{position:absolute;
top:3px;
right:0}

.list-style4 li:last-child{margin-bottom:0}

.list-style4 li:before{content:"\e64c";
font-family:'themify';
color:#ffffff;
font-size:12px;
background:#198754;
margin-right:12px;
border-radius:30px;
padding:6px;
position:absolute;
left:0;
top:2px;
line-height:12px}

.list-style5{list-style:none}

.list-style5 li{margin-bottom:40px}

.list-style5 li:last-child{margin-bottom:0}

.list-style5 li h3{font-weight:500}

.list-style5 li .short-desc{display:inline-block;
width:80%;
vertical-align:top;
padding-left:30px}

.list-style5 li .short-desc p{margin-bottom:0}

@media screen and (max-width: 991px){.list-style5 li{margin-bottom:30px}

}

@media screen and (max-width: 767px){.list-style5 li .short-desc{width:75%;
padding-left:20px}

}

.list-style6{list-style:none}

.list-style6 li{font-size:16px;
line-height:34px;
padding-left:30px;
position:relative}

.list-style6 li:last-child{margin-bottom:0}

.list-style6 li:before{content:"\e64c";
font-family:'themify';
font-size:15px;
position:absolute;
top:0;
left:0;
line-height:35px;
color:#06df9e}

@media screen and (max-width: 767px){.list-style6 li{font-size:15px;
line-height:32px}

}

.list-style7{list-style:none;
margin:0;
padding:0}

.list-style7 li{position:relative;
padding:0 0 8px 40px;
margin:0 0 8px 0;
font-size:16px}

.list-style7 li span{position:absolute;
top:3px;
right:0}

.list-style7 li:last-child{border-bottom:none;
padding-bottom:0;
margin-bottom:0}

.list-style7 li:before{content:""}

.list-style7 li i{color:#0084e9;
font-size:12px;
background:rgba(0,132,233,0.1);
margin-right:12px;
border-radius:30px;
padding:6px;
position:absolute;
left:0;
top:2px;
line-height:12px}

@media screen and (max-width: 767px){.list-style7 li{font-size:15px}

}

.list-style8{list-style:none;
margin-bottom:0}

.list-style8 li{font-size:15px;
line-height:30px;
padding-left:30px;
position:relative;
margin-bottom:10px}

.list-style8 li:last-child{margin-bottom:0}

.list-style8 li:before{content:"\e64c";
font-family:'themify';
font-size:15px;
position:absolute;
top:0;
left:0;
line-height:34px;
color:#06df9e}

.list-style8.icon-white li:before{color:#fff}

@media screen and (max-width: 767px){.list-style8 li{font-size:14px;
line-height:30px}

}

.list-style9{margin-bottom:0;
padding-bottom:0}

.list-style9 li{border-right:1px solid #d5d5d5;
padding-right:10px;
margin-right:10px;
margin-bottom:5px;
display:inline-block;
font-size:14px}

.list-style9 li:last-child{border-right:none;
padding-right:0;
margin-right:0}

.list-style10 li{font-size:15px;
line-height:30px;
padding-left:30px;
position:relative;
margin-bottom:10px}

.list-style10 li:last-child{margin-bottom:0}

.list-style10 li:before{content:"\e64c";
font-family:'themify';
font-size:15px;
position:absolute;
top:0;
left:0;
line-height:34px;
color:#06df9e}

.list-style10.icon-white li:before{color:#fff}

.list-style10.center li{color:#fff}

.list-style10.center li:before{color:#fff}

@media screen and (max-width: 767px){.list-style10 li{font-size:14px;
line-height:30px}

}

.list-style14 li{margin-bottom:10px}

.list-style14 li:last-child{margin-bottom:0}

.list-style14 li span{font-weight:700;
color:#fff;
margin-right:6px}

.list-style15{list-style:none}

.list-style15 li{padding:10px 10px 10px 45px;
font-size:16px;
line-height:34px;
position:relative;
margin:0 30% 3% 0;
transition:.4s}

.list-style15 li:hover,.list-style15 li.active{background-color:rgba(53,195,236,0.1);
border-radius:8px}

.list-style15 li:last-child{margin-bottom:0}

.list-style15 li:before{content:"\e64c";
font-family:'themify';
font-size:15px;
position:absolute;
top:0;
left:15px;
line-height:54px;
color:#06df9e}

@media screen and (max-width: 1199px){.list-style15 li{margin:0 10% 3% 0}

}

@media screen and (max-width: 575px){.list-style15 li{margin:0 0 2% 0}

}

.list-style16{margin:0;
padding:0}

.list-style16 li{list-style-type:none;
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px dashed rgba(0,0,0,0.1)}

.list-style16 li:last-child{margin-bottom:0;
padding-bottom:0;
border-bottom:0}

.list-style16 li a{color:#232323;
display:flex;
justify-content:space-between;
align-items:center}

.list-style16 li a:hover{color:#1B86B2}

.butn{background:#1B86B2;
background:-webkit-linear-gradient(-45deg, #1B86B2, #0084e9);
background:-moz-linear-gradient(-45deg, #1B86B2, #0084e9);
background:-o-linear-gradient(-45deg, #1B86B2, #0084e9);
background:linear-gradient(-45deg, #1B86B2, #0084e9);
cursor:pointer;
font-weight:600;
color:#fff;
letter-spacing:1px;
font-size:14px;
line-height:20px;
padding:14px 28px;
border-radius:30px;
text-transform:uppercase;
display:inline-block;
vertical-align:middle;
-webkit-transform:perspective(1px) translateZ(0);
-moz-transform:perspective(1px) translateZ(0);
-o-transform:perspective(1px) translateZ(0);
transform:perspective(1px) translateZ(0);
position:relative;
-webkit-transition:all linear 400ms;
-moz-transition:all linear 400ms;
-o-transition:all linear 400ms;
transition:all linear 400ms;
text-align:center;
border:none}

.butn:hover{color:#fff}

a.butn:hover,a.butn:active,a.butn:focus{color:#fff}

.butn:before{background:#1B86B2;
content:"";
position:absolute;
z-index:-1;
top:0;
bottom:0;
left:0;
right:0;
display:inline-block;
-webkit-transform:scaleX(0);
-ms-transform:scaleX(0);
-o-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:51%;
-ms-transform-origin:51%;
-o-transform-origin:51%;
transform-origin:51%;
-webkit-transition-property:-webkit-transform;
-moz-transition-property:-moz-transform;
-o-transition-property:-o-transform;
transition-property:transform;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-o-transition-duration:0.3s;
transition-duration:0.3s;
border-radius:22px;
border:none}

.butn:hover:before,.butn:focus:before,.butn:active:before{-webkit-transform:scaleX(1);
-moz-transform:scaleX(1);
-o-transform:scaleX(1);
transform:scaleX(1)}

.butn.white{color:#1B86B2;
background:#ffffff;
background:-webkit-linear-gradient(-45deg, #e0e0e0, #fff);
background:-moz-linear-gradient(-45deg, #e0e0e0, #fff);
background:-o-linear-gradient(-45deg, #e0e0e0, #fff);
background:linear-gradient(-45deg, #e0e0e0, #fff)}

.butn.white:hover{color:#1B86B2}

a.butn.white:hover,a.butn.white:active,a.butn.white:focus{color:#1B86B2}

.butn.white:before{background:#fff}

.butn.small{font-size:12px;
line-height:18px;
padding:12px 24px}

.butn.very-small{padding:8px 20px;
font-size:11px}

.btn.bordered{border:1px solid #fff;
background:transparent;
color:#fff}

.butn.grey{color:#666;
background:#f0f0f0;
display:inline-block;
padding:11px 28px;
border-radius:4px;
line-height:28px;
font-weight:500;
text-transform:inherit}

.butn.grey.small{padding:7px 20px}

.butn.grey:before{content:none}

.butn.grey:hover,.butn.grey:active,.butn.grey:focus,.butn.grey.active{background:#1B86B2;
color:#fff}

@media screen and (max-width: 767px){.butn{padding:12px 24px;
font-size:13px}

}

.butn.style-one{color:#1B86B2;
background:rgba(41,45,194,0.15);
display:inline-block;
padding:11px 28px;
border-radius:4px;
line-height:28px;
font-weight:500;
text-transform:inherit}

.butn.style-one.medium{padding:9px 24px}

.butn.style-one.small{padding:6px 20px}

.butn.style-one:before{content:none}

.butn.style-one:hover,.butn.style-one:active,.butn.style-one:focus,.butn.style-one.active{background:#1B86B2;
color:#fff}

.butn.style-one.fill{background:#1B86B2;
color:#fff;
box-shadow:0px 15px 25px 0px rgba(0,0,30,0.3)}

.butn.style-one.fill:hover{background:#5bb520; box-shadow:none}

.butn.style-one.yellow{color:#ffcc6f;
background:rgba(255,204,111,0.3)}

.butn.style-one.yellow:hover,.butn.style-one.yellow:active,.butn.style-one.yellow:focus,.butn.style-one.yellow.active{background:#ffcc6f;
color:#fff}

.butn.style-one.green{color:#06df9e;
background:rgba(6,223,158,0.15)}

.butn.style-one.green:hover,.butn.style-one.green:active,.butn.style-one.green:focus,.butn.style-one.green.active{background:#06df9e;
color:#fff}

.butn.style-one.orange{color:#ff6262;
background:rgba(255,98,98,0.15)}

.butn.style-one.orange:hover,.butn.style-one.orange:active,.butn.style-one.orange:focus,.butn.style-one.orange.active{background:#ff6262;
color:#fff}

.butn.style-one.blue{color:#15b2ec;
background:rgba(21,178,236,0.15)}

.butn.style-one.blue:hover,.butn.style-one.blue:active,.butn.style-one.blue:focus,.butn.style-one.blue.active{background:#15b2ec;
color:#fff}

.butn.yellow-solid{color:#fff;
background:#ffcc6f;
display:inline-block;
padding:11px 28px;
border-radius:4px;
line-height:28px;
font-weight:500;
text-transform:inherit;
box-shadow:0px 15px 25px 0px rgba(0,0,30,0.15)}

.butn.yellow-solid.small{padding:7px 20px}

.butn.yellow-solid:before{content:none}

.butn.yellow-solid:hover,.butn.yellow-solid:active,.butn.yellow-solid:focus,.butn.yellow-solid.active{background:#ffcc6f;
color:#fff}

.butn.yellow-solid:hover{box-shadow:none}

.butn.green-solid{color:#fff;
background:#06df9e;
display:inline-block;
padding:11px 28px;
border-radius:4px;
line-height:28px;
font-weight:500;
text-transform:inherit;
box-shadow:0px 15px 25px 0px rgba(0,0,30,0.15)}

.butn.green-solid.small{padding:7px 20px}

.butn.green-solid:before{content:none}

.butn.green-solid:hover,.butn.green-solid:active,.butn.green-solid:focus,.butn.green-solid.active{background:#06df9e;
color:#fff}

.butn.green-solid:hover{box-shadow:none}

.butn.orange-solid{color:#fff;
background:#ff6262;
display:inline-block;
padding:11px 28px;
border-radius:4px;
line-height:28px;
font-weight:500;
text-transform:inherit;
box-shadow:0px 15px 25px 0px rgba(0,0,30,0.15)}

.butn.orange-solid.small{padding:7px 20px}

.butn.orange-solid:before{content:none}

.butn.orange-solid:hover,.butn.orange-solid:active,.butn.orange-solid:focus,.butn.orange-solid.active{background:#ff6262;
color:#fff}

.butn.orange-solid:hover{box-shadow:none}

.butn.blue-solid{color:#fff;
background:#15b2ec;
display:inline-block;
padding:11px 28px;
border-radius:4px;
line-height:28px;
font-weight:500;
text-transform:inherit;
box-shadow:0px 15px 25px 0px rgba(0,0,30,0.15)}

.butn.blue-solid.small{padding:7px 20px}

.butn.blue-solid:before{content:none}

.butn.blue-solid:hover,.butn.blue-solid:active,.butn.blue-solid:focus,.butn.blue-solid.active{background:#15b2ec;
color:#fff}

.butn.blue-solid:hover{box-shadow:none}

.butn.style-one.white{color:#1B86B2;
background:white}

.butn.style-one.white:hover,.butn.style-one.white:active,.butn.style-one.white:focus,.butn.style-one.white.active{background:#fff;
color:#1B86B2}

.butn.style-two{background:transparent;
border:1px solid #fff;
border-radius:4px;
display:inline-block;
padding:11px 32px;
font-size:15px;
line-height:28px;
font-weight:500;
text-transform:inherit}

.butn.style-two:before{content:none}

.butn.style-two:hover,.butn.style-two:active,.butn.style-two:focus{background:#fff;
border-radius:4px;
color:#1d184a}

.butn.style-two.reverse{background:transparent;
color:#1d184a;
border:1px solid #5a5d80;
border-radius:4px;
display:inline-block;
padding:11px 32px;
font-size:15px;
line-height:28px;
font-weight:500;
text-transform:inherit}

.butn.style-two:before{content:none}

.butn.style-two.reverse:hover,.butn.style-two.reverse:active,.butn.style-two.reverse:focus,.butn.style-two.reverse:active{background:#1d184a;
border-radius:4px;
color:#fff}

.butn.style-two.small{padding:6px 20px;
font-size:13px;
line-height:24px}

.butn.style-two.medium{padding:8px 22px;
font-size:14px;
line-height:26px}

.butn.style-two.md-lg{padding:11px 28px;
font-size:14px;
line-height:26px}

.butn.style-two.fill{background:#0795e2}

.butn.style-two.fill:hover,.butn.style-two.fill:active,.butn.style-two.fill:focus{color:#fff;
background:#0084e9}

@media screen and (max-width: 767px){.butn.style-two{padding:8px 24px}

}

.butn.style-three{color:#fff;
display:inline-block;
padding:11px 28px;
border-radius:4px;
line-height:28px;
font-weight:500;
text-transform:inherit}

.butn.style-three:before{content:none}

.butn.style-three:hover,.butn.style-three:active,.butn.style-three:focus,.butn.style-three.active{box-shadow:0px 15px 25px 0px rgba(0,0,30,0.15)}

.butn.style-three.bordered{border:1px solid #1B86B2;
color:#1B86B2}

.butn.style-three.bordered:hover{background:#1B86B2;
border-color:transparent;
color:#fff}

.butn-style-seven{position:relative;
width:auto;
background:#ffcc6f;
color:#fff;
font-weight:700;
font-size:16px;
padding:8px 34px;
line-height:2;
vertical-align:middle;
display:inline-block;
border:3px solid transparent;
transition:all 0.5s ease;
border-radius:40px}

.butn-style-seven:hover,.butn-style-seven:active,.butn-style-seven:focus{color:#fff}

.butn-style-seven:before{content:'';
position:absolute;
width:calc(100% + 2px);
height:calc(100% + 2px);
top:-10px;
left:8px;
border:1px solid #ffcc6f;
transition:all 0.5s ease;
border-radius:40px}

.butn-style-seven span{z-index:9;
position:relative;
display:inline-block}

.butn-style-seven:hover:before,.butn-style-seven:active:before,.butn-style-seven:focus:before{top:0;
left:0;
width:100%;
height:100%;
border:1px solid #fff;
transition:all 0.5s ease}

.butn-style-seven.white{background-color:#fff;
color:#ffcc6f}

.butn-style-seven.white:before{border:1px solid #fff}

.butn-style-seven.white:hover:before,.butn-style-seven.white:active:before,.butn-style-seven.white:focus:before{border:1px solid #ffcc6f}

.top-bar-info{display:inline-block;
vertical-align:middle}

.top-bar-info ul{margin-bottom:0}

.top-bar-info li{font-weight:500;
color:#fff;
list-style-type:none;
font-size:14px;
padding:0 5px 0;
display:inline-block;
margin-bottom:0}

.top-bar{display:block;
position:relative;
z-index:999;
padding:7px 0}

.top-bar-info li i{font-size:16px;
color:#fff;
margin-right:8px;
margin-top:0;
display:inline-block;
vertical-align:text-bottom}

.top-social-icon{padding:0;
float:right;
margin:0}

.top-social-icon li{font-size:14px;
list-style-type:none;
float:left;
text-align:center;
margin:0;
padding:0 7px}

.top-social-icon li:last-child{padding-right:0}

.top-social-icon li:last-child a{padding-right:0}

.top-social-icon li a{color:#fff;
line-height:28px;
-webkit-transition-duration:.3s;
transition-duration:.3s;
padding:0 3px}

.top-social-icon li a:hover{color:rgba(255,255,255,0.65)}

.navbar-nav li.current>a,.navbar-nav>li.active>a{color:#1B86B2}

.navbar>ul>li.current>a:after{border-color:transparent #1B86B2 #1B86B2 transparent}

.navbar ul ul li.active>a{color:#1B86B2}

.white-header-mobile .navbar-nav>li>a{font-size:14px}

@media screen and (min-width: 992px){.navbar-nav ul li{position:relative;
transition:0.3s ease-in-out}

.navbar-nav ul li:hover{padding-left:25px}

.navbar-nav ul li:before{width:0;
margin-right:10px;
content:"";
background:#1B86B2;
transition:0.3s ease-in-out;
display:inline-block;
height:2px;
vertical-align:middle;
position:absolute;
top:20px;
left:25px}

.navbar-nav ul li:hover:before{width:20px}

.navbar-nav li ul.megamenu li:before{content:none}

.transparent-header .navbar-nav>li.current>a,.transparent-header .navbar-nav>li.active>a{color:#fff}

.transparent-header.scrollHeader .navbar-nav>li.active>a,.transparent-header.scrollHeader .navbar-nav>li.current>a{color:#1B86B2}

.transparent-header.scrollHeader .navbar>ul>li.has-sub.current>a:after{border-color:transparent #1B86B2 #1B86B2 transparent}

.transparent-header.scrollHeader .top-search{background-color:#091e42}

.white-header-mobile .navbar-nav>li>a{padding:21px 0.2rem}

}

@media screen and (max-width: 991px){.navbar ul ul li.active>a{color:#1B86B2}

.navbar-toggler:after{border-top:2px solid #1B86B2;
border-bottom:2px solid #1B86B2}

.navbar-toggler:before{background:#1B86B2}

.navbar-toggler.menu-opened:after,.navbar-toggler.menu-opened:before{background:#1B86B2}

.navbar-toggler.dark{background:#1B86B2}

.white-header-mobile .navbar-toggler{top:14px;
background:#1B86B2}

.white-header-mobile .navbar-toggler:after{border-color:#fff}

.white-header-mobile .navbar-toggler:before,.white-header-mobile .navbar-toggler.menu-opened:after{background:#fff}

.white-header-mobile.transparent-header li.search>a{color:#1d184a}

.white-header-mobile .attr-nav ul li.search{margin-top:8px}

.sm-bg-primary{background:#1B86B2;
background:-webkit-linear-gradient(-45deg, #1B86B2, #0084e9);
background:-moz-linear-gradient(-45deg, #1B86B2, #0084e9);
background:-o-linear-gradient(-45deg, #1B86B2, #0084e9);
background:linear-gradient(-45deg, #1B86B2, #0084e9)}

.sm-bg-primary-solid{background:#1B86B2}

.sm-bg-primary-90{background:#1B86B2;
background:-webkit-linear-gradient(90deg, #1B86B2, #0084e9);
background:-moz-linear-gradient(90deg, #1B86B2, #0084e9);
background:-o-linear-gradient(90deg, #1B86B2, #0084e9);
background:linear-gradient(90deg, #1B86B2, #0084e9)}

.sm-bg-primary-180{background:#1B86B2;
background:-webkit-linear-gradient(180deg, #1B86B2, #0084e9);
background:-moz-linear-gradient(180deg, #1B86B2, #0084e9);
background:-o-linear-gradient(180deg, #1B86B2, #0084e9);
background:linear-gradient(180deg, #1B86B2, #0084e9)}

}

.onepage-header.scrollHeader .navbar{
	    background: #fff;
    }
.onepage-header.scrollHeader .navbar .navbar-nav .nav-link {
	    color: #1B86B2;
    }
.onepage-header.scrollHeader .butn.style-two {
	    color: #1B86B2;
	    border: 1px solid #1B86B2;
    }
.onepage-header.scrollHeader .butn.style-two:hover {
	    color: #39b553;
	    border: 1px solid #39b553;
    }
.onepage-header.scrollHeader .navbar .navbar-nav .nav-link.active {
	    color: #39b553;
    }

.onepage-header.scrollHeader .navbar #logo{
	    content: url('../img/logos/logo.png');
    }
.onepage-header.scrollHeader .navbar #logo2{
	    content: url("../tredunion/logo-objectif.png");
    }

.onepage-header.dark .navbar .icon-bar{color:#1d184a}

.onepage-header.dark .navbar-nav .nav-link{color:#1d184a;
font-size:16px;
font-weight:600}

.onepage-header.dark .navbar-nav .nav-link:hover,.onepage-header.dark .navbar-nav .nav-link.active{color:#1B86B2;
opacity:1}

.onepage-header.dark.scrollHeader .navbar{background:#1B86B2}

.onepage-header.dark.scrollHeader .navbar-nav .nav-link{color:#fff}

.onepage-header.dark.scrollHeader .navbar-nav .nav-link:hover{color:#fff;
opacity:0.65}

.onepage-header.dark.scrollHeader .navbar .navbar-nav .nav-link.active{color:#fff;
opacity:0.65}

@media screen and (min-width: 992px){.onepage-header.mobile-app .navbar .nav-item{margin-left:15px}

.onepage-header.mobile-app .navbar .nav-item .nav-link{font-size:14px;
letter-spacing:1px}

}

@media screen and (max-width: 991px){.onepage-header .navbar-nav .nav-link.active{color:#1B86B2}

.onepage-header.scrollHeader .navbar-nav .nav-link:hover,.onepage-header.scrollHeader .navbar .navbar-nav .nav-link.active{color:#1B86B2}

.onepage-header.dark.scrollHeader .navbar-nav .nav-link:hover,.onepage-header.dark.scrollHeader .navbar .navbar-nav .nav-link.active{color:#1B86B2;
opacity:1}

.onepage-header.dark.scrollHeader .navbar-nav .nav-link{color:#1d184a}

.onepage-header.dark .navbar-toggler{background:rgba(41,45,194,0.15)}

.onepage-header.dark .navbar-toggler:after{border-color:#1B86B2}

.onepage-header.dark .navbar-toggler:before{background:#1B86B2}

.onepage-header.dark .navbar-toggler.menu-opened:after,.onepage-header.dark .navbar-toggler.menu-opened:before{background:#1B86B2}

.onepage-header.scrollHeader.dark .navbar-toggler{background:#f4f4f4}

.onepage-header.scrollHeader.dark .navbar-toggler:after{border-color:#1B86B2}

.onepage-header.scrollHeader.dark .navbar-toggler:before{background:#1B86B2}

.onepage-header.scrollHeader.dark .navbar-toggler.menu-opened:after,.onepage-header.scrollHeader.dark .navbar-toggler.menu-opened:before{background:#1B86B2}

}

.navbar .megamenu .sub-title{color:#232323}

.section-heading{margin-bottom:50px;
text-align:center}

.section-heading.half{margin-bottom:30px}

.section-heading h1,.section-heading h2,.section-heading h3,.section-heading h4,.section-heading h5,.section-heading h6{position:relative;
margin-bottom:0;
font-weight:600;
position:relative;
line-height:140%}

.section-heading.white h1,.section-heading.white h2,.section-heading.white h3,.section-heading.white h4,.section-heading.white h5,.section-heading.white h6{color:#fff}

.section-heading.grey h1,.section-heading.grey h2,.section-heading.grey h3,.section-heading.grey h4,.section-heading.grey h5,.section-heading.grey h6{color:#b7b7b7}

.section-heading.grey h1:after,.section-heading.grey h2:after,.section-heading.grey h3:after,.section-heading.grey h4:after,.section-heading.grey h5:after,.section-heading.grey h6:after{background:#b7b7b7}

.section-heading.left{text-align:left}

.section-heading strong{font-weight:600}

.section-heading.white p{color:#fff}

.section-heading p{font-size:15px;
font-weight:400;
padding-top:15px;
margin:0 auto}

.section-heading span{position:relative;
font-size:15px;
font-weight:500;
color:#1B86B2;
line-height:200%;
margin-bottom:10px}

.section-heading.white span{color:#fff}

.section-heading.grey span{color:#b7b7b7}

@media screen and (max-width: 991px){.section-heading{margin-bottom:30px}

.section-heading p{padding-top:10px;
font-size:14px}

}

.section-heading2{margin-bottom:50px;
text-align:center}

.section-heading2.half{margin-bottom:30px}

.section-heading2 h1,.section-heading2 h2,.section-heading2 h3,.section-heading2 h4,.section-heading2 h5,.section-heading2 h6{position:relative;
padding-bottom:15px;
font-weight:600;
margin-bottom:0;
position:relative;
line-height:140%}

.section-heading2 h1:after,.section-heading2 h2:after,.section-heading2 h3:after,.section-heading2 h4:after,.section-heading2 h5:after,.section-heading2 h6:after{content:'';
display:block;
width:100px;
height:2px;
background:#1B86B2;
background:-webkit-linear-gradient(-45deg, #1B86B2, #0084e9);
background:-moz-linear-gradient(-45deg, #1B86B2, #0084e9);
background:-o-linear-gradient(-45deg, #1B86B2, #0084e9);
background:linear-gradient(-45deg, #1B86B2, #0084e9);
margin:0 auto;
position:absolute;
left:0;
right:0;
bottom:0}

.section-heading2.white h1,.section-heading2.white h2,.section-heading2.white h3,.section-heading2.white h4,.section-heading2.white h5,.section-heading2.white h6{color:#fff}

.section-heading2.white h1:after,.section-heading2.white h2:after,.section-heading2.white h3:after,.section-heading2.white h4:after,.section-heading2.white h5:after,.section-heading2.white h6:after{background:#fff}

.section-heading2.grey h1,.section-heading2.grey h2,.section-heading2.grey h3,.section-heading2.grey h4,.section-heading2.grey h5,.section-heading2.grey h6{color:#b7b7b7}

.section-heading2.grey h1:after,.section-heading2.grey h2:after,.section-heading2.grey h3:after,.section-heading2.grey h4:after,.section-heading2.grey h5:after,.section-heading2.grey h6:after{background:#b7b7b7}

.section-heading2.left{margin-bottom:30px;
text-align:left}

.section-heading2.left h1,.section-heading2.left h2,.section-heading2.left h3,.section-heading2.left h4,.section-heading2.left h5,.section-heading2.left h6{padding-bottom:15px}

.section-heading2.left h1:after,.section-heading2.left h2:after,.section-heading2.left h3:after,.section-heading2.left h4:after,.section-heading2.left h5:after,.section-heading2.left h6:after{margin:0;
left:0}

.section-heading2 strong{font-weight:600}

.section-heading2.white p{color:#fff}

.section-heading2 p{padding-top:15px;
margin:0 auto}

.section-heading2 span{position:relative;
font-size:15px;
font-weight:600;
color:#1B86B2;
line-height:200%;
margin-bottom:5px;
letter-spacing:1px;
display:inline-block}

.section-heading2.white span{color:#fff}

.section-heading2.grey span{color:#b7b7b7}

@media screen and (max-width: 991px){.section-heading2{margin-bottom:30px}

.section-heading2 span{margin-bottom:0}

}

@media screen and (max-width: 767px){.section-heading2 p{font-size:14px}

}

.section-heading3{text-align:center;
margin-bottom:50px}

.section-heading3 h1,.section-heading3 h2,.section-heading3 h3,.section-heading3 h4,.section-heading3 h5,.section-heading3 h6{font-size:40px;
font-weight:600;
line-height:48px}

.section-heading3 p{font-size:16px;
line-height:28px;
margin-bottom:0}

@media screen and (max-width: 991px){.section-heading3{margin-bottom:40px}

.section-heading3 h1,.section-heading3 h2,.section-heading3 h3,.section-heading3 h4,.section-heading3 h5,.section-heading3 h6{font-size:36px;
line-height:48px}

.section-heading3 p{font-size:15px}

}

@media screen and (max-width: 767px){.section-heading3{margin-bottom:35px}

.section-heading3 h1,.section-heading3 h2,.section-heading3 h3,.section-heading3 h4,.section-heading3 h5,.section-heading3 h6{font-size:28px;
line-height:40px}

}

.section-title .title-count{position:absolute;
text-align:center;
font-weight:bolder;
top:-18px;
margin-left:auto;
margin-right:auto;
left:0;
right:0;
font-size:160px;
z-index:0;
opacity:0.1;
color:#999;
width:160px;
height:160px;
line-height:160px}

@media screen and (max-width: 991px){.section-title .title-count{font-size:130px}

}

@media screen and (max-width: 767px){.section-title .title-count{font-size:110px;
line-height:110px}

}

.line-title{position:relative;
padding-bottom:1.2rem}

.line-title:after{content:'';
display:block;
width:75px;
height:2px;
background:#1B86B2;
margin:0 auto;
position:absolute;
left:0;
right:0;
bottom:0}

.line-title.white{color:#fff}

.line-title.white:after{background:#fff}

.section-heading4 span{position:relative;
color:#1B86B2;
font-weight:600;
font-size:20px;
margin-bottom:10px;
z-index:2;
display:inline-block}

.section-heading4 span:before{content:'';
position:absolute;
width:25px;
height:25px;
border-radius:50px;
left:-7px;
top:-5px;
z-index:-1;
background-color:#ffcc6f}

.section-heading5{position:relative;
z-index:9}

.section-heading5 .title-shape{left:50%;
top:50%;
transform:translate(-50%, -50%);
width:100px;
height:100px;
position:absolute;
border-radius:74% 26% 46% 54% / 53% 27% 73% 47%;
background:linear-gradient(247deg, rgba(41,45,194,0.3), #fff);
transition:all 0.8s ease-in-out;
z-index:0}

.section-heading5.white .title-shape{background:linear-gradient(247deg, #496cf7, rgba(255,255,255,0))}

.title-highlight{background:#ffcc6f;
display:inline-block;
line-height:0.8;
color:#232323}

.section-heading7 span{color:#06df9e;
font-size:14px;
letter-spacing:4px;
font-weight:600;
margin-bottom:13px;
text-transform:uppercase}

.section-heading7 h2{font-weight:700;
letter-spacing:-0.02em;
line-height:1;
margin-bottom:0}

.section-heading8 span{border-bottom:1px solid #06df9e;
font-size:14px;
padding-bottom:5px;
color:#06df9e;
display:inline-block;
margin-bottom:20px;
font-weight:500;
text-transform:uppercase;
letter-spacing:2px}

.main-banner-style01{overflow:hidden;
position:relative}

.main-banner-style01:after{content:'';
position:absolute;
width:100%;
height:100%;
background:none;
z-index:3}

.main-banner-style01 .right-bg{float:right;
width:55.76%;
right:1px;
overflow:hidden;
position:relative;
z-index:1}

.main-banner-style01 .right-bg:before{content:'';
position:absolute;
width:100%;
height:100%;
opacity:0.8;
background:#1B86B2;
background:-webkit-linear-gradient(-45deg, #1B86B2, #0084e9);
background:-moz-linear-gradient(-45deg, #1B86B2, #0084e9);
background:-o-linear-gradient(-45deg, #1B86B2, #0084e9);
background:linear-gradient(-45deg, #1B86B2, #0084e9)}

.main-banner-style01 .header-shape-bg{position:absolute;
top:0px;
min-height:500px;
z-index:2;
width:100%}

.main-banner-style01 .header-text{position:absolute;
width:100%;
top:34%;
z-index:4}

.main-banner-style01 .header-text h1{font-weight:700;
font-size:36px;
color:#1B86B2;
line-height:44px;
letter-spacing:1.4px;
margin-bottom:25px}

.main-banner-style01 .header-text p{font-weight:400;
font-size:16px;
line-height:28px;
letter-spacing:1px;
margin-bottom:30px}

.main-banner-style01 .header-text p.small{font-size:12px}

.main-banner-style01 .header-text .email-box{width:85%;
position:relative;
background:none;
overflow:hidden}

.main-banner-style01 .header-text .email-box input{width:99%;
height:45px;
min-height:auto;
margin-bottom:7px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
-o-border-radius:100px;
border-radius:100px;
border:1px solid rgba(78,78,84,0.2);
outline:none;
padding-left:20px;
padding-right:120px;
z-index:1;
font-weight:500;
font-size:12px;
letter-spacing:0.67px}

.main-banner-style01 .header-text .email-box .butn{position:absolute;
top:0;
right:0px;
z-index:2;
font-weight:700;
font-size:12px;
line-height:20px;
color:#fff;
outline:none;
cursor:pointer;
padding:13px 18px;
border-top-left-radius:0;
box-shadow:none;
border-bottom-left-radius:0}

.main-banner-style01 .header-text .email-box .butn:hover:before,.main-banner-style01 .header-text .email-box .butn:focus:before{padding:14px 18px 14px 18px;
border-top-left-radius:0;
border-bottom-left-radius:0}

.main-banner-style01 .header-text .email-box .input .butn:active:before{padding:14px 18px 14px 18px;
border-top-left-radius:0;
border-bottom-left-radius:0}

.main-banner-style01 .header-text .email-box span{display:block;
font-size:13px;
padding-left:5px}

.main-banner-style01 .play-button-wrapper{position:absolute;
width:100%;
top:45%;
-webkit-transform:perspective(1px) translateY(-45%);
-moz-transform:perspective(1px) translateY(-45%);
-ms-transform:perspective(1px) translateY(-45%);
-o-transform:perspective(1px) translateY(-45%);
transform:perspective(1px) translateY(-45%);
z-index:4;
width:55.5%;
right:0px}

.main-banner-style01 .play-button-wrapper .btn-play{width:60px;
height:60px;
line-height:56px;
text-align:center;
font-size:22px;
color:#fff;
margin:auto;
left:14%;
right:0px;
display:block;
border:2px solid #fff;
-webkit-border-radius:100px;
-moz-border-radius:100px;
-o-border-radius:100px;
border-radius:100px;
position:absolute;
overflow:hidden;
top:0;
bottom:0;
transform:perspective(1px) translateY(-50%);
z-index:3}

.main-banner-style01 .play-button-wrapper .btn-play:before{content:'';
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
background:#fff;
opacity:.19;
z-index:1}

.main-banner-style01 .play-button-wrapper .btn-play i{padding-left:5px;
position:relative;
z-index:2}

@media screen and (max-width: 1199px){.main-banner-style01 .right-bg{right:0}

.main-banner-style01 .header-text{top:30%}

.main-banner-style01 .header-text h1{font-size:32px;
line-height:42px}

.main-banner-style01 .header-text .email-box{width:100%}

}

@media screen and (max-width: 991px){.main-banner-style01 .right-bg{width:100%;
max-height:550px;
height:100%;
min-height:410px}

.main-banner-style01 .right-bg:before{opacity:0.8}

.main-banner-style01 .header-shape-bg{display:none}

.main-banner-style01 .header-text{top:0;
position:absolute;
margin:11rem 0}

.main-banner-style01 .header-text h1{font-weight:600;
font-size:26px;
line-height:34px;
margin-bottom:10px;
color:#fff;
text-align:center}

.main-banner-style01 .header-text p{color:#fff;
text-align:center;
margin-bottom:20px;
line-height:24px;
font-size:14px}

.main-banner-style01 .header-text .email-box{width:100%}

.main-banner-style01 .header-text .email-box span{color:#fff;
text-align:center}

.main-banner-style01 .play-button-wrapper{display:none}

}

@media screen and (max-width: 767px){.main-banner-style01 .right-bg img{width:auto !important;
max-width:144%}

.main-banner-style01 .header-text{margin:10rem 0}

.main-banner-style01 .header-text h1{font-size:24px;
line-height:30px}

}

@media screen and (max-width: 575px){.main-banner-style01 .header-text{margin:26% 0 50px 0}

}

.main-banner-style02{background:#edf5ff;
padding:15% 0}

.main-banner-style02 .banner-img img{position:absolute;
left:-15px;
top:-38%}

.main-banner-style02 .btn-play{width:50px;
height:50px;
line-height:46px;
text-align:center;
font-size:18px;
color:#fff;
margin:auto;
display:inline-block;
border:2px solid #fff;
-webkit-border-radius:100px;
-moz-border-radius:100px;
-o-border-radius:100px;
border-radius:100px;
overflow:hidden;
position:relative;
z-index:3}

.main-banner-style02 .btn-play:before{content:'';
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
background:#fff;
opacity:.19;
z-index:1}

.main-banner-style02 .btn-play i{padding-left:5px;
position:relative;
z-index:2}

.main-banner-style02 .header-shape{position:absolute;
bottom:0;
left:0;
width:100%}

.main-banner-style02 .header-shape img{max-width:none}

.main-banner-style02 .btn-play-theme{width:50px;
height:50px;
line-height:46px;
text-align:center;
font-size:18px;
color:#1B86B2;
margin:auto;
display:inline-block;
border:2px solid #1B86B2;
-webkit-border-radius:100px;
-moz-border-radius:100px;
-o-border-radius:100px;
border-radius:100px;
overflow:hidden;
position:relative;
z-index:3}

.main-banner-style02 .btn-play-theme:before{content:'';
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
background:#fff;
opacity:.19;
z-index:1}

.main-banner-style02 .btn-play-theme i{padding-left:5px;
position:relative;
z-index:2}

@media screen and (max-width: 1399px){.main-banner-style02{padding:17% 0}

}

@media screen and (max-width: 1199px){.main-banner-style02 .banner-img img{top:-18%}

}

@media screen and (max-width: 991px){.main-banner-style02{padding:100px 0 50px 0}

.main-banner-style02 .banner-img img{position:relative;
width:auto;
float:none !important;
left:0}

}

@media screen and (max-width: 767px){.main-banner-style02 .btn-play,.main-banner-style02 .btn-play-theme{width:40px;
height:40px;
line-height:36px;
font-size:16px}

.main-banner-style02 .header-shape{bottom:-2px}

}

.main-banner-style03{padding:15% 0 17% 0}

.main-banner-style03 .creative-banner-img{position:absolute;
left:-15px;
top:-50%}

.main-banner-style03 .btn-play{width:50px;
height:50px;
line-height:44px;
text-align:center;
font-size:18px;
color:#fff;
margin:auto;
display:inline-block;
border:2px solid #fff;
-webkit-border-radius:100px;
-moz-border-radius:100px;
-o-border-radius:100px;
border-radius:100px;
overflow:hidden;
position:relative;
z-index:3}

.main-banner-style03 .btn-play:before{content:'';
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
background:#fff;
opacity:.19;
z-index:1}

.main-banner-style03 .btn-play i{padding-left:5px;
position:relative;
z-index:2}

.main-banner-style03 .wave-area{height:5%;
width:100%;
position:absolute;
bottom:0;
left:0;
background:white;
z-index:1}

.main-banner-style03 .wave{background:url("../img/banner/wave.svg") repeat-x;
position:absolute;
top:-100px;
width:6400px;
height:100px;
animation:wave 35s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
transform:translate3d(0, 0, 0)}

.main-banner-style03 .wave:nth-of-type(2){top:-56px;
animation:wave 20s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite,swell 7s ease -1.25s infinite;
opacity:1}

@keyframes wave{0%{margin-left:0}

100%{margin-left:-1600px}

}

@keyframes swell{0%, 100%{transform:translate3d(0, -45px, 0)}

50%{transform:translate3d(0, 5px, 0)}

}

@media screen and (max-width: 1399px){.main-banner-style03{padding:18% 0 22% 0}

}

@media screen and (max-width: 1199px){.main-banner-style03 .creative-banner-img{top:-28%}

}

@media screen and (max-width: 991px){.main-banner-style03{padding:120px 0 50px 0}

.main-banner-style03 .creative-banner-img{position:relative;
width:auto;
float:none !important;
left:0;
top:0;
text-align:center}

.main-banner-style03 .creative-banner-img img{float:none !important}

}

@media screen and (max-width: 767px){.main-banner-style03{padding:90px 0 50px 0}

.main-banner-style03 h1{font-size:2.0rem}

.main-banner-style03 .btn-play i{padding-left:3px}

}

@media screen and (max-width: 575px){.main-banner-style03 h1{font-size:1.8rem}

}

.main-banner-style04{position:relative;
z-index:1}

.main-banner-style04 .container{padding-top:12%}

.main-banner-style04 .banner-wrapper-position{position:absolute;
right:0;
top:0;
max-width:50%;
width:100%;
height:100%}

.main-banner-style04 .banner-wrapper{position:relative;
z-index:5}

.main-banner-style04 .banner-wrapper .slogan{font-weight:600;
letter-spacing:0.5px;
display:inline-block;
background:rgba(41,45,194,0.07);
border:1px solid transparent;
line-height:32px;
padding:0 20px;
font-size:15px;
border-radius:18px}

.main-banner-style04 .banner-wrapper .slogan span{color:#1B86B2}

.main-banner-style04 .banner-wrapper .main-title{font-size:60px;
line-height:80px;
padding:25px 0 35px;
margin-bottom:0;
letter-spacing:0}

.main-banner-style04 .banner-wrapper .sub-title{font-size:20px;
line-height:32px;
padding-bottom:28px}

.main-banner-style04 .btn-play{width:50px;
height:50px;
line-height:46px;
text-align:center;
font-size:18px;
color:#1B86B2;
margin:auto;
display:inline-block;
border:2px solid #1B86B2;
-webkit-border-radius:100px;
-moz-border-radius:100px;
-o-border-radius:100px;
border-radius:100px;
overflow:hidden;
position:relative;
z-index:3}

.main-banner-style04 .btn-play:before{content:'';
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
background:#fff;
opacity:.19;
z-index:1}

.main-banner-style04 .btn-play i{padding-left:5px;
position:relative;
z-index:2}

.main-banner-style04 .btn-play:hover{background:rgba(41,45,194,0.15)}

.main-banner-style04 .screen-one{position:absolute;
right:8%;
top:12%;
z-index:1;
width:80%}

.main-banner-style04 .screen-two{position:absolute;
right:24%;
top:27%;
z-index:1;
width:22%}

@media screen and (max-width: 1599px){.main-banner-style04 .screen-one{top:17%}

}

@media screen and (max-width: 1399px){.main-banner-style04 .banner-wrapper .main-title{font-size:54px;
line-height:70px;
padding:20px 0 30px}

}

@media screen and (max-width: 1199px){.main-banner-style04 .container{padding-top:15%}

.main-banner-style04 .screen-one{top:25%}

.main-banner-style04 .banner-wrapper .main-title{font-size:48px;
line-height:65px}

.main-banner-style04 .banner-wrapper .sub-title{font-size:18px;
padding-bottom:20px}

}

@media screen and (max-width: 991px){.main-banner-style04{min-height:auto !important}

.main-banner-style04 .container{padding-top:0;
position:relative;
left:0;
top:0;
transform:none}

.main-banner-style04 .banner-wrapper-position{position:relative;
margin:90px auto 70px auto;
max-width:75%;
text-align:center}

.main-banner-style04 .banner-wrapper .main-title{font-size:42px;
line-height:58px;
padding-bottom:20px}

.main-banner-style04 .banner-wrapper .sub-title{padding-bottom:15px}

.main-banner-style04 .screen-one{position:relative;
top:0;
margin:0 auto;
left:0;
right:0}

.main-banner-style04 .shape-three{left:0;
right:inherit}

}

@media screen and (max-width: 767px){.main-banner-style04 .banner-wrapper .main-title{font-size:36px;
line-height:48px}

.main-banner-style04 .banner-wrapper .sub-title{font-size:16px}

.main-banner-style04 .banner-wrapper .slogan{font-size:14px}

.main-banner-style04 .banner-wrapper-position{margin-bottom:50px;
max-width:80%}

.main-banner-style04 .screen-one{width:95%}

}

@media screen and (max-width: 575px){.main-banner-style04 .banner-wrapper .main-title{font-size:26px;
line-height:36px}

.main-banner-style04 .banner-wrapper .sub-title{padding-bottom:10px}

}

.main-banner-style05{width:100%;
position:relative;
padding:5% 0 21% 0}

.main-banner-style05 .container{margin-bottom:50px}

.main-banner-style05 .header-text h1{font-size:58px;
font-weight:700;
line-height:80px;
margin-bottom:20px}

.main-banner-style05 .banner-content-img{width:55%;
height:auto;
text-align:center;
position:absolute;
bottom:-200px;
right:0;
z-index:9;
left:0;
margin:0 auto}

.main-banner-style05 .header-shape img{max-width:none}

@media screen and (max-width: 1199px){.main-banner-style05 .header-text h1{line-height:70px;
font-size:52px}

.main-banner-style05 .banner-content-img{bottom:-150px}

}

@media screen and (max-width: 991px){.main-banner-style05 .header-text h1{line-height:65px;
font-size:42px;
margin-bottom:15px}

.main-banner-style05 .banner-content-img{bottom:-150px}

}

@media screen and (max-width: 767px){.main-banner-style05 .banner-content-img{bottom:-120px;
width:60%}

.main-banner-style05 .header-text h1{line-height:46px;
font-size:32px;
margin-bottom:15px}

}

@media screen and (max-width: 575px){.main-banner-style05{padding:10% 0 25% 0}

.main-banner-style05 .header-text h1{line-height:36px;
font-size:24px;
margin-bottom:15px}

.main-banner-style05 .banner-content-img{bottom:-100px;
width:80%}

}

.home_bubble .bubble{position:absolute;
border-radius:50%}

.home_bubble .bubble.b_one,.home_bubble .bubble.b_four{width:10px;
height:10px}

.home_bubble .bubble.b_two,.home_bubble .bubble.b_five{width:30px;
height:30px}

.home_bubble .bubble.b_three,.home_bubble .bubble.b_six{width:14px;
height:14px}

.home_bubble .bubble.b_two{background:#a485fd;
top:36%;
left:155px;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-animation:spin1 2s infinite alternate;
animation:spin1 2s infinite alternate}

.home_bubble .bubble.b_three{background:#ff6262;
top:85%;
left:255px;
-webkit-animation:spin1 1s infinite alternate;
animation:spin1 1s infinite alternate}

.home_bubble .bubble.b_four{background:#d27dfa;
top:15%;
right:85px;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-animation:spin1 2s infinite alternate;
animation:spin1 2s infinite alternate}

.home_bubble .bubble.b_six{background:#f1d53b;
top:52%;
right:55px;
-webkit-animation:spin2 2s infinite alternate;
animation:spin2 2s infinite alternate}

.square-shape1{opacity:.5;
width:0;
height:0;
border:10px solid transparent;
border-bottom-color:#007cb7;
position:absolute;
top:30%;
right:155px;
animation:spin1 3s infinite alternate}

.square-shape1:after{content:'';
width:0;
height:0;
position:absolute;
left:-10px;
top:10px;
border:10px solid transparent;
border-top-color:#007cb7}

.square-shape2{position:absolute;
width:20px;
height:20px;
border:2px solid #00c99c;
top:15%;
left:85px;
animation:spin2 2s infinite alternate}

@media screen and (max-width: 575px){.square-shape2{left:20px}

}

.triangle-shape1{left:25%;
top:400px;
position:absolute;
opacity:.5;
position:relative;
background-color:#0ee8af;
text-align:left;
-webkit-transform:rotate(-60deg) skewX(-30deg) scale(1, 0.866);
transform:rotate(-60deg) skewX(-30deg) scale(1, 0.866);
width:15px;
height:15px;
border-top-right-radius:30%}

.triangle-shape1:before{-webkit-transform:rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
transform:rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%)}

.triangle-shape1:after,.triangle-shape1:before{content:'';
position:absolute;
background-color:inherit}

.triangle-shape1:after{-webkit-transform:rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
transform:rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
width:15px;
height:15px;
border-top-right-radius:30%}

.triangle-shape1:before{width:15px;
height:15px;
border-top-right-radius:30%}

.triangle-shape2{right:-70%;
top:600px;
position:absolute;
opacity:.5;
position:relative;
background-color:#fca249;
text-align:left;
-webkit-transform:rotate(-60deg) skewX(-30deg) scale(1, 0.866);
transform:rotate(-60deg) skewX(-30deg) scale(1, 0.866);
width:15px;
height:15px;
border-top-right-radius:30%;
animation:spin2 2s infinite alternate}

.triangle-shape2:before{-webkit-transform:rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
transform:rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%)}

.triangle-shape2:after,.triangle-shape2:before{content:'';
position:absolute;
background-color:inherit}

.triangle-shape2:after{-webkit-transform:rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
transform:rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
width:15px;
height:15px;
border-top-right-radius:30%}

.triangle-shape2:before{width:15px;
height:15px;
border-top-right-radius:30%}

@-webkit-keyframes spin1{0%{-webkit-transform:scale(0.9);
transform:scale(0.9)}

100%{-webkit-transform:scale(1.5);
transform:scale(1.5)}

}

@keyframes spin1{0%{-webkit-transform:scale(0.9);
transform:scale(0.9)}

100%{-webkit-transform:scale(1.5);
transform:scale(1.5)}

}

@-webkit-keyframes spin2{0%{-webkit-transform:translateY(0);
transform:translateY(0)}

100%{-webkit-transform:translateY(40px);
transform:translateY(40px)}

}

@keyframes spin2{0%{-webkit-transform:translateY(0);
transform:translateY(0)}

100%{-webkit-transform:translateY(40px);
transform:translateY(40px)}

}

.main-banner-style06{height:100%;
overflow:hidden;
   background: #1B86B2;
    background: -webkit-linear-gradient(-180deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-180deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-180deg, #1B86B2, #39B553);
position:relative}

.main-banner-style06:before{content:"";
width:100%;
height:100%;
top:0;
left:0;
position:absolute;
background:url(../img/banner/creative-shape.svg) no-repeat scroll center bottom/cover;
z-index:0}

.main-banner-style06 .stratup-image{position:absolute;
width:48%;
height:100%;
right:-12%;
z-index:0;
top:-5%}

.main-banner-style06 .right-bottom-bg{position:absolute;
left:-50px;
bottom:0;
transform:rotate(180deg)}

.main-banner-style06 h1{font-size:56px;
line-height:70px;
font-weight:400;
margin-bottom:20px}

.main-banner-style06 h1 strong{font-weight:700}

.main-banner-style06 p{line-height:40px}

@media screen and (max-width: 1199px){.main-banner-style06 h1{font-size:46px;
line-height:58px;
font-weight:400;
margin-bottom:20px}

.main-banner-style06 .stratup-image{top:25%}

.main-banner-style06 .right-bottom-bg{left:-90px}

}

@media screen and (max-width: 991px){.main-banner-style06{min-height:auto !important}

.main-banner-style06 .stratup-image{position:relative;
left:0;
right:0;
width:100%;
top:0;
text-align:center;
height:auto;
max-width:80%;
margin:100px auto 75px auto}

.main-banner-style06:before{width:140%}

.main-banner-style06 .min-vh-100{min-height:auto !important;
margin-bottom:70px}

}

@media screen and (max-width: 767px){.main-banner-style06 h1{font-size:42px;
margin-bottom:15px}

.main-banner-style06 .stratup-image{margin:100px auto 60px auto}

.main-banner-style06 .right-bottom-bg{left:-120px}

.main-banner-style06 p{font-size:16px;
line-height:32px}

}

@media screen and (max-width: 575px){.main-banner-style06 .stratup-image{margin:100px auto 50px auto}

.main-banner-style06:before{width:180%}

.main-banner-style06 h1{font-size:36px;
line-height:50px}

.main-banner-style06 .min-vh-100{margin-bottom:60px}

}

@media screen and (max-width: 480px){.main-banner-style06 .stratup-image{margin:100px auto 30px auto}

.main-banner-style06:before{width:220%}

.main-banner-style06 h1{font-size:30px;
line-height:46px}

}

.main-banner-style07{height:100%;
overflow:hidden;
position:relative}

.main-banner-style07 .container{position:relative;
z-index:9}

.main-banner-style07 .stratup-image{position:absolute;
width:48%;
right:10px;
top:22%;
z-index:9}

.main-banner-style07 h1{font-size:48px;
line-height:62px;
font-weight:400;
margin-bottom:15px;
color:#fff}

.main-banner-style07 h1 strong{font-weight:700}

.main-banner-style07 .header-shape{position:absolute;
top:auto;
bottom:-1px;
left:0;
right:0}

.main-banner-style07 .header-shape svg{-webkit-transform:scale(1.05);
transform:scale(1.05)}

@media screen and (max-width: 1399px){.main-banner-style07 .header-shape{bottom:53px}

.main-banner-style07 .header-shape svg{-webkit-transform:scale(1.25);
transform:scale(1.25)}

}

@media screen and (max-width: 1199px){.main-banner-style07 h1{font-size:42px;
line-height:54px;
font-weight:400;
margin-bottom:20px}

.main-banner-style07 .header-shape{bottom:52px}

.main-banner-style07 .stratup-image{top:25%}

}

@media screen and (max-width: 991px){.main-banner-style07{min-height:auto !important}

.main-banner-style07 h1{font-size:38px;
line-height:48px}

.main-banner-style07 .stratup-image{position:relative;
left:0;
right:0;
width:100%;
top:0;
text-align:center;
height:auto;
max-width:80%;
margin:100px auto 75px auto}

.main-banner-style07:before{width:140%}

.main-banner-style07 .min-vh-100{min-height:auto !important;
margin-bottom:50px}

}

@media screen and (max-width: 767px){.main-banner-style07 h1{font-size:36px;
margin-bottom:15px}

.main-banner-style07 .stratup-image{margin:100px auto 60px auto}

}

@media screen and (max-width: 575px){.main-banner-style07 .stratup-image{margin:100px auto 50px auto}

.main-banner-style07:before{width:180%}

.main-banner-style07 h1{font-size:36px;
line-height:50px}

.main-banner-style07 .min-vh-100{margin-bottom:30px}

}

@media screen and (max-width: 480px){.main-banner-style07 .stratup-image{margin:100px auto 30px auto}

.main-banner-style07:before{width:220%}

.main-banner-style07 h1{font-size:32px;
line-height:46px}

}

.main-banner-style08{overflow:hidden;
position:relative;
padding:12% 0;
background:transparent}

.main-banner-style08 .cd-headline{font-size:18px;
color:#1B86B2}

.cd-headline.clip .cd-words-wrapper:after{content:none}

.main-banner-style08 .header-text h1{font-size:60px;
letter-spacing:1.4px;
margin-bottom:30px;
display:inline-block;
font-weight:600}

.main-banner-style08 .left-top-bg{position:absolute;
left:0;
top:0}

.main-banner-style08 .right-bottom-bg{position:absolute;
right:0;
bottom:0}

.main-banner-style08 .triangle-shape{position:absolute;
right:8%;
top:10%;
left:inherit}

@media screen and (max-width: 1399px){.main-banner-style08 .left-top-bg{width:30%}

.main-banner-style08 .right-bottom-bg{width:12%}

}

@media screen and (max-width: 1199px){.main-banner-style08{padding:18% 0}

.main-banner-style08 .left-top-bg{width:25%}

.main-banner-style08 .right-bottom-bg{width:10%}

.main-banner-style08 .header-text h1{font-size:48px}

}

@media screen and (max-width: 991px){.main-banner-style08{padding:20% 0 18% 0}

.main-banner-style08 .header-text h1{font-size:42px}

}

@media screen and (max-width: 767px){.main-banner-style08{padding:25% 0 22% 0}

.main-banner-style08 .header-text h1{font-size:36px}

}

@media screen and (max-width: 575px){.main-banner-style08{padding:40% 0 30% 0}

.main-banner-style08 .header-text h1{font-size:30px}

}

.shape-one{position:absolute;
right:0;
top:145px;
z-index:0;
opacity:0.65}

.shape-two{position:absolute;
bottom:12%;
left:31%;
animation:rotated 20s infinite linear}

.shape-three{position:absolute;
bottom:35%;
right:76%;
z-index:-1;
animation:rotated 50s infinite linear;
width:14%}

.shape-four{position:absolute;
top:17%;
right:37%;
z-index:-1;
animation:rotatedHalf 30s infinite linear}

.shape-four:before{content:"";
position:absolute;
left:50%;
top:50%;
height:95px;
width:95px;
border:2px solid #0084e9;
border-radius:50%;
transform:translateX(-50%) translateY(-50%);
opacity:.3;
animation:pulse-border 1500ms ease-out infinite}

.shape-four:after{content:"";
position:absolute;
left:50%;
top:50%;
height:80px;
width:80px;
border:2px solid #0084e9;
border-radius:50%;
transform:translateX(-50%) translateY(-50%);
opacity:.3;
animation:pulse-border 1500ms ease-out infinite}

.shape-five{position:absolute;
bottom:5%;
left:58%;
width:16px;
height:16px;
border-radius:16px;
background:#e5a9ff;
-webkit-animation:rotate3d 10s linear infinite;
-moz-animation:rotate3d 10s linear infinite;
-o-animation:rotate3d 10s linear infinite;
animation:rotate3d 10s linear infinite}

.triangle-shape{top:15%;
left:36%;
position:absolute;
animation:animationFramesOne 30s infinite linear;
opacity:.5;
position:relative;
background-color:#0ee8af;
text-align:left;
-webkit-transform:rotate(-60deg) skewX(-30deg) scale(1, 0.866);
transform:rotate(-60deg) skewX(-30deg) scale(1, 0.866);
width:15px;
height:15px;
border-top-right-radius:30%}

.triangle-shape:before{-webkit-transform:rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
transform:rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%)}

.triangle-shape:after,.triangle-shape:before{content:'';
position:absolute;
background-color:inherit}

.triangle-shape:after{-webkit-transform:rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
transform:rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
width:15px;
height:15px;
border-top-right-radius:30%}

.triangle-shape:before{width:15px;
height:15px;
border-top-right-radius:30%}

.triangle-shape:after,.triangle-shape:before{content:'';
position:absolute;
background-color:inherit}

.square-shape{opacity:.5;
width:0;
height:0;
border:10px solid transparent;
border-bottom-color:#007cb7;
position:absolute;
top:23%;
left:8%;
animation:animationFramesTwo 13s infinite linear}

.square-shape:after{content:'';
width:0;
height:0;
position:absolute;
left:-10px;
top:10px;
border:10px solid transparent;
border-top-color:#007cb7}

.square-shape-two{position:absolute;
width:20px;
height:20px;
border:2px solid #a3eead;
bottom:42%;
left:6%;
animation:animationFramesTwo 25s infinite linear}

.round-shape-one{position:absolute;
right:6%;
top:10%;
width:225px;
height:225px;
border-radius:50%;
border:1px dashed rgba(41,45,194,0.1);
animation:rotated 30s infinite linear}

.round-shape-one:before{content:"";
width:10px;
height:10px;
position:absolute;
top:50%;
left:-5px;
background:#ddabf6;
border-radius:50%}

.round-shape-two{position:absolute;
right:-350px;
top:15%;
width:500px;
height:500px;
border-radius:100%;
border:2px dashed rgba(41,45,194,0.09);
animation:rotated 50s infinite linear}

.round-shape-two:before{content:"";
width:10px;
height:10px;
position:absolute;
top:50%;
left:-5px;
background:#ddabf6;
border-radius:50%}

@media screen and (max-width: 1199px){.round-shape-two{right:-450px;
top:35%}

}

@media screen and (max-width: 991px){.round-shape-two{right:-400px;
top:35%}

}

@media screen and (max-width: 767px){.round-shape-two{width:450px;
height:450px;
right:-370px;
top:35%}

}

@media screen and (max-width: 575px){.round-shape-two{width:300px;
height:300px;
right:-270px;
top:40%}

}

.shape-six{background:rgba(41,45,194,0.2);
top:40%;
right:85px;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-animation:spin1 2s infinite alternate;
animation:spin1 2s infinite alternate;
width:10px;
height:10px;
position:absolute;
border-radius:50%}

.right-align{right:5%;
left:inherit}

.left-align{left:5%;
right:inherit}

.bottom-align{bottom:0;
top:inherit}

.top-align{top:0;
bottom:inherit}

.round-shape-two.left-minus-align{left:-15%;
right:inherit}

@media screen and (max-width: 1199px){.round-shape-two.left-minus-align{left:-450px;
top:35%}

}

@media screen and (max-width: 991px){.round-shape-two.left-minus-align{left:-400px;
top:35%}

}

@media screen and (max-width: 767px){.round-shape-two.left-minus-align{width:450px;
height:450px;
left:-370px;
top:35%}

}

@media screen and (max-width: 575px){.round-shape-two.left-minus-align{width:300px;
height:300px;
left:-270px;
top:40%}

}

@keyframes spin1{0%{-webkit-transform:scale(0.9);
transform:scale(0.9)}

100%{-webkit-transform:scale(1.5);
transform:scale(1.5)}

}

@keyframes rotate3d{0%{-webkit-transform:rotateY(0deg);
-moz-transform:rotateY(0deg);
-ms-transform:rotateY(0deg);
-o-transform:rotateY(0deg);
transform:rotateY(0deg)}

100%{-webkit-transform:rotateY(360deg);
-moz-transform:rotateY(360deg);
-ms-transform:rotateY(360deg);
-o-transform:rotateY(360deg);
transform:rotateY(360deg)}

}

@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}

100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.2)}

}

@-webkit-keyframes rotated{0%{-webkit-transform:rotate(0);
transform:rotate(0)}

100%{-webkit-transform:rotate(360deg);
transform:rotate(360deg)}

}

@keyframes rotated{0%{-webkit-transform:rotate(0);
transform:rotate(0)}

100%{-webkit-transform:rotate(360deg);
transform:rotate(360deg)}

}

@-webkit-keyframes rotatedHalf{0%{-webkit-transform:rotate(0);
transform:rotate(0)}

50%{-webkit-transform:rotate(90deg);
transform:rotate(90deg)}

100%{-webkit-transform:rotate(0);
transform:rotate(0)}

}

@keyframes rotatedHalf{0%{-webkit-transform:rotate(0);
transform:rotate(0)}

50%{-webkit-transform:rotate(90deg);
transform:rotate(90deg)}

100%{-webkit-transform:rotate(0);
transform:rotate(0)}

}

@keyframes animationFramesOne{0%{transform:translate(0px, 0px) rotate(0deg)}

20%{transform:translate(73px, -1px) rotate(36deg)}

40%{transform:translate(141px, 72px) rotate(72deg)}

60%{transform:translate(83px, 122px) rotate(108deg)}

80%{transform:translate(-40px, 72px) rotate(144deg)}

100%{transform:translate(0px, 0px) rotate(0deg)}

}

@-webkit-keyframes animationFramesOne{0%{-webkit-transform:translate(0px, 0px) rotate(0deg)}

20%{-webkit-transform:translate(73px, -1px) rotate(36deg)}

40%{-webkit-transform:translate(141px, 72px) rotate(72deg)}

60%{-webkit-transform:translate(83px, 122px) rotate(108deg)}

80%{-webkit-transform:translate(-40px, 72px) rotate(144deg)}

100%{-webkit-transform:translate(0px, 0px) rotate(0deg)}

}

@keyframes animationFramesTwo{0%{transform:translate(0px, 0px) rotate(0deg) scale(1)}

20%{transform:translate(73px, -1px) rotate(36deg) scale(0.9)}

40%{transform:translate(141px, 72px) rotate(72deg) scale(1)}

60%{transform:translate(83px, 122px) rotate(108deg) scale(1.2)}

80%{transform:translate(-40px, 72px) rotate(144deg) scale(1.1)}

100%{transform:translate(0px, 0px) rotate(0deg) scale(1)}

}

@-webkit-keyframes animationFramesTwo{0%{-webkit-transform:translate(0px, 0px) rotate(0deg) scale(1)}

20%{-webkit-transform:translate(73px, -1px) rotate(36deg) scale(0.9)}

40%{-webkit-transform:translate(141px, 72px) rotate(72deg) scale(1)}

60%{-webkit-transform:translate(83px, 122px) rotate(108deg) scale(1.2)}

80%{-webkit-transform:translate(-40px, 72px) rotate(144deg) scale(1.1)}

100%{-webkit-transform:translate(0px, 0px) rotate(0deg) scale(1)}

}

.ani-zoomin{animation:zoominoutsinglefeatured 3s linear infinite}

@-webkit-keyframes zoominoutsinglefeatured{0%{-webkit-transform:scale(1, 1);
transform:scale(1, 1)}

50%{-webkit-transform:scale(1.2, 1.2);
transform:scale(1.2, 1.2)}

100%{-webkit-transform:scale(1, 1);
transform:scale(1, 1)}

}

@keyframes zoominoutsinglefeatured{0%{-webkit-transform:scale(1, 1);
transform:scale(1, 1)}

50%{-webkit-transform:scale(1.2, 1.2);
transform:scale(1.2, 1.2)}

100%{-webkit-transform:scale(1, 1);
transform:scale(1, 1)}

}

.ani-left-right{animation-duration:5s;
animation-iteration-count:infinite;
animation-name:LeftRight;
animation-timing-function:ease-in-out}

@keyframes LeftRight{0%{transform:translate(0px, 0px)}

65%{transform:translate(30px, 0)}

100%{transform:translate(0px, 0px)}

}

.ani-top-bottom{animation-duration:5s;
animation-iteration-count:infinite;
animation-name:TopBottom;
animation-timing-function:ease-in-out}

@keyframes TopBottom{0%{transform:translate(0px, 0px)}

65%{transform:translate(0, 30px)}

100%{transform:translate(0px, 0px)}

}

@media screen and (max-width: 1199px){.round-shape-one{top:20%;
width:150px;
height:150px;
right:8%}

}

@media screen and (max-width: 575px){.round-shape-one{right:12%}

}

.ani-rotate{-webkit-animation-duration:750ms;
animation-duration:750ms;
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
animation:ani-rotate 10s linear infinite}

#circle svg{-webkit-animation-name:rotate;
-moz-animation-name:rotate;
-ms-animation-name:rotate;
-o-animation-name:rotate;
animation-name:rotate;
-webkit-animation-duration:25s;
-moz-animation-duration:25s;
-ms-animation-duration:25s;
-o-animation-duration:25s;
animation-duration:25s;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-moz-animation-timing-function:linear;
-ms-animation-timing-function:linear;
-o-animation-timing-function:linear;
animation-timing-function:linear}

.fill-white text{fill:#fff;
font-size:13px;
letter-spacing:3.2px}

.ani-movinglight{animation:movinglight 10s linear infinite}

@keyframes movinglight{0%{transform:translatey(0px)}

20%{transform:translateX(-70px)}

50%{transform:translatey(-70px)}

100%{transform:translatey(0px)}

}

.marquee-container{overflow:hidden !important;
display:flex !important;
flex-direction:row !important;
position:relative;
width:100%;
border-top:1px solid #f2f2f2;
border-bottom:1px solid #f2f2f2;
padding:40px 0;
-webkit-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
transform:rotate(-3deg)}

.marquee{flex:0 0 auto;
min-width:18%;
z-index:1;
display:flex;
flex-direction:row;
align-items:center;
animation:scroll 15s linear running infinite;
animation-play-state:var(--play);
animation-delay:var(--delay);
animation-direction:var(--direction)}

.marquee img{transition:0.4s cubic-bezier(0, 0, 0.3642, 1)}

.marquee img:hover{transform:scale(1.1)}

@keyframes scroll{0%{transform:translateX(0%)}

100%{transform:translateX(-100%)}

}

@media screen and (max-width: 1199px){.marquee{min-width:25%}

}

@media screen and (max-width: 991px){.marquee{min-width:32%}

}

@media screen and (max-width: 767px){.marquee{min-width:36%}

}

@media screen and (max-width: 479px){.marquee{min-width:70%}

}

.main-banner-style09{width:100%;
position:relative;
background:#1B86B2;
background:-webkit-linear-gradient(180deg, #1B86B2, #0084e9);
background:-moz-linear-gradient(180deg, #1B86B2, #0084e9);
background:-o-linear-gradient(180deg, #1B86B2, #0084e9);
background:linear-gradient(180deg, #1B86B2, #0084e9)}

.main-banner-style09 .container{position:absolute;
left:50%;
top:40%;
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
z-index:9}

.main-banner-style09 .btn-play{width:50px;
height:50px;
line-height:46px;
text-align:center;
font-size:18px;
color:#fff;
margin:auto;
display:inline-block;
border:2px solid #fff;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
overflow:hidden;
position:relative;
z-index:3}

.main-banner-style09 .btn-play:before{content:'';
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
background:#fff;
opacity:.19;
z-index:1}

.main-banner-style09 .btn-play i{padding-left:5px;
position:relative;
z-index:2}

.main-banner-style09 .banner-content-img{width:55%;
height:auto;
text-align:center;
position:absolute;
bottom:-150px;
right:0;
z-index:9;
left:0;
margin:0 auto}

.main-banner-style09 .header-shape{position:absolute;
left:0;
bottom:0;
width:100%}

.main-banner-style09 .header-shape img{max-width:none}

@media screen and (max-width: 1599px){.main-banner-style09 .banner-content-img{bottom:-125px}

}

@media screen and (max-width: 1399px){.main-banner-style09 .container{top:45%}

.main-banner-style09 .banner-content-img{bottom:-150px}

}

@media screen and (max-width: 1199px){.main-banner-style09 .banner-content-img{bottom:-120px}

}

@media screen and (max-width: 767px){.main-banner-style09 .container{top:45%}

.main-banner-style09 .banner-content-img{bottom:-40px;
width:75%}

}

.main-banner-style10{position:relative}

.main-banner-style10 .header-shape{position:absolute;
bottom:0;
left:0;
z-index:1;
margin:0;
width:100%}

.main-banner-style10 .header-shape img{max-width:none}

.main-banner-style10>.container{padding-top:15%;
position:relative;
z-index:9}

.main-banner-style10 .banner-wrapper-position{position:absolute;
right:50px;
top:130px;
max-width:40%;
width:100%;
height:auto;
z-index:9}

.main-banner-style10 .btn-play{width:50px;
height:50px;
line-height:46px;
text-align:center;
font-size:18px;
color:#fff;
margin:auto;
display:inline-block;
border:2px solid #fff;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
overflow:hidden;
position:relative;
z-index:3}

.main-banner-style10 .btn-play:before{content:'';
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
background:#fff;
opacity:.19;
z-index:1}

.main-banner-style10 .btn-play i{padding-left:5px;
position:relative;
z-index:2}

.main-banner-style10 .header-text h1{position:relative;
font-size:65px;
line-height:85px;
font-weight:700;
color:#fff;
margin-bottom:15px;
letter-spacing:1px}

.main-banner-style10 .banner-content-img{width:55%;
height:66%;
right:30px;
text-align:right;
position:absolute;
bottom:100px;
z-index:9}

.main-banner-style10 .header-text p{line-height:30px}

@media screen and (max-width: 1399px){.main-banner-style10 .banner-wrapper-position{max-width:45%}

.main-banner-style10 .header-text h1{font-size:58px;
line-height:75px}

}

@media screen and (max-width: 1199px){.main-banner-style10>.container{padding-top:18%}

}

@media screen and (max-width: 991px){.main-banner-style10{padding:90px 0 120px 0}

.main-banner-style10>.container{padding-top:0;
position:relative;
top:0;
transform:none;
left:0}

.main-banner-style10 .banner-wrapper-position{position:relative;
right:0;
top:0;
text-align:center;
margin:0 auto 50px auto;
max-width:60%}

.main-banner-style10 .header-text{text-align:center;
padding:0 7%}

.main-banner-style10 .header-text h1{font-size:52px;
line-height:65px}

}

@media screen and (max-width: 767px){.main-banner-style10{padding:90px 0}

.main-banner-style10 .banner-wrapper-position{max-width:65%}

.main-banner-style10 .header-text{padding:0 15px}

.main-banner-style10 .header-text h1{font-size:42px;
line-height:48px}

}

@media screen and (max-width: 575px){.main-banner-style10 .header-text h1{font-size:34px;
line-height:42px}

.main-banner-style10>.container{position:absolute;
left:50%;
top:55%;
transform:translate(-50%, -50%)}

}

.main-banner-style11{position:relative;
overflow:hidden}

.main-banner-style11>.container{position:absolute;
left:50%;
top:45%;
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
z-index:9}

.main-banner-style11 h1{padding:0 0 25px 0;
color:#fff;
font-size:58px;
line-height:70px;
font-weight:300}

.main-banner-style11 p{padding:0 0 30px 0;
font-size:22px;
line-height:36px;
color:#fff;
letter-spacing:0.5px;
font-weight:300}

.main-banner-style11 .btn-play{width:60px;
height:60px;
line-height:65px;
text-align:center;
font-size:18px;
color:#fff;
margin:auto;
display:inline-block;
border:2px solid #fff;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
overflow:hidden;
position:relative;
z-index:3}

.main-banner-style11 .btn-play i{position:relative;
z-index:2;
font-size:28px}

.main-banner-style11 .banner-content-img{position:absolute;
right:20px;
top:120px;
max-width:45%;
width:100%;
z-index:9}

.main-banner-style11 .header-shape{position:absolute;
bottom:0;
left:0;
width:100%;
height:100%}

.main-banner-style11 .header-shape img{max-width:none;
height:100%}

@media screen and (max-width: 1399px){.main-banner-style11>.container{left:52%}

.main-banner-style11 h1{font-size:52px;
margin-bottom:10px}

.main-banner-style11 p{padding-bottom:10px;
font-size:18px;
line-height:36px}

}

@media screen and (max-width: 1199px){.main-banner-style11>.container{left:54%}

.main-banner-style11 h1{font-size:44px}

.main-banner-style11 p{font-size:16px;
line-height:34px}

}

@media screen and (max-width: 1024px){.main-banner-style11{min-height:750px !important}

}

@media screen and (max-width: 991px){.main-banner-style11{padding:70px 0 90px 0;
min-height:inherit !important}

.main-banner-style11>.container{left:50%}

.main-banner-style11 h1{font-size:42px;
line-height:58px}

.main-banner-style11 .banner-content-img{position:relative;
left:0;
right:0;
width:100%;
top:0;
text-align:center;
height:auto;
max-width:80%;
margin:0 auto 50px auto}

.main-banner-style11>.container{position:relative;
left:0;
right:0;
margin:0 auto;
max-width:100%;
top:0;
transform:none}

.main-banner-style11 p{margin-bottom:20px}

}

@media screen and (max-width: 575px){.main-banner-style11{padding:30px 0 50px 0}

.main-banner-style11 h1{font-size:28px;
line-height:48px;
margin-bottom:0}

.main-banner-style11 .banner-content-img{max-width:90%;
margin-bottom:30px}

.main-banner-style11 p{font-size:14px;
line-height:28px;
margin-bottom:20px}

}

.main-banner-style12{width:100%;
position:relative;
padding:10% 0 0 0}

.main-banner-style12 .container{position:relative;
top:20%;
z-index:9}

.main-banner-style12 .banner-content-img{width:47%;
height:auto;
text-align:center;
margin:50px auto 0 auto;
position:relative;
z-index:9}

.main-banner-style12 .header-shape{position:absolute;
left:0;
bottom:0;
width:100%}

.main-banner-style12 .header-shape img{max-width:none}

.main-banner-style12 .bg-shapes-transparent{position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0.1}

.main-banner-style12 .bg-shapes-transparent img{max-width:none;
width:auto;
height:100%}

@media screen and (max-width: 1399px){.main-banner-style12{padding:14% 0 0 0}

.main-banner-style12 .banner-content-img{width:55%}

}

@media screen and (max-width: 1199px){.main-banner-style12{padding:16% 0 0 0}

.main-banner-style12 .banner-content-img{width:70%}

}

@media screen and (max-width: 991px){.main-banner-style12{padding:20% 0 0 0}

.main-banner-style12 .banner-content-img{width:75%}

}

@media screen and (max-width: 767px){.main-banner-style12{padding:25% 0 0 0}

.main-banner-style12 .banner-content-img{width:80%}

}

@media screen and (max-width: 575px){.main-banner-style12{padding:40% 0 0 0}

.main-banner-style12 .banner-content-img{width:90%}

}

.main-banner-style13 .banner-image img{bottom:0;
right:0}

.main-banner-style13 .users-list li{display:inline-flex;
white-space:nowrap}

.main-banner-style13 .users-list li img{border:2px solid #fff;
box-shadow:0 2px 10px 0 rgba(107,111,130,0.3);
border-radius:50%;
width:38px;
height:38px;
z-index:1}

.main-banner-style13 .users-list li+li{margin-left:-15px}

.main-banner-style13 .banner-lg-text{text-transform:uppercase;
font-size:210px;
position:absolute;
top:10%;
background:transparent linear-gradient(184deg, #9DBAFE 0%, rgba(157,186,254,0.01) 100%) 0% 0% no-repeat padding-box;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
opacity:0.35;
letter-spacing:5px;
font-weight:700}

.main-banner-style13 .bg-shape{position:absolute;
height:500px;
width:500px;
z-index:1;
right:19%;
top:32%;
border-radius:74% 26% 46% 54% / 53% 27% 73% 47%;
background:linear-gradient(247deg, #496cf7, rgba(255,255,255,0))}

@media screen and (max-width: 1400px){.main-banner-style13 .bg-shape{right:10%;
top:17%}

.main-banner-style13 .banner-image img{right:-21%}

}

@media screen and (max-width: 992px){.main-banner-style13 .bg-shape{right:-8%;
top:17%}

.main-banner-style13 .banner-image img{right:-48%}

}

@media screen and (max-width: 767px){.main-banner-style13 .banner-lg-text{font-size:170px}

}

@media screen and (max-width: 767px){.main-banner-style13 .banner-lg-text{font-size:120px;
top:12%}

}

.main-banner-style14 .search-bar{position:relative}

.main-banner-style14 .search-bar input[type="search"]{display:block;
width:100%;
padding:10px 40px 10px 20px;
font-size:15px;
color:#4b4342;
border:1px solid #ededed;
background:none;
background:#ffffff;
border-radius:10px;
margin-bottom:0;
height:60px}

.main-banner-style14 .search-bar .btn-newsletter{position:absolute;
color:#1B86B2;
right:15px;
top:16px;
padding:0px;
font-size:18px;
z-index:3;
outline:none}

.main-banner-style14 .banner-img1{position:absolute;
border-radius:50%;
left:310px;
top:160px;
z-index:0}

.main-banner-style14 .banner-img2{position:absolute;
border-radius:50%;
left:35px;
top:230px;
z-index:0}

.main-banner-style14 .banner-img3{position:absolute;
right:165px;
border-radius:50%;
top:200px;
z-index:0}

.main-banner-style14 .banner-img4{position:absolute;
right:65px;
border-radius:50%;
bottom:70px;
z-index:0}

@media screen and (max-width: 992px){.main-banner-style14 .banner-img3{right:55px;
top:120px}

.main-banner-style14 .banner-img1{left:190px;
top:70px}

}

.main-banner-style15{width:100%;
position:relative;
padding:9% 0 21% 0}

.main-banner-style15 .container{margin-bottom:50px}

.main-banner-style15 .header-text h1{font-size:50px;
font-weight:700;
line-height:80px;
margin-bottom:20px}

.main-banner-style15 .banner-content-img{width:55%;
height:auto;
text-align:center;
position:absolute;
bottom:-100px;
right:0;
z-index:9;
left:0;
margin:0 auto}

.main-banner-style15 .header-shape img{max-width:none}

@media screen and (max-width: 1399px){.main-banner-style15{padding:14% 0 21% 0}

}

@media screen and (max-width: 1199px){.main-banner-style15 .header-text h1{line-height:70px;
font-size:50px}

.main-banner-style15 .banner-content-img{bottom:-120px}

}

@media screen and (max-width: 991px){.main-banner-style15 .banner-content-img{width:68%}

.main-banner-style15 .header-text h1{line-height:60px;
font-size:42px;
margin-bottom:15px}

}

@media screen and (max-width: 767px){.main-banner-style15{padding:18% 0 21% 0}

.main-banner-style15 .banner-content-img{bottom:-120px}

.main-banner-style15 .header-text h1{line-height:46px;
font-size:32px;
margin-bottom:15px}

}

@media screen and (max-width: 575px){.main-banner-style15{padding:37% 0 29% 0}

.main-banner-style15 .container{margin-bottom:0}

.main-banner-style15 .header-text h1{line-height:36px;
font-size:28px;
margin-bottom:15px}

.main-banner-style15 .banner-content-img{display:none}

}

.main-banner-style16 h1{font-size:80px}

@media screen and (max-width: 1399px){.main-banner-style16 h1{font-size:75px}

}

@media screen and (max-width: 767px){.main-banner-style16 h1{font-size:50px}

}

@media screen and (max-width: 575px){.main-banner-style16 h1{font-size:40px}

}

.banner-style17 .banner-circle{position:absolute;
width:1374px;
height:1374px;
top:50%;
left:50%;
transform:translate(-50%, -50%);
background-color:transparent;
border:1px solid rgba(255,255,255,0.1);
border-radius:50%;
z-index:1}

.banner-style17 .banner-circle .circle-dot-one{display:block;
position:absolute;
content:"";
top:calc(50% - 1px);
left:50%;
width:50%;
height:1px;
background:transparent;
transform-origin:left;
-webkit-animation:circle-animation 13s linear infinite;
-moz-animation:circle-animation 13s linear infinite;
-o-animation:circle-animation 13s linear infinite;
animation:circle-animation 13s linear infinite}

.banner-style17 .banner-circle .circle-dot-one:before{position:absolute;
content:"";
width:22px;
height:22px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
top:-25px;
right:-10px;
background-color:#FFADAD}

.banner-style17 .banner-circle .circle-dot-two{display:block;
position:absolute;
content:"";
top:calc(50% - 1px);
left:50%;
width:50%;
height:1px;
background:transparent;
transform-origin:left;
transform:scale(-1, 1);
-webkit-animation:circle-animation2 13s linear infinite;
-moz-animation:circle-animation2 13s linear infinite;
-o-animation:circle-animation2 13s linear infinite;
animation:circle-animation2 13s linear infinite}

.banner-style17 .banner-circle .circle-dot-two:after{position:absolute;
content:"";
width:14px;
height:14px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
bottom:-25px;
right:-7px;
background-color:#5956E9}

.banner-style17 .banner-text h1{font-size:80px;
font-weight:800}

@keyframes circle-animation{0%{transform:rotate(0deg)}

100%{transform:rotate(360deg)}

}

@keyframes circle-animation2{0%{transform:scale(-1, 1) rotate(360deg)}

100%{transform:scale(-1, 1) rotate(0deg)}

}

@media screen and (max-width: 1399px){.banner-style17 .banner-text h1{font-size:70px}

.banner-style17 .banner-circle{width:1134px;
height:1134px}

}

@media screen and (max-width: 1199px){.banner-style17 .banner-text h1{font-size:52px}

}

@media screen and (max-width: 991px){.banner-style17 .banner-circle{width:924px;
height:924px}

}

@media screen and (max-width: 767px){.banner-style17 .banner-circle{width:694px;
height:694px}

}

@media screen and (max-width: 575px){.banner-style17 .banner-text h1{font-size:32px}

}

.banner-style18 .banner-text h1{font-size:64px;
transition-delay:.2s;
opacity:1;
transform:translateZ(0);
transition-timing-function:ease;
transition-duration:1s;
transition-property:opacity,transform}

.banner-style18:before{content:"";
width:100%;
height:100%;
top:0;
left:0;
position:absolute;
background:url(../img/banner/banner-shape-02.png);
z-index:0;
background-repeat:no-repeat;
background-position:right top;
background-size:cover}

.banner-style18 .banner-img{position:absolute;
width:45%;
right:35px;
z-index:0;
top:20%}

.banner-style18 .banner-img img{max-width:650px}

@media screen and (max-width: 1399px){.banner-style18 .banner-text h1{font-size:58px}

.banner-style18 .banner-img{top:25%}

}

@media screen and (max-width: 1199px){.banner-style18 .banner-text h1{font-size:48px}

.banner-style18 .banner-img{top:30%}

.banner-style18:before{background-position:70% top}

}

@media screen and (max-width: 991px){.banner-style18{background-color:#f2f2f2}

.banner-style18 .banner-img img{margin:100px auto 75px auto}

.banner-style18:before{display:none}

}

@media screen and (max-width: 767px){.banner-style18 .banner-img img{margin:100px auto 60px auto}

.banner-style18 .banner-text h1{font-size:45px}

}

@media screen and (max-width: 575px){.banner-style18 .banner-img img{margin:100px auto 50px auto}

.banner-style18 .banner-text{margin-top:70px}

.banner-style18 .banner-text h1{font-size:30px}

}

.banner-style19 .text-content h1{font-size:70px;
line-height:1.16em}

@media screen and (max-width: 991px){.banner-style19 .text-content h1{font-size:55px}

}

@media screen and (max-width: 767px){.banner-style19 .text-content h1{font-size:40px}

}

@media screen and (max-width: 575px){.banner-style19 .text-content h1{font-size:32px}

}

.banner-style20 .banner-img{position:relative}

.banner-style20 .banner-img:before{content:"";
position:absolute;
top:3%;
background:transparent;
border:2px solid rgba(255,204,111,0.5);
width:100%;
height:100%}

.banner-style20 .banner-img.style1:before{right:5%;
border-radius:175px 175px 80px 175px}

.banner-style20 .banner-img.style2:before{left:5%;
border-radius:80px 175px 175px 175px}

.banner-style20 .banner-img.style1 img{border-radius:175px 175px 80px 175px}

.banner-style20 .banner-img.style2 img{border-radius:80px 175px 175px 175px}

.page-title-section{padding:180px 0 90px 0}

.page-title-section.style1{padding:150px 0}

.page-title-section h1{font-size:54px;
margin-bottom:0;
line-height:1;
text-shadow:0 0 3px rgba(0,0,0,0.2);
color:#ffffff;
position:relative;
z-index:9}

.page-title-section ul{margin:0;
padding:11px 0 0 0;
list-style:none;
display:inline-block;
line-height:1.2}

.page-title-section ul li{display:inline-block;
position:relative;
padding-right:20px;
margin-right:20px;
margin-top:5px;
margin-bottom:5px}

.page-title-section ul li:last-child{color:#ffffff;
opacity:0.80;
font-size:16px;
font-weight:700;
text-transform:capitalize;
letter-spacing:1px;
padding-right:0;
padding-left:0;
margin-right:0}

.page-title-section ul li:last-child a{color:#ffffff;
opacity:0.80;
font-size:16px;
font-weight:500;
text-transform:capitalize;
letter-spacing:1px}

.page-title-section ul li:after{content:'';
width:10px;
height:10px;
background:#fff;
border-radius:50%;
display:inline-block;
right:-2px;
z-index:1;
position:absolute;
top:5px}

.page-title-section ul li:before{content:'';
width:15px;
height:15px;
background:#0084e9;
border-radius:50%;
display:inline-block;
position:absolute;
right:-10px;
top:2px;
z-index:0}

.page-title-section ul li:last-child:after{content:none}

.page-title-section ul li:last-child:before{content:none}

.page-title-section ul li a{color:#ffffff;
font-size:16px;
font-weight:600;
text-transform:capitalize;
letter-spacing:1px}

@media screen and (max-width: 1199px){.page-title-section{padding:160px 0 85px 0}

.page-title-section h1{font-size:48px}

}

@media screen and (max-width: 991px){.page-title-section{padding:140px 0 80px 0;
margin-top:-71px}

.page-title-section.style1{padding:130px 0}

.page-title-section h1{font-size:42px}

}

@media screen and (max-width: 575px){.page-title-section{padding:120px 0 70px 0;
margin-top:-66px}

.page-title-section.style1{padding:100px 0}

.page-title-section h1{font-size:36px}

}
.card-style{border:none;
text-align:center;
padding:40px 20px;
transition:all .3s ease-out}

.card-style:hover{ 
}

.card-style .card-body{padding:0}

.card-style p{font-size:16px;
line-height:30px}

.card-style .icon-box5{font-size:26px;
display:flex;
align-content:center;
align-items:center;
justify-content:center;
height:80px;
margin:auto;
border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
box-shadow:15px 15px 50px rgba(0,0,0,0.2);
animation:one-animated 8s infinite;
margin-bottom:20px;
background: #19a4df;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: -moz-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: -o-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: linear-gradient(45deg, #1B86B2, #19a4df); }

.card-style .service-icon1{display:flex;
align-content:center;
align-items:center;
justify-content:center;
height:60px;
border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
box-shadow:15px 15px 50px rgba(0,0,0,0.2);
animation:one-animated 8s infinite}

@keyframes one-animated{0%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
box-shadow:15px 15px 50px rgba(0,0,0,0.2)}

25%{border-radius:58% 42% 75% 25% / 76% 46% 54% 24%}

50%{border-radius:50% 50% 33% 67% / 55% 27% 73% 45%;
box-shadow:-10px -5px 50px rgba(0,0,0,0.2)}

75%{border-radius:33% 67% 58% 42% / 63% 68% 32% 37%}

}

@media screen and (max-width: 991px){.card-style{padding:30px 10px}

.card-style .icon-box5{height:70px;
margin-bottom:25px}

}

@media screen and (max-width: 767px){.card-style p{font-size:15px;
line-height:28px}

}

.card-style01{padding:0.8rem;
border-radius:3px;
border:1px solid rgba(0,0,0,0.075)}

.card-style01 h4{font-size:16px;
font-weight:normal;
margin-bottom:0}

.card-style01 .card-body{border-bottom:none;
padding-right:0;
padding-left:0}

.card-style01 .card-body small{letter-spacing:1px;
font-size:12px}

.card-style01 .card-footer{background:none;
border-top:1px solid rgba(0,0,0,0.075);
padding-right:0;
padding-left:0;
padding-bottom:0}

.card-style01 .card-footer .read-more{font-size:14px;
color:#1B86B2;
letter-spacing:0.8px;
font-weight:500}

.card-style01 .card-footer i{vertical-align:middle}

.card-style02{box-shadow:0 0 2.5rem rgba(0,0,0,0.05);
transition:all .4s ease 0s;
border-radius:.25rem;
text-align:center;
border:none}

.card-style02 .card-body{padding:2.5rem 2rem;
position:relative}

.card-style02 .card-body .icon{display:inline-block}

.card-style02 .card-body .icon i{color:#1B86B2;
font-size:1.8rem;
background:rgba(41,45,194,0.1);
border-radius:50%;
line-height:1;
height:5rem;
width:5rem;
line-height:80px;
display:inline-block;
transition:all .8s;
margin-bottom:1.5rem}

.card-style02 h3{margin-bottom:1.2rem}

.card-style02 span,.card-style02 h3,.card-style02 p,.card-style02 a{position:relative;
z-index:9}

.card-style02 .card-body:before{border-radius:0.25rem;
background:#1B86B2;
position:absolute;
content:"";
top:99.5%;
bottom:0;
left:0;
right:0;
z-index:1;
-webkit-transition:all .5s;
-o-transition:all .5s;
transition:all .5s}

.card-style02 .card-body:hover:before{border-radius:0.25rem;
top:0;
bottom:0;
background:#1B86B2}

.card-style02 .card-body:hover span i{color:#1B86B2;
background:#fff}

.card-style02 .card-body:hover h3,.card-style02 .card-body:hover p,.card-style02 .card-body:hover a{color:#fff}

.card-style02.green .card-body .icon i{color:#06df9e;
background:rgba(6,223,158,0.1)}

.card-style02.green .card-body:before{background:#06df9e}

.card-style02.green .card-body:hover:before{background:#06df9e}

.card-style02.green .card-body:hover span i{color:#06df9e;
background:#fff}

.card-style02.orange .card-body .icon i{color:#ff6262;
background:rgba(255,98,98,0.1)}

.card-style02.orange .card-body:before{background:#ff6262}

.card-style02.orange .card-body:hover:before{background:#ff6262}

.card-style02.orange .card-body:hover span i{color:#ff6262;
background:#fff}

.card-style02.blue .card-body .icon i{color:#15b2ec;
background:rgba(21,178,236,0.1)}

.card-style02.blue .card-body:before{background:#15b2ec}

.card-style02.blue .card-body:hover:before{background:#15b2ec}

.card-style02.blue .card-body:hover span i{color:#15b2ec;
background:#fff}

.card-style02.yellow .card-body .icon i{color:#ffcc6f;
background:rgba(255,204,111,0.1)}

.card-style02.yellow .card-body:before{background:#ffcc6f}

.card-style02.yellow .card-body:hover:before{background:#ffcc6f}

.card-style02.yellow .card-body:hover span i{color:#ffcc6f;
background:#fff}

.card-style02.fill .card-body:before{border-radius:0.25rem;
top:0;
bottom:0;
background:#1B86B2}

.card-style02.fill .card-body span i{color:#1B86B2;
background:#fff}

.card-style02.fill .card-body h3,.card-style02.fill .card-body p,.card-style02.fill .card-body a{color:#fff}

.card-style03{text-align:center;
padding:40px 20px;
transition:all .3s ease-out;
border:none;
box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075)}

.card-style03 .card-body{padding:0}

.card-style03:hover{background-color:#fff;
box-shadow:0 0 30px 0px rgba(0,0,0,0.18);
transform:translate(0, -10px)}

.card-style04{border:none;
text-align:center;
padding:40px 20px;
transition:all .3s ease-out}

.card-style04:hover{background-color:#fff;
box-shadow:0 0 30px 0px rgba(0,0,0,0.18);
-moz-box-shadow:0 0 30px 0px rgba(0,0,0,0.18);
-webkit-box-shadow:0 0 30px 0px rgba(0,0,0,0.18);
transform:translate(0, -10px);
-webkit-transform:translate(0, -10px);
-moz-transform:translate(0, -10px)}

.card-style04 .card-body{padding:0}

.card-style04 p{font-size:16px;
line-height:30px}

.card-style04 .icon-box5{font-size:26px;
display:flex;
align-content:center;
align-items:center;
justify-content:center;
height:80px;
margin:auto;
border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
box-shadow:15px 15px 50px rgba(0,0,0,0.2);
animation:one-animated 8s infinite;
margin-bottom:40px}

.card-style04 .service-icon1{display:flex;
align-content:center;
align-items:center;
justify-content:center;
height:60px;
border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
box-shadow:15px 15px 50px rgba(0,0,0,0.2);
animation:one-animated 8s infinite}

@keyframes one-animated{0%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
box-shadow:15px 15px 50px rgba(0,0,0,0.2)}

25%{border-radius:58% 42% 75% 25% / 76% 46% 54% 24%}

50%{border-radius:50% 50% 33% 67% / 55% 27% 73% 45%;
box-shadow:-10px -5px 50px rgba(0,0,0,0.2)}

75%{border-radius:33% 67% 58% 42% / 63% 68% 32% 37%}

}

@media screen and (max-width: 991px){.card-style04{padding:30px 10px}

.card-style04 .icon-box5{height:70px;
margin-bottom:25px}

}

@media screen and (max-width: 767px){.card-style04 p{font-size:15px;
line-height:28px}

}

.card-style05{border:none;
text-align:center;
background:#fff;
box-shadow:0 0 2.5rem rgba(0,0,0,0.05);
border-radius:.25rem;
height:100%}

.card-style05:hover i{color:#fff}

.card-style05:hover i:after{background:#1B86B2;
transform:rotate(0deg)}

.card-style05 i{display:inline-block;
color:#1B86B2;
font-size:45px;
width:85px;
height:85px;
margin:0 auto 30px auto;
line-height:85px;
position:relative;
transition:all 0.4s;
z-index:3}

.card-style05 i:after{content:"";
width:100%;
height:100%;
top:0;
left:0;
position:absolute;
border-radius:20px;
background:rgba(41,45,194,0.15);
z-index:-1;
transform:rotate(45deg);
transition:all 0.4s}

@media screen and (max-width: 1199px){.card-style05 i{font-size:34px;
width:75px;
height:75px;
line-height:75px;
margin-bottom:25px}

}

@media screen and (max-width: 991px){.card-style05 i{margin-bottom:20px}

}

@media screen and (max-width: 767px){.card-style05 i{font-size:30px;
width:60px;
height:60px;
line-height:60px;
margin-bottom:15px}

}

.card-style06{background:#fff;
box-shadow:0px 3px 10px 0px rgba(41,45,194,0.08);
border-radius:4px;
margin:0px 10px 0px 0px;
position:relative;
z-index:5;
padding:15px 25px 15px 25px;
transition:all 0.6s linear;
height:100%;
border:none}

.card-style06 .card-body{padding:0}

.card-style06:after{content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:linear-gradient(-45deg, #1B86B2, #0084e9);
z-index:-3;
opacity:0;
transition:all 0.6s linear;
border-radius:4px;
width:100%;
height:100%}

.card-style06:hover:after{opacity:1}

.card-style06 .icon{font-size:40px}
.card-style06 .icon:hover {font-size:43px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3)
		opacity: 1;
}

.card-style06 h3{font-size:22px;
font-weight:500;
margin-bottom:30px}

.card-style06 p{font-size:16px;
line-height:28px;
margin-bottom:0}

.card-style06 .title-box{margin:0 0 20px 0}

.card-style06 i{transition:all 0.3s linear}

.card-style06:hover{opacity:1;
transform:translate(0%, 0%);
transition:all 1.3s linear;
        background: #1B86B2;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-45deg, #1B86B2, #39B553);
    background: linear-gradient(45deg, #1B86B2, #39B553);}

.card-style06:hover .box-circle{transform:scale(1.2)}

.card-style06:hover h3,.card-style06:hover p,.card-style06:hover .icon{color:#fff;
	}

.card-style06:hover .box-circle{background:rgba(255,255,255,0.1)}

.card-style06:hover i{color:#fff}

@media screen and (max-width: 1199px){.card-style06{padding:35px 25px 25px 25px}

.card-style06 .title-box{margin:0 0 40px 0}

.card-style06 h3{font-size:20px;
margin-bottom:25px}

.card-style06 p{font-size:15px}

.card-style06 .icon{font-size:36px}

}

@media screen and (max-width: 991px){.card-style06{margin-right:0}

.card-style06 .title-box{margin-bottom:30px}

.card-style06 h3{margin-bottom:20px}

.card-style06 .icon{font-size:32px}

}

@media screen and (max-width: 575px){.card-style06{padding:25px}

.card-style06 h3{font-size:18px}

.card-style06 .title-box{margin-bottom:25px}

.card-style06 h3{margin-bottom:15px}

}

.card-style07{background:#fff;
border-radius:0.25rem;
border:none;
text-align:center;
height:100%;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out}

.card-style07 .card-body{padding:0}

.card-style07 i{ color: #1B86B2;}

.card-style07:hover{box-shadow:-1px 9px 18px 0px rgba(75,81,91,0.1);
background:#ffffff}

.card-style07:hover i{animation-name:elementor-animation-wobble-to-top-right;
animation-duration:1s;
animation-timing-function:ease-in-out;
animation-iteration-count:1}

.card-style07:active,.card-style07:focus,.card-style07:hover{animation-name:elementor-animation-wobble-to-bottom-right;
animation-duration:1s;
animation-timing-function:ease-in-out;
animation-iteration-count:1}

.card-style07.bg-light-gray{background:#f7f7f7}

.card-style07 .title-box{position:relative;
padding:20px 0;
font-size:60px;
line-height:1;
width:2em;
margin-left:auto;
margin-right:auto}

.card-style07 .box-circle-large,.card-style07 .box-circle-small{position:absolute;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	border-radius: 10px;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out}

.card-style07 .box-circle-large{left:0;
bottom:0;
width:1.37em;
height:1.37em;
background:rgba(78,74,200,0.1)}

.card-style07 .box-circle-small{top:0;
right:0;
width:0.59em;
height:0.59em;
background:rgba(128,137,255,0.1)}

.card-style07:hover{    background: #1B86B2;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-45deg, #1B86B2, #39B553);
    background: linear-gradient(45deg, #1B86B2, #39B553);}

.card-style07:hover .box-circle-large{transform:scale(1.2)}

.card-style07:hover .box-circle-small{transform:translate3d(0, -35%, 0) rotate(0deg)}

.card-style07:hover h3,.card-style07:hover p,.card-style07:hover i,.card-style07:hover a,.card-style07:hover .text-extra-dark-gray{color:#fff}

.card-style07:hover .box-circle-large{background:rgba(255,255,255,0.1)}

.card-style07:hover .box-circle-small{background:rgba(255,255,255,0.2)}

.card-style07.active{background:#1B86B2}

.card-style07.active h3,.card-style07.active p,.card-style07.active i{color:#fff}

.card-style07.active .box-circle-large{background:rgba(255,255,255,0.1)}

.card-style07.active .box-circle-small{background:rgba(255,255,255,0.2)}

@keyframes elementor-animation-wobble-to-top-right{16.65%{transform:translate(8px, -8px)}

33.3%{transform:translate(-6px, 6px)}

49.95%{transform:translate(4px, -4px)}

66.6%{transform:translate(-2px, 2px)}

83.25%{transform:translate(1px, -1px)}

100%{transform:translate(0, 0)}

}

@media screen and (max-width: 991px){.card-style07 .title-box{font-size:50px}

}

@media screen and (max-width: 767px){.card-style07 .title-box{font-size:42px}

}

.card-style08{border:none;
background:#fff;
box-shadow:-1px 9px 18px 0px rgba(75,81,91,0.1);
padding:60px 25px 75px 25px;
border-radius:7px;
text-align:center;
height:100%;
transition:all 0.2s ease-in-out}

.card-style08 .card-body{padding:0}

.card-style08:hover{box-shadow:-1px 9px 18px 0px rgba(75,81,91,0.1);
background:#ffffff}

.card-style08:active{animation-name:elementor-animation-wobble-to-bottom-right;
animation-duration:1s;
animation-timing-function:ease-in-out;
animation-iteration-count:1}

.services-block:focus,.services-block:hover{animation-name:elementor-animation-wobble-to-bottom-right;
animation-duration:1s;
animation-timing-function:ease-in-out;
animation-iteration-count:1}

.card-style08.bg-light-gray{background:#f7f7f7}

.card-style08 p{margin-bottom:0;
line-height:30px}

.card-style08 .title-box{margin-left:auto;
margin-right:auto}

.card-style08 .box-circle-large{position:absolute;
border-radius:50%;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
left:0;
bottom:0;
width:1.37em;
height:1.37em}

.card-style08:hover .box-circle-large{transform:scale(1.2)}

@media screen and (max-width: 1199px){.card-style08{padding:50px 25px 65px 25px}

}

@media screen and (max-width: 991px){.card-style08{padding:45px 25px 60px 25px}

}

@media screen and (max-width: 767px){.card-style08{padding:35px 20px 60px 20px}

}

.card-style09{border:none;
background:none;
text-align:center;
padding-left:20px;
padding-right:20px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
color:rgba(255,255,255,0.85)}

.card-style09 .card-body{padding:0}

.card-style09.line{position:relative}

.card-style09.line:after{content:'';
position:absolute;
width:69%;
height:2px;
top:50px;
left:70%;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
border:1px dashed #fff}

.card-style09 .icon{width:100px;
height:100px;
margin:auto;
-webkit-border-radius:30px;
-moz-border-radius:30px;
-o-border-radius:30px;
border-radius:30px;
margin-bottom:35px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
background:rgba(255,255,255,0.9);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg)}

.card-style09 .icon i{display:block;
width:100px;
height:100px;
line-height:95px;
color:#1B86B2;
font-size:40px;
-webkit-transform:rotate(315deg);
-moz-transform:rotate(315deg);
-o-transform:rotate(315deg);
transform:rotate(315deg)}

.card-style09 .title{font-size:18px;
letter-spacing:1.12px;
margin-bottom:15px;
color:#fff}

.card-style09:hover .icon{background:#1B86B2;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg)}

.card-style09:hover .icon i{-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
color:#fff}

@media screen and (max-width: 1199px){.card-style09 .icon i{width:90px;
height:90px;
line-height:90px;
font-size:36px}

.card-style09 .title{margin-bottom:10px}

.card-style09 .icon{width:90px;
height:90px;
margin-bottom:25px}

.card-style09.line:after{width:65%;
left:73%}

}

@media screen and (max-width: 991px){.card-style09 .title{font-size:17px}

.card-style09 .icon{width:80px;
height:80px;
margin-bottom:20px}

.card-style09 .icon i{width:80px;
height:80px;
line-height:80px;
font-size:32px}

.card-style09.line:after{width:65%;
left:75%;
top:40px}

}

@media screen and (max-width: 767px){.card-style09{margin-bottom:90px}

.card-style09 .title{font-size:16px;
margin-bottom:5px}

.card-style09 .icon{width:70px;
height:70px;
margin-bottom:15px}

.card-style09 .icon i{width:70px;
height:70px;
line-height:70px;
font-size:28px}

.card-style09.line{top:0}

.card-style09.line:after{width:1px;
left:0;
top:auto;
bottom:-42%;
right:0;
margin:0 auto;
height:35%}

}

@media screen and (max-width: 575px){.card-style09.line:after{bottom:-38%}

}

.card-style10{border:none;
box-shadow:-1px 9px 18px 0px rgba(75,81,91,0.1);
margin:30px;
padding:60px 40px 60px 40px}

.card-style10 .card-body{padding:0}

.card-style10 h4{margin-bottom:20px}

.card-style10 h4 a{color:#1d184a;
font-size:18px}

.card-style10 h4 a:hover{color:#1B86B2}

.card-style10 p{line-height:30px}

.card-style10 .card-img{height:120px;
width:120px;
line-height:120px;
border-radius:50%;
display:flex;
background-color:#e6ecff;
padding:0 15px;margin:0 auto 30px auto}

.card-style10 .card-img img{border-radius:50%;vertical-align:middle}

.card-style10 a span{font-size:24px;display:inline-block;vertical-align:middle;margin-top:-2px}

@media screen and (max-width: 1199px){.card-style10{padding:50px 30px 50px 30px}

}

@media screen and (max-width: 767px){.card-style10{padding:35px 25px 35px 25px;margin:30px 25px}

}

.card-style11{border:none}

.card-style11 .card-body{padding:0}

.card-style11:nth-child(1){border-right:1px solid #ececec;border-bottom:1px solid #ececec}

.card-style11:nth-child(2){border-bottom:1px solid #ececec}

.card-style11:nth-child(3){border-right:1px solid #ececec}

.card-style11 .inner-box{position:relative;text-align:center;padding:100px 15px 25px 15px;display:inline-block;width:100%}

.card-style11 .icon-box .feature-icon{position:relative}

@media screen and (max-width: 575px){.card-style11 .inner-box{padding:80px 0 15px 0}

}

.card-style12{border:none;text-align:center}

.card-style12 .card-body{padding:1.7rem}

.card-style12 p{margin-bottom:0}

.card-style12 .icon-box4{height:60px;width:60px;font-size:26px;box-shadow:0 14px 26px -12px rgba(103,58,183,0.42),0 4px 23px 0px rgba(0,0,0,0.12),0 8px 10px -5px rgba(103,58,183,0.2) !important;border-radius:4px;position:relative;text-align:center;display:inline-block;line-height:63px}

.card-style12 .icon-box4:after{width:76px;height:76px;content:"";position:absolute;top:-8px;left:-8px;opacity:0.8;border-radius:5px;-webkit-transform:scale(0.8);transform:scale(0.8);transition:all 0.3s;border:2px solid transparent}

.card-style12:hover .icon-box4:after{-webkit-transform:scale(1);transform:scale(1);border:2px solid}

.card-style12 p{line-height:30px;margin:0 auto}

.card-style12 h5{font-size:17px;line-height:22px;margin-bottom:15px}

.card-style12 .bg1{background:#1B86B2}

.card-style12 .bg2{background:#f7864e}

.card-style12 .bg3{background:#35c3ec}

.card-style12 .bg4{background:#e8bb20}

.card-style12 .bg5{background:#f94897}

.card-style12 .bg6{background:#5abb29}

.card-style12:hover .icon-box4.bg1:after{border-color:#1B86B2}

.card-style12:hover .icon-box4.bg2:after{border-color:#f7864e}

.card-style12:hover .icon-box4.bg3:after{border-color:#35c3ec}

.card-style12:hover .icon-box4.bg4:after{border-color:#e8bb20}

.card-style12:hover .icon-box4.bg5:after{border-color:#f94897}

.card-style12:hover .icon-box4.bg6:after{border-color:#5abb29}

.card-style13{border:1px solid #f4f4f9;background-color:white;-webkit-box-shadow:0px 2px 4px 0px rgba(12,0,46,0.04);box-shadow:0px 2px 4px 0px rgba(12,0,46,0.04);padding:50px;height:100%;webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}

.card-style13:hover{-webkit-box-shadow:0px 20px 40px 0px rgba(12,0,46,0.08);box-shadow:0px 20px 40px 0px rgba(12,0,46,0.08)}

.card-style13 .card-body{padding:0}

.card-style13 h5{font-size:20px;margin-bottom:15px;color:#243f67}

.card-style13 p{margin-bottom:0;line-height:28px}

.card-style13:hover .service-img{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg);-moz-transform:translateX(3px) rotate(2deg);-ms-transform:translateX(3px) rotate(2deg);-o-transform:translateX(3px) rotate(2deg)}

100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg);-moz-transform:translateX(-3px) rotate(-2deg);-ms-transform:translateX(-3px) rotate(-2deg);-o-transform:translateX(-3px) rotate(-2deg)}

}

@media screen and (max-width: 1199px){.card-style13{padding:40px}

}

@media screen and (max-width: 991px){.card-style13{padding:35px}

.card-style13 h5{font-size:18px}

}

@media screen and (max-width: 575px){.card-style13{padding:30px 25px}

}

.card-style14{box-shadow:0 0 20px 3px rgba(0,0,0,0.05);position:relative}

.card-style14:after{position:absolute;content:'';bottom:60px;right:40px;width:180px;height:180px;border-radius:50%;background-color:rgba(255,255,255,0.05);-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);z-index:-1;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}

.card-style14:hover{background-color:#1B86B2}

.card-style14:hover:after{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}

.card-style14 .icon-inner{position:relative}

.card-style14 .icon-inner i{color:#1B86B2}

.card-style14:hover a,.card-style14:hover p,.card-style14:hover .icon-inner i{color:#fff}

.card-style14 .icon-inner:before{background:rgba(41,45,194,0.1);position:absolute;content:"";left:-14px;top:-14px;height:50px;z-index:0;width:50px;border-radius:50%}

.card-style14:hover .icon-inner:before{background:rgba(255,255,255,0.1)}

.hover-effect-1{transition:all .3s ease-out}

.hover-effect-1:hover{transform:translate(0, -10px)}

.card-style15 .icon{position:relative}

.card-style15 .box-circle{left:14px;bottom:-6px;width:40px;height:40px;position:absolute;border-radius:74% 26% 46% 54% / 53% 27% 73% 47%;background:linear-gradient(247deg, #ffcc6f, #fff);transition:all 0.8s ease-in-out;z-index:0}

.card-style15 .box-circle.green{background:linear-gradient(247deg, #06df9e, #fff)}

.card-style15 .box-circle.orange{background:linear-gradient(247deg, #ff6262, #fff)}

.card-style15 i{font-size:50px;z-index:9;position:relative}

.card-style15.parrot .icon{background-color:#96f7d2}

.card-style15.sky .icon{background-color:#a9d2ff}

.card-style16{box-shadow:0 0 20px 3px rgba(0,0,0,0.05)}

.card-style17{box-shadow:0 0 20px 3px rgba(0,0,0,0.05)}

.card-style17 img{border-top-left-radius:10px;border-top-right-radius:10px}

.card-style17 .card-img-top:before{content:'';background-image:-webkit-linear-gradient(90deg, #062a35 0%, rgba(11,40,52,0.5) 21%, rgba(12,39,52,0.43) 25%, rgba(17,36,51,0) 100%);position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}

.card-style18 .card-body{border-radius:5px;padding:30px;margin-bottom:20px;position:relative;text-align:center;transition:.4s}

.card-style18 .card-body .icon{align-items:center;background:#fff;border-radius:100%;display:flex;height:75px;justify-content:center;margin:0 auto;position:relative;width:75px}

.card-style18:hover .card-body .hover-action{opacity:1;bottom:-20px}

.card-style18 .card-body .hover-action{bottom:0px;left:50%;opacity:0;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.4s}

.card-style18 .card-body .hover-action .card-btn{background:#fff;border-radius:100%;display:inline-block;font-size:20px;height:40px;line-height:43px;width:40px}

.card-style19{box-shadow:0px 0px 20px rgba(0,0,0,0.05);transition:.5s}

.card-style19 .card-body{min-height:16rem;background-color:transparent}

.card-style19 .card-footer{background-color:transparent}

.card-style19:hover .card-body,.card-style19:hover .card-footer{background-color:#fff;transition:.5s}

.card-style19:hover:before{opacity:0}

.card-style19 a,.card-style19 span{color:#fff}

.card-style19:hover a,.card-style19:hover span{color:#232323}

.card-style19:before{content:'';background:rgba(0,0,0,0.5);height:100%;width:100%;position:absolute;left:0;top:0;opacity:1}

.card-style20{box-shadow:0px 0px 20px rgba(0,0,0,0.05)}

.card-style20 .icon{position:relative;height:100px;width:120px;z-index:2;-webkit-perspective:100px;perspective:100px;margin-bottom:30px}

.card-style20 .icon:before{background:rgba(60,241,187,0.1);position:absolute;content:"";right:44%;top:-15%;height:100%;width:88px;z-index:-1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform:rotateY(-7deg);box-shadow:0 0 1px transparent}

.card-style20.yellow .icon:before{background:rgba(255,204,111,0.1)}

.card-style20.blue .icon:before{background:rgba(86,205,249,0.1)}

.card-style20.orange .icon:before{background:rgba(247,133,133,0.1)}

.card-style20.purple .icon:before{background:rgba(114,117,245,0.1)}

.card-style20.pink .icon:before{background:rgba(255,197,213,0.1)}

.card-style20 .icon .icon-inner{position:relative;left:32px;display:inline-block;border-radius:50%}

.card-style20 .icon .icon-inner i{width:62px;height:62px;text-align:center;line-height:62px;border-radius:50%;color:#fff;font-size:30px;display:inline-block}

.card-style21{-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-box-shadow:0 40px 70px 0 rgba(0,0,0,0.05);box-shadow:0 40px 70px 0 rgba(0,0,0,0.05)}

.card-style21 .icon{z-index:1;width:70px;height:70px;position:relative;margin-bottom:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}

.card-style21:hover .shape{top:4px;left:3px;-webkit-transform:scale(1.2);transform:scale(1.2)}

.card-style21 .shape{top:38%;left:-8px;z-index:-1;width:60px;height:60px;position:absolute;border-radius:0;-webkit-transform:scale(0.6);transform:scale(0.6);-webkit-transition:0.3s cubic-bezier(0.37, 1.89, 0.66, 1);transition:0.3s cubic-bezier(0.37, 1.89, 0.66, 1)}

.card-style22{border:0;border-radius:0;background-color:transparent;perspective:1000px;margin-bottom:0}

.card-style22 .card-img{border-radius:.8125rem;position:static}

.card-style22 .card-img-top,.card-style22 .card-img-bottom,.card-style22 .card-body{position:static}

.card-flip-details{position:relative;width:100%;height:100%;transition:transform .5s ease-in-out;transform-style:preserve-3d}

.card-flip-front{border-radius:1rem;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.card-flip-back{border-radius:1rem;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;transform:rotateY(180deg);border:0.0625rem solid rgba(220,224,229,0.6);background-color:#fff;color:inherit;text-decoration:none;box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,0.1)}

.card-flip-back .card-body{display:table;width:100%;height:100%;min-height:100%}

.card-flip-back .card-body .card-body-inner{display:table-cell;text-align:center;vertical-align:middle}

.card-flip-back:hover{color:inherit;text-decoration:none}

.card-style22:hover .card-flip-details{transform:rotateY(180deg)}

.card-style23{transition:all .3s}

.card-style23:hover{background-color:#1B86B2}

.card-style23:hover h3,.card-style23:hover p{color:#fff}

.card-style23:hover a{color:#06df9e}

.card-style23:after{position:absolute;content:"";bottom:60px;right:40px;width:180px;height:180px;border-radius:50%;background-color:rgba(255,255,255,0.05);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);visibility:hidden;opacity:0;transition:all .4s}

.card-style23:hover:after{visibility:visible;opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}

@media screen and (max-width: 991px){.card-style23:after{width:120px;height:120px}

}

.card-style25 .team-icon{position:absolute;z-index:2;left:13px;top:50px;display:flex;flex-direction:column}

.card-style25 .team-icon a{margin:8px;transform:scale(0) rotate(45deg);opacity:0;transition:all .4s ease;background:#1B86B2;width:34px;height:34px;color:#fff;border-radius:50%;text-align:center;display:flex;justify-content:center;align-items:center;font-size:13px}

.card-style25:hover .team-icon a{transform:scale(1) rotate(0deg);opacity:1}

.card-style27 .team-icon{display:flex;flex-direction:column;text-align:right;position:absolute;top:5%;right:14%}

.card-style27 .team-icon a{margin-bottom:21px;color:#fff;opacity:0;transform:translateY(30px);transition:0.7s cubic-bezier(0.39, 0.2, 0, 1.04)}

.card-style27 .team-icon a i:after{content:'';position:absolute;left:0;bottom:-4px;height:1px;width:100%;background-color:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1)}

.card-style27:hover .team-icon a{opacity:1;transform:translateY(0)}

.card-style27:hover .team-icon a:nth-child(1){transition-delay:0s}

.card-style27:hover .team-icon a:nth-child(2){transition-delay:.1s}

.card-style27:hover .team-icon a:nth-child(3){transition-delay:.2s}

.service-carousel01.owl-theme .owl-nav{opacity:0;-webkit-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms}

.service-carousel01.owl-theme .owl-nav.disabled+.owl-dots{margin-bottom:0}

.service-carousel01.owl-theme:hover .owl-nav{opacity:1}

.service-carousel01.owl-theme .owl-nav [class*='owl-']{margin:0;transition:all 500ms ease;border-radius:unset}

.service-carousel01.owl-carousel .owl-nav button.owl-prev,.service-carousel01.owl-carousel .owl-nav button.owl-next{width:50px;height:50px;border-radius:50%;line-height:35px;background:rgba(255,255,255,0.1) !important;position:absolute;top:50%;display:flex;justify-content:center;align-items:center}

.service-carousel01 .owl-nav i{color:#1d184a;font-size:18px;padding-top:0}

.service-carousel01.owl-theme .owl-nav [class*='owl-']:hover{background:#1B86B2 !important}

.service-carousel01.owl-theme .owl-nav [class*='owl-']:hover i{color:#fff}

.service-carousel01.owl-carousel .owl-nav button.owl-prev{left:-6%;right:inherit}

.service-carousel01.owl-carousel .owl-nav button.owl-next{right:-6%;left:inherit}

.service-style1 .service-block{border:1px solid #dee2e6;transition:.4s;height:100%}

.service-style1 .service-block.one:hover{background-color:rgba(21,178,236,0.1);border:1px solid rgba(21,178,236,0.1)}

.service-style1 .service-block.two:hover{background-color:rgba(255,204,111,0.2);border:1px solid rgba(255,204,111,0.2)}

.service-style1 .service-block.three:hover{background-color:rgba(255,98,98,0.1);border:1px solid rgba(255,98,98,0.1)}

.service-style1 .service-block.four:hover{background-color:rgba(6,223,158,0.1);border:1px solid rgba(6,223,158,0.1)}

.service-style2 .service-layout{padding-left:65px;padding-right:65px}

.service-style2 .service-box{border-top:1px solid rgba(255,255,255,0.09);padding:65px 0}

.service-style2 .service-box:first-child{border-top:none}

.service-style2 .service-box .service-title{position:relative;z-index:1}

.service-style2 .service-box .service-title .hover-img{position:absolute;z-index:-1;right:15px;top:50%;opacity:0;visibility:hidden;transform:translateY(-50%);transition:all .3s ease-in-out}

.service-style2 .service-box .service-title h3{font-size:50px;font-weight:300;position:relative;margin-bottom:15px}

.service-style2 .service-box .service-title h3 a{color:#fff}

.service-style2 .service-box .service-title p{color:rgba(255,255,255,0.5)}

.service-style2 .service-box .arrow-icon{font-size:22px;color:#fff;width:75px;height:75px;border:1px solid #fff;border-radius:50%;text-align:center;line-height:75px;transition:all .3s ease-in-out}

.service-style2 .service-box:hover .service-title .hover-img{opacity:1;visibility:visible}

.service-style2 .service-box .arrow-icon:hover{background:#fff;color:#000}

@media screen and (max-width: 1199px){.service-style2 .service-box{padding:45px 0}

.service-style2 .service-box .service-title h3{font-size:38px}

.service-style2 .service-box .arrow-icon{width:65px;height:65px;line-height:65px;font-size:20px}

.service-style2 .service-box .service-title .hover-img{max-width:200px}

}

@media screen and (max-width: 991px){.service-style2 .service-box .service-title .hover-img{display:none}

.service-style2 .service-layout{padding:0}

.service-style2 .service-box .service-title{margin-bottom:30px}

.service-style2 .service-box .arrow-icon{display:inline-block;width:55px;height:55px;line-height:55px;font-size:18px}

.service-style2 .service-box .service-title h3{font-size:32px}

}

@media screen and (max-width: 575px){.service-style2 .service-box{padding:30px 0}

}

.features-style01 ul.list-double{position:relative}

.features-style01 ul.list-double li{padding-left:60px;position:relative;z-index:1;margin-top:30px}

.features-style01 ul.list-double li::after{position:absolute;left:0;top:0;content:"\e64c";font-family:'themify';height:25px;width:25px;text-align:center;line-height:24px;background:#fff;color:#0e1e2a;border-radius:50%;font-size:12px;border:1px solid #1B86B2;transition:all 0.35s ease-in-out}

.features-style01 ul.list-double li h5{margin-bottom:7px;font-size:20px}

.features-style01 ul.list-double li p{margin:0}

.features-style01 ul.list-double::after{position:absolute;left:12px;top:0;content:"";height:100%;width:2px;border-left:1px solid #1B86B2;opacity:0.3}

.features-style01 ul.list-double li:first-child::after,.features-style01 ul.list-double li:hover::after{transform:scale(1.5);background:#1B86B2;color:#fff}

.features-style02 .features-block{background-color:rgba(255,255,255,0.05);position:relative}

.features-style02 .features-block span{position:absolute;top:10%;right:10%;font-size:30px;color:rgba(255,204,111,0.2)}

.features-style02 .features-block.one,.features-style02 .features-block.two,.features-style02 .features-block.three{border-bottom:1px solid rgba(255,255,255,0.1)}

.features-style02 .features-block.one,.features-style02 .features-block.two,.features-style02 .features-block.four,.features-style02 .features-block.five{border-right:1px solid rgba(255,255,255,0.1)}

@media screen and (max-width: 991px){.features-style02 .features-block.two,.features-style02 .features-block.four{border-right:0}

.features-style02 .features-block.three{border-right:1px solid rgba(255,255,255,0.1)}

.features-style02 .features-block.four{border-bottom:1px solid rgba(255,255,255,0.1)}

}

@media screen and (max-width: 767px){.features-style02 .features-block.one,.features-style02 .features-block.three{border-right:0}

.features-style02 .features-block.five{border-right:0;border-bottom:1px solid rgba(255,255,255,0.1)}

}

.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}

.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}

.embed-responsive-16by9{padding-bottom:56.25%}

.embed-responsive-4by3{padding-bottom:75%}

.fullscreen-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-100}

.fullscreen-bg__video{position:absolute;top:0;left:0;width:100%;height:100%}

@media (min-aspect-ratio: 16 / 9){.fullscreen-bg__video{height:300%;top:-100%}

}

@media (max-aspect-ratio: 16 / 9){.fullscreen-bg__video{width:300%;left:-100%}

}

.label-offer{position:absolute;left:0;top:0;height:25px;line-height:25px;display:inline-block;padding:0px 12px;color:#fff;text-transform:uppercase;font-weight:600;font-size:12px;z-index:1}

.overline-title{position:relative;margin-bottom:30px}

.overline-title:after{overflow:hidden;content:"";background:rgba(0,0,0,0.08);height:1px;width:100%;position:absolute;left:0;top:13px}

.overline-title h4{position:relative;font-size:16px;background:#fff;padding-right:15px;margin-bottom:0;z-index:9;display:inline-block;font-weight:600}

@media screen and (max-width: 767px){.overline-title{margin-bottom:25px}

}

.categories-card.card{border:none;box-shadow:none}

.categories-card .card-img-overlay{display:flex}

.categories-card .card-img-overlay>*{flex:1}

.categories-card h3{margin-bottom:5px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}

.categories-card .bg-white-opacity{text-align:center;padding:20px 20px 18px 20px}

.offer-deal-banner{text-align:center}

.offer-deal-banner h4{letter-spacing:-0.5px;margin-bottom:25px}

.offer-deal-banner .banner-text{text-transform:uppercase;margin-bottom:8px;font-size:14px;font-weight:700}

.carousel-style1.product-grid-style{margin-top:0}

.product-grid-style{margin-top:-20px}

.product-grid-style>[class*="col-"]{margin-top:30px}

.product-grid-style .product-img{position:relative}

.product-grid-style .product-img img{border-radius:0.25rem}

.product-grid-style .product-details{transition:all .3s ease 0s;position:relative}

.product-details .product-cart{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999}

.product-details .product-cart>a{width:40px;height:40px;justify-content:center;align-items:center;display:flex;color:#1B86B2;margin-top:0;margin-right:10px;border-radius:50%;visibility:hidden;transition:all 0.5s;opacity:0;cursor:pointer;background-color:#fff}

.product-details .product-cart a:last-child{margin-right:0}

.product-details .product-cart>a:hover{background:#1B86B2;color:#fff}

.product-details:hover .product-cart a{transform:translateY(-30px);visibility:visible;opacity:1}

.product-grid-style .product-info{padding:15px;float:left;width:100%;text-align:center;font-size:18px}

.product-grid-style .product-info>a{margin-bottom:5px;display:inline-block;font-weight:600;font-size:15px}

.product-grid-style .price{font-weight:600}

.product-grid-style .price .red{color:#878787}

.product-list{margin-top:-20px}

.product-list>[class*="col-"]{margin-top:30px}

.product-card{border:1px solid rgba(0,0,0,0.075);height:100%}

.product-card .card-img{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;border-top-right-radius:0;border-bottom-right-radius:0}

.product-card .card-body{padding:2rem}

.product-card .card-body .read-more{display:block}

.product-card .card-body .read-more a{color:#1B86B2;font-size:13px;font-weight:600;letter-spacing:0.5px}

.product-card .card-body .read-more a:hover{color:#282b2d}

.product-card .card-footer:last-child{border-radius:0}

.product-card h3{font-size:18px;line-height:26px;margin-bottom:12px}

.product-card h3 a{color:#282b2d}

.product-card h3 a:hover{color:#1B86B2}

.product-card .card-footer{background:none;border-top:1px solid rgba(0,0,0,0.05);padding:0.8rem 2rem;font-weight:600}

.product-card .card-footer a{line-height:normal}

.product-card ul{margin-bottom:0;padding-bottom:0}

.product-card .card-footer img{max-width:35px}

.product-card .card-footer ul li{display:inline-block;color:#999;font-size:14px;font-weight:500;margin:0 10px 0 0}

.product-card .card-footer ul li i{color:#1B86B2;font-size:16px;font-weight:500;margin-right:5px}

@media screen and (max-width: 767px){.product-card .card-img.bg-img{min-height:250px}

}

@media screen and (max-width: 575px){.product-card .card-body{padding:1.5rem}

}

.control-top .owl-nav{margin:0;position:absolute;right:-2px;top:-73px}

.control-top.owl-theme .owl-nav [class*='owl-']{background:#fff !important;padding:0 7px;width:30px;height:30px;margin:0 2px;border-radius:0;border:1px solid #d5d5d5}

.control-top.owl-theme .owl-nav i{color:#6f6f6f;padding-top:4px}

.product-detail .label-sale{margin-left:5px;vertical-align:top;padding:2px 7px}

.product-detail .offer-price{text-decoration:line-through;color:red}

.product-rating .fas:hover{color:#282b2d}

.xzoom-preview{z-index:99999}

.table.bordered{border:1px solid #e8e8e8;border-radius:4px;margin-bottom:0}

.table.bordered tr:nth-child(even){background-color:#f7faff}

.table.bordered td,.table.bordered th{padding:1rem 0.75rem}

.table.bordered td,.table.bordered th{vertical-align:middle;text-align:center;border-right:1px solid #e8e8e8;border-top:1px solid #e8e8e8}

.table.bordered td:last-child{border-right:none}

.table.bordered th{vertical-align:middle;text-align:center}

.table.bordered td{padding:20px}

.table.bordered thead th{background:#f7faff}

.table.bordered .product-price,.table.bordered .product-quantity{color:#363f4d;font-size:16px;font-weight:600}

.table.bordered .first-column{font-weight:600;font-size:15px}

@media screen and (max-width: 575px){.media.product-review{display:table}

.media.product-review .media-body{display:inline-block;width:100%;margin-top:15px}

}

.cart-table .table{border:1px solid #e7e7e7;margin-bottom:0;font-size:14px}

.cart-table .table-bordered>:not(caption)>*{vertical-align:middle}

.cart-table .table tr th{border:none;padding:15px 10px;color:#ffffff;background-color:#1B86B2;text-align:left;vertical-align:middle}

.cart-table .table tr td{border:none;border-top:1px solid #e7e7e7;padding:15px 10px;color:#1d293f;font-weight:500;text-align:left}

.cart-table .table tr td.product-remove{padding:15px 25px;text-align:center}

.cart-table .table tr td.product-quantity .form-control{width:75px}

.cart-table .table tr td a{color:#1d293f}

.cart-table .table tr td a:hover{color:#6a26da}

.cart-table .table tr td .form-group{margin-bottom:0px}

.cart-table .actions{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #e7e7e7;border-top:none;padding:15px 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}

.cart-table .actions .coupon form{display:-webkit-box;display:-ms-flexbox;display:flex}

.cart-table .actions .coupon .input-text{border:1px solid #dfdfdf;border-radius:0px;height:48px;padding:10px 20px;-webkit-box-shadow:none;box-shadow:none;font-size:14px;font-weight:500;color:#1d293f;border-radius:50px;margin-right:10px}

.cart-table .actions .update-cart{margin-left:auto}

.cart-table .table td.product-thumbnail img{max-width:70px;height:auto}

.table.cart-sub-total{border-color:transparent;vertical-align:middle;padding:10px 30px}

.table.cart-sub-total td,.table.cart-sub-total th{border-color:transparent;vertical-align:middle;padding:10px 30px}

.table.cart-sub-total td{padding-right:0}

@media screen and (max-width: 767px){.cart-table .actions{display:inherit}

.cart-table .actions .coupon .input-text{height:44px}

.cart-table .actions .coupon form{display:inherit}

}

.product-list .product-block:hover>img{opacity:0.65}

.product-list .buttons{float:left;width:100%}

.product-list .buttons a{float:left;text-align:center;padding:8px 23px}

.product-list .buttons a:hover{opacity:0.8}

.categories-02{padding:0;margin:0}

.categories-02 li{display:inline-block;margin-right:20px;font-size:14px;font-weight:600;opacity:.8;vertical-align:middle}

.categories-02 li:last-child{margin-right:0}

.categories-02 li a{color:rgba(0,0,0,0.85)}

.categories-02 .line:after{content:"";font-size:23px;left:auto;position:absolute;right:-14px;font-weight:400;top:8px;width:5px;background:rgba(0,0,0,0.5);height:5px;display:inline-block;border-radius:8px}

.accordion-style2 .card{background:transparent;box-shadow:none;margin-top:0 !important;border:none}

.accordion-style2 .card-header{border:0px;padding:0;border-bottom:1px solid rgba(255,255,255,0.15);background:none}

.accordion-style2 .btn-link{background:#eff3f9 !important;color:#282b2d;font-size:14px;line-height:20px;position:relative;border:none;display:block;width:100%;text-align:left;white-space:normal;border-radius:0;padding:15px 30px 15px 15px;text-decoration:none}

.accordion-style2 .btn-link:hover,.accordion-style2 .btn-link:active,.accordion-style2 .btn-link:focus{background:#eff3f9 !important;border:none;text-decoration:none;box-shadow:none}

.accordion-style2 .btn-link.collapsed:after{background:none;content:"+";right:15px;left:inherit;font-size:20px;height:auto;transform:none;width:auto;top:15px}

.accordion-style2 .btn-link:after{background:none;content:"-";right:17px;left:inherit;font-size:20px;height:auto;transform:none;width:auto;top:15px;position:absolute;color:#282b2d}

.accordion-style2 .card-body{padding:10px 15px;text-align:left;background:#f7faff}

.image-box{position:relative;display:block}

.image-box figure{margin-bottom:0}

.image-box:before{position:absolute;content:'';background:#1B86B2;background:-webkit-linear-gradient(-45deg, #1B86B2, #0084e9);background:-moz-linear-gradient(-45deg, #1B86B2, #0084e9);background:-o-linear-gradient(-45deg, #1B86B2, #0084e9);background:linear-gradient(-45deg, #1B86B2, #0084e9);width:310px;height:310px;border-radius:50%;left:-130px;top:25%}

.image-box img{width:100%}

.image-box .image-1{position:relative;float:left;margin-left:-130px}

.image-box .image-2{position:absolute;left:-55px;bottom:310px;box-shadow:0 23px 50px rgba(176,176,176,0.35)}

.image-box .image-3{position:absolute;top:105px;right:20px}

.app-info .about-text:before{top:-10px;left:0;position:absolute;content:"\201E";margin-top:-65px;font-family:Arial,sans-serif;font-size:110px;line-height:1;color:#ddd}

.app-info .about-img img{width:60px;border-radius:50px}

@media screen and (max-width: 1399px){.image-box:before{width:275px;height:275px;left:-100px}

.image-box .image-2{left:-15px}

}

@media screen and (max-width: 1199px){.image-box .image-1{margin-left:-180px;left:90px}

.image-box .image-3{right:0}

}

@media screen and (max-width: 991px){.image-box:before{left:0}

.image-box .image-1{margin-left:0;left:0}

.image-box .image-2{left:50px}

.app-info{padding-right:50px;margin-top:-130px;padding-bottom:50px}

.app-info .about-text:before{font-size:98px}

}

@media screen and (max-width: 575px){.image-box:before{content:none}

.image-box .image-3{right:0;width:30%;top:50px}

.image-box .image-2{left:0;width:35%;bottom:210px}

.app-info{margin-top:-50px;padding-right:20px;padding-bottom:20px}

}

.app_screenshots_slides *{transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-duration:.2s;-ms-transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}

.app_screenshots_slides .single-shot{opacity:0.7;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";-webkit-transform:scale(0.85);-ms-transform:scale(0.85);transform:scale(0.85);text-align:center}

.app_screenshots_slides .center .single-shot{opacity:1;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

.app-screenshots-area button.owl-dot{height:11px;width:11px;border:2px solid #884bdf;border-radius:50%;display:inline-block;margin:0 6px;margin-top:50px}

.app-screenshots-area button.owl-dot.active{background-color:#fe4b8c;border-color:#fe4b8c}

.app-screenshots-area .owl-dots{height:100%;width:100%;text-align:center;margin-top:25px}

.clients-style1 img{opacity:1}

.clients-style2 img{opacity:.6;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}

.clients-style2 img:hover{opacity:1}

@media screen and (max-width: 991px){.section-clients .item{text-align:center;width:100%}

.section-clients .owl-carousel .owl-item img{max-width:75%;display:inline-block}

}

.clients-style4 .brands:hover img{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}

.clients-style4 .brands:hover .link{opacity:1 !important;-webkit-transition:all 0;-o-transition:all 0;transition:all 0}

.clients-style4 .brands:hover .char{-webkit-animation:fadeInUp 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;animation:fadeInUp 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;-webkit-animation-delay:calc(20ms * var(--char-index));animation-delay:calc(20ms * var(--char-index))}

.clients-style4 .brands .item{text-align:center;border:1px solid rgba(0,0,0,0.08);border-radius:10px;height:160px;line-height:160px}

.clients-style4 .brands .img{position:relative;display:flex;justify-content:center;align-items:center;height:100%}

.clients-style4 .brands .img img{-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;margin:auto}

.clients-style4 .brands .img .link{font-size:13px;width:-webkit-max-content;width:-moz-max-content;width:max-content;position:absolute;top:45%;left:50%;word-wrap:break-word;white-space:normal;word-break:break-all;max-width:100%;padding:0 15px;text-transform:uppercase;line-height:normal;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}

.clients-style5 .clients-box{position:relative;display:inline-block;width:100%;vertical-align:top}

.clients-style5 .clients-box .clients-inner{width:100%;height:328px;display:flex;justify-content:center;align-items:center;position:relative;background-color:#f8f9fa}

.clients-style5 .clients-box .clients-img{position:relative;z-index:2}

.clients-style5 .clients-box .clients-hover-logo{position:absolute;left:0;top:0;opacity:0;transition:opacity .3s ease-in-out}

.clients-style5 .clients-box .clients-bg-img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;transition:opacity .3s ease-in-out;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:-webkit-clip-path 0.57s cubic-bezier(0.62, 0.83, 0.34, 0.93);transition:clip-path 0.57s cubic-bezier(0.62, 0.83, 0.34, 0.93);transition:clip-path 0.57s cubic-bezier(0.62, 0.83, 0.34, 0.93),-webkit-clip-path 0.57s cubic-bezier(0.62, 0.83, 0.34, 0.93)}

.clients-style5 .clients-box:hover .clients-hover-logo{opacity:1}

.clients-style5 .clients-box:hover .clients-bg-img{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}

.clients-style6{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}

.clients-style6 .clients-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:20%;height:100%;padding:120px 80px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;position:relative}

.clients-style6 .clients-box:nth-child(5),.clients-style6 .clients-box:last-child{border-right:none}

.clients-style6 .clients-box .clients-hover{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;will-change:opacity;-webkit-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;-webkit-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s}

.clients-style6 .clients-box .clients-hover .left-overlay{display:block;position:absolute;height:0;width:50%;background:#ccc;-webkit-transition:0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-transition:0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);left:0;top:auto;bottom:0}

.clients-style6 .clients-box:hover .clients-hover .left-overlay{height:100%;top:0;bottom:auto}

.clients-style6 .clients-box .clients-hover .right-overlay{display:block;position:absolute;height:0;width:50%;background:#ccc;-webkit-transition:0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-transition:0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);right:0;top:0;bottom:auto}

.clients-style6 .clients-box:hover .clients-hover{opacity:1;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}

.clients-style6 .clients-box:hover .clients-hover .right-overlay{height:100%;top:auto;bottom:0}

@media screen and (max-width: 1199px){.clients-style6{justify-content:center}

.clients-style6 .clients-box{width:25%;padding:100px 60px}

.clients-style6 .clients-box:nth-child(4),.clients-style6 .clients-box:nth-child(8){border-right:none}

.clients-style6 .clients-box:nth-child(5),.clients-style6 .clients-box:last-child{border-right:1px solid #ccc}

.clients-style6 .clients-box:nth-child(9){border-left:1px solid #ccc}

}

@media screen and (max-width: 767px){.clients-style6 .clients-box{width:33%}

.clients-style6 .clients-box:nth-child(3),.clients-style6 .clients-box:nth-child(6),.clients-style6 .clients-box:nth-child(9){border-right:none}

.clients-style6 .clients-box:last-child{border-left:1px solid #ccc}

.clients-style6 .clients-box:nth-child(4){border-right:1px solid #ccc}

}

@media screen and (max-width: 575px){.clients-style6 .clients-box{width:100%;border-left:none;border-right:none}

.clients-style6 .clients-box:nth-child(4),.clients-style6 .clients-box:nth-child(5){border-right:none}

.clients-style6 .clients-box:last-child{border-left:none;border-right:none}

.clients-style6 .clients-box:nth-child(9){border-left:none}

}

.counter-box01 h3,.counter-box01 h4{display:inline-block;font-weight:600}

.social-icons a:hover{opacity:1}

.counter-box01{position:relative;text-align:center}

.counter-box01 h3:after{content:'+'}

.counter-box01 h4{font-size:28px;line-height:normal;margin:0}

.counter-box01 h4:before{content:'+'}

.counter-box01 h3{font-size:45px}

@media screen and (max-width: 767px){.counter-box01 p:before{margin:0;position:absolute;top:45px}

.counter-box01 p:after{margin:0;left:14px;right:0;top:45px}

.counter-box01.black p:after{margin:0;left:14px;right:0;top:45px}

.counter-box01 h4{font-size:22px}

}

.counter-box02{position:relative}

.counter-box02 .right-shape{position:absolute;right:0;bottom:-7px;width:300px}

.counter-box02 .left-shape{position:absolute;background:url(../img/bg/bg-03.png) no-repeat center top;width:100%;top:0;left:0;height:100%;background-size:cover;opacity:0.1}

@media screen and (max-width: 1399px){.counter-box02 .right-shape{right:-100px;bottom:-34px}

}

.counter-box03:before{content:'';position:absolute;left:56px;top:-40px;width:710px;height:460px;border-radius:58% 42% 61% 39% / 56% 66% 34% 44%;    background: #1B86B2;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-45deg, #1B86B2, #39B553);
    background: linear-gradient(45deg, #1B86B2, #39B553);z-index:1}

.sass-count{padding-left:42px}

.sass-count .icon{position:relative;height:100px;z-index:2;-webkit-perspective:100px;perspective:100px}

.sass-count .icon:before{background:rgba(60,241,187,0.1);position:absolute;content:"";right:44%;top:-23%;height:100%;width:88px;z-index:-1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform:rotateY(-7deg);box-shadow:0 0 1px transparent}

.sass-count.yellow .icon:before{background:rgba(255,204,111,0.1)}

.sass-count.blue .icon:before{background:rgba(86,205,249,0.1)}

.sass-count .icon .icon-inner{position:relative;width:62px;height:62px;text-align:center;line-height:64px;border-radius:100%;color:#fff;font-size:24px;left:32px}

.counter-style01 h5{color:transparent;text-stroke:1px #1f194c;-webkit-text-stroke:1px #1f194c}

.counter-style02 .count-text{-webkit-text-stroke:1px #22f55d;text-stroke:1px #22f55d;color:transparent;opacity:0.4;font-size:100px;line-height:1}

.counter-style02 h3{font-size:40px}

@media screen and (max-width: 1199px){.counter-style02 .count-text{font-size:75px}

.counter-style02 h3{font-size:32px}

}

@media screen and (max-width: 991px){.counter-style02 h3{font-size:26px}

.counter-style02 .count-text{font-size:60px}

}

.testmonial-style01 .avatar-info{overflow:hidden}

.testmonial-style01 h6{color:#1B86B2;font-weight:500}

.testmonial-style01 .avatar-info h4{font-size:18px;margin-bottom:0;color:#1B86B2}

.testmonial-style01 .avatar-info span{font-size:13px;font-weight:bold}

.testmonial-style01 .avatar-photo{display:inline-block;-webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;overflow:hidden;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);max-width:130px;height:130px;width:100%;vertical-align:top;margin-top:15px}

.testmonial-style01 .avatar-photo img{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;max-width:none;width:auto;margin-left:-30px;margin-top:-35px}

.testmonial-style01 .item-inner{overflow:hidden;display:inline-block;vertical-align:top}

.testmonials-style1 .custom-dot span{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);background:rgba(41,45,194,0.15);border:none;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px}

.testmonials-style1 .custom-dot span:hover{-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;background:#1B86B2}

@media screen and (max-width: 991px){.testmonial-style01 .avatar-info h4{font-size:16px}

}

@media screen and (max-width: 767px){.testmonials-style1 .custom-dot{margin-top:10px}

}

.testimonials-style01 .right-circle{border:1px solid rgba(6,223,158,0.5);width:300px;height:300px;border-radius:50%;display:flex;align-items:center;justify-content:center}

.testimonials-style01 .right-circle .quote-icon{width:140px;height:140px;border-radius:50%;padding:40px;position:relative;z-index:4;background-color:#f1f3f5;display:flex;justify-content:center;align-items:center}

.testimonials-style01 .img1{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}

@media screen and (max-width: 1199px){.testimonials-style01 .right-circle{width:228px;height:228px}

}

@media screen and (max-width: 767px){.testimonials-style01 .right-circle{width:300px;height:300px}

.testimonials-style01 .right-circle .quote-icon{width:120px;height:120px}

}

@media screen and (max-width: 479px){.testimonials-style01 .right-circle{width:207px;height:207px}

.testimonials-style01 .right-circle .quote-icon{width:100px;height:100px;padding:30px}

}

.testmonial-style02 .author-details .location{font-style:italic}

.testmonial-style02 .author-details span{display:block;text-align:left;font-weight:600}

.testmonial-style02 p{font-size:18px;line-height:36px;margin-bottom:50px;font-style:italic;margin-top:-115px}

.testmonial-style02 .quote{font-size:234px;opacity:0.1;line-height:210px}

.testmonial-style02.owl-theme .owl-nav{margin-top:0}

.testmonial-style02.owl-theme .owl-nav .owl-next{width:50px;height:50px;border-radius:50%;background-color:white;-webkit-box-shadow:0px 3px 4px 0px rgba(12,0,46,0.06);box-shadow:0px 3px 4px 0px rgba(12,0,46,0.06);font-size:20px;color:#222d39;border:0px;line-height:50px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;cursor:pointer;right:0;padding:0}

.testmonial-style02.owl-theme .owl-nav .owl-prev{width:50px;height:50px;border-radius:50%;background-color:#fff !important;-webkit-box-shadow:0px 3px 4px 0px rgba(12,0,46,0.06);box-shadow:0px 3px 4px 0px rgba(12,0,46,0.06);font-size:20px;color:#222d39;border:0px;line-height:50px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;cursor:pointer;left:0;padding:0}

.testmonial-style02.owl-theme .owl-nav>div:hover{background:#1B86B2 !important;color:#fff;-webkit-box-shadow:none;box-shadow:none}

.testmonial-style02.owl-theme .owl-nav>div:hover i{color:#fff}

@media screen and (max-width: 1199px){.testmonial-style02 p{font-size:16px;line-height:34px}

.testmonial-style02 .quote{font-size:214px;line-height:200px}

}

@media screen and (max-width: 991px){.testmonial-style02.owl-theme .owl-nav{margin-top:0}

.testmonial-style02 p{margin-bottom:35px}

}

@media screen and (max-width: 767px){.testmonial-style02 p{font-size:15px;line-height:32px}

.testmonial-style02 .quote{font-size:175px}

}

.testmonial-style03 .testmonial-block3{border-radius:4px;background-color:#fff;box-shadow:0px 5px 24px 6px rgba(0,0,0,0.06);padding:45px 40px;margin:30px 24px 40px;position:relative}

.testmonial-style03 .testmonial-block3 p{margin-top:50px;margin-bottom:10px;font-size:15px;line-height:30px}

.testmonial-style03 .quote{position:absolute;top:30px;font-size:124px;opacity:0.2;line-height:130px}

@media screen and (max-width: 1199px){.testmonial-style03 .testmonial-block3{padding:45px 25px}

}

@media screen and (max-width: 767px){.testmonial-style03 .testmonial-block3{padding:35px 20px}

}

.testmonial-style04{margin:0 6%;position:relative;z-index:1;text-align:center;font-weight:500}

.testmonial-style04:before{content:'';position:absolute;bottom:-30px;left:35px;right:35px;height:200px;background:#fff;border-radius:10px;box-shadow:0px 12px 25px 0px rgba(0,0,0,0.05);z-index:-1}

.testmonial-style04:after{content:'';position:absolute;bottom:-55px;left:80px;right:80px;height:200px;background:#fff;border-radius:10px;box-shadow:0px 15px 22px 0px rgba(0,0,0,0.03);z-index:-3}

.testmonial-style04 .testmonial-block{background:#fff;padding:60px 80px;box-shadow:0px 16px 25px 0px rgba(0,0,0,0.03);border-radius:10px;position:relative;z-index:5}

.testmonial-style04 .testmonial-block .quote{position:absolute;top:140px;left:0;right:0;font-size:220px;color:#f0f0f0;line-height:28px}

.testmonial-style04 .testmonial-block p{font-size:22px;line-height:44px;font-style:italic;padding-bottom:30px}

.testmonial-style04 .testmonial-carousel{margin-top:90px}

.testmonial-style04 .testmonial-block h6{font-weight:normal}

.testmonial-style04 .testmonial-block h6:before{content:"";width:20px;height:1px;background:#596982;display:inline-block;margin-right:8px;vertical-align:middle}

.testmonial-style04 .testmonial-carousel.owl-theme .owl-nav{margin-top:50px}

.testmonial-style04 .testmonial-carousel .owl-nav .owl-prev,.testmonial-style04 .testmonial-carousel .owl-nav .owl-next{background:transparent !important;box-shadow:none;width:auto;height:auto;margin:0;font-size:36px;color:#596982;line-height:normal}

.testmonial-style04 .testmonial-carousel.owl-theme .owl-nav [class*='owl-']:hover{color:#243f67}

.testmonial-style04 .testmonial-carousel .owl-nav i{font-size:36px;color:#9fa4b8;line-height:normal;padding:0}

.testmonial-style04 .testmonial-block .author-details{text-align:center}

@media screen and (max-width: 1199px){.testmonial-style04 .testmonial-block p{font-size:20px;line-height:40px}

.testmonial-style04 .testmonial-block .quote{font-size:180px;top:120px}

}

@media screen and (max-width: 991px){.testmonial-style04 .testmonial-block{padding:50px 40px}

.testmonial-style04 .testmonial-block p{font-size:18px;line-height:36px;padding-bottom:15px}

.testmonial-style04 .testmonial-carousel.owl-theme .owl-nav{margin-top:30px}

.testmonial-style04 .testmonial-carousel .owl-nav i{font-size:26px}

.testmonial-style04 .testmonial-carousel .owl-nav .owl-prev,.testmonial-style04 .testmonial-carousel .owl-nav .owl-next{font-size:32px}

}

@media screen and (max-width: 767px){.testmonial-style04{margin:0}

.testmonial-style04 .testmonial-block{padding:30px 40px}

.testmonial-style04 .testmonial-block p{font-size:16px;line-height:34px;padding-bottom:10px}

.testmonial-style04 .testmonial-block .quote{font-size:150px;top:100px}

}

@media screen and (max-width: 575px){.testmonial-style04{margin:0}

.testmonial-style04 .testmonial-block{padding:15px}

.testmonial-style04 .testmonial-block .quote{top:80px}

.testmonial-style04 .testmonial-block p{font-size:15px;line-height:30px}

.testmonial-style04 .testmonial-block .owl-item img{max-width:70px}

.testmonial-style04 .testmonial-carousel.owl-theme .owl-nav{margin-top:20px}

}

.testmonial-style05 .active.center .card{background:#1B86B2}

.testmonial-style05 .active.center .card *{color:#fff}

.testmonial-style05 .active.center .bg-purple{background:rgba(255,255,255,0.2)}

.testmonial-style05 .card{box-shadow:0px 0px 16px 0px rgba(187,187,187,0.48);margin:30px 15px;border:none !important}

.testmonial-style06{border-radius:5px;border:1px solid #eee;background:#fff;overflow:visible;position:relative}

.testmonial-style06:before{content:"\f10e";font-weight:700;color:#1B86B2;border-radius:50px;top:-15px;font-size:30px;right:40px;font-family:Font Awesome\ 5 Free;position:absolute}

.testmonial-style07 p{font-size:24px;margin-bottom:4rem;letter-spacing:0.5px;line-height:1.9;font-weight:300}

.testmonial-style07 h4{font-size:18px;margin-bottom:0}

.testmonial-style07 small{color:#fff}

.testmonial-style07 .quote{font-size:48px;margin-bottom:2rem;color:#fff;display:block}

.testmonial-style07 .owl-nav.disabled+.owl-dots{margin-top:40px}

.testmonial-style07.owl-theme .owl-nav.disabled+.owl-dots span{background:rgba(255,255,255,0.15);border:none}

.testmonial-style07.owl-theme .owl-dots .owl-dot.active span,.testmonial-style07.owl-theme .owl-dots .owl-dot:hover span{background:#fff}

@media screen and (max-width: 991px){.testmonial-style07 p{font-size:20px}

}

@media screen and (max-width: 767px){.testmonial-style07 p{font-size:18px}

}

@media screen and (max-width: 575px){.testmonial-style07 .quote{font-size:42px}

.testmonial-style07 p{margin-bottom:3rem;font-size:16px}

}

.testmonial-style08{background-image:linear-gradient(to bottom, #1B86B2 0%, #1B86B2 50%, #1B86B2 50%, #fff 50%, #fff 100%)}

.testimonial-style09 .testimonial-block{box-shadow:0 0 20px 3px rgba(0,0,0,0.05);border-radius:10px}

.testimonial-style09 .testi-img{top:-29px;position:absolute;border-radius:50%;right:30px;width:80px !important;height:80px !important}

.testimonial-style09 .owl-dots{text-align:center;margin-top:20px}

.testimonial-style09 .owl-theme .owl-dots{counter-reset:dots;color:#CECECE}

.testimonial-style09 .owl-theme .owl-dots .owl-dot{position:relative}

.testimonial-style09 .owl-theme .owl-dots .owl-dot.active{color:#1B86B2}

.testimonial-style09 .owl-theme .owl-dots .owl-dot:before{counter-increment:dots;content:counter(dots,decimal-leading-zero);position:absolute;right:20px;font-weight:700;z-index:2;font-size:20px}

.testimonial-style09 .owl-theme .owl-dots .owl-dot span{background:transparent;height:30px;width:40px;border-radius:0;position:relative;margin:0 12px 0 0;display:inline-block}

.testimonial-style09 .owl-theme .owl-dots .owl-dot.active span,.testimonial-style09 .owl-theme .owl-dots .owl-dot:hover span{background:transparent;height:30px;width:40px;border-radius:0;position:relative;display:inline-block}

.testimonial-style09 .owl-nav .owl-prev{color:#1B86B2;font-size:23px;text-align:center;width:unset;height:unset;background:unset !important;position:absolute;bottom:6px;line-height:1;left:43%;box-shadow:none}

.testimonial-style09 .owl-nav .owl-next{color:#1B86B2;font-size:23px;text-align:center;width:unset;height:unset;background:unset !important;position:absolute;bottom:6px;line-height:1;right:44%;box-shadow:none}

.testimonial-img1{position:absolute;top:0%;left:11%;border-radius:50px}

.testimonial-img2{position:absolute;left:21%;top:31%;width:65px;border-radius:50px}

.testimonial-img3{position:absolute;bottom:18%;left:14%;border-radius:50px}

.testimonial-img4{position:absolute;right:12%;top:0;width:60px;border-radius:50px}

.testimonial-img5{position:absolute;right:20%;top:30%;width:90px;border-radius:50px}

.testimonial-img6{position:absolute;right:11%;bottom:14%;width:85px;border-radius:50px}

@media screen and (max-width: 1399px){.testimonial-img2{left:16%}

.testimonial-img5{right:12%}

}

.testimonial-style12.owl-carousel .owl-nav.disabled,.testimonial-style12.owl-carousel .owl-dots.disabled{display:block}

.testimonial-style12 .owl-nav button.owl-prev,.testimonial-style12 .owl-nav button.owl-next{position:absolute;top:30%;transform:translate(20%, -50%);width:60px;height:60px;border-radius:50%;box-shadow:none;border:transparent;line-height:62px;background-color:rgba(255,255,255,0.1) !important}

.testimonial-style12 .owl-nav button.owl-prev{left:-20%}

.testimonial-style12 .owl-nav button.owl-next{right:-20%}

.testimonial-style12.owl-theme .owl-nav [class*='owl-']:hover{background:#1B86B2 !important}

.testimonial-style12.owl-theme .owl-nav [class*='owl-'] i,.testimonial-style12.owl-theme .owl-nav [class*='owl-']:hover i{color:#fff !important;font-size:18px}

@media screen and (max-width: 991px){.testimonial-style12 .owl-nav button.owl-prev{left:-7%}

.testimonial-style12 .owl-nav button.owl-next{right:-7%}

.testimonial-style12.owl-theme .owl-nav [class*='owl-'] i,.testimonial-style12.owl-theme .owl-nav [class*='owl-']:hover i{font-size:16px}

.testimonial-style12 .owl-nav button.owl-prev,.testimonial-style12 .owl-nav button.owl-next{width:50px;height:50px;line-height:52px}

}

@media screen and (max-width: 767px){.testimonial-style12.owl-carousel .owl-nav.disabled,.testimonial-style12.owl-carousel .owl-dots.disabled{display:none}

.testimonial-image{width:70px}

}

.testimonials-carousel13 button.owl-prev,.testimonials-carousel13 button.owl-next{position:absolute;top:50%;transform:translateY(-50%);width:80px;height:80px;border-radius:50% !important}

.testimonials-carousel13 button.owl-prev span,.testimonials-carousel13 button.owl-next span{letter-spacing:2px;font-size:16px}

.testimonials-carousel13 button.owl-prev{left:-18%}

.testimonials-carousel13 button.owl-next{right:-18%}

.testimonials-carousel13.owl-theme .owl-nav [class*='owl-']:hover{color:#06df9e}

@media screen and (max-width: 1199px){.testimonials-carousel13 button.owl-prev{left:-12%}

.testimonials-carousel13 button.owl-next{right:-12%}

.testimonials-carousel13 button.owl-prev,.testimonials-carousel13 button.owl-next{width:70px;height:70px}

}

@media screen and (max-width: 767px){.testimonials-carousel13.owl-theme .owl-nav{display:none}

}

.owl-theme .owl-nav.disabled+.owl-dots{text-align:center;z-index:1;margin-top:20px}

.owl-theme .owl-nav.disabled+.owl-dots span{width:12px;height:12px;margin:5px 5px 0 5px;background:none;cursor:pointer;display:block;border:1px solid #6E6E6F;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;-o-backface-visibility:visible;border-radius:30px;transition-duration:.3s;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s}

.owl-theme .owl-nav.disabled+.owl-dots span:hover{background:#aaa;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;-o-backface-visibility:visible;border-radius:30px}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span,.owl-theme .owl-dots .owl-dot:focus span{width:12px;height:12px;background:#1B86B2;border-color:#1B86B2;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}

.owl-nav i{color:#1d184a;font-size:18px;padding-top:6px}

.owl-nav .owl-next{color:#1B86B2;font-size:43px;text-align:center;width:40px;height:40px;background:#fff !important}

.owl-nav .owl-prev{color:#1B86B2;font-size:43px;text-align:center;width:40px;height:40px;background:#fff !important;left:0;-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;transition:all .4s ease 0s;-webkit-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);-moz-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);-o-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);box-shadow:0 5px 28px 0 rgba(50,50,50,0.1)}

.owl-nav .owl-next{-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;transition:all .4s ease 0s;-webkit-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);-moz-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);-o-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);box-shadow:0 5px 28px 0 rgba(50,50,50,0.1)}

@media screen and (max-width: 767px){.owl-theme .owl-nav.disabled+.owl-dots{margin-top:15px}

}

.owl-carousel .owl-item img{width:auto;display:inline-block}

.owl-thumbs{z-index:9;position:relative}

.owl-thumbs button{border:none}

.owl-thumbs button .title{transition:0.5s;opacity:0;text-align:center;visibility:hidden;margin:20px -100px 0}

.owl-thumbs button.active .title{opacity:1;visibility:visible}

.owl-thumbs button img{opacity:.5}

.owl-thumbs button.active img{opacity:1}

.team-style01{border:1px dashed #cee1f8;border-radius:0.25rem;background:#fff;position:relative;transition:all 0.3s ease 0s}

.team-style01 .team-member-img>img{max-width:150px;padding:6px;background:rgba(41,45,194,0.15);border-radius:100px}

.team-style01 .social-links{margin-bottom:0}

.team-style01 .social-links li{display:inline-block;margin-right:10px}

.team-style01 .social-links li:last-child{margin-right:0}

.team-style01 .social-links li a:hover{opacity:0.85}

.team-style01 .bg-cover{    background: #1B86B2;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-45deg, #1B86B2, #39B553);
    background: linear-gradient(45deg, #1B86B2, #39B553);border-radius:0.25rem;position:absolute;height:100%;width:100%;top:0;opacity:0;z-index:1;transition:all 0.3s ease 0s}
.team-style01 .fond:hover {    background: #1B86B2;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-45deg, #1B86B2, #39B553);
    background: linear-gradient(45deg, #1B86B2, #39B553);border-radius:0.25rem;position:absolute;height:100%;width:100%;top:0;opacity:0;z-index:1;transition:all 0.3s ease 0s}


.team-style01:hover .team-member-img{position:relative;z-index:9}

.team-style01:hover .team-member-img>img{background:rgba(255,255,255,0.15)}

.team-style01:hover .bg-cover{opacity:1}

.team-style01:hover .alt-font{color:#fff}

.team-style01:hover .bg-primary{background:#fff}

.team-style01:hover div,.team-style01:hover .social-links a{color:#fff}

@media screen and (max-width: 767px){.team-style01 .team-member-img>img{max-width:120px;padding:4px}

}

.team-style02{box-shadow:0px 0px 16px 0px rgba(187,187,187,0.48);background:#fff;overflow:hidden;transition:all .3s ease;z-index:1;position:relative;border-radius:4px}

.team-style02 .team-img{overflow:hidden;position:relative}

.team-style02 .team-img img{transition:all .7s ease-in-out}

.team-style02 .team-icons{position:absolute;bottom:35%;left:0;right:0;text-align:center;transition:opacity .3s,bottom .3s;display:block;opacity:0}

.team-style02 .team-icons i{background:#fff;height:40px;width:40px;line-height:40px;border-radius:50px;margin-left:10px}

.team-style02:hover .team-icons{opacity:1}

@media screen and (max-width: 767px){.team-style02 .team-img img{width:100%}

.team-style02 .team-icons{bottom:120px}

}

.team-style03{overflow:hidden}

.team-style03 .team-img{width:100%;height:auto;border-radius:4px}

.team-style03 .team-img img{border-radius:4px}

.team-style03 .team-details{transition:all 0.4s ease-in-out;text-align:center;padding:20px;background:#fff;box-shadow:0px 0px 10px 0px rgba(50,50,50,0.1);width:90%;margin:-30px auto 20px auto;position:relative;z-index:1;border-radius:4px}

.team-style03 .team-details h4{font-size:16px;font-weight:500;line-height:normal;margin-bottom:4px}

.team-style03 .team-details h4 a{color:#1d184a;transition-duration:.0s;-ms-transition-duration:.0s;-moz-transition-duration:.0s;-webkit-transition-duration:.0s;-o-transition-duration:.0s}

.team-style03 .team-details span{font-size:15px;font-weight:600;letter-spacing:1px}

@media screen and (max-width: 991px){.team-style03 .team-details{padding:15px 10px}

.team-style03 .team-details h4{font-size:14px;margin-bottom:2px}

.team-style03 .team-details span{font-size:14px}

}

@media screen and (max-width: 575px){.team-style03 .team-details{padding:15px 10px}

}

.team-style04 .team-thumb{overflow:hidden;border-radius:5px}

.team-style04 .team-details{position:relative;width:calc(100% - 30px);margin-top:-45px;left:50%;transform:translateX(-50%);background:#fff;box-shadow:0 6px 47px 3px rgba(37,37,37,0.05)}

.team-style04:hover .team-thumb img{transform:scale(1.05)}

.team-style04 .team-thumb img{transition:all 0.3s linear 0s}

@media screen and (max-width: 991px){.team-style04 .team-details{width:calc(100% - 30px)}

}

.team-style05{transition:all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;position:relative;display:block;text-align:center}

.team-style05 .team-img{position:relative;overflow:hidden}

.team-style05 .overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:all 0.5s ease;background-image:linear-gradient(45deg, rgba(41,45,194,0.48) 0, rgba(0,132,233,0.5) 100%)}

.team-style05 .team-details{position:absolute;bottom:-35px;right:0;left:0;margin:auto 10%;z-index:99;padding:15px 0;background:#fff}

.team-style05 .team-social{position:absolute;right:0;left:0;margin:auto 10%;z-index:99;bottom:70px;opacity:0;transition:all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;margin-bottom:0}

.team-style05 .team-social li{display:inline-block;margin-right:5px}

.team-style05 .team-social li:last-child{margin-right:0}

.team-style05 .team-social li a{background:#1B86B2;background:-webkit-linear-gradient(-45deg, #1B86B2, #0084e9);background:-moz-linear-gradient(-45deg, #1B86B2, #0084e9);background:-o-linear-gradient(-45deg, #1B86B2, #0084e9);background:linear-gradient(-45deg, #1B86B2, #0084e9);width:35px;height:35px;border-radius:50px;line-height:35px;text-align:center;display:inline-block;color:#fff}

.team-style05:hover{box-shadow:0 0 5px rgba(0,0,0,0.15)}

.team-style05:hover .overlay{opacity:0.6}

.team-style05:hover .team-social{opacity:1}

.team-style06{transition:all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;position:relative;display:block;text-align:center}

.team-style06 .team-img{position:relative;overflow:hidden}

.team-style06 .overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:all 0.5s ease;background-image:linear-gradient(45deg, rgba(41,45,194,0.48) 0, rgba(0,132,233,0.5) 100%)}

.team-style06 .team-details{position:absolute;bottom:-35px;right:0;left:0;margin:auto 10%;z-index:99;padding:15px 0;background:#fff}

.team-style06 .team-social{position:absolute;right:0;left:0;margin:auto 10%;z-index:99;bottom:70px;opacity:0;transition:all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;margin-bottom:0}

.team-style06 .team-social li{display:inline-block;margin-right:5px}

.team-style06 .team-social li:last-child{margin-right:0}

.team-style06 .team-social li a{background:#1B86B2;background:-webkit-linear-gradient(-45deg, #1B86B2, #0084e9);background:-moz-linear-gradient(-45deg, #1B86B2, #0084e9);background:-o-linear-gradient(-45deg, #1B86B2, #0084e9);background:linear-gradient(-45deg, #1B86B2, #0084e9);width:35px;height:35px;border-radius:50px;line-height:35px;text-align:center;display:inline-block;color:#fff}

.team-style06:hover{box-shadow:0 0 5px rgba(0,0,0,0.15)}

.team-style06:hover .overlay{opacity:0.6}

.team-style06:hover .team-social{opacity:1}

.team-style07{background:#fff;text-align:center;padding:30px;box-shadow:0px 10px 30px 0px rgba(26,29,72,0.07);border-radius:15px;transition:all .3s ease-in-out}

.team-style07:hover{background:#1B86B2}

.team-style07:hover h3 a,.team-style07:hover p{color:#fff}

.team-style07 .team-thumb{position:relative}

.team-style07 .team-thumb .team-social{position:absolute;bottom:0;left:0;right:0}

.team-style07:hover .team-thumb .team-social .styled-icons li:nth-child(1){left:40px;position:absolute;bottom:0;z-index:10;opacity:1;transition:all .4s ease-in-out 0s}

.team-style07 .team-thumb .team-social .styled-icons li:nth-child(1){position:absolute;opacity:0;left:-10px;bottom:-20px;z-index:10;transition:all .3s ease-in-out}

.team-style07 .team-thumb .team-social .styled-icons li:nth-child(2){position:absolute;opacity:0;left:0;right:0;bottom:-40px;transition:all .3s ease-in-out}

.team-style07 .team-thumb .team-social .styled-icons li:nth-child(3){opacity:0;position:absolute;right:0;bottom:-20px;transition:all .3s ease-in-out}

.team-style07:hover .team-thumb .team-social .styled-icons li:nth-child(3){position:absolute;right:40px;bottom:0;opacity:1;transition:all .4s ease-in-out 0s}

.team-style07:hover .team-thumb .team-social .styled-icons li:nth-child(2){position:absolute;left:0;right:0;bottom:-20px;opacity:1;transition:all .5s ease-in-out 0s}

.team-style07 .team-thumb .team-social .styled-icons li a{background:#3457f1;color:#fff;height:40px;width:40px;line-height:40px;border:none;font-size:16px;transition:all .3s ease-in-out}

.styled-icons a{border:2px solid transparent;color:#333;display:inline-block;font-size:16px;height:36px;line-height:2;margin-right:4px;position:relative;text-align:center;text-decoration:none;width:36px;transition:all .2s ease;border-radius:50%}

.styled-icons li{display:inline-block;margin-bottom:5px;margin-top:0;padding-left:0 !important}

.team-style08{text-align:center;position:relative;-webkit-transition:all 0.5s;transition:all 0.5s}

.team-style08 .image{position:relative}

.team-style08 .image .social{list-style-type:none;position:absolute;left:0;right:0;bottom:40px}

.team-style08 .image .social li{display:inline-block;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity:0;visibility:hidden}

.team-style08 .image .social li a{display:block;width:35px;height:35px;background-color:#1B86B2;text-align:center;position:relative;font-size:15px;color:#ffffff;border-radius:30px;-webkit-transition:all 0.5s;transition:all 0.5s}

.team-style08 .image .social li a i{position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-left:auto;margin-right:auto}

.team-style08 .image .social li a:hover{color:#ffffff}

.team-style08 .image .social li:nth-child(1){-webkit-transition-delay:0.2s;transition-delay:0.2s}

.team-style08 .image .social li:nth-child(2){-webkit-transition-delay:0.3s;transition-delay:0.3s}

.team-style08 .image .social li:nth-child(3){-webkit-transition-delay:0.4s;transition-delay:0.4s}

.team-style08 .image .social li:nth-child(4){-webkit-transition-delay:0.5s;transition-delay:0.5s}

.team-style08 .content{background-color:#ffffff;-webkit-box-shadow:0 0 20px 3px rgba(0,0,0,0.05);box-shadow:0 0 20px 3px rgba(0,0,0,0.05);padding:30px;position:relative;margin:-30px 10px 0;-webkit-transition:all 0.5s;transition:all 0.5s}

.team-style08:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}

.team-style08:hover .image .social li{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible}

.filtering{margin-bottom:10px}

.filtering span{border-bottom:1px solid transparent;color:#333333;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:1px;margin-right:20px;display:inline-block;margin-bottom:5px}

.filtering span:last-child{margin:0}

.filtering .active{border-color:#1B86B2;color:#1B86B2}

@media screen and (max-width: 767px){.filtering span{margin-right:15px}

}

.filtering2{margin-top:-15px}

.filtering2 span{cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;margin-right:20px;display:inline-block;padding:10px 18px;border:1px solid #eeeeee;border-radius:6px}

.filtering2 .active{color:#fff;background-color:#1B86B2}

@media screen and (max-width: 991px){.filtering2 span{margin-right:15px;padding:10px 13px}

}

@media screen and (max-width: 767px){.filtering2 span{margin-right:15px;margin-top:15px}

}

@media screen and (max-width: 575px){.filtering2 span{margin-right:10px;padding:7px 14px}

}

.portfolio{overflow:hidden}

.portfolio .filtering span{margin-right:20px;color:#333;letter-spacing:1px;font-weight:600;font-size:14px;text-transform:uppercase;cursor:pointer;border-bottom:1px solid transparent}

.portfolio .filtering span:last-child{margin:0}

.portfolio .filtering .active{border-color:#1B86B2;color:#1B86B2}

.portfolio .items{margin-top:20px}

.portfolio .item-img{position:relative;overflow:hidden}

.portfolio .item-img img{width:100%}

.portfolio .item-img:hover .item-img-overlay{opacity:1;transform:translateY(0)}

.portfolio .item-img:hover h6{transform:translateY(0)}

.portfolio .item-img h6{font-weight:600;position:relative;font-size:16px;margin-bottom:0;transform:translateY(-15px);transition:all 0.5s}

.portfolio .item-img p{margin-bottom:8px}

.portfolio .item-img .fa{background:#1B86B2;border:1px solid #1B86B2;border-radius:50%;color:#fff;display:inline-block;height:30px;line-height:28px;width:30px;transition:all 0.5s}

.portfolio .item-img .fa:hover{background:#fff;color:#1B86B2}

.portfolio .item-img-overlay{position:absolute;top:5px;left:5px;right:5px;bottom:5px;background:rgba(255,255,255,0.95);color:#35424C;opacity:0;transition:all 0.5s;z-index:2;transform:translateY(10px)}

.project-single-text h4:after{content:" ";background:#1B86B2;height:2px}

.project-single-text p{font-weight:400;line-height:1.8}

.project-single-text h5{color:#1d184a;font-size:18px;font-weight:500;margin:25px 0 20px}

.project-single-text h5:after{display:block;width:70px;margin-top:8px;content:" ";background:#1B86B2;height:2px}

.project-single-text ul li{color:#1d184a;font-size:15px;font-weight:500}

.project-single-text ul li i{color:#1B86B2;font-weight:500;font-size:15px;padding-right:10px}

.project-single-info{display:block;width:100%}

.project-single-info ul{list-style:none}

.project-single-info ul li{color:#777;font-size:15px;font-weight:500;border-bottom:1px dashed #cee1f8;padding:12px 0;margin-right:20px}

.project-single-info ul li span{display:inline-block;color:#1d184a;font-size:15px;font-weight:500;margin-right:25px;width:70px;max-width:100%}

.project-single-info ul li .value{width:auto;margin-right:0;color:#5a5d80}

.project-single-box-img img{width:100%;border-radius:10px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,0.07);-moz-box-shadow:0 20px 40px rgba(0,0,0,0.07);-o-box-shadow:0 20px 40px rgba(0,0,0,0.07);box-shadow:0 20px 40px rgba(0,0,0,0.07)}

@media screen and (max-width: 767px){.portfolio{overflow:hidden}

.portfolio .filtering{margin-bottom:5px}

.portfolio .filtering span{margin-right:15px;font-size:12px}

}

.portfolio-style-02{position:relative;overflow:hidden;border-radius:10px;transition:all .5s}

.portfolio-style-02:after{position:absolute;content:'';right:15px;left:15px;top:15px;bottom:15px;height:auto;width:auto;opacity:0;transform:scale(0.5);z-index:1;transition:all 0.35s;border-radius:10px;background-color:#091e42}

.portfolio-style-02 .portfolio-thumbnail{position:relative;overflow:hidden}

.portfolio-style-02 .portfolio-thumbnail:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';opacity:0;transition:opacity .5s}

.portfolio-style-02 .portfolio-thumbnail img{width:100%;transform:scale(1.01);transition:all 1000ms}

.portfolio-style-02 .portfolio-zoom a{opacity:0;transition:all 0.45s;width:50px;height:50px;border-radius:50%;transform:translateY(-150px);line-height:55px;font-size:20px;position:absolute;z-index:99;text-align:center;top:45px;background-color:#fff;right:45px}

.portfolio-style-02 .portfolio-zoom:hover a{background:#0084e9;color:#ffffff}

.portfolio-style-02 .portfolio-info{position:absolute;bottom:50px;left:45px;right:45px;text-align:left;z-index:10;opacity:0;transform:translateY(200px);transition:all 300ms ease}

.portfolio-style-02:hover:after{opacity:0.90;transform:scale(1)}

.portfolio-style-02:hover .portfolio-thumbnail img{transform:scale(1.07) rotate(0.5deg)}

.portfolio-style-02:hover .portfolio-zoom a,.portfolio-style-02:hover .portfolio-info{opacity:1;transform:translateY(0px)}

.lg-backdrop{z-index:99999}

.lg-outer{z-index:999999}

.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#1B86B2}

.lg-progress-bar .lg-progress{background-color:#1B86B2}

.lg-backdrop.in{opacity:0.85}

.progress-style1 .progress{height:6px}

.accordion-style01{background:#fff;box-shadow:0 1px 18px 10px rgba(0,0,0,0.02);border-radius:4px}

.accordion-style01 .card .counts{display:inline-block;width:30px;height:30px;font-weight:600;vertical-align:middle;line-height:30px;-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;border-radius:100px;text-align:center;background:#1B86B2;background:-webkit-linear-gradient(-45deg, #1B86B2, #0084e9);background:-moz-linear-gradient(-45deg, #1B86B2, #0084e9);background:-o-linear-gradient(-45deg, #1B86B2, #0084e9);background:linear-gradient(-45deg, #1B86B2, #0084e9);color:#fff;font-size:12px;margin-right:10px}

.accordion-style01 .card .item-title{display:inline-block;vertical-align:middle;width:88%}

.accordion-style01 .card-header:hover{background-color:#F3F8FF}

.accordion-style01 .card{background:#fff;box-shadow:none;margin-top:0 !important;border:none !important}

.accordion-style01 .card:last-child{border:none}

.accordion-style01 .card-header{border:0px;padding:0;transition:all 0.3s ease 0s;background:#fff}

.accordion-style01 .btn-link{text-align:left;font-weight:500;font-size:15px;letter-spacing:1px;color:#5a5d80;display:block;text-decoration:none !important;margin:0;cursor:pointer;padding:15px 20px;border-bottom:1px dashed #cee1f8;white-space:normal}

.accordion-style01 .card:last-child .btn-link.collapsed{border-bottom:transparent}

.accordion-style01 .btn-link{    background: #1B86B2;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-45deg, #1B86B2, #39B553);
    background: linear-gradient(45deg, #1B86B2, #39B553);
color:#fff;border-bottom:transparent;border-left:none !important}

.accordion-style01 .btn-link.collapsed{box-shadow:none;background:none;color:#5a5d80;border-bottom:1px dashed #cee1f8}

.accordion-style01 .btn:not(:disabled):not(.disabled).active,.accordion-style01 .btn:not(:disabled):not(.disabled):active{background: #1B86B2;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-45deg, #1B86B2, #39B553);
    background: linear-gradient(45deg, #1B86B2, #39B553);
	color:#fff;
	border-bottom:transparent;
	border-left:none !important}

.accordion-style01 .btn-link.collapsed .counts{background:transparent;border:1px solid #cee1f8;color:#1B86B2}

.accordion-style01 .btn-link .counts{background:#fff;border:1px solid #cee1f8;color:#1B86B2}

.accordion-style01 .btn:not(:disabled):not(.disabled).active .counts,.accordion-style01 .btn:not(:disabled):not(.disabled):active .counts{background:#fff;border:1px solid #cee1f8;color:#1B86B2}

.accordion-style01 .card:last-child{border-bottom:1px dashed #cee1f8}

.accordion-style01 .card:last-child .show .card-body{border-bottom:transparent}

.accordion-style01 .card-body{line-height:26px;font-size:15px;padding:20px;border-bottom:1px dashed #cee1f8;text-align:left}

.accordion-style01 .btn:not(:disabled):not(.disabled):active{background: #1B86B2;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-45deg, #1B86B2, #39B553);
    background: linear-gradient(45deg, #1B86B2, #39B553);}

@media screen and (max-width: 991px){.accordion-style01 .btn-link{font-size:14px;padding:12px 18px}

.accordion-style01 .card .counts{margin-right:8px}

}

@media screen and (max-width: 767px){.accordion-style01 .card .item-title{width:80%}

.accordion-style01 .btn-link{font-size:14px;padding:12px 15px}

}

.accordion-style02 .card{background:transparent;box-shadow:none;margin-top:0 !important;border:none}

.accordion-style02 .card-header{border:0px;padding:0;border-bottom:1px solid rgba(255,255,255,0.15);background:none}

.accordion-style02 .btn-link{background:#1B86B2 !important;color:#fff;font-size:14px;line-height:20px;position:relative;border:none;display:block;width:100%;text-align:left;white-space:normal;border-radius:4px;padding:15px 40px 15px 15px;box-shadow:none;text-decoration:none}

.accordion-style02 .btn-link:hover{background: #1B86B2;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-45deg, #1B86B2, #39B553);
    background: linear-gradient(45deg, #1B86B2, #39B553)!important;
	border:none;text-decoration:none}

.accordion-style02 .btn-link.collapsed:after{background:none;content:"+";right:15px;left:inherit;font-size:20px;height:auto;transform:none;width:auto;top:15px}

.accordion-style02 .btn-link:after{background:none;content:"-";right:20px;left:inherit;font-size:20px;height:auto;transform:none;width:auto;top:15px;position:absolute;color:#fff}

.accordion-style02 .card-body{padding:20px;text-align:left;line-height:2;font-size:14px}

.accordion-style02 .btn-link.collapsed{background:#ededed !important;color:#282b2d}

.accordion-style02 .btn-link.collapsed:after{background:none;content:"+";right:20px;left:inherit;font-size:20px;height:auto;transform:none;width:auto;top:15px;color:#282b2d !important}

@media screen and (max-width: 767px){.accordion-style02 .card-body{padding:15px}

}

.accordion-style03 .card{background:transparent;box-shadow:none;margin-top:0 !important;border:none}

.accordion-style03 .card-header{border:0px;padding:0;border-bottom:1px solid rgba(255,255,255,0.15);background:none}

.accordion-style03 .btn-link{color:#0d6efd;font-size:14px;line-height:20px;position:relative;display:block;width:100%;text-align:left;white-space:normal;border-radius:0;padding:15px 40px 24px 0px;box-shadow:none;text-decoration:none;border-bottom:1px solid rgba(0,0,0,0.17);margin-bottom:0}

.accordion-style03 .btn-link:hover{text-decoration:none}

.accordion-style03 .btn-link.collapsed:after{background:none;content:"+";right:15px;left:inherit;font-size:20px;height:auto;transform:none;width:auto;top:15px}

.accordion-style03 .btn-link:after{background:none;content:"-";right:20px;left:inherit;font-size:20px;height:auto;transform:none;width:auto;top:15px;position:absolute;color:#0d6efd}

.accordion-style03 .card-body{padding:20px 20px 20px 0;text-align:left;line-height:2;font-size:14px}

.accordion-style03 .btn-link.collapsed{color:#282b2d}

.accordion-style03 .btn-link.collapsed:after{background:none;content:"+";right:20px;left:inherit;font-size:20px;height:auto;transform:none;width:auto;top:15px;color:#282b2d !important}

.accordion-style03.style1 .card-body{padding:20px 20px 10px 0}

.accordion-style03.style1 .btn-link{padding:20px 0px 20px 40px}

.accordion-style03.style1 .btn-link:after{left:0px;right:inherit;top:20px}

.accordion-style03.style1 .btn-link.collapsed:after{left:0;right:inherit;top:20px}

@media screen and (max-width: 767px){.accordion-style03 .card-body{padding:15px}

}

ul.resp-tabs-list{margin:0px;padding:0px}

.resp-tabs-list li{font-size:16px;font-weight:600;display:inline-block;padding:8px 15px;margin:0 4px 0 0;list-style:none;cursor:pointer;min-width:180px}

.resp-tabs-list li:last-child{margin-right:0}

.resp-tabs-list li i{display:inline-block;width:60px;height:60px;line-height:60px;background:rgba(41,45,194,0.15);text-align:center;font-size:22px;border-radius:50%;margin-bottom:10px;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;color:#1B86B2}

.resp-tabs-container{padding:0px;background-color:#fff;clear:left}

.resp-tab-content{display:none;padding:50px 0 0 0}

.resp-tabs-list li.resp-tab-active{padding:15px 20px 13px 20px;color:#1B86B2;-webkit-border-top-left-radius:5px;-moz-border-top-left-radius:5px;-o-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-top-right-radius:5px;-o-border-top-right-radius:5px;-webkit-border-radius-topleft:5px;-moz-border-radius-topleft:5px;-o-border-radius-topleft:5px;-webkit-border-radius-topright:5px;-moz-border-radius-topright:5px;-o-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}

.resp-tabs-list li.resp-tab-active i{    background: #1B86B2;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-45deg, #1B86B2, #39B553);
    background: linear-gradient(45deg, #1B86B2, #39B553);
	color:#fff}

.resp-tabs-list li.resp-tab-active span {
	color:#1B86B2}

.resp-content-active,.resp-accordion-active{display:block}

.resp-tab-content{border:1px solid #c1c1c1;border-top-color:#c1c1c1;float:left;width:100%}

h2.resp-accordion{background:#fff !important;cursor:pointer;display:none;font-size:14px;border:1px solid #e4e4e4;border-top:0px solid #e4e4e4;margin:0px;padding:15px 21px;float:left;width:100%}

h2.resp-tab-active{border-bottom:0px solid #e4e4e4 !important;background:#1B86B2 !important;background:-webkit-linear-gradient(-45deg, #1B86B2, #0084e9) !important;background:-moz-linear-gradient(-45deg, #1B86B2, #0084e9) !important;background:-o-linear-gradient(-45deg, #1B86B2, #0084e9) !important;background:linear-gradient(-45deg, #1B86B2, #0084e9) !important;color:#fff}

h2.resp-tab-title:last-child{border-bottom:12px solid #e4e4e4 !important;background:#1B86B2;background:-webkit-linear-gradient(-45deg, #1B86B2, #0084e9);background:-moz-linear-gradient(-45deg, #1B86B2, #0084e9);background:-o-linear-gradient(-45deg, #1B86B2, #0084e9);background:linear-gradient(-45deg, #1B86B2, #0084e9)}

.resp-vtabs ul.resp-tabs-list{float:left;width:30%}

.resp-vtabs .resp-tabs-list li{display:block;padding:15px 15px !important;margin:0 0 4px;cursor:pointer;float:none;font-size:18px}

.resp-vtabs .resp-tabs-list li p{font-size:16px}

.resp-vtabs .resp-tabs-container{padding:0px;background-color:#fff;border:1px solid #1B86B2 !important;float:left;width:70%;min-height:250px;clear:none}

.resp-vtabs .resp-tab-content{border:none;word-wrap:break-word;padding:0}

.resp-vtabs li.resp-tab-active{position:relative;z-index:1;margin-right:-1px !important;padding:14px 15px 15px 11px !important;border-top:1px solid;border:1px solid #1B86B2 !important;border-left:4px solid #1B86B2 !important;border-right:1px #FFF solid !important}

.resp-arrow{border-color:transparent #1d184a #1d184a transparent;border-style:solid;border-width:0 1px 1px 0;float:right;display:block;height:8px;transform:rotate(45deg);width:8px;margin-top:4px}

h2.resp-tab-active span.resp-arrow{border-color:#fff transparent transparent #fff;border-style:solid;border-width:1px 0 0 1px;float:right;display:block;height:8px;transform:rotate(45deg);width:8px;margin-top:7px}

.resp-easy-accordion h2.resp-accordion{display:block}

.resp-easy-accordion .resp-tab-content{border:1px solid #c1c1c1}

.resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1}

.resp-jfit{width:100%;margin:0px}

.resp-tab-content-active{display:block;border-color:#e4e4e4 !important}

h2.resp-accordion:first-child{border-top:1px solid #e4e4e4}

h2.resp-accordion.resp-tab-active{border-color:#e4e4e4 !important}

@media screen and (min-width: 992px){.tab-style01 ul.resp-tabs-list{text-align:center}

.tab-style01 ul.resp-tabs-list.text-left{padding-left:15px}

.tab-style01 ul.resp-tabs-list li:last-child{margin-right:0}

.tab-style01 ul.resp-tabs-list li.resp-tab-active{color:#fff;}

.tab-style01 .resp-tab-content{border-top:1px dashed #cee1f8 !important;border-width:1px 0 0 0;border-color:#1B86B2;margin-top:-2px}

.tab-style02 ul.resp-tabs-list{text-align:center}

.tab-style02 ul.resp-tabs-list.text-left{padding-left:15px}

.tab-style02 ul.resp-tabs-list li:last-child{margin-right:0}

.tab-style02 ul.resp-tabs-list li.resp-tab-active{color:#1B86B2}

.tab-style02 .resp-tab-content{border-width:0 0 0 0;border-color:#1B86B2;margin-top:0}

.tab-style02 .tab-box{margin-right:-120px;z-index:99;position:relative;background:#fff;box-shadow:0 0 30px rgba(83,88,93,0.15);padding:3rem}

.tab-style02 .tab-box a{font-size:14px;letter-spacing:0.8px;font-weight:500}

.tab-style02 .tab-box a:hover{color:#1d184a}

.tab-style02 .tab-box.left{margin-left:-120px;margin-right:0}

.tab-style02 .tab-img{margin-left:-60px}

.tab-style02 .tab-img.right{margin-right:-60px;margin-left:0}

.tab-style02 .resp-tab-content{border-top:none !important}

.tab-style02 .resp-tabs-list li i{height:auto;width:auto;line-height:normal;background:none;font-size:30px;margin-bottom:10px;display:block;color:#5a5d80}

.tab-style02 .resp-tabs-list li.resp-tab-active{border-bottom:none;position:relative}

.tab-style02 .resp-tabs-list li.resp-tab-active i{color:#1B86B2}

.tab-style02 ul.resp-tabs-list li.resp-tab-active:before{content:"";width:5px;height:5px;border-radius:50%;background-color:#1B86B2;bottom:0;position:absolute;left:48%}

}

@media screen and (max-width: 991px){ul.resp-tabs-list{display:none}

h2.resp-accordion{display:block}

h2.resp-accordion i{margin-right:12px;font-size:18px;min-width:25px}

h2.resp-accordion.resp-tab-active i{color:#fff;display:inline-block;vertical-align:top}

.resp-vtabs .resp-tab-content{border:1px solid #e4e4e4}

.resp-vtabs .resp-tabs-container{border:none !important;float:none;width:100%;min-height:100px;clear:none}

.resp-accordion-closed{display:none !important}

.resp-vtabs .resp-tab-content:last-child{border-bottom:1px solid #e4e4e4 !important}

.resp-tab-content{background-color:#fff;padding:20px 15px}

}

.tab-style03 ul.resp-tabs-list{text-align:center}

.tab-style03 .resp-tabs-list li{color:#1B86B2;border:2px solid transparent;background:rgba(41,45,194,0.15);margin:0;padding:15px 20px 13px 20px}

.tab-style03 .resp-tabs-list li:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:0}

.tab-style03 .resp-tabs-list li:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:0}

.tab-style03 .resp-tabs-list li.resp-tab-active{color:#fff;background:#1B86B2}

.tab-style03 .resp-tab-content{border:none}

@media screen and (max-width: 1199px){.tab-style03 .resp-tabs-list li{padding:10px;min-width:150px}

}

@media screen and (max-width: 991px){.tab-style03 .resp-tab-content{border:1px solid #d5d5d5;padding:40px 35px}

.tab-style03 h2.resp-tab-active{background:#1B86B2 !important}

.tab-style02 .tab-box{margin-right:auto}

.tab-style02 .tab-box.left{margin-left:auto}

.tab-style02 .tab-img{margin-left:auto}

.tab-style02 .tab-img.right{margin-right:auto}

}

@media screen and (max-width: 575px){.tab-style03 .resp-tab-content{padding:25px 15px}

}

.tab-style2{text-align:center}

.tab-style2 .resp-tabs-container{text-align:left}

.tab-style2 ul.resp-tabs-list{text-align:center;   background: #19a4df;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: -moz-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: -o-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: linear-gradient(45deg, #1B86B2, #19a4df);
	padding:8px;display:table;border-radius:10rem;width:55%;margin:0 auto}

.tab-style2 .resp-tabs-list li{border:2px solid transparent;margin:0;padding:0.425rem 1.125rem;border-radius:10rem;min-width:auto;font-size:16px;font-weight:normal;color:#fff;display:table-cell}

.tab-style2 .resp-tabs-list li.resp-tab-active{color:#1B86B2;background:#fff}

.tab-style2 .resp-tab-content{border:none;padding:4rem 0 0 0}

@media screen and (max-width: 1199px){.tab-style2 .resp-tabs-list li{padding:10px;min-width:auto}

}

@media screen and (max-width: 991px){.tab-style2 ul.resp-tabs-list{display:none}

.tab-style2 .resp-tab-content{border:1px solid #d5d5d5;padding:40px 35px}

.tab-style2 h2.resp-tab-active{background:#1B86B2 !important}

}

@media screen and (max-width: 575px){.tab-style2 .resp-tab-content{padding:25px 15px}

}

.vtab-style1 .resp-tabs-list li{background:#fff}

.vtab-style1 .resp-tabs-list li.resp-tab-active{background: #1B86B2;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-45deg, #1B86B2, #39B553);
    background: linear-gradient(45deg, #1B86B2, #39B553);padding:15px 20px 13px 20px;color:#1B86B2;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}

.vtab-style1.resp-vtabs ul.resp-tabs-list{width:auto;float:unset}

.vtab-style1.resp-vtabs .resp-tabs-list li{-webkit-box-shadow:0px 1px 5px -1px rgba(0,0,0,0.08);box-shadow:0px 1px 5px -1px rgba(0,0,0,0.08);margin-bottom:35px;padding:20px 35px !important;color:#1d184a}

.vtab-style1.resp-vtabs .resp-tabs-list li:last-child{margin-bottom:0 !important}

.vtab-style1.resp-vtabs .resp-tabs-container{width:auto;float:unset;border:none !important}

.vtab-style1.resp-vtabs li.resp-tab-active{color:#fff;border:none !important;border-left:none !important;border-radius:4px !important}

.vtab-style1.resp-vtabs li.resp-tab-active h1,.vtab-style1.resp-vtabs li.resp-tab-active h2,.vtab-style1.resp-vtabs li.resp-tab-active h3,.vtab-style1.resp-vtabs li.resp-tab-active h4,.vtab-style1.resp-vtabs li.resp-tab-active h5,.vtab-style1.resp-vtabs li.resp-tab-active h6{color:#fff}

.vtab-style1.resp-tab-content{padding-top:0}

.vtab-style1 .resp-tabs-list li.resp-tab-active .icon-circle{background:white}

.vtab-style1 .resp-tabs-list .tab-desc{display:inline-block;vertical-align:middle;padding-left:20px;max-width:70%;width:100%}

.vtab-style1 .icon-circle{vertical-align:middle}

@media screen and (max-width: 1199px){.vtab-style1.resp-vtabs .resp-tabs-list li{margin-bottom:25px;padding:20px !important}

.vtab-style1.resp-vtabs .icon-circle{width:65px;height:65px;line-height:75px}

}

@media screen and (max-width: 991px){.vtab-style1.resp-vtabs .resp-tabs-container h2.resp-tab-active{background:#1B86B2 !important;background:-webkit-linear-gradient(180deg, #1B86B2, #0084e9) !important;background:-moz-linear-gradient(180deg, #1B86B2, #0084e9) !important;background:-o-linear-gradient(180deg, #1B86B2, #0084e9) !important;background:linear-gradient(180deg, #1B86B2, #0084e9) !important;color:#1B86B2;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;border-top-left-radius:0;border-top-right-radius:0}

.vtab-style1.resp-vtabs .resp-tab-content{padding:20px 20px 40px 20px}

.vtab-style1 .resp-accordion.resp-tab-active .icon-circle{background:white}

.vtab-style1 .resp-accordion .tab-desc{display:inline-block;vertical-align:middle;padding-left:20px;max-width:71%;width:100%;font-size:16px}

.vtab-style1 .resp-accordion.resp-tab-active .tab-desc,.vtab-style1 .resp-accordion.resp-tab-active h1,.vtab-style1 .resp-accordion.resp-tab-active h2,.vtab-style1 .resp-accordion.resp-tab-active h3,.vtab-style1 .resp-accordion.resp-tab-active h4,.vtab-style1 .resp-accordion.resp-tab-active h5,.vtab-style1 .resp-accordion.resp-tab-active h6{color:#fff}

}

@media screen and (max-width: 767px){.vtab-style1 .resp-accordion .tab-desc{font-size:15px;max-width:68%}

}

.single-plan{position:relative;z-index:9;border:1px solid #efefef;background:#fff;box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05)}

.single-plan .head-plan{border-bottom:1px dashed #cee1f8}

.single-plan .head-plan i{background:rgba(41,45,194,0.15);color:#1B86B2;width:80px;height:80px;line-height:80px;font-size:32px;border-radius:50%;margin-top:3rem}

.single-plan .head-plan h4{padding:20px;margin:0;color:#000;font-weight:600}

.body-plan .price-plan{position:relative;font-weight:bold}

.body-plan .price-plan h3{margin:0;z-index:11;position:relative;font-weight:bold;color:#5a5d80}

.body-plan .price-plan h3 sup{font-size:18px;top:-15px;font-weight:bold;margin-right:2px}

.body-plan .price-plan span{text-transform:uppercase;font-size:12px;z-index:11;position:relative}

.feat-plan{margin:0 0 30px}

.feat-plan ul{list-style:none;padding:0;margin:0}

.feat-plan ul li{margin-bottom:15px;border-bottom:1px solid #efefef;padding-bottom:15px}

.feat-plan ul li:last-child{margin:0}

.price-plan i{color:#fff;width:50px;height:50px;line-height:50px;font-size:20px;border-radius:50%;position:absolute;bottom:-24px;left:42.6%;z-index:99;background:#1B86B2;background:-webkit-linear-gradient(-45deg, #1B86B2, #0084e9);background:-moz-linear-gradient(-45deg, #1B86B2, #0084e9);background:-o-linear-gradient(-45deg, #1B86B2, #0084e9);background:linear-gradient(-45deg, #1B86B2, #0084e9)}

.footer-plan{padding:0 0 3rem 0}

@media screen and (max-width: 991px){.single-plan .head-plan i{width:70px;height:70px;line-height:70px;font-size:28px}

.single-plan .head-plan h4{padding:15px}

.body-plan .price-plan h3 sup{font-size:16px}

.feat-plan{margin:0 0 20px}

.body-plan .price-plan{padding:20px 0 10px 0}

}

@media screen and (max-width: 767px){.single-plan .head-plan i{width:60px;height:60px;line-height:60px;font-size:24px}

.body-plan .price-plan h3 sup{font-size:14px}

}

.price .item{padding:0 0 50px 0;transition:all .3s;background:#fff}

.price .item:hover{box-shadow:0px 5px 40px 0px rgba(148,146,245,0.2)}

.price.price-style1 .item{box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05)}

.price .type{padding-top:45px;position:relative}

.price .type i{background:#ffffff;border:1px solid #1B86B2;border-radius:100%;color:#1B86B2;display:inline-block;font-size:30px;height:80px;line-height:78px;margin-bottom:15px;width:80px}

.type .top-btn{position:absolute;left:0;right:0;margin:0 auto;top:-20px}

.price .type h4{color:#1d184a;font-weight:700;text-transform:uppercase}

.price .value{position:relative}

.price .value h3{display:inline-block;font-size:40px;font-weight:700;position:relative;margin-bottom:0;color:#5a5d80}

.price .value h3 span{font-size:18px;position:absolute;top:-2px;left:-12px;color:#5a5d80}

.price .value .per{font-size:13px;color:#5a5d80}

.price .features ul{list-style:none}

.price .features li{padding:20px 0;font-weight:600;font-size:15px;border-bottom:1px dashed rgba(0,0,0,0.2)}

.price .order{padding-top:15px;position:relative}

.price .item.active{background:#1B86B2;background:-webkit-linear-gradient(-45deg, #1B86B2, #0084e9);background:-moz-linear-gradient(-45deg, #1B86B2, #0084e9);background:-o-linear-gradient(-45deg, #1B86B2, #0084e9);background:linear-gradient(-45deg, #1B86B2, #0084e9)}

.price .item.active h3,.price .item.active h4{color:#fff}

.price .item.active .value h3 span,.price .item.active .value .per{color:#fff}

.price .item.active .features li{border-bottom:1px dashed rgba(255,255,255,0.2);color:#fff}

.price .item.active.bg-primary-90{background:#1B86B2;background:-webkit-linear-gradient(90deg, #1B86B2, #0084e9);background:-moz-linear-gradient(90deg, #1B86B2, #0084e9);background:-o-linear-gradient(90deg, #1B86B2, #0084e9);background:linear-gradient(90deg, #1B86B2, #0084e9)}

@media screen and (max-width: 1199px){.price .value h3{font-size:36px}

}

@media screen and (max-width: 991px){.price .item{padding-bottom:40px}

.price .type{padding-top:35px}

.price .features li{padding:15px 0;font-size:14px}

}

@media screen and (max-width: 767px){.price .item{padding-bottom:30px}

.price .value h3{font-size:32px}

.price .value h3 span{font-size:13px;top:0px;left:-10px}

.price .value .per{font-size:12px}

}

.price-table{text-align:center;background:#fff;padding:55px 55px 140px 55px;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;height:100%;margin-bottom:30px;position:relative;background:#fff;box-shadow:0px 3px 10px 0px rgba(41,45,194,0.08);border-radius:4px;margin:0px 10px 0px 0px}

.price-table .price-header{text-align:center}

.price-table .price-header .price{font-size:36px;margin-bottom:15px;font-weight:600;letter-spacing:2px;line-height:normal}

.price-table .price-header .title{font-size:28px;padding-bottom:5px;margin-bottom:15px}

.price-table .price-header .package{font-size:16px;padding-bottom:10px;margin-bottom:10px}

.price-table .price-body{border-top:1px dashed #d8dde1;padding-top:40px}

.price-table .price-body .feature{font-size:20px;color:#303858;padding-bottom:15px}

.price-table .price-body ul li{font-size:16px;position:relative;line-height:40px;display:block;padding-bottom:5px}

.price-table .price-footer{position:absolute;bottom:50px;left:0;width:100%}

.price-table .trial-button{display:block;text-align:center;color:#818386;margin-top:32px}

@media screen and (max-width: 1199px){.price-table{padding:35px 35px 120px 35px}

.price-table .price-header .title{margin-bottom:10px;padding-bottom:10px}

.price-table .price-header .price{margin-bottom:25px;font-size:34px}

}

@media screen and (max-width: 991px){.price-table{margin-right:0}

.price-table .price-header .title{padding-bottom:0}

.price-table .price-header .price{margin-bottom:20px;font-size:30px}

.price-table .price-body{padding-top:30px}

}

@media screen and (max-width: 575px){.price-table{padding:25px 15px 120px 15px}

.price-table .price-header .price{margin-bottom:15px;font-size:26px}

.price-table .price-header .package{font-size:15px}

}

.price-block{position:relative;box-shadow:0px 5px 24px 6px rgba(0,0,0,0.06);background-color:#fff;transition:all 0.5s ease-in-out 0s;height:100%}

.price-block ul li{display:flex;justify-content:space-between;margin-bottom:1.2rem}

.price-block ul li i{margin-top:5px}

.price-block ul li:last-child{margin-bottom:0}

.pricing-line1{height:390px;width:390px;background-color:transparent;border-radius:50%;border:1px solid rgba(255,255,255,0.2);position:absolute;left:0;top:-29%}

.pricing-line2{height:390px;width:390px;background-color:transparent;border-radius:50%;border:1px solid rgba(255,255,255,0.2);position:absolute;left:3%;top:-29%}

.pricing-shape{transform:rotatey(180deg);right:0;top:38%}

.pricing-style01 .pricing-box.style1{border-radius:145px 145px 50px 145px}

.pricing-style01 .pricing-box.style2{border-radius:50px 145px 145px 145px}

.pricing-style01 .pricing-box:before{content:"";position:absolute;top:3%;background:transparent;border:2px solid rgba(255,204,111,0.5);width:100%;height:100%}

.pricing-style01 .pricing-box.style1:before{border-radius:145px 145px 50px 145px;right:5%}

.pricing-style01 .pricing-box.style2:before{border-radius:50px 145px 145px 145px;left:5%}

.pricing-style01 .pricing-box.center{border-radius:145px}

.pricing-style01 .pricing-box.center:before{left:0;border-radius:145px}

.widget-block{position:relative;box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,0.1);border:0.0625rem solid rgba(220,224,229,0.6);border-radius:0.25rem;transition:all .2s ease-in-out;margin-bottom:50px;word-break:break-word;padding:40px}

.widget-block:last-child,.widget-block.last{margin-bottom:0}

.widget-block h4{font-size:22px;color:#1B86B2;border-bottom:1px solid #e4e4e4;padding-bottom:1.5rem;margin-bottom:3rem}

.widget-block .list-style-icon{list-style:none;margin-bottom:0;padding-bottom:0}

.widget-block .list-style-icon li{border-bottom:1px solid #e4e4e4;padding-left:35px;position:relative;margin-bottom:30px;padding-bottom:15px}

.widget-block .list-style-icon li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}

.widget-block .list-style-icon li i{position:absolute;left:0;top:4px;color:#1B86B2;font-size:20px}

.widget-block .list-style-icon li h6{font-size:16px;margin-bottom:5px}

.widget-block .list-style-icon li p{margin-bottom:0}

@media screen and (max-width: 1199px){.widget-block{margin-bottom:40px;padding:35px}

}

@media screen and (max-width: 767px){.widget-block h4{font-size:20px;margin-bottom:30px}

.widget-block .list-style-icon li{margin-bottom:25px;padding-bottom:13px}

}

.margin-top{margin-top:-130px}

.course-form{margin-bottom:-80px;z-index:9;position:relative}

.about-style02 .about-border:before{content:"";position:absolute;top:3%;background:transparent;border:2px solid rgba(255,204,111,0.5);width:100%;height:100%}

.about-style02 .about-border.style1:before{border-radius:145px 145px 50px 145px;right:5%}

.about-style02 .about-border.style2:before{border-radius:50px 145px 145px 145px;left:5%}

.about-style02 .about-border.style1 img{border-radius:145px 145px 50px 145px}

.about-style02 .about-border.style2 img{border-radius:50px 145px 145px 145px}

.about-style03 .about-text{right:0%;top:38%}

.about-style03 .about-text i{width:50px;height:50px;line-height:50px;text-align:center;font-size:22px}

.about-style03 .img-1{left:20px;top:-10px}

.about-style03 .img-2{bottom:-50px;right:65px}

.about-bg-shape1{position:absolute;height:500px;width:500px;z-index:1;right:19%;top:13%;border-radius:74% 26% 46% 54% / 53% 27% 73% 47%;background:linear-gradient(248deg, #c7d3fb, rgba(255,255,255,0))}

.about-bg-shape2{position:absolute;height:530px;width:530px;z-index:1;right:6%;top:0%;border-radius:74% 26% 46% 54% / 53% 27% 73% 47%;background:linear-gradient(248deg, #c7d3fb, rgba(255,255,255,0))}

.about-line1{height:500px;width:500px;background-color:transparent;border-radius:50%;border:1px solid #e3e2e2;position:absolute;right:-17%;top:0}

.about-line2{height:500px;width:500px;background-color:transparent;border-radius:50%;border:1px solid #e3e2e2;position:absolute;right:-18%;top:45px}

@media screen and (max-width: 575px){.about-bg-shape1{height:400px;width:400px}

.about-bg-shape2{height:300px;width:300px}

}

.about-04 .about-images img:first-child{margin-left:36%}

.about-04 .about-images img:last-child{margin-top:-9%;margin-right:30%}

.about-04 .about-content{align-items:center;padding:15px 30px;min-height:70px;display:flex;background:white;position:absolute;border-radius:35px;box-shadow:0 0 20px 3px rgba(0,0,0,0.05);bottom:15%;right:0%;z-index:2}

.about-04 .about-content .btn-play-theme{width:40px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#06df9e;display:inline-block;border:1px solid #06df9e;border-radius:100px;position:relative;z-index:3}

.about-04 .about-text-icon{width:55px;height:55px;line-height:55px;display:block;text-align:center;border-radius:50%;font-size:20px}

@media screen and (max-width: 1199px){.about-04 .about-images img:first-child{margin-left:20%}

}

@media screen and (max-width: 767px){.about-04 .about-images img:first-child{margin-left:16%}

}

@media screen and (max-width: 575px){.about-04 .about-images img:first-child{margin-left:0}

.about-04 .about-content{display:none}

}

.why-choose-style-02 .left-content .img1{margin-left:-25px}

.about-card .ti-check{background:#06df9e;border-radius:50%;color:#fff;font-size:12px}

.course-category .owl-theme .owl-nav [class*='owl-']{margin:0;transition:all 500ms ease;border-radius:unset}

.course-category .owl-carousel .owl-nav button.owl-prev,.course-category .owl-carousel .owl-nav button.owl-next{width:35px;height:35px;line-height:35px;background:rgba(255,255,255,0.1) !important;position:absolute;top:-50px}

.course-category .owl-nav i{color:#fff;font-size:16px}

.course-category .owl-theme .owl-nav [class*='owl-']:hover{background:#1B86B2 !important}

.course-category .owl-carousel .owl-nav button.owl-prev{right:45px;left:inherit}

.course-category .owl-carousel .owl-nav button.owl-next{right:0}

.sass-dots-1{top:40%;right:12%;z-index:1}

.sass-pattern-1{left:8%;top:30%}

.blog-meta{text-transform:uppercase;width:80px;padding:16px 20px;text-align:center;font-weight:600;border-radius:0.25rem;overflow:hidden}

.date-day{font-weight:600;font-size:22px;line-height:1;margin-bottom:5px}

.date-month{font-weight:700;font-size:14px;letter-spacing:1px}

.subscribe-block{margin-bottom:-90px}

.subscribe-shape{transform:rotate(54deg)}

.case-studies .case-study-block1{box-shadow:0px 0px 16px 0px rgba(187,187,187,0.48);margin:20px;transition:all .3s ease-out}

.case-studies .case-study-block1:hover{box-shadow:0 0 10px 0px rgba(0,0,0,0.18);transform:translate(0, -10px)}

.case-study-block{border:1px solid #f5f5f5;-webkit-box-shadow:0px 3px 10px 0px rgba(0,0,0,0.05);box-shadow:0px 3px 10px 0px rgba(0,0,0,0.05);-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;height:100%}

.case-study-block:hover{-webkit-box-shadow:0px 7px 30px 0px rgba(0,0,0,0.1);box-shadow:0px 7px 30px 0px rgba(0,0,0,0.1)}

.case-study-wrapper{position:relative;overflow:hidden;box-shadow:0px 0px 20px rgba(0,0,0,0.1);transition:all .4s ease-in-out}

.case-study-wrapper .case-study-content{position:absolute;bottom:0;left:0;right:0;z-index:1}

.case-study-wrapper .case-study-content .case-study-inner-content{padding:20px;transform:translateY(110%);transition:all .4s ease;background:#fff;border-bottom-right-radius:4px;border-bottom-left-radius:4px;text-align:center}

.case-study-wrapper .case-study-buttons{position:absolute;top:25px;right:25px;z-index:4;font-size:0;opacity:0;visibility:hidden;transform:scale(0);transition:all .6s}

.case-study-wrapper .case-study-buttons .case-study-link{display:inline-block;vertical-align:top;margin-left:10px;background-color:#fff;border:none;border-radius:50%}

.case-study-wrapper .case-study-buttons .case-study-link i{display:block;width:32px;height:32px;text-align:center;font-size:12px;color:#1e1666;line-height:32px}

.case-study-wrapper:hover .case-study-content{animation:bounce .8s ease}

.case-study-wrapper:hover .case-study-content .case-study-inner-content{transform:translateY(0);box-shadow:0px 0px 20px rgba(0,0,0,0.1)}

.case-study-wrapper:hover .case-study-buttons{opacity:1;visibility:visible;transform:scale(1)}

@keyframes bounce{0%{transform:translateY(0)}

50%{transform:translateY(-30px)}

100%{transform:translateY(0)}

}

@media screen and (max-width: 767px){.case-study-wrapper .case-study-content .case-study-inner-content{padding:15px}

}

.job-content{display:table;width:100%;background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(12,0,46,0.04);box-shadow:0 2px 8px 0 rgba(12,0,46,0.04);padding:20px 30px 20px 30px;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;border-radius:4px}

.job-content h4 a{color:#243f67}

.job-content ul li{color:#596982}

@media screen and (max-width: 767px){.job-content{padding:20px}

}

.app-btn{border:1px solid rgba(255,255,255,0.9);max-width:170px;width:100%;font-size:0.9rem}

.app-btn .media i{font-size:20px}

.app-btn .media-body span{font-size:12px}

.search-form_input{color:#1B86B2}

.page-container .title{font-size:250px;line-height:1;margin-bottom:0}

@media screen and (max-width: 1199px){.page-container .title{font-size:200px}

}

@media screen and (max-width: 991px){.page-container .title{font-size:125px}

}

@media screen and (max-width: 767px){.page-container .title{font-size:75px}

}

.coming-soon .social-links li{display:inline-block;font-size:22px;margin-right:30px}

.coming-soon .social-links li:last-child{margin-right:0}

.coming-soon .social-links li a{color:#fff}

.coming-soon .social-links li a:hover{color:rgba(255,255,255,0.65)}

ul.countdown li{border-right:1px solid rgba(255,255,255,0.3);display:inline-block;padding:0 30px;text-align:center}

ul.countdown li:last-child{border:medium none;padding-right:0}

ul.countdown li span{font-size:36px;font-weight:600;line-height:normal;position:relative}

ul.countdown li span::before{content:"";height:1px;position:absolute;width:100%}

ul.countdown li p.timeRefDays,ul.countdown li p.timeRefHours,ul.countdown li p.timeRefMinutes,ul.countdown li p.timeRefSeconds{font-size:12px;font-weight:500;margin:0;padding:0;text-transform:uppercase}

@media screen and (max-width: 767px){.coming-soon .social-links li{margin-right:15px;font-size:16px}

ul.countdown li{width:50%;float:left;margin-bottom:35px;padding:0 8px}

ul.countdown li.second{border-right:none}

.social-links li{margin-right:15px}

}

.feature-img{text-align:center;position:relative;z-index:1}

.feature-img .circle{bottom:0;left:-86px;right:auto;width:500px;height:500px;background:#d8a608;position:absolute;border-radius:100%;z-index:-1;opacity:0.06}

.feature-img .circle.two{right:60px;width:370px;height:370px;left:120px;bottom:inherit;background:#d8a608;top:-40px;z-index:-2;opacity:0.06;position:absolute;border-radius:100%}

.feature-img.right-align .circle{background:#d8a608;right:-126px;opacity:.06;left:auto}

.feature-img.right-align .circle.two{left:25px;right:auto;top:94px;z-index:-2}

@media screen and (max-width: 1199px){.feature-img .circle{width:450px;height:450px}

.feature-img .circle.two{width:300px;height:300px}

}

@media screen and (max-width: 991px){.feature-img{left:0;right:0;margin:0 auto}

.feature-img.right-align .circle.two{left:auto;right:25px;top:-50px}

}

@media screen and (max-width: 575px){.feature-img .circle{width:80%;height:80%}

.feature-img .circle.two{width:150px;height:150px}

}

.media-style1{transition:all 0.5s ease-in-out 0s;box-shadow:0px 5px 24px 6px rgba(0,0,0,0.06);border:none;padding:2.5rem;height:100%;border-radius:0.25rem;background:#fff;position:relative}

.media-style1:after{background:#1B86B2;background:-webkit-linear-gradient(-45deg, #1B86B2, #0084e9);background:-moz-linear-gradient(-45deg, #1B86B2, #0084e9);background:-o-linear-gradient(-45deg, #1B86B2, #0084e9);background:linear-gradient(-45deg, #1B86B2, #0084e9);border-radius:0.25rem;position:absolute;left:0;top:0;height:100%;width:100%;content:"";opacity:0;transition:all 0.5s ease-in-out 0s;z-index:1}

.media-style1:hover:after{opacity:1}

.media-style1 i,.media-style1 h3,.media-style1 p{position:relative;z-index:9}

.media-style1 i{color:#1B86B2}

.media-style1:hover h3,.media-style1:hover p,.media-style1:hover i{color:#fff}

@media screen and (max-width: 767px){.media-style1{padding:1.8rem}

}

.social-icon01 li{display:inline-block;margin-right:5px}

.social-icon01 li:last-child{margin-right:0}

.social-icon01 li a{width:35px;height:35px;line-height:35px;border:1px solid #286efb;text-align:center;border-radius:50%;font-size:15px;display:inline-block;color:#007bff}

.social-icon01 li a:hover{background-color:#007bff;color:#ffffff}

.social-icon02{margin-bottom:0}

.social-icon02 li{text-align:center;margin-right:4px;display:inline-block}

.social-icon02 li a{background:#1B86B2;border:1px solid #1B86B2;color:#fff;border-radius:35px;height:35px;width:35px;line-height:35px;display:inline-block}

.social-icon02 li a:hover{background:#fff;color:#1B86B2}

.social-icon03 li{display:inline-block;margin-right:30px}

.social-icon03 li:last-child{margin-right:0}

.social-icon03 li a{color:rgba(255,255,255,0.5);font-size:18px}

.social-icon03 li a:hover{color:#fff}

@media screen and (max-width: 767px){.social-icon03 li a{font-size:18px}

}

.social-icon04 li{display:inline-block;margin-bottom:0 !important;margin-right:5px}

.social-icon04 li:last-child{margin-right:0}

.social-icon04 li a{width:35px;height:35px;line-height:35px;border:1px solid rgba(255,255,255,0.2);text-align:center;border-radius:50%;font-size:15px;display:inline-block;color:#007bff}

.social-icon04 li a:hover{background-color:rgba(255,255,255,0.2);color:#ffffff}

.social-icon06{margin-bottom:0}

.social-icon06 li{text-align:center;margin-right:4px;display:inline-block}

.social-icon06 li a{background:rgba(255,255,255,0.2);border:0;color:#fff;border-radius:50%;height:35px;width:35px;line-height:35px;display:inline-block}

.social-icon06 li a:hover{background:#fff;color:#1B86B2}

.login-cover .logo{top:0;left:0;right:0}

.login-cover .copyright{bottom:0;left:0;right:0}

.extra-block .right-img{position:absolute;max-width:484px;width:100%;bottom:-13px;right:0;z-index:1}

@media screen and (max-width: 1199px){.extra-block .right-img{max-width:384px;bottom:-14px;right:0}

}

.account-block .personal-data{margin-bottom:0px;text-align:center}

.account-block .account-sidebar{margin-top:-170px}

.account-widget{box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,0.1);border:0.0625rem solid rgba(220,224,229,0.6);border-radius:0.25rem;transition:all .2s ease-in-out;padding:0rem;background-color:#fff}

.account-widget .widget-title h4{position:relative;padding-bottom:5px;font-weight:600;letter-spacing:1px;margin-bottom:30px;font-size:1.1rem}

.account-widget .widget-title h4:after{content:'';width:30px;height:1px;background:#1B86B2;position:absolute;bottom:0;left:0}

.account-block .right-content .list-title{padding:0 0 25px 0;border-bottom:1px solid #e3e9ef}

.account-block .right-content ul{list-style:none;padding-left:0;margin-bottom:0}

.account-block .right-content ul li.content-list{border-bottom:1px solid #e3e9ef;padding:20px 0}

.account-block .right-content ul li:last-child{border-bottom:unset;padding-bottom:0}

.account-block .quform-submit-inner.box-one button,.account-block .quform-submit-inner.box-two button{color:#718096;background-color:#f6f9fc;display:flex;align-items:center;padding:0.975rem 1.5rem;font-size:1rem;font-weight:400;line-height:1.7;text-align:center;white-space:nowrap;border:1px solid #d7dde2}

.account-block .quform-submit-inner.box-one{position:absolute;top:33px;right:0}

.account-block .quform-submit-inner.box-two{position:absolute;top:131px;right:0}

.account-block .quform-submit-inner.box-one button,.account-block .quform-submit-inner.box-two button{border-radius:0}

.account-block .right-content ul.list-content li{display:flex;justify-content:space-between}

.account-block .right-content ul.list-content li .form-switch .form-check-input{width:3em;height:1.5em}

.account-block .right-content .list-title .icon{width:45px;height:45px;background-color:rgba(41,45,194,0.08);display:flex;justify-content:center;align-items:center;border-radius:50%;color:#1B86B2}

@media screen and (max-width: 991px){
	.account-widget{padding:2rem; margin-bottom: 190px!important;} 
	.personal-details{padding-bottom:  11rem!important;}
	 #vibrateButton {
        visibility: hidden; /* Rend le bouton invisible */
    }

}

@media screen and (max-width: 767px){.account-block .quform-submit-inner.box-two{top:128px}

.account-block .quform-submit-inner.box-one{top:31px}

}

@media screen and (max-width: 575px){.account-block .account-sidebar{margin-top:-140px}

}

@media screen and (max-width: 479px){.account-block .quform-submit-inner.box-one{right:-172px}

.account-block .quform-submit-inner.box-two{right:-172px;top:321px}

}

.modal-backdrop{z-index:99999}

.modal{z-index:999999}

.bd-example button,.bd-example a{margin-top:2rem;margin-bottom:0;margin-right: auto;margin-left: auto;}

.icon-gallery .d-table{margin-top:30px}

.icon-gallery .d-table-cell{width:125px;height:125px;text-align:center;border-radius:5px;margin-bottom:25px;border:1px solid rgba(0,0,0,0.075);vertical-align:middle;font-size:14px;transition:all 0.2s ease-in-out;padding:10px;background:#fff}

.icon-gallery i{display:block;margin-bottom:15px;font-size:28px;color:#1B86B2}

pre[class*="language-"]{max-height:45vh;height:100%;margin:35px 0 15px 0;padding-top:0}

.html-code{background-color:#fbfbfb;position:relative;box-shadow:inset 0 0 0 1px #dde1e6,0 3px 5px rgba(0,0,0,0.15);padding:30px;border-radius:5px;border:1px solid #ededed}

.html-code:before{color:#c8dfab;content:"•••";font-size:30px;left:24px;letter-spacing:4px;line-height:12px;position:absolute;top:24px}

.copy-element{position:absolute;top:0;right:85px;transition:opacity 0.3s ease-in-out}

.source-element{position:absolute;top:0;right:0;transition:opacity 0.3s ease-in-out}

.html-code .copy-element{top:15px;right:30px}

.html-code:hover .copy-element,.html-code:hover .source-element{opacity:1}

.box-hover:hover .copy-element,.box-hover:hover .source-element{opacity:1}

.copy-element>a,.source-element>a{background:#dde1e6;color:#777 !important;display:inline-block;padding:5px 15px;font-size:14px;text-transform:capitalize;border-radius:5px;cursor:pointer !important;font-weight:600}

.copy-element>a:hover,.source-element>a:hover{background:#1B86B2;color:#fff !important}

.copy-clipboard{cursor:pointer;padding:5px 15px}

.white-popup-block{background-color:#fbfbfb;position:relative;max-width:650px;box-shadow:inset 0 0 0 1px #dde1e6,0 3px 5px rgba(0,0,0,0.15);padding:60px 30px 30px 30px;border-radius:5px;margin:40px auto;border:1px solid #ededed}

.white-popup-block.popup-copy.mfp-hide{display:block !important;height:0;position:absolute;z-index:-1;padding:0;opacity:0;margin:0}

.white-popup-block:before{color:rgba(17,88,231,0.2);content:"•••";font-size:30px;left:24px;letter-spacing:4px;line-height:12px;position:absolute;top:24px}

.white-popup-block:hover .copy-element{opacity:1}

.white-popup-block .copy-element{top:45px;right:30px}

.box-hover{position:relative}

.box-hover .container{position:relative}

.inner-title{border-bottom:1px solid rgba(0,0,0,0.09);margin-bottom:35px;padding-bottom:20px}

@media screen and (max-width: 767px){.elements-block .inner-title{margin-bottom:65px}

.copy-element,.source-element{top:65px}

}

.blog-card{border:1px solid rgba(0,0,0,0.075);border-radius:2px;height:100%}

.blog-card .badge{background:rgba(41,45,194,0.1);color:#1B86B2;font-size:11px;padding:5px 15px;line-height:1.6;margin-bottom:12px}

.blog-card .badge:hover{background:rgba(41,45,194,0.2)}

.blog-card h3 a{color:#1d184a}

.blog-card h3 a:hover{color:#1B86B2}

.blog-card .card-body{padding:1.5rem}

.blog-card .card-footer{background:none;border-top:1px solid rgba(0,0,0,0.05);padding:0.8rem 1.5rem;font-weight:600}

.blog-card .card-footer img{max-width:35px}

.blog-card01{border:1px solid rgba(0,0,0,0.09);height:100%}

.blog-card01 .date{position:absolute;top:15px;left:15px;width:76px;height:82px;background:rgba(255,255,255,0.9);text-align:center;z-index:101;color:#282b2d;padding:12px 0;border-radius:3px}

.blog-card01 .month{display:block;text-transform:uppercase;font-size:14px;font-weight:600;line-height:normal;letter-spacing:.167em}

.blog-card01 .day{display:block;font-size:30px;font-weight:700;line-height:normal}

.blog-card01 .card-img{overflow:hidden;-webkit-border-radius:3px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius:3px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;border-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0}

.blog-card01 .card-img img{-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;backface-visibility:hidden;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.blog-card01 .card-img:hover img{-webkit-transform:scale(1.04);-moz-transform:scale(1.04);transform:scale(1.04)}

.blog-card01 .card-body{padding:2rem}

.blog-card01 .card-body h3{margin-bottom:20px;line-height:24px}

.blog-card01 .card-body h3 a{font-size:18px;line-height:24px;color:#232323}

.blog-card01 .card-body h3 a:hover{color:#1B86B2}

.blog-card01 .category{margin-bottom:5px;display:block}

.blog-card01 .category a{color:#1B86B2;font-size:14px;letter-spacing:0.5px;font-weight:600}

.blog-card01 .category a:hover{color:#232323}

.blog-card02 .blog-item{float:left;width:100%}

.blog-card02 .blog-item-thumbnail img{width:100%;border-radius:3px}

.blog-card02 .blog-meta{text-transform:uppercase;width:80px;padding:16px 25px;text-align:center;color:#fff;font-weight:600;border-radius:0.25rem;overflow:hidden;color:#fff;background-color:#1B86B2}

.blog-card02 .date-day{font-weight:600;font-size:22px;line-height:1;margin-bottom:5px}

.blog-card02 .date-month{font-weight:700;font-size:14px;letter-spacing:1px}

.blog-card02 .blog-title{padding-left:20px}

.blog-card02 .blog-title a{font-size:18px;line-height:1.25;margin-bottom:18px;font-weight:600}

.blog-card02 .post-cat{color:#999;display:block;padding-left:20px;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:600;margin-bottom:5px}

.blog-card02 .blog-item-thumbnail{margin-bottom:20px}

.blog-card02 .blog-meta span{display:inline-block;margin-right:15px}

.blog-grid{position:relative;box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,0.1);height:100%;border:0.0625rem solid rgba(220,224,229,0.6);border-radius:0.25rem;transition:all .2s ease-in-out;cursor: pointer;}
 .blog-grid:hover{transform: translateY(-10px);}

.blog-grid span{color:#1B86B2}

.blog-grid img{width:100%;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem}

.blog-grid-text{position:relative}

.blog-grid-text>span{color:#1B86B2;font-size:13px;padding-right:5px}

.blog-grid-text h4{line-height:normal;margin-bottom:15px}

.blog-grid-text .meta-style2{border-top:1px dashed #cee1f8;padding-top:15px}

.blog-grid-text .meta-style2 ul li{margin-bottom:0;font-weight:500}

.blog-grid-text .meta-style2 ul li:last-child{margin-right:0}

.blog-grid-text ul{margin:0;padding:0}

.blog-grid-text ul li{display:inline-block;font-size:14px;font-weight:500;margin:5px 10px 5px 0}

.blog-grid-text ul li:last-child{margin-right:0}

.blog-grid-text ul li i{font-size:14px;font-weight:600;margin-right:5px}

.blog-grid-text p{font-weight:400;padding:0}

.blog-list-left-heading:after,.blog-title-box:after{content:'';height:2px}

.blog-grid-simple-content a:hover{color:#1d184a}

.blog-grid-simple-content a:hover:after{color:#1d184a}

.blog-list-simple{margin:0 0 2.5rem 0;position:relative;box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,0.1);border:0.0625rem solid rgba(220,224,229,0.6);border-radius:0.25rem;transition:all .2s ease-in-out}

.blog-list-simple:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}

.blog-list-simple .blog-list-simple-img img{border-top-left-radius:0.25rem;border-top-right-radius:0.25rem}

.blog-list-simple-text{padding:2rem}
.blog-list-simple-text>span{color:#1B86B2;font-size:13px;font-weight:600;letter-spacing:1px}
.blog-list-simple-text p{border-top:1px solid #ececec;font-size:15px;font-weight:400;margin-bottom:0;padding:15px 0}
.blog-list-simple-text .meta{margin:0 0 5px 0}
.blog-list-simple-text li{display:inline-block;font-size:12px;margin:5px}
.blog-list-simple-text h4{font-size:20px;font-weight:500;margin:5px 0;line-height:normal}
.blog-list-simple-text ul{margin:10px 0}
.blog-list-simple-text ul li{font-size:14px;font-weight:500;padding:3px 0}
.blog-list-simple-text ul li i{color:#1B86B2;margin-right:5px;font-size:14px}
.blog-block{box-shadow:0px 7px 25px 0px rgba(0,0,0,0.1);position:relative;overflow:hidden;border-radius:5px}
.blog-block .blog-text{border-bottom:1px solid #ececec}
.blog-block .blog-img{position:relative;overflow:hidden}
.blog-block .blog-bottom-holder img{max-width:42px}
.blogs .post{margin-bottom:50px;position:relative;box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,0.1);border:0.0625rem solid rgba(220,224,229,0.6);border-radius:0.25rem;transition:all .2s ease-in-out}
.blogs .post .content{padding:2rem}
.blogs .post .content .post-title h5{font-size:26px;line-height:normal;font-weight:500;margin-bottom:0}
.blogs .post .content .post-title h5 a{color:#1d184a}
.blogs .post .content .post-title h5 a:hover{color:#F24259}
.blogs .post .content .meta{margin-bottom:15px}
.blogs .post .content .meta li{display:inline-block;font-size:15px;margin:5px 5px 0 5px;font-weight:500}
.blogs .post .content .special{padding:15px;margin:30px 0;border-left:2px solid #111;font-size:16px}
.blogs .post .content .btn{border-color:#5a5d80;color:#5a5d80;min-width:auto;padding:6px 20px;font-size:12px}
.blogs .post .content .btn:hover{color:#fff;border-color:#F24259}
.blogs .post .share-post{margin-top:30px;padding-top:20px;border-top:1px dashed #ddd;text-align:left}
.blogs .post .share-post span{font-weight:700}
.blogs .post .share-post ul{float:right}
.blogs .post .share-post ul li{display:inline-block;margin:0 5px 0 5px}
.blogs .post .post-img img{width:100%;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem}
.blogs .posts .title-g h3{font-weight:700;font-size:25px;margin-bottom:10px}
.blogs .comments-area .comment-box{padding-bottom:30px;margin-bottom:50px;border-bottom:1px solid #eee}
.blogs .comments-area .comment-box:nth-child(odd){margin-left:80px}
.blogs .comments-area .comment-box:last-child{border-bottom:none;margin-bottom:30px}
.blogs .comment-box .author-thumb{width:80px;float:left}
.blogs .comment-box .comment-info{margin-left:100px}
.blogs .comment-box .comment-info h6{font-size:14px;font-weight:600;margin-bottom:10px}
.blogs .comment-box .comment-info .reply{margin-top:10px;font-weight:600}
.blogs .comment-box .comment-info .reply i{padding-right:5px;font-size:12px}
.pagination{border-radius:0;padding:0;margin:0}
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin:0 auto;padding:0}
.pagination li{display:inline}
.pagination a{float:left;padding:0 18px;line-height:40px;text-decoration:none;border:1px solid #dbdbdb;border-left-width:0;background:#fff}
.pagination a:hover{background-color:#1d184a;color:#fff}
.pagination .active a{background-color:#f7f7f7;color:#999;cursor:default}
.pagination .disabled span{color:#999;background-color:transparent;cursor:default}
.pagination .disabled a{color:#999;background-color:transparent;cursor:default}
.pagination .disabled a:hover{color:#999;background-color:transparent;cursor:default}
.pagination li:first-child a{border-left-width:1px}
.blockquote{background:#f1f1f1;border-left:4px solid #1B86B2;font-size:16px;font-weight:500;margin:25px 0;padding:20px 30px 30px}
.blockquote p{font-size:15px;font-weight:500;line-height:190%;color:#1d184a;letter-spacing:.5px}
.blockquote h4{font-size:20px;font-weight:400;color:#1d184a;letter-spacing:.5px}
.side-bar .widget{margin-bottom:30px;position:relative;box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,0.1);border:0.0625rem solid rgba(220,224,229,0.6);border-radius:0.25rem;transition:all .2s ease-in-out;padding:30px 25px}
.side-bar .widget:last-child{margin-bottom:0}
.side-bar .widget .widget-title h6{position:relative;padding-bottom:5px;font-weight:600;letter-spacing:1px;margin-bottom:30px;font-size:1.1rem}
.side-bar .widget .widget-title h6:after{content:'';width:30px;height:1px;background:#1B86B2;position:absolute;bottom:0;left:0}
.side-bar .widget ul{margin:0;padding:0;list-style:none}
.side-bar .widget .social-listing{margin-bottom:0}
.side-bar .widget .social-listing li{margin-bottom:0;list-style:none;display:inline-block}
.side-bar .widget .social-listing li:after{background:none}
.side-bar .widget .social-listing li:first-child{padding-left:0}
.side-bar .widget .blog-tags{margin-bottom:0;padding-left:12px}
.side-bar .widget .blog-tags li{display:inline-block;list-style:none}
.side-bar .widget .blog-tags li a{font-size:14px;display:inline-block;font-weight:600;text-transform:capitalize;padding:3px 8px;margin:4px 4px 4px 0;border:1px solid #ededed;line-height:30px;border-radius:4px}
.side-bar .widget .blog-tags li a:hover{background:#1B86B2;color:#ffffff;border:1px solid #1B86B2;color:#fff}
.side-bar .search form input{width:calc(100% - 50px);height:50px;padding:0 10px;margin:0;border:1px solid #d1d1d1;background:#f7f7f7;min-height:auto}
.side-bar .search form button{width:50px;height:50px;line-height:50px;color:#fff;border:0;float:right;border-radius:0;padding:0}
.side-bar .search form button:hover:before{border-radius:0;padding:0}
@media screen and (max-width: 1199px){.blogs .post .content .post-title h5{font-size:22px}
.blogs .post .content .special{font-size:16px}
.blogs .posts .title-g h3{font-size:22px}
}
@media screen and (max-width: 767px){.blog-list-simple{margin-bottom:20px;padding-bottom:20px}
.blog-list-simple-text>span{font-size:12px}
.blog-list-simple-text p{font-size:14px}
.blog-list-simple-text h4{font-size:18px}
.blog-list-simple-text ul li{font-size:12px}
.blogs .post .content .post-title h5{font-size:20px}
.blogs .post .content .special{font-size:14px}
.blogs .posts .title-g h3{font-size:18px}
}
.quform-input{position:relative}
.quform-element>label{font-weight:normal;padding-bottom:5px;margin-bottom:0;color:#6a747b}
.quform-element>label .quform-required{color:#cc0101;font-size:11px !important}
.quform-inner input{width:100%}
.quform-elements .quform-element textarea{margin-bottom:0;padding:12px 15px;vertical-align:top;height:auto}
.quform-elements .quform-element select{margin-bottom:0;padding:12px 15px}
.quform-errors{padding:0;margin:0;line-height:normal}
.quform-errors>.quform-error{padding:0;background:none;border:none;float:none;color:#f5543f;font-size:11px;line-height:normal}
.quform-outer-no-js .quform-error{padding:0;background:none;border:none;float:none;color:#f5543f;font-size:11px;line-height:normal}
.quform-has-error input,.quform-has-error textarea,.quform-has-error select,.quform-has-error input[type=file],.quform-has-error .custom-file-label{border-color:#f5543f}
.quform-success-message,.quform-outer-no-js .quform-success-message{padding:0.75rem 1.25rem 0.75rem 3rem}
.quform-input .quform-errors-wrap{position:absolute;right:8px;top:0;line-height:normal;z-index:9}
.quform-submit-inner{float:none}
.quform-loading-wrap{float:none}
.quform-loading-wrap .quform-loading{display:inline-block}
.form-control:focus{color:#495057;background-color:#ffffff;border-color:#1B86B2;outline:0;box-shadow:none}
.form-check-input:focus{box-shadow:none}
.light-validation .quform-errors>.quform-error{color:#fff}
.form-group{margin-bottom:1rem}
.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}
.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}
.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}
.custom-file-input:lang(en) ~ .custom-file-label::after{content:"Browse"}
.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}
.contact-info{list-style:none}
.contact-info .item{margin-bottom:30px;padding-bottom:30px;border-bottom:1px dashed rgba(0,0,0,0.2)}
.contact-info .item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.contact-info .item .icon{font-size:20px;float:left;width:50px;text-align:center}
.contact-info .item .cont{margin-left:55px}
.contact-info .item .cont h6{font-size:15px;margin-bottom:0}
.contact-info .item .cont p{margin:0}
.newsletter-rounded .quform-elements{position:relative}
.newsletter-rounded .quform-submit-inner{position:absolute;right:8px;top:7px;width:auto}
.newsletter-rounded .quform-submit-inner button{border:none}
.newsletter-rounded .quform-loading-wrap{margin-top:15px;margin-bottom:0;margin-left:0}
.newsletter-rounded input{border:3px solid rgba(255,255,255,0.1);height:60px;padding:0.5rem 4rem 0.5rem 1.5rem}
.newsletter-rounded .quform-has-error input,.newsletter-rounded .quform-has-error textarea,.newsletter-rounded .quform-has-error select{border-color:#f5543f}
.newsletter-rounded .quform-input .quform-errors-wrap{right:15px}
.newsletter-rounded i{font-size:1.5rem;line-height:2rem}
.newsletter-rounded.style-one .quform-submit-inner{right:0;top:3px}
.newsletter-rounded.style-one input{padding:0.5rem 9rem 0.5rem 1.5rem}
.newsletter-rounded.style-one .butn{border-radius:25px;border-top-left-radius:0;border-bottom-left-radius:0;padding:17px 28px}
.newsletter-rounded.style-one .butn:hover:before,.newsletter-rounded.style-one .butn:focus:before{border-radius:25px;border-top-left-radius:0;border-bottom-left-radius:0;padding:17px 28px}
.newsletter-rounded.style-one .input .butn:active:before{border-radius:25px;border-top-left-radius:0;border-bottom-left-radius:0;padding:17px 28px}
.newsletter-rounded.style-two .quform-submit-inner{right:0px;top:0}
.newsletter-rounded.style-two input{padding:0.5rem 7.5rem 0.5rem 1.5rem;height:55px;border:1px solid rgba(0,0,0,0.1)}
.newsletter-rounded.style-two .butn{border-radius:25px;border-top-left-radius:0;border-bottom-left-radius:0;padding:18px 28px 17px 28px}
.newsletter-rounded.style-two .butn:hover:before,.newsletter-rounded.style-two .butn:focus:before{border-radius:23px;border-top-left-radius:0;border-bottom-left-radius:0;padding:17px 28px}
.newsletter-rounded.style-two .input .butn:active:before{border-radius:23px;border-top-left-radius:0;border-bottom-left-radius:0;padding:17px 28px}
.newsletter-rounded.style-three .quform-submit-inner{right:5px;top:4px}
.newsletter-rounded.style-three input{padding:0.5rem 7.5rem 0.5rem 1.5rem;height:55px;border:1px solid rgba(0,0,0,0.1)}
.newsletter-rounded.style-three .butn{border-radius:4px;padding:9px 21px}
.newsletter-rounded.style-three .butn:hover:before,.newsletter-rounded.style-three .butn:focus:before{border-radius:4px;padding:9px 21px}
.newsletter-rounded.style-three .input .butn:active:before{border-radius:4;border-top-left-radius:0;border-bottom-left-radius:0;padding:9px 21px}
.newsletter-style01 .newsletter-img:before{content:"";position:absolute;width:390px;height:390px;background-color:#fff;border-radius:50%;opacity:0.1;top:50%;left:50%;transform:translate(-50%, -50%)}
@media screen and (max-width: 991px){.newsletter-style01 .newsletter-img:before{width:330px;height:330px}
}
@media screen and (max-width: 479px){.newsletter-style01 .newsletter-img:before{width:230px;height:230px}
}
.quick-contact .form-control,.quick-contact .quform-elements .quform-element textarea{padding-left:0;border-width:0 0 1px 0;border-radius:0;box-shadow:none}
.contact-map{height:400px;width:100%;vertical-align:top}
@media screen and (max-width: 991px){.contact-info .item{margin-bottom:20px;padding-bottom:20px}
}
@media screen and (max-width: 767px){.contact-info .item{margin-bottom:15px;padding-bottom:15px}
}
.form-style2 .quform-element .quform-input input{background:transparent;border:none;border-bottom:2px solid #ced4da;border-radius:0;padding:3px}
.form-style2 .quform-element .quform-input input:focus{border-bottom:2px solid #1B86B2}
.form-style2 .quform-element.quform-has-error .quform-input input{border-bottom:2px solid #f5543f}
.form-style2 .quform-input .quform-errors-wrap{top:-10px}
.form-style2.newsletter-rounded .quform-submit-inner{right:-12px}
footer{padding:50px 0 0;background:#091e42;color:rgba(255,255,255,0.65)}
footer p{margin-bottom:0}
footer address{margin-bottom:5px}
footer h3{font-size:18px;font-weight:500;margin-bottom:30px;line-height:1;position:relative}
footer h3:after{content:'';display:block;width:70px;height:2px;background:#1B86B2;margin:12px auto 0 auto}
.footer-title-style:after{margin-left:auto;margin-right:auto}
h3.footer-title-style{margin-bottom:20px}
footer h3.footer-title-style2{margin-bottom:28px}
h3.footer-title-style2:after{width:100%;border-bottom:1px dashed #999;margin-top:15px;background:none}
footer h4.footer-title-style3{margin-bottom:30px;font-size:24px}
.footer-bar{padding-top:20px;padding-bottom:20px;margin-top:50px;text-align:center;background:#191919;color:rgba(255,255,255,0.65)}
.footer-bar span{font-size:15px;font-weight:400}
.footer-bar a{color:rgba(255,255,255,0.65)}
.footer-bar a:hover{color:#fff}
footer h3.normal:after{content:none}
.footer-box{background-color:rgba(255,255,255,0.05);padding:30px}
.footer-nav-link li{display:inline-block;margin-right:25px}
.footer-nav-link li:last-child{margin-right:0}
.footer-bg-img{position:absolute;bottom:0;background:url(../img/bg/bg-02.png) no-repeat scroll center 0;width:100%;height:266px;background-size:cover}
.footer-shape1{height:500px;width:500px;position:absolute;background-color:transparent;border-radius:50%;border:1px solid rgba(255,255,255,0.2);right:-15%;bottom:0}
.footer-shape2{height:500px;width:500px;position:absolute;background-color:transparent;border-radius:50%;border:1px solid rgba(255,255,255,0.2);right:-15%;bottom:7%}
.footer-list{margin:0;color:#575a7b}
.footer-list li{list-style-type:none;padding:6px 0;font-size:15px;word-break:break-word}
.footer-list li:last-child{padding-bottom:0}
.footer-list li:first-child{padding-top:0}
.footer-list li a{font-size:15px;font-weight:400}
.footer-list li a:before{content:'\f105';font-weight:700;vertical-align:bottom;font-family:Font Awesome\ 5 Free;padding-right:8px;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}
.footer-list01{margin:0}
.footer-list01 li{list-style-type:none;padding:12px 0 12px 0;font-size:17px;color:#596982}
.footer-list01 li:first-child{padding-top:0}
.footer-list01 li:last-child{padding-bottom:0}
.footer-list01 li a{font-weight:400;color:#596982}
.footer-list01 li a:hover{color:#243f67}
.footer-list02{padding:0;margin:0;list-style:none}
.footer-list02 li{list-style-type:none;padding:0.5rem 0 0.5rem 0;font-size:15px}
.footer-list02 li:first-child{padding-top:0}
.footer-list02 li:last-child{padding-bottom:0}
.footer-list03{padding:0;margin:0;list-style:none;margin-bottom:40px}
.footer-list03 li{list-style-type:none;padding:0 20px 0 20px;font-size:15px;display:inline-block;border-right:1px solid #fff;line-height:1}
.footer-list03 li:first-child{padding-left:0}
.footer-list03 li:last-child{border-right:unset;padding-right:0}
@media screen and (max-width: 1199px){.footer-list03 li{padding:0 16px 0 16px}
}
@media screen and (max-width: 479px){.footer-list03 li:nth-child(2){border-right:none;padding-right:0}
}
.footer-social-icons ul{margin-bottom:0}
.footer-social-icons ul li{display:inline-block;border:1px solid #1B86B2;border-radius:50%;color:#fff;margin-right:5px;margin-bottom:5px;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:0.3s}
.footer-social-icons ul li:last-child{margin-right:0}
.footer-social-icons ul li a{color:#1B86B2;display:block;font-size:15px;height:35px;line-height:35px;text-align:center;width:35px}
.footer-social-icons ul li:hover{background:#1B86B2;background:-webkit-linear-gradient(-45deg, #1B86B2, #0084e9);background:-moz-linear-gradient(-45deg, #1B86B2, #0084e9);background:-o-linear-gradient(-45deg, #1B86B2, #0084e9);background:linear-gradient(-45deg, #1B86B2, #0084e9)}
.footer-social-icons ul li:hover i{color:#fff}
.footer-social-icons01 ul{margin-bottom:0}
.footer-social-icons01 ul li{display:inline-block;border:1px solid #243f67;border-radius:50%;color:#243f67;margin-right:5px;margin-bottom:5px;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:0.3s}
.footer-social-icons01 ul li:last-child{margin-right:0}
.footer-social-icons01 ul li a{color:#243f67;display:block;font-size:15px;height:35px;line-height:35px;text-align:center;width:35px}
.footer-social-icons01 ul li:hover{background:#243f67}
.footer-social-icons01 ul li:hover i{color:#fff}
.footer-social-icons2{margin-bottom:0}
.footer-social-icons2 li{display:inline-block;color:#232323;margin-bottom:0 !important;margin-right:15px}
.footer-social-icons2 li:last-child{margin-right:0}
.footer-social-icons2 li a{display:block;font-size:16px}
.footer-social-icons2 li a i{transition-duration:0.3s}
.footer-social-icons3{margin-bottom:0}
.footer-social-icons3 li{display:inline-block;color:#fff;margin-bottom:0 !important;margin-right:15px}
.footer-social-icons3 li:last-child{margin-right:0}
.footer-social-icons3 li a{color:#fff;display:block;font-size:16px}
.footer-social-icons3 li a i{-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:0.3s}
.footer-social-icons3 li:hover i{color:#fff;opacity:0.65}
@media screen and (max-width: 1199px){footer h4.footer-title-style3{font-size:22px;margin-bottom:25px}
.footer-list01 li{font-size:16px}
}
@media screen and (max-width: 991px){footer h4.footer-title-style3{font-size:20px;margin-bottom:20px}
}
@media screen and (max-width: 767px){footer h3{font-size:16px}
.footer-style1{padding:70px 0 0 0}
h3.footer-title-style{margin-bottom:15px}
footer h3.footer-title-style2{margin-bottom:20px}
.footer-list01 li{padding:8px 0}
}
.footer-style1{background:#1d184a;padding:120px 0 0 0;color:rgba(255,255,255,0.65);font-weight:300}
.footer-style1 ul{list-style:none}
.footer-style1 a{color:rgba(255,255,255,0.65)}
.footer-style1 a:hover{color:white}
.footer-style1 h3{font-size:16px;letter-spacing:2px;margin-bottom:2.5rem}
.footer-style1 h3:after{content:none}
.footer-style1 ul{margin-bottom:0}
.footer-style1 ul li{margin-bottom:15px}
.footer-style1 ul li:last-child{margin-bottom:0}
.footer-style1 ul li a{color:rgba(255,255,255,0.65)}
.footer-style1 ul li a:hover{color:white}
.footer-style1 .footer-bottom{margin:120px 0 0 0;padding:20px 0;border-top:1px solid rgba(255,255,255,0.1)}
.footer-style1 .footer-listing li{color:rgba(255,255,255,0.65);word-break:break-word}
.footer-style1 .footer-listing li span{display:inline-block;vertical-align:top}
.footer-style1 .footer-listing li .icon{margin-right:15px}
@media screen and (max-width: 991px){.footer-style1{padding:90px 0 0 0}
.footer-style1 h3{margin-bottom:20px}
.footer-style1 .footer-bottom{margin:90px 0 0 0}
}
@media screen and (max-width: 767px){.footer-style1{padding:70px 0 0 0}
.footer-style1 .footer-bottom{margin:60px 0 0 0}
}
.footer-style2{box-shadow:0px 0 75px 0 rgba(0,0,0,0.05)}
.footer-style2>.container{padding:120px 15px}
@media screen and (max-width: 1199px){.footer-style2>.container{padding:90px 15px}
}
@media screen and (max-width: 991px){.footer-style2>.container{padding:70px 15px}
}
.footer-style3{color:#939393;padding-top:240px;margin-top:-120px;z-index:0}
.footer-style3 .footer-icon ul li{display:inline-block;margin-right:20px}
.footer-style3 ul{list-style:none}
.footer-style3 ul li{margin:10px 0;font-size:16px}
.footer-style3 ul li:last-child{margin-bottom:0;padding-bottom:0}
.footer-style3 h3:after{content:"";background:unset;margin:0}
.footer-style3-bottom{border-top:1px solid rgba(255,255,255,0.1);text-align:center;padding:20px 0;margin-top:100px}
.footer-style3 h3{color:rgba(255,255,255,0.8);font-size:18px;font-weight:500;margin-bottom:20px}
.footer-style3 a{color:#939393}
.footer-style3 a:hover{color:#fff}
@media screen and (max-width: 1199px){.footer-style3{padding-top:220px;margin-top:-120px}
.footer-style3-bottom{margin-top:70px}
}
@media screen and (max-width: 991px){.footer-style3{padding-top:140px;margin-top:-90px}
.footer-style3-bottom{margin-top:50px}
}
@media screen and (max-width: 767px){.footer-style3 h4{font-size:16px}
.footer-style3 ul li{font-size:15px}
}
.footer-style4{padding-top:0}
.footer-style4>.container{padding-top:90px;padding-bottom:90px}
.footer-style4 h3{color:#fff;font-size:18px;font-weight:500;margin-bottom:25px;line-height:1;position:relative}
.footer-style4 h3:after{content:none}
.footer-style4 .footer-top-bar{border-bottom:1px solid white;padding-top:40px;padding-bottom:40px}
.footer-style4 .footer-bar{padding-top:20px;padding-bottom:20px;margin-top:0;background:transparent;border-top:1px solid rgba(255,255,255,0.075);color:rgba(255,255,255,0.85)}
.footer-style4 .footer-bar a{color:#fff}
.footer-style4 .footer-bar a:hover{color:rgba(255,255,255,0.65)}
.footer-style4 ul{margin-bottom:0}
.footer-style4 li{margin-bottom:10px;list-style:none;color:rgba(255,255,255,0.8)}
.footer-style4 li:last-child{margin-bottom:0}
.footer-style4 li a{color:rgba(255,255,255,0.8)}
.footer-style4 li a:hover{color:#fff}
@media screen and (max-width: 1199px){.footer-style4>.container{padding-top:70px;padding-bottom:70px}
}
@media screen and (max-width: 767px){.footer-style4>.container{padding-top:50px;padding-bottom:50px}
.footer-style4 h3{margin-bottom:20px}
}
.footer-style5:before{content:"";position:absolute;width:50%;height:100%;background-color:#1B86B2;top:0;left:0;z-index:1}
.footer-style5:after{content:"";position:absolute;width:50%;height:100%;background-color:#061836;top:0;right:0;z-index:1}
.footer-style5 .bottom-footer{z-index:9;position:relative}
@media screen and (max-width: 767px){.footer-style5:after{display:none}
.footer-style5:before{width:100%}
}
.footer-style6 .footer-form{background-color:rgba(255,255,255,0.05)}
.buy-theme{transition-timing-function:ease-in-out;transition-duration:.2s;position:fixed;top:150px;right:-89px;background:#0084e9;box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:9999}
.buy-theme i{font-size:16px;vertical-align:middle;position:relative;top:-1px;color:#fff}
.all-demo i{font-size:15px;vertical-align:middle;position:relative;top:-1px;color:#fff}
.buy-theme:hover,.all-demo:hover{transition-timing-function:ease-in-out;transition-duration:.2s;right:0px;background:#0084e9}
.all-demo:hover{background: #1B86B2;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-45deg, #1B86B2, #39B553);
    background: linear-gradient(45deg, #1B86B2, #39B553);}
.buy-theme span,.all-demo span{padding:0 9px;position:relative;top:0;opacity:0}
.buy-theme:hover span,.all-demo:hover span{opacity:1;color:#fff}
.buy-theme:hover i,.all-demo:hover i{color:#fff}
.buy-theme a,.all-demo a{color:#232323;font-size:10px;text-transform:uppercase;padding:10px 15px;display:block;text-decoration:none;font-weight:500}
.all-demo{transition-timing-function:ease-in-out;transition-duration:.2s;position:fixed;top:185px;right:-105px; background: #1B86B2;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-45deg, #1B86B2, #39B553);
    background: linear-gradient(45deg, #1B86B2, #39B553);
	border-radius: 3px;
	box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:9999}

.bleu {
	color:#1B86B2;
}
.vert {
	color:#19a4df;
}
.progress-label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 10px;
  background-color: white;
  color: #333;
}
.etiquette table {
      border-collapse: collapse;
      width: 100%;
    }

.etiquette th, td {
      border: 1px dashed #01a3e1; 
      padding: 8px;
      text-align: center;
    }

.etiquette th {
      background-color: #fff;
	 border-top: none;
	border-bottom: none;
    }

    /* Bordures invisibles en horizontal */
.etiquette tr td:first-child {
      border-top: none;
    }

.etiquette tr td:last-child {
      border-bottom: none;
    }

.degrade {
background: #1B86B2;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-45deg, #1B86B2, #39B553);
    background: linear-gradient(45deg, #1B86B2, #39B553);
	color: #fff!important;
	text-align: center;
	font-size: 14px;
	
	 }
.redirection span:hover {
	color: #fff!important;
	box-shadow: 0px 3px 10px 0px rgba(41,45,194,0.08);
}
.degradeb {
background: #1B86B2;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -moz-linear-gradient(-45deg, #1B86B2, #39B553);
    background: -o-linear-gradient(-45deg, #1B86B2, #39B553);
    background: linear-gradient(45deg, #1B86B2, #39B553);
	color: #01a3e1!important;
	
	 }
.bord-puce {border: 3px solid #01a3e1;
}
.bord-puce:checked {
    background-color: #5BB520;
   
}


.modal-mdp {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.modal-content-mdp {
    background: #fff;
    padding: 40px;
    width: 500px;
    margin: 200px auto;
    border-radius: 5px;
    text-align: center;
}

button {
    padding: 10px;
    margin-top: 10px;
    cursor: pointer;
}

/* Classe pour masquer le contenu principal */
.hidden {
    display: none;
}

       .checkbox-container {
      display: flex;
      flex-direction: column;
      margin-bottom: 20px;
    }

    .checkbox-label {
      margin-bottom: 10px;
      display: flex;
      align-items: center;
    }

    .checkbox-label input {
      margin-right: 10px;
    }

    .consumption-inputs {
      display: none;
    }
    .additional-field {
      display: none;
      /* Ajoutez des styles selon vos besoins */
    }

/* Styles modernes pour les cases à cocher */
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 15px;
    height: 15px;
    border: 2px solid #4CAF50; /* Couleur de la bordure de la case à cocher */
    border-radius: 5px;
    outline: none;
    cursor: pointer;
}
.subOptions input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 15px;
    height: 15px;
    border: 2px solid #1B86B2; /* Couleur de la bordure de la case à cocher */
    border-radius: 5px;
    outline: none;
    cursor: pointer;
}
input[type="checkbox"]:checked {
    background-color: #4CAF50; /* Couleur de fond lorsque la case est cochée */
}
.subOptions input[type="checkbox"]:checked {
    background-color: #1B86B2; /* Couleur de fond lorsque la case est cochée */
}

/* Changer la couleur du texte lorsque la case est cochée */
input[type="checkbox"]:checked + label {
    color: #4CAF50; /* Couleur du texte lorsque la case est cochée */
}
.subOptions input[type="checkbox"]:checked + label {
    color: #1B86B2; /* Couleur du texte lorsque la case est cochée */
}
label {
 align-items: center; /* Aligner verticalement le texte et la case à cocher */
padding-right:20px;

}

.fond-question {
	background: rgba(6,223,158,0.1);
	padding: 5em;
	border-radius: 10px;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Style du point rouge */
/* Style du point rouge */
.toggleRecording::before {
    content: '●'; /* Point rouge Unicode */
    color: red;
    font-size: 1.5em;
    margin-right: 15px;

	   
}

.toggleRecording.recording {
	 background: #5bb520;
	border-radius: 4px;border: 1px solid grey; /* Ajout de la bordure grise */
		box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); /* Lorsqu'il est enfoncé */

	}
.testbutton
{
	 background: #fff;
border: 1px solid grey; /* Ajout de la bordure grise */
	border-radius: 4px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); /* Ombre interne */
	
	}

/* Style du carré clignotant */
.toggleRecording.recording::before {
    content: '■■'; /* Carré clignotant */
    width: 15px;
	font-size: 1.2em;
    background-color: red;
    animation: blink-animation 0.5s infinite alternate; /* Animation pour le clignotement */
    margin-right: 15px;
	

}

/* Animation pour le clignotement */
@keyframes blink-animation {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.acordion-header {
    cursor: pointer;

    padding: 10px;
}

.acordion-content {
    display: none;
    padding: 10px;
}

.acordion-item.active .acordion-content {
    display: block;
}
/* Style pour le modal en plein écran */
.fullscreen-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

/* Style pour l'image en plein écran */
.fullscreen-image {
    display: block;
    margin: auto;
    max-width: 200%;
    max-height: 200%;
}

/* Style pour le bouton de fermeture du modal */
.close-button {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}

/* Style pour l'image cliquable */
.fullscreenable-image {
    cursor: pointer;
}

.newsletter {
	background-image: url('https://azurstrategies.fr/primeo/primeoxazur.svg'); 
	background-color: #e6f4fa; 
	background-size: 90%; 
	background-position: center center; 
	background-repeat: no-repeat; 
	padding: 11% 0 11% 0!important;
	}
#vibratingDiv {
  display: inline-block;
}

@keyframes vibrate {
  0%, 100% {
    transform: translate(0);
  }
  20% {
    transform: translate(-5px, 5px);
  }
  40% {
    transform: translate(5px, -5px);
  }
  60% {
    transform: translate(-5px, -5px);
  }
  80% {
    transform: translate(5px, 5px);
  }
}

.vibrate {
  animation: vibrate 0.5s linear;
}
    .counter-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      font-family: Arial, sans-serif;
		margin-top: -0.9rem !important;
		
    }

    .counter-button {
      font-size: 2rem;
      border: none;
      border-radius: 10px;
      background-color: #007BFF;
      color: white;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background-color 0.2s ease;
		    margin-top: 0;
    }

 

    .counter-input {
      font-size: 1,8rem;
      text-align: center;
      border: 2px solid #ccc;
      border-radius: 10px;
      padding: 20px;
    }
button {
background: #19a4df;
    background: -webkit-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: -moz-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: -o-linear-gradient(-45deg, #1B86B2, #19a4df);
    background: linear-gradient(45deg, #1B86B2, #19a4df); }
button:hover {
background: #1B86B2;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
  transform: translateY(1px);
    }
 .left-panel {
      position: relative;
      flex: 1;
    }
    .left-panel img.bg {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .left-overlay {
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;

      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2rem;
    }
    .card {
      max-width: 420px;
      background:  rgba(255, 255, 255, 0.8);
      border-radius: 12px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.1);
      padding: 2rem;
      text-align: left;
    }
    .card h1 {
      margin-top: 0;
      font-size: 2rem;
    }
    .card p {
      margin: .5rem 0;
      line-height: 1.5;
    }
    .right-panel {
        flex: 0 0 20%;    /* largeur fixe = 30% de la fenêtre */
      background: rgba(255,255,255,0.8);
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 2rem;
    }
    .login-box {
       background: linear-gradient(
    to bottom,
    #585d74 0%,
    #303440 100%);
      border-radius: 12px;
      padding: 1rem;
      width: 100%;
      max-width: 320px;
      color: #fff;
      box-shadow: 0 10px 30px rgba(0,0,0,0.15);
		margin-top: 4rem;
    }
    .login-box .avatar {
      width: 120px;
      height: 120px;
      background: #0795e2;
      border-radius: 50%;
      margin: -5rem auto 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2rem;
      color: #fff;
    }
    .login-box input {
      width: 100%;
      padding: .75rem;
      margin-bottom: 1rem;
      border: none;
      border-radius: 4px;
    }
    .login-box .btn {
      width: 100%;
      text-align: center;
      margin-bottom: 1rem;
    }
    .login-box a {
      display: block;
      text-align: center;
      color: #bbb;
      margin: .5rem 0;
      text-decoration: none;
    }
    .login-box a:hover {
      color: #fff;
    }
    .footer {
      margin-top: auto;
      text-align: left;
      font-size: .8rem;
      color: #555;
    }
    .footer a {
      color: #555;
      text-decoration: none;
      margin: .25rem 0;
    }
	  .bleu {
		  color: #0795e2;
	  }
	  .parent-container {
  text-align: center;
}
	  .bouton{background: #575b72!important;
		  color: #fff;
	  border: 1px solid #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 11px 32px;
    font-size: 15px;
    line-height: 28px;
    font-weight: 500;
		    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    text-transform: inherit;
	   display: inline-block;}
	  /* Overlay semi-transparent */
.modal-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.6);
  display: none;            /* masqué par défaut */
  align-items: center;      
  justify-content: center;
  z-index: 1000;
}

/* Fenêtre blanche centrée */
.modal {
  background: #fff;
  padding: 1.5rem;
  border-radius: 8px;
  width: 90%;
  max-width: 400px;
  position: relative;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

/* Bouton de fermeture */
.modal-close {
  position: absolute;
  top: 0rem; right: 0.5rem;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-right: 0.4rem;
	padding-left: 0.4rem;
	  border-radius: 8px;
}
	  .modal-close:hover {color: #fff;}
	  /* Formulaire et champs */
.modal form {
  display: flex;
  flex-direction: column;
}
.modal form label {
  margin-bottom: 1rem;
  font-size: 0.9rem;
}
.modal form input,
.modal form textarea {
  width: 100%;
  padding: 0.5rem;
  margin-top: 0.25rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: 'Exo 2', sans-serif;
}