@import "https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";
:root{--body:#fff;--black:#000;--white-color:#fff;--main-color:#01c346;--main-color2:#EDDD5E;--header:#41210c;--text:#5C6672;--border:#CAD2D2;--ratting:#F8BC26;--bg:#EDF2EC;--bg-2:#FFF9E8;---box-shadow:0 4px 25px #0000000f; --transition : all .5s ease-in-out}
.theme-btn{font-size:16px;position:relative;z-index:1;overflow:hidden;font-weight:800;text-transform:capitalize;height:58px;line-height:58px;background-color:var(--main-color);overflow:hidden;display:inline-block;padding:0 40px;color:var(--white-color);border-radius:82px}
.theme-btn.two{background-color:var(--main-color2);color:var(--header);}
@media (max-width: 575px) {
.theme-btn{font-size:14px;padding:0 25px;height:52px;line-height:52px}
}
.theme-btn::before{content:"";position:absolute;width:0;top:-10px;height:0;background-color:var(--main-color2);border-radius:50%;transform:translate(-50%,-50%);transition:all .8s ease;z-index:-1}
.theme-btn.two::before{background-color:var(--main-color);}
.theme-btn i{margin-left:5px;transform:rotate(-45deg)}
.theme-btn:hover{color:var(--header)}
.theme-btn.two:hover{color:var(--white-color)}
.theme-btn:hover::before{width:800px;height:800px;display:inline-block}
.link-btn{font-size:15px;font-weight:900;color:var(--main-color);text-transform:capitalize;display:inline-block;font-family:"DM Sans";margin-top:10px}
.link-btn:hover{color:var(--main-color2)}
.link-btn i{margin-left:10px}
body{font-family:"Nunito",sans-serif;font-size:16px;font-weight:400;line-height:30px;color:var(--text);background-color:var(--white-color);padding:0;margin:0;overflow-x:hidden;font-weight:500}
ul{padding:0;margin:0;list-style:none}
button{border:none;background-color:transparent;padding:0}
input:focus{color:var(--white-color);outline:none}
input{color:var(--white-color)}
h1,h2,h3,h4,h5,h6{ font-family:"Nunito",sans-serif; margin:0; padding:0; color:var(--header); transition:all .4s ease-in-out; font-weight:700; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: 700;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;width:100%}
h1{font-size:100px;font-weight:800;line-height:114%}
@media (max-width: 1399px) {
h1{font-size:40px}
}
@media (max-width: 991px) {
h1{font-size:38px}
}
@media (max-width: 767px) {
h1{font-size:36px}
}
@media (max-width: 575px) {
h1{font-size:30px}
}
@media (max-width: 470px) {
h1{font-size:28px}
}
h2{font-size:34px;font-weight:800;line-height:121%}
@media (max-width: 1199px) {
h2{font-size:32px}
}
@media (max-width: 767px) {
h2{font-size:30px}
}
@media (max-width: 470px) {
h2{font-size:28px}
}
h3{font-size:28px;font-weight:800;line-height:155%}
@media (max-width: 575px) {
h3{font-size:24px}
}
h4{font-size:18px;font-weight:700;line-height:150%}
h5{font-size:20px;font-weight:500;line-height:160%}
h6{font-size:14px;font-weight:600}
a{text-decoration:none;outline:none!important;cursor:pointer;color:var(--header);transition:all .4s ease-in-out}
p{margin:0;transition:all .4s ease-in-out}
.cl3{color: #333;}
textarea{resize: none;}
.bglight{background-color: #f0f3f8;}
.text-justify{text-align: justify;}
ul, ol{margin: 0; padding: 0;}
.color1{color: var(--main-color);}
.bg1{background-color: var(--main-color);}
.color2{color: var(--main-color2);}
.bg2{background-color: var(--main-color2);}
.color3{color: var(--main-color3);}
.bg3{background-color: var(--main-color3);}
.justify-p p{text-align: justify;}
.lh30 p{line-height: 30px;}
img{max-width: 100%;}
hr{opacity: 0.1;}
.inner-banner {padding: 120px 0;overflow: hidden; z-index: 1;}
.inner-banner::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: var(--main-color); opacity: 0.7;}
.breadcrumb{margin:0;font-size:13px;}
.breadcrumb a,.breadcrumb-item + .breadcrumb-item::before{color:var(--white-color);}
.white{color: var(--white-color);}
.breadcrumb.light a{color:var(--white-color);}
.breadcrumb.color4 a{color:var(--main-color);}
.breadcrumb.color4 .breadcrumb-item + .breadcrumb-item::before{color:var(--black-color);}
@media screen and (max-width:767px) {
    .inner-banner{padding: 100px 0;}
}
.wh-ap-btn{ outline:none; width:45px; height:45px; border:0; background-color:#2ecc71; padding:0; border-radius:100%; box-shadow:0 1px 3px #0000001f 0 1px 2px #0000003d; cursor:pointer; transition:opacity 0.3s,background 0.3s,box-shadow .3s; -webkit-transition:opacity 0.3s,background 0.3s,box-shadow .3s; -moz-transition:opacity 0.3s,background 0.3s,box-shadow .3s; -ms-transition:opacity 0.3s,background 0.3s,box-shadow .3s; -o-transition:opacity 0.3s,background 0.3s,box-shadow .3s; line-height: 45px; }
.wh-ap-btn::after{content: "\f618";width:100%;height:100%;display:block;opacity:1; font-family: bootstrap-icons!important;font-size: 22px;
color: #fff;}

.call-ap-btn{ outline:none; width:45px; height:45px; border:0; background-color:var(--main-color2); padding:0; border-radius:100%; box-shadow:0 1px 3px #0000001f 0 1px 2px #0000003d; cursor:pointer; transition:opacity 0.3s,background 0.3s,box-shadow .3s; -webkit-transition:opacity 0.3s,background 0.3s,box-shadow .3s; -moz-transition:opacity 0.3s,background 0.3s,box-shadow .3s; -ms-transition:opacity 0.3s,background 0.3s,box-shadow .3s; -o-transition:opacity 0.3s,background 0.3s,box-shadow .3s; line-height: 45px; }
.call-ap-btn::after{content: "\f5c1";width:100%;height:100%;display:block;opacity:1; font-family: bootstrap-icons!important;font-size: 22px;
color: var(--header);}
.wh-fixed > a{display:block;text-decoration:none}

.call-pulse{width:45px;height:45px;left:15px;bottom:110px;background:var(--main-color);position:fixed;text-align:center;color:var(--main-color);cursor:pointer;border-radius:50%;z-index:99;display:inline-block;line-height:45px}
.call-pulse:before{position: absolute;content: " ";z-index: -1;bottom: -10px;right: -10px;background-color: var(--main-color2);width: 65px;height: 65px;border-radius: 100%;animation-fill-mode: both;-webkit-animation-fill-mode: both;opacity: .6;-webkit-animation: pulse 1s ease-out;animation: pulse 1.8s ease-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.whatsapp-pulse{width:45px;height:45px;left:15px;bottom:50px;background:#10b418;position:fixed;text-align:center;color:#fff;cursor:pointer;border-radius:50%;z-index:99;display:inline-block;line-height:45px}
.whatsapp-pulse:before{position: absolute;content: " ";z-index: -1;bottom: -10px;right: -10px;background-color: #10b418;width: 65px;height: 65px;border-radius: 100%;animation-fill-mode: both;-webkit-animation-fill-mode: both;opacity: .6;-webkit-animation: pulse 1s ease-out;animation: pulse 1.8s ease-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
@-webkit-keyframes pulse {
0%{-webkit-transform:scale(0);opacity:0}
25%{-webkit-transform:scale(0.3);opacity:1}
50%{-webkit-transform:scale(0.6);opacity:.6}
75%{-webkit-transform:scale(0.9);opacity:.3}
100%{-webkit-transform:scale(1);opacity:0}
}
@keyframes pulse {
0%{transform:scale(0);opacity:0}
25%{transform:scale(0.3);opacity:1}
50%{transform:scale(0.6);opacity:.6}
75%{transform:scale(0.9);opacity:.3}
100%{transform:scale(1);opacity:0}
}
.border1{border: 1px solid #ddd;}
.datepicker{cursor:pointer;background:url(../images/calendar.svg) no-repeat right 10px center #fff!important;padding-right:20px!important}
select{cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;background:url(../images/angle-down.svg) no-repeat right 10px center #fff!important;background-size:14px!important;padding-right:25px!important}
.escapes{position:relative; width: 100%; height: 230px;}
.escapes img{width: 100%; height: 100%; object-fit: cover;}
.escapes::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/plus.svg) no-repeat center center rgb(61 57 49 / 12%);background-size:30px;transform:scale(.5);opacity:0;transition: all ease .3s;}
.escapes:hover::before{transform: scale(1);opacity:1;}
.videos{position: relative;}
.videos::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/play.svg) no-repeat center center rgba(0,0,0,.4);background-size:30px;transform:scale(.5);opacity:0;transition: all ease .3s;}
.videos:hover::before{ transform: scale(1); opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.pdesc ul{margin-bottom: 15px;}
.pdesc ul li{position: relative; padding-left: 25px; min-width: 48%; display: inline-block;}
.pdesc ul li+li{margin-top: 10px;}
.pdesc ul li::before{ content: "\f26b"; font-family: bootstrap-icons!important; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); color: var(--main-color2); left: 0; position: absolute; }

.shop-single-share a{ width:40px; height:40px; line-height:39px; border:1px solid var(--main-color2); border-radius:50px; text-align:center; color:var(--header); margin-left:5px; display: inline-block; transition: var(--transition); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); }
.shop-single-share a:hover{ background:var(--main-color); border-color:var(--main-color); color:var(--white-color); transition: var(--transition); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); }

.preloader{align-items:center;cursor:default;display:flex;height:100%;justify-content:center;position:fixed;left:0;top:0;width:100%;z-index:9999999}
.preloader .animation-preloader{z-index:1000}
.preloader .animation-preloader .spinner{animation:spinner 1s infinite linear;border-radius:50%;border:3px solid #0003;border-top-color:var(--main-color);height:9em;margin:0 auto 3.5em;width:9em}
@media (max-width: 767px) {
.preloader .animation-preloader .spinner{width:7.5em;height:7.5em;margin:0 auto 1.5em}
}
.preloader .animation-preloader .txt-loading{font:bold 5em Nunito,sans-serif,Nunito,sans-serif;text-align:center;user-select:none}
@media (max-width: 767px) {
.preloader .animation-preloader .txt-loading{font-size:2.5em}
}
.preloader .animation-preloader .txt-loading .letters-loading{color:var(--main-color);position:relative}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before{animation-delay:.2s}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before{animation-delay:.4s}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before{animation-delay:.6s}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before{animation-delay:.8s}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before{animation-delay:1s}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before{animation-delay:1.2s}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before{animation-delay:1.4s}
.preloader .animation-preloader .txt-loading .letters-loading::before{animation:letters-loading 4s infinite;color:var(--header);content:attr(data-text-preloader);left:0;opacity:0;font-family:"Nunito",sans-serif;position:absolute;top:-3px;transform:rotateY(-90deg)}
.preloader p{font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:8px;color:var(--main-color)}
.preloader .loader{position:fixed;top:0;left:0;width:100%;height:100%;font-size:0;z-index:1;pointer-events:none}
.preloader .loader .row{height:100%}
.preloader .loader .loader-section{padding:0}
.preloader .loader .loader-section .bg{background-color:var(--white-color);height:100%;left:0;width:100%;transition:all 800ms cubic-bezier(0.77,0,0.175,1)}
.preloader.loaded .animation-preloader{opacity:0;transition:.3s ease-out}
.preloader.loaded .loader-section .bg{width:0;transition:.7s .3s allcubic-bezier(0.1,0.1,0.1,1)}
.back-to-top{border-radius:10px;background-color:var(--main-color);width:50px;height:50px;line-height:50px;color:var(--white-color);font-size:18px;position:fixed;display:inline-block;z-index:999;right:30px;bottom:50px;transition:all .4s ease-in-out;opacity:0;visibility:hidden;transform:translateY(20px)}
.back-to-top:hover{background-color:var(--header);color:var(--white-color)}
.back-to-top.show{opacity:1;visibility:visible;transform:translate(0)}
.cursor-outer{-webkit-margin-start:-12px;margin-inline-start:-12px;margin-top:-12px;width:30px;height:30px;border:1px solid var(--main-color);background-color:var(--main-color);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10000000;opacity:.34;-webkit-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}
.cursor-outer.cursor-hover{opacity:.14}
.cursor-outer.cursor-big{opacity:0}
.mouseCursor{position:fixed;top:0;inset-inline-start:0;inset-inline-end:0;bottom:0;pointer-events:none;border-radius:50%;-webkit-transform:translateZ(0);transform:translateZ(0);visibility:hidden;text-align:center}
.mouseCursor.cursor-big{width:20px;height:20px;-webkit-margin-start:-12px;margin-inline-start:-12px;margin-top:-12px}
.cursor-inner{-webkit-margin-start:-3px;margin-inline-start:-3px;margin-top:-3px;width:10px;height:10px;z-index:10000001;background-color:var(--main-color);opacity:1;-webkit-transition:all .24s ease-out 0s;transition:all .24s ease-out 0s}
.cursor-inner span{color:var(--text);line-height:60px;opacity:0;text-transform:uppercase;letter-spacing:1px;font-size:12px}
.cursor-inner.cursor-big span{opacity:1}
.cursor-inner.cursor-hover{-webkit-margin-start:-10px;margin-inline-start:-10px;margin-top:-10px;width:30px;height:30px;background-color:var(--main-color);border:1px solid #686363;opacity:0}
.search-popup{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-2;-webkit-transition:all 1s ease;-khtml-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.search-popup__overlay{position:fixed;width:224vw;height:224vw;top:calc(90px - 112vw);right:calc(50% - 112vw);z-index:3;display:block;-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-transform:scale(0);-khtml-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:transform .8s ease-in-out;-khtml-transition:transform .8s ease-in-out;-moz-transition:transform .8s ease-in-out;-ms-transition:transform .8s ease-in-out;-o-transition:transform .8s ease-in-out;transition:transform .8s ease-in-out;transition-delay:0s;transition-delay:.3s;-webkit-transition-delay:.3s;background-color:#000;opacity:.7;cursor:url(../img/close.png),auto}
@media (max-width: 767px) {
.search-popup__overlay{position:absolute;top:0;left:0;right:0;bottom:0;transform:none;width:100%;height:100%;border-radius:0;transform:translateY(-110%)}
}
.search-popup__content{position:fixed;width:0;max-width:560px;padding:30px 15px;left:50%;top:50%;opacity:0;z-index:3;-webkit-transform:translate(-50%,-50%);-khtml-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .5s 0s,width .8s .8s cubic-bezier(0.225,0.01,0.475,1.01),transform .2s 0s;-khtml-transition:opacity .5s 0s,width .8s .8s cubic-bezier(0.225,0.01,0.475,1.01),transform .2s 0s;-moz-transition:opacity .5s 0s,width .8s .8s cubic-bezier(0.225,0.01,0.475,1.01),transform .2s 0s;-ms-transition:opacity .5s 0s,width .8s .8s cubic-bezier(0.225,0.01,0.475,1.01),transform .2s 0s;-o-transition:opacity .5s 0s,width .8s .8s cubic-bezier(0.225,0.01,0.475,1.01),transform .2s 0s;transition:opacity .5s 0s,width .8s .8s cubic-bezier(0.225,0.01,0.475,1.01),transform .2s 0s;transition-delay:0s,0.8s,0s;transition-delay:0s,0.4s,0s;transition-delay:.2s;-webkit-transition-delay:.2s}
.search-popup__form{position:relative}
.search-popup__form input[type=search],.search-popup__form input[type=text]{width:100%;height:66px;border:none;outline:none;padding-left:20px;background-color:var(--white-color);font-size:16px;font-weight:400;color:var(--text);transition:all 500ms ease;border-radius:6px}
.search-popup__form input[type=search]:focus,.search-popup__form input[type=text]:focus{color:var(--header)}
.search-popup__form .search-btn{padding:0;width:66px;height:66px;display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:-1px;border-radius:6px;font-size:20px;border-top-left-radius:0;border-bottom-left-radius:0;color:var(--white-color);background-color:var(--main-color);transition:all .4s ease-in-out}
.search-popup__form .search-btn:hover{background-color:var(--header)}
.search-popup__form .eolexi-btn svg{width:1em;height:1em;fill:currentColor}
.search-popup.active{z-index:999999}
.search-popup.active .search-popup__overlay{top:auto;bottom:calc(90px - 112vw);-webkit-transform:scale(1);-khtml-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);transition-delay:0s;-webkit-transition-delay:0s;opacity:.7;-webkit-transition:transform 1.6s cubic-bezier(0.4,0,0,1);-khtml-transition:transform 1.6s cubic-bezier(0.4,0,0,1);-moz-transition:transform 1.6s cubic-bezier(0.4,0,0,1);-ms-transition:transform 1.6s cubic-bezier(0.4,0,0,1);-o-transition:transform 1.6s cubic-bezier(0.4,0,0,1);transition:transform 1.6s cubic-bezier(0.4,0,0,1)}
@media (max-width: 767px) {
.search-popup.active .search-popup__overlay{position:absolute;top:0;left:0;right:0;bottom:0;transform:none;width:100%;height:100%;border-radius:0;transform:translateY(0%)}
}
.search-popup.active .search-popup__content{width:100%;opacity:1;transition-delay:.7s;-webkit-transition-delay:.7s}
.section-title{position:relative;z-index:1;margin-bottom:30px;}
@media (max-width: 767px) {
.section-title{margin-bottom:0}
}
.section-title span{font-size:15px;font-weight:600;color:#404A3D;display:inline-block;position:relative;margin-bottom:10px}
.section-title span img{margin-right:10px}
.section-title-area{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
@media (max-width: 991px) {
.section-title-area{flex-wrap:wrap;gap:30px;margin-bottom:0}
}
.section-title-area .section-title{margin-bottom:0}
@media (max-width: 575px) {
.section-title-area .theme-btn{display:none}
}
.center{text-align:center;margin:0 auto}
.section-bg{background-color:var(--bg)!important}
.section-bg-2{background-color:var(--bg-2)!important}
.footer-bg{background-color:#2F304C}
.section-padding{padding:70px 0}
@media (max-width: 1199px) {
.section-padding{padding:60px 0}
}
@media (max-width: 991px) {
.section-padding{padding:60px 0}
}
.body-bg-4{background-color:#040A3D}
.link-btn{color:#63AB52;margin-top:25px;display:inline-block;transition:all .4s ease-in-out;font-weight:800;font-size:16px;font-family:"Nunito",sans-serif}
.link-btn i{margin-left:5px;transform:rotate(-45deg)}
.link-btn:hover{color:var(--header)}
@keyframes width {
0%{width:0}
100%{width:100%}
}
@-webkit-keyframes width {
0%{width:0}
100%{width:100%}
}
@keyframes arryUpDown {
0%{transform:translateY(-10px)}
100%{transform:translateY(10px)}
}
.animation__arryUpDown{animation:arryUpDown 2s ease infinite alternate}
@keyframes arryLeftRight {
0%{transform:translateX(-10px)}
100%{transform:translateX(10px)}
}
.animation__arryLeftRight{animation:arryLeftRight 2s ease infinite alternate}
@keyframes shine {
from{-webkit-mask-position:150%}
to{-webkit-mask-position:-50%}
}
@keyframes cir36 {
100%{transform:rotate(360deg)}
}
@keyframes width {
0%{width:0}
100%{width:100%}
}
@-webkit-keyframes width {
0%{width:0}
100%{width:100%}
}
@keyframes bounce-x {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(30px);transform:translateX(30px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.bounce-x{-webkit-animation:bounce-x 7s infinite linear;animation:bounce-x 7s infinite linear}
.GlidingArrow{-webkit-animation:slide 5s linear infinite;animation:slide 5s linear infinite}
.delay1{-webkit-animation-delay:2s;animation-delay:2s}
.delay2{-webkit-animation-delay:3s;animation-delay:3s}
.delay3{-webkit-animation-delay:4s;animation-delay:4s}
.delay4{-webkit-animation-delay:5s;animation-delay:5s}
.delay5{-webkit-animation-delay:6s;animation-delay:6s}
@-webkit-keyframes slide {
0%{opacity:0;transform:translateX(-150)}
20%{opacity:1;transform:translateX(-90)}
80%{opacity:1;transform:translateX(90)}
100%{opacity:0;transform:translateX(150)}
}
@keyframes slide {
0%{opacity:0;transform:translateX(-150)}
20%{opacity:1;transform:translateX(-90)}
80%{opacity:1;transform:translateX(90)}
100%{opacity:0;transform:translateX(150)}
}
.img-custom-anim-left{animation:img-anim-left 1.3s forwards cubic-bezier(0.645,0.045,0.355,1) .4s;opacity:0}
@keyframes img-anim-left {
0%{transform:translateX(-5%);clip-path:inset(0 100% 0 0);opacity:0}
100%{transform:translateX(0);clip-path:inset(0 0 0 0);opacity:1}
}
.img-custom-anim-right{animation:img-anim-right 1.3s forwards cubic-bezier(0.645,0.045,0.355,1) .4s;opacity:0}
@keyframes img-anim-right {
0%{transform:translateX(5%);clip-path:inset(0 0 0 100%);opacity:0}
100%{transform:translateX(0);clip-path:inset(0 0 0 0);opacity:1}
}
.img-custom-anim-left{animation:img-anim-left 1.3s forwards cubic-bezier(0.645,0.045,0.355,1) .4s;opacity:0}
@keyframes img-anim-left {
0%{transform:translateX(-5%);clip-path:inset(0 100% 0 0);opacity:0}
100%{transform:translateX(0);clip-path:inset(0 0 0 0);opacity:1}
}
.img-custom-anim-top{animation:img-anim-top 1.3s forwards cubic-bezier(0.645,0.045,0.355,1);opacity:0}
@keyframes img-anim-top {
0%{transform:translateY(-5%);clip-path:inset(0 0 100% 0);opacity:0}
100%{transform:translateY(0);clip-path:inset(0 0 0 0);opacity:1}
}
.img-custom-anim-bottom{animation:img-anim-bottom 1.3s forwards cubic-bezier(0.645,0.045,0.355,1);opacity:0}
@keyframes img-anim-bottom {
0%{transform:translateY(5%);clip-path:inset(100% 0 0 0);opacity:0}
100%{transform:translateY(0);clip-path:inset(0 0 0 0);opacity:1}
}
@-webkit-keyframes rippleOne {
70%{-webkit-box-shadow:0 0 0 40px #f4443800;box-shadow:0 0 0 40px #f4443800}
100%{-webkit-box-shadow:0 0 0 0 #f4443800;box-shadow:0 0 0 0 #f4443800}
}
@keyframes rippleOne {
70%{-webkit-box-shadow:0 0 0 40px #f4443800;box-shadow:0 0 0 40px #f4443800}
100%{-webkit-box-shadow:0 0 0 0 #f4443800;box-shadow:0 0 0 0 #f4443800}
}
@keyframes cir36 {
100%{transform:rotate(360deg)}
}
@keyframes rounded {
50%{transform:rotate(15deg)}
}
@keyframes up-down {
0%{transform:translateY(10px)}
100%{transform:translateY(-10px)}
}
@-webkit-keyframes spinner {
to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
@keyframes spinner {
to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
@-webkit-keyframes letters-loading {
0%,75%,100%{opacity:0;transform:rotateY(-90deg)}
25%,50%{opacity:1;transform:rotateY(0deg)}
}
@keyframes letters-loading {
0%,75%,100%{opacity:0;transform:rotateY(-90deg)}
25%,50%{opacity:1;transform:rotateY(0deg)}
}
@keyframes loaderspin {
0%{transform:translate(-50%,-50%) rotate(0deg)}
100%{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes tpswing {
0%{-webkit-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes width {
0%{width:0}
100%{width:100%}
}
@-webkit-keyframes width {
0%{width:0}
100%{width:100%}
}
@-webkit-keyframes loaderspin {
0%{transform:translate(-50%,-50%) rotate(0deg)}
100%{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes loaderpulse {
0%{transform:scale(1)}
100%{transform:scale(1.2)}
}
@keyframes rounded {
50%{transform:rotate(20deg)}
}
@keyframes cir36 {
100%{transform:rotate(360deg)}
}
.float-bob-y{-webkit-animation-name:float-bob-y;animation-name:float-bob-y;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
@-webkit-keyframes float-bob-y {
0%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
}
@keyframes float-bob-y {
0%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
}
.float-bob-x{-webkit-animation-name:float-bob-x;animation-name:float-bob-x;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
@-webkit-keyframes float-bob-x {
0%{-webkit-transform:translateX(0px);transform:translateX(30px)}
50%{-webkit-transform:translateX(10px);transform:translateX(10px)}
100%{-webkit-transform:translateX(30px);transform:translateX(30px)}
}
@keyframes float-bob-x {
0%{-webkit-transform:translateX(30px);transform:translateX(30px)}
50%{-webkit-transform:translateX(10px);transform:translateX(10px)}
100%{-webkit-transform:translateX(30px);transform:translateX(30px)}
}
@keyframes bounce-x {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(30px);transform:translateX(30px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.bounce-x{-webkit-animation:bounce-x 7s infinite linear;animation:bounce-x 7s infinite linear}
.animation-infinite{animation:ShapeAnim 80s linear infinite;height:30px;width:100%;background-repeat:repeat;overflow:hidden}
@keyframes ShapeAnim {
0%{background-position:top left}
100%{background-position:top left 2000px}
}
@media (max-width: 1199px) {
.menu-thumb{display:none!important}
}
.header-main{display:flex;align-items:center;justify-content:space-between;padding:5px 0;position:relative}
.header-main .main-menu ul{margin-bottom:0}
.header-main .main-menu ul .menu-thumb{position:inherit}
.header-main .main-menu ul li{position:relative;list-style:none;display:inline-block;margin-inline-end:25px}
.header-main .main-menu ul li:last-child{margin-inline-end:0}
.header-main .main-menu ul li a{display:inline-block;font-size:16px;font-weight:700;color:#404A3D;font-family:"Nunito",sans-serif;padding:20px 0;text-align:left;position:relative;text-transform:capitalize;transition:all .4s ease-in-out}
.header-main .main-menu ul li a i{margin-left:4px;font-size:12px}
.header-main .main-menu ul li a:hover{color:var(--main-color)!important}
.header-main .main-menu ul li .submenu{position:absolute;top:100%;inset-inline-start:0;min-width:240px;background:var(--white-color);padding:20px 0;border-radius:10px;z-index:99999;visibility:hidden;opacity:0;transform-origin:top center;color:#404A3D;transform:translateY(-10px);transition:all .4s ease-in-out;box-shadow:#64646f33 0 7px 29px 0}
.header-main .main-menu ul li .submenu li{display:block;width:100%;margin:0}
.header-main .main-menu ul li .submenu li a{position:relative;z-index:11;font-size:15px;font-weight:700;color:#404A3D;padding:0 0 0 32px;padding-right:22px;width:100%;display:flex;align-items:center;justify-content:space-between}
.header-main .main-menu ul li .submenu li a:hover{color:var(--main-color)!important}
.header-main .main-menu ul li .submenu li:last-child a{border:none}
.header-main .main-menu ul li .submenu li .submenu{inset-inline-start:100%;top:0;visibility:hidden;opacity:0;border-top-left-radius:0;border-bottom-left-radius:0}
.header-main .main-menu ul li .submenu li:hover > a{color:var(--main-color)!important;margin-left:10px}
.header-main .main-menu ul li .submenu li:hover > a::before{width:10px}
.header-main .main-menu ul li .submenu li:hover > a::after{color:var(--main-color)}
.header-main .main-menu ul li .submenu li:hover > .submenu{-webkit-transform:translateY(1);-moz-transform:translateY(1);-ms-transform:translateY(1);-o-transform:translateY(1);transform:translateY(1);visibility:visible;opacity:1}
.header-main .main-menu ul li .submenu li.has-dropdown > a::after{position:absolute;top:50%;inset-inline-end:25px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:var(--main-color)}
.header-main .main-menu ul li .has-homemenu{padding:20px 20px 10px!important;opacity:0;visibility:hidden;position:absolute;left:0;right:0;padding:0;width:100%;z-index:999;overflow:hidden;margin:auto;max-height:740px;overflow-y:auto;overflow-x:hidden}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu{position:relative}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb{position:relative}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before{background:-webkit-gradient(linear,left top,left bottom,from(#14131300),to(#5e5ef6));background:linear-gradient(to bottom,#635c5c00 0%,#252527 100%);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;content:""}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before{visibility:visible;opacity:1}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .demo-button{opacity:1;visibility:visible;margin-top:0}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn{opacity:1;visibility:visible;bottom:50%;transform:translateY(50%)}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img{width:100%;height:100%}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb a{padding:0}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title{text-align:center;margin:15px auto;display:inline-block;font-size:16px;font-weight:600}
.header-main .main-menu ul li .has-homemenu::-webkit-scrollbar{display:none}
.header-main .main-menu ul li .has-homemenu{scrollbar-width:none}
.header-main .main-menu ul li .has-homemenu{-ms-overflow-style:none}
.header-main .main-menu ul li:hover > a{color:var(--main-color)}
.header-main .main-menu ul li:hover > a::after{color:var(--main-color)}
.header-main .main-menu ul li:hover > .submenu{visibility:visible;opacity:1;transform:translateY(0px)}
.header-main .header-right{gap:30px}
.header-main .sidebar__toggle{cursor:pointer;font-size:20px}
.header-top-section{background-color:#FFF9E8;padding:15px 0}
@media (max-width: 1199px) {
.header-top-section{display:none}
}
.header-top-section .container{max-width:1580px}
.header-top-section .header-top-wrapper{display:flex;align-items:center;justify-content:space-between}
.header-top-section .header-top-wrapper .top-logo{margin-left:-115px}
.header-top-section .header-top-wrapper .header-contact-list{display:flex;align-items:center;gap:40px}
.header-top-section .header-top-wrapper .header-contact-list li{font-size:16px;font-weight:600;font-family:"Nunito",sans-serif;display:flex;align-items:center;gap:8px}
.header-top-section .header-top-wrapper .header-contact-list li i{color:var(--main-color);font-size:22px}
.header-top-section .header-top-wrapper .header-contact-list li a{color:#404A3D}
.header-top-section .header-top-wrapper .head-right{display:flex;align-items:center;gap:30px}
.header-top-section .header-top-wrapper .head-right .line-shape{background-color:#404a3d38;width:1px;height:30px}
@media (max-width: 1399px) {
.header-top-section .header-top-wrapper .head-right .line-shape{display:none}
}
.header-top-section .header-top-wrapper .head-right .social-icon{display:flex;align-items:center;gap:15px}
.header-top-section .header-top-wrapper .head-right .social-icon a{font-size:18px;color:#404A3D}
.header-top-section .header-top-wrapper .head-right .social-icon a:hover{color:var(--main-color)}
.header-top-section .header-top-wrapper .head-right .flag-wrap{position:relative;max-width:106px;margin:0 auto}
@media (max-width: 1399px) {
.header-top-section .header-top-wrapper .head-right .flag-wrap{display:none}
}
.header-top-section .header-top-wrapper .head-right .flag-wrap .flag{position:absolute;top:-4px;left:15px;z-index:1}
@media (max-width: 767px) {
.header-top-section .header-top-wrapper .head-right .flag-wrap .flag{display:none}
}
.header-top-section .header-top-wrapper .head-right .flag-wrap .flag img{width:100%;height:100%}
.header-top-section .header-top-wrapper .head-right .flag-wrap .nice-select{padding:0 0 0 45px;background:transparent;border:none;text-align:center;margin:0 auto;position:relative;z-index:9999;border:none!important;padding-bottom:0!important;font-weight:400!important;line-height:initial;height:initial;padding-right:20px}
.header-top-section .header-top-wrapper .head-right .flag-wrap .nice-select span{font-weight:400}
.header-top-section .header-top-wrapper .head-right .flag-wrap .nice-select .list{width:100px;left:0;background-color:var(--white-color);border-radius:0;top:100%}
.header-top-section .header-top-wrapper .head-right .flag-wrap .nice-select .option{border:none;background-color:#fff}
.header-top-section .header-top-wrapper .head-right .flag-wrap .nice-select .option.selected.focus{background-color:#fff}
.header-top-section .header-top-wrapper .head-right .flag-wrap .nice-select::after{right:0;border-bottom:1px solid transparent;border-right:1px solid transparent;width:8px;height:8px;top:10px;border-bottom:1px solid transparent;border-color:#404A3D;border-right:1px solid #404A3D}
.header-top-section .header-top-wrapper .head-right .flag-wrap .nice-select span{font-size:15px;font-weight:500;text-transform:uppercase;color:#404A3D}
.header-1 .container{max-width:1580px}
.header-1 .search-form{max-width:255px;width:100%;position:relative}
@media (max-width: 1199px) {
.header-1 .search-form{display:none}
}
.header-1 .search-form input{outline:none;width:100%;font-size:16px;font-weight:700;border:none;color:#404a3df0;border-bottom:1px solid #404a3d38;padding-bottom:5px}
.header-1 .search-form input::placeholder{color:#404a3df0}
.header-1 .search-form button{position:absolute;top:0;right:0;color:#404A3D}
.header-1 .header-logo{display:none}
@media (max-width: 1199px) {
.header-1 .header-logo{display:block}
.header-1 .theme-btn{display:none}
}
.header-1 .sidebar__toggle{cursor:pointer}
.header-1 .sidebar__toggle .header-bar{position:relative;width:31px;height:18px}
@media (max-width: 575px) {
.header-1 .sidebar__toggle .header-bar{width:28px}
}
.header-1 .sidebar__toggle .header-bar span{position:absolute;width:100%;height:2px;display:inline-block;transition:all .3s;left:0;background:var(--main-color);overflow:hidden}
.header-1 .sidebar__toggle .header-bar span:first-child{top:0;background:var(--main-color);left:16px;width:15px}
@media (max-width: 575px) {
.header-1 .sidebar__toggle .header-bar span:first-child{left:0}
}
.header-1 .sidebar__toggle .header-bar span:nth-child(2){top:44%;background:var(--main-color);width:30px}
@media (max-width: 575px) {
.header-1 .sidebar__toggle .header-bar span:nth-child(2){width:25px}
}
.header-1 .sidebar__toggle .header-bar span:last-child{bottom:0;background:var(--main-color);width:15px}
.header-1 .sidebar__toggle .header-bar.active span:first-child{transform:rotate(45deg) translate(3px,9px)}
.header-1 .sidebar__toggle .header-bar.active span:nth-child(2){opacity:0}
.header-1 .sidebar__toggle .header-bar.active span:last-child{transform:rotate(-45deg) translate(3px,-9px)}
.header-1 .sidebar__toggle .header-bar:hover{cursor:pointer}
.header-2{position:absolute;top:20px;left:0;width:100%;z-index:9999}
@media (max-width: 575px) {
.header-2 .header-logo img{width:140px}
}
.header-2 .header-right-icon{display:flex;align-items:center;gap:28px}
.header-2 .header-right-icon .search-toggler{font-size:22px;color:#404A3D}
.header-2 .header-right-icon .search-toggler:hover{color:var(--main-color)}
.header-2 .header-right-icon .cart-icon{font-size:25px;position:relative;color:#404A3D}
@media (max-width: 1399px) {
.header-2 .header-right-icon .cart-icon{font-size:22px}
}
.header-2 .header-right-icon .cart-icon span{width:19px;height:19px;line-height:19px;text-align:center;border-radius:50%;background-color:var(--main-color2);color:var(--header);display:inline-block;font-size:14px;position:absolute;bottom:-6px;right:-9px}
.header-2 .container{max-width:1470px}
.header-2 .mega-menu-wrapper{background-color:var(--white-color);border-radius:100px;padding:0 30px}
@media (max-width: 767px) {
.header-2 .mega-menu-wrapper{padding:0 15px}
}
@media (max-width: 1199px) {
.header-2 .theme-btn{display:none}
}
.header-2 .sidebar__toggle{cursor:pointer}
.header-2 .sidebar__toggle .header-bar{position:relative;width:31px;height:18px}
@media (max-width: 575px) {
.header-2 .sidebar__toggle .header-bar{width:28px}
}
.header-2 .sidebar__toggle .header-bar span{position:absolute;width:100%;height:2px;display:inline-block;transition:all .3s;left:0;background:var(--main-color);overflow:hidden}
.header-2 .sidebar__toggle .header-bar span:first-child{top:0;background:var(--main-color);left:16px;width:15px}
@media (max-width: 575px) {
.header-2 .sidebar__toggle .header-bar span:first-child{left:0}
}
.header-2 .sidebar__toggle .header-bar span:nth-child(2){top:44%;background:var(--main-color);width:30px}
@media (max-width: 575px) {
.header-2 .sidebar__toggle .header-bar span:nth-child(2){width:25px}
}
.header-2 .sidebar__toggle .header-bar span:last-child{bottom:0;background:var(--main-color);width:15px}
.header-2 .sidebar__toggle .header-bar.active span:first-child{transform:rotate(45deg) translate(3px,9px)}
.header-2 .sidebar__toggle .header-bar.active span:nth-child(2){opacity:0}
.header-2 .sidebar__toggle .header-bar.active span:last-child{transform:rotate(-45deg) translate(3px,-9px)}
.header-2 .sidebar__toggle .header-bar:hover{cursor:pointer}
.header-section-4 .container{max-width:1300px}
.header-section-4 .header-top-4{background-color:#244F0B}
@media (max-width: 1899px) {
.header-section-4 .header-top-4{padding:18px 0}
}
@media (max-width: 1399px) {
.header-section-4 .header-top-4{display:none}
}
.header-section-4 .header-top-4 .header-top-wrapper3{display:flex;align-items:center;justify-content:space-between}
.header-section-4 .header-top-4 .header-top-wrapper3 p{display:flex;align-items:center;font-size:16px;font-weight:600;color:#fff;gap:8px}
@media (max-width: 1600px) {
.header-section-4 .header-top-4 .header-top-wrapper3 p{font-size:14px}
}
.header-section-4 .header-top-4 .header-top-wrapper3 .top-line{height:53px;width:1px;background:#ffffff24}
@media (max-width: 1899px) {
.header-section-4 .header-top-4 .header-top-wrapper3 .top-line{display:none}
}
.header-section-4 .header-top-4 .header-top-wrapper3 .header-info{display:flex;align-items:center;gap:30px}
@media (max-width: 1600px) {
.header-section-4 .header-top-4 .header-top-wrapper3 .header-info{gap:15px}
}
.header-section-4 .header-top-4 .header-top-wrapper3 .header-info .list-item{display:flex;align-items:center;gap:8px}
.header-section-4 .header-top-4 .header-top-wrapper3 .header-info .list-item a{color:#fff}
.header-section-4 .header-top-4 .header-top-wrapper3 .header-info span{font-size:16px;font-weight:600;color:#fff}
@media (max-width: 1600px) {
.header-section-4 .header-top-4 .header-top-wrapper3 .header-info span{font-size:14px}
}
.header-section-4 .header-top-4 .head-right{display:flex;align-items:center;gap:30px}
@media (max-width: 1600px) {
.header-section-4 .header-top-4 .head-right{gap:15px}
}
.header-section-4 .header-top-4 .head-right .line-shape{background-color:#ffffff24;width:1px;height:30px}
@media (max-width: 1899px) {
.header-section-4 .header-top-4 .head-right .line-shape{display:none}
}
.header-section-4 .header-top-4 .head-right .social-icon{display:flex;align-items:center;gap:15px}
.header-section-4 .header-top-4 .head-right .social-icon a{font-size:18px;color:#fff}
@media (max-width: 1899px) {
.header-section-4 .header-top-4 .head-right .social-icon a{font-size:16px}
}
.header-section-4 .header-top-4 .head-right .social-icon a:hover{color:var(--main-color)}
.header-section-4 .header-top-4 .head-right .flag-wrap{position:relative;max-width:106px;margin:0 auto}
@media (max-width: 1399px) {
.header-section-4 .header-top-4 .head-right .flag-wrap{display:none}
}
.header-section-4 .header-top-4 .head-right .flag-wrap .flag{position:absolute;top:-4px;left:15px;z-index:1}
@media (max-width: 767px) {
.header-section-4 .header-top-4 .head-right .flag-wrap .flag{display:none}
}
.header-section-4 .header-top-4 .head-right .flag-wrap .flag img{width:100%;height:100%}
.header-section-4 .header-top-4 .head-right .flag-wrap .nice-select{padding:0 0 0 45px;background:transparent;border:none;text-align:center;margin:0 auto;position:relative;z-index:9999;border:none!important;padding-bottom:0!important;font-weight:400!important;line-height:initial;height:initial;padding-right:20px}
.header-section-4 .header-top-4 .head-right .flag-wrap .nice-select span{font-weight:400}
.header-section-4 .header-top-4 .head-right .flag-wrap .nice-select .list{width:100px;left:0;background-color:var(--white-color);border-radius:0;top:100%}
.header-section-4 .header-top-4 .head-right .flag-wrap .nice-select .option{border:none;background-color:#fff}
.header-section-4 .header-top-4 .head-right .flag-wrap .nice-select .option.selected.focus{background-color:#fff}
.header-section-4 .header-top-4 .head-right .flag-wrap .nice-select::after{right:0;border-bottom:1px solid transparent;border-right:1px solid transparent;width:8px;height:8px;top:10px;border-bottom:1px solid transparent;border-color:#fff;border-right:1px solid #fff}
.header-section-4 .header-top-4 .head-right .flag-wrap .nice-select span{font-size:15px;font-weight:500;text-transform:uppercase;color:#fff}
.header-section-4 .header-4 .header-right-icon{display:flex;align-items:center;gap:40px;margin-left:30px}
@media (max-width: 1399px) {
.header-section-4 .header-4 .header-right-icon{gap:20px;margin-left:0}
}
.header-section-4 .header-4 .header-right-icon .search-form{max-width:220px;width:100%;position:relative}
@media (max-width: 1199px) {
.header-section-4 .header-4 .header-right-icon .search-form{display:none}
}
.header-section-4 .header-4 .header-right-icon .search-form input{outline:none;width:100%;font-size:16px;font-weight:700;border:none;color:#404a3df0;border-bottom:1px solid #404a3d38;padding-bottom:5px;background-color:transparent}
.header-section-4 .header-4 .header-right-icon .search-form input::placeholder{color:#404a3df0}
.header-section-4 .header-4 .header-right-icon .search-form button{position:absolute;top:0;right:0;color:#404a3df0}
.header-section-4 .header-4 .header-right-icon .cart-icon{font-size:25px;position:relative;color:#404a3df0}
@media (max-width: 1399px) {
.header-section-4 .header-4 .header-right-icon .cart-icon{font-size:22px}
}
.header-section-4 .header-4 .header-right-icon .cart-icon span{width:19px;height:19px;line-height:19px;text-align:center;border-radius:50%;background-color:var(--main-color2);color:var(--header);display:inline-block;font-size:14px;position:absolute;bottom:-6px;right:-9px}
.header-section-4 .header-4 .sidebar__toggle{cursor:pointer}
.header-section-4 .header-4 .sidebar__toggle .header-bar{position:relative;width:31px;height:18px}
@media (max-width: 575px) {
.header-section-4 .header-4 .sidebar__toggle .header-bar{width:28px}
}
.header-section-4 .header-4 .sidebar__toggle .header-bar span{position:absolute;width:100%;height:2px;display:inline-block;transition:all .3s;left:0;background:var(--main-color);overflow:hidden}
.header-section-4 .header-4 .sidebar__toggle .header-bar span:first-child{top:0;background:var(--main-color);left:16px;width:15px}
@media (max-width: 575px) {
.header-section-4 .header-4 .sidebar__toggle .header-bar span:first-child{left:0}
}
.header-section-4 .header-4 .sidebar__toggle .header-bar span:nth-child(2){top:44%;background:var(--main-color);width:30px}
@media (max-width: 575px) {
.header-section-4 .header-4 .sidebar__toggle .header-bar span:nth-child(2){width:25px}
}
.header-section-4 .header-4 .sidebar__toggle .header-bar span:last-child{bottom:0;background:var(--main-color);width:15px}
.header-section-4 .header-4 .sidebar__toggle .header-bar.active span:first-child{transform:rotate(45deg) translate(3px,9px)}
.header-section-4 .header-4 .sidebar__toggle .header-bar.active span:nth-child(2){opacity:0}
.header-section-4 .header-4 .sidebar__toggle .header-bar.active span:last-child{transform:rotate(-45deg) translate(3px,-9px)}
.header-section-4 .header-4 .sidebar__toggle .header-bar:hover{cursor:pointer}
.header-section-3{position:absolute;top:0;left:0;z-index:99999;width:100%}
.header-section-3 .header-top-3{background-color:var(--white-color)}
@media (max-width: 1899px) {
.header-section-3 .header-top-3{padding:18px 0}
}
@media (max-width: 1399px) {
.header-section-3 .header-top-3{display:none}
}
.header-section-3 .header-top-3 .container-fluid{padding:0 48px}
@media (max-width: 1600px) {
.header-section-3 .header-top-3 .container-fluid{padding:0 20px}
}
.header-section-3 .header-top-3 .header-top-wrapper3{display:flex;align-items:center;justify-content:space-between;padding:0 10px;padding-left:23px}
.header-section-3 .header-top-3 .header-top-wrapper3 p{display:flex;align-items:center;font-size:16px;font-weight:600;color:#404A3D;gap:8px}
@media (max-width: 1600px) {
.header-section-3 .header-top-3 .header-top-wrapper3 p{font-size:14px}
}
.header-section-3 .header-top-3 .header-top-wrapper3 .top-line{height:53px;width:1px;background:#404a3d24}
@media (max-width: 1899px) {
.header-section-3 .header-top-3 .header-top-wrapper3 .top-line{display:none}
}
.header-section-3 .header-top-3 .header-top-wrapper3 .header-info{display:flex;align-items:center;gap:30px}
@media (max-width: 1600px) {
.header-section-3 .header-top-3 .header-top-wrapper3 .header-info{gap:15px}
}
.header-section-3 .header-top-3 .header-top-wrapper3 .header-info .list-item{display:flex;align-items:center;gap:8px}
.header-section-3 .header-top-3 .header-top-wrapper3 .header-info .list-item a{color:#404A3D}
.header-section-3 .header-top-3 .header-top-wrapper3 .header-info span{font-size:16px;font-weight:600;color:#404A3D}
@media (max-width: 1600px) {
.header-section-3 .header-top-3 .header-top-wrapper3 .header-info span{font-size:14px}
}
.header-section-3 .header-top-3 .head-right{display:flex;align-items:center;gap:30px}
@media (max-width: 1600px) {
.header-section-3 .header-top-3 .head-right{gap:15px}
}
.header-section-3 .header-top-3 .head-right .line-shape{background-color:#404a3d38;width:1px;height:30px}
@media (max-width: 1899px) {
.header-section-3 .header-top-3 .head-right .line-shape{display:none}
}
.header-section-3 .header-top-3 .head-right .social-icon{display:flex;align-items:center;gap:15px}
.header-section-3 .header-top-3 .head-right .social-icon a{font-size:18px;color:#404A3D}
@media (max-width: 1899px) {
.header-section-3 .header-top-3 .head-right .social-icon a{font-size:16px}
}
.header-section-3 .header-top-3 .head-right .social-icon a:hover{color:var(--main-color)}
.header-section-3 .header-top-3 .head-right .flag-wrap{position:relative;max-width:106px;margin:0 auto}
@media (max-width: 1399px) {
.header-section-3 .header-top-3 .head-right .flag-wrap{display:none}
}
.header-section-3 .header-top-3 .head-right .flag-wrap .flag{position:absolute;top:-4px;left:15px;z-index:1}
@media (max-width: 767px) {
.header-section-3 .header-top-3 .head-right .flag-wrap .flag{display:none}
}
.header-section-3 .header-top-3 .head-right .flag-wrap .flag img{width:100%;height:100%}
.header-section-3 .header-top-3 .head-right .flag-wrap .nice-select{padding:0 0 0 45px;background:transparent;border:none;text-align:center;margin:0 auto;position:relative;z-index:9999;border:none!important;padding-bottom:0!important;font-weight:400!important;line-height:initial;height:initial;padding-right:20px}
.header-section-3 .header-top-3 .head-right .flag-wrap .nice-select span{font-weight:400}
.header-section-3 .header-top-3 .head-right .flag-wrap .nice-select .list{width:100px;left:0;background-color:var(--white-color);border-radius:0;top:100%}
.header-section-3 .header-top-3 .head-right .flag-wrap .nice-select .option{border:none;background-color:#fff}
.header-section-3 .header-top-3 .head-right .flag-wrap .nice-select .option.selected.focus{background-color:#fff}
.header-section-3 .header-top-3 .head-right .flag-wrap .nice-select::after{right:0;border-bottom:1px solid transparent;border-right:1px solid transparent;width:8px;height:8px;top:10px;border-bottom:1px solid transparent;border-color:#404A3D;border-right:1px solid #404A3D}
.header-section-3 .header-top-3 .head-right .flag-wrap .nice-select span{font-size:15px;font-weight:500;text-transform:uppercase;color:#404A3D}
.header-section-3 .header-wrapper3{margin:0 48px}
@media (max-width: 1899px) {
.header-section-3 .header-wrapper3{margin:0 40px}
}
@media (max-width: 1399px) {
.header-section-3 .header-wrapper3{margin:0 50px}
}
@media (max-width: 575px) {
.header-section-3 .header-wrapper3{margin:0 32px}
}
@media (max-width: 1399px) {
.header-section-3 .header-3 .header-logo{display:none}
.header-section-3 .header-3 .header-logo2{display:block!important}
}
.header-section-3 .header-3 .header-main{padding:0}
@media (max-width: 1399px) {
.header-section-3 .header-3 .header-main{padding:15px 0}
}
.header-section-3 .header-3 .pxl-icon-item{position:absolute;top:0;right:-28px;line-height:1;width:28px;height:28px;transform:rotate(0deg)}
@media (max-width: 1399px) {
.header-section-3 .header-3 .pxl-icon-item{display:none}
}
.header-section-3 .header-3 .pxl-icon-item svg{color:var(--white-color)}
.header-section-3 .header-3 .pxl-icon-item2{position:absolute;line-height:1;bottom:-28px;left:0}
@media (max-width: 1399px) {
.header-section-3 .header-3 .pxl-icon-item2{display:none}
}
.header-section-3 .header-3 .pxl-icon-item2 svg{color:var(--white-color)}
.header-section-3 .header-3 .header-left{display:flex;align-items:center;gap:30px}
.header-section-3 .header-3 .header-left .head-logo{background-color:var(--white-color);display:flex;height:85px;line-height:85px;justify-content:center;border-radius:0 0 28px 0;position:relative!important;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;padding:0 62px 0 28px}
@media (max-width: 1399px) {
.header-section-3 .header-3 .header-left .head-logo{background-color:transparent;line-height:initial;height:initial;padding:0;border-radius:0}
}
.header-section-3 .header-3 .header-left .main-menu{background-color:var(--main-color2);border-radius:60px;padding:0 35px}
@media (max-width: 1600px) {
.header-section-3 .header-3 .header-left .main-menu{padding:0 20px}
.header-section-3 .header-3 .header-left .main-menu ul li{margin-inline-end:18px}
.header-section-3 .header-3 .header-left .main-menu ul li:last-child{margin-inline-end:0}
}
.header-section-3 .header-3 .header-left .main-menu ul li a{padding-top:14px;padding-bottom:14px}
@media (max-width: 1600px) {
.header-section-3 .header-3 .header-left .main-menu ul li a{font-size:14px}
}
.header-section-3 .header-3 .header-left .main-menu ul li .submenu li a{padding:0 0 0 32px;padding-right:22px}
.header-section-3 .header-3 .header-right-icon{display:flex;align-items:center;gap:40px}
.header-section-3 .header-3 .header-right-icon .search-form{max-width:220px;width:100%;position:relative}
@media (max-width: 1399px) {
.header-section-3 .header-3 .header-right-icon .search-form{display:none}
}
.header-section-3 .header-3 .header-right-icon .search-form input{outline:none;width:100%;font-size:16px;font-weight:700;border:none;color:var(--white-color);border-bottom:1px solid #ffffff7d;padding-bottom:5px;background-color:transparent}
.header-section-3 .header-3 .header-right-icon .search-form input::placeholder{color:var(--white-color)}
.header-section-3 .header-3 .header-right-icon .search-form button{position:absolute;top:0;right:0;color:#fff}
.header-section-3 .header-3 .header-right-icon .cart-icon{font-size:25px;position:relative;color:#fff}
@media (max-width: 1399px) {
.header-section-3 .header-3 .header-right-icon .cart-icon{font-size:22px}
}
.header-section-3 .header-3 .header-right-icon .cart-icon span{width:19px;height:19px;line-height:19px;text-align:center;border-radius:50%;background-color:var(--main-color2);color:var(--header);display:inline-block;font-size:14px;position:absolute;bottom:-6px;right:-9px}
.header-section-3 .header-3 .theme-btn{margin-top:5px}
.header-section-3 .header-3 .head-button{background-color:var(--white-color);display:flex;height:85px;line-height:85px;justify-content:center;border-radius:0 0 0 28px;position:relative!important;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;padding:0 10px 0 14px}
@media (max-width: 1399px) {
.header-section-3 .header-3 .head-button{background-color:transparent;line-height:initial;height:initial;padding:0;border-radius:0}
}
@media (max-width: 1199px) {
.header-section-3 .header-3 .head-button{display:none}
}
.header-section-3 .header-3 .head-button .pxl-icon-item3{position:absolute;top:0;line-height:1;left:-28px;transform:rotate(90deg)}
@media (max-width: 1399px) {
.header-section-3 .header-3 .head-button .pxl-icon-item3{display:none}
}
.header-section-3 .header-3 .head-button .pxl-icon-item3 svg{color:var(--white-color)}
.header-section-3 .header-3 .head-button .pxl-icon-item4{position:absolute;bottom:-28px;right:0;line-height:1;transform:rotate(90deg)}
@media (max-width: 1399px) {
.header-section-3 .header-3 .head-button .pxl-icon-item4{display:none}
}
.header-section-3 .header-3 .head-button .pxl-icon-item4 svg{color:var(--white-color)}
.header-section-3 .header-3 .sidebar__toggle{cursor:pointer}
.header-section-3 .header-3 .sidebar__toggle .header-bar{position:relative;width:31px;height:18px}
@media (max-width: 575px) {
.header-section-3 .header-3 .sidebar__toggle .header-bar{width:28px}
}
.header-section-3 .header-3 .sidebar__toggle .header-bar span{position:absolute;width:100%;height:2px;display:inline-block;transition:all .3s;left:0;background:var(--white-color);overflow:hidden}
.header-section-3 .header-3 .sidebar__toggle .header-bar span:first-child{top:0;background:var(--white-color);left:16px;width:15px}
@media (max-width: 575px) {
.header-section-3 .header-3 .sidebar__toggle .header-bar span:first-child{left:0}
}
.header-section-3 .header-3 .sidebar__toggle .header-bar span:nth-child(2){top:44%;background:var(--white-color);width:30px}
@media (max-width: 575px) {
.header-section-3 .header-3 .sidebar__toggle .header-bar span:nth-child(2){width:25px}
}
.header-section-3 .header-3 .sidebar__toggle .header-bar span:last-child{bottom:0;background:var(--white-color);width:15px}
.header-section-3 .header-3 .sidebar__toggle .header-bar.active span:first-child{transform:rotate(45deg) translate(3px,9px)}
.header-section-3 .header-3 .sidebar__toggle .header-bar.active span:nth-child(2){opacity:0}
.header-section-3 .header-3 .sidebar__toggle .header-bar.active span:last-child{transform:rotate(-45deg) translate(3px,-9px)}
.header-section-3 .header-3 .sidebar__toggle .header-bar:hover{cursor:pointer}
.sticky{position:fixed!important;top:0!important;left:0;width:100%;z-index:9999;transition:all .9s;background-color:#fff;-webkit-animation:500ms ease-in-out 0s normal none 1 running fadeInDown;animation:500ms ease-in-out 0s normal none 1 running fadeInDown;box-shadow:#959da533 0 8px 24px}
.sticky.header-2 .mega-menu-wrapper{padding:0;border-radius:0;background-color:transparent}
@media (max-width: 1399px) {
.sticky.header-3{background-color:#0A2803;padding:0 30px}
}
.sticky.header-3 .sidebar__toggle{cursor:pointer}
.sticky.header-3 .sidebar__toggle .header-bar span{background:var(--white-color)}
.sticky.header-3 .sidebar__toggle .header-bar span:first-child{background:var(--white-color)}
.sticky.header-3 .sidebar__toggle .header-bar span:nth-child(2){background:var(--white-color)}
.sticky.header-3 .sidebar__toggle .header-bar span:last-child{background:var(--white-color)}
.sticky.header-3 .header-right-icon .search-form input{color:var(--header);border-bottom:1px solid #0000007d}
@media (max-width: 1399px) {
.sticky.header-3 .header-right-icon .search-form input{color:var(--white-color)!important;border-bottom:1px solid #ffffff7d!important}
}
.sticky.header-3 .header-right-icon .search-form input::placeholder{color:var(--header)}
.sticky.header-3 .header-right-icon .search-form button{color:var(--header)}
@media (max-width: 1399px) {
.sticky.header-3 .header-right-icon .search-form button{color:var(--white-color)!important}
}
.sticky.header-3 .header-right-icon .cart-icon{color:var(--header)}
@media (max-width: 1399px) {
.sticky.header-3 .header-right-icon .cart-icon{color:var(--white-color)!important}
}
.sticky.header-3 .theme-btn{margin-top:15px}
.offcanvas__info{background:var(--white-color) none repeat scroll 0 0;border-left:2px solid var(--main-color);position:fixed;right:0;top:0;width:400px;height:100%;-webkit-transform:translateX(calc(100% + 80px));-moz-transform:translateX(calc(100% + 80px));-ms-transform:translateX(calc(100% + 80px));-o-transform:translateX(calc(100% + 80px));transform:translateX(calc(100% + 80px));-webkit-transition:transform .45s ease-in-out,opacity .45s ease-in-out;-moz-transition:transform .45s ease-in-out,opacity .45s ease-in-out;transition:transform .45s ease-in-out,opacity .45s ease-in-out;z-index:999999;overflow-y:scroll;overscroll-behavior-y:contain;scrollbar-width:none}
.offcanvas__info.info-open{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.offcanvas__logo a img{width:90px}
.offcanvas__wrapper{position:relative;height:100%;padding:30px}
.offcanvas__wrapper .offcanvas-title{font-size:24px;margin-bottom:10px;font-weight:700}
.offcanvas__wrapper .offcanvas__content p{color:var(--header)}
.offcanvas__wrapper .offcanvas__content .offcanvas__close{width:45px;height:45px;line-height:45px;text-align:center;border-radius:50%;background-color:var(--main-color);position:relative;z-index:9;cursor:pointer}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i{color:var(--white-color)}
.offcanvas__wrapper .offcanvas__content .social-icon{margin-top:30px;gap:10px;margin-bottom:30px}
.offcanvas__wrapper .offcanvas__content .social-icon a{width:48px;height:48px;line-height:48px;text-align:center;border-radius:8px;font-size:16px;display:block;background:transparent;color:var(--header);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;text-align:center;border:1px solid var(--border)}
.offcanvas__wrapper .offcanvas__content .social-icon a:hover{background-color:var(--main-color);color:var(--white-color);border:1px solid var(--main-color)}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact{margin-top:20px}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact h3{font-size:22px;margin-bottom:15px}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list{margin-bottom:50px}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li{display:flex;align-items:center;gap:20px}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .icon{width:48px;height:48px;line-height:48px;text-align:center;border-radius:50%;background-color:var(--main-color);color:var(--white-color)}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .content p{color:var(--text)}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .content h4{color:var(--header);font-size:16px;font-weight:600;font-family:"Nunito",sans-serif}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .content h4 a{color:var(--header)}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li:not(:last-child){margin-bottom:18px}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact span{text-transform:initial}
.offcanvas__wrapper .offcanvas__content .offcanvas-button{margin-top:300px;display:flex;align-items:center;gap:20px}
@media (max-width: 1399px) {
.offcanvas__wrapper .offcanvas__content .offcanvas-button{margin-top:30px}
}
@media (max-width: 575px) {
.offcanvas__wrapper .offcanvas__content .offcanvas-button{margin-top:20px;margin-bottom:10px}
}
@media (max-width: 1199px) {
.offcanvas__wrapper .offcanvas__content .theme-btn{width:100%;text-align:center}
}
.offcanvas__overlay{position:fixed;height:100%;width:100%;background:#151515;z-index:99999;top:0;opacity:0;visibility:hidden;right:0}
.offcanvas__overlay.overlay-open{opacity:.8;visibility:visible}
@media (max-width: 450px) {
.offcanvas__info{width:350px}
}
@media (max-width: 575px) {
.offcanvas__wrapper{padding:20px}
}
.side_bar{position:fixed;top:0;right:0;width:420px;height:100%;background-color:var(--white-color);padding:30px;padding-top:25px;transition:all .3s ease-in-out;box-shadow:var(---box-shadow);z-index:99999;overflow-y:scroll}
@media (max-width: 470px) {
.side_bar{width:350px}
}
.side_bar .info .icon__item{display:flex;gap:20px;align-items:center}
.side_bar .info .icon__item:not(:last-child){margin-bottom:30px}
.side_bar .info .icon__item .icon{color:var(--main-color);font-size:32px}
.side_bar .info .icon__item .content p{margin-bottom:5px}
.side_bar .info .icon__item .content h6{font-size:16px;color:var(--white-color)}
.side_bar .x-mark-icon{position:absolute;right:40px;top:25px;text-align:center;font-size:20px;transition:all .3s ease-in-out;color:var(--header)}
.side_bar .x-mark-icon:hover{transform:rotate(90deg)}
.side_bar .cartmini__del{position:absolute;top:10px;right:10px;width:25px;height:25px;line-height:25px;text-align:center;color:var(--header);font-size:16px}
.side_bar p{color:var(--white-color)}
.side_bar .cart-title{margin-bottom:30px}
.side_bar .cart-title h4{color:var(--header);font-weight:700;font-size:24px}
.side_bar .cartmini__widget{height:100%}
.side_bar .cartmini__widget .cartmini__widget-item{position:relative;display:flex;padding:20px;border-bottom:1px solid var(--border);transition:background-color .3s;gap:30px;padding-left:0;padding-top:35px;align-items:center;padding-bottom:30px}
.side_bar .cartmini__widget .cartmini__widget-item .cartmini__thumb{max-width:100px;height:100px;width:100%}
.side_bar .cartmini__widget .cartmini__widget-item .cartmini__thumb img{width:100%;height:100%}
.side_bar .cartmini__widget .cartmini__widget-item .cartmini__content h5{font-size:16px;font-weight:700;margin-bottom:5px}
.side_bar .cartmini__checkout{padding:20px;padding-bottom:85px;width:100%;background:var(--white-color);border-top:1px solid var(--border);margin-top:150px;padding-right:0;padding-left:0}
.side_bar .cartmini__checkout .cartmini__checkout-title{display:flex;align-items:center;justify-content:space-between}
.side_bar .cartmini__checkout .cartmini__checkout-title h4{font-size:18px;display:inline-block;font-weight:700;margin-bottom:0}
.side_bar .cartmini__checkout .cartmini__checkout-title span{font-size:18px;font-weight:700;color:var(--main-color)}
.side_bar .cartmini__checkout-btn .theme-btn{text-align:center;padding:0 60px}
.side_bar .cartmini__checkout-btn .theme-btn.style-2{background-color:var(--header)}
.side_bar .cartmini__checkout-btn .theme-btn.style-2:hover{background-color:var(--main-color2)}
.side_bar_hidden{visibility:hidden;opacity:0;right:-30px}
.breadcrumb-wrapper{position:relative;}
.breadcrumb-wrapper::before{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; content:""; background:#345b2d91;}
.breadcrumb-wrapper .shape-1{position:absolute;bottom:0;left:100px}
@media (max-width: 767px) {
.breadcrumb-wrapper .shape-1{display:none}
}
.breadcrumb-wrapper .shape-2{position:absolute;bottom:0;right:0; width: 300px;}
@media (max-width: 767px) {
.breadcrumb-wrapper .shape-2{display:none}
}
.breadcrumb-wrapper .page-heading{padding:128px 0;position:relative;text-align:center}
.breadcrumb-wrapper .page-heading .breadcrumb-list{display:flex;align-items:center;gap:6px;margin-bottom:10px;justify-content:center}
.breadcrumb-wrapper .page-heading .breadcrumb-list li{font-weight:500;color:var(--white-color)}
.breadcrumb-wrapper .page-heading .breadcrumb-title{font-size:50px;font-weight:700;color:var(--white-color)}
@media (max-width: 767px) {
.breadcrumb-wrapper .page-heading .breadcrumb-title{font-size:40px}
.breadcrumb-wrapper .page-heading{padding: 100px 0;}
}
@media (max-width: 575px) {
.breadcrumb-wrapper .page-heading .breadcrumb-title{font-size:34px}
}
.error-items{text-align:center}
.error-items .thumb{max-width:500px;margin:0 auto}
.error-items .content{max-width:500px;margin:40px auto 0;text-align:center}
.error-items .content h2{margin-bottom:15px}
@media (max-width: 991px) {
.error-items .content h2{font-size:45px}
}
@media (max-width: 575px) {
.error-items .content h2{font-size:40px}
}
.error-items .content p{max-width:350px;margin:0 auto}
.error-items .content .theme-btn{border:1px solid transparent;margin-top:40px}
.cooming-soon-items{text-align:center}
.cooming-soon-items p{color:var(--header);font-size:20px;font-weight:500;margin-bottom:10px;margin-top:20px}
@media (max-width: 575px) {
.cooming-soon-items p{font-size:16px}
}
.cooming-soon-items .text{font-size:100px;font-weight:500;letter-spacing:-3px;text-transform:capitalize;margin-bottom:20px}
@media (max-width: 991px) {
.cooming-soon-items .text{font-size:50px}
}
@media (max-width: 575px) {
.cooming-soon-items .text{font-size:40px}
}
.cooming-soon-items .coming-soon-time{display:flex;align-items:center;gap:50px;position:relative;justify-content:center;margin-bottom:34px}
@media (max-width: 991px) {
.cooming-soon-items .coming-soon-time{flex-wrap:wrap;position:static;transform:translate(0);margin-top:30px;justify-content:center;gap:30px}
}
.cooming-soon-items .coming-soon-time .timer-content{text-align:center;width:146px;height:146px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--header);border-radius:100%;position:relative}
.cooming-soon-items .coming-soon-time .timer-content.style-2::before{position:absolute;content:":";top:35%;left:-22%;font-size:40px;color:#28241F}
@media (max-width: 991px) {
.cooming-soon-items .coming-soon-time .timer-content.style-2::before{display:none}
}
@media (max-width: 767px) {
.cooming-soon-items .coming-soon-time .timer-content{width:100px;height:100px}
}
.cooming-soon-items .coming-soon-time .timer-content h2{font-size:48px;font-weight:500;line-height:1}
@media (max-width: 1199px) {
.cooming-soon-items .coming-soon-time .timer-content h2{font-size:45px}
}
@media (max-width: 991px) {
.cooming-soon-items .coming-soon-time .timer-content h2{font-size:40px}
}
@media (max-width: 767px) {
.cooming-soon-items .coming-soon-time .timer-content h2{font-size:34px}
}
@media (max-width: 575px) {
.cooming-soon-items .coming-soon-time .timer-content h2{font-size:28px}
}
.cooming-soon-items .coming-soon-time .timer-content span{font-size:18px;font-weight:500;color:var(--header);text-transform:uppercase}
@media (max-width: 1199px) {
.cooming-soon-items .coming-soon-time .timer-content span{font-size:16px}
}
@media (max-width: 575px) {
.cooming-soon-items .coming-soon-time .timer-content span{font-size:14px}
}
.cooming-soon-items form{max-width:872px;width:100%;text-align:center;margin:0 auto}
.cooming-soon-items .form-clt{position:relative}
.cooming-soon-items .form-clt input{width:100%;outline:none;border-radius:4px;border:1px solid #3c3c3c4d;color:#404a3da6;line-height:1;padding:20px;border-radius:10px;max-width:872px;font-weight:500}
.cooming-soon-items .form-clt input::placeholder{color:#404a3da6}
.cooming-soon-items .form-clt .icon{position:absolute;top:0;right:0;bottom:0;padding:12px 36px;background-image:none;background:var(--main-color);border-radius:4px;color:var(--white-color)}
.cooming-soon-items .form-clt .icon:hover{background-color:var(--header)}
.cooming-soon-items .social-icon{gap:16px;justify-content:center;margin-top:30px}
.cooming-soon-items .social-icon a{width:48px;height:48px;line-height:48px;text-align:center;border-radius:50%;border-radius:4px;border:1px solid #20282d29;display:inline-block;color:var(--header)}
.cooming-soon-items .social-icon a:hover{background-color:var(--main-color);color:var(--white-color);border:1px solid var(--main-color)}
.mean-container a.meanmenu-reveal{display:none}
.mean-container .mean-nav{background:none;margin-top:0}
.mean-container .mean-bar{padding:0;min-height:auto;background:none}
.mean-container .mean-nav > ul{padding:0;margin:0;width:100%;list-style-type:none;display:block!important}
.mean-container a.meanmenu-reveal{display:none!important}
.mean-container .mean-nav ul li a{width:100%;padding:10px 0;color:#404A3D;font-size:16px;line-height:1.5;font-weight:700;text-transform:capitalize;border-bottom:1px solid #E5E5E5!important;border:none;font-family:"Nunito",sans-serif}
.mean-container .mean-nav ul li a:hover{color:var(--main-color)}
.mean-container .mean-nav ul li a:last-child{border-bottom:0}
.mean-container .mean-nav ul li a:hover{color:var(--main-color)}
.mean-container .mean-nav ul li a.mean-expand{margin-top:5px;padding:0!important}
.mean-container .mean-nav ul li > a > i{display:none}
.mean-container .mean-nav ul li > a.mean-expand i{display:inline-block;font-size:16px}
.mean-container .mean-nav > ul > li:first-child > a{border-top:0}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked i{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transition:all .4s ease-in-out}
.mean-container .mean-nav ul li .mega-menu li a{height:200px;width:100%;padding:0;border-top:0;margin-bottom:20px}
.hero-1{position:relative;margin:0 20px;border-radius:33px;margin-top:20px}
@media (max-width: 767px) {
.hero-1{margin-left:0;margin-right:0}
}
.hero-1 .banner-active{border-radius:20px}
.hero-1 .array-button{display:flex;align-items:center;top:50%;transform:translateY(-50%);right:50px;left:50px;z-index:99;position:absolute;gap:12px;justify-content:space-between}
.hero-1 .array-button .array-prev,.hero-1 .array-button .array-next{background-color:transparent!important}
.hero-1 .array-button .array-prev svg path,.hero-1 .array-button .array-next svg path{transition:all .4s ease-in-out}
.hero-1 .array-button .array-prev:hover svg path,.hero-1 .array-button .array-next:hover svg path{fill:var(--main-color2)}
@media (max-width: 1399px) {
.hero-1 .array-button{display:none}
}
.hero-1 .swiper-slide.swiper-slide-active .hero-content{opacity:1;transform:translatey(0px);transition:all 2500ms ease}
.hero-1 .swiper-slide.swiper-slide-active .hero-button{opacity:1;transform:translatey(0px);transition:all 2500ms ease}
.hero-1 .hero-height{padding:180px 0 150px;border-radius:20px}
@media (max-width: 767px) {
.hero-1 .hero-height{padding:150px 0 140px}
}
.hero-1 .hero-bg{position:absolute;top:0;left:0;height:100%;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity 1500ms ease-in,-webkit-transform 7000ms ease;transition:opacity 1500ms ease-in,-webkit-transform 7000ms ease;transition:transform 9000ms ease,opacity 1500ms ease-in;transition:transform 9000ms ease,opacity 1500ms ease-in,-webkit-transform 9000ms ease;border-radius:20px;border-top-left-radius:0;border-top-right-radius:0}
.hero-1 .hero-content{position:relative;opacity:0;z-index:3;position:relative;transform:translateY(-150px);text-align:center}
.hero-1 .hero-content span{color:var(--white-color);font-size:20px;font-weight:600}
@media (max-width: 767px) {
.hero-1 .hero-content span{font-size:18px}
}
@media (max-width: 575px) {
.hero-1 .hero-content span{font-size:16px}
}
.hero-1 .hero-content span img{margin-right:10px}
.hero-1 .hero-content h1{color:var(--white-color);text-transform:uppercase;margin-top:20px;font-size:200px;font-weight:900}
@media (max-width: 1199px) {
.hero-1 .hero-content h1{font-size:160px;margin-bottom:0}
}
@media (max-width: 991px) {
.hero-1 .hero-content h1{font-size:140px}
}
@media (max-width: 767px) {
.hero-1 .hero-content h1{font-size:110px}
}
@media (max-width: 575px) {
.hero-1 .hero-content h1{font-size:80px}
}
@media (max-width: 470px) {
.hero-1 .hero-content h1{font-size:65px}
}
.hero-1 .hero-content h2{font-size:100px;font-weight:800;color:var(--white-color)}
@media (max-width: 1199px) {
.hero-1 .hero-content h2{font-size:80px}
}
@media (max-width: 991px) {
.hero-1 .hero-content h2{font-size:70px}
}
@media (max-width: 767px) {
.hero-1 .hero-content h2{font-size:60px}
}
@media (max-width: 575px) {
.hero-1 .hero-content h2{font-size:50px}
}
@media (max-width: 470px) {
.hero-1 .hero-content h2{font-size:40px}
}
.hero-1 .hero-button{margin-top:48px;transform:translateY(150px);opacity:0;position:relative;z-index:9;display:flex;gap:20px;justify-content:center}
@media (max-width: 1199px) {
.hero-1 .hero-button{flex-wrap:wrap}
}
@media (max-width: 767px) {
.hero-1 .hero-button{margin-top:30px}
}
.hero-1 .hero-button .theme-btn{background-color:var(--main-color2);color:var(--main-color);transition:all .4s ease-in-out}
.hero-1 .hero-button .theme-btn::before{background-color:var(--main-color)}
.hero-1 .hero-button .theme-btn:hover{color:var(--white-color)}
.hero-1 .hero-button .theme-btn.style-2{background:#ffffff42;border:1px solid var(--white-color);color:var(--white-color);transition:all .4s ease-in-out}
.hero-1 .hero-button .theme-btn.style-2 i{color:var(--white-color)}
.hero-1 .hero-button .theme-btn.style-2::before{background-color:var(--main-color)}
.hero-1 .hero-button .theme-btn.style-2:hover{color:var(--white-color);border:1px solid var(--main-color)}
.hero-1 .hero-button .theme-btn.style-2:hover i{color:var(--white-color)}
.hero-2{position:relative}
.hero-2 .container{max-width:1470px}
.hero-2 .shape1{position:absolute;bottom:0;left:93px;z-index:100}
@media (max-width: 1399px) {
.hero-2 .shape1{display:none}
}
.hero-2 .shape2{position:absolute;bottom:0;left:58%;z-index:100}
@media (max-width: 1399px) {
.hero-2 .shape2{display:none}
}
.hero-2 .shape3{position:absolute;bottom:60px;right:10%;z-index:100}
@media (max-width: 1399px) {
.hero-2 .shape3{display:none}
}
.hero-2 .pxl-divider-item{position:absolute;bottom:-32px;left:0;right:0;z-index:99;color:#fff}
@media (max-width: 1199px) {
.hero-2 .pxl-divider-item{display:none}
}
.hero-2 .array-button{display:grid;align-items:center;top:45%;transform:translateY(-50%);right:50px;z-index:99;position:absolute;gap:12px}
.hero-2 .array-button .array-prev,.hero-2 .array-button .array-next{width:60px;height:60px;line-height:60px;text-align:center;border-radius:50%;color:var(--header);background-color:var(--main-color2);transition:all .4s ease-in-out}
.hero-2 .array-button .array-prev:hover,.hero-2 .array-button .array-next:hover{background-color:var(--main-color);color:var(--white-color)}
@media (max-width: 1199px) {
.hero-2 .array-button{display:none}
}
.hero-2 .swiper-slide.swiper-slide-active .hero-bg{-webkit-transform:scale(1.35);transform:scale(1.35);border-radius:20px}
.hero-2 .swiper-slide.swiper-slide-active .hero-content{opacity:1;transform:translatey(0px);transition:all 2500ms ease}
.hero-2 .swiper-slide.swiper-slide-active .hero-button{opacity:1;transform:translatey(0px);transition:all 2500ms ease}
.hero-2 .hero-height{padding:280px 0 300px;border-radius:20px}
@media (max-width: 1199px) {
.hero-2 .hero-height{padding:220px 0 150px}
}
@media (max-width: 767px) {
.hero-2 .hero-height{padding:180px 0 130px}
}
.hero-2 .hero-bg{position:absolute;top:0;left:0;height:100%;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity 1500ms ease-in,-webkit-transform 7000ms ease;transition:opacity 1500ms ease-in,-webkit-transform 7000ms ease;transition:transform 9000ms ease,opacity 1500ms ease-in;transition:transform 9000ms ease,opacity 1500ms ease-in,-webkit-transform 9000ms ease}
.hero-2 .hero-content{position:relative;opacity:0;z-index:3;position:relative;transform:translateY(-150px);max-width:769px}
@media (max-width: 575px) {
.hero-2 .hero-content{text-align:center}
}
.hero-2 .hero-content h1{color:var(--white-color);text-transform:uppercase;margin-top:20px;font-size:100px;font-weight:800}
@media (max-width: 1199px) {
.hero-2 .hero-content h1{font-size:82px}
}
@media (max-width: 991px) {
.hero-2 .hero-content h1{font-size:75px}
}
@media (max-width: 767px) {
.hero-2 .hero-content h1{font-size:68px}
}
@media (max-width: 575px) {
.hero-2 .hero-content h1{font-size:55px}
}
@media (max-width: 470px) {
.hero-2 .hero-content h1{font-size:45px}
}
.hero-2 .hero-button{margin-top:48px;transform:translateY(150px);opacity:0;position:relative;z-index:9}
@media (max-width: 575px) {
.hero-2 .hero-button{text-align:center;margin-top:30px}
}
.hero-2 .hero-button .theme-btn{background-color:var(--main-color2);color:var(--main-color);transition:all .4s ease-in-out}
.hero-2 .hero-button .theme-btn::before{background-color:var(--main-color)}
.hero-2 .hero-button .theme-btn:hover{color:var(--white-color)}
.hero-3{padding:160px 0 0;position:relative;z-index:9;border-radius:28px;margin:0 48px;overflow:hidden}
@media (max-width: 1600px) {
.hero-3{margin:0 40px}
}
@media (max-width: 1399px) {
.hero-3{margin:0 30px;padding-top:250px}
}
@media (max-width: 1199px) {
.hero-3{margin:0 20px;padding-top:180px}
}
@media (max-width: 991px) {
.hero-3{padding-top:150px}
}
@media (max-width: 575px) {
.hero-3{margin:0}
}
.hero-3 .hero-line{position:absolute;bottom:-4px;left:0;right:0}
.hero-3 .hero-shape{position:absolute;bottom:41%;left:50%}
@media (max-width: 1199px) {
.hero-3 .hero-shape{display:none}
}
.hero-3 .hero-shape2{position:absolute;bottom:20%;left:41%}
@media (max-width: 1199px) {
.hero-3 .hero-shape2{display:none}
}
.hero-3::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;background:linear-gradient(87.45deg,#051d01cf 2.51%,#051d0187 73.44%);border-radius:28px}
.hero-3 .container{max-width:1665px}
@media (max-width: 1399px) {
.hero-3 .hero-content{margin-top:-180px}
}
@media (max-width: 991px) {
.hero-3 .hero-content{text-align:center;margin-top:0}
}
.hero-3 .hero-content h1{font-weight:900;color:var(--white-color);font-size:104px;line-height:97%}
@media (max-width: 1399px) {
.hero-3 .hero-content h1{font-size:80px}
}
@media (max-width: 1199px) {
.hero-3 .hero-content h1{font-size:62px;line-height:105%}
}
@media (max-width: 991px) {
.hero-3 .hero-content h1{font-size:75px;line-height:115%}
}
@media (max-width: 767px) {
.hero-3 .hero-content h1{font-size:60px}
}
@media (max-width: 575px) {
.hero-3 .hero-content h1{font-size:45px}
}
.hero-3 .hero-content p{color:var(--white-color);font-weight:600;font-size:20px;border-bottom:1px solid #ffffff4a;padding-bottom:30px;margin-top:10px}
@media (max-width: 1199px) {
.hero-3 .hero-content p{font-size:16px;font-weight:500}
}
.hero-3 .hero-content .hero-button{display:flex;align-items:center;margin-top:40px;gap:20px}
@media (max-width: 991px) {
.hero-3 .hero-content .hero-button{margin-top:30px;justify-content:center;flex-wrap:wrap}
}
.hero-3 .hero-content .hero-button .theme-btn{border:1px solid transparent}
.hero-3 .hero-content .hero-button .theme-btn.style-2{background-color:transparent;border:1px solid var(--white-color)}
.hero-3 .hero-content .hero-button .theme-btn.style-2:hover{border:1px solid var(--main-color2)}
.hero-3 .hero-image{margin-left:-55px}
@media (max-width: 1600px) {
.hero-3 .hero-image{margin-left:-180px}
}
@media (max-width: 1399px) {
.hero-3 .hero-image{margin-left:0}
.hero-3 .hero-image img{width:100%}
}
.hero-4{position:relative;z-index:9}
.hero-4 .shape-1{position:absolute;z-index:999;bottom:13%;right:19%}
@media (max-width: 1600px) {
.hero-4 .shape-1{display:none}
}
.hero-4 .shape-2{position:absolute;z-index:999;top:22%;left:5%}
@media (max-width: 1600px) {
.hero-4 .shape-2{display:none}
}
.hero-4 .array-button{display:grid;align-items:center;top:50%;transform:translateY(-50%);right:50px;z-index:99;position:absolute;gap:12px}
.hero-4 .array-button .array-prev,.hero-4 .array-button .array-next{width:60px;height:60px;line-height:60px;text-align:center;border-radius:50%;color:var(--header);background-color:#fff;transition:all .4s ease-in-out}
.hero-4 .array-button .array-prev:hover,.hero-4 .array-button .array-next:hover{background-color:var(--main-color2);color:var(--header)}
@media (max-width: 1199px) {
.hero-4 .array-button{display:none}
}
.hero-4 .swiper-slide.swiper-slide-active .hero-bg{-webkit-transform:scale(1.35);transform:scale(1.35);border-radius:20px}
.hero-4 .swiper-slide.swiper-slide-active .hero-content{opacity:1;transform:translatey(0px);transition:all 2500ms ease}
.hero-4 .swiper-slide.swiper-slide-active .hero-button{opacity:1;transform:translatey(0px);transition:all 2500ms ease}
.hero-4 .hero-height{padding:170px 0;}
@media (min-width: 1600px) {
    .hero-4 .hero-height{padding:200px 0;}
}
@media (max-width: 1199px) {
.hero-4 .hero-height{padding:150px 0}
}
@media (max-width: 767px) {
.hero-4 .hero-height{padding:130px 0}
}
.hero-4 .hero-bg{position:absolute;top:0;left:0;height:100%;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity 1500ms ease-in,-webkit-transform 7000ms ease;transition:opacity 1500ms ease-in,-webkit-transform 7000ms ease;transition:transform 9000ms ease,opacity 1500ms ease-in;transition:transform 9000ms ease,opacity 1500ms ease-in,-webkit-transform 9000ms ease}
.hero-4 .hero-bg::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;background:linear-gradient(85.96deg,#0a280387 28.3%,#0a280300 97.75%)}
.hero-4 .hero-content{position:relative;opacity:0;z-index:3;position:relative;transform:translateY(-150px);max-width:618px}
@media (max-width: 575px) {
.hero-4 .hero-content{text-align:center;margin:0 auto}
}
.hero-4 .hero-content h1{color:var(--white-color);font-size:50px;font-weight:700}
@media (max-width: 1399px) {
.hero-4 .hero-content h1{font-size:40px}
}
@media (max-width: 1199px) {
.hero-4 .hero-content h1{font-size:38px;line-height:105%}
}
@media (max-width: 991px) {
.hero-4 .hero-content h1{font-size:36px;line-height:115%}
}
@media (max-width: 767px) {
.hero-4 .hero-content h1{font-size:34px}
}
@media (max-width: 575px) {
.hero-4 .hero-content h1{font-size:32px}
}
.hero-4 .hero-content p{font-size:20px;font-weight:600;color:var(--white-color);margin-top:10px}
@media (max-width: 1199px) {
.hero-4 .hero-content p{font-size:18px}
}
@media (max-width: 991px) {
.hero-4 .hero-content p{font-size:17px}
}
@media (max-width: 767px) {
.hero-4 .hero-content p{font-size:16px}
}
.hero-4 .hero-button{margin-top:48px;transform:translateY(150px);opacity:0;position:relative;z-index:9;display:flex;gap:20px}
@media (max-width: 1199px) {
.hero-4 .hero-button{flex-wrap:wrap}
}
@media (max-width: 767px) {
.hero-4 .hero-button{margin-top:30px}
}
@media (max-width: 575px) {
.hero-4 .hero-button{justify-content:center}
}
.hero-4 .hero-button .theme-btn{background-color:var(--main-color2);color:var(--header);transition:all .4s ease-in-out}
.hero-4 .hero-button .theme-btn::before{background-color:var(--main-color)}
.hero-4 .hero-button .theme-btn:hover{color:var(--white-color)}
.hero-4 .hero-button .theme-btn.style-2{background-color:transparent;border:1px solid var(--white-color);color:var(--white-color);transition:all .4s ease-in-out}
.hero-4 .hero-button .theme-btn.style-2 i{color:var(--white-color)}
.hero-4 .hero-button .theme-btn.style-2::before{background-color:var(--main-color)}
.hero-4 .hero-button .theme-btn.style-2:hover{color:var(--white-color);border:1px solid var(--main-color)}
.hero-4 .hero-button .theme-btn.style-2:hover i{color:var(--white-color)}
.hero-5{position:relative;margin:0 45px;border-radius:8px;margin-top:0}
.hero-5 .swiper-dot2{position:absolute;bottom:70px;right:70px;z-index:99}
@media (max-width: 1199px) {
.hero-5 .swiper-dot2{display:none}
}
.hero-5 .swiper-dot2 .swiper-pagination-bullet{width:10px;height:10px;transition:.6s;background-color:#fff;opacity:1;border-radius:10px}
.hero-5 .swiper-dot2 .swiper-pagination-bullet:not(:last-child){margin-right:5px}
.hero-5 .swiper-dot2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--main-color2);transition:.6s;position:relative}
@media (max-width: 1600px) {
.hero-5{margin:0 35px}
}
@media (max-width: 1399px) {
.hero-5{margin:0 30px}
}
@media (max-width: 1199px) {
.hero-5{margin:0 20px}
}
@media (max-width: 575px) {
.hero-5{margin:0}
}
.hero-5 .banner-active{border-radius:8px}
.hero-5 .swiper-slide.swiper-slide-active .hero-bg{-webkit-transform:scale(1.35);transform:scale(1.35);border-radius:20px}
.hero-5 .swiper-slide.swiper-slide-active .hero-content{opacity:1;transform:translatey(0px);transition:all 2500ms ease}
.hero-5 .swiper-slide.swiper-slide-active .hero-button{opacity:1;transform:translatey(0px);transition:all 2500ms ease}
.hero-5 .hero-height{padding:260px 0 120px;border-radius:8px}
@media (max-width: 767px) {
.hero-5 .hero-height{padding:150px 0 110px}
}
.hero-5 .hero-bg{position:absolute;top:0;left:0;height:100%;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity 1500ms ease-in,-webkit-transform 7000ms ease;transition:opacity 1500ms ease-in,-webkit-transform 7000ms ease;transition:transform 9000ms ease,opacity 1500ms ease-in;transition:transform 9000ms ease,opacity 1500ms ease-in,-webkit-transform 9000ms ease;border-radius:20px;border-top-left-radius:0;border-top-right-radius:0}
.hero-5 .hero-bg::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";background-color:#00000052}
.hero-5 .container{max-width:1590px}
.hero-5 .hero-content{position:relative;opacity:0;z-index:99;position:relative;transform:translateY(-150px)}
@media (max-width: 575px) {
.hero-5 .hero-content{text-align:center}
}
.hero-5 .hero-content span{color:var(--white-color);font-size:20px;font-weight:600}
@media (max-width: 991px) {
.hero-5 .hero-content span{font-size:18px}
}
@media (max-width: 575px) {
.hero-5 .hero-content span{font-size:16px}
}
.hero-5 .hero-content span i{margin-right:10px;color:#EDDD5E}
.hero-5 .hero-content h1{color:var(--white-color);text-transform:uppercase;margin-top:20px;font-size:134px;font-weight:900;max-width:724px}
@media (max-width: 1399px) {
.hero-5 .hero-content h1{font-size:110px}
}
@media (max-width: 1199px) {
.hero-5 .hero-content h1{font-size:100px}
}
@media (max-width: 991px) {
.hero-5 .hero-content h1{font-size:88px}
}
@media (max-width: 767px) {
.hero-5 .hero-content h1{font-size:72px}
}
@media (max-width: 575px) {
.hero-5 .hero-content h1{font-size:68px}
}
@media (max-width: 470px) {
.hero-5 .hero-content h1{font-size:55px}
}
.hero-5 .hero-button{margin-top:48px;transform:translateY(150px);opacity:0;position:relative;z-index:99;display:flex;gap:20px}
@media (max-width: 575px) {
.hero-5 .hero-button{text-align:center;justify-content:center}
}
.hero-5 .hero-button .theme-btn{background-color:var(--main-color2);color:var(--main-color);transition:all .4s ease-in-out}
.hero-5 .hero-button .theme-btn::before{background-color:var(--main-color)}
.hero-5 .hero-button .theme-btn:hover{color:var(--white-color)}
.feature-box-items .feature-icon{position:relative;z-index:9;padding-left:17px}
@media (max-width: 575px) {
.feature-box-items .feature-icon{text-align:center;display:block}
}
.feature-box-items .feature-icon::before{width:60px;height:60px;line-height:60px;background-color:#EDF2EC;border-radius:100%;content:"";position:absolute;top:0;left:0;z-index:-1}
@media (max-width: 575px) {
.feature-box-items .feature-icon::before{left:47%;transform:translateX(-50%)}
}
.feature-box-items .feature-icon img{transition:all .4s ease-in-out;display:inline-block;padding-top:20px}
.feature-box-items .feature-content{margin-top:30px}
@media (max-width: 575px) {
.feature-box-items .feature-content{text-align:center;margin-top:25px}
}
.feature-box-items .feature-content h3{font-size: 18px;font-weight: 700;margin-bottom: 6px;}
.feature-box-items .feature-content p{max-width:265px}
@media (max-width: 575px) {
.feature-box-items .feature-content p{margin:0 auto}
}
.feature-box-items:hover .feature-icon img{animation:wobble 1.5s ease-in-out}
.counter-box-items-area{display:flex;align-items:center;gap:20px}
@media (max-width: 575px) {
.counter-box-items-area{display:grid;justify-content:center;text-align:center;gap:30px}
.counter-box-items-area .icon{margin:0 auto}
}
.counter-box-items-area .icon{font-size:47px;color:var(--main-color);max-width:102px;width:100%;height:102px;line-height:118px;border:1px dashed var(--main-color);border-radius:28px;text-align:center}
@media (max-width: 767px) {
.counter-box-items-area .icon{max-width:80px;height:80px;line-height:90px;font-size:30px}
}
.counter-box-items-area .icon i{transition:all .4s ease-in-out;display:inline-block}
.counter-box-items-area .content p{font-weight:500}
@media (max-width: 1399px) {
.counter-box-items-area .content h2{font-size:36px}
}
@media (max-width: 1199px) {
.counter-box-items-area .content h2{font-size:40px}
}
@media (max-width: 767px) {
.counter-box-items-area .content h2{font-size:30px}
}
.counter-box-items-area:hover .icon i{transform:scaleX(-1)!important}
.choose-left-image-items{position:relative;z-index:9;max-width:450px}
@media (max-width: 1199px) {
.choose-left-image-items{max-width:initial}
}
.choose-left-image-items img{width:100%;height:100%;border-radius:12px}
.choose-left-image-items .image-2{max-width:307px;position:absolute;z-index:1;bottom:-200px;right:-100px}
@media (max-width: 1199px) {
.choose-left-image-items .image-2{right:0;bottom:0}
}
@media (max-width: 767px) {
.choose-left-image-items .image-2{max-width:200px}
.choose-left-image-items .image-2 img{width:100%!important;height:100%!important}
}
.choose-left-image-items .image-2 img{width:initial;height:initial}
.choose-left-image-items .organic-shape{position:absolute;bottom:-45%;left:0;z-index:1}
@media (max-width: 1199px) {
.choose-left-image-items .organic-shape{display:none}
}
.choose-left-image-items .ratting-box{display:flex;gap:20px;border-radius:12px;background-color:var(--main-color2);display:inline-flex;padding:30px;position:absolute;top:80px;left:-70px}
@media (max-width: 1199px) {
.choose-left-image-items .ratting-box{top:0;left:0}
.choose-left-image-items .ratting-box br{display:block}
}
.choose-us-wrapper{margin-bottom:50px}
@media (max-width: 1399px) {
.choose-us-wrapper{margin-bottom:0}
}
@media (max-width: 1199px) {
.choose-us-wrapper{margin-bottom:0}
}
.choose-content-items{margin-top:150px}
@media (max-width: 1199px) {
.choose-content-items{margin-top:0}
}
.choose-content-items .choose-text{margin-top:25px}
.choose-content-items p{margin-top:20px}
.choose-content-items .progress-wrap{margin-top:30px}
.choose-content-items .progress-wrap .pro-items{width:100%}
.choose-content-items .progress-wrap .pro-items:not(:last-child){margin-bottom:30px}
.choose-content-items .progress-wrap .pro-items .pro-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.choose-content-items .progress-wrap .pro-items .pro-head .title{color:var(--header)}
.choose-content-items .progress-wrap .pro-items .pro-head .point{font-size:16px;font-weight:700;color:var(--header)}
.choose-content-items .progress-wrap .pro-items .progress{background:#5291492e;justify-content:flex-start;align-items:center;position:relative;display:flex;height:6px;width:100%}
.choose-content-items .progress-wrap .pro-items .progress-value{animation:load 3s normal forwards;border-radius:0;background:var(--main-color);height:6px;width:0}
.choose-content-items .progress-wrap .pro-items .style-two{animation:load2 3s normal forwards}
.choose-content-items .progress-wrap .pro-items .style-three{animation:load3 3s normal forwards}
@keyframes load {
0%{width:0}
100%{width:99%}
}
@keyframes load2 {
0%{width:0}
100%{width:90%}
}
.choose-us-section{position:relative}
.choose-us-section .shape-1{position:absolute;top:7%;right:20%}
.gallery-section{padding-left:70px;padding-right:70px;position:relative;margin-top:40px}
@media (max-width: 1199px) {
.gallery-section{margin-top:20px}
}
.gallery-section .top-shape{position:absolute;top:-40px;left:0;right:0}
@media (max-width: 1199px) {
.gallery-section .top-shape{top:-20px}
}
.gallery-section .top-shape img{width:100%}
@media (max-width: 1399px) {
.gallery-section{padding-left:30px;padding-right:30px}
}
@media (max-width: 1199px) {
.gallery-section{padding-left:25px;padding-right:25px}
}
.gallery-image-items{position:relative;border-radius:12px;overflow:hidden;margin-top:30px;height:410px}
.gallery-image-items img{width:100%;height:100%;border-radius:12px;transition-delay:.1s;transition-timing-function:ease-in-out;transition-duration:.7s;transition-property:all;object-fit:cover}
.gallery-image-items .content{border-radius:4px;background:var(--main-color2);padding:20px 24px;display:inline-block;position:absolute;bottom:-100px;left:20px;line-height:1;opacity:0;visibility:hidden;transition:all .4s ease-in-out}
@media (max-width: 575px) {
.gallery-image-items .content{text-align:center;width:calc(100% - 40px)}
}
.gallery-image-items .content p{font-size:15px;font-weight:600;color:#404A3D}
.gallery-image-items .content h3{font-weight:700;margin-top:5px}
.gallery-image-items .content h3 a{color:#404A3D}
.gallery-image-items .content h3 a:hover{color:var(--main-color)}
.gallery-image-items:hover .content{opacity:1;visibility:visible;bottom:20px}
.gallery-image-items:hover img{transform:scale(1.1) rotate(2deg)}
.video-wrapper{text-align:center}
.video-wrapper .video{margin-top:-40px;position:relative;height:650px}
@media (max-width: 575px) {
.video-wrapper .video{height:480px}
}
.video-wrapper .video img{width:100%;height:100%;object-fit:cover}
.video-wrapper .video-btn{width:120px;height:120px;line-height:120px;display:inline-block;background:var(--white-color);color:var(--main-color);text-align:center;border-radius:100%;font-size:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:88}
.gallery-wrapper-3{margin-left:-15%;margin-right:-5%}
.gallery-wrapper-3 .swiper-wrapper{align-items:center}
@media (max-width: 1199px) {
.gallery-wrapper-3{margin-left:0;margin-right:0}
}
.gallery-wrapper-3 .gallery-image-box-3{position:relative;border-radius:28px;overflow:hidden;margin-top:30px}
@media (max-width: 1199px) {
.gallery-wrapper-3 .gallery-image-box-3{height:500px}
.gallery-wrapper-3 .gallery-image-box-3 img{object-fit:cover}
}
.gallery-wrapper-3 .gallery-image-box-3 img{width:100%;height:100%;border-radius:28px;transition-delay:.1s;transition-timing-function:ease-in-out;transition-duration:.7s;transition-property:all;object-fit:cover}
.gallery-wrapper-3 .gallery-image-box-3 .content{border-radius:4px;background:var(--main-color2);padding:20px 24px;display:inline-block;position:absolute;bottom:-100px;left:20px;line-height:1;opacity:0;visibility:hidden;transition:all .4s ease-in-out}
.gallery-wrapper-3 .gallery-image-box-3 .content p{font-size:15px;font-weight:600;color:#404A3D}
.gallery-wrapper-3 .gallery-image-box-3 .content h3{font-weight:700;margin-top:5px}
.gallery-wrapper-3 .gallery-image-box-3 .content h3 a{color:#404A3D}
.gallery-wrapper-3 .gallery-image-box-3 .content h3 a:hover{color:var(--main-color)}
.gallery-wrapper-3 .gallery-image-box-3:hover .content{opacity:1;visibility:visible;bottom:20px}
.gallery-wrapper-3 .gallery-image-box-3:hover img{transform:scale(1.1) rotate(2deg)}
.gallery-line{margin-bottom:-20px}
.gallery-line img{width:100%}
.gallery-line2{margin-top:-20px;position:relative;z-index:9}
.gallery-line2 img{width:100%}
.gallery-section-3{background-color:#FFF9E8;position:relative;z-index:9}
.gallery-section-3 .left-shape{position:absolute;left:0;top:100px}
.gallery-section-3 .right-shape{position:absolute;right:50px;top:50px}
.gallery-section-3 .gallery-line{position:absolute;top:0;left:0;right:0}
.gallery-section-3 .gallery-line img{width:100%}
.video-wrapper-3{text-align:center;border-radius:20px;position:relative}
@media (max-width: 991px) {
.video-wrapper-3{height:550px}
}
.video-wrapper-3 img{width:100%;height:100%;object-fit:cover}
.video-wrapper-3 .video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.video-wrapper-3 .video-btn{text-align:center;color:var(--white-color);display:inline-block;text-align:center;font-size:20px;z-index:999;z-index:99;width:72px;height:72px;line-height:72px;background-color:var(--main-color);border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.choose-us-wrapper-3{position:relative;z-index:99}
.choose-us-wrapper-3 .choose-us-image-items{position:relative;z-index:9}
.choose-us-wrapper-3 .choose-us-image-items.white-style::before{background-color:var(--white-color)}
.choose-us-wrapper-3 .choose-us-image-items::before{width:317px;height:244px;bottom:0;right:0;content:"";background-color:#EDF2EC;position:absolute;transition:all .4s ease-in-out;z-index:1;border-top-left-radius:24px}
@media (max-width: 767px) {
.choose-us-wrapper-3 .choose-us-image-items::before{width:290px;height:220px}
}
.choose-us-wrapper-3 .choose-us-image-items img{width:100%;height:100%;border-radius:324px 24px 24px 24px}
.choose-us-wrapper-3 .choose-us-image-items .award-box-area{background-color:var(--main-color2);display:inline-block;padding:30px;border-radius:28px;position:absolute;bottom:0;right:0;z-index:9;position:absolute}
@media (max-width: 767px) {
.choose-us-wrapper-3 .choose-us-image-items .award-box-area{padding:20px}
}
.choose-us-wrapper-3 .choose-us-image-items .award-box-area .top-items{border-bottom:1px solid #244f0b33;padding-bottom:20px;display:flex;align-items:center;gap:20px}
.choose-us-wrapper-3 .choose-us-image-items .award-box-area .top-items .award-icon img{width:initial;height:initial;border-radius:0;transition:all .4s ease-in-out;display:inline-block}
.choose-us-wrapper-3 .choose-us-image-items .award-box-area .top-items h4{font-size:20px;font-weight:800;max-width:155px}
.choose-us-wrapper-3 .choose-us-image-items .award-box-area p{max-width:221px;color:#474C52;font-weight:500;margin-top:20px}
.choose-us-wrapper-3 .choose-us-image-items .award-box-area:hover .top-items .award-icon img{transform:scaleX(-1)!important}
.choose-us-wrapper-3 .choose-us-image-items .treat-image{position:absolute;top:0;left:0}
@media (max-width: 767px) {
.choose-us-wrapper-3 .choose-us-image-items .treat-image{max-width:120px}
}
.choose-us-wrapper-3 .choose-us-image-items .treat-image img{border-radius:0}
.choose-us-wrapper-3 .choose-us-content{margin-left:30px}
@media (max-width: 1199px) {
.choose-us-wrapper-3 .choose-us-content{margin-left:0}
}
@media (max-width: 575px) {
.choose-us-wrapper-3 .choose-us-content{text-align:center}
}
.choose-us-wrapper-3 .choose-us-content .icon-items-area{margin-top:30px;display:flex;gap:60px}
@media (max-width: 1199px) {
.choose-us-wrapper-3 .choose-us-content .icon-items-area{gap:25px}
}
@media (max-width: 991px) {
.choose-us-wrapper-3 .choose-us-content .icon-items-area{flex-wrap:wrap}
}
@media (max-width: 575px) {
.choose-us-wrapper-3 .choose-us-content .icon-items-area{justify-content:center}
}
.choose-us-wrapper-3 .choose-us-content .icon-items-area .icon-items .icon{width:72px;height:72px;line-height:85px;text-align:center;background-color:var(--white-color);color:var(--main-color);border-radius:50%;font-size:35px}
@media (max-width: 575px) {
.choose-us-wrapper-3 .choose-us-content .icon-items-area .icon-items .icon{margin:0 auto}
}
.choose-us-wrapper-3 .choose-us-content .icon-items-area .icon-items .icon i{transition:all .4s ease-in-out;display:inline-block}
.choose-us-wrapper-3 .choose-us-content .icon-items-area .icon-items h4{max-width:234px;font-size:22px;font-weight:800;margin-top:20px}
.choose-us-wrapper-3 .choose-us-content .icon-items-area .icon-items p{width:500px;max-width:245px;margin-top:10px}
.choose-us-wrapper-3 .choose-us-content .icon-items-area .icon-items:hover .icon i{transform:scaleX(-1)!important}
.choose-us-section-3{position:relative;z-index:9}
.choose-us-section-3 .left-shape{position:absolute;top:100px;left:40px}
@media (max-width: 1199px) {
.choose-us-section-3 .left-shape{display:none}
}
.choose-us-section-3 .right-shape{position:absolute;bottom:10%;right:20%}
@media (max-width: 1199px) {
.choose-us-section-3 .right-shape{display:none}
}
.feature-info-area{display:flex;align-items:center;gap:20px}
@media (max-width: 575px) {
.feature-info-area{justify-content:center;display:grid;text-align:center}
.feature-info-area .circle-bg-icon{text-align:center}
}
.feature-info-area .circle-bg-icon{position:relative;z-index:9}
.feature-info-area .circle-bg-icon img{animation:cir36 20s linear infinite}
.feature-info-area .circle-bg-icon .icon{position:absolute;z-index:1;top:57%;left:50%;transform:translate(-50%,-50%);font-size:25px;color:#404A3D}
.feature-info-area .circle-bg-icon .icon i{transition:all .4s ease-in-out;display:inline-block}
.feature-info-area .feature-content h5{font-size:18px;font-weight:700}
.feature-info-area:hover .circle-bg-icon .icon i{transform:scaleX(-1)!important}
.counter-wrapper-3{display:flex;justify-content:space-between;text-align:center;border:1px dashed #244f0b7d;padding:80px;border-radius:28px;background-color:var(--white-color)}
@media (max-width: 1199px) {
.counter-wrapper-3{padding:60px 50px}
}
@media (max-width: 991px) {
.counter-wrapper-3{padding:50px 40px;flex-wrap:wrap;gap:30px}
}
@media (max-width: 767px) {
.counter-wrapper-3{padding:40px 30px;justify-content:start}
}
@media (max-width: 575px) {
.counter-wrapper-3{display:grid;justify-content:center}
}
.counter-wrapper-3 .counter-box-items .icon{width:102px;height:102px;line-height:120px;text-align:center;background-color:var(--main-color);color:var(--white-color);border-radius:28px;font-size:47px}
@media (max-width: 575px) {
.counter-wrapper-3 .counter-box-items .icon{margin:0 auto}
}
.counter-wrapper-3 .counter-box-items .icon i{transition:all .4s ease-in-out;display:inline-block}
.counter-wrapper-3 .counter-box-items .content{margin-top:30px}
.counter-wrapper-3 .counter-box-items:hover .icon i{transform:scaleX(-1)!important}
.counter-wrapper-3 .line{border:1px dashed #244f0b3b}
@media (max-width: 767px) {
.counter-wrapper-3 .line{display:none}
}
.video-wrapper-3{text-align:center}
.video-wrapper-3 .video .circle-img{animation:cir36 20s linear infinite}
.video-wrapper-3 .video .video-btn{color:#404A3D;text-align:center;border-radius:100%;font-size:35px;background-color:transparent}
.achievments-wrapper-4{margin-bottom:-40px}
@media (max-width: 1399px) {
.achievments-wrapper-4{margin-bottom:0}
}
@media (max-width: 575px) {
.achievments-wrapper-4 .achievments-content{text-align:center}
}
.achievments-wrapper-4 .achievments-content .link-btn{color:#63AB52;margin-top:20px;display:inline-block;transition:all .4s ease-in-out;font-weight:800;font-size:16px;font-family:"Nunito",sans-serif}
.achievments-wrapper-4 .achievments-content .link-btn i{margin-left:5px;transform:rotate(-45deg)}
.achievments-wrapper-4 .achievments-content .link-btn:hover{color:var(--header)}
.achievments-wrapper-4 .counter-box-area{display:flex;justify-content:space-between;margin-left:160px}
@media (max-width: 1199px) {
.achievments-wrapper-4 .counter-box-area{margin-left:0;flex-wrap:wrap;gap:30px;justify-content:start}
}
@media (max-width: 575px) {
.achievments-wrapper-4 .counter-box-area{justify-content:center}
}
.achievments-wrapper-4 .counter-box-area .counter-box-items{text-align:center}
.achievments-wrapper-4 .counter-box-area .counter-box-items .icon{font-size:47px;color:var(--main-color);background-color:var(--white-color);width:102px;height:102px;line-height:118px;border:1px dashed var(--main-color);border-radius:28px;text-align:center;margin:0 auto}
.achievments-wrapper-4 .counter-box-area .counter-box-items .icon i{transition:all .4s ease-in-out;display:inline-block}
.achievments-wrapper-4 .counter-box-area .counter-box-items .content{margin-top:20px}
.achievments-wrapper-4 .counter-box-area .counter-box-items .content p{font-weight:500}
.achievments-wrapper-4 .counter-box-area .counter-box-items:hover .icon i{transform:scaleX(-1)!important}
.achievements-section-4{position:relative;z-index:9}
.achievements-section-4 .shape-1{position:absolute;bottom:50px;left:0}
@media (max-width: 1399px) {
.achievements-section-4 .shape-1{display:none}
}
.achievements-section-4 .shape-2{position:absolute;bottom:10px;right:0}
@media (max-width: 1399px) {
.achievements-section-4 .shape-2{display:none}
.achievements-bottom-shape{display:none}
}
.achievements-bottom-shape img{width:100%}
@media (max-width: 1199px) {
.achievements-bottom-shape{height:60px}
.achievements-bottom-shape img{object-fit:cover}
}
.gallery-image-4 img{width:100%;height:100%;border-radius:4px}
.catagory-image-box{margin-top:60px;text-align:center}
.catagory-image-box .catagory-image{border:1px dashed #244f0b7d;border-radius:50%;display:inline-block;padding:35px;margin:0 auto}
.catagory-image-box p{font-size:18px;font-weight:700;color:var(--header);margin-top:20px}
.core-feature-wrapper{background-color:#eddd5e;border-radius:28px}
.core-feature-wrapper .core-feature-left-image{position:relative;z-index:9}
@media (max-width: 1199px) {
.core-feature-wrapper .core-feature-left-image{height:550px}
}
.core-feature-wrapper .core-feature-left-image img{width:100%;height:100%;border-radius:28px;object-fit:cover}
.core-feature-wrapper .core-feature-left-image .cow-img{position:absolute;bottom:70px;right:-15%}
@media (max-width: 1399px) {
.core-feature-wrapper .core-feature-left-image .cow-img{bottom:initial;right:initial;top:50%;left:50%;transform:translate(-50%,-50%)}
}
.core-feature-wrapper .core-feature-left-image .top-shape{position:absolute;top:70px;right:-10%}
.core-feature-wrapper .core-feature-right-content{margin-left:80px;padding-right:70px;padding-top:65px;padding-bottom:65px}
@media (max-width: 1399px) {
.core-feature-wrapper .core-feature-right-content{margin:0;padding:30px}
}
.core-feature-wrapper .core-feature-right-content .core-text{margin-top:25px}
.core-feature-wrapper .core-feature-right-content .list-items{display:flex;align-items:center;gap:60px;margin-top:20px;margin-left:40px}
@media (max-width: 1399px) {
.core-feature-wrapper .core-feature-right-content .list-items{margin-left:0;gap:25px;flex-wrap:wrap}
}
.core-feature-wrapper .core-feature-right-content .list-items ul li{font-size:18px;font-weight:500;color:#0A2803}
.core-feature-wrapper .core-feature-right-content .list-items ul li:not(:last-child){margin-bottom:10px}
.core-feature-wrapper .core-feature-right-content .list-items ul li i{margin-right:7px;color:var(--main-color)}
.core-feature-wrapper .core-feature-right-content .theme-btn{margin-top:30px}
.core-feature-wrapper .core-feature-right-content .theme-btn::before{background-color:var(--header)}
.core-feature-wrapper .core-feature-right-content .theme-btn:hover{color:var(--white-color)}
.product-catagory-section{position:relative}
.product-catagory-section .shape-1{position:absolute;top:15%;right:10%}
.counter-wrapper-4 .counter-content h3{font-size:22px}
.counter-wrapper-4 .counter-content p{margin-top:10px}
.counter-wrapper-4 .counter-box-area{display:flex;justify-content:space-between;margin-left:150px}
@media (max-width: 1399px) {
.counter-wrapper-4 .counter-box-area{margin-left:0;flex-wrap:wrap;gap:30px}
}
.counter-wrapper-4 .counter-box-area .counter-box-items{display:flex;align-items:center;gap:20px}
.counter-wrapper-4 .counter-box-area .counter-box-items .icon{font-size:47px;color:var(--white-color);background-color:var(--main-color);width:102px;height:102px;line-height:118px;border-radius:28px;text-align:center}
.counter-wrapper-4 .counter-box-area .counter-box-items .icon i{transition:all .4s ease-in-out;display:inline-block}
.counter-wrapper-4 .counter-box-area .counter-box-items:hover .icon i{transform:scaleX(-1)!important}
.choose-us-wrapper-4{position:relative;z-index:9}
.choose-us-wrapper-4 .man-thumb{position:absolute;bottom:-20%;right:-60px}
.choose-us-wrapper-4 .award-box-area{background-color:var(--main-color2);display:inline-block;padding:30px;border-radius:28px;top:0;right:90px;position:absolute}
.choose-us-wrapper-4 .award-box-area .top-items{border-bottom:1px solid #244f0b33;padding-bottom:20px;display:flex;align-items:center;gap:20px}
.choose-us-wrapper-4 .award-box-area .top-items .award-icon img{width:initial;height:initial;border-radius:0;transition:all .4s ease-in-out;display:inline-block}
.choose-us-wrapper-4 .award-box-area .top-items h4{font-size:20px;font-weight:800;max-width:155px}
.choose-us-wrapper-4 .award-box-area p{max-width:221px;color:#474C52;font-weight:500;margin-top:20px}
.choose-us-wrapper-4 .award-box-area:hover .top-items .award-icon img{transform:scaleX(-1)!important}
.choose-us-wrapper-4 .choose-us-left-img{position:relative;z-index:9;margin-right:60px}
@media (max-width: 1399px) {
.choose-us-wrapper-4 .choose-us-left-img{margin-right:0}
}
.choose-us-wrapper-4 .choose-us-left-img img{width:100%;height:100%}
.choose-us-wrapper-4 .choose-us-left-img .sm-thumb{position:absolute;top:70px;left:-90px}
@media (max-width: 1600px) {
.choose-us-wrapper-4 .choose-us-left-img .sm-thumb{top:0;left:0}
}
.choose-us-wrapper-4 .choose-us-left-img .sm-thumb img{width:initial;height:initial}
.choose-us-wrapper-4 .choose-us-left-img .sm-thumb-2{position:absolute;bottom:-90px;right:35%}
@media (max-width: 991px) {
.choose-us-wrapper-4 .choose-us-left-img .sm-thumb-2{bottom:0}
}
@media (max-width: 575px) {
.choose-us-wrapper-4 .choose-us-left-img .sm-thumb-2{display:none}
}
.choose-us-wrapper-4 .choose-us-left-img .sm-thumb-2 img{width:initial;height:initial}
.choose-us-wrapper-4 .choose-us-content .choose-text{margin-top:25px}
.choose-us-wrapper-4 .choose-us-content ul{margin-top:20px}
.choose-us-wrapper-4 .choose-us-content ul li{font-size:18px;font-weight:500}
.choose-us-wrapper-4 .choose-us-content ul li:not(:last-child){margin-bottom:15px}
.choose-us-wrapper-4 .choose-us-content ul li i{margin-right:7px;color:var(--main-color)}
.choose-us-wrapper-4 .choose-us-content .progress-wrap{margin-top:20px}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items{width:100%}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items:not(:last-child){margin-bottom:25px}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items .pro-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items .pro-head .title{font-size:16px;font-weight:500;color:#43494D}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items .pro-head .point{font-size:12px;font-weight:500;color:var(--white-color);font-family:"Nunito",sans-serif;background-color:var(--main-color);padding:5px 10px;line-height:1;position:relative;margin-bottom:10px;display:inline-block}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items .pro-head .point::before{position:absolute;content:"";background-color:var(--main-color);left:0;bottom:-10px;width:13px;height:20px;clip-path:polygon(100% 0,0 0,0 100%)}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items .progress{border-radius:2px;background:#99a5371f;justify-content:flex-start;align-items:center;position:relative;display:flex;height:4px;width:100%}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items .progress-value{animation:load 3s normal forwards;border-radius:0;background:var(--main-color);height:4px;width:0;border-radius:2px}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items .style-two{animation:load2 3s normal forwards}
@keyframes load {
0%{width:0}
100%{width:90%}
}
@keyframes load2 {
0%{width:0}
100%{width:75%}
}
.choose-us-section-4{position:relative}
.choose-us-section-4 .shape-1{position:absolute;bottom:80px;left:80px}
.products-feature-icon-box-5{max-width:276px}
@media (max-width: 575px) {
.products-feature-icon-box-5{text-align:center;margin:0 auto}
}
.products-feature-icon-box-5 .icon{font-size:72px;color:var(--main-color)}
.products-feature-icon-box-5 .icon i{transition:all .4s ease-in-out;display:inline-block}
.products-feature-icon-box-5 .content{margin-top:40px}
.products-feature-icon-box-5 .content h4{font-size:20px;font-weight:800;margin-bottom:10px}
.products-feature-icon-box-5:hover .icon i{transform:scaleX(-1)!important}
.feature-section-5{position:relative}
.feature-section-5 .shape-1{position:absolute;bottom:100px;right:90px}
.choose-us-wrapper-5{margin-bottom:85px}
@media (max-width: 1399px) {
.choose-us-wrapper-5{margin-bottom:0}
}
.choose-us-wrapper-5 .choose-image-left-items{max-width:542px;position:relative;z-index:9}
@media (max-width: 1399px) {
.choose-us-wrapper-5 .choose-image-left-items{max-width:initial}
}
.choose-us-wrapper-5 .choose-image-left-items img{width:100%;height:100%;border-radius:12px;margin-left:60px}
@media (max-width: 1399px) {
.choose-us-wrapper-5 .choose-image-left-items img{width:100%;height:100%;margin-left:0}
}
.choose-us-wrapper-5 .choose-image-left-items .sm-thumb{position:absolute;bottom:-120px;right:-125px}
@media (max-width: 1399px) {
.choose-us-wrapper-5 .choose-image-left-items .sm-thumb{right:0;bottom:0;max-width:200px}
}
.choose-us-wrapper-5 .choose-image-left-items .sm-thumb img{width:initial;height:initial}
@media (max-width: 1399px) {
.choose-us-wrapper-5 .choose-image-left-items .sm-thumb img{width:100%;height:100%}
}
.choose-us-wrapper-5 .choose-image-left-items .choose-shape-1{position:absolute;z-index:-1;top:70px;right:-14%;max-width:150px}
.choose-us-wrapper-5 .choose-image-left-items .choose-video .video-btn{text-align:center;color:#404A3D;display:inline-block;text-align:center;font-size:25px;z-index:999;position:absolute;top:50%;left:12%;transform:translate(-50%,-50%);z-index:99;width:100px;height:100px;line-height:100px;background-color:var(--main-color2);border-radius:100%}
@media (max-width: 1399px) {
.choose-us-wrapper-5 .choose-image-left-items .choose-video .video-btn{left:50%}
}
.choose-us-wrapper-5 .choose-right-content{margin-left:50px}
@media (max-width: 1399px) {
.choose-us-wrapper-5 .choose-right-content{margin-left:30px}
}
@media (max-width: 1199px) {
.choose-us-wrapper-5 .choose-right-content{margin-left:0}
}
.choose-us-wrapper-5 .choose-right-content .choose-text{margin-top:25px}
.choose-us-wrapper-5 .choose-right-content .icon-items-area{display:flex;align-items:center;gap:60px;margin-top:30px}
@media (max-width: 1399px) {
.choose-us-wrapper-5 .choose-right-content .icon-items-area{gap:20px;flex-wrap:wrap}
}
.choose-us-wrapper-5 .choose-right-content .icon-items-area .icon-items{display:flex;align-items:center;gap:20px}
.choose-us-wrapper-5 .choose-right-content .icon-items-area .icon-items .icon{font-size:41px;color:var(--main-color)}
.choose-us-wrapper-5 .choose-right-content .icon-items-area .icon-items .icon i{transition:all .4s ease-in-out;display:inline-block}
.choose-us-wrapper-5 .choose-right-content .icon-items-area .icon-items:hover .icon i{transform:scaleX(-1)!important}
.choose-us-wrapper-5 .choose-right-content .choose-text-2{margin-top:25px}
.choose-us-wrapper-5 .choose-right-content .list-items{display:flex;align-items:center;gap:60px;margin-top:30px}
@media (max-width: 1399px) {
.choose-us-wrapper-5 .choose-right-content .list-items{flex-wrap:wrap;gap:25px}
}
.choose-us-wrapper-5 .choose-right-content .list-items ul li{font-size:18px;font-weight:500;color:#0A2803}
.choose-us-wrapper-5 .choose-right-content .list-items ul li:not(:last-child){margin-bottom:20px}
.choose-us-wrapper-5 .choose-right-content .list-items ul li i{margin-right:7px;color:var(--main-color)}
.choose-us-wrapper-5 .choose-right-content .about-bottom-area{margin-top:35px;display:flex;align-items:center;gap:40px}
@media (max-width: 1399px) {
.choose-us-wrapper-5 .choose-right-content .about-bottom-area{gap:20px;flex-wrap:wrap}
}
.choose-us-wrapper-5 .choose-right-content .about-bottom-area .phone-box-items{display:flex;align-items:center;gap:20px}
.choose-us-wrapper-5 .choose-right-content .about-bottom-area .phone-box-items .icon{width:57px;height:57px;line-height:57px;text-align:center;background-color:var(--main-color2);border-radius:50%;color:var(--main-color);font-size:20px}
.choose-us-wrapper-5 .choose-right-content .about-bottom-area .phone-box-items .content p{font-weight:600}
.choose-us-wrapper-5 .choose-right-content .about-bottom-area .phone-box-items .content a{color:var(--main-color);font-size:20px;font-weight:800}
.counter-section-4{position:relative}
.counter-section-4 .shape-1{position:absolute;right:0;top:0}
.counter-wrapper-5{display:flex;justify-content:space-between;text-align:center;border:1px dashed #244f0b7d;padding:50px;border-radius:28px;background-color:var(--white-color)}
@media (max-width: 1199px) {
.counter-wrapper-5{padding:40px}
}
@media (max-width: 991px) {
.counter-wrapper-5{flex-wrap:wrap;gap:30px;padding:30px}
}
@media (max-width: 575px) {
.counter-wrapper-5{display:grid;justify-content:center}
}
.counter-wrapper-5 .counter-box-items{display:flex;align-items:center;gap:10px}
@media (max-width: 575px) {
.counter-wrapper-5 .counter-box-items{display:grid;justify-content:center}
}
.counter-wrapper-5 .counter-box-items .icon{color:var(--main-color);font-size:40px}
.counter-wrapper-5 .counter-box-items .icon i{transition:all .4s ease-in-out;display:inline-block}
.counter-wrapper-5 .counter-box-items:hover .icon i{transform:scaleX(-1)!important}
.counter-wrapper-5 .line{border:1px dashed #244f0b3b}
@media (max-width: 991px) {
.counter-wrapper-5 .line{display:none}
}
.choose-us-wrapper-6 .choose-left-img{max-width:535px}
@media (max-width: 1199px) {
.choose-us-wrapper-6 .choose-left-img{max-width:initial}
}
.choose-us-wrapper-6 .choose-left-img img{width:100%;height:100%}
.choose-us-wrapper-6 .choose-us-content{margin-left:40px}
@media (max-width: 1399px) {
.choose-us-wrapper-6 .choose-us-content{margin-left:0}
}
.choose-us-wrapper-6 .choose-us-content .icon-items-area{margin-top:50px;display:flex;justify-content:space-between}
@media (max-width: 1199px) {
.choose-us-wrapper-6 .choose-us-content .icon-items-area{margin-top:30px}
}
@media (max-width: 767px) {
.choose-us-wrapper-6 .choose-us-content .icon-items-area{flex-wrap:wrap;gap:30px}
}
.choose-us-wrapper-6 .choose-us-content .icon-items-area ul li{display:flex;gap:20px}
.choose-us-wrapper-6 .choose-us-content .icon-items-area ul li .icon img{transition:all .4s ease-in-out;display:inline-block}
.choose-us-wrapper-6 .choose-us-content .icon-items-area ul li .content h3{font-size:20px}
.choose-us-wrapper-6 .choose-us-content .icon-items-area ul li .content p{max-width:266px;margin-top:7px}
.choose-us-wrapper-6 .choose-us-content .icon-items-area ul li:not(:last-child){margin-bottom:50px}
.choose-us-wrapper-6 .choose-us-content .icon-items-area ul li:hover .icon img{transform:scaleX(-1)!important}
.counter-section-5{position:relative;z-index:999}
.counter-section-5::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;background:var(--white-color);height:50%}
.choose-us-section-6{position:relative;z-index:9}
.choose-us-section-6 .shape-1{position:absolute;top:80px;right:80px}
.choose-us-section-6 .shape-2{position:absolute;bottom:100px;left:80px}
.counter-section-3{position:relative;z-index:999}
.counter-section-3::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;background:#EDF2EC;height:30%}
.counter-section-3 .bottom-shape{position:absolute;top:30%;left:0;right:0;z-index:-1}
.counter-section{position:relative;margin-bottom:50px}
@media (max-width: 1399px) {
.counter-section{margin-bottom:0}
}
@media (max-width: 1199px) {
.counter-section{margin-bottom:120px}
}
@media (max-width: 991px) {
.counter-section{margin-bottom:100px}
}
.counter-section .bottom-shape{position:absolute;bottom:-30px;left:0;right:0}
@media (max-width: 1199px) {
.counter-section .bottom-shape{bottom:-20px}
}
.counter-section .bottom-shape img{width:100%}
.rice-flower{height:400px;position:relative}
@media (max-width: 575px) {
.rice-flower{height:140px;background-size:cover}
.rice-flower img{object-fit:cover;height:270px}
}
.rice-flower img{width:100%;animation:ShapeAnim 50s linear infinite}
.rice-flower2{height:330px;position:relative;top:-30px;margin-bottom:-30px}
@media (max-width: 575px) {
.rice-flower2{height:140px;background-size:cover}
}
.rice-flower2 img{width:100%;animation:ShapeAnim 50s linear infinite}
.choose-vec-line{margin-bottom:-20px}
.choose-vec-line img{width:100%}
.pricing-box-items{background-color:var(--white-color);box-shadow:8px 6px 51.9px 34px #030f2c08;border-radius:10px;padding:40px 50px}
@media (max-width: 1399px) {
.pricing-box-items{padding:40px 30px}
}
.pricing-box-items .pricing-header .icon-area{display:flex;align-items:center;gap:20px}
.pricing-box-items .pricing-header .icon-area h5{font-size:22px}
.pricing-box-items .pricing-header h2{font-weight:700;color:var(--main-color);margin-top:20px}
.pricing-box-items .pricing-header h2 sup{font-size:16px;font-weight:400;color:#5C6672}
.pricing-box-items .pricing-header p{margin-top:20px;border-bottom:1px dashed #566a7054;padding-bottom:30px}
.pricing-box-items .pricing-header .list-items{margin-top:25px}
.pricing-box-items .pricing-header .list-items li{font-size:18px;font-weight:500}
.pricing-box-items .pricing-header .list-items li:not(:last-child){margin-bottom:20px}
.pricing-box-items .pricing-header .list-items li i{margin-right:7px;color:var(--main-color)}
.pricing-box-items .pricing-header .theme-btn{background-color:transparent;border:1px solid var(--main-color);color:var(--main-color);margin-top:30px}
.pricing-box-items .pricing-header .theme-btn:hover{color:var(--header)}
.company-history-wrapper{max-width:1655px;margin:0 auto;border-radius:30px;position:relative;z-index:9}
@media (max-width: 575px) {
.company-history-wrapper{text-align:center}
}
.company-history-wrapper::before{content:"";position:absolute;top:53%;left:0;right:0;transform:translateY(-50%);width:100%;height:1px;border:1px dashed #0d390470;z-index:-1}
@media (max-width: 1399px) {
.company-history-wrapper::before{display:none}
}
.company-history-wrapper .container{max-width:1322px}
.company-history-wrapper .history-box-items{margin-top:30px;position:relative;z-index:999}
.company-history-wrapper .history-box-items .dot{width:15px;height:15px;line-height:15px;background-color:var(--main-color);border-radius:50%;position:absolute;top:15%;left:88%}
@media (max-width: 1399px) {
.company-history-wrapper .history-box-items .dot{display:none}
}
.company-history-wrapper .history-box-items h2{font-size:90px;font-weight:800;color:var(--white-color);margin-bottom:30px;line-height:1}
@media (max-width: 575px) {
.company-history-wrapper .history-box-items h2{font-size:65px}
}
.company-history-wrapper .history-box-items h3{margin-bottom:10px}
.company-history-wrapper .history-box-items p{max-width:257px}
@media (max-width: 575px) {
.company-history-wrapper .history-box-items p{margin:0 auto}
}
.gallery-card-item .gallery-image{position:relative}
@media (max-width: 767px) {
.gallery-card-item .gallery-image{height:500px}
}
.gallery-card-item .gallery-image img{width:100%;height:100%;border-radius:10px;object-fit:cover}
.gallery-card-item .gallery-image::before{top:0;left:0;height:100%;width:100%;transform:scale(0.7);content:"";position:absolute;background:#edca74ad;z-index:1;transition:.5s;opacity:0;visibility:hidden;border-radius:10px}
.gallery-card-item .gallery-image .icon{position:absolute;font-size:38px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;color:var(--white-color);opacity:0;transition:all .4s ease-in-out}
.gallery-card-item:hover .gallery-image::before{transform:scale(1);opacity:1;visibility:visible}
.gallery-card-item:hover .gallery-image .icon{opacity:1}
.gallery-card-item.style-2{margin-top:30px}
.marquee-section .marquee{position:relative;--duration:30s;--gap:0;display:flex;overflow:hidden;user-select:none;gap:0;margin-top:-15px}
.marquee-section .marquee .marquee-group{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:30px;min-width:100%;animation:scroll var(--duration) linear infinite}
.marquee-section .marquee .text{font-size:74px;font-weight:800;line-height:1.1;color:transparent;display:flex;align-items:center;gap:30px;transition:all .4s ease-in-out;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#0A2803}
@media (max-width: 1199px) {
.marquee-section .marquee .text{letter-spacing:initial}
.marquee-section .marquee .text{font-size:80px}
}
@media (max-width: 767px) {
.marquee-section .marquee .text{font-size:60px}
}
@media (max-width: 575px) {
.marquee-section .marquee .text{font-size:50px}
}
.marquee-section .marquee .text span{margin-top:-10px;display:inline-block;transition:all .4s ease-in-out}
.marquee-section .marquee .text:hover{color:var(--white-color)}
.marquee-section .marquee .text:hover span{color:var(--main-color)}
@keyframes scroll {
0%{transform:translateX(0)}
100%{transform:translateX(calc(-100% - var(--gap)))}
}
@media (max-width: 1199px) {
.style-history-page{margin-top:100px}
}
@media (max-width: 991px) {
.style-history-page{margin-top:80px}
}
.about-wrapper .about-left-content .about-text{margin-top:15px}
.about-wrapper .about-left-content .list-items{margin-top:30px;display:flex;align-items:center;gap:60px}
@media (max-width: 1199px) {
.about-wrapper .about-left-content .list-items{flex-wrap:wrap;gap:20px}
}
.about-wrapper .about-left-content .list-items ul li i{margin-right:8px;color:#63AB52}
.about-wrapper .about-left-content .list-items ul li:not(:last-child){margin-bottom:13px}
.about-wrapper .about-left-content .about-bottom-area{margin-top:30px;display:flex;align-items:center;gap:40px}
@media (max-width: 1199px) {
.about-wrapper .about-left-content .about-bottom-area{flex-wrap:wrap;gap:20px}
}
.about-wrapper .about-left-content .about-bottom-area .phone-box-items{display:flex;align-items:center;gap:20px}
.about-wrapper .about-left-content .about-bottom-area .phone-box-items .icon{width:57px;height:57px;line-height:57px;text-align:center;background-color:var(--main-color2);border-radius:50%;color:var(--header);font-size:20px}
.about-wrapper .about-left-content .about-bottom-area .phone-box-items .content p{font-weight:600}
.about-wrapper .about-left-content .about-bottom-area .phone-box-items .content a{color:var(--main-color);font-size:20px;font-weight:800}
.about-wrapper .about-right-items .about-top-box{border-radius:12px;background:#EDDD5E;padding:50px 35px;z-index:9;position:relative}
.about-wrapper .about-right-items .about-top-box p{font-weight:500;color:var(--header)}
.about-wrapper .about-right-items .about-top-box h2{border-bottom:1px dashed #3C3C3C;padding-bottom:10px}
.about-wrapper .about-right-items .about-top-box .text{color:var(--text);margin-top:20px}
.about-wrapper .about-right-items .about-image{margin-left:-150px;margin-top:-40px}
@media (max-width: 1399px) {
.about-wrapper .about-right-items .about-image{margin-left:-70px}
}
@media (max-width: 1199px) {
.about-wrapper .about-right-items .about-image{margin-left:0}
}
.about-wrapper .about-right-items .about-image img{width:100%;height:100%;border-radius:12px}
.about-wrapper-2{padding-left:60px;padding-right:10px}
@media (max-width: 1199px) {
.about-wrapper-2{padding-left:25px;padding-right:25px}
}
@media (max-width: 767px) {
.about-wrapper-2 .section-title{text-align:left!important}
}
.about-wrapper-2 .left-image{max-width:356px;margin-right:-110px;margin-left:30px}
@media (max-width: 1600px) {
.about-wrapper-2 .left-image{margin-right:-50px}
}
@media (max-width: 1199px) {
.about-wrapper-2 .left-image{text-align:center;margin:0 auto}
}
@media (max-width: 767px) {
.about-wrapper-2 .left-image{max-width:700px}
}
.about-wrapper-2 .left-image img{width:100%;height:100%;transform:rotate(-9.204deg);border-radius:12px}
@media (max-width: 1199px) {
.about-wrapper-2 .left-image img{transform:rotate(0);object-fit:cover}
}
.about-wrapper-2 .about-item{max-width:740px;margin:0 auto;position:relative;z-index:99}
.about-wrapper-2 .about-item .about-text{max-width:730px;margin:30px auto;text-align:center}
@media (max-width: 767px) {
.about-wrapper-2 .about-item .about-text{text-align:left;margin-top:15px;margin-bottom:15px}
.about-wrapper-2 .about-item .about-text{margin-top:10px;margin-bottom:10px}
}
.about-wrapper-2 .about-item .progress-wrap{margin-top:30px}
.about-wrapper-2 .about-item .progress-wrap .pro-items{width:100%}
.about-wrapper-2 .about-item .progress-wrap .pro-items:not(:last-child){margin-bottom:30px}
.about-wrapper-2 .about-item .progress-wrap .pro-items .pro-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.about-wrapper-2 .about-item .progress-wrap .pro-items .pro-head .title{color:var(--header)}
.about-wrapper-2 .about-item .progress-wrap .pro-items .pro-head .point{font-size:16px;font-weight:700;color:var(--header)}
.about-wrapper-2 .about-item .progress-wrap .pro-items .progress{background:#5291492e;justify-content:flex-start;align-items:center;position:relative;display:flex;height:6px;width:100%}
.about-wrapper-2 .about-item .progress-wrap .pro-items .progress.color-2{background-color:#eddd5e2e}
.about-wrapper-2 .about-item .progress-wrap .pro-items .progress.color-2 .progress-value{background-color:var(--main-color2)}
.about-wrapper-2 .about-item .progress-wrap .pro-items .progress-value{animation:load 3s normal forwards;border-radius:0;background:var(--main-color);height:6px;width:0}
.about-wrapper-2 .about-item .progress-wrap .pro-items .style-two{animation:load2 3s normal forwards}
.about-wrapper-2 .about-item .progress-wrap .pro-items .style-three{animation:load3 3s normal forwards}
@keyframes load {
0%{width:0}
100%{width:95%}
}
@keyframes load2 {
0%{width:0}
100%{width:89%}
}
.about-wrapper-2 .about-item .about-bottom-area{margin-top:60px;display:flex;align-items:center;gap:40px;justify-content:center}
@media (max-width: 1199px) {
.about-wrapper-2 .about-item .about-bottom-area{flex-wrap:wrap;gap:20px}
}
@media (max-width: 767px) {
.about-wrapper-2 .about-item .about-bottom-area{margin-top:30px}
}
@media (max-width: 575px) {
.about-wrapper-2 .about-item .about-bottom-area{justify-content:start}
}
.about-wrapper-2 .about-item .about-bottom-area .phone-box-items{display:flex;align-items:center;gap:20px}
.about-wrapper-2 .about-item .about-bottom-area .phone-box-items .icon{width:57px;height:57px;line-height:57px;text-align:center;background-color:var(--main-color2);border-radius:50%;color:var(--main-color);font-size:20px}
.about-wrapper-2 .about-item .about-bottom-area .phone-box-items .content p{font-weight:600}
.about-wrapper-2 .about-item .about-bottom-area .phone-box-items .content a{color:var(--main-color);font-size:20px;font-weight:800}
.about-wrapper-2 .right-image{max-width:356px;margin-left:-110px;margin-right:70px}
@media (max-width: 1600px) {
.about-wrapper-2 .right-image{margin-left:-40px}
}
@media (max-width: 1199px) {
.about-wrapper-2 .right-image{text-align:center;margin:0 auto}
}
@media (max-width: 767px) {
.about-wrapper-2 .right-image{max-width:700px}
}
.about-wrapper-2 .right-image img{width:100%;height:100%;transform:rotate(15deg);border-radius:12px}
@media (max-width: 1199px) {
.about-wrapper-2 .right-image img{transform:rotate(0)}
}
.about-wrapper-3{margin-top:40px;position:relative;z-index:99}
@media (max-width: 991px) {
.about-wrapper-3{margin-top:0}
}
@media (max-width: 1399px) {
.about-wrapper-3 .about-image-items .image-1 img{width:100%;height:100%}
}
.about-wrapper-3 .about-image-items .image-2{margin-top:-92%;text-align:center;margin-left:85px}
@media (max-width: 1399px) {
.about-wrapper-3 .about-image-items .image-2{margin-left:-70px;margin-top:-56%}
}
@media (max-width: 1199px) {
.about-wrapper-3 .about-image-items .image-2{margin-left:-35px;max-width:500px}
.about-wrapper-3 .about-image-items .image-2 img{width:100%}
}
@media (max-width: 991px) {
.about-wrapper-3 .about-image-items .image-2{display:none}
}
.about-wrapper-3 .about-content{margin-left:100px}
@media (max-width: 1399px) {
.about-wrapper-3 .about-content{margin-left:0}
}
.about-wrapper-3 .about-content .about-text{margin-top:25px}
.about-wrapper-3 .about-content .list-items{display:flex;align-items:center;gap:60px;margin-top:30px}
@media (max-width: 1199px) {
.about-wrapper-3 .about-content .list-items{flex-wrap:wrap;gap:30px}
}
.about-wrapper-3 .about-content .list-items ul li{font-size:18px;font-weight:500}
.about-wrapper-3 .about-content .list-items ul li:not(:last-child){margin-bottom:20px}
.about-wrapper-3 .about-content .list-items ul li i{margin-right:7px;color:var(--main-color)}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper{display:flex;align-items:center;gap:30px;margin-top:50px;margin-bottom:30px}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper.style-white-color .single-circle-bar .circle-bar div span{background-color:var(--white-color)}
@media (max-width: 1399px) {
.about-wrapper-3 .about-content .circle-progress-bar-wrapper{gap:30px;flex-wrap:wrap}
}
@media (max-width: 991px) {
.about-wrapper-3 .about-content .circle-progress-bar-wrapper{margin-top:40px;gap:70px}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper{gap:20px}
}
@media (max-width: 575px) {
.about-wrapper-3 .about-content .circle-progress-bar-wrapper{margin-top:30px;flex-wrap:wrap;gap:10px}
}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar{display:flex;align-items:center;gap:25px}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar span{font-size:18px;line-height:1;font-weight:600}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .content h6{display:block;margin-bottom:0;font-weight:700;font-size:18px;line-height:135%}
@media (max-width: 575px) {
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .content br{display:block}
}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar{position:relative;height:120px;width:120px}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar div{position:absolute;height:100px;width:100px;border-radius:50%}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar div span{position:absolute;font-size:20px;line-height:92px;height:90px;width:90px;left:5px;top:5px;font-weight:600;text-align:center;border-radius:50%;background-color:#FFF9E8;color:var(--header)}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar .background{background-color:#5b8c512b!important}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar .rotate{clip:rect(0 50px 100px 0);background-color:var(--main-color)!important}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar .left{clip:rect(0 50px 100px 0);opacity:1;background-color:var(--bg)!important}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar .right{clip:rect(0 50px 100px 0);-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:0;background-color:var(--main-color)!important}
.about-wrapper-3 .about-content .about-bottom-area{margin-top:30px;display:flex;align-items:center;gap:40px}
@media (max-width: 1199px) {
.about-wrapper-3 .about-content .about-bottom-area{flex-wrap:wrap;gap:20px}
}
.about-wrapper-3 .about-content .about-bottom-area .phone-box-items{display:flex;align-items:center;gap:20px}
.about-wrapper-3 .about-content .about-bottom-area .phone-box-items .icon{width:57px;height:57px;line-height:57px;text-align:center;background-color:var(--main-color2);border-radius:50%;color:var(--main-color);font-size:20px}
.about-wrapper-3 .about-content .about-bottom-area .phone-box-items .content p{font-weight:600}
.about-wrapper-3 .about-content .about-bottom-area .phone-box-items .content a{color:var(--main-color);font-size:20px;font-weight:800}
.about-section-3{margin:0 48px;border-radius:28px;position:relative;z-index:9}
@media (max-width: 1600px) {
.about-section-3{margin:0 40px}
}
@media (max-width: 1399px) {
.about-section-3{margin:0 30px}
}
@media (max-width: 1199px) {
.about-section-3{margin:0 20px;padding-bottom:100px!important}
}
@media (max-width: 991px) {
.about-section-3{padding-bottom:80px!important}
}
.about-section-3 .shape-1{position:absolute;left:0;bottom:16%}
.about-section-3 .shape-2{position:absolute;top:56px;right:0}
.about-section-4{background-color:var(--main-color)}
.about-wrapper-4{margin-bottom:74px}
@media (max-width: 1399px) {
.about-wrapper-4{margin-bottom:10px}
}
@media (max-width: 1199px) {
.about-wrapper-4{margin-bottom:0}
}
.about-wrapper-4 .about-left-content{margin-right:100px}
@media (max-width: 1399px) {
.about-wrapper-4 .about-left-content{margin-right:50px}
}
@media (max-width: 1199px) {
.about-wrapper-4 .about-left-content{margin-right:0}
}
@media (max-width: 575px) {
.about-wrapper-4 .about-left-content{text-align:center}
}
.about-wrapper-4 .about-left-content .about-text{color:var(--white-color);margin-top:25px}
.about-wrapper-4 .about-left-content .about-icon-area{margin-top:35px;display:flex;align-items:center;gap:20px}
@media (max-width: 767px) {
.about-wrapper-4 .about-left-content .about-icon-area{margin-top:30px}
}
@media (max-width: 575px) {
.about-wrapper-4 .about-left-content .about-icon-area{justify-content:center}
}
@media (max-width: 470px) {
.about-wrapper-4 .about-left-content .about-icon-area{flex-wrap:wrap}
}
.about-wrapper-4 .about-left-content .about-icon-area .icon{max-width:95px;height:95px;line-height:115px;text-align:center;border-radius:50%;background-color:var(--main-color2);font-size:40px;color:var(--header);width:100%}
.about-wrapper-4 .about-left-content .about-icon-area .icon i{transition:all .4s ease-in-out;display:inline-block}
.about-wrapper-4 .about-left-content .about-icon-area .content h3{font-size:22px;color:var(--white-color)}
.about-wrapper-4 .about-left-content .about-icon-area .content p{margin-top:7px;color:var(--white-color)}
.about-wrapper-4 .about-left-content .about-icon-area:hover .icon i{transform:scaleX(-1)!important}
.about-wrapper-4 .about-left-content .about-bottom-area{margin-top:50px;display:flex;align-items:center;gap:40px}
@media (max-width: 767px) {
.about-wrapper-4 .about-left-content .about-bottom-area{margin-top:30px}
}
@media (max-width: 1199px) {
.about-wrapper-4 .about-left-content .about-bottom-area{flex-wrap:wrap;gap:20px}
}
@media (max-width: 575px) {
.about-wrapper-4 .about-left-content .about-bottom-area{justify-content:center}
}
.about-wrapper-4 .about-left-content .about-bottom-area .theme-btn{background-color:var(--white-color);color:#244F0B}
.about-wrapper-4 .about-left-content .about-bottom-area .phone-box-items{display:flex;align-items:center;gap:20px}
.about-wrapper-4 .about-left-content .about-bottom-area .phone-box-items .icon{width:57px;height:57px;line-height:57px;text-align:center;background-color:var(--main-color2);border-radius:50%;color:var(--main-color);font-size:20px}
.about-wrapper-4 .about-left-content .about-bottom-area .phone-box-items .content p{font-weight:600;color:var(--white-color)}
@media (max-width: 575px) {
.about-wrapper-4 .about-left-content .about-bottom-area .phone-box-items .content p{text-align:left}
}
.about-wrapper-4 .about-left-content .about-bottom-area .phone-box-items .content a{color:var(--white-color);font-size:20px;font-weight:800}
.about-wrapper-4 .about-right-image{margin-left:30px;position:relative;z-index:9}
@media (max-width: 1199px) {
.about-wrapper-4 .about-right-image{margin-left:0}
}
.about-wrapper-4 .about-right-image img{width:100%;height:100%;border-radius:28px}
.about-wrapper-4 .about-right-image .sm-image{position:absolute;bottom:-65px;left:-60px}
@media (max-width: 1199px) {
.about-wrapper-4 .about-right-image .sm-image{bottom:0;left:0}
}
@media (max-width: 767px) {
.about-wrapper-4 .about-right-image .sm-image{max-width:220px}
.about-wrapper-4 .about-right-image .sm-image img{width:100%!important;height:100%!important}
}
.about-wrapper-4 .about-right-image .sm-image img{width:initial;height:initial}
.about-wrapper-4 .about-right-image .shape-1{position:absolute;top:90px;left:-70px}
@media (max-width: 1199px) {
.about-wrapper-4 .about-right-image .shape-1{display:none}
}
.about-wrapper-4 .about-right-image .shape-2{position:absolute;bottom:-29%;right:80px}
@media (max-width: 1199px) {
.about-wrapper-4 .about-right-image .shape-2{display:none}
}
.about-wrapper-5{margin-right:-40%}
@media (max-width: 1600px) {
.about-wrapper-5{margin-right:-20%}
}
@media (max-width: 1199px) {
.about-wrapper-5{margin-right:0}
}
@media (max-width: 575px) {
.about-wrapper-5 .about-left-items{text-align:center}
}
.about-wrapper-5 .about-left-items .about-text{margin-top:25px;max-width:532px}
.about-wrapper-5 .about-left-items .bottom-items{display:flex;align-items:center;gap:45px;margin-top:40px}
@media (max-width: 1199px) {
.about-wrapper-5 .about-left-items .bottom-items{flex-wrap:wrap;gap:25px}
}
@media (max-width: 575px) {
.about-wrapper-5 .about-left-items .bottom-items{justify-content:center}
}
.about-wrapper-5 .about-left-items .bottom-items .counter-box-items{display:flex;gap:20px}
.about-wrapper-5 .about-left-items .bottom-items .counter-box-items .icon{font-size:47px;color:var(--header);background-color:var(--main-color2);width:102px;height:102px;line-height:118px;border-radius:28px;text-align:center;margin:0 auto}
.about-wrapper-5 .about-left-items .bottom-items .counter-box-items .icon i{transition:all .4s ease-in-out;display:inline-block}
.about-wrapper-5 .about-left-items .bottom-items .counter-box-items .content{margin-top:20px}
.about-wrapper-5 .about-left-items .bottom-items .counter-box-items .content p{font-weight:500}
@media (max-width: 575px) {
.about-wrapper-5 .about-left-items .bottom-items .counter-box-items .content p{text-align:left}
}
.about-wrapper-5 .about-left-items .bottom-items .counter-box-items:hover .icon i{transform:scaleX(-1)!important}
@media (max-width: 575px) {
.about-wrapper-5 .about-right-thumb{text-align:center}
}
.about-wrapper-5 .about-right-thumb .about-thumb-box .thumb img{width:100%;height:100%;border-radius:8px}
.about-wrapper-5 .about-right-thumb .about-thumb-box h3{font-size:34px;font-weight:700;margin-top:20px}
@media (max-width: 1899px) {
.about-wrapper-5 .about-right-thumb .about-thumb-box h3{font-size:24px}
}
.about-section-5{position:relative;z-index:9}
.about-section-5 .shape-1{position:absolute;bottom:-2%;left:0}
.service-wrapper{border-radius:30px;border:1px solid #5b8c5142;background:#EDF2EC;padding:45px 55px;margin-top:60px;padding-top:0}
@media (max-width: 1199px) {
.service-wrapper{padding:40px}
}
@media (max-width: 991px) {
.service-wrapper{padding:30px}
}
.service-wrapper .service-content-area{display:flex;gap:30px;transition:all .4s ease-in-out}
@media (max-width: 575px) {
.service-wrapper .service-content-area{flex-wrap:wrap;gap:20px;justify-content:center;text-align:center}
.service-wrapper .service-content-area .icon{margin:0 auto}
}
.service-wrapper .service-content-area .icon{max-width:104px;height:104px;line-height:120px;border-radius:50%;text-align:center;background-color:var(--white-color);color:var(--main-color);width:100%;font-size:43px;transition:all .4s ease-in-out}
@media (max-width: 1199px) {
.service-wrapper .service-content-area .icon{max-width:70px;height:70px;line-height:80px;font-size:26px}
}
.service-wrapper .service-content-area .icon i{transition:all .4s ease-in-out;display:inline-block;transition:all .4s ease-in-out}
.service-wrapper .service-content-area .content h3{font-size:32px;font-weight:700;margin-bottom:10px}
@media (max-width: 1199px) {
.service-wrapper .service-content-area .content h3{font-size:26px}
}
.service-wrapper .service-content-area .content h3 a:hover{color:var(--main-color)}
.service-wrapper .service-content-area .content p{max-width:457px}
.service-wrapper .service-content-area .content .theme-btn{margin-top:40px}
@media (max-width: 991px) {
.service-wrapper .service-content-area .content .theme-btn{margin-top:25px}
}
.service-wrapper .service-image{border-radius:12px;overflow:hidden}
.service-wrapper .service-image img{width:100%;height:100%;border-radius:12px;transition-delay:.1s;transition-timing-function:ease-in-out;transition-duration:.7s;transition-property:all}
.service-wrapper:hover .service-content-area .icon{background-color:var(--main-color2)}
.service-wrapper:hover .service-content-area .icon i{transform:scaleX(-1)!important}
.service-wrapper:hover .service-image img{transform:scale(1.1) rotate(2deg)}
.service-section{position:relative;z-index:9;margin-top:40px}
@media (max-width: 1199px) {
.service-section{margin-top:20px}
}
.top-shape{position:absolute;top:-40px;left:0;right:0}
@media (max-width: 1199px) {
.top-shape{top:-20px}
}
.top-shape img{width:100%}
.service-section .service-left-shape{position:absolute;top:156px;left:85px}
.service-section .service-right-shape{position:absolute;top:64px;right:130px}
.service-section .nav{display:flex;align-items:center;gap:20px;justify-content:center;margin-bottom:50px;margin-top:-20px}
.service-section .nav .nav-item .nav-link{display:inline-block;border:1px solid #5b8c5142;border-radius:30px;font-size:16px;font-weight:600;line-height:1;padding:10px 22px;background-color:#EDF2EC;color:var(--main-color)}
.service-section .nav .nav-item .nav-link.active{background-color:var(--main-color);color:var(--white-color)}
@media (max-width: 575px) {
.service-section-2 .section-title-area{text-align:center;justify-content:center}
}
.service-section-2 .section-title-area .counter-area{display:flex;align-items:center;gap:60px}
.service-box-items-2{margin-top:30px;border-radius:30px;background:#EDF2EC;padding:20px}
@media (max-width: 575px) {
.service-box-items-2{text-align:center}
}
.service-box-items-2 .content{padding:20px}
@media (max-width: 575px) {
.service-box-items-2 .content{padding-top:10px}
}
.service-box-items-2 .content h3{max-width:171px;font-size:28px;font-weight:700}
@media (max-width: 575px) {
.service-box-items-2 .content h3{font-size:24px;margin:0 auto}
}
.service-box-items-2 .content h3 a:hover{color:var(--main-color)}
.service-box-items-2 .content p{margin-top:10px}
.service-box-items-2 .image{position:relative;z-index:9;margin-top:20px}
.service-box-items-2 .image img{width:100%;height:100%;border-radius:12px}
.service-box-items-2 .image .name{border-radius:2px;background:var(--main-color2);padding:10px 14px;line-height:1;display:inline-block;font-size:13px;font-weight:700;color:#0A2803;position:absolute;top:-20px;left:35px}
.service-box-items-3{margin-top:30px;overflow:hidden;background-color:var(--white-color);box-shadow:0 9px 50px 11px #0135660f;border-radius:12px}
.service-box-items-3 .service-thumb{width:312px;min-width:100%;height:312px;border-radius:50%;overflow:hidden;margin-top:-180px;transition:all .4s ease-in-out}
@media (max-width: 1399px) {
.service-box-items-3 .service-thumb{width:initial}
.service-box-items-3 .service-thumb{height:initial;border-radius:0}
}
.service-box-items-3 .service-thumb img{width:100%;height:100%;transition:all .4s ease-in-out;object-fit:cover}
.service-box-items-3 .service-content{padding:0 30px 40px;position:relative;z-index:99;text-align:center}
.service-box-items-3 .service-content .icon{width:96px;height:96px;line-height:110px;border-radius:50%;background-color:var(--main-color);text-align:center;color:var(--white-color);font-size:35px;margin:0 auto;margin-top:-50px}
.service-box-items-3 .service-content .icon i{transition:all .4s ease-in-out;display:inline-block}
.service-box-items-3 .service-content h4{margin-top:25px;font-size:22px;font-weight:800}
.service-box-items-3 .service-content h4 a:hover{color:var(--main-color)}
.service-box-items-3 .service-content p{font-weight:500;margin-top:10px}
.service-box-items-3 .service-content .link-btn{color:#63AB52;margin-top:10px;display:inline-block;transition:all .4s ease-in-out;font-weight:800;font-size:16px;font-family:"Nunito",sans-serif}
.service-box-items-3 .service-content .link-btn i{margin-left:5px;transform:rotate(-45deg)}
.service-box-items-3 .service-content .link-btn:hover{color:var(--header)}
.service-box-items-3:hover .service-thumb{border-radius:0}
.service-box-items-3:hover .service-thumb img{border-radius:0}
.service-box-items-3:hover .service-content .icon i{transform:scaleX(-1)!important}
.service-section-3{position:relative;z-index:9}
.service-section-3 .shape-1{position:absolute;top:10%;right:10%}
.service-wrapper-4{margin-left:-57%;margin-right:-13%}
@media (max-width: 1199px) {
.service-wrapper-4{margin-left:0;margin-right:0}
}
.service-wrapper-4 .service-box-items-4{margin-top:30px}
.service-wrapper-4 .service-box-items-4 .thumb{padding-right:25px}
@media (max-width: 575px) {
.service-wrapper-4 .service-box-items-4 .thumb{padding-right:0}
}
.service-wrapper-4 .service-box-items-4 .thumb img{width:100%;height:100%;border-radius:28px}
.service-wrapper-4 .service-box-items-4 .service-content-area{background:#f9f7f7;border-radius:12px;padding:30px;margin-top:-30%;z-index:1;position:relative;margin-left:25px}
@media (max-width: 575px) {
.service-wrapper-4 .service-box-items-4 .service-content-area{margin-left:18px;margin-right:18px}
}
.service-wrapper-4 .service-box-items-4 .service-content-area .icon{width:96px;height:96px;line-height:110px;background-color:var(--main-color);font-size:40px;color:var(--white-color);text-align:center;border-radius:50%;margin-top:-80px}
@media (max-width: 575px) {
.service-wrapper-4 .service-box-items-4 .service-content-area .icon{margin:-80px auto 0}
}
.service-wrapper-4 .service-box-items-4 .service-content-area .icon i{transition:all .4s ease-in-out;display:inline-block}
@media (max-width: 575px) {
.service-wrapper-4 .service-box-items-4 .service-content-area .content{text-align:center}
}
.service-wrapper-4 .service-box-items-4 .service-content-area .content h4{font-size:22px;font-weight:800;margin-top:20px}
.service-wrapper-4 .service-box-items-4 .service-content-area .content h4 a:hover{color:var(--main-color)}
.service-wrapper-4 .service-box-items-4 .service-content-area .content p{margin-top:10px}
.service-wrapper-4 .service-box-items-4 .service-content-area:hover .icon i{transform:scaleX(-1)!important}
.service-feature-thumb-items-4{position:relative;z-index:9;overflow:hidden}
@media (max-width: 1199px) {
.service-feature-thumb-items-4{height:500px}
.service-feature-thumb-items-4 img{object-fit:cover}
}
.service-feature-thumb-items-4 img{width:100%;height:100%;border-radius:8px}
.service-feature-thumb-items-4 .text-title{font-size:22px;font-weight:800;background-color:var(--white-color);padding:28px;position:absolute;bottom:20px;left:20px;right:20px;border-radius:8px;transition:all .4s ease-in-out}
@media (max-width: 575px) {
.service-feature-thumb-items-4 .text-title{text-align:center}
}
.service-feature-thumb-items-4 .content{text-align:center;background-color:var(--white-color);padding:40px;position:absolute;bottom:20px;left:20px;right:20px;border-radius:8px;transition:all .4s ease-in-out;opacity:0;visibility:hidden;transform:translateY(80%)}
.service-feature-thumb-items-4 .content .icon{font-size:53px;color:var(--main-color)}
.service-feature-thumb-items-4 .content h3{font-size:22px;margin-top:20px}
.service-feature-thumb-items-4 .content h3 a:hover{color:var(--main-color)}
.service-feature-thumb-items-4 .content p{max-width:291px;margin:0 auto;margin-top:7px}
.service-feature-thumb-items-4:hover .content{transform:translateY(0px);opacity:1;visibility:visible}
.service-feature-thumb-items-4:hover .text-title{opacity:0;visibility:hidden}
.service-feature-thumb-items-4.active .content{transform:translateY(0px);opacity:1;visibility:visible}
.service-feature-thumb-items-4.active .text-title{opacity:0;visibility:hidden}
.service-box-items-5{background-color:#f6f6f6;border-radius:12px}
@media (max-width: 575px) {
.service-box-items-5{text-align:center}
}
.service-box-items-5.style-2{margin-top:30px}
@media (max-width: 1199px) {
.service-box-items-5.style-2{margin-top:0}
}
.service-box-items-5 .content{padding:40px 30px}
@media (max-width: 991px) {
.service-box-items-5 .content{padding:28px}
}
.service-box-items-5 .content h4{font-size:20px;font-weight:800}
.service-box-items-5 .content h4 a:hover{color:var(--main-color)}
.service-box-items-5 .content p{margin-top:10px}
.service-box-items-5 .content .icon{margin-top:20px;width:65px;height:65px;line-height:74px;text-align:center;border-radius:50%;background-color:var(--main-color);color:var(--white-color);font-size:27px;margin-bottom:-70px;z-index:999;position:relative}
@media (max-width: 575px) {
.service-box-items-5 .content .icon{margin:20px auto -70px}
}
.service-box-items-5 .content .icon i{transition:all .4s ease-in-out;display:inline-block}
.service-box-items-5 .thumb img{width:100%;height:100%;border-radius:8px}
.service-box-items-5:hover .content .icon i{transform:scaleX(-1)!important}
.service-section-5{position:relative;z-index:9}
.service-section-5 .shape-1{position:absolute;top:-100px;right:0}
.service-section-5 .array-button{display:flex;align-items:center;justify-content:space-between;position:absolute;top:50%;transform:translateY(-50%);z-index:99;left:12%;right:12%}
@media (max-width: 1899px) {
.service-section-5 .array-button{left:1%;right:1%}
}
@media (max-width: 1399px) {
.service-section-5 .array-button{display:none}
}
.service-section-5 .array-button .array-prev,.service-section-5 .array-button .array-next{width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;background:transparent;border:1px solid var(--main-color);color:var(--main-color)}
.service-feature-section-4{margin-top:-250px}
.service-details-wrapper .service-details-content .service-img img{width:100%;height:100%;border-radius:28px}
.service-details-wrapper .service-details-content h2{margin-top:30px}
.service-details-wrapper .service-details-content .icon-items-area{display:flex;align-items:center;justify-content:space-between;margin-top:40px}
@media (max-width: 1399px) {
.service-details-wrapper .service-details-content .icon-items-area{flex-wrap:wrap;gap:30px}
}
.service-details-wrapper .service-details-content .icon-items-area .icon-box{max-width:410px}
.service-details-wrapper .service-details-content .icon-items-area .icon-box .icon-items{display:flex;align-items:center;gap:20px;max-width:223px}
.service-details-wrapper .service-details-content .icon-items-area .icon-box .icon-items .icon{font-size:41px;color:var(--main-color)}
.service-details-wrapper .service-details-content .icon-items-area .icon-box .icon-items .icon i{transition:all .4s ease-in-out;display:inline-block}
.service-details-wrapper .service-details-content .icon-items-area .icon-box .icon-items:hover .icon i{transform:scaleX(-1)!important}
.service-details-wrapper .service-details-content .icon-items-area .icon-box p{margin-top:10px}
.service-details-wrapper .service-details-content .service-image-items{margin-top:35px}
.service-details-wrapper .service-details-content .service-image-items .service-img img{width:100%;height:100%;border-radius:28px}
.service-details-wrapper .service-details-content .service-image-items .service-content{margin-left:20px}
@media (max-width: 1199px) {
.service-details-wrapper .service-details-content .service-image-items .service-content{margin-left:0}
}
.service-details-wrapper .service-details-content .service-image-items .service-content h3{font-size:34px;font-weight:700}
@media (max-width: 767px) {
.service-details-wrapper .service-details-content .service-image-items .service-content h3{font-size:24px}
}
.service-details-wrapper .service-details-content .service-image-items .service-content .list-items{display:flex;align-items:center;justify-content:space-between;margin-top:30px}
@media (max-width: 1399px) {
.service-details-wrapper .service-details-content .service-image-items .service-content .list-items{flex-wrap:wrap;gap:30px}
}
.service-details-wrapper .service-details-content .service-image-items .service-content .list-items ul li{font-size:18px;font-weight:500;color:#0A2803}
.service-details-wrapper .service-details-content .service-image-items .service-content .list-items ul li:not(:last-child){margin-bottom:20px}
.service-details-wrapper .service-details-content .service-image-items .service-content .list-items ul li i{margin-right:7px;color:var(--main-color)}
.service-details-wrapper .main-sideber .sideber-box{padding:30px 28px;background-color:#edf2ec;border-radius:28px;margin-bottom:30px}
@media (max-width: 1399px) {
.service-details-wrapper .main-sideber .sideber-box{margin-bottom:30px;padding:30px 28px}
}
.service-details-wrapper .main-sideber .sideber-box .service-categories{margin-top:30px}
.service-details-wrapper .main-sideber .sideber-box .service-categories li{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:500;color:#5c6672}
.service-details-wrapper .main-sideber .sideber-box .service-categories li:not(:last-child){border-bottom:1px solid #22303540;padding-bottom:20px;margin-bottom:20px}
.service-details-wrapper .main-sideber .sideber-box .service-categories li span i{color:#5c6672;margin-left:5px;transform:rotate(-45deg)}
.service-details-wrapper .main-sideber .sideber-box .service-categories li:hover a{color:var(--main-color)}
.service-details-wrapper .main-sideber .sidebar-widget-image{position:relative;z-index:9999}
@media (max-width: 1199px) {
.service-details-wrapper .main-sideber .sidebar-widget-image{height:420px}
}
.service-details-wrapper .main-sideber .sidebar-widget-image::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";border-radius:28px;background-color:#63ab52de}
.service-details-wrapper .main-sideber .sidebar-widget-image img{width:100%;height:100%;border-radius:28px}
.service-details-wrapper .main-sideber .sidebar-widget-image .content{position:absolute;top:90px;bottom:45px;left:25px;right:25px;z-index:22;text-align:center}
.service-details-wrapper .main-sideber .sidebar-widget-image .content h3{font-size:30px;font-weight:800;color:var(--white-color);margin-bottom:10px}
@media (max-width: 1199px) {
.service-details-wrapper .main-sideber .sidebar-widget-image .content h3{font-size:25px;line-height:130%}
}
.service-details-wrapper .main-sideber .sidebar-widget-image .content p{color:var(--white-color);max-width:265px;margin:0 auto}
.service-details-wrapper .main-sideber .sidebar-widget-image .content .theme-btn{background:var(--main-color2);margin-top:30px;color:var(--header)}
.service-details-wrapper .main-sideber .sidebar-widget-image .content .theme-btn::before{background-color:var(--main-color)}
.service-details-wrapper .main-sideber .sidebar-widget-image .content .theme-btn:hover{color:var(--white-color)}
.shop-box-items{padding:20px;border-radius:12px;background:var(--white-color);text-align:center;box-shadow:0 11px 50px 11px #0135660d;transition:all .4s ease-in-out;border:1px solid transparent;}
.shop-box-items .shop-image{position:relative;z-index:9;padding-top:0;transition:all .4s ease-in-out}
.shop-box-items .shop-image .sale-icon{border-radius:4px;background:var(--main-color2);padding:8px 14px;line-height:1;display:inline-block;font-size:13px;font-weight:700;color:#404A3D;position:absolute;top:-20px;left:-25px}
.shop-box-items .shop-image .discount-icon{border-radius:4px;background:var(--main-color);padding:8px 14px;line-height:1;display:inline-block;font-size:13px;font-weight:700;color:var(--white-color);position:absolute;top:-20px;right:-25px}
.shop-box-items .shop-image .shop-icon{gap:10px;position:absolute;bottom:-2%;left:0;transform:translateY(-50%);right:0;transition:all .4s ease-in-out}
.shop-box-items .shop-image .shop-icon li{transform:scaleX(0);transition:.4s ease-in-out;cursor:pointer}
.shop-box-items .shop-image .shop-icon li a{background-color:var(--white-color);width:37px;height:37px;line-height:37px;display:inline-block;color:#3C3C3C;text-align:center;transition:all .4s ease-in-out;border-radius:50%}
.shop-box-items .shop-image .shop-icon li a:hover{background-color:var(--header);color:var(--white-color)}
.shop-box-items .content{margin-top:40px;transition:all .4s ease-in-out}
@media (max-width: 1199px) {
.shop-box-items .content{margin-top:20px}
}
.shop-box-items .content .star{color:#EDDD5E}
.shop-box-items .content h5{font-size:18px;font-weight:700;margin-top:6px;transition:all .4s ease-in-out}
.shop-box-items .content h5 a:hover{color:var(--main-color)}
.shop-box-items .content ul{display:flex;gap:18px;align-items:center;margin-top:8px;justify-content:center}
.shop-box-items .content ul li{color:#63AB52;font-size:18px;font-weight:800}
.shop-box-items .content ul li del{color:#63ab5299;font-size:18px;font-weight:800}
.shop-box-items.style-inner{padding:15px}
.shop-box-items.style-inner .shop-image{text-align:center}
.shop-box-items.style-inner .shop-image .sale-icon{top:-35px;left:15px}
.shop-box-items.style-inner .shop-image .discount-icon{top:-35px;right:15px}
.shop-box-items:hover{border:1px solid #63AB52}
.shop-box-items:hover .shop-image .shop-icon li{transform:scaleX(1)}
.shop-box-items.style-2{background-color:var(--white-color);box-shadow:none}
.shop-wrapper-2{margin-left:-23%;margin-right:-23%}
@media (max-width: 1199px) {
.shop-wrapper-2{margin-left:0;margin-right:0}
}
.shop-wrapper-2 .shop-card-items{display:flex;align-items:center;justify-content:space-between;border-radius:30px;border:1px solid #EDF2EC;background:#EDF2EC;padding:80px 60px;transition:all .4s ease-in-out;position:relative;z-index:9}
@media (max-width: 1199px) {
.shop-wrapper-2 .shop-card-items{padding:40px;display:block;text-align:center}
}
.shop-wrapper-2 .shop-card-items .discount-icon{border-radius:2px;background:var(--main-color2);padding:10px 14px;line-height:1;display:inline-block;font-size:13px;font-weight:700;color:#0A2803;position:absolute;top:30px;left:0}
@media (max-width: 1199px) {
.shop-wrapper-2 .shop-card-items .shop-content{margin-bottom:30px}
}
.shop-wrapper-2 .shop-card-items .shop-content .star{color:#EDDD5E}
.shop-wrapper-2 .shop-card-items .shop-content h3{font-size:32px;font-weight:700;margin-top:6px}
.shop-wrapper-2 .shop-card-items .shop-content h3 a:hover{color:var(--main-color)}
.shop-wrapper-2 .shop-card-items .shop-content ul{display:flex;gap:18px;align-items:center;margin-top:8px}
@media (max-width: 1199px) {
.shop-wrapper-2 .shop-card-items .shop-content ul{justify-content:center}
}
.shop-wrapper-2 .shop-card-items .shop-content ul li{color:#63AB52;font-size:18px;font-weight:800}
.shop-wrapper-2 .shop-card-items .shop-content ul li del{color:#63ab5299;font-size:18px;font-weight:800}
.shop-wrapper-2 .shop-card-items .shop-content p{max-width:326px;margin-bottom:30px;margin-top:8px}
@media (max-width: 1199px) {
.shop-wrapper-2 .shop-card-items .shop-content p{margin:8px auto 30px}
}
.shop-wrapper-2 .shop-card-items .shop-image{position:relative;z-index:9}
.shop-wrapper-2 .shop-card-items .shop-image img{width:initial;height:initial}
.shop-wrapper-2 .shop-card-items .shop-image .shop-icon{gap:10px;position:absolute;top:50%;left:-60px;transform:translateY(-50%);transition:all .4s ease-in-out}
@media (max-width: 1199px) {
.shop-wrapper-2 .shop-card-items .shop-image .shop-icon{left:50px}
}
.shop-wrapper-2 .shop-card-items .shop-image .shop-icon li{transform:scaleX(0);transition:.4s ease-in-out;cursor:pointer}
.shop-wrapper-2 .shop-card-items .shop-image .shop-icon li a{background-color:var(--white-color);width:47px;height:47px;line-height:47px;display:inline-block;color:#3C3C3C;text-align:center;transition:all .4s ease-in-out;border-radius:50%}
.shop-wrapper-2 .shop-card-items .shop-image .shop-icon li a:hover{background-color:var(--main-color);color:var(--white-color)}
.shop-wrapper-2 .shop-card-items:hover{border:1px solid #63AB52}
.shop-wrapper-2 .shop-card-items:hover .shop-image .shop-icon li{transform:scaleX(1)}
.product-box-items-2{margin-top:30px;text-align:center;position:relative}
.product-box-items-2 .image img{transition:all .4s ease-in-out;display:inline-block}
.product-box-items-2 .content h3{margin-top:30px}
.product-box-items-2 .content h3 a:hover{color:var(--main-color)}
.product-box-items-2 .content p{max-width:283px;margin:10px auto 0}
.product-box-items-2:hover .image img{transform:scaleX(-1)!important}
.product-section-2{position:relative;z-index:9}
.product-section-2 .shape-1{position:absolute;left:0;top:16%}
.product-section-2 .shape-2{position:absolute;right:20px;top:0}
.product-section-2 .shape-3{position:absolute;right:10%;bottom:60px}
.product-section-2 .product-bottom-btn{margin-top:60px}
.product-section-2 .product-bottom-btn .theme-btn{background:transparent;border:1px solid var(--main-color);color:var(--main-color)}
.product-section-2 .letter-image{background-size:cover;background-position:50%;-webkit-background-clip:text;color:transparent;background-image:url(../img/home-2/text.jpg);background-position:7% 546px;background-size:125% auto;font-size:160px;font-weight:900;line-height:1;letter-spacing:-9.6px;animation-duration:1500ms;-webkit-animation-duration:1500ms;margin-bottom:30px;margin-left:100px}
@media (max-width: 1199px) {
.product-section-2 .letter-image{margin-left:0;font-size:120px;text-align:center;letter-spacing:initial}
}
@media (max-width: 991px) {
.product-section-2 .letter-image{font-size:90px}
}
@media (max-width: 767px) {
.product-section-2 .letter-image{font-size:75px}
}
@media (max-width: 575px) {
.product-section-2 .letter-image{font-size:55px}
}
.product-section-2 .letter-image span{display:block;text-align:center}
.delivery-products-box-items-3{margin-top:30px;display:flex;gap:50px;align-items:center;padding:60px 65px;background:var(--white-color);box-shadow:0 11px 50px 11px #01356608;border-radius:12px;border:1px dashed transparent;transition:all .4s ease-in-out}
@media (max-width: 1399px) {
.delivery-products-box-items-3{gap:30px;padding:45px 30px}
}
@media (max-width: 1199px) {
.delivery-products-box-items-3{display:block;text-align:center}
}
.delivery-products-box-items-3 .products-img{max-width:192px;width:100%}
@media (max-width: 1199px) {
.delivery-products-box-items-3 .products-img{margin:0 auto;margin-bottom:30px}
}
.delivery-products-box-items-3 .products-img img{transition-delay:.1s;transition-timing-function:ease-in-out;transition-duration:.7s;transition-property:all;object-fit:cover;width:100%;height:100%}
.delivery-products-box-items-3 .product-content span{font-size:16px;font-weight:700;color:#244F0B}
.delivery-products-box-items-3 .product-content h4{font-size:22px;font-weight:800;margin-top:10px}
.delivery-products-box-items-3 .product-content h4 a:hover{color:var(--main-color)}
.delivery-products-box-items-3 .product-content ul{display:flex;gap:18px;align-items:center;margin-top:8px}
@media (max-width: 1199px) {
.delivery-products-box-items-3 .product-content ul{justify-content:center}
}
.delivery-products-box-items-3 .product-content ul li{color:#63AB52;font-size:18px;font-weight:800}
.delivery-products-box-items-3 .product-content ul li del{color:#3c3c3c69;font-size:18px;font-weight:800}
.delivery-products-box-items-3 .product-content .theme-btn{margin-top:20px;background-color:transparent;border:1px solid #eddd5e;color:var(--header);font-weight:800;height:52px;line-height:52px;padding:0 25px}
.delivery-products-box-items-3 .product-content .theme-btn i{transform:rotate(0deg);margin-right:0;margin-left:10px}
.delivery-products-box-items-3:hover{border:1px dashed var(--main-color)}
.delivery-products-box-items-3:hover .products-img img{transform:scale(1.1) rotate(2deg)}
.delivery-section-3{position:relative;z-index:9}
.delivery-section-3 .left-shape{position:absolute;top:160px;left:86px}
.delivery-section-3 .right-shape{position:absolute;top:120px;right:200px}
.delivery-section-3 .bottom-shape{position:absolute;z-index:-1;right:18%;bottom:40px}
.product-box-section-4 .container{max-width:1731px}
.products-box-items{background-color:#DBDCDA;border-radius:8px;position:relative;z-index:9}
@media (max-width: 575px) {
.products-box-items{text-align:center}
}
.products-box-items .product-content{padding:60px;position:relative;z-index:9}
@media (max-width: 1399px) {
.products-box-items .product-content{padding:35px}
}
.products-box-items .product-content span{font-size:20px;font-weight:800;color:var(--main-color)}
.products-box-items .product-content h3{font-size:40px;font-weight:700;max-width:225px}
@media (max-width: 1399px) {
.products-box-items .product-content h3{font-size:32px}
}
@media (max-width: 575px) {
.products-box-items .product-content h3{margin:0 auto}
}
.products-box-items .product-content .theme-btn{margin-top:20px;background-color:var(--main-color2);color:var(--header);font-weight:800}
.products-box-items .product-content .theme-btn::before{background-color:var(--main-color)}
.products-box-items .product-content .theme-btn i{transform:rotate(0deg);margin-right:0}
.products-box-items .product-content .theme-btn:hover{color:var(--white-color)}
.products-image-box-5{margin-top:30px}
@media (max-width: 575px) {
.products-image-box-5{text-align:center}
}
.products-image-box-5 .thumb{position:relative;transition:all .4s ease-in-out}
.products-image-box-5 .thumb img{width:100%;height:100%;border-radius:8px}
.products-image-box-5 .thumb .theme-btn{background-color:var(--main-color);color:var(--white-color);font-weight:800;position:absolute;top:50%;transform:translateY(-50%);left:30px;right:30px;text-align:center;opacity:0;visibility:hidden;transition:all .4s ease-in-out;max-width:190px;margin:0 auto;padding:0 20px;height:50px;line-height:50px}
.products-image-box-5 .thumb .theme-btn i{transform:rotate(0deg)}
.products-image-box-5 .thumb .theme-btn:hover{color:var(--header)}
.products-image-box-5 .content{margin-top:20px}
.products-image-box-5 .content ul{display:flex;gap:18px}
@media (max-width: 575px) {
.products-image-box-5 .content ul{justify-content:center}
}
.products-image-box-5 .content ul li{color:#63AB52;font-size:18px;font-weight:800}
.products-image-box-5 .content ul li del{color:#63ab5299;font-size:18px;font-weight:800}
.products-image-box-5 .content h3{font-size:24px;font-weight:700;margin-top:6px;transition:all .4s ease-in-out}
.products-image-box-5 .content h3 a:hover{color:var(--main-color)}
.products-image-box-5:hover .thumb .theme-btn{opacity:1;visibility:visible}
.products-section-5{position:relative}
.products-section-5 .shop-shape-1{position:absolute;left:10px;top:10%}
.products-section-5 .shop-shape-2{position:absolute;right:10%;top:10%}
.products-section-5 .shop-shape-3{position:absolute;right:3%;bottom:10%}
.product-box-section-4{position:relative;z-index:999}
.product-box-section-4::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;background:#5B8C51;top:35%;height:initial}
.product-box-section-4.style-about::before{background-color:#EDF2EC}
.shop-section-3{position:relative}
.shop-section-3 .array-button{display:flex;align-items:center;justify-content:space-between;position:absolute;top:50%;transform:translateY(-50%);z-index:99;left:13%;right:13%}
@media (max-width: 1899px) {
.shop-section-3 .array-button{left:4%;right:4%}
}
@media (max-width: 1399px) {
.shop-section-3 .array-button{display:none}
}
.shop-section-3 .array-button .array-prev,.shop-section-3 .array-button .array-next{width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;background:transparent;border:1px solid var(--main-color);color:var(--main-color)}
@media (max-width: 575px) {
.shop-section-3 .section-title-area{text-align:center;justify-content:center}
}
.shop-line-shape{margin-bottom:-20px}
@media (max-width: 991px) {
.shop-line-shape{margin-bottom:-5px;height:62px}
.shop-line-shape img{height:100%}
}
.shop-line-shape img{width:100%}
.product-catagory-section .top-text{font-size:104px;text-align:center;max-width:1010px;margin:0 auto;background:url(../img/home-4/hero/hero-bg.jpg) no-repeat center;background-size:cover;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;text-transform:capitalize}
@media (max-width: 1199px) {
.product-catagory-section .top-text{font-size:90px}
}
@media (max-width: 991px) {
.product-catagory-section .top-text{font-size:65px}
}
@media (max-width: 767px) {
.product-catagory-section .top-text{font-size:56px}
}
@media (max-width: 575px) {
.product-catagory-section .top-text{font-size:45px}
}
@media (max-width: 1199px) {
.product-catagory-section .top-text img{width:100%;height:100%}
}
@media (min-width: 991px) {
.shop-main-sidebar{margin-left:20px}
}
@media (max-width: 991px) {
.shop-main-sidebar{margin-top:40px}
}
.shop-main-sidebar .single-sidebar-widget{box-sizing:border-box;padding:30px;margin-bottom:40px;background-color:transparent;border:1px solid #00000026;border-radius:4px}
.shop-main-sidebar .single-sidebar-widget ul{padding-left:0}
.shop-main-sidebar .single-sidebar-widget ul > li{margin-bottom:10px}
.shop-main-sidebar .single-sidebar-widget ul > li a{font-size:16px;font-weight:500;text-transform:capitalize}
.shop-main-sidebar .single-sidebar-widget ul > li a:hover{color:var(--main-color)}
.shop-main-sidebar .single-sidebar-widget ul ul{padding-left:20px}
.shop-main-sidebar .single-sidebar-widget ul ul li{margin-top:5px}
.shop-main-sidebar .single-sidebar-widget:last-child{margin-bottom:0}
.shop-main-sidebar .single-sidebar-widget .wid-title{margin-bottom:25px;padding-left:45px;position:relative}
.shop-main-sidebar .single-sidebar-widget .wid-title::before{left:0;top:50%;transform:translateY(-50%);content:"";height:4px;width:18px;border-radius:5px;position:absolute;background-color:var(--main-color)}
.shop-main-sidebar .single-sidebar-widget .wid-title::after{left:22px;top:50%;transform:translateY(-50%);content:"";height:4px;width:4px;border-radius:50%;position:absolute;background-color:var(--main-color)}
.shop-main-sidebar .single-sidebar-widget .wid-title h3{font-size:24px;font-weight:400}
.shop-main-sidebar .single-sidebar-widget .social-link a{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;background-color:var(--white-color);font-size:14px;margin-right:5px;margin-bottom:5px}
.shop-main-sidebar .single-sidebar-widget .social-link a:hover{background-color:var(--main-color);color:var(--white-color)}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item,.shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item{overflow:hidden}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item:not(:last-child),.shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item:not(:last-child){margin-bottom:35px}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .thumb,.shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .thumb{height:95px;width:95px;background-color:#f2f2f2;float:left;overflow:hidden;margin-right:20px;border-radius:8px}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content,.shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content{overflow:hidden}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content h5,.shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content h5{font-size:18px;font-weight:500;margin-bottom:0;text-transform:capitalize}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content h5 a:hover,.shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content h5 a:hover{color:var(--main-color)}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content .post-date,.shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content .post-date{margin-top:10px;color:var(--main-color);font-weight:400;font-size:15px;text-transform:capitalize}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content .post-date i,.shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content .post-date i{margin-right:7px}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .thumb,.shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .thumb{border-radius:8px;border:1px solid #3c3c3c2b;background:var(--white-color)}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content,.shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content{overflow:hidden}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content .star,.shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content .star{color:#fbbc05;font-size:14px}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content h4,.shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content h4{font-size:20px;font-weight:500;margin-bottom:0;text-transform:capitalize;margin-top:5px}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content h4 a:hover,.shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content h4 a:hover{color:var(--main-color)}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content p,.shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content p{font-size:16px;font-weight:500;color:var(--main-color);margin-top:5px}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li{display:block}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li:last-child a{margin-bottom:0}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li a{position:relative;background:var(--white-color);padding:17px 20px;line-height:1;font-size:16px;font-family:"Nunito",sans-serif;display:block;margin-bottom:12px;font-weight:600;transition:all .4s ease-in-out;border:1px solid #00000026;border-radius:4px}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li a:hover{color:var(--main-color)}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li a i{margin-right:10px}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li a span{position:absolute;width:60px;line-height:55px;height:100%;content:"";background-color:var(--main-color);right:0;top:0;text-align:center;color:var(--white-color);border-top-right-radius:4px;border-bottom-right-radius:4px}
.shop-main-sidebar .tagcloud a{display:inline-block;padding:12px 22px;line-height:1;font-weight:600;font-size:14px;border:1px solid #00000026;margin-right:8px;text-transform:capitalize;margin-bottom:10px;border-radius:4px}
.shop-main-sidebar .tagcloud a:last-child{margin-right:0}
.shop-main-sidebar .tagcloud a:hover{background-color:var(--main-color);color:var(--white-color)}
.shop-main-sidebar .search_widget form{width:100%;position:relative}
.shop-main-sidebar .search_widget form input{background-color:var(--white-color);font-size:15px;padding:20px;width:100%;border:none;text-transform:capitalize;color:var(--header);border:1px solid #00000026;border-radius:4px}
.shop-main-sidebar .search_widget form button{position:absolute;right:0;top:0;width:70px;font-size:18px;height:100%;background-color:var(--main-color);color:var(--white-color);text-align:center;transition:all .3s ease-in-out;border-top-right-radius:4px;border-bottom-right-radius:4px}
.shop-main-sidebar .search_widget form button:hover{background-color:var(--header)}
.price-range-wrapper .slider-container{position:relative;width:100%}
.price-range-wrapper .price-text label{color:#1b1f2a;font-size:16px;font-weight:500}
.price-range-wrapper .price-text input{color:#1b1f2a;font-size:16px;font-weight:500;background-color:transparent}
.price-range-wrapper .slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#ddd;outline:none;position:absolute;top:0;pointer-events:none}
.price-range-wrapper .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--main-color);cursor:pointer;border:2px solid #fff;position:relative;z-index:2;pointer-events:all}
.price-range-wrapper .slider::-moz-range-thumb{width:20px;height:20px;background:var(--main-color);cursor:pointer;border-radius:4px;border:2px solid #000;z-index:2;position:relative}
.price-range-wrapper .slider::-ms-thumb{width:20px;height:20px;background:var(--main-color);cursor:pointer;border-radius:4px;border:2px solid #000;z-index:2;position:relative}
.price-range-wrapper input[type=range]::-moz-range-track{background:transparent}
.shop-notices-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
@media (max-width: 1199px) {
.shop-notices-wrapper{flex-wrap:wrap;gap:30px}
}
.shop-notices-wrapper .form .single-select{padding:16px 20px;border:none;font-size:16px;font-weight:400;outline:none;line-height:1;height:initial;border:1px solid #BFBFBF;background:#F2F2F2;color:var(--header);border-radius:5px}
.shop-notices-wrapper .form .single-select::after{right:20px;border-bottom:2px solid var(--header);border-right:2px solid var(--header);margin-top:-5px;width:8px;height:8px}
.shop-notices-wrapper .form .single-select .option{color:var(--text)}
.shop-notices-wrapper .form .list{width:100%}
.shop-notices-wrapper .form-clt{max-width:300px;width:100%;position:relative;z-index:99}
.common-table{min-width:-moz-max-content;min-width:max-content;width:100%;overflow:hidden;box-sizing:border-box}
.common-table .cart-item-thumb{width:86px}
@media (max-width: 1399px) {
.common-table .cart-item-thumb{flex-wrap:wrap}
}
.common-table .cart-item-thumb .head{color:var(--header);font-size:20px;text-transform:capitalize;font-family:"Nunito",sans-serif;font-weight:400}
.common-table .price-usd{font-size:16px;font-weight:500;color:#666C78}
.common-table tr{border-bottom:1px solid #E4E4E5}
.common-table thead,.common-table tbody{width:100%}
.common-table thead tr,.common-table tbody tr{width:100%;display:flex;box-sizing:border-box}
.common-table thead tr th,.common-table thead tr td,.common-table tbody tr th,.common-table tbody tr td{width:100%;box-sizing:border-box}
.common-table thead tr{color:#1B1F2A;border-bottom:unset;border-radius:16px 16px 0 0;border-bottom:1px solid #E4E4E5}
.common-table thead tr th{background:unset;color:unset;border:unset;font-size:16px;padding-bottom:16px}
.common-table tbody tr td{background:transparent;color:unset;box-sizing:border-box;border-bottom:unset}
.quantity button i{font-size:16px}
.quantity .quantityValue{width:40px;text-align:center;padding:0;color:#000;border:unset}
@media (max-width: 767px) {
.cart-list-area .table-responsive{overflow-x:scroll}
}
@media (max-width: 991px) {
.cart-list-area .table-responsive .table{width:900px}
}
.cart-list-area .coupon-items input{background:#fff;border:1px solid #3c3c3c4d;padding:18px 30px;color:var(--text);line-height:1;border-radius:60px}
.cart-list-area .theme-btn{transition:all .4s ease-in-out}
.cart-list-area .theme-btn::before{background-color:var(--header)}
.cart-list-area .theme-btn:hover{color:var(--white-color)}
.cart-total-area{margin-top:-10px}
.cart-total-area .theme-btn::before{background-color:var(--header)}
.cart-total-area .theme-btn:hover{color:var(--white-color)}
.cart-total-area h3{font-size:40px;margin-bottom:5px}
.cart-total-area ul{margin-bottom:50px}
.cart-total-area ul li{font-size:20px;font-weight:600;color:var(--header);display:flex;align-items:center;gap:220px;border-bottom:1px solid #E4E4E5;padding-bottom:25px;padding-top:25px}
.cart-total-area ul li .subtotal{color:#666C78;font-weight:400;margin-left:-30px}
.cart-total-area ul li .price{font-weight:700;font-size:22px;flex-basis:30%}
.checkout-radio{box-shadow:0 6px 30px #0000000f;border-radius:5px;padding:24px}
.checkout-radio .primary-text{font-size:24px;font-weight:500;line-height:150%;margin-bottom:16px;color:var(--header);text-transform:capitalize}
.checkout-radio h4{color:var(--header);margin-bottom:16px;font-weight:500}
.checkout-radio .checkout-radio-wrapper .checkout-radio-single .form-check-input{border-radius:50%;width:18px;height:18px;box-shadow:none;outline:none;border:1px solid var(--border);font-weight:500}
.checkout-radio .checkout-radio-wrapper .checkout-radio-single label{color:var(--header);text-transform:capitalize}
.checkout-radio .checkout-radio-wrapper .checkout-radio-single:not(:last-child){margin-bottom:12px}
@media (max-width: 500px) {
.checkout-radio{padding:10px}
}
.checkout-single-wrapper .checkout-single h4{color:var(--header);margin-bottom:2rem;font-weight:500}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single textarea,.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .country-select,.checkout-single-wrapper .checkout-single .checkout-single-form .input-single input{width:100%;outline:none;box-shadow:none;border:1px solid var(--border);border-radius:5px;padding:12px 24px;color:var(--header);text-transform:capitalize;font-weight:500}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single label{color:var(--header);font-size:18px;text-transform:capitalize;margin-bottom:10px;font-weight:500}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single ::placeholder{color:var(--header)}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select{background-color:var(--white-color)}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select span{font-size:18px;color:var(--header);font-weight:500}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select::after{border-right:1px solid var(--header);border-bottom:1px solid var(--header)}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select .list{width:100%}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select .option{background-color:var(--bg);border:none}
.checkout-single-wrapper .checkout-single .checkout-single-form .payment{color:var(--header);margin-bottom:12px;text-transform:capitalize}
.checkout-single-wrapper .boxshado-single{box-shadow:0 6px 30px #0000000f;border-radius:5px;padding:32px;margin-bottom:24px}
@media (max-width: 575px) {
.checkout-single-wrapper .boxshado-single{padding:14px}
}
.checkout-single-wrapper .checkout-single-bg{box-shadow:0 6px 30px #0000000f;border-radius:5px;padding:32px}
.checkout-single-wrapper .checkout-single-bg .checkout-single-form .input-single textarea,.checkout-single-wrapper .checkout-single-bg .checkout-single-form .input-single .country-select,.checkout-single-wrapper .checkout-single-bg .checkout-single-form .input-single input{border:1px solid var(--border);background:transparent;text-transform:capitalize}
@media (max-width: 575px) {
.checkout-single-wrapper .checkout-single-bg{padding:14px}
}
.checkout-single-wrapper .checkout-single-bg .payment-save{display:flex;align-items:center;gap:10px;margin-top:20px}
.checkout-single-wrapper .checkout-single-bg .payment-save input{width:24px;height:24px;border-radius:4px;border:1px solid var(--border);background-color:var(--main-color);outline:none;color:var(--header)}
.checkout-single-wrapper .checkout-single-bg .payment-save label{font-size:16px;font-weight:500;text-transform:capitalize}
.checkout-single-wrapper .theme-btn::before{background-color:var(--header)}
.checkout-single-wrapper .theme-btn:hover{color:var(--white-color)}
.shop-details-wrapper .shop-details-image{position:relative}
.shop-details-wrapper .shop-details-image img{width:100%;height:100%}
.shop-details-wrapper .shop-details-image .nav{display:flex;align-items:center;gap:15px;margin-top:10px;justify-content:center;position:relative;z-index:9}
.shop-details-wrapper .shop-details-image .nav .nav-link{padding:0;max-width:115px;border:1px solid #3c3c3c2b;border-radius:12px}
.shop-details-wrapper .shop-details-image .nav .nav-link img{border-radius:12px}
.shop-details-wrapper .shop-details-image .shop-thumb{box-shadow:0 11px 50px 11px #0135660d;border-radius:12px}
.shop-details-wrapper .shop-details-image .shop-thumb img{width:100%;height:100%;border-radius:12px}
.shop-details-wrapper .product-details-content{margin-left:60px}
@media (max-width: 1399px) {
.shop-details-wrapper .product-details-content{margin-left:30px}
}
@media (max-width: 991px) {
.shop-details-wrapper .product-details-content{margin-left:0}
}
.shop-details-wrapper .product-details-content h2{font-size:49px}
@media (max-width: 767px) {
.shop-details-wrapper .product-details-content h2{font-size:42px}
}
@media (max-width: 575px) {
.shop-details-wrapper .product-details-content h2{font-size:32px}
}
.shop-details-wrapper .product-details-content .star a{color:#eddd5e;font-size:16px;font-weight:600}
.shop-details-wrapper .product-details-content .star span{margin-left:10px}
.shop-details-wrapper .product-details-content .price-list{gap:20px;border-bottom:1px solid var(--border);padding-bottom:30px;margin-top:30px}
.shop-details-wrapper .product-details-content .price-list ul{display:flex;gap:25px;margin-top:10px}
.shop-details-wrapper .product-details-content .price-list ul li{font-size:40px;color:var(--header);font-family:"Nunito",sans-serif}
.shop-details-wrapper .product-details-content .price-list ul li del{color:var(--main-color)}
.shop-details-wrapper .product-details-content .cart-quantity{display:flex;align-items:center;gap:16px;margin:30px 0}
@media (max-width: 1199px) {
.shop-details-wrapper .product-details-content .cart-quantity{flex-wrap:wrap}
}
.shop-details-wrapper .product-details-content .cart-quantity .qty{display:flex;align-items:center;border:1px solid #E4E4E5;padding:16px 24px;line-height:1;justify-content:space-between;border-radius:8px}
@media (max-width: 575px) {
.shop-details-wrapper .product-details-content .cart-quantity .qty{width:100%}
}
.shop-details-wrapper .product-details-content .cart-quantity .qty button,.shop-details-wrapper .product-details-content .cart-quantity .qty input{display:flex;align-items:center;justify-content:center;color:var(--header);font-weight:400;font-size:24px}
.shop-details-wrapper .product-details-content .cart-quantity .qty input{background-color:transparent;text-align:center;border-radius:0;border:unset;outline:none}
.shop-details-wrapper .product-details-content .cart-quantity .shop-btn{width:100%;background-color:var(--main-color);color:var(--white-color);padding:0 20px;height:65px;line-height:65px!important;text-align:center;line-height:1;display:inline-block;transition:all .4s ease-in-out;display:inline-block;text-transform:capitalize;border-radius:8px}
.shop-details-wrapper .product-details-content .cart-quantity .shop-btn i{margin-right:10px}
.shop-details-wrapper .product-details-content .cart-quantity .shop-btn::before{background-color:var(--header)}
.shop-details-wrapper .product-details-content .cart-quantity .icon-item{display:flex;align-items:center;gap:10px}
.shop-details-wrapper .product-details-content .cart-quantity .icon-item .icon{border:1px solid #E4E4E5;padding:16px 24px;transition:all .4s ease-in-out;border-radius:8px}
.shop-details-wrapper .product-details-content .cart-quantity .icon-item .icon:hover{background-color:var(--main-color);color:var(--white-color)}
.shop-details-wrapper .product-details-content .details-info{position:relative}
.shop-details-wrapper .product-details-content .details-info:not(:last-child){margin-bottom:10px}
.shop-details-wrapper .product-details-content .details-info span{font-size:16px;font-weight:600;text-transform:capitalize;position:absolute;left:0;top:2px}
.shop-details-wrapper .product-details-content .details-info a{font-size:16px;font-weight:500;color:var(--text);margin-left:150px;text-transform:capitalize}
.shop-details-wrapper .single-tab{padding-top:60px}
.shop-details-wrapper .single-tab .nav{justify-content:center;border-bottom:1px solid var(--border);padding-bottom:20px}
.shop-details-wrapper .single-tab .nav .nav-link.active{position:relative}
.shop-details-wrapper .single-tab .nav .nav-link.active h6{color:var(--main-color)}
.shop-details-wrapper .single-tab .nav .nav-link.active::before{position:absolute;bottom:-21px;left:0;height:2px;width:100%;content:"";background:var(--main-color);transition:.3s}
@media (max-width: 470px) {
.shop-details-wrapper .single-tab .nav .nav-link.active::before{display:none}
}
.shop-details-wrapper .single-tab .nav .nav-link h6{font-size:18px;text-transform:capitalize}
.shop-details-wrapper .single-tab .description-items .description-content{margin-right:50px}
@media (max-width: 1399px) {
.shop-details-wrapper .single-tab .description-items .description-content{margin-right:30px}
}
@media (max-width: 991px) {
.shop-details-wrapper .single-tab .description-items .description-content{margin-right:0}
}
.shop-details-wrapper .single-tab .description-items .description-content h3{margin-bottom:15px}
.shop-details-wrapper .single-tab .description-items .description-content .description-list-items{margin-top:30px}
@media (max-width: 575px) {
.shop-details-wrapper .single-tab .description-items .description-content .description-list-items{flex-wrap:wrap;gap:30px}
}
.shop-details-wrapper .single-tab .description-items .description-content .description-list-items .description-list li{font-size:16px;text-transform:capitalize;color:var(--header);font-weight:600}
.shop-details-wrapper .single-tab .description-items .description-content .description-list-items .description-list li span{color:var(--text);font-weight:400}
@media (max-width: 767px) {
.shop-details-wrapper .single-tab .review-items .admin-items{justify-content:center;gap:30px}
}
.shop-details-wrapper .single-tab .review-items .admin-items .admin-img{width:100px;height:100px}
@media (max-width: 575px) {
.shop-details-wrapper .single-tab .review-items .admin-items .admin-img{text-align:center;margin:0 0 0 auto !important;margin-left:0!important}
}
.shop-details-wrapper .single-tab .review-items .admin-items .admin-img img{border-radius:50%}
.shop-details-wrapper .single-tab .review-items .admin-items .content{position:relative;border:1px solid var(--border)}
@media (max-width: 575px) {
.shop-details-wrapper .single-tab .review-items .admin-items .content{text-align:center!important}
}
.shop-details-wrapper .single-tab .review-items .admin-items .content h5{text-transform:capitalize}
.shop-details-wrapper .single-tab .review-items .admin-items .content::before{position:absolute;content:"";width:30px;height:30px;background-color:var(--white-color);border-left:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg);top:40%;left:-16px}
@media (max-width: 575px) {
.shop-details-wrapper .single-tab .review-items .admin-items .content::before{display:none}
.shop-details-wrapper .single-tab .review-items .admin-items .content .head-content{display:block!important;text-align:center}
}
.shop-details-wrapper .single-tab .review-items .admin-items .content .head-content h5 span{font-size:14px;margin-left:30px}
@media (max-width: 575px) {
.shop-details-wrapper .single-tab .review-items .admin-items .content .head-content h5 span{display:block!important;margin-left:0!important}
}
.shop-details-wrapper .single-tab .review-items .admin-items .content .star i{font-size:16px;color:var(--main-color)}
.shop-details-wrapper .single-tab .review-title h4{font-weight:500;text-transform:capitalize}
.shop-details-wrapper .single-tab .review-title .rate-now{margin-top:15px;gap:15px}
.shop-details-wrapper .single-tab .review-title .rate-now p{font-size:16px;text-transform:capitalize}
.shop-details-wrapper .single-tab .review-title .rate-now i{font-size:16px;color:var(--main-color)}
.shop-details-wrapper .single-tab .review-form{margin-top:40px}
.shop-details-wrapper .single-tab .review-form .form-clt input{width:100%;outline:none;border:none;padding:18px 35px;color:var(--text);background-color:#f5f5f5;font-size:16px;text-transform:capitalize;border-radius:8px}
@media (max-width: 575px) {
.shop-details-wrapper .single-tab .review-form .form-clt input{padding:15px 20px}
}
.shop-details-wrapper .single-tab .review-form .form-clt-big textarea{padding:18px 35px 170px;width:100%;outline:none;color:var(--text);background-color:#f5f5f5;font-size:16px;border:none;border-radius:8px;text-transform:capitalize}
@media (max-width: 575px) {
.shop-details-wrapper .single-tab .review-form .form-clt-big textarea{padding:15px 20px}
}
.shop-details-wrapper .single-tab .review-form .theme-btn::before{background-color:var(--header)}
.shop-details-wrapper .single-tab .review-form .theme-btn:hover{color:var(--white-color)}
.project-wrapper-2{margin-left:-10%;margin-right:-10%}
@media (max-width: 1199px) {
.project-wrapper-2{margin-left:0;margin-right:0}
}
.project-wrapper-2 .project-image-items-2{position:relative;z-index:9;margin-top:30px;border-radius:12px;overflow:hidden;height:658px}
@media (max-width: 1600px) {
.project-wrapper-2 .project-image-items-2{height:500px}
}
.project-wrapper-2 .project-image-items-2 img{width:100%;height:100%;border-radius:12px;transition-delay:.1s;transition-timing-function:ease-in-out;transition-duration:.7s;transition-property:all;object-fit:cover}
.project-wrapper-2 .project-image-items-2 .content{background-color:var(--main-color2);border-radius:4px;padding:30px;max-width:480px;position:absolute;bottom:-100px;left:30px;right:30px;opacity:0;visibility:hidden;transition:all .4s ease-in-out}
@media (max-width: 575px) {
.project-wrapper-2 .project-image-items-2 .content{text-align:center}
}
.project-wrapper-2 .project-image-items-2 .content span{font-size:15px;font-weight:600;color:#404A3D}
.project-wrapper-2 .project-image-items-2 .content h3{font-size:24px;font-weight:700;margin-top:5px}
.project-wrapper-2 .project-image-items-2 .content h3 a:hover{color:var(--main-color)}
.project-wrapper-2 .project-image-items-2 .content p{font-weight:500;margin-top:5px}
.project-wrapper-2 .project-image-items-2 .content .circle-icon{background-color:var(--main-color);width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;color:var(--white-color);display:inline-block;margin-top:20px}
.project-wrapper-2 .project-image-items-2:hover .content{opacity:1;visibility:visible;bottom:30px}
.project-wrapper-2 .project-image-items-2:hover img{transform:scale(1.1) rotate(2deg)}
.project-wrapper-5{margin-left:-16%;margin-right:-5%}
@media (max-width: 1199px) {
.project-wrapper-5{margin-left:0;margin-right:0}
}
.project-wrapper-5 .project-thumb-items-5{position:relative;z-index:9;overflow:hidden;margin-top:30px}
@media (max-width: 1399px) {
.project-wrapper-5 .project-thumb-items-5{height:520px}
.project-wrapper-5 .project-thumb-items-5 img{object-fit:cover}
}
.project-wrapper-5 .project-thumb-items-5 img{width:100%;height:100%;border-radius:28px}
.project-wrapper-5 .project-thumb-items-5 .project-content{background-color:var(--main-color2);padding:28px;position:absolute;bottom:20px;left:20px;right:20px;border-radius:4px;transition:all .4s ease-in-out}
@media (max-width: 575px) {
.project-wrapper-5 .project-thumb-items-5 .project-content{text-align:center}
}
.project-wrapper-5 .project-thumb-items-5 .project-content .project-text{font-size:15px;font-weight:600;color:#404A3D}
.project-wrapper-5 .project-thumb-items-5 .project-content .text-title{font-size:24px;font-weight:700;color:#404A3D}
.project-wrapper-5 .project-thumb-items-5 .content{background-color:var(--main-color2);padding:40px;position:absolute;bottom:20px;left:20px;right:20px;border-radius:4px;transition:all .4s ease-in-out;opacity:0;visibility:hidden;transform:translateY(80%)}
@media (max-width: 991px) {
.project-wrapper-5 .project-thumb-items-5 .content{padding:28px}
}
@media (max-width: 575px) {
.project-wrapper-5 .project-thumb-items-5 .content{text-align:center}
}
.project-wrapper-5 .project-thumb-items-5 .content .span{font-size:15px;font-weight:600;color:#404A3D}
.project-wrapper-5 .project-thumb-items-5 .content h3{font-size:24px;font-weight:700;margin-top:10px}
.project-wrapper-5 .project-thumb-items-5 .content h3 a{color:#404A3D}
.project-wrapper-5 .project-thumb-items-5 .content h3 a:hover{color:var(--main-color)}
.project-wrapper-5 .project-thumb-items-5 .content p{max-width:291px;margin-top:7px;color:#404A3D}
.project-wrapper-5 .project-thumb-items-5 .content .circle-icon{background-color:#244F0B;width:45px;height:45px;line-height:45px;text-align:center;border-radius:50%;color:var(--white-color);display:inline-block;margin-top:20px}
.project-wrapper-5 .project-thumb-items-5:hover .content{transform:translateY(0px);opacity:1;visibility:visible}
.project-wrapper-5 .project-thumb-items-5:hover .text-title{opacity:0;visibility:hidden}
.gallery-image-box-3{position:relative;border-radius:28px;overflow:hidden;margin-top:30px}
.gallery-image-box-3 img{width:100%;height:100%;border-radius:28px;transition-delay:.1s;transition-timing-function:ease-in-out;transition-duration:.7s;transition-property:all;object-fit:cover}
.gallery-image-box-3 .content{border-radius:4px;background:var(--main-color2);padding:20px 24px;display:inline-block;position:absolute;bottom:-100px;left:20px;line-height:1;opacity:0;visibility:hidden;transition:all .4s ease-in-out}
@media (max-width: 575px) {
.gallery-image-box-3 .content{text-align:center;right:0;width:calc(100% - 40px)}
}
.gallery-image-box-3 .content p{font-size:15px;font-weight:600;color:#404A3D}
.gallery-image-box-3 .content h3{font-weight:700;margin-top:5px}
.gallery-image-box-3 .content h3 a{color:#404A3D}
.gallery-image-box-3 .content h3 a:hover{color:var(--main-color)}
.gallery-image-box-3:hover .content{opacity:1;visibility:visible;bottom:20px}
.gallery-image-box-3:hover img{transform:scale(1.1) rotate(2deg)}
.project-details-wrapper .main-sideber .sideber-box{padding:30px 28px;background-color:#edf2ec;border-radius:28px;margin-bottom:30px}
@media (max-width: 1399px) {
.project-details-wrapper .main-sideber .sideber-box{margin-bottom:30px;padding:30px 28px}
}
.project-details-wrapper .main-sideber .sideber-box .service-categories{margin-top:30px}
.project-details-wrapper .main-sideber .sideber-box .service-categories li{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:500;color:#5c6672}
.project-details-wrapper .main-sideber .sideber-box .service-categories li:not(:last-child){border-bottom:1px solid #22303540;padding-bottom:20px;margin-bottom:20px}
.project-details-wrapper .main-sideber .sideber-box .service-categories li span i{color:#5c6672;margin-left:5px;transform:rotate(-45deg)}
.project-details-wrapper .main-sideber .sideber-box .service-categories li:hover a{color:var(--main-color)}
.project-details-wrapper .main-sideber .sidebar-widget-image{position:relative;z-index:9999}
@media (max-width: 1199px) {
.project-details-wrapper .main-sideber .sidebar-widget-image{height:420px}
}
.project-details-wrapper .main-sideber .sidebar-widget-image::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";border-radius:28px;background-color:#63ab52de}
.project-details-wrapper .main-sideber .sidebar-widget-image img{width:100%;height:100%;border-radius:28px}
.project-details-wrapper .main-sideber .sidebar-widget-image .content{position:absolute;top:90px;bottom:45px;left:25px;right:25px;z-index:22;text-align:center}
.project-details-wrapper .main-sideber .sidebar-widget-image .content h3{font-size:30px;font-weight:800;color:var(--white-color);margin-bottom:10px}
@media (max-width: 1199px) {
.project-details-wrapper .main-sideber .sidebar-widget-image .content h3{font-size:25px;line-height:130%}
}
.project-details-wrapper .main-sideber .sidebar-widget-image .content p{color:var(--white-color);max-width:265px;margin:0 auto}
.project-details-wrapper .main-sideber .sidebar-widget-image .content .theme-btn{background:var(--main-color2);margin-top:30px;color:var(--header)}
.project-details-wrapper .main-sideber .sidebar-widget-image .content .theme-btn::before{background-color:var(--main-color)}
.project-details-wrapper .main-sideber .sidebar-widget-image .content .theme-btn:hover{color:var(--white-color)}
.project-details-wrapper .project-details-content .project-img img{width:100%;height:100%;border-radius:28px}
.project-details-wrapper .project-details-content h2{margin-top:20px}
.project-details-wrapper .project-details-content h3{font-size:34px;font-weight:700;margin-top:25px}
.project-details-wrapper .project-details-content .list-items{display:flex;align-items:center;gap:60px;margin-top:30px}
@media (max-width: 1399px) {
.project-details-wrapper .project-details-content .list-items{gap:30px;flex-wrap:wrap}
}
.project-details-wrapper .project-details-content .list-items ul li{font-size:18px;font-weight:500;color:#0A2803}
.project-details-wrapper .project-details-content .list-items ul li:not(:last-child){margin-bottom:20px}
.project-details-wrapper .project-details-content .list-items ul li i{margin-right:7px;color:var(--main-color)}
.project-section-5 .swiper-dot2{position:relative;z-index:99}
.project-section-5 .swiper-dot2 .swiper-pagination-bullet{width:14px;height:14px;transition:.6s;background-color:transparent;border:1px solid var(--main-color);opacity:1;border-radius:14px}
.project-section-5 .swiper-dot2 .swiper-pagination-bullet:not(:last-child){margin-right:5px}
.project-section-5 .swiper-dot2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--main-color);transition:.6s;position:relative}
::-webkit-scrollbar{width:6px;height:4px}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px var(--main-color);border-radius:5px}
::-webkit-scrollbar-thumb{background:var(--main-color);border-radius:10px}
.fix{overflow:hidden}
.ralt{position:relative}
.ripple{position:relative}
.ripple::before,.ripple::after{position:absolute;left:50%;top:50%;width:80px;height:80px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);border-radius:50%;box-shadow:0 0 0 0 #ffffffe6;animation:rippleOne 3s infinite}
.ripple::before{-webkit-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute;right:0;bottom:0}
.ripple::after{-webkit-animation-delay:.6s;animation-delay:.6s;content:"";position:absolute;right:0;bottom:0}
.swiper-dot{text-align:center;margin:50px auto 0;position:relative;z-index:9}
.swiper-dot .swiper-pagination-bullet{background-color:transparent;border:1px solid var(--main-color);width:22px;height:22px;opacity:1}
.swiper-dot .swiper-pagination-bullet:not(:last-child){margin-right:7px}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--main-color);transition:.6s;position:relative;border:2px solid var(--main-color)}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before{position:absolute;width:18px;height:18px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:transparent;border:2px solid var(--white-color);content:""}
.array-button{display:flex;align-items:center;gap:18px}
.array-button .array-prev,.array-button .array-next{width:60px;height:60px;line-height:60px;text-align:center;border-radius:50%;background-color:var(--white-color);transition:all .4s ease-in-out}
.array-button .array-prev:hover,.array-button .array-next:hover{background-color:var(--main-color);color:var(--white-color)}
.array-button.style-2 .array-prev{border:1px solid var(--border)}
.array-button.style-2 .array-next{border:1px solid var(--main-color);background-color:var(--main-color);color:var(--white-color)}
.array-button.style-2 .array-next:hover{background-color:var(--header)}
@media (max-width: 575px) {
br{display:none}
}
.bg-cover{background-repeat:no-repeat;background-size:cover;position:relative;background-position:center}
.sticky-style{position:sticky!important;top:100px}
.box-shadow{box-shadow:var(---box-shadow)}
.custom-container{max-width:1560px;margin:0 auto}
.custom-container-33{max-width:1319px;margin:0 auto}
.custom-container-2{max-width:1568px;margin:0 auto}
.slide-transtion{-webkit-transition-timing-function:linear;transition-timing-function:linear}
.brand-slide-element{width:auto;display:inline-block}
.footer-info-container{max-width:1436px}
@media (max-width: 991px) {
.lg-center{justify-content:center;text-align:center}
}
.swiper-dot4 .swiper-pagination-bullet{width:7px;height:7px;transition:.6s;background-color:#818181;opacity:1;border-radius:100%;position:relative}
.swiper-dot4 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--main-color);transition:.6s;position:relative;width:30px;border-radius:30px}
.custom-container-3{max-width:1768px;margin:0 auto}
.text-color{color:var(--text)!important}
.sec-bg-4{background-color:#0E1445}
.swiper-dot3 .swiper-pagination-bullet{width:14px;height:14px;transition:.6s;background-color:transparent;border:1px solid var(--main-color2);border-radius:14px;opacity:1;position:relative}
.swiper-dot3 .swiper-pagination-bullet:not(:last-child){margin-right:15px}
.swiper-dot3 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--main-color2);border:1px solid var(--main-color2);transition:.6s;position:relative;width:14px;height:14px;border-radius:14px}
.swiper-dot3 .swiper-pagination-bullet.swiper-pagination-bullet-active::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";border:1px solid var(--main-color2);width:22px;height:22px;border-radius:22px;left:50%;top:50%;transform:translate(-50%,-50%)}
.page-nav-wrap{margin-top:60px}
.page-nav-wrap ul li{display:inline-block}
.page-nav-wrap ul li.active .page-numbers{background-color:var(--main-color);color:var(--white-color);border:1px solid var(--main-color)}
.page-nav-wrap ul li .page-numbers{display:inline-block;width:48px;height:48px;text-align:center;line-height:48px;border-radius:100px;border:1px solid var(--main-color);background:transparent;color:var(--main-color);font-weight:600;font-size:18px;transition:all .3s ease-in-out;margin:0 5px}
.page-nav-wrap ul li .page-numbers.current{background-color:var(--main-color);color:var(--white-color)}
.page-nav-wrap ul li .page-numbers i{margin-top:2px}
.page-nav-wrap ul li .page-numbers:hover{background-color:var(--main-color);color:var(--white-color);border:1px solid var(--main-color)}
.sticky-style{position:sticky!important;top:100px}
.team-wrapper-3{margin-right:-26%}
@media (max-width: 1399px) {
.team-wrapper-3{margin-right:0}
}
@media (max-width: 1199px) {
.team-wrapper-3{margin-right:-25%}
}
@media (max-width: 991px) {
.team-wrapper-3{margin-right:0}
}
@media (max-width: 575px) {
.team-wrapper-3 .team-left-content{text-align:center}
}
.team-wrapper-3 .team-left-content .team-text{margin-top:25px}
@media (max-width: 1399px) {
.team-wrapper-3 .team-left-content .team-text br{display:none}
}
.team-wrapper-3 .team-left-content .array-button{display:flex;align-items:center;gap:8px;margin-top:50px}
@media (max-width: 767px) {
.team-wrapper-3 .team-left-content .array-button{margin-top:30px}
}
@media (max-width: 575px) {
.team-wrapper-3 .team-left-content .array-button{display:none}
}
.team-wrapper-3 .team-left-content .array-button .array-prev,.team-wrapper-3 .team-left-content .array-button .array-next{width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;background:transparent;border:1px solid var(--main-color);color:var(--main-color)}
.team-wrapper-3 .team-left-content .array-button .array-prev:hover,.team-wrapper-3 .team-left-content .array-button .array-next:hover{background-color:var(--main-color);color:var(--white-color)}
.team-wrapper-3 .team-image-box-items .team-image{position:relative;z-index:9;overflow:hidden}
.team-wrapper-3 .team-image-box-items .team-image .text{text-align:center;position:absolute;left:0;right:0;bottom:20px;font-size:16px;font-weight:700;color:var(--main-color);transition:all .4s ease-in-out;opacity:0;visibility:hidden}
@media (max-width: 991px) {
.team-wrapper-3 .team-image-box-items .team-image .text{color:#fff}
}
.team-wrapper-3 .team-image-box-items .team-image::before{position:absolute;top:71%;bottom:0;left:-20px;right:0;content:"";border-radius:50%;width:115%;height:100%;background-color:var(--main-color2);border-bottom-left-radius:28px;border-bottom-right-radius:28px;transition:all .4s ease-in-out;opacity:0;visibility:hidden}
@media (max-width: 991px) {
.team-wrapper-3 .team-image-box-items .team-image::before{display:none}
}
.team-wrapper-3 .team-image-box-items .team-image .social-icon{display:flex;align-items:center;gap:10px;justify-content:center;position:absolute;bottom:50px;left:0;right:0;transition:all .4s ease-in-out;opacity:0;visibility:hidden}
.team-wrapper-3 .team-image-box-items .team-image .social-icon a{width:48px;height:48px;line-height:48px;text-align:center;border-radius:50%;background-color:var(--white-color);text-align:center;color:var(--main-color);display:inline-block}
@media (max-width: 991px) {
.team-wrapper-3 .team-image-box-items .team-image .social-icon a{margin-top:0!important}
}
.team-wrapper-3 .team-image-box-items .team-image .social-icon a:hover{background-color:var(--main-color);color:var(--white-color)}
.team-wrapper-3 .team-image-box-items .team-image img{width:100%;height:100%;border-radius:28px}
.team-wrapper-3 .team-image-box-items .team-content{margin-top:20px;text-align:center}
.team-wrapper-3 .team-image-box-items .team-content p{font-size:15px;font-weight:600}
.team-wrapper-3 .team-image-box-items .team-content h3{font-weight:700}
.team-wrapper-3 .team-image-box-items .team-content h3 a:hover{color:var(--main-color)}
.team-wrapper-3 .team-image-box-items:hover .team-image::before{opacity:1;visibility:visible}
.team-wrapper-3 .team-image-box-items:hover .team-image .text{opacity:1;visibility:visible}
.team-wrapper-3 .team-image-box-items:hover .team-image .social-icon{opacity:1;visibility:visible}
.team-box-items-4{margin-top:30px}
.team-box-items-4 .team-image{position:relative;overflow:hidden}
.team-box-items-4 .team-image::after{background:linear-gradient(90deg,rgba(var(--white-color-rgb,255,255,255),0.13) 0px,rgba(var(--white-color-rgb,255,255,255),0.13) 77%,rgba(var(--white-color-rgb,255,255,255),0.3) 92%,rgba(var(--white-color-rgb,255,255,255),0));content:"";height:200%;left:-210%;opacity:0;position:absolute;top:-50%;transition:all .5s ease 0s;transition-property:all;transition-duration:.5s;transition-timing-function:ease;width:200%}
.team-box-items-4 .team-image img{width:100%;height:100%;transition:all .4s ease-in-out;border-radius:28px}
.team-box-items-4 .team-content{margin-top:30px;position:relative}
@media (max-width: 575px) {
.team-box-items-4 .team-content{text-align:center}
}
.team-box-items-4 .team-content p{color:var(--text)}
.team-box-items-4 .team-content h3{margin-bottom:5px}
@media (max-width: 575px) {
.team-box-items-4 .team-content h3{font-size:22px}
}
.team-box-items-4 .team-content h3 a:hover{color:var(--main-color)}
.team-box-items-4 .team-content .social-profile{position:absolute;right:30px;bottom:74px;content:"";-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;z-index:2;display:inline-block;overflow:hidden;cursor:pointer}
.team-box-items-4 .team-content .social-profile ul{transform:translateY(100px);transition:all .6s ease-in-out;opacity:0;visibility:hidden;z-index:-1;display:grid;gap:10px;align-items:center}
.team-box-items-4 .team-content .social-profile ul li a{width:48px;height:48px;line-height:48px;text-align:center;display:block;background:var(--white-color);color:var(--header);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;text-align:center;margin:0 auto;font-size:16px;border-radius:50%}
.team-box-items-4 .team-content .social-profile ul li a:hover{background-color:var(--main-color);color:var(--white-color)}
.team-box-items-4 .team-content .social-profile .plus-btn{z-index:99;cursor:pointer;width:58px;height:58px;line-height:58px;text-align:center;display:inline-block;color:var(--main-color);background-color:var(--white-color);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-size:16px;border:1px dashed var(--main-color);margin-top:10px;border-radius:50%}
.team-box-items-4 .team-content .social-profile .plus-btn:hover{border:1px solid #1e20231f;background:var(--white-color);box-shadow:10px 16px 120px 1px #0407381f;color:var(--header)}
.team-box-items-4 .team-content .social-profile:hover ul{transform:translateY(0);opacity:1;visibility:visible}
.team-box-items-4:hover .team-image::after{left:-30%;opacity:1;top:-20%;transition-duration:0.5s,0.5s,.15s;transition-property:left,top,opacity;transition-timing-function:linear}
.team-section-4{position:relative}
.team-section-4 .shape-1{position:absolute;bottom:20%;left:0}
.team-details-wrapper .team-details-left .details-image{margin-bottom:40px}
.team-details-wrapper .team-details-left .details-image img{width:100%;height:100%;border-radius:10px}
@media (max-width: 1399px) {
.team-details-wrapper .team-details-left .content{margin-top:30px;margin-left:0}
}
.team-details-wrapper .team-details-content{margin-left:30px}
@media (max-width: 1399px) {
.team-details-wrapper .team-details-content{margin-left:0}
}
.team-details-wrapper .team-details-content h6{font-size:18px;font-weight:700;color:var(--main-color);margin-bottom:20px}
.team-details-wrapper .team-details-content p{margin-top:15px}
.team-details-wrapper .team-details-content .team-content-item{display:flex;align-items:center;gap:70px;margin-top:30px}
@media (max-width: 1399px) {
.team-details-wrapper .team-details-content .team-content-item{gap:30px}
}
@media (max-width: 991px) {
.team-details-wrapper .team-details-content .team-content-item{flex-wrap:wrap}
}
.team-details-wrapper .team-details-content .team-content-item .contact-list li{display:flex;align-items:center;gap:58px;font-size:18px;font-weight:700;color:var(--header)}
@media (max-width: 1399px) {
.team-details-wrapper .team-details-content .team-content-item .contact-list li{font-size:16px}
}
.team-details-wrapper .team-details-content .team-content-item .contact-list li:not(:last-child){margin-bottom:12px}
.team-details-wrapper .team-details-content .team-content-item .contact-list li a{color:var(--text)}
.team-details-wrapper .team-details-content .team-content-item .contact-list li span{color:var(--text);font-weight:400;font-size:16px;display:inline-block}
.team-details-wrapper .team-details-content .team-content-item .contact-list li span.style-3{margin-left:-5px}
.team-details-wrapper .team-details-content .team-content-item .contact-list li span.style-2{margin-left:-20px}
.team-details-wrapper .team-details-content .team-content-item .social-item{margin-top:20px}
@media (max-width: 1399px) {
.team-details-wrapper .team-details-content .team-content-item .social-item{margin-top:0}
}
.team-details-wrapper .team-details-content .team-content-item .social-item .social-list{display:flex;align-items:center;gap:10px;margin-top:20px}
.team-details-wrapper .team-details-content .team-content-item .social-item .social-list a{width:47px;height:47px;line-height:47px;text-align:center;background-color:var(--bg);color:var(--main-color);border-radius:100px}
.team-details-wrapper .team-details-content .team-content-item .social-item .social-list a:hover{background-color:var(--main-color);color:var(--white-color)}
.team-details-wrapper .team-details-content .progress-area{margin-left:50px;margin-top:120px}
@media (max-width: 1199px) {
.team-details-wrapper .team-details-content .progress-area{margin-left:0;margin-top:100px}
}
@media (max-width: 991px) {
.team-details-wrapper .team-details-content .progress-area{margin-top:80px}
}
.team-details-wrapper .team-details-content .progress-area h3{font-size:24px;margin-bottom:30px}
.team-details-wrapper .team-details-content .progress-area .progress-wrap .pro-items{width:100%}
.team-details-wrapper .team-details-content .progress-area .progress-wrap .pro-items:not(:last-child){margin-bottom:25px}
.team-details-wrapper .team-details-content .progress-area .progress-wrap .pro-items .pro-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.team-details-wrapper .team-details-content .progress-area .progress-wrap .pro-items .pro-head .title{font-size:16px;font-weight:600;color:#43494D}
.team-details-wrapper .team-details-content .progress-area .progress-wrap .pro-items .pro-head .point{font-size:16px;font-weight:600;color:var(--header);line-height:1;position:relative;margin-bottom:10px;display:inline-block}
.team-details-wrapper .team-details-content .progress-area .progress-wrap .pro-items .progress{border-radius:2px;background:#99a5371f;justify-content:flex-start;align-items:center;position:relative;display:flex;height:4px;width:100%}
.team-details-wrapper .team-details-content .progress-area .progress-wrap .pro-items .progress-value{animation:load 3s normal forwards;border-radius:0;background:var(--main-color);height:4px;width:0;border-radius:2px}
.team-details-wrapper .team-details-content .progress-area .progress-wrap .pro-items .style-two{animation:load2 3s normal forwards}
@keyframes load {
0%{width:0}
100%{width:90%}
}
@keyframes load2 {
0%{width:0}
100%{width:75%}
}
.faq-wrapper-2 .faq-left-items ul{margin-top:40px}
@media (max-width: 575px) {
.faq-wrapper-2 .faq-left-items ul{margin-top:30px}
}
.faq-wrapper-2 .faq-left-items ul li{display:flex;align-items:center;gap:20px}
.faq-wrapper-2 .faq-left-items ul li h5{margin-bottom:7px}
@media (max-width: 575px) {
.faq-wrapper-2 .faq-left-items ul li h5{margin-bottom:0}
}
.faq-wrapper-2 .faq-left-items ul li p{color:var(--header);font-size:24px;font-weight:600}
@media (max-width: 575px) {
.faq-wrapper-2 .faq-left-items ul li p{font-size:20px}
}
.faq-wrapper-2 .faq-left-items ul li p a{color:var(--header);font-size:24px;font-weight:600}
@media (max-width: 575px) {
.faq-wrapper-2 .faq-left-items ul li p a{font-size:20px}
}
.faq-wrapper-2 .faq-left-items ul li i{font-size:30px;color:var(--main-color)}
.faq-wrapper-2 .faq-left-items ul li:not(:last-child){margin-bottom:35px}
@media (max-width: 575px) {
.faq-wrapper-2 .faq-left-items ul li:not(:last-child){margin-bottom:15px}
}
.faq-wrapper-2 .faq-right-items .accordion-item{border:0;background-color:var(--white-color);border-radius:6px;border:1px solid #3c3c3c47;margin-top:20px}
.faq-wrapper-2 .faq-right-items .accordion-item .accordion-header{border:none}
.faq-wrapper-2 .faq-right-items .accordion-item .accordion-header .accordion-button{font-size:18px;font-weight:700;color:var(--header);border:0;border-radius:0;box-shadow:none;background-color:var(--white-color);padding:22px 22px 0;text-transform:capitalize}
.faq-wrapper-2 .faq-right-items .accordion-item .accordion-header .accordion-button::after{content:"\f078";background:transparent;font-family:"Font Awesome 5 Pro";font-weight:300;transition:all .3s ease-in-out!important;color:var(--header);top:18px;position:absolute;right:22px}
.faq-wrapper-2 .faq-right-items .accordion-item .accordion-header .accordion-button:not(.collapsed)::after{content:"\f077";background:transparent;font-family:"Font Awesome 5 Pro";font-weight:300;transform:rotate(0);color:var(--main-color)}
.faq-wrapper-2 .faq-right-items .accordion-item .accordion-header .accordion-button.collapsed{background-color:transparent;padding:25px 22px;color:var(--header)}
.faq-wrapper-2 .faq-right-items .accordion-item .accordion-collapse .accordion-body{padding-left:30px;padding-top:15px;color:#5C6672;background:var(--white-color);font-weight:500}
.faq-page-items .accordion-box{position:relative}
.faq-page-items .accordion-box .block{position:relative;background-color:transparent;margin-bottom:16px;line-height:1;border:1px solid #3c3c3c47;border-radius:8px;padding:22px 30px}
@media (max-width: 575px) {
.faq-page-items .accordion-box .block{padding:18px}
}
.faq-page-items .accordion-box .block .acc-btn{position:relative;font-size:18px;color:var(--header);font-weight:700;font-family:"Nunito",sans-serif;cursor:pointer;-webkit-transition:all 500ms ease;transition:all 500ms ease}
@media (max-width: 575px) {
.faq-page-items .accordion-box .block .acc-btn{font-size:17px;line-height:1.5;padding-right:40px}
}
.faq-page-items .accordion-box .block .acc-btn .icon{position:absolute;right:0;top:0;height:35px;font-size:18px;line-height:18px;color:var(--header);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.faq-page-items .accordion-box .block .acc-content{position:relative;display:none;margin-top:22px}
@media (max-width: 470px) {
.faq-page-items .accordion-box .block .acc-content{margin-top:10px}
}
.faq-page-items .accordion-box .block .acc-content .content{position:relative}
.faq-page-items .accordion-box .block .acc-content .content .text{line-height:175%;font-size:16px;font-weight:500;color:#5C6672;}
@media (max-width: 1199px) {
.faq-page-items .accordion-box .block .acc-content .content .text{font-size:14px}
}
@media (max-width: 470px) {
.faq-page-items .accordion-box .block .acc-content .content .text{font-size:13px}
}
.faq-page-items .accordion-box .block .acc-content.current{display:block}
.faq-page-items .accordion-box .block .acc-btn.active .icon:before{content:"\f077";font-family:"Font Awesome 5 Pro"}
.faq-page-items .accordion-box .block .acc-btn.active{color:var(--header)}
.faq-page-items .accordion-box .block:last-child{margin-bottom:0}
.faq-section-5{position:relative}
.faq-section-5 .shape-1{position:absolute;bottom:10%;right:0}
.cta-wrapper{border-radius:30px;position:relative;z-index:9;padding:0 100px}
@media (max-width: 1199px) {
.cta-wrapper{padding:30px}
}
@media (max-width: 991px) {
.cta-wrapper{padding:30px 20px;}
}
@media (max-width: 767px) {
.cta-wrapper{padding:50px 20px;}
}
@media (max-width: 575px) {
.cta-wrapper{text-align:center}
}
.cta-wrapper::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;border-radius:30px;background:#244f0bd4}
.cta-wrapper .cta-content .cta-text{margin-top:25px;color:var(--white-color)}
.cta-wrapper .cta-content .cta-bottom-area{margin-top:30px;display:flex;align-items:center;gap:40px}
@media (max-width: 991px) {
.cta-wrapper .cta-content .cta-bottom-area{flex-wrap:wrap;gap:20px}
}
@media (max-width: 575px) {
.cta-wrapper .cta-content .cta-bottom-area{justify-content:center}
.cta-wrapper .cta-content .cta-bottom-area p{text-align:left}
}
.cta-wrapper .cta-content .cta-bottom-area .theme-btn{background-color:var(--main-color2);color:var(--header);transition:all .4s ease-in-out}
.cta-wrapper .cta-content .cta-bottom-area .theme-btn::before{background-color:var(--main-color)}
.cta-wrapper .cta-content .cta-bottom-area .theme-btn:hover{color:var(--white-color)}
.cta-wrapper .cta-content .cta-bottom-area .phone-box-items{display:flex;align-items:center;gap:20px}
.cta-wrapper .cta-content .cta-bottom-area .phone-box-items .icon{width:57px;height:57px;line-height:57px;text-align:center;background-color:var(--main-color2);border-radius:50%;color:var(--header);font-size:20px}
.cta-wrapper .cta-content .cta-bottom-area .phone-box-items .content p{font-weight:600;color:var(--white-color)}
.cta-wrapper .cta-content .cta-bottom-area .phone-box-items .content a{color:var(--white-color);font-size:20px;font-weight:800}
.cta-wrapper .cta-image{margin-top:-55px}
@media (max-width: 991px) {
.cta-wrapper .cta-image{margin-top:0;text-align:center}
}
.cta-best-saller-content{border-radius:30px;background:var(--main-color2);padding:60px 45px;margin-top:-180px;position:relative;z-index:99}
@media (max-width: 1399px) {
.cta-best-saller-content{padding:45px 30px}
}
@media (max-width: 1199px) {
.cta-best-saller-content{margin-top:-140px}
}
.cta-best-saller-content .cta-text{margin-top:25px}
@media (max-width: 1399px) {
.cta-best-saller-content .cta-text{margin-top:12px;font-size:14px}
}
.cta-best-saller-content ul{margin-top:30px}
@media (max-width: 1399px) {
.cta-best-saller-content ul{margin-top:12px}
}
.cta-best-saller-content ul li{display:flex;gap:20px}
.cta-best-saller-content ul li i{color:var(--main-color);font-size:20px}
.cta-best-saller-content ul li p{color:#0A2803;font-weight:500}
@media (max-width: 1399px) {
.cta-best-saller-content ul li p{font-size:14px}
}
.cta-best-saller-content ul li:not(:last-child){margin-bottom:25px}
@media (max-width: 1399px) {
.cta-best-saller-content ul li:not(:last-child){margin-bottom:14px}
}
.cta-best-saller-content .theme-btn{margin-top:40px}
.cta-best-saller-section-2{margin-top:50px;position:relative}
.cta-best-saller-section-2 .cta-best-img{position:absolute;top:0;left:0;bottom:0;right:0;height:820px}
@media (max-width: 1399px) {
.cta-best-saller-section-2 .cta-best-img{height:initial}
}
.cta-best-saller-section-2 .cta-best-img img{width:100%;height:100%;object-fit:cover}
.cta-wrapper-2{border-radius:30px;position:relative;z-index:999;padding:0 100px}
@media (max-width: 1199px) {
.cta-wrapper-2{padding:0 50px;padding-top:60px;text-align:center}
}
@media (max-width: 575px) {
.cta-wrapper-2{padding:0 20px;padding-top:50px}
}
.cta-wrapper-2::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;border-radius:30px;background:#5b8c51cc}
.cta-wrapper-2 .shape-1{position:absolute;bottom:0;left:45%}
@media (max-width: 1199px) {
.cta-wrapper-2 .shape-1{display:none}
}
.cta-wrapper-2 .shape-2{position:absolute;top:0;right:0}
@media (max-width: 1199px) {
.cta-wrapper-2 .shape-2{display:none}
}
.cta-wrapper-2 .cta-content{margin-left:50px}
@media (max-width: 1600px) {
.cta-wrapper-2 .cta-content{margin-left:0}
}
.cta-wrapper-2 .cta-content .theme-btn{margin-top:30px;background-color:var(--main-color2);color:#404A3D;transition:all .4s ease-in-out}
.cta-wrapper-2 .cta-content .theme-btn::before{background-color:var(--white-color)}
.cta-wrapper-2 .cta-content .theme-btn:hover{color:var(--main-color)}
.cta-wrapper-2 .cta-image{margin-top:-35px}
@media (max-width: 1199px) {
.cta-wrapper-2 .cta-image{margin-top:0}
.cta-wrapper-2 .cta-image img{width:100%}
}
.cta-wrapper-3{border-radius:28px;position:relative;z-index:9;padding:120px 85px;display:flex;align-items:center;justify-content:space-between}
@media (max-width: 1199px) {
.cta-wrapper-3{padding:80px 35px}
}
@media (max-width: 991px) {
.cta-wrapper-3{flex-wrap:wrap;gap:30px}
}
@media (max-width: 575px) {
.cta-wrapper-3{justify-content:center;text-align:center}
}
.cta-wrapper-3 .shape-1{position:absolute;bottom:25px;right:250px}
@media (max-width: 1199px) {
.cta-wrapper-3 .shape-1{display:none}
}
.cta-wrapper-3::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;background:#244f0b9e;border-radius:28px}
.cta-wrapper-3 .cta-discount-area{display:flex;align-items:center;gap:50px}
@media (max-width: 767px) {
.cta-wrapper-3 .cta-discount-area{flex-wrap:wrap}
}
@media (max-width: 575px) {
.cta-wrapper-3 .cta-discount-area{justify-content:center}
}
.cta-wrapper-3 .cta-discount-area .circle-bg-icon{position:relative;z-index:9;animation:cir36 20s linear infinite}
.cta-wrapper-3 .cta-discount-area .circle-bg-icon .icon{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);font-size:44px;color:#404A3D}
.cta-wrapper-3 .cta-discount-area .circle-bg-icon .icon i{transition:all .4s ease-in-out;display:inline-block}
.cta-wrapper-3 .cta-discount-area .circle-bg-icon:hover .icon i{transform:scaleX(-1)!important}
.cta-wrapper-3 .theme-btn{background-color:var(--main-color2);color:#404A3D;transition:all .4s ease-in-out}
.cta-wrapper-3 .theme-btn::before{background-color:var(--main-color)}
.cta-wrapper-3 .theme-btn:hover{color:var(--white-color)}
.cta-wrapper-4{border-radius:28px;position:relative;z-index:9;padding:100px 50px;display:flex;align-items:center;justify-content:space-between}
@media (max-width: 1199px) {
.cta-wrapper-4{padding:70px 30px;flex-wrap:wrap;gap:30px}
}
@media (max-width: 991px) {
.cta-wrapper-4{padding:60px 30px}
}
@media (max-width: 767px) {
.cta-wrapper-4{padding:50px 30px;justify-content:center;text-align:center}
}
.cta-wrapper-4::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;background:#244f0b9e;border-radius:28px}
.cta-wrapper-4 .cta-discount-area{display:flex;align-items:center;gap:20px}
@media (max-width: 767px) {
.cta-wrapper-4 .cta-discount-area{display:block;text-align:center}
}
.cta-wrapper-4 .cta-discount-area .circle-bg-icon{position:relative;z-index:9}
@media (max-width: 767px) {
.cta-wrapper-4 .cta-discount-area .circle-bg-icon{margin-bottom:30px}
}
.cta-wrapper-4 .cta-discount-area .circle-bg-icon .circle-icon{animation:cir36 20s linear infinite}
.cta-wrapper-4 .cta-discount-area .circle-bg-icon .icon{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);font-size:44px;color:#404A3D}
.cta-wrapper-4 .cta-discount-area .circle-bg-icon .icon img{transition:all .4s ease-in-out;display:inline-block}
.cta-wrapper-4 .cta-discount-area .circle-bg-icon:hover .icon img{transform:scaleX(-1)!important}
.cta-wrapper-4 .theme-btn{background-color:var(--main-color2);color:#404A3D;transition:all .4s ease-in-out}
.cta-wrapper-4 .theme-btn::before{background-color:var(--main-color)}
.cta-wrapper-4 .theme-btn:hover{color:var(--white-color)}
.cta-banner-5{padding-top:380px;padding-bottom:120px;background-attachment:fixed}
@media (max-width: 1199px) {
.cta-banner-5{padding-top:220px}
}
@media (max-width: 767px) {
.cta-banner-5{padding-top:120px}
}
.cta-banner-5 h2{font-size:72px;color:var(--white-color)}
@media (max-width: 991px) {
.cta-banner-5 h2{font-size:55px}
}
@media (max-width: 767px) {
.cta-banner-5 h2{font-size:48px}
}
@media (max-width: 575px) {
.cta-banner-5 h2{font-size:40px;text-align:center}
}
.cta-discount-section-4{position:relative;z-index:1}
.cta-discount-section-4::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;background:#EDF2EC;top:40%;height:initial}
.cta-section{position:relative;z-index:1;padding-top:55px!important}
.cta-section::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;background:#EDF2EC;height:45%}
.cta-section .bottom-shape{position:absolute;bottom:50%;left:0;right:0}
@media (max-width: 991px) {
.cta-section .bottom-shape{bottom:-53%}
}
.cta-section .bottom-shape img{width:100%}
.cta-discount-section-3{position:relative;z-index:1}
.cta-discount-section-3::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;background:#FFF9E8;top:30%;height:initial}
.cta-discount-section-3 .cta-line{position:absolute;left:0;right:0;top:30%}
@media (max-width: 991px) {
.cta-discount-section-3 .cta-line{top:27%}
}
.cta-discount-section-3 .cta-line img{width:100%}
.testimonial-wrapper{margin-top:60px}
.testimonial-wrapper .testimonial-image{overflow:hidden;border-radius:30px}
.testimonial-wrapper .testimonial-image img{width:100%;height:100%;border-radius:30px;transition-delay:.1s;transition-timing-function:ease-in-out;transition-duration:.7s;transition-property:all}
.testimonial-wrapper .testimonial-image:hover img{transform:scale(1.1) rotate(2deg)}
.testimonial-wrapper .testimonial-box-items{margin-left:50px;max-width:626px}
@media (max-width: 1199px) {
.testimonial-wrapper .testimonial-box-items{margin-left:0}
}
@media (max-width: 575px) {
.testimonial-wrapper .testimonial-box-items{text-align:center}
}
.testimonial-wrapper .testimonial-box-items .star{color:#EDDD5E}
.testimonial-wrapper .testimonial-box-items h3{font-size:28px;font-weight:600;margin-top:30px}
@media (max-width: 1199px) {
.testimonial-wrapper .testimonial-box-items h3{font-size:22px}
}
@media (max-width: 991px) {
.testimonial-wrapper .testimonial-box-items h3{font-size:18px}
}
.testimonial-wrapper .testimonial-box-items .client-info-area{display:flex;align-items:center;justify-content:space-between;margin-top:50px}
@media (max-width: 1199px) {
.testimonial-wrapper .testimonial-box-items .client-info-area{margin-top:25px}
}
@media (max-width: 575px) {
.testimonial-wrapper .testimonial-box-items .client-info-area{display:grid;gap:20px;justify-content:center}
}
.testimonial-wrapper .testimonial-box-items .client-info-area .client-info{display:flex;align-items:center;gap:20px}
.testimonial-wrapper .testimonial-box-items .client-info-area .client-info .content p{font-size:15px;font-weight:600}
@media (max-width: 575px) {
.testimonial-wrapper .testimonial-box-items .client-info-area .client-info .content p{text-align:left}
}
.testimonial-wrapper .testimonial-box-items .client-info-area .client-info .content h5{font-size:18px;font-weight:700}
.testimonial-wrapper .testimonial-box-items .client-info-area .icon{font-size:60px;color:var(--main-color)}
.testimonial-wrapper .array-buttons{display:grid;align-items:center;gap:40px}
@media (max-width: 1199px) {
.testimonial-wrapper .array-buttons{display:flex;gap:20px}
}
@media (max-width: 575px) {
.testimonial-wrapper .array-buttons{justify-content:center}
}
.testimonial-wrapper .array-buttons .array-prev:hover svg path,.testimonial-wrapper .array-buttons .array-next:hover svg path{fill:var(--main-color)}
.testimonial-section-2{border-radius:30px;position:relative;z-index:9;margin-left:50px;margin-right:50px}
@media (max-width: 1600px) {
.testimonial-section-2{margin-left:34px;margin-right:34px}
}
@media (max-width: 1399px) {
.testimonial-section-2{margin-left:28px;margin-right:28px}
}
@media (max-width: 1199px) {
.testimonial-section-2{margin-left:20px;margin-right:20px}
}
.testimonial-section-2::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;border-radius:30px;background:#0a2803de}
.testimonial-box-items-2{border-radius:12px;background:var(--white-color);padding:45px 35px;margin-top:30px}
@media (max-width: 575px) {
.testimonial-box-items-2{padding:28px;text-align:center}
}
.testimonial-box-items-2 .icon{font-size:87px;color:#63AB52}
.testimonial-box-items-2 h4{font-size:22px;font-weight:600;max-width:364px;margin-top:30px}
@media (max-width: 1399px) {
.testimonial-box-items-2 h4{font-size:20px}
}
@media (max-width: 575px) {
.testimonial-box-items-2 h4{font-size:18px}
}
.testimonial-box-items-2 .client-info{display:flex;align-items:center;gap:20px;margin-top:30px}
@media (max-width: 575px) {
.testimonial-box-items-2 .client-info{justify-content:center;display:grid}
}
.testimonial-box-items-2 .client-info .content p{font-size:15px;font-weight:600}
.testimonial-box-items-2 .client-info .content h5{font-size:18px;font-weight:700}
.testimonial-box-items-3{background-color:var(--white-color);border-radius:12px;padding:30px;margin-top:30px}
@media (max-width: 575px) {
.testimonial-box-items-3{text-align:center;padding:30px 27px}
}
.testimonial-box-items-3 .star{color:#EDDD5E}
.testimonial-box-items-3 h4{font-size:24px;font-weight:700;max-width:446px;margin-top:20px}
@media (max-width: 1199px) {
.testimonial-box-items-3 h4{font-size:20px}
}
@media (max-width: 767px) {
.testimonial-box-items-3 h4{font-size:22px}
}
@media (max-width: 575px) {
.testimonial-box-items-3 h4{font-size:20px}
}
.testimonial-box-items-3 .client-info-area{display:flex;align-items:center;justify-content:space-between;margin-top:40px}
@media (max-width: 575px) {
.testimonial-box-items-3 .client-info-area{justify-content:center;display:grid;gap:15px}
}
.testimonial-box-items-3 .client-info-area .client-info{display:flex;align-items:center;gap:20px}
@media (max-width: 575px) {
.testimonial-box-items-3 .client-info-area .client-info{justify-content:center;display:grid;gap:15px}
}
.testimonial-box-items-3 .client-info-area .client-info .content p{font-size:15px;font-weight:600}
.testimonial-box-items-3 .client-info-area .client-info .content h5{font-size:18px;font-weight:700}
.testimonial-box-items-3 .client-info-area .icon{font-size:60px;color:#63AB52}
@media (max-width: 575px) {
.testimonial-box-items-3 .client-info-area .icon{display:none}
}
.testimonial-wrapper-4{background-color:var(--main-color2);padding:90px;border-radius:28px;position:relative;z-index:1}
@media (max-width: 1199px) {
.testimonial-wrapper-4{padding:50px 45px}
}
@media (max-width: 991px) {
.testimonial-wrapper-4{padding:45px 35px}
}
@media (max-width: 767px) {
.testimonial-wrapper-4{padding:40px 32px}
}
@media (max-width: 575px) {
.testimonial-wrapper-4{padding:30px}
}
.testimonial-wrapper-4 .shape-1{position:absolute;top:40px;left:60px}
.testimonial-wrapper-4 .shape-2{position:absolute;bottom:0;right:30px}
.testimonial-wrapper-4 .testimonial-img{margin-right:60px}
@media (max-width: 1199px) {
.testimonial-wrapper-4 .testimonial-img{margin-right:0}
}
.testimonial-wrapper-4 .testimonial-img img{width:100%;height:100%}
.testimonial-wrapper-4 .testimonial-content .section-title p{font-weight:600;margin-top:15px;font-size:18px; font-style: italic;}
.testimonial-wrapper-4 .testimonial-content .client-info-area{display:flex;align-items:center;gap:150px;margin-top:40px;justify-content:center}
@media (max-width: 1199px) {
.testimonial-wrapper-4 .testimonial-content .client-info-area{margin-top:30px;flex-wrap:wrap;gap:20px}
}
.testimonial-wrapper-4 .testimonial-content .client-info-area .client-info{display:flex;align-items:center;gap:20px}
.testimonial-wrapper-4 .testimonial-content .client-info-area .client-info .content p{font-size:15px;font-weight:600}
.testimonial-wrapper-4 .testimonial-content .client-info-area .client-info .content h5{font-size:18px;font-weight:700}
.testimonial-wrapper-4 .testimonial-content .client-info-area .icon{font-size:60px;color:var(--main-color)}
.testimonial-section-5{background-color:#5B8C51;position:relative}
.testimonial-section-5 .shape-1{position:absolute;left:0;top:50%}
.testimonial-section-5 .shape-2{position:absolute;right:0;top:30%}
.testimonial-wrapper-5 .array-prev,.testimonial-wrapper-5 .array-next{border:1px solid var(--white-color);width:40px;height:40px;line-height:40px;text-align:center;color:var(--white-color);border-radius:50%;margin-top:100px;transition:all .4s ease-in-out}
.testimonial-wrapper-5 .array-prev:hover,.testimonial-wrapper-5 .array-next:hover{background-color:var(--main-color2);color:var(--header);border:1px solid var(--main-color2)}
.testimonial-wrapper-5 .testi-content-5{margin-bottom:60px;text-align:center}
.testimonial-wrapper-5 .testi-content-5 .star{color:#eddd5e}
.testimonial-wrapper-5 .testi-content-5 h3{font-size:38px;font-weight:700;margin-top:20px;color:var(--white-color);line-height:140%}
@media (max-width: 1199px) {
.testimonial-wrapper-5 .testi-content-5 h3{font-size:32px}
}
@media (max-width: 991px) {
.testimonial-wrapper-5 .testi-content-5 h3{font-size:30px}
}
@media (max-width: 767px) {
.testimonial-wrapper-5 .testi-content-5 h3{font-size:27px}
}
@media (max-width: 575px) {
.testimonial-wrapper-5 .testi-content-5 h3{font-size:25px}
}
.testimonial-wrapper-5 .testi-content-5 .info-content{margin-top:25px}
.testimonial-wrapper-5 .testi-content-5 .info-content span{font-size:16px;font-weight:600;font-family:"Nunito",sans-serif;color:var(--white-color)}
.testimonial-wrapper-5 .testi-content-5 .info-content h4{font-size:18px;color:var(--white-color)}
.testimonial-wrapper-5 .testi-bottom-img{max-width:380px;text-align:center;margin:0 auto}
@media (max-width: 575px) {
.testimonial-wrapper-5 .testi-bottom-img img{width:80px;height:80px;object-fit:cover}
}
.testimonial-section-3{background-position:bottom center}
.testimonial-section-4{position:relative}
.testimonial-section-4 .array-button{display:flex;align-items:center;justify-content:space-between;position:absolute;top:42%;transform:translateY(-50%);z-index:99;left:13%;right:13%}
@media (max-width: 1899px) {
.testimonial-section-4 .array-button{left:2.5%;right:2.5%}
}
@media (max-width: 1399px) {
.testimonial-section-4 .array-button{display:none}
}
.testimonial-section-4 .array-button .array-prev,.testimonial-section-4 .array-button .array-next{width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;background:transparent;border:1px solid var(--main-color);color:var(--main-color)}
.testimonial-section-4 .array-button .array-prev:hover,.testimonial-section-4 .array-button .array-next:hover{background-color:var(--main-color);color:var(--white-color)}
.testimonial-box-items-inner{background-color:var(--white-color);border-radius:12px;padding:50px 40px;box-shadow:8px 6px 51.9px 34px #030f2c08}
@media (max-width: 767px) {
.testimonial-box-items-inner{padding:40px 30px}
}
.testimonial-box-items-inner .star{color:#EDDD5E}
.testimonial-box-items-inner h4{font-size:24px;font-weight:700;max-width:446px;margin-top:20px}
@media (max-width: 767px) {
.testimonial-box-items-inner h4{font-size:20px}
}
.testimonial-box-items-inner .client-info-area{display:flex;align-items:center;justify-content:space-between;margin-top:40px}
@media (max-width: 767px) {
.testimonial-box-items-inner .client-info-area{margin-top:30px;flex-wrap:wrap;gap:20px}
}
.testimonial-box-items-inner .client-info-area .client-info{display:flex;align-items:center;gap:20px}
.testimonial-box-items-inner .client-info-area .client-info .content p{font-size:15px;font-weight:600}
.testimonial-box-items-inner .client-info-area .client-info .content h5{font-size:18px;font-weight:700}
.testimonial-box-items-inner .client-info-area .icon{font-size:60px;color:#63AB52}
.brand-section .top-text{margin-bottom:50px}
.brand-section .top-text p{font-size:20px;font-weight:500}
.brand-section-3{margin:0 48px}
@media (max-width: 1600px) {
.brand-section-3{margin:0 40px}
}
@media (max-width: 1399px) {
.brand-section-3{margin:0 30px}
}
@media (max-width: 1199px) {
.brand-section-3{margin:0 20px}
}
.brand-section-3 .video-wrapper-3{height:220px}
.news-box-items{margin-top:30px}
.news-box-items .news-image{position:relative;z-index:9}
.news-box-items .news-image img{width:100%;height:100%;border-radius:12px}
.news-box-items .news-image .post-date{width:84px;height:84px;padding:10px;text-align:center;border-radius:50%;background-color:var(--main-color2);position:absolute;bottom:-40px;left:25px;border:3px solid var(--white-color)}
.news-box-items .news-image .post-date h4{color:var(--main-color);font-size:22px;font-weight:800}
.news-box-items .news-image .post-date p{color:var(--main-color);font-weight:400}
.news-box-items .news-content{text-align:center;max-width:350px;margin:40px auto 0}
.news-box-items .news-content span{font-size:16px;font-weight:500;color:#63AB52}
.news-box-items .news-content h3{margin-top:10px}
.news-box-items .news-content h3 a{background-position:0 95%;background-repeat:no-repeat;background-size:0 2px;display:inline}
.news-box-items .news-content h3 a:hover{color:var(--main-color);background-size:100% 2px;background-image:linear-gradient(180deg,var(--main-color) 0%,var(--main-color) 100%)}
.news-box-items .news-content p{font-weight:500;margin-top:7px}
.news-box-items .news-content .link-btn{color:#63AB52;margin-top:25px;display:inline-block;transition:all .4s ease-in-out;font-weight:800;font-size:16px;font-family:"Nunito",sans-serif}
.news-box-items .news-content .link-btn i{margin-left:5px;transform:rotate(-45deg)}
.news-box-items .news-content .link-btn:hover{color:var(--header)}
.news-box-items-2{margin-top:30px}
.news-box-items-2 .news-thumb{border-radius:12px;overflow:hidden}
.news-box-items-2 .news-thumb img{width:100%;height:100%;border-radius:12px;transition-delay:.1s;transition-timing-function:ease-in-out;transition-duration:.7s;transition-property:all}
.news-box-items-2 .news-content{margin-top:25px}
@media (max-width: 575px) {
.news-box-items-2 .news-content{text-align:center}
}
.news-box-items-2 .news-content ul{display:flex;align-items:center;gap:30px}
@media (max-width: 575px) {
.news-box-items-2 .news-content ul{justify-content:center;gap:20px}
}
.news-box-items-2 .news-content ul li i{margin-right:6px;color:var(--main-color)}
.news-box-items-2 .news-content h3{font-size:24px;font-weight:800;margin-top:8px}
.news-box-items-2 .news-content h3 a{background-position:0 95%;background-repeat:no-repeat;background-size:0 2px;display:inline}
.news-box-items-2 .news-content h3 a:hover{color:var(--main-color);background-size:100% 2px;background-image:linear-gradient(180deg,var(--main-color) 0%,var(--main-color) 100%)}
.news-box-items-2 .news-content .link-btn{color:#63AB52;margin-top:20px;display:inline-block;transition:all .4s ease-in-out;font-weight:800;font-size:16px;font-family:"Nunito",sans-serif}
.news-box-items-2 .news-content .link-btn i{margin-left:5px;transform:rotate(-45deg)}
.news-box-items-2 .news-content .link-btn:hover{color:var(--header)}
.news-box-items-2:hover .news-thumb img{transform:scale(1.1) rotate(2deg)}
.news-wrapper-3{margin-top:60px}
@media (max-width: 575px) {
.news-wrapper-3{margin-top:3px}
}
.news-wrapper-3 .news-left-items{border-radius:28px;overflow:hidden;position:relative;z-index:99;transition:all .4s ease-in-out}
@media (max-width: 767px) {
.news-wrapper-3 .news-left-items{height:550px;text-align:center}
.news-wrapper-3 .news-left-items img{object-fit:cover}
}
.news-wrapper-3 .news-left-items::before{width:100%;height:100%;top:0;bottom:0;left:0;right:0;content:"";background:linear-gradient(180deg,#244f0b00 0%,#244f0bcc 68.16%);border-radius:28px;position:absolute;transition:all .4s ease-in-out;z-index:1}
.news-wrapper-3 .news-left-items img{width:100%;height:100%;border-radius:28px;transition-delay:.1s;transition-timing-function:ease-in-out;transition-duration:.7s;transition-property:all}
.news-wrapper-3 .news-left-items .content{position:absolute;bottom:30px;left:30px;right:20px;z-index:1;transition:all .4s ease-in-out}
.news-wrapper-3 .news-left-items .content .post-date{width:84px;height:84px;padding:10px;text-align:center;background-color:var(--white-color);border-radius:28px}
@media (max-width: 575px) {
.news-wrapper-3 .news-left-items .content .post-date{margin:0 auto}
}
.news-wrapper-3 .news-left-items .content .post-date h4{color:var(--header);font-size:22px;font-weight:800}
.news-wrapper-3 .news-left-items .content .post-date p{color:var(--header);font-weight:400}
.news-wrapper-3 .news-left-items .content h3{font-size:34px;font-weight:700;margin-top:20px}
@media (max-width: 767px) {
.news-wrapper-3 .news-left-items .content h3{font-size:25px}
}
.news-wrapper-3 .news-left-items .content h3 a{color:var(--white-color);background-position:0 95%;background-repeat:no-repeat;background-size:0 2px;display:inline}
.news-wrapper-3 .news-left-items .content h3 a:hover{color:var(--white-color);background-size:100% 2px;background-image:linear-gradient(180deg,var(--white-color) 0%,var(--white-color) 100%)}
.news-wrapper-3 .news-left-items .content .link-btn{color:var(--main-color2);margin-top:20px;display:inline-block;transition:all .4s ease-in-out;font-weight:800;font-size:16px;font-family:"Nunito",sans-serif}
.news-wrapper-3 .news-left-items .content .link-btn i{margin-left:5px;transform:rotate(-45deg)}
.news-wrapper-3 .news-left-items .content .link-btn:hover{color:var(--white-color)}
.news-wrapper-3 .news-left-items:hover img{transform:scale(1.1) rotate(2deg)}
.news-wrapper-3 .news-right-box .news-thumb{overflow:hidden;border-radius:28px}
.news-wrapper-3 .news-right-box .news-thumb img{width:100%;height:100%;border-radius:28px;transition-delay:.1s;transition-timing-function:ease-in-out;transition-duration:.7s;transition-property:all}
.news-wrapper-3 .news-right-box .content{padding:10px;margin-top:10px}
@media (max-width: 575px) {
.news-wrapper-3 .news-right-box .content{text-align:center}
}
.news-wrapper-3 .news-right-box .content .post-date{display:flex;gap:30px;align-items:center}
@media (max-width: 1399px) {
.news-wrapper-3 .news-right-box .content .post-date{flex-wrap:wrap;gap:10px}
}
@media (max-width: 575px) {
.news-wrapper-3 .news-right-box .content .post-date{justify-content:center;margin-bottom:7px}
}
.news-wrapper-3 .news-right-box .content .post-date li{display:flex;gap:7px;align-items:center;font-weight:600;color:var(--main-color)}
.news-wrapper-3 .news-right-box .content .post-date li:last-child{position:relative;padding-left:35px;color:#636D6C}
@media (max-width: 1399px) {
.news-wrapper-3 .news-right-box .content .post-date li:last-child{padding-left:0}
}
.news-wrapper-3 .news-right-box .content .post-date li:last-child::before{width:8px;height:8px;line-height:8px;border-radius:50%;position:absolute;top:13px;left:0;content:"";background-color:#636d6c6b}
@media (max-width: 1399px) {
.news-wrapper-3 .news-right-box .content .post-date li:last-child::before{display:none}
.news-wrapper-3 .news-right-box .content h3{font-size:21px}
}
.news-wrapper-3 .news-right-box .content h3 a{background-position:0 95%;background-repeat:no-repeat;background-size:0 2px;display:inline}
.news-wrapper-3 .news-right-box .content h3 a:hover{color:var(--main-color);background-size:100% 2px;background-image:linear-gradient(180deg,var(--main-color) 0%,var(--main-color) 100%)}
.news-wrapper-3 .news-right-box .content p{font-size:16px}
.news-wrapper-3 .news-right-box .content .link-btn{color:#63AB52;margin-top:10px;display:inline-block;transition:all .4s ease-in-out;font-weight:800;font-size:16px;font-family:"Nunito",sans-serif}
.news-wrapper-3 .news-right-box .content .link-btn i{margin-left:5px;transform:rotate(-45deg)}
.news-wrapper-3 .news-right-box .content .link-btn:hover{color:var(--header)}
.news-wrapper-3 .news-right-box:hover .news-thumb img{transform:scale(1.1) rotate(2deg)}
.news-image-box-items-4{margin-top:30px}
.news-image-box-items-4 .news-image{position:relative;z-index:9}
.news-image-box-items-4 .news-image img{width:100%;height:100%;border-radius:28px}
.news-image-box-items-4 .news-image .post-date{width:99px;height:48px;padding:-7px;text-align:center;border-radius:4px;position:absolute;bottom:0;right:20px}
@media (max-width: 991px) {
.news-image-box-items-4 .news-image .post-date{bottom:45px}
}
.news-image-box-items-4 .news-image .post-date h4{background-color:var(--main-color2);font-size:34px;font-weight:800;border-top-left-radius:5px;border-top-right-radius:5px}
.news-image-box-items-4 .news-image .post-date p{background-color:var(--main-color);font-weight:600;color:var(--white-color);font-size:15px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.news-image-box-items-4 .content{padding:10px;margin-top:10px}
@media (max-width: 575px) {
.news-image-box-items-4 .content{text-align:center}
}
.news-image-box-items-4 .content .post-date{display:flex;gap:30px;align-items:center;margin-bottom:15px}
@media (max-width: 575px) {
.news-image-box-items-4 .content .post-date{justify-content:center}
}
.news-image-box-items-4 .content .post-date li{display:flex;gap:7px;align-items:center;font-weight:600;color:var(--main-color)}
.news-image-box-items-4 .content .post-date li:last-child{position:relative;padding-left:35px;color:#636D6C}
.news-image-box-items-4 .content .post-date li:last-child::before{width:8px;height:8px;line-height:8px;border-radius:50%;position:absolute;top:13px;left:0;content:"";background-color:#636d6c6b}
.news-image-box-items-4 .content h3{font-size:36px;font-weight:700;line-height:125%}
@media (max-width: 1399px) {
.news-image-box-items-4 .content h3{font-size:27px}
}
@media (max-width: 1199px) {
.news-image-box-items-4 .content h3{font-size:24px}
}
@media (max-width: 991px) {
.news-image-box-items-4 .content h3{font-size:21px}
}
@media (max-width: 767px) {
.news-image-box-items-4 .content h3{font-size:26px}
}
@media (max-width: 575px) {
.news-image-box-items-4 .content h3{font-size:22px}
}
.news-image-box-items-4 .content h3 a{background-position:0 95%;background-repeat:no-repeat;background-size:0 2px;display:inline}
.news-image-box-items-4 .content h3 a:hover{color:var(--main-color);background-size:100% 2px;background-image:linear-gradient(180deg,var(--main-color) 0%,var(--main-color) 100%)}
.news-section-4{position:relative;z-index:9}
.news-section-4 .news-shape-1{position:absolute;top:10px;left:70px}
.news-section-4 .news-shape-2{position:absolute;right:0;bottom:30%}
@media (max-width: 575px) {
.news-section-4 .section-title-area{text-align:center}
}
.news-wrapper-5{max-width:1570px;margin:0 auto;border-radius:28px}
@media (max-width: 575px) {
.news-wrapper-5{text-align:center}
}
.news-wrapper-5 .news-box-items-5{margin-top:30px}
@media (max-width: 575px) {
.news-wrapper-5 .news-box-items-5{text-align:center}
}
.news-wrapper-5 .news-box-items-5 .news-image{position:relative;z-index:9}
.news-wrapper-5 .news-box-items-5 .news-image img{width:100%;height:100%;border-radius:28px}
.news-wrapper-5 .news-box-items-5 .news-image .post-date{width:84px;height:84px;padding:10px;text-align:center;border-radius:50%;background-color:var(--main-color);position:absolute;bottom:-40px;right:25px;border:3px solid var(--white-color)}
.news-wrapper-5 .news-box-items-5 .news-image .post-date h4{color:var(--white-color);font-size:22px;font-weight:800}
.news-wrapper-5 .news-box-items-5 .news-image .post-date p{color:var(--white-color);font-weight:400}
.news-wrapper-5 .news-box-items-5 .news-content{margin-top:40px}
.news-wrapper-5 .news-box-items-5 .news-content span{font-size:16px;font-weight:500;color:#63AB52}
.news-wrapper-5 .news-box-items-5 .news-content h3{margin-top:10px}
.news-wrapper-5 .news-box-items-5 .news-content h3 a{background-position:0 95%;background-repeat:no-repeat;background-size:0 2px;display:inline}
.news-wrapper-5 .news-box-items-5 .news-content h3 a:hover{color:var(--main-color);background-size:100% 2px;background-image:linear-gradient(180deg,var(--main-color) 0%,var(--main-color) 100%)}
.news-wrapper-5 .news-box-items-5 .news-content p{margin-top:7px}
.news-wrapper-5 .news-bottom-items{display:flex;justify-content:space-between;margin-top:120px;align-items:center}
@media (max-width: 1199px) {
.news-wrapper-5 .news-bottom-items{margin-top:100px;flex-wrap:wrap;gap:30px}
}
@media (max-width: 991px) {
.news-wrapper-5 .news-bottom-items{margin-top:80px}
}
@media (max-width: 575px) {
.news-wrapper-5 .news-bottom-items{justify-content:center}
}
.news-wrapper-5 .news-bottom-items .news-first-items{display:flex;align-items:center;gap:25px}
@media (max-width: 991px) {
.news-wrapper-5 .news-bottom-items .news-first-items{flex-wrap:wrap;gap:20px}
}
@media (max-width: 575px) {
.news-wrapper-5 .news-bottom-items .news-first-items{justify-content:center}
}
.news-wrapper-5 .news-bottom-items .news-first-items .thumb img{width:100%;height:100%;border-radius:28px}
.news-wrapper-5 .news-bottom-items .news-first-items .content{max-width:617px}
.news-wrapper-5 .news-bottom-items .news-first-items .content h3{font-size:33px;font-weight:700;margin-bottom:10px}
@media (max-width: 575px) {
.news-wrapper-5 .news-bottom-items .news-first-items .content h3{font-size:24px}
}
.news-section-2{position:relative}
.news-section-2 .shape-1{position:absolute;top:90px;right:0}
.news-section-5{position:relative;z-index:999}
.news-section-5::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;background:#5B8C51;height:35%}
@media (max-width: 575px) {
.news-section-2 .section-title-area{justify-content:center;text-align:center}
}
.blog-wrapper .single-blog-post{margin-bottom:40px;position:relative}
.blog-wrapper .single-blog-post .video__button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.blog-wrapper .single-blog-post .video__button .video__btn__wrp{margin-bottom:0}
.blog-wrapper .single-blog-post.post-details.format-quote .post-content{position:relative;background:transparent;border:none}
.blog-wrapper .single-blog-post.post-details .post-content{border:none}
.blog-wrapper .single-blog-post.post-details .post-content img{margin-top:20px;margin-bottom:20px;border-radius:10px}
.blog-wrapper .single-blog-post.post-details .post-content .single-post-image{width:100%;height:100%;border-radius:6px}
.blog-wrapper .single-blog-post.post-details .post-content h1{font-size:36px;line-height:1.4}
.blog-wrapper .single-blog-post.post-details .post-content h1,.blog-wrapper .single-blog-post.post-details .post-content h2,.blog-wrapper .single-blog-post.post-details .post-content h3,.blog-wrapper .single-blog-post.post-details .post-content h4,.blog-wrapper .single-blog-post.post-details .post-content h5,.blog-wrapper .single-blog-post.post-details .post-content h6{margin-top:10px}
.blog-wrapper .single-blog-post.post-details .post-content table{margin-top:20px}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post.post-details .post-content h1{font-size:28px}
.blog-wrapper .single-blog-post.post-details .post-content h3{font-size:20px}
}
.blog-wrapper .single-blog-post.post-details blockquote,.blog-wrapper .single-blog-post.post-details .wp-block-quote{background-color:var(--main-color);color:var(--white-color);font-size:26px;line-height:1.4;font-family:"Nunito",sans-serif;font-weight:400;padding:60px;text-align:center;margin:40px 0;position:relative;z-index:1;border-radius:6px}
.blog-wrapper .single-blog-post.post-details blockquote a,.blog-wrapper .single-blog-post.post-details .wp-block-quote a{color:var(--white-color)}
.blog-wrapper .single-blog-post.post-details blockquote a:hover,.blog-wrapper .single-blog-post.post-details .wp-block-quote a:hover{color:var(--text)}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post.post-details blockquote,.blog-wrapper .single-blog-post.post-details .wp-block-quote{padding:30px 15px;font-size:18px;line-height:1.5}
}
.blog-wrapper .single-blog-post.post-details blockquote::before,.blog-wrapper .single-blog-post.post-details .wp-block-quote::before{right:30px;font-size:110px;line-height:1;font-family:"Font Awesome 5 Pro";position:absolute;content:"\f10d";bottom:-20px;color:var(--white-color);z-index:-1;opacity:.1;font-weight:900}
.blog-wrapper .single-blog-post.format-video .post-featured-thumb,.blog-wrapper .single-blog-post.category-video-post .post-featured-thumb{z-index:1;position:relative}
.blog-wrapper .single-blog-post.format-video .post-featured-thumb::before,.blog-wrapper .single-blog-post.category-video-post .post-featured-thumb::before{position:absolute;width:100%;height:100%;left:0;top:0;content:"";background-color:#282835;opacity:.3;z-index:-1}
.blog-wrapper .single-blog-post.quote-post .post-content,.blog-wrapper .single-blog-post.format-quote .post-content{position:relative;background-color:var(--main-color);border:none;padding-top:0;border-radius:6px}
.blog-wrapper .single-blog-post.quote-post .post-content::before,.blog-wrapper .single-blog-post.format-quote .post-content::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";background-image:url(../img/quotepost.png);background-repeat:no-repeat;background-size:cover}
.blog-wrapper .single-blog-post.quote-post .quote-content,.blog-wrapper .single-blog-post.format-quote .quote-content{overflow:hidden;padding:50px;position:relative;z-index:88}
@media (max-width: 585px) {
.blog-wrapper .single-blog-post.quote-post .quote-content,.blog-wrapper .single-blog-post.format-quote .quote-content{text-align:center;font-size:24px;padding:30px}
}
.blog-wrapper .single-blog-post.quote-post .quote-content .icon,.blog-wrapper .single-blog-post.format-quote .quote-content .icon{font-size:70px;line-height:80px;float:left;overflow:hidden;margin-right:30px}
@media (max-width: 585px) {
.blog-wrapper .single-blog-post.quote-post .quote-content .icon,.blog-wrapper .single-blog-post.format-quote .quote-content .icon{float:none;margin-bottom:10px;margin-right:0;font-size:50px;line-height:60px}
}
.blog-wrapper .single-blog-post.quote-post .quote-content .quote-text,.blog-wrapper .single-blog-post.format-quote .quote-content .quote-text{overflow:hidden}
.blog-wrapper .single-blog-post.quote-post .quote-content h2,.blog-wrapper .single-blog-post.format-quote .quote-content h2{margin-top:-2px;font-size:36px;color:var(--white-color);font-weight:600}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post.quote-post .quote-content h2,.blog-wrapper .single-blog-post.format-quote .quote-content h2{font-size:24px}
}
.blog-wrapper .single-blog-post.quote-post .quote-content .post-meta,.blog-wrapper .single-blog-post.format-quote .quote-content .post-meta{margin-top:10px}
.blog-wrapper .single-blog-post.quote-post .quote-content .post-meta span,.blog-wrapper .single-blog-post.quote-post .quote-content .post-meta i,.blog-wrapper .single-blog-post.format-quote .quote-content .post-meta span,.blog-wrapper .single-blog-post.format-quote .quote-content .post-meta i{color:var(--white-color)}
.blog-wrapper .single-blog-post:last-child{margin-bottom:0}
.blog-wrapper .single-blog-post .post-featured-thumb{height:462px;width:100%;position:relative;margin-bottom:-2px;border-radius:6px}
.blog-wrapper .single-blog-post .post-featured-thumb .post-date{position:absolute;top:20px;left:20px;padding:15px 30px;background-color:var(--main-color);text-align:center}
.blog-wrapper .single-blog-post .post-featured-thumb .post-date h4{color:var(--white-color)}
.blog-wrapper .single-blog-post .post-featured-thumb .post-date h4 span{color:var(--white-color);text-transform:uppercase;font-size:15px}
@media (max-width: 991px) {
.blog-wrapper .single-blog-post .post-featured-thumb{height:280px}
}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post .post-featured-thumb{height:230px}
}
.blog-wrapper .single-blog-post .post-featured-thumb .video-play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.blog-wrapper .single-blog-post .post-featured-thumb .video-play-btn .play-video{border-radius:50%;width:80px;height:80px;line-height:80px;font-size:18px}
.blog-wrapper .single-blog-post .post-content{padding-top:30px;overflow:hidden;box-sizing:border-box}
@media (max-width: 575px) {
.blog-wrapper .single-blog-post .post-content{padding-top:20px}
}
.blog-wrapper .single-blog-post .post-content h2{line-height:1.4;font-size:34px;font-weight:600}
@media (max-width: 575px) {
.blog-wrapper .single-blog-post .post-content h2{font-size:24px}
}
.blog-wrapper .single-blog-post .post-content h2 a:hover{color:var(--main-color)}
.blog-wrapper .single-blog-post .post-content p{font-size:16px}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post .post-content{padding:30px 10px}
}
@media (max-width: 414px) {
.blog-wrapper .single-blog-post .post-content h2{font-size:22px}
}
.blog-wrapper .single-blog-post .post-content .post-cat a{color:var(--white-color);display:inline-block;background-color:var(--main-color);padding:14px 18px 12px;line-height:1;font-size:16px;font-weight:700;transition:all .3s ease-in-out;margin-bottom:20px;text-transform:capitalize;font-family:"League Spartan",sans-serif}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post .post-content .post-cat a{font-size:12px}
}
.blog-wrapper .single-blog-post .post-content .post-cat a:hover{background-color:var(--header)}
.blog-wrapper .single-blog-post .post-content ul{margin-bottom:0;list-style-type:disc;margin-top:30px}
.blog-wrapper .single-blog-post .post-content ul ol{margin-bottom:0}
.blog-wrapper .single-blog-post .post-content ul ul{margin-bottom:0}
.blog-wrapper .single-blog-post .post-content ul li{line-height:1.5;margin-top:10px;list-style-type:disc;color:var(--text);position:relative;font-size:18px;padding-left:30px}
.blog-wrapper .single-blog-post .post-content ul li::before{position:absolute;left:0;top:0;font-family:"Font Awesome 5 Pro";content:"\f00c";color:var(--main-color)}
.blog-wrapper .single-blog-post .post-content ol{margin-bottom:0;list-style-type:decimal}
.blog-wrapper .single-blog-post .post-content ol ul{margin-bottom:0}
.blog-wrapper .single-blog-post .post-content ol ol{margin-bottom:0}
.blog-wrapper .single-blog-post .post-content ol li{line-height:1.5;margin-top:10px;list-style-type:decimal}
.blog-wrapper .single-blog-post .post-content .post-meta{margin-bottom:10px}
.blog-wrapper .single-blog-post .post-content .post-meta span{color:var(--text);font-weight:400;font-size:16px;line-height:1;display:inline-block;margin-right:20px}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post .post-content .post-meta span{font-size:15px}
}
.blog-wrapper .single-blog-post .post-content .post-meta span i{margin-right:5px;color:var(--main-color);font-weight:700}
.blog-wrapper .single-blog-post .post-content h3{font-size:36px;font-weight:600}
@media (max-width: 575px) {
.blog-wrapper .single-blog-post .post-content h3{font-size:27px}
}
.blog-wrapper .single-blog-post .post-content h3 a{background-position:0 95%;background-repeat:no-repeat;background-size:0 2px;display:inline}
.blog-wrapper .single-blog-post .post-content h3 a:hover{color:var(--main-color);background-size:100% 2px;background-image:linear-gradient(180deg,var(--main-color) 0%,var(--main-color) 100%)}
.blog-wrapper .single-blog-post .post-content .author-info{overflow:hidden}
.blog-wrapper .single-blog-post .post-content .author-info .author-img{height:40px;width:40px;line-height:40px;border-radius:50%;background-color:#f2f2f2;margin-right:15px;float:left;overflow:hidden;background-position:center;background-size:cover}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post .post-content .author-info .author-img{margin-right:5px}
}
.blog-wrapper .single-blog-post .post-content .author-info h5{display:inline-block;line-height:1;font-size:16px;margin-top:9px}
.blog-wrapper .single-blog-post .post-content .author-info h5 a:hover{color:var(--main-color)}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post .post-content .author-info h5{font-size:14px}
}
.blog-wrapper .single-blog-post .post-content .post-link a{font-weight:700}
.blog-wrapper .single-blog-post .post-content .post-link a:hover{color:var(--main-color)}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post .post-content .post-link a{font-size:14px}
}
.blog-wrapper .single-blog-post .post-content .post-link a i{margin-right:5px}
@media (max-width: 767px) {
.blog-wrapper .single-blog-post .post-content .post-link a i{margin-right:3px}
}
@media (min-width: 991px) {
.news-area .main-sidebar{margin-left:20px}
}
@media (max-width: 991px) {
.news-area .main-sidebar{margin-top:40px}
}
.news-area .main-sidebar .single-sidebar-widget{box-sizing:border-box;padding:30px;margin-bottom:40px;background-color:transparent;border:1px solid #00000026;border-radius:4px}
.news-area .main-sidebar .single-sidebar-widget ul{padding-left:0}
.news-area .main-sidebar .single-sidebar-widget ul > li{margin-bottom:10px}
.news-area .main-sidebar .single-sidebar-widget ul > li a{font-size:16px;font-weight:500;text-transform:capitalize}
.news-area .main-sidebar .single-sidebar-widget ul > li a:hover{color:var(--main-color)}
.news-area .main-sidebar .single-sidebar-widget ul ul{padding-left:20px}
.news-area .main-sidebar .single-sidebar-widget ul ul li{margin-top:5px}
.news-area .main-sidebar .single-sidebar-widget:last-child{margin-bottom:0}
.news-area .main-sidebar .single-sidebar-widget .wid-title{margin-bottom:25px;padding-left:45px;position:relative}
.news-area .main-sidebar .single-sidebar-widget .wid-title::before{left:0;top:50%;transform:translateY(-50%);content:"";height:4px;width:18px;border-radius:5px;position:absolute;background-color:var(--main-color)}
.news-area .main-sidebar .single-sidebar-widget .wid-title::after{left:22px;top:50%;transform:translateY(-50%);content:"";height:4px;width:4px;border-radius:50%;position:absolute;background-color:var(--main-color)}
.news-area .main-sidebar .single-sidebar-widget .wid-title h3{font-size:20px;font-weight:400}
.news-area .main-sidebar .single-sidebar-widget .social-link a{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;background-color:var(--white-color);font-size:14px;margin-right:5px;margin-bottom:5px}
.news-area .main-sidebar .single-sidebar-widget .social-link a:hover{background-color:var(--main-color);color:var(--white-color)}
.search_widget form{width:100%;position:relative}
.search_widget form input{background-color:var(--white-color);font-size:15px;padding:20px;width:100%;border:none;text-transform:capitalize;color:var(--header);border:1px solid #00000026;border-radius:4px}
.search_widget form button{position:absolute;right:0;top:0;width:70px;font-size:18px;height:100%;background-color:var(--main-color);color:var(--white-color);text-align:center;transition:all .3s ease-in-out}
.search_widget form button:hover{background-color:var(--header)}
.popular-posts .single-post-item,.popular_posts .single-post-item{overflow:hidden}
.popular-posts .single-post-item:not(:last-child),.popular_posts .single-post-item:not(:last-child){margin-bottom:35px}
.popular-posts .single-post-item .thumb,.popular_posts .single-post-item .thumb{height:95px;width:95px;background-color:#f2f2f2;float:left;overflow:hidden;margin-right:20px;border-radius:4px}
.popular-posts .single-post-item .post-content,.popular_posts .single-post-item .post-content{overflow:hidden}
.popular-posts .single-post-item .post-content h5,.popular_posts .single-post-item .post-content h5{font-size:18px;font-weight:600;margin-bottom:0;text-transform:capitalize}
.popular-posts .single-post-item .post-content h5 a:hover,.popular_posts .single-post-item .post-content h5 a:hover{color:var(--main-color)}
.popular-posts .single-post-item .post-content .post-date,.popular_posts .single-post-item .post-content .post-date{margin-top:10px;color:var(--main-color);font-weight:400;font-size:15px;text-transform:capitalize}
.popular-posts .single-post-item .post-content .post-date i,.popular_posts .single-post-item .post-content .post-date i{margin-right:7px}
.widget_categories ul li{display:block}
.widget_categories ul li:last-child a{margin-bottom:0}
.widget_categories ul li a{position:relative;background:var(--white-color);padding:17px 20px;line-height:1;font-size:16px;font-family:"Nunito",sans-serif;display:block;margin-bottom:12px;font-weight:600;transition:all .4s ease-in-out;border:1px solid #00000026;border-radius:4px}
.widget_categories ul li a:hover{color:var(--main-color)}
.widget_categories ul li a i{margin-right:10px}
.widget_categories ul li a span{position:absolute;width:60px;line-height:55px;height:100%;content:"";background-color:var(--main-color);right:0;top:0;text-align:center;color:var(--white-color)}
.tagcloud a{display:inline-block;padding:12px 22px;line-height:1;font-weight:600;font-size:14px;border:1px solid #00000026;margin-right:8px;text-transform:capitalize;margin-bottom:10px;border-radius:4px}
.tagcloud a:last-child{margin-right:0}
.tagcloud a:hover{background-color:var(--main-color);color:var(--white-color)}
.widget_categories ul li{display:block;margin-bottom:10px}
p.sticky-label{position:absolute;right:0;background:var(--main-color);color:var(--white-color);padding:10px 40px;z-index:-1;top:0;font-weight:700}
.page-nav-wrap{margin-top:50px}
.page-nav-wrap ul li{display:inline-block}
.page-nav-wrap ul li .page-numbers{display:inline-block;width:60px;height:60px;line-height:60px;border-radius:50%;background:#f6f6f6;font-weight:700;transition:all .3s ease-in-out;margin:0 2px}
.page-nav-wrap ul li .page-numbers.current{background-color:var(--main-color);color:var(--white-color)}
@media (max-width: 767px) {
.page-nav-wrap ul li .page-numbers{margin-top:10px;width:50px;height:50px;line-height:50px;font-size:14px}
}
.page-nav-wrap ul li .page-numbers i{margin-top:2px}
.page-nav-wrap ul li .page-numbers:hover{background-color:var(--main-color);color:var(--white-color)}
.social-share a{margin-left:10px;transition:all .4s ease-in-out}
.social-share a:hover{color:var(--main-color)}
.tag-share-wrap{padding-bottom:50px}
.tag-share-wrap h4{margin-bottom:25px}
@media (max-width: 767px) {
.tag-share-wrap h4{margin-bottom:10px;font-size:18px}
.tag-share-wrap .tagcloud{margin-bottom:20px}
}
.comments-section-wrap{overflow:hidden}
.comments-heading h3,.related-post-wrap h3,.comment-form-wrap h3{font-size:26px}
@media (max-width: 767px) {
.comments-heading h3,.related-post-wrap h3,.comment-form-wrap h3{font-size:20px}
}
.comments-item-list .single-comment-item{margin-top:30px}
.comments-item-list .single-comment-item ul{margin-bottom:15px}
.comments-item-list .single-comment-item p,.comments-item-list .single-comment-item span{font-size:16px}
.comments-item-list .single-comment-item .author-img{width:100px;height:100px;border-radius:50%;float:left;overflow:hidden;margin-right:30px}
@media (max-width: 991px) {
.comments-item-list .single-comment-item .author-img{width:80px;height:80px;margin-right:20px}
}
@media (max-width: 767px) {
.comments-item-list .single-comment-item .author-img{width:70px;height:70px;margin-right:15px}
}
@media (max-width: 585px) {
.comments-item-list .single-comment-item .author-img{float:none;margin-bottom:20px}
}
.comments-item-list .single-comment-item .author-info-comment{overflow:auto;padding-bottom:25px;border-bottom:1px solid #e2e2e2}
.comments-item-list .single-comment-item .author-info-comment .info{position:relative}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn{padding:10px 18px;font-size:14px;position:absolute;top:50%;right:0;transform:translateY(-50%);color:var(--text);border:1px solid #ebebeb;background:transparent;border-radius:0;transition:all .4s ease-in-out;box-shadow:inherit;height:initial;line-height:initial}
@media (max-width: 767px) {
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn{font-size:12px}
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn i{margin-right:10px;margin-left:0!important;transition:all .4s ease-in-out;width:initial;height:initial;line-height:initial;background-color:transparent;color:var(--main-color);transform:translate(0)}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn.minimal-btn{border-radius:4px}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn.minimal-btn::before,.comments-item-list .single-comment-item .author-info-comment .info .theme-btn.minimal-btn::after{background-color:initial}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover{background-color:var(--main-color);color:var(--white-color)}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover a{color:var(--white-color)!important}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover i{transform:translate(0);width:initial;height:initial;line-height:initial;color:#fff}
.comments-item-list .single-comment-item .author-info-comment .info h5{margin-bottom:5px;font-weight:500}
@media (max-width: 767px) {
.comments-item-list .single-comment-item .author-info-comment .info h5{font-size:16px}
}
.comments-item-list .single-comment-item .author-info-comment span{color:var(--main-color);font-weight:500}
.comments-item-list .single-comment-item .author-info-comment .theme-btn{padding:7px 18px;font-size:14px;position:absolute;top:50%;right:0;transform:translateY(-50%)}
@media (max-width: 767px) {
.comments-item-list .single-comment-item .author-info-comment .theme-btn{font-size:12px}
}
.comments-item-list .single-comment-item .author-info-comment .theme-btn i{margin-right:5px}
.comments-item-list .single-comment-item .author-info-comment .theme-btn:hover a{color:var(--white-color)}
.comments-item-list .single-comment-item .author-info-comment .comment-text{margin-top:15px}
.comment-form{background-color:var(--white-color);width:100%;margin-top:30px}
.comment-form label{margin-bottom:4px}
.comment-form input,.comment-form textarea{margin-bottom:20px;outline:none;padding:20px 30px;line-height:1;font-size:16px;width:100%;border:none;font-weight:400;text-transform:capitalize;color:var(--text);border:1px solid #00000026;border-radius:6px}
@media (max-width: 585px) {
.comment-form input,.comment-form textarea{padding:15px}
}
.comment-form textarea{height:200px;line-height:1.3;border:1px solid #00000026!important;border-radius:6px;border:none}
@media (max-width: 767px) {
.comment-form textarea{height:120px}
}
.comment-form .theme-btn{display:inline-block;line-height:1.2;padding:22px 50px;transition:all .3s ease-in-out;margin-bottom:0;margin-top:20px}
@media (max-width: 767px) {
.comment-form .theme-btn{padding:20px 40px}
}
@media (max-width: 585px) {
.comment-form .theme-btn{padding:15px 40px;font-size:14px}
}
.comment-form .theme-btn i{margin-right:10px;width:initial;height:initial;line-height:initial;background-color:transparent;color:var(--white-color);margin-left:0;margin-right:10px;transform:translate(0)}
.comment-form .theme-btn:hover i{transform:translate(0);color:var(--header)}
.comment ul{list-style-type:disc}
.comment ul ol{margin-bottom:0}
.comment ul li{line-height:1.5;margin-top:10px;list-style-type:disc}
.comment ol ul{margin-bottom:0}
.comment ol ol{margin-bottom:0}
.comment ol li{line-height:1.5;margin-top:10px}
.site_info_widget .single-contact-info{overflow:auto;margin-bottom:20px}
.site_info_widget .single-contact-info span{display:block;color:var(--main-color)}
.site_info_widget .single-contact-info .icon{width:40px;height:40px;line-height:40px;color:var(--white-color);background-color:var(--main-color);float:left;text-align:center;overflow:hidden;font-size:16px;margin-right:20px}
.site_info_widget .single-contact-info:nth-child(2n) .icon{background-color:var(--main-color)}
.site_info_widget .single-contact-info:nth-child(3n) .icon{background-color:var(--main-color)}
.site_info_widget .social-link{margin-top:35px}
.site_info_widget .social-link a{margin-right:8px!important}
.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}
@media (max-width: 767px) {
.alignleft{float:none}
}
@media (max-width: 575px) {
.contact-wrapper .section-title{text-align:center}
}
.contact-wrapper .contact-content{position:relative;z-index:9}
.contact-wrapper .contact-content .contact-form-box{margin-top:45px}
@media (max-width: 767px) {
.contact-wrapper .contact-content .contact-form-box{margin-top:30px}
}
.contact-wrapper .contact-content .contact-form-box .form-clt input,.contact-wrapper .contact-content .contact-form-box .form-clt textarea, .form-clt select{line-height:1;padding:20px;width:100%;text-transform:capitalize;color:var(--text);border-radius:4px;border:1px solid var(--white-color);background:var(--white-color)}
textarea:focus, input:focus, select:focus{ box-shadow: none; border-color: var(--main-color) !important; outline: none; transition: var(--transition); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); }
@media (max-width: 575px) {
.contact-wrapper .contact-content .contact-form-box .theme-btn{width:100%}
}
.contact-wrapper .contact-image{margin-left:20%}
@media (max-width: 1600px) {
.contact-wrapper .contact-image{margin-left:20px}
}
@media (max-width: 1199px) {
.contact-wrapper .contact-image{margin-left:0}
.contact-wrapper .contact-image img{width:100%;height:100%}
}
.contact-section{position:relative}
@media (max-width: 1199px) {
.contact-section{padding:100px 0}
}
@media (max-width: 991px) {
.contact-section{padding:80px 0}
}
.contact-section .shape-1{position:absolute;top:90px;right:47%}
@media (max-width: 1199px) {
.contact-section .shape-1{display:none}
}
.contact-wrapper-3{position:relative}
@media (max-width: 575px) {
.contact-wrapper-3 .theme-btn{width:100%;text-align:center}
}
.contact-wrapper-3 .contact-content{margin-right:60px}
@media (max-width: 1199px) {
.contact-wrapper-3 .contact-content{margin-right:0}
}
@media (max-width: 575px) {
.contact-wrapper-3 .contact-content .section-title{text-align:center}
}
.contact-wrapper-3 .contact-content .contact-form-box{margin-top:45px}
.contact-wrapper-3 .contact-content .contact-form-box .form-clt input,.contact-wrapper-3 .contact-content .contact-form-box .form-clt textarea{line-height:1;padding:20px;width:100%;text-transform:capitalize;color:var(--text);border-radius:4px;border:1px solid var(--white-color);background:var(--white-color)}
.contact-wrapper-3 .contact-content .contact-form-box .form-clt textarea{padding-bottom:120px}
.contact-wrapper-3 .contact-image{margin-left:30px;position:absolute;bottom:-120px}
@media (max-width: 1199px) {
.contact-wrapper-3 .contact-image{bottom:100px}
}
.contact-wrapper-3 .contact-image img{width:100%;height:100%}
.contact-section-3{position:relative;z-index:9}
.contact-section-3 .shape-1{position:absolute;bottom:134px;left:0}
.contact-section-3 .shape-2{position:absolute;top:33px;left:40%}
.contact-section-3 .shape-3{position:absolute;top:0;left:49%;z-index:-1}
.contact-info-box{background:var(--white-color);box-shadow:0 11px 50px 11px #0135660d;border-radius:12px;padding:40px;position:relative; z-index: 1;}
@media (max-width: 1199px) {
.contact-info-box{padding:30px}
}
@media (max-width: 575px) {
.contact-info-box{text-align:center;padding:30px}
}
.contact-info-box .shape-1{position:absolute;bottom:0px;right:0; z-index: -1;}
@media (max-width: 1199px) {
.contact-info-box .shape-1{display:none}
}
.contact-info-box .contact-top{display:flex;align-items:center;gap:20px;margin-bottom:20px}
@media (max-width: 1199px) {
.contact-info-box .contact-top{display:grid}
}
@media (max-width: 575px) {
.contact-info-box .contact-top{justify-content:center}
}
.contact-info-box .contact-top .icon{width:60px;height:60px;line-height:60px;background-color:var(--main-color2);border-radius:50%;text-align:center;color:var(--header);font-size:22px}
@media (max-width: 575px) {
.contact-info-box .contact-top .icon{margin:0 auto}
}
.contact-info-box .contact-top h3{font-size:22px}
.contact-info-box p{font-size:18px}
.contact-info-box p a{color:#5c6672}
.map-section-contact .google-map iframe{width:100%;height:614px}
@media (max-width: 767px) {
.map-section-contact .google-map iframe{height:500px}
}
.footer-section{position:relative;z-index:9}
.footer-section::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;background:#0a2803f0}
.footer-section.style-2{margin-top:-165px;position:relative}
.footer-widget-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:-10px}
@media (max-width: 1199px) {
.footer-widget-top{flex-wrap:wrap;gap:30px;justify-content:start;margin-bottom:0}
}
.footer-widget-top .content-items{display:flex;align-items:center;gap:90px;max-width:935px;width:100%}
@media (max-width: 1399px) {
.footer-widget-top .content-items{max-width:825px}
}
@media (max-width: 991px) {
.footer-widget-top .content-items{flex-wrap:wrap;gap:30px;justify-content:start;max-width:initial}
}
.footer-widget-top .content-items h3{color:var(--white-color);font-size:24px;font-weight:700;max-width:288px}
.footer-widget-top .content-items form{max-width:591px;width:100%;position:relative}
@media (max-width: 1199px) {
.footer-widget-top .content-items form{max-width:initial}
}
.footer-widget-top .content-items form input{max-width:365px;width:100%;outline:none;border:none;border-bottom:1px solid #ffffff2b;padding-bottom:15px;background:transparent}
@media (max-width: 1399px) {
.footer-widget-top .content-items form input{max-width:265px}
}
@media (max-width: 1199px) {
.footer-widget-top .content-items form input{max-width:100%}
}
.footer-widget-top .content-items form input::placeholder{color:#ffffff9e;font-size:16px;font-weight:600}
.footer-widget-top .content-items form .theme-btn{position:absolute;top:-15px;right:0}
.feature-info{display:flex;align-items:center;gap:20px}
@media (max-width: 1399px) {
.feature-info{gap:10px}
}
.feature-info .circle-bg-icon{position:relative;z-index:9}
.feature-info .circle-bg-icon img{animation:cir36 20s linear infinite}
.feature-info .circle-bg-icon .icon{position:absolute;z-index:1;top:57%;left:50%;transform:translate(-50%,-50%);font-size:25px;color:#404A3D}
.feature-info .circle-bg-icon .icon i{transition:all .4s ease-in-out;display:inline-block}
.feature-info .feature-content h5{font-size:18px;font-weight:700;color:#fff}
.feature-info .feature-content p{color:#ffffffbf}
@media (max-width: 1399px) {
.feature-info .feature-content p{font-size: 14px;line-height: 24px;}
}
.feature-info:hover .circle-bg-icon .icon i{transform:scaleX(-1)!important}
.footer-widget-wrapper{padding:60px 0;}
.footer-widget-wrapper .footer-widget-items{margin-top:30px}
.footer-widget-wrapper .footer-widget-items .widget-head{margin-bottom:30px}
@media (max-width: 767px) {
.footer-widget-wrapper .footer-widget-items .widget-head{margin-bottom:15px}
}
.footer-widget-wrapper .footer-widget-items .widget-head h5{font-size: 20px;font-weight: 800;color: var(--main-color2);border-right: 1px solid var(--main-color2);line-height: 1.3;}
.footer-widget-wrapper .footer-widget-items .contact-list li{display:flex;align-items:center;gap:20px}
.footer-widget-wrapper .footer-widget-items .contact-list li .icon{width:50px;height:50px;line-height:50px;background-color:var(--main-color2);border-radius:50%;text-align:center;color:var(--header)}
.footer-widget-wrapper .footer-widget-items .contact-list li .content h5{margin-bottom:5px;color:#ffffff9e;font-size:16px;font-weight:600}
@media (max-width: 575px) {
.footer-widget-wrapper .footer-widget-items .contact-list li .content h5{margin-bottom:0}
}
.footer-widget-wrapper .footer-widget-items .contact-list li .content p{color:var(--white-color);font-size:16px;font-weight:600}
.footer-widget-wrapper .footer-widget-items .contact-list li .content p a{color:var(--white-color);font-size:16px;font-weight:600}
.footer-widget-wrapper .footer-widget-items .contact-list li:not(:last-child){margin-bottom:20px}
.footer-widget-wrapper .footer-widget-items .list-area li{transition:all .4s ease-in-out;font-size:15px;font-weight:400; display: inline-block; min-width: 48%;}
.footer-widget-wrapper .footer-widget-items .list-area li i{margin-right:6px;font-size:14px}
@media (max-width: 1399px) {
.footer-widget-wrapper .footer-widget-items .list-area li i{margin-right:4px}
}
.footer-widget-wrapper .footer-widget-items .list-area li:not(:last-child){margin-bottom:12px}
.footer-widget-wrapper .footer-widget-items .list-area li a{color:#ffffffbf}
.footer-widget-wrapper .footer-widget-items .list-area li:hover{margin-left:5px}
.footer-widget-wrapper .footer-widget-items .list-area li:hover a{color:var(--main-color2)}
.footer-widget-wrapper .footer-widget-items .recent-post li{display:flex;align-items:center;gap:20px}
.footer-widget-wrapper .footer-widget-items .recent-post li .thumb{max-width:99px;width:100%}
.footer-widget-wrapper .footer-widget-items .recent-post li .thumb img{width:100%;height:100%;border-radius:8px}
.footer-widget-wrapper .footer-widget-items .recent-post li .content p{color:var(--main-color2)}
.footer-widget-wrapper .footer-widget-items .recent-post li .content h4{font-size:18px;font-weight:600;margin-top:7px}
.footer-widget-wrapper .footer-widget-items .recent-post li .content h4 a{color:var(--white-color)}
.footer-widget-wrapper .footer-widget-items .recent-post li .content h4 a:hover{color:var(--main-color2)}
.footer-widget-wrapper .footer-widget-items .recent-post li:not(:last-child){margin-bottom:25px}
.footer-bottom{background-color:#1e3917;padding:18px 0}
.footer-bottom .footer-bottom-wrapper{display:flex;justify-content:space-between;align-items:center}
@media (max-width: 991px) {
.footer-bottom .footer-bottom-wrapper{flex-wrap: wrap;gap: 10px;justify-content: center;text-align: center;}
}
.footer-bottom .footer-bottom-wrapper .text-1{color:#ffffffbf}
.footer-bottom .footer-bottom-wrapper .social-icon{display:flex;gap:20px}
.footer-bottom .footer-bottom-wrapper .social-icon a{color:var(--white-color);font-size:16px}
.footer-bottom .footer-bottom-wrapper .social-icon a:hover{color:var(--main-color2)}
.footer-section-3{position:relative;z-index:9}
.footer-section-3::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;background:#0a2803f0}
.footer-widget-top-3{border-bottom:1px solid #ffffff1f;display:flex;align-items:center;justify-content:space-between;padding-top:0}
@media (max-width: 1199px) {
.footer-widget-top-3{flex-wrap:wrap;gap:30px;padding:80px 0}
}
.footer-widget-top-3 .line{height:206px;width:1px;background-color:#ffffff1f}
@media (max-width: 1199px) {
.footer-widget-top-3 .line{display:none}
}
.footer-widget-top-3 .icon-area{display:flex;align-items:center;gap:25px}
.footer-widget-top-3 .icon-area .icon{width:50px;height:50px;line-height:50px;background-color:var(--main-color2);border-radius:50%;text-align:center;color:var(--main-color)}
.footer-widget-top-3 .icon-area .content h5{margin-bottom:7px;color:#ffffff9e;font-size:16px;font-weight:600}
.footer-widget-top-3 .icon-area .content p{color:var(--white-color);font-size:20px;font-weight:800}
.footer-widget-top-3 .icon-area .content p a{color:var(--white-color);font-size:20px;font-weight:800}
.footer-widget-wrapper-3{padding:90px 0 120px}
@media (max-width: 1199px) {
.footer-widget-wrapper-3{padding:70px 0 100px}
}
@media (max-width: 991px) {
.footer-widget-wrapper-3{padding:50px 0 80px}
}
.footer-widget-wrapper-3 .footer-widget-items{margin-top:30px}
.footer-widget-wrapper-3 .footer-widget-items .widget-head{margin-bottom:30px}
.footer-widget-wrapper-3 .footer-widget-items .widget-head h5{font-size:22px;font-weight:800;color:var(--white-color)}
.footer-widget-wrapper-3 .footer-widget-items .footer-content p{color:var(--white-color);max-width:281px}
.footer-widget-wrapper-3 .footer-widget-items .footer-content h3{font-size:22px;font-weight:800;color:#FFF;margin-top:20px}
.footer-widget-wrapper-3 .footer-widget-items .footer-content .social-icon{display:flex;gap:20px;margin-top:20px}
.footer-widget-wrapper-3 .footer-widget-items .footer-content .social-icon a{color:var(--white-color);font-size:18px}
.footer-widget-wrapper-3 .footer-widget-items .footer-content .social-icon a:hover{color:var(--main-color2)}
.footer-widget-wrapper-3 .footer-widget-items .list-area li{transition:all .4s ease-in-out;font-size:16px;font-weight:400}
@media (max-width: 1399px) {
.footer-widget-wrapper-3 .footer-widget-items .list-area li{font-size:15px}
}
@media (max-width: 1199px) {
.footer-widget-wrapper-3 .footer-widget-items .list-area li{font-size:16px}
}
.footer-widget-wrapper-3 .footer-widget-items .list-area li i{margin-right:9px;font-size:14px}
.footer-widget-wrapper-3 .footer-widget-items .list-area li:not(:last-child){margin-bottom:20px}
.footer-widget-wrapper-3 .footer-widget-items .list-area li a{color:#ffffffbf}
.footer-widget-wrapper-3 .footer-widget-items .list-area li:hover{margin-left:5px}
.footer-widget-wrapper-3 .footer-widget-items .list-area li:hover a{color:var(--main-color2)}
.footer-widget-wrapper-3 .footer-widget-items .recent-post li{display:flex;align-items:center;gap:20px}
.footer-widget-wrapper-3 .footer-widget-items .recent-post li .thumb{max-width:99px;width:100%}
.footer-widget-wrapper-3 .footer-widget-items .recent-post li .thumb img{width:100%;height:100%;border-radius:8px}
.footer-widget-wrapper-3 .footer-widget-items .recent-post li .content p{color:var(--main-color2)}
.footer-widget-wrapper-3 .footer-widget-items .recent-post li .content h4{font-size:18px;font-weight:600;margin-top:7px}
.footer-widget-wrapper-3 .footer-widget-items .recent-post li .content h4 a{color:var(--white-color)}
.footer-widget-wrapper-3 .footer-widget-items .recent-post li .content h4 a:hover{color:var(--main-color2)}
.footer-widget-wrapper-3 .footer-widget-items .recent-post li:not(:last-child){margin-bottom:25px}
.footer-subscrive{position:relative;z-index:999}
.footer-subscrive::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;background:#1E3917;top:50%;height:initial}
.footer-subscrive .footer-subscrive-bottom{background-color:#244F0B;border-radius:28px;padding:44px 54px;display:flex;justify-content:space-between}
@media (max-width: 1199px) {
.footer-subscrive .footer-subscrive-bottom{padding:40px 30px;flex-wrap:wrap;gap:30px}
}
.footer-subscrive .footer-subscrive-bottom h3{font-size:24px;font-weight:700;color:var(--white-color)}
.footer-subscrive .footer-subscrive-bottom form{max-width:591px;width:100%;position:relative;display:flex}
.footer-subscrive .footer-subscrive-bottom form input{max-width:365px;width:100%;outline:none;border:none;border-bottom:1px solid #ffffff2b;padding-bottom:15px;background:transparent}
.footer-subscrive .footer-subscrive-bottom form input::placeholder{color:#ffffff9e;font-size:16px;font-weight:600}
.footer-subscrive .footer-subscrive-bottom form .theme-btn{position:absolute;top:15px;right:0}
@media (max-width: 767px) {
.footer-subscrive .footer-subscrive-bottom form .theme-btn{position:relative;margin-top:10px;top:initial;right:initial}
}
.footer-bottom-3{background-color:#1e3917;padding:18px 0}
.footer-bottom-3 .footer-bottom-wrapper{display:flex;justify-content:space-between;align-items:center}
@media (max-width: 767px) {
.footer-bottom-3 .footer-bottom-wrapper{flex-wrap:wrap;gap:20px;justify-content:center}
}
.footer-bottom-3 .footer-bottom-wrapper .text-1{color:#ffffffbf}
.footer-widget-top-4{align-items:center;display:flex;gap:70px;justify-content:center}
@media (max-width: 991px) {
.footer-widget-top-4{flex-wrap:wrap;gap:30px}
}
.footer-widget-top-4 form{max-width:506px;width:100%;background-color:var(--white-color);height:60px;line-height:60px;border-radius:74px;border:1px solid #3c3c3c4d;position:relative;padding-left:30px}
@media (max-width: 575px) {
.footer-widget-top-4 form{height:54px;line-height:54px}
}
.footer-widget-top-4 form input{width:100%;max-width:300px;border:none;background:transparent;outline:none;color:var(--text)}
.footer-widget-top-4 form .theme-btn{border-radius:100px;position:absolute;top:0;right:0;background-color:var(--main-color);line-height:1}
.footer-widget-wrapper-4{padding:90px 0 120px}
@media (max-width: 1199px) {
.footer-widget-wrapper-4{padding:70px 0 100px}
}
@media (max-width: 991px) {
.footer-widget-wrapper-4{padding:50px 0 80px}
}
.footer-widget-wrapper-4 .footer-widget-items{margin-top:30px}
.footer-widget-wrapper-4 .footer-widget-items .widget-head{margin-bottom:30px}
.footer-widget-wrapper-4 .footer-widget-items .widget-head h5{font-size:22px;font-weight:800}
.footer-widget-wrapper-4 .footer-widget-items .footer-content p{max-width:281px}
.footer-widget-wrapper-4 .footer-widget-items .footer-content h3{font-size:22px;font-weight:800;margin-top:20px}
.footer-widget-wrapper-4 .footer-widget-items .footer-content .social-icon{display:flex;gap:20px;margin-top:25px}
.footer-widget-wrapper-4 .footer-widget-items .footer-content .social-icon a{font-size:18px}
.footer-widget-wrapper-4 .footer-widget-items .footer-content .social-icon a:hover{color:var(--main-color)}
.footer-widget-wrapper-4 .footer-widget-items .footer-content form{max-width:299px;width:100%;position:relative;margin-top:25px}
.footer-widget-wrapper-4 .footer-widget-items .footer-content form .icon-btn{width:47px;height:44px;line-height:44px;display:inline-block;background-color:var(--main-color);color:var(--white-color);border-radius:50%;position:absolute;top:9px;right:10px}
.footer-widget-wrapper-4 .footer-widget-items .footer-content form input{width:100%;outline:none;border-radius:60px;border:1px solid #3c3c3c4d;font-size:16px;font-weight:600;padding:20px;line-height:1;background:var(--white-color)}
.footer-widget-wrapper-4 .footer-widget-items .footer-content form input::placeholder{color:#404a3da6}
.footer-widget-wrapper-4 .footer-widget-items .list-area li{transition:all .4s ease-in-out;font-size:16px;font-weight:400}
@media (max-width: 1399px) {
.footer-widget-wrapper-4 .footer-widget-items .list-area li{font-size:15px}
}
@media (max-width: 1199px) {
.footer-widget-wrapper-4 .footer-widget-items .list-area li{font-size:16px}
}
.footer-widget-wrapper-4 .footer-widget-items .list-area li i{margin-right:9px;font-size:14px}
.footer-widget-wrapper-4 .footer-widget-items .list-area li:not(:last-child){margin-bottom:20px}
.footer-widget-wrapper-4 .footer-widget-items .list-area li:hover{margin-left:5px}
.footer-widget-wrapper-4 .footer-widget-items .list-area li:hover a{color:var(--main-color)}
.footer-widget-wrapper-4 .footer-widget-items .contact-list li{display:flex;align-items:center;gap:20px}
.footer-widget-wrapper-4 .footer-widget-items .contact-list li .icon{width:50px;height:50px;line-height:50px;background-color:var(--main-color2);border-radius:50%;text-align:center;color:var(--main-color)}
.footer-widget-wrapper-4 .footer-widget-items .contact-list li .content h5{margin-bottom:7px;font-size:16px;font-weight:600}
.footer-widget-wrapper-4 .footer-widget-items .contact-list li .content p{font-size:20px;font-weight:800;color:var(--header)}
.footer-widget-wrapper-4 .footer-widget-items .contact-list li .content p a{font-size:20px;font-weight:800;color:var(--header)}
.footer-widget-wrapper-4 .footer-widget-items .contact-list li:not(:last-child){margin-bottom:35px}
.footer-widget-wrapper-4 .footer-widget-items .recent-post li{display:flex;align-items:center;gap:20px}
.footer-widget-wrapper-4 .footer-widget-items .recent-post li .thumb{max-width:99px;width:100%}
.footer-widget-wrapper-4 .footer-widget-items .recent-post li .thumb img{width:100%;height:100%;border-radius:8px}
.footer-widget-wrapper-4 .footer-widget-items .recent-post li .content p{color:var(--main-color2)}
.footer-widget-wrapper-4 .footer-widget-items .recent-post li .content h4{font-size:18px;font-weight:600;margin-top:7px}
.footer-widget-wrapper-4 .footer-widget-items .recent-post li .content h4 a:hover{color:var(--main-color)}
.footer-widget-wrapper-4 .footer-widget-items .recent-post li:not(:last-child){margin-bottom:25px}
.footer-section-4{position:relative;z-index:9}
.footer-section-4 .shape-1{position:absolute;top:2%;left:16%}
.footer-section-4 .shape-2{position:absolute;top:15%;right:0}
.footer-widget-top-5{text-align:center}
.footer-widget-top-5 .theme-btn{margin-top:30px}
.footer-section-5{position:relative}
.footer-section-5 .shape-1{position:absolute;top:10px;left:7%}
.footer-section-5 .shape-2{position:absolute;top:18%;right:30%}
.footer-section-5 .shape-3{position:absolute;top:10%;right:0}
.footer-section-5 .shape-4{position:absolute;bottom:15%;left:60px}