.blanc {color: #fff;
}
#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 #04243d;
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 #04243d;
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:#04243d;
text-decoration:none}
.bg-primary,.primary-overlay[data-overlay-dark]:before{background:#1561a;
background:-webkit-linear-gradient(bottom left, #00000, #15161a);
background:-o-linear-gradient(bottom left, #00000, #15161a);
background:linear-gradient(to top right, #00000, #15161a);}
.primary-overlay-180[data-overlay-dark]:before{background:#04243d;
background:-webkit-linear-gradient(180deg, #04243d, #0084e9);
background:-moz-linear-gradient(180deg, #04243d, #0084e9);
background:-o-linear-gradient(180deg, #04243d, #0084e9);
background:linear-gradient(180deg, #04243d, #0084e9)}
.primary-overlay-90[data-overlay-dark]:before,.bg-primary-90{background:#04243d;
background:-webkit-linear-gradient(90deg, #04243d, #0084e9);
background:-moz-linear-gradient(90deg, #04243d, #0084e9);
background:-o-linear-gradient(90deg, #04243d, #0084e9);
background:linear-gradient(90deg, #04243d, #0084e9)}
.bg-primary-solid,.primary-overlay-solid[data-overlay-dark]:before{background:#04243d}
.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%)}<strong></strong>
.left-overlay-dark[data-overlay-dark]:before{background:rgba(6,30,66,0.76);
background:linear-gradient(-90deg, transparent, #091e42 65%)}

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

.bg-filter-before:before{content:"";
position:absolute;
left:-127px;
top:90px;
width:530px;
height:530px;
background:#04243d;
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:#04243d;
opacity:0.07;
filter:blur(75px);
z-index:-1}
.text-purple{color:#04243d}
.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:#04243d}
.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:#04243d !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(26,208,204,0.70) 0, rgba(0,132,233,0.34) 100%);
background-repeat:no-repeat;
background-position:0 80%;
position:relative;
animation-delay:1s;
background-size:100% .3em}

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

.read-more{font-size:14px;
color:#04243d;
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:#04243d;
font-size:22px;
transition:all 0.3s ease 0s;
background:rgba(41,45,194,0.15)}
.hover-icon:hover .service-icon{background:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #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<strong></strong>-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:#04243d}
.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:#04243d;
-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:#243f67;
border-color:#243f67}
.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:#04243d}
.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:#06df9e}
.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:#04243d}
.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:#04243d;
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:#1ad0cc;
-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(17, 208, 204,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:#04243d}
.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:#04243d;
-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:#04243d;
-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:#1ad0cc}
.butn{background:#1ad0cc;
background:-webkit-linear-gradient(-45deg, #1ad0cc, #0084e9);
background:-moz-linear-gradient(-45deg, #1ad0cc, #0084e9);
background:-o-linear-gradient(-45deg, #1ad0cc, #0084e9);
background:linear-gradient(-45deg, #1ad0cc, #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:#04243d;
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:#04243d;
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:#04243d}
a.butn.white:hover,a.butn.white:active,a.butn.white:focus{color:#04243d}
.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:#04243d;
color:#fff}
@media screen and (max-width: 767px){.butn{padding:12px 24px;
font-size:13px}
}
.butn.style-one{color:#04243d;
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:#04243d;
color:#fff}
.butn.style-one.fill{background:#04243d;
color:#fff;
box-shadow:0px 15px 25px 0px rgba(0,0,30,0.15)}
.butn.style-one.fill:hover{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:#04243d;
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:#04243d}
.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:uppercase}
.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;text-transform: capitalize;}
.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:#04243d}
.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 #04243d;
color:#04243d}
.butn.style-three.bordered:hover{background:#04243d;
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(26,208,236,0.36)}
.navbar-nav li.current>a,.navbar-nav>li.active>a{color:#04243d}
.navbar>ul>li.current>a:after{border-color:transparent #04243d #04243d transparent}
.navbar ul ul li.active>a{color:#1ad0cc}
.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; color:#fff!important; animation: colorAnimation 3s infinite, boxShadowAnimation 6s infinite;}
.navbar-nav ul li:before{width:0;
margin-right:10px;
content:"";
background:#1ad0ec;
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:#fff}
.transparent-header.scrollHeader .navbar>ul>li.has-sub.current>a:after{border-color:transparent #04243d #04243d 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:#1ad0cc}
.navbar-toggler:after{border-top:2px solid #04243d;
border-bottom:2px solid #04243d}
.navbar-toggler:before{background:#04243d}
.navbar-toggler.menu-opened:after,.navbar-toggler.menu-opened:before{background:#04243d}
.navbar-toggler.dark{background:#04243d}
.white-header-mobile .navbar-toggler{top:14px;
background:#04243d}
.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:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #0084e9)}
.sm-bg-primary-solid{background:#04243d}
.sm-bg-primary-90{background:#04243d;
background:-webkit-linear-gradient(90deg, #04243d, #0084e9);
background:-moz-linear-gradient(90deg, #04243d, #0084e9);
background:-o-linear-gradient(90deg, #04243d, #0084e9);
background:linear-gradient(90deg, #04243d, #0084e9)}
.sm-bg-primary-180{background:#04243d;
background:-webkit-linear-gradient(180deg, #04243d, #0084e9);
background:-moz-linear-gradient(180deg, #04243d, #0084e9);
background:-o-linear-gradient(180deg, #04243d, #0084e9);
background:linear-gradient(180deg, #04243d, #0084e9)}
}
.onepage-header.scrollHeader .navbar{background:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #0084e9)}
.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:#04243d;
opacity:1}
.onepage-header.dark.scrollHeader .navbar{background:#04243d}
.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:#04243d}
.onepage-header.scrollHeader .navbar-nav .nav-link:hover,.onepage-header.scrollHeader .navbar .navbar-nav .nav-link.active{color:#04243d}
.onepage-header.dark.scrollHeader .navbar-nav .nav-link:hover,.onepage-header.dark.scrollHeader .navbar .navbar-nav .nav-link.active{color:#04243d;
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:#04243d}
.onepage-header.dark .navbar-toggler:before{background:#04243d}
.onepage-header.dark .navbar-toggler.menu-opened:after,.onepage-header.dark .navbar-toggler.menu-opened:before{background:#04243d}
.onepage-header.scrollHeader.dark .navbar-toggler{background:#f4f4f4}
.onepage-header.scrollHeader.dark .navbar-toggler:after{border-color:#04243d}
.onepage-header.scrollHeader.dark .navbar-toggler:before{background:#04243d}
.onepage-header.scrollHeader.dark .navbar-toggler.menu-opened:after,.onepage-header.scrollHeader.dark .navbar-toggler.menu-opened:before{background:#04243d}
}
.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:#04243d;
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:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #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:#04243d;
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:#04243d;
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:#04243d;
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:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #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:30px;
color:#fff;
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;
}
/* Medium (MD): Tablettes portrait */
@media (min-width: 768px) {
.navbar-brand img {
	    max-height: 90px;}
}

/* Large (LG): Tablettes paysage et petits ordinateurs */
@media (min-width: 992px) {
.navbar-brand img {
	    max-height: 90px;}
}

/* Extra Large (XL): Grands écrans */
@media (min-width: 1200px) {
	
	.main-banner-style01 .header-text {
		top: 20%;
		}
  /* Styles pour les grands écrans */
}

/* XXL: Très grands écrans */
@media (min-width: 1400px) {
  /* Styles pour écrans très larges */
}
.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:57%;
-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:50%;
right:-3%}
.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:26px;
line-height:36px}
.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:20px;
line-height:26px;
margin-bottom:5px;
color:#fff;
text-align:center}
.main-banner-style01 .header-text p{color:#fff;
text-align:center;
margin-bottom:10px;
line-height:20px;
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:#04243d;
margin:auto;
display:inline-block;
border:2px solid #04243d;
-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:#04243d}
.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:#04243d;
margin:auto;
display:inline-block;
border:2px solid #04243d;
-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:#04243d;
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:10px;
z-index:0;
top:12%}
.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:#04243d}
.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:#04243d;
background:-webkit-linear-gradient(180deg, #04243d, #0084e9);
background:-moz-linear-gradient(180deg, #04243d, #0084e9);
background:-o-linear-gradient(180deg, #04243d, #0084e9);
background:linear-gradient(180deg, #04243d, #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:#04243d;
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:130px 0 15px 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:#1ad0cc;
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:#1ad0cc;
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:170px 0 70px 0;
margin-top:-170px}
.page-title-section.style1{padding:100px 0}
.page-title-section h1{font-size:36px}
}
.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:#04243d;
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:#04243d;
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:#04243d;
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:#04243d}
.card-style02 .card-body:hover span i{color:#04243d;
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:#04243d}
.card-style02.fill .card-body span i{color:#04243d;
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}
}
/* Définition de l'animation */
@keyframes colorAnimation {
    0% {
        background-color: rgba(21, 22, 26, 1); /* Couleur initiale */
    }
    50% {
        background-color: rgba(21, 26, 22, 1); /* Couleur intermédiaire */
    }
    100% {
        background-color: rgba(21, 22, 26, 1); /* Retour à la couleur initiale */
    }
}
@keyframes boxShadowAnimation {
    0% {
        box-shadow: 0 4px 10px rgba(26, 208, 236, 0.5); /* Ombre initiale */
    }
    50% {
        box-shadow: 0 6px 20px rgba(26, 208, 236, 0.7); /* Ombre intermédiaire */
    }
    100% {
        box-shadow: 0 4px 10px rgba(26, 208, 236, 0.5); /* Retour à l'ombre initiale */
    }
}
.card-style05{border:none;
text-align:center;
background:#15161a;
	animation: colorAnimation 3s infinite, boxShadowAnimation 10s infinite; /* Durée de 3 secondes, répétée en boucle */
border-radius:.25rem;
height:100%; box-shadow: 0 0 10px 3px rgba(26, 208, 236, 0.8);}
.card-style05 hover{box-shadow: 0 0 10px 3px rgba(26, 208, 236, 0.8);}
.card-style05:hover i{color:#fff}
.card-style05:hover i:after{background:#1ad0cc;
transform:rotate(0deg)}
.card-style05 i{display:inline-block;
color:#1ad0cc;
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(26, 208, 204,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:55px 35px 45px 35px;
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, #04243d, #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 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 50px 0}
.card-style06 i{transition:all 0.3s linear}
.card-style06:hover{opacity:1;
transform:translate(0%, 0%);
transition:all 1.3s linear}
.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:#1ad0ec}
.card-style07:hover{box-shadow:-1px 9px 18px 0px rgba(41,134,139,0.10);
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;
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}
.card-style07 .box-circle-large{left:0;
bottom:0;
width:1.37em;
height:1.37em;
background:rgba(9,189,235,0.10)}
.card-style07 .box-circle-small{top:0;
right:0;
width:0.59em;
height:0.59em;
background:rgba(40,178,255,0.10)}
.card-style07:hover{background:#1ad0ec;
background:-webkit-linear-gradient(-45deg, #1ad0ec, #0084e9);
background:-moz-linear-gradient(-45deg, #1ad0ec, #0084e9);
background:-o-linear-gradient(-45deg, #1ad0ec, #0084e9);
background:linear-gradient(-45deg, #1ad0ec, #0084e9)}
.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(131,210,255,0.10)}
.card-style07:hover .box-circle-small{background:rgba(131,210,255,0.2)}
.card-style07.active{background:#04243d}
.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.line2:after{
   content: '';
  position: absolute;
  width: 2px; /* Largeur de la ligne */
  height: 69%; /* Hauteur de la ligne */
  bottom: -50%; /* Distance à partir du haut */
  left: 50%; /* Centrer la ligne horizontalement */
  transform: translateX(-50%); /* Pour assurer un vrai centrage */
  border: 1px dashed #fff; /* Style pointillé */
  -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;

}
.card-style09.line4:after{
   content: '';
  position: absolute;
  width: 2px; /* Largeur de la ligne */
  height: 69%; /* Hauteur de la ligne */
  bottom: 100%; /* Distance à partir du haut */
  left: 50%; /* Centrer la ligne horizontalement */
  transform: translateX(-50%); /* Pour assurer un vrai centrage */
  border: 1px dashed #fff; /* Style pointillé */
  -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;

}
.card-style09.line3:after{content:'';
position:absolute;
width:69%;
height:2px;
top:50px;
right: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:#04243d;
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:#04243d;
-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}
.card-style09 .hover-image {
  display: none;
}

.card-style09:hover .hover-image {
  display: block;
}

.card-style09:hover .normal-image {
  display: none;
}

@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:#04243d}
.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:0}
.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:#04243d}
.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:#04243d}
.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:#04243d}
.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:#04243d}
.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:relative}
.card-style22 .card-img-top,.card-style22 .card-img-bottom,.card-style22 .card-body{position:relative}
.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:#04243d}
.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:#04243d;
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:#04243d !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 #04243d;
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 #04243d;
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:#04243d;
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:#04243d;
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}
p.product-details  br::after {
    content: "";
    display: block; /* Force un effet de bloc */
    margin-bottom: 10px; /* Espace entre les lignes */
} 
.product-details .product-cart>a:hover{background:#04243d;
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:#04243d;
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:#04243d}
.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:#04243d;
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:#04243d;
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:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #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:after{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:510px;
height:510px;
border-radius:58% 42% 61% 39% / 56% 66% 34% 44%;
background-color:#ffcc6f;
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 #2d436e;
-webkit-text-stroke:1px #2d436e}
.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:#04243d;
font-weight:500}
.testmonial-style01 .avatar-info h4{font-size:18px;
margin-bottom:0;
color:#04243d}
.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:325px;
height:325px;
width:100%;
vertical-align:top;
margin-top:70px}
.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:-130px;
margin-top:-85px}
.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:#04243d}
@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:#04243d !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:#04243d}
.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:#04243d;
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, #04243d 0%, #04243d 50%, #04243d 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:#04243d}
.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:#04243d;
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:#04243d;
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:#04243d !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:#1ad0ec;
border-color:rgba(4,36,61,0.81);
-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:#04243d;
font-size:43px;
text-align:center;
width:40px;
height:40px;
background:#fff !important}
.owl-nav .owl-prev{color:#04243d;
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:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #0084e9);
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; 	animation: colorAnimation 3s infinite, boxShadowAnimation 10s infinite; /* Durée de 3 secondes, répétée en boucle */}
.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;	animation: colorAnimation 3s infinite, boxShadowAnimation 10s infinite; /* Durée de 3 secondes, répétée en boucle */
border-radius:15px;}
.team-style05 .team-img{position:relative;
overflow:hidden; border-radius:5px; }
.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(26,205,204,1) 0, rgba(26,205,204,1) 100%)
}

.team-style05 .team-details{position:absolute;
bottom:-35px;
right:0;
left:0;
margin:auto 10%;
z-index:99;
padding:15px 0;
background:#fff!important; 	animation: colorAnimation 3s infinite, boxShadowAnimation 6s infinite; /* Durée de 3 secondes, répétée en boucle */}
.team-style05 .team-social{position:absolute;
right:0;
left:0;
margin:auto 10%;
z-index:99;
top:10%;
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:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #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 .overlay table {opacity:1}
.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:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #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:#04243d}
.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:#04243d;
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:#04243d;
color:#04243d}
@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:#04243d}
@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:#04243d;
color:#04243d}
.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:#04243d;
border:1px solid #04243d;
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:#04243d}
.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:#04243d;
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:#04243d;
height:2px}
.project-single-text ul li{color:#1d184a;
font-size:15px;
font-weight:500}
.project-single-text ul li i{color:#04243d;
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:#04243d}
.lg-progress-bar .lg-progress{background-color:#04243d}
.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:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #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:#1ad0cc;
background:-webkit-linear-gradient(-45deg, #1ad0cc, #0084e9);
background:-moz-linear-gradient(-45deg, #1ad0cc, #0084e9);
background:-o-linear-gradient(-45deg, #1ad0cc, #0084e9);
background:linear-gradient(-45deg, #1ad0cc, #0084e9);
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:##1ad0cc;
background:-webkit-linear-gradient(-45deg, #1ad0cc, #0084e9);
background:-moz-linear-gradient(-45deg, #1ad0cc, #0084e9);
background:-o-linear-gradient(-45deg, #1ad0cc, #0084e9);
background:linear-gradient(-45deg, #1ad0cc, #0084e9);
color:#fff;
border-bottom:transparent;
border-left:none !important}
.accordion-style01 .btn-link.collapsed .counts{background:transparent;
border:1px solid #cee1f8;
color:#04243d}
.accordion-style01 .btn-link .counts{background:#fff;
border:1px solid #cee1f8;
color:#04243d}
.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:#04243d}
.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:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #0084e9)}
@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:#04243d !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:rgba(41,45,194,0.7) !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:#04243d}
.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:#04243d;
-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:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #0084e9);
color:#fff}
.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:#04243d !important;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9) !important;
background:-moz-linear-gradient(-45deg, #04243d, #0084e9) !important;
background:-o-linear-gradient(-45deg, #04243d, #0084e9) !important;
background:linear-gradient(-45deg, #04243d, #0084e9) !important;
color:#fff}
h2.resp-tab-title:last-child{border-bottom:12px solid #e4e4e4 !important;
background:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #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 #04243d !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 #04243d !important;
border-left:4px solid #04243d !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:#04243d;
border-bottom:3px solid #04243d}
.tab-style01 .resp-tab-content{border-top:1px dashed #cee1f8 !important;
border-width:1px 0 0 0;
border-color:#04243d;
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:#04243d}
.tab-style02 .resp-tab-content{border-width:0 0 0 0;
border-color:#04243d;
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; margin-top: -50px;}
.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:#04243d}
.tab-style02 ul.resp-tabs-list li.resp-tab-active:before{content:"";
width:5px;
height:5px;
border-radius:50%;
background-color:#04243d;
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:#04243d;
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:#04243d}
.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:linear-gradient(-45deg, #1ad0cc, #0084e9) !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:linear-gradient(-45deg, #1ad0cc, #0084e9);
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:#04243d;
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:#04243d !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:#04243d;
background:-webkit-linear-gradient(180deg, #04243d, #0084e9);
background:-moz-linear-gradient(180deg, #04243d, #0084e9);
background:-o-linear-gradient(180deg, #04243d, #0084e9);
background:linear-gradient(180deg, #04243d, #0084e9);
padding:15px 20px 13px 20px;
color:#04243d;
-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:#04243d !important;
background:-webkit-linear-gradient(180deg, #04243d, #0084e9) !important;
background:-moz-linear-gradient(180deg, #04243d, #0084e9) !important;
background:-o-linear-gradient(180deg, #04243d, #0084e9) !important;
background:linear-gradient(180deg, #04243d, #0084e9) !important;
color:#04243d;
-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:#04243d;
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:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #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 #04243d;
border-radius:100%;
color:#04243d;
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:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #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:#04243d;
background:-webkit-linear-gradient(90deg, #04243d, #0084e9);
background:-moz-linear-gradient(90deg, #04243d, #0084e9);
background:-o-linear-gradient(90deg, #04243d, #0084e9);
background:linear-gradient(90deg, #04243d, #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:#04243d;
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:#04243d;
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:#04243d !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:#04243d}
.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:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #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:#04243d}
.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:#1ad0cc}
.social-icon01 li a:hover{background-color:#1ad0cc;
color:#ffffff}
.social-icon02{margin-bottom:0}
.social-icon02 li{text-align:center;
margin-right:4px;
display:inline-block}
.social-icon02 li a{background:#04243d;
border:1px solid #04243d;
color:#fff;
border-radius:35px;
height:35px;
width:35px;
line-height:35px;
display:inline-block}
.social-icon02 li a:hover{background:#fff;
color:#04243d}
.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:#1ad0cc}
.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:#04243d}
.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:30px;
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:2.5rem;
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:#04243d;
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:#04243d}
@media screen and (max-width: 991px){.account-widget{padding:2rem}
}
@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:.25rem;
margin-bottom:.25rem}
.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:#04243d}
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:#04243d;
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:#04243d;
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:#04243d}
.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:#04243d}
.blog-card01 .category{margin-bottom:5px;
display:block}
.blog-card01 .category a{color:#04243d;
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:#04243d}
.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;
height:100%}
.blog-grid span{color:#04243d}
.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:#04243d;
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:#04243d;
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:#04243d;
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 #04243d;
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:#04243d;
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:#04243d;
color:#ffffff;
border:1px solid #04243d;
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:#04243d;
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 #04243d}
.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:#04243d;
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 #04243d;
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:#04243d;
display:block;
font-size:15px;
height:35px;
line-height:35px;
text-align:center;
width:35px}
.footer-social-icons ul li:hover{background:#04243d;
background:-webkit-linear-gradient(-45deg, #04243d, #0084e9);
background:-moz-linear-gradient(-45deg, #04243d, #0084e9);
background:-o-linear-gradient(-45deg, #04243d, #0084e9);
background:linear-gradient(-45deg, #04243d, #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:#04243d;
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:#06df9e}
.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:5px 10px;
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:#06df9e;
box-shadow:0 0 10px rgba(0,0,0,0.2);
z-index:9999}

.text-overlay {
    position: absolute;
    top: 58%;
    left: 64%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 16px;
    font-weight: bolder;
    padding: 2vw;
    background-color: rgba(21,22,26,0.70);
    border-radius: 10px;
}
.text-overlay h5 {color: white;}

.bleu {color:#1ad0cc;}
.bleu-moyen {color:#0098BF;}
.bleu-fonce {color:#092A4F;}
.bgnoir {background-color: #15161a;}
/********************** OFFRE *****************************/





#cadre {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}



/* ges bloc offres */

#ges-offres {

    position: relative;

    width: 100%;

    min-width: 1000px;

    height: 1000px;

    color: #fff;

}

@media screen and (max-width: 768px) {
#ges-offres {
	display: none;
	}
}

#ges-offres > * {

    position: absolute;

}



#ges-offres > canvas {

    position: absolute;

    display: block;

    top: 0;

    left: 50%;

    width: 560px;

    height: 560px;

    margin: 0 0 0 -0px;

    animation-name: scale;

    -moz-animation-name: scale;

    -webkit-animation-name: scale;

    animation-duration: 3s;

    -moz-animation-duration: 3s;

    -webkit-animation-duration: 3s;

    animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    -webkit-animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

    -moz-animation-timing-function: ease-in-out;

    -webkit-animation-timing-function: ease-in-out;

}



#ges-offres > .rond-centre {

    width: 0;

    height: 0;

    margin: 0;

    top: 0%;

    left: 50%;

}



#ges-offres > .rond-centre:not(.onhover) {

    transition-property: margin, width, height;

    -moz-transition-property: margin, width, height;

    -webkit-transition-property: margin, width, height;

    transition-duration: .3s;

    -moz-transition-duration: .3s;

    -webkit-transition-duration: .3s;

    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

}



#ges-offres.started > .rond-centre:not(.onhover),

#ges-offres > .rond-centre.onhover {

    width: 1200px;

    margin: 0 0 0 -50%;

    text-align: center;
	
	 border-radius: 40px;

    -moz-border-radius: 40px;

    -webkit-border-radius: 40px;
	padding-top: 20px;


}



#ges-offres > .rond-centre.onhover {

    opacity: 0;

    padding: 20px;

    text-align: center;

    transition-property: opacity;

    -moz-transition-property: opacity;

    -webkit-transition-property: opacity;

    transition-duration: .3s;

    -moz-transition-duration: .3s;

    -webkit-transition-duration: .3s;
	
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);

    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);

}



#ges-offres > .rond-centre.onhover > * {

    padding: 0 120px;

    opacity: 0;

    transition-property: margin-top, opacity;

    -moz-transition-property: margin-top, opacity;

    -webkit-transition-property: margin-top, opacity;

    transition-duration: .15s;

    -moz-transition-duration: .15s;

    -webkit-transition-duration: .15s;

    transition-delay: .15s;

    -moz-transition-delay: .15s;

    -webkit-transition-delay: .15s;
	

}



#ges-offres .pos-text {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}



#ges-offres > .rond-centre.onhover > div > p {

    font-size: 20px;
    line-height: 1.3em;
    padding-top: 0.5em;
    font-weight: 400;

}

#ges-offres > .rond-centre.onhover > div > h2 {
	font-size: 25px;
	font-weight: 500;
	color: white;
	text-transform: uppercase;
}

#ges-offres > .rond-centre.onhover > *:first-child {

    margin-top: -10px;

}



#ges-offres > .rond-centre.onhover.active > *:first-child {

    margin-top: 0;

}



#ges-offres > .rond-centre.onhover.active,

#ges-offres > .rond-centre.onhover.active > * {

    opacity: 0.9;

}



#ges-offres > .rond-centre > img {

    opacity: 0;

    margin-top: 30px;

    transition-property: margin-top, opacity;

    -moz-transition-property: margin-top, opacity;

    -webkit-transition-property: margin-top, opacity;

    transition-duration: .6s;

    -moz-transition-duration: .6s;

    -webkit-transition-duration: .6s;

    transition-timing-function: ease-out, linear;

    -moz-transition-timing-function: ease-out, linear;

    -webkit-transition-timing-function: ease-out, linear;

    transition-delay: .25s;

    -moz-transition-delay: .25s;

    -webkit-transition-delay: .25s;

}



#ges-offres.started > .rond-centre > img {

    opacity: 1;

    margin-top: 0;

}



#ges-offres > .liste-offres {

    list-style-type: none;

    margin: 0;

    padding: 0;

    position: absolute;

    width: 100%;

    height: 100%;

}



#ges-offres > .liste-offres > * {

    position: absolute;

    top: 55%;

    left: 50%;

    display: block;

    margin: 0;

    padding: 0;

    width: 200px;

    opacity: 0;

    transition-property: top, opacity;

    -moz-transition-property: top, opacity;

    -webkit-transition-property: top, opacity;

    transition-duration: .25s;

    -moz-transition-duration: .25s;

    -webkit-transition-duration: .25s;

    transition-timing-function: ease-out, linear;

    -moz-transition-timing-function: ease-out, linear;

    -webkit-transition-timing-function: ease-out, linear;

}



#ges-offres.started > .liste-offres > *.title-hidden > h3 {

    opacity: 0;

    color: #fff;
	font-size: 25px;

}

#ges-offres.started > .liste-offres > *.title-hidden > h2 {

    opacity: 0;

    color: #fff;

}



#ges-offres.started > .liste-offres > * {

    opacity: 1;

    top: 50%;

    height: auto;

    min-height: 60px;

    cursor: pointer;

    vertical-align: middle;

    line-height: 60px;

    animation-name: floating;

    -moz-animation-name: floating;

    -webkit-animation-name: floating;

    animation-duration: 3s;

    -moz-animation-duration: 3s;

    -webkit-animation-duration: 3s;

    animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    -webkit-animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

    -moz-animation-timing-function: ease-in-out;

    -webkit-animation-timing-function: ease-in-out;

}



#ges-offres > .liste-offres > * > * {

    display: inline-block;

    vertical-align: middle;

    margin: 0;

}



#ges-offres > .liste-offres .effet-rollover {

    position: absolute;

    top: 0;

    width: 60px;

    height: 60px;

    overflow: hidden;

    border-radius: 10px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

    transition: width .15s ease-out;
	background-color: transparent!important;

}



#ges-offres > .liste-offres > .right .effet-rollover {

    right: 0;

}



#ges-offres > .liste-offres > .right .effet-rollover > img {

    right: 0;

    max-width: 60px;

}



#ges-offres > .liste-offres > .left .effet-rollover {

    left: 0;

}



#ges-offres > .liste-offres > .left .effet-rollover > img {

    left: 0;

    max-width: 60px;

}



#ges-offres .blue {

    background-color: #6bc3bd;

}



#ges-offres .nuit {

    background-color: #2b6da4;

}



#ges-offres .green {

    background-color: #1e97b1;

}



#ges-offres h3 {

    line-height: initial;

    font-weight: 300;

    letter-spacing: 0;

    text-transform: uppercase;

    font-family: 'Roboto Condensed', sans-serif;

    width: 100%;

    color: #fff;

    font-size: 18px;
}



#ges-offres > .liste-offres h3 {

    opacity: 1;

    transition-property: opacity;

    -moz-transition-property: opacity;

    -webkit-transition-property: opacity;

    transition-duration: .15s;

    -moz-transition-duration: .15s;

    -webkit-transition-duration: .15s;

    transition-timing-function: linear;

    -moz-transition-timing-function: linear;

    -webkit-transition-timing-function: linear;

    color: #fff;

}



#ges-offres > .liste-offres a {

    display: block;

    width: 100%;

    text-transform: uppercase;

    color: #fff;

    text-decoration: none;

    font-size: .75em;

    font-weight: bold;

    opacity: 0;

    margin-top: -10px;

    transition-property: margin-top, opacity;

    -moz-transition-property: margin-top, opacity;

    -webkit-transition-property: margin-top, opacity;

    transition-duration: .15s;

    -moz-transition-duration: .15s;

    -webkit-transition-duration: .15s;

    transition-timing-function: ease-out, linear;

    -moz-transition-timing-function: ease-out, linear;

    -webkit-transition-timing-function: ease-out, linear;

    transition-delay: .15s;

    -moz-transition-delay: .15s;

    -webkit-transition-delay: .15s;
	

}



#ges-offres > .liste-offres :hover a {

    opacity: 1;

    margin-top: 0;
	background-color: #1ad0ec!important;

}



#ges-offres > .liste-offres > .right h3 {

    padding-right: 75px;

    text-align: right;

    color: #fff;

}



#ges-offres > .liste-offres > .right a {

    padding-right: 5px;

    text-align: right;

    color: #fff;

    font-size: 14px;
	

}



#ges-offres > .liste-offres > .left h3 {

    padding-left: 75px;

    text-align: left;

    color: #fff;

}



#ges-offres > .liste-offres > .left a {

    

    text-align: left;

    color: #fff;

    font-size: 14px;
	

}



#ges-offres > .liste-offres > *:hover > .effet-rollover {

    width: 300px;
	height: auto;
	line-height: 1.5; 
	padding: 20px!important;
	background: #1ad0ec!important;


}

#ges-offres > .liste-offres > *:hover > .effet-rollover.nolink {

    width: 60px;

}


#ges-offres > .liste-offres > *:hover h3 {

    opacity: 0;

    color: #fff;

    display: none;

}



#ges-offres > .liste-offres .effet-rollover > img {

    position: absolute;

    top: 0;

    border-radius: 50%;

}



#ges-offres > .liste-offres > #ges-offre-1 {

    margin-top: 18%;

    margin-left: -32%;

    text-align: right;
		 z-index: 1;

}



#ges-offres > .liste-offres > #ges-offre-1:not(.hidden) {

    transition-delay: .5s;

    -moz-transition-delay: .5s;

    -webkit-transition-delay: .5s;

}



#ges-offres > .liste-offres > #ges-offre-2 {

    margin-left: -30%;

    margin-top: -33%;

    animation-delay: .1s;

    -moz-animation-delay: .1s;

    -webkit-animation-delay: .1s;
		 z-index: 1;

}



#ges-offres > .liste-offres > #ges-offre-2:not(.hidden) {

    transition-delay: .6s;

    -moz-transition-delay: .6s;

    -webkit-transition-delay: .6s;

}



#ges-offres > .liste-offres > #ges-offre-3 {

    margin-top: -32%;
	margin-left: -6%;

    animation-delay: .2s;

    -moz-animation-delay: .2s;

    -webkit-animation-delay: .2s;
		 z-index: 10;

}



#ges-offres > .liste-offres > #ges-offre-3:not(.hidden) {

    transition-delay: .1s;

    -moz-transition-delay: .1s;

    -webkit-transition-delay: .1s;

}



#ges-offres > .liste-offres > #ges-offre-4 {

    margin-top: -31%;

    margin-left: 11%;

    animation-delay: .3s;

    -moz-animation-delay: .3s;

    -webkit-animation-delay: .3s;
	 z-index: 1;
}



#ges-offres > .liste-offres > #ges-offre-4:not(.hidden) {

    transition-delay: .2s;

    -moz-transition-delay: .2s;

    -webkit-transition-delay: .2s;

}



#ges-offres > .liste-offres > #ges-offre-5 {

    margin-top: -8%;
	margin-left: -36%;

    animation-delay: .4s;

    -moz-animation-delay: .4s;

    -webkit-animation-delay: .4s;
	 z-index: 1;

}



#ges-offres > .liste-offres > #ges-offre-5:not(.hidden) {

    transition-delay: .3s;

    -moz-transition-delay: .3s;

    -webkit-transition-delay: .3s;

}



#ges-offres > .liste-offres > #ges-offre-6 {

    margin-top: -36%;

    margin-left: -11%;

    animation-delay: .5s;

    -moz-animation-delay: .5s;

    -webkit-animation-delay: .5s;
		 z-index: 13;

}



#ges-offres > .liste-offres > #ges-offre-6:not(.hidden) {

    transition-delay: .4s;

    -moz-transition-delay: .4s;

    -webkit-transition-delay: .4s;

}

.content-area {

    padding-bottom: 0em;

}

@keyframes scale {

    from {

        transform: scale(.98);

    }



    65% {

        transform: scale(1);

    }



    to {

        transform: scale(0.98);

    }

}



@-webkit-keyframes scale {

    from {

        -webkit-transform: scale(.98);

    }



    65% {

        -webkit-transform: scale(1);

    }



    to {

        -webkit-transform: scale(.98);

    }

}



@-moz-keyframes scale {

    from {

        -moz-transform: scale(.98);

    }



    65% {

        -moz-transform: scale(1);

    }



    to {

        -moz-transform: scale(.98);

    }

}



@keyframes floating {

    from {

        transform: translate(0, 0);

    }



    45% {

        transform: translate(0, 3px);

    }



    to {

        transform: translate(0, 0);

    }

}



@-moz-keyframes floating {

    from {

        -moz-transform: translate(0, 0);

    }



    45% {

        -moz-transform: translate(0, 3px);

    }



    to {

        -moz-transform: translate(0, 0);

    }

}



@-webkit-keyframes floating {

    from {

        -webkit-transform: translate(0, 0);

    }



    45% {

        -webkit-transform: translate(0, 3px);

    }



    to {

        -webkit-transform: translate(0, 0);

    }

}


	.numberCircle {
    display:inline-block;
    line-height:0px;
    
    border-radius:50%;
    border:2px solid;
	font-weight:bold;
	color:#fff;
}

.numberCircle span {
    display:inline-block;
    
    padding-top:50%;
    padding-bottom:50%;
   
    margin-left:8px;
    margin-right:8px;
		font-weight:bold;
	color:#fff;
	text-align:center;
}
.numberCircletitle {
    display:inline-block;
    line-height:0px;
    
    border-radius:50%;
    border:5px solid;
	font-weight:bold;
	color:#2b6da4;
}

.numberCircletitle span {
    display:inline-block;
    
    padding-top:50%;
    padding-bottom:50%;
    
    margin-left:16px;
    margin-right:16px;
		font-weight:bold;
	color:#666;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Zone spécifique (wrapper) */
.wrapper {
  width: 100vw;
  overflow-x: hidden; /* Empêche le défilement horizontal global */
  overflow-y: scroll; /* Permet le défilement vertical */
  height: 100vh; /* Hauteur de la zone d'affichage */
  position: relative;
}

/* SECTION BLOC */
.section {
  min-height: 100vh; /* Chaque section occupe au moins la hauteur de la fenêtre */
  position: relative;
}

.section:nth-child(1) {
  background: gold;
}

.section:nth-child(3) {
  background: blue;
}

.section--horizontal {
  height: 300vw; /* Largeur importante pour créer le défilement horizontal */
}

.section__inner {
  width: 600vw; /* Pour les sections horizontales */
  height: 100vh; /* Hauteur de la section */

  position: absolute;
  top: 0;
  left: 0;
}

.section--isFixed .section__inner {
  position: fixed; /* Fixe la position lorsque la classe est appliquée */
}

.section--isScrolled .section__inner {
  bottom: 0;
  top: auto;
}

/* PRODUCTS BLOC */
.products {
  display: flex;
}

.products__product {
  flex-basis: 100vw; /* Chaque produit occupe toute la largeur de la fenêtre */
  height: 100vh; /* Hauteur de chaque produit */
  display: flex;
  align-items: center;
  justify-content: center;
margin-right: 5vw;
  margin-left: 5vw;
}
.products__product p {
	width: 70vw;
background-color:#fff; }
.products__product .bleu{
 
	font-size: 55px;
	padding-bottom: 50px;
  font-family: Helvetica, sans-serif;
	color: #1ad0cc;
	line-height: 4rem!important;
	text-align: left!important;

}
.products__product span {
	font-size: 18px;
	line-height: .5rem!important;
	color: #575a7b;
	margin-top: -55px;
	}
.mobile{display: none}
@media (max-width: 600px) {
	.section__inner {display: none}
	.mobile {display: block;
	overflow: auto;margin-top: -268%;}
}
	
	
.shadow {background-color: #15161a; padding: 7%; z-index: 10; border-radius: 20px;animation: colorAnimation 3s infinite, boxShadowAnimation 10s infinite;}

.donnee table {
    width: 100%; /* Remplir tout l'espace disponible */
    border-collapse: collapse; /* S'assurer que les bordures ne se chevauchent pas */
    background: #ffffff; /* Fond blanc */
}
.donnee th, .donnee td {
    padding: 10px;
    text-align: center;
    border: 1px solid #ddd;
}

.donnee th {
    background-color: #0078d7;
    color: #ffffff;
}

.donnee table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.donnee table tr:hover {
    background-color: #f1f1f1;
}
  .cc-window {
            z-index: 9999 !important; /* Assure que le bandeau est bien devant */
            position: fixed;
            bottom: 20px;
            left: 20px;
            right: 20px;
            background: #222;
            color: white;
            border-radius: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
			width: 30%;

        }
  .cc-container {
      transition: opacity 0.3s ease-out !important;
	              padding: 15px;
    }
        .cc-buttons {
			 z-index: 9999 !important;
            display: inline-flex;
    gap: 10px;
    align-items: center;
        }
        .cc-btn {
			 z-index: 9999 !important;
            display: inline-block;
            padding: 8px 15px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            border: none;
        }
        .cc-btn.cc-allow {
            background: #4CAF50;
            color: white;
        }
        .cc-btn.cc-deny {
            background: #d33;
            color: white;
        }

        #language-switcher {
       list-style: none;
  display: inline-flex; /* Affichage en ligne pour compacter les éléments */
  margin: 0;
  padding: 0;
  border-radius: 4px;
  overflow: hidden; /* Pour que les bords arrondis s'appliquent sur tous les éléments */
			margin-left: 15px;
    }
    
    #language-switcher li {
      display: inline;
    }
    
    #language-switcher a {
       display: flex;
  align-items: center;
  text-decoration: none;
  color: #1ad0cc;  /* Texte en blanc */
  padding: 8px 12px;
  font-size: 14px;
  transition: background-color 0.3s, transform 0.2s;
}

    #language-switcher a:hover {
      background-color: #202229;
      color: #fff;
      transform: translateY(-2px);
    }
    
    #language-switcher a img {
      width: 20px;
      height: auto;
      margin-right: 8px;
      vertical-align: middle;
    }
#language-switcher li + li {
  border-left: 1px solid #000; /* Barre blanche entre chaque <li> à partir du deuxième */
}