:root{--theme-color:#85BF18;--theme-shade-color:#99EF68;--theme-color-2:#000;--theme-color-3:#a9c200;--title-color:#15161C;--body-color:#868681;--gray-color:#383838;--warning-color:#FFB539;--success-color:#28a745;--error-color:#dc3545;--light-color:#f5f5f5;--dark-color:#15161C;--white-color:#fff;--black-color:#000;--hr-color:#000;--outfit-font:"Outfit",sans-serif;--dm-sans-font:"DM Sans",sans-serif;--albert-sans-font:"Albert Sans",sans-serif;--icon-font:"Font Awesome 6 Pro";--body-fz:16px}
body,html{scroll-behavior:smooth!important}
body::-webkit-scrollbar,html::-webkit-scrollbar{width:10px;height:10px}
body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:#c1c1c1}
body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background-color:#222;outline:0}
body::-webkit-scrollbar-thumb:active,html::-webkit-scrollbar-thumb:active{background:var(--theme-color-2)}
body{color:var(--body-color);font-size:var(--body-fz);font-family:var(--dm-sans-font);font-weight:400;-webkit-font-smoothing:antialiased}
img{max-width:100%;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
a{text-decoration:none;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
a:active,a:hover{text-decoration:none}
.btn,button{-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.btn:active,.btn:focus,.btn:hover,button:active,button:focus,button:hover{outline:0}
.btn:focus,button:focus,input:focus,textarea,textarea:focus{outline:0;box-shadow:none}
.form-control:focus{color:var(--title-color);background-color:transparent;outline:0;box-shadow:none}
.btn:focus,.btn:hover{outline:0;box-shadow:none;color:#fff}
h1,h2,h3,h4,h5,h6{font-family:var(--outfit-font);color:var(--title-color);font-weight:700;margin-bottom:20px}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}
h1{font-size:48px;line-height:1.3}
h2{font-size:36px;line-height:1.3}
h3{font-size:28px;line-height:1.3}
h4{font-size:24px;line-height:1.2}
h5{font-size:20px;line-height:1.2}
h6{font-size:16px;line-height:1.2}
hr{margin:20px 0;border-color:var(--hr-color)}
ol{list-style:decimal}
p:last-child{margin-bottom:0}
label{color:var(--gray-color);cursor:pointer;font-size:var(--body-fz);font-weight:400}
::-moz-selection{background:var(--theme-color);color:#fff;text-shadow:none}
::-moz-selection{background:var(--theme-color);color:#fff;text-shadow:none}
::selection{background:var(--theme-color);color:#fff;text-shadow:none}
::-moz-placeholder{color:var(--body-color);font-size:var(--body-fz);opacity:1}
::placeholder{color:var(--body-color);font-size:var(--body-fz);opacity:1}
.btn-theme{color:#fff;border-color:var(--theme-color);background:var(--theme-color)}
.btn-theme:hover{background:var(--theme-color);color:#fff;border-color:var(--theme-color)}
.btn-rounded{border-radius:100%!important}
.btn-square{border-radius:0!important}
.bg-gray{background:var(--gray-color)}
.bg-white{background:#fff}
.bg-cream{background:#f8f7f0}
.bg-black{background:#000}
.bg-theme{background:var(--theme-color)}
.bg-dark{background-color:var(--dark-color)!important}
.bg-off-white{background-color:#f7f7f7}
.bg-off-white-2{background-color:#f1f8ff}
.bg-blue{background-color:#4c87ff!important}
.bg-yellow{background-color:#fea116!important}
.bg-pink{background-color:#fc4557!important}
.bg-egg-blue{background-color:#1cb5a3!important}
.bg-purple{background-color:#5851a7!important}
.gray-color{background:var(--gray-color)}
.white-color{color:#fff}
.black-color{color:#000}
.theme-color{color:var(--theme-color)}
.table-row{display:table;width:100%;height:100%}
.table-cell{display:table-cell;vertical-align:middle;width:100%}
.f-left{float:left}
.f-right{float:right}
.fix{overflow:hidden}
.separator{border-top:1px solid #f2f2f2}
.overflow-x-clip{overflow-x:clip}
.overflow-y-clip{overflow-y:clip}
@keyframes animate-pulse{
0%{box-shadow:0 0 0 0 rgba(255,255,255,.8),0 0 0 0 rgba(255,255,255,.5)}
40%{box-shadow:0 0 0 50px rgba(255,109,74,0),0 0 0 0 rgba(255,255,255,.5)}
80%{box-shadow:0 0 0 50px rgba(255,109,74,0),0 0 0 30px rgba(255,109,74,0)}
100%{box-shadow:0 0 0 0 rgba(255,109,74,0),0 0 0 30px rgba(255,109,74,0)}
}
.odometer.odometer-auto-theme,.odometer.odometer-theme-default{font-family:inherit;line-height:inherit}
.common-subtitle{display:inline-flex;align-items:center;gap:10px;justify-content:center;font-size:18px;line-height:120%;margin-bottom:0}
@media (min-width:768px) and (max-width:991px){
.common-subtitle{font-size:18px;line-height:1.5;margin-bottom:14px}
}
@media (max-width:767px){
.common-subtitle{font-size:16px;line-height:1.3;margin-bottom:14px}
}
.common-subtitle.style-color-white{color:var(--white-color)}
.common-subtitle.style-color-2{color:var(--theme-color-2)}
.common-subtitle.style-color-3{color:var(--theme-color-3)}
.common-subtitle.m-b-0{margin-bottom:0}
.common-title{text-align:center;margin-bottom:30px}
@media (min-width:768px) and (max-width:991px){
.common-title{margin-bottom:20px}
}
@media (max-width:767px){
.common-title{margin-bottom:20px}
}
.common-title h2{font-weight:600;font-size:52px;line-height:60px;color:var(--theme-color-3);margin-bottom:0!important}
@media (min-width:1200px) and (max-width:1399px){
.common-title h2 {
font-size: 42px;
line-height: 1.2;
}
@media (min-width:992px) and (max-width:1199px){
.common-title h2{font-size:42px;line-height:1.2}
}
@media (min-width:768px) and (max-width:991px){
.common-title h2{font-size:30px;line-height:1.2}
}
@media (max-width:767px){
.common-title h2{font-size:24px;line-height:1.2}
}
.common-title.style-color-white h2{color:var(--white-color)}
.common-title.style-color-light h2{color:var(--light-color)}
.common-title.style-color-2 h2{color:var(--theme-color-2)}
.common-title.style-color-3 h2{color:var(--theme-color-3)}
.common-title.m-b-0{margin-bottom:0}
@media (min-width:1400px){
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1392px}
}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:30px}
.row{--bs-gutter-x:30px}
.g-0,.gy-0{--bs-gutter-y:0}
.g-0,.gx-0{--bs-gutter-x:0}
.dark #preloader{background-color:#232323}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--white-color);z-index:999999}
.preloader{width:200px;display:inline-block;padding:0;text-align:left;box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.preloader img{width:100%}
.preloader span{position:absolute;display:inline-block;width:200px;height:200px;border-radius:100%;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);-webkit-animation:preloader 1.3s linear infinite;animation:preloader 1.3s linear infinite}
.preloader span:last-child{animation-delay:-.8s;-webkit-animation-delay:-.8s}
@keyframes preloader{
0%{transform:scale(0,0);opacity:.5}
100%{transform:scale(1,1);opacity:0}
}
@-webkit-keyframes preloader{
0%{-webkit-transform:scale(0,0);opacity:.5}
100%{-webkit-transform:scale(1,1);opacity:0}
}
.e-primary-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--albert-sans-font);font-weight:600;font-size:17px;line-height:100%;color:#fff;padding:16px 25px;background:var(--theme-color-2);border-radius:100px;overflow:hidden;position:relative;z-index:1}
@media (min-width:1400px) and (max-width:1700px){
.e-primary-btn{font-size:16px}
}
@media (min-width:1200px) and (max-width:1399px){
.e-primary-btn{font-size:15px}
}
@media (min-width:992px) and (max-width:1199px){
.e-primary-btn{font-size:14px}
}
@media (min-width:768px) and (max-width:991px){
.e-primary-btn{font-size:16px;line-height:20px;gap:8px;padding:5px 5px 5px 20px}
}
@media (max-width:767px){
.e-primary-btn{font-size:16px;line-height:20px;gap:8px;padding:5px 5px 5px 20px}
}
.e-primary-btn:before{content:"";position:absolute;left:-110%;top:50%;width:200%;height:200%;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);z-index:-1;transform:translateX(-50%) translateY(-50%);border-radius:200px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.e-primary-btn.has-icon{padding:4px 5px 4px 17px;gap:15px}
@media (min-width:1200px) and (max-width:1399px){
.e-primary-btn.has-icon{gap:10px}
}
.e-primary-btn .icon-wrap{width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex:none;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--white-color);border-radius:100%;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (max-width:1399px){
.e-primary-btn .icon-wrap{width:40px;height:40px}
}
@media (min-width:768px) and (max-width:991px){
.e-primary-btn .icon-wrap{font-size:15px}
}
@media (max-width:767px){
.e-primary-btn .icon-wrap{font-size:15px}
}
.e-primary-btn .icon-wrap .icon{flex:none;display:flex;align-items:center;justify-content:flex-end;width:15px;overflow:hidden}
@media (min-width:1200px) and (max-width:1399px){
.e-primary-btn .icon-wrap .icon{width:14px}
}
@media (min-width:992px) and (max-width:1199px){
.e-primary-btn .icon-wrap .icon{width:14px}
}
@media (min-width:768px) and (max-width:991px){
.e-primary-btn .icon-wrap .icon{width:10px}
}
@media (max-width:767px){
.e-primary-btn .icon-wrap .icon{width:10px}
}
.e-primary-btn .icon-wrap .icon i{flex:none;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.e-primary-btn.is-hover-white:before{background:var(--white-color)}
.e-primary-btn.is-hover-white:hover{color:var(--theme-color-3)}
.e-primary-btn.is-hover-white:hover .icon-wrap{background:var(--theme-color-2);color:var(--theme-color-3)}
.e-primary-btn:hover{color:var(--white-color)}
.e-primary-btn:hover:before{left:-10%;transform:translateX(0) translateY(-50%)}
.e-primary-btn:hover .icon-wrap{background:var(--white-color);color:var(--theme-color-3)}
.e-primary-btn:hover .icon-wrap .icon i{transform:translateX(100%)}
.e-primary-btn.has-small .icon-wrap{width:34px;height:34px}
@media (max-width:991px){
.e-primary-btn.has-small .icon-wrap{width:40px;height:40px}
}
.logo-wrap img{width:100%;max-width:165px}
.logo-wrap-2{background:rgb(255 255 255);backdrop-filter:blur(14.75px);border-radius:0 0 16px 0;padding:5px 14px;border-right:1.5px solid rgba(255,255,255,.1);border-bottom:1.5px solid rgba(255,255,255,.1)}
.logo-wrap-2 img{max-width:165px}
@media (min-width:1200px) and (max-width:1399px){
.logo-wrap-2 img{max-width:125px}
}
.header-bottom{padding-top:20px;padding-bottom:20px}
@media (min-width:992px) and (max-width:1199px){
.header-bottom{padding:10px 0}
}
@media (min-width:768px) and (max-width:991px){
.header-bottom{padding:10px 0}
}
@media (max-width:767px){
.header-bottom{padding:10px 0}
}
.header-bottom-2{padding-left:85px;padding-right:85px;padding-top:20px;padding-bottom:20px;position:absolute;top:0;right:0;width:100%;z-index:2}
@media (min-width:1400px) and (max-width:1700px){
.header-bottom-2{padding-left:15px;padding-right:15px}
}
@media (min-width:1200px) and (max-width:1399px){
.header-bottom-2{padding-left:0;padding-right:0}
}
@media (min-width:992px) and (max-width:1199px){
.header-bottom-2{padding:10px 0}
}
@media (min-width:768px) and (max-width:991px){
.header-bottom-2{padding:10px 0}
}
@media (max-width:767px){
.header-bottom-2{padding:10px 0}
}
.header-bottom-layout{display:flex;align-items:center;justify-content:space-between}
.header-bottom-layout-2{display:flex;align-items:center;justify-content:space-between;gap:10px}
.header-left{display:flex;align-items:center;gap:100px}
@media (min-width:1400px) and (max-width:1700px){
.header-left{gap:40px}
}
@media (min-width:1200px) and (max-width:1399px){
.header-left{gap:10px}
}
.header-left-2{display:flex;align-items:center;gap:20px}
@media (min-width:1400px) and (max-width:1700px){
.header-left-2{gap:40px}
}
@media (min-width:1200px) and (max-width:1399px){
.header-left-2{gap:10px}
}
.header-left-4{display:flex;align-items:center;gap:40px}
@media (min-width:1400px) and (max-width:1700px){
.header-left-4{gap:100px}
}
@media (min-width:1200px) and (max-width:1399px){
.header-left-4{gap:10px}
}
.header-left-3{display:flex;align-items:center;justify-content:space-between;width:69%;gap:20px}
@media (min-width:1200px) and (max-width:1399px){
.header-left-3{width:66%}
}
.header-middle{display:flex;justify-content:end;align-items:center;width:100%;padding:10px 20px;background:rgba(255,255,255,.02);backdrop-filter:blur(14.75px);border-radius:0 0 16px 16px;border-left:1.5px solid rgba(255,255,255,.1);border-bottom:1.5px solid rgba(255,255,255,.1)}
@media (min-width:1200px) and (max-width:1399px){
.header-middle{padding:24px 5px;padding-left:1.2rem}
}
.header-middle .header-info-wrap{display:flex;align-items:center;justify-content:flex-end;gap:20px}
.header-right{display:flex;align-items:center;justify-content:flex-end;gap:20px}
@media (min-width:1200px) and (max-width:1399px){
.header-right{gap:10px}
}
.main-menu ul{list-style:none;margin:0;padding:0}
.main-menu ul li{display:inline-block}
.main-menu ul li:hover a{background:rgba(0,69,64,.1)}
.main-menu ul li a{display:inline-flex;align-items:center;justify-content:center;padding:5px 16px;font-weight:500;font-size:18px;line-height:167%;color:var(--theme-color-3);border-radius:100px;gap:5px}
@media (min-width:1400px) and (max-width:1700px){
.main-menu ul li a{padding:5px 12px;font-size:16px}
}
@media (min-width:1200px) and (max-width:1399px){
.main-menu ul li a{padding:4px 10px;font-size:16px}
}
.main-menu ul .has-dropdown{position:relative;z-index:1}
.main-menu ul .has-dropdown>a:after{content:"+";font-family:var(--icon-font);font-weight:900;font-size:12px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.main-menu ul .has-dropdown:hover>a:after{transform:rotate(180deg);content:"\f068"}
.main-menu ul .has-dropdown:hover .sub-menu{visibility:visible;opacity:1;top:100%}
.main-menu ul .has-dropdown .sub-menu{position:absolute;left:0;top:120%;width:200px;background:#fff;border-radius:10px;padding:10px 0;visibility:hidden;opacity:0;box-shadow:0 0 5px rgba(0,0,0,.2);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.main-menu ul .has-dropdown .sub-menu li{display:block}
.main-menu ul .has-dropdown .sub-menu li:before{display:none}
.main-menu ul .has-dropdown .sub-menu li a{display:block;color:#383838;font-size:16px;border-radius:0;background:0 0;padding:5px 20px}
.main-menu ul .has-dropdown .sub-menu li a:hover{color:#383838;background:var(--theme-color-2)}
.main-menu-2 ul{list-style:none;margin:0;padding:0}
.main-menu-2 ul li{display:inline-block}
.main-menu-2 ul li:hover a{color:var(--theme-color-2);background:rgba(217,217,217,.16)}
.main-menu-2 ul li a{display:inline-flex;align-items:center;justify-content:center;padding:5px 16px;font-weight:500;font-size:18px;line-height:167%;color:#000;border-radius:100px;gap:5px}
@media (min-width:1400px) and (max-width:1700px){
.main-menu-2 ul li a{padding:5px 12px;font-size:16px}
}
@media (min-width:1200px) and (max-width:1399px){
.main-menu-2 ul li a{letter-spacing:.4px;padding:4px 12px;font-size:15px}
}
.main-menu-2 ul .has-dropdown{position:relative;z-index:1}
.main-menu-2 ul .has-dropdown:hover>a:after{transform:rotate(180deg)}
.main-menu-2 ul .has-dropdown:hover .sub-menu{visibility:visible;opacity:1;top:100%}
.main-menu-2 ul .has-dropdown .sub-menu{position:absolute;left:0;top:120%;width:200px;background:#fff;border-radius:10px;padding:10px 0;visibility:hidden;opacity:0;box-shadow:0 0 5px rgba(0,0,0,.2);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.main-menu-2 ul .has-dropdown .sub-menu li{display:block}
.main-menu-2 ul .has-dropdown .sub-menu li a{display:block;color:#383838;font-size:16px;border-radius:0;background:0 0;padding:5px 20px}
.main-menu-2 ul .has-dropdown .sub-menu li a:hover{color:#fff;background:var(--theme-color-2)}
.main-menu-3{padding:3px;background-color:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.1);border-radius:100px}
.main-menu-3 ul{list-style:none;margin:0;padding:0}
.main-menu-3 ul li{display:inline-flex;align-items:center}
.main-menu-3 ul li:hover a{color:var(--theme-color-3);background:var(--theme-color-2)}
.main-menu-3 ul li:first-child:before{width:0;margin:0}
.main-menu-3 ul li:before{content:"";width:1px;height:20px;display:inline-flex;margin-right:4px;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%)}
.main-menu-3 ul li a{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 16px;font-weight:500;font-size:18px;line-height:167%;color:var(--white-color);border-radius:100px}
@media (min-width:1400px) and (max-width:1700px){
.main-menu-3 ul li a{padding:5px 12px;font-size:16px}
}
@media (min-width:1200px) and (max-width:1399px){
.main-menu-3 ul li a{padding:4px 10px;font-size:16px}
}
.main-menu-3 ul .has-dropdown{position:relative;z-index:1}
.main-menu-3 ul .has-dropdown>a:after{content:"+";font-family:var(--icon-font);font-weight:900;font-size:12px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.main-menu-3 ul .has-dropdown:hover>a:after{transform:rotate(180deg);content:"\f068"}
.main-menu-3 ul .has-dropdown:hover .sub-menu{visibility:visible;opacity:1;top:100%}
.main-menu-3 ul .has-dropdown .sub-menu{position:absolute;left:0;top:120%;width:200px;background:#fff;border-radius:10px;padding:10px 0;visibility:hidden;opacity:0;box-shadow:0 0 5px rgba(0,0,0,.2);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.main-menu-3 ul .has-dropdown .sub-menu li{display:block}
.main-menu-3 ul .has-dropdown .sub-menu li:before{display:none}
.main-menu-3 ul .has-dropdown .sub-menu li a{display:block;color:#383838;font-size:16px;border-radius:0;background:0 0;padding:5px 20px}
.main-menu-3 ul .has-dropdown .sub-menu li a:hover{color:#383838;background:var(--theme-color-2)}
.header-info{display:flex;align-items:center;gap:12px}
@media (min-width:1200px) and (max-width:1399px){
.header-info{gap:5px}
}
.header-info .header-info-icon{width:50px;height:50px;border-radius:100%;background:rgba(217,217,217,.1);border:2px solid rgba(0,69,64,.1);backdrop-filter:blur(4.1px);color:var(--theme-color-3);display:flex;align-items:center;justify-content:center;font-size:20px}
@media (min-width:1400px) and (max-width:1700px){
.header-info .header-info-icon{font-size:16px}
}
@media (min-width:1200px) and (max-width:1399px){
.header-info .header-info-icon{font-size:16px;width:40px;height:40px}
}
.header-info .header-info-icon-2{width:50px;height:50px;border-radius:100%;background:rgba(0,69,64,.1);border:1.5px solid rgba(0,69,64,.15);backdrop-filter:blur(4.1px);color:var(--theme-color-3);display:flex;align-items:center;justify-content:center;font-size:20px}
@media (min-width:1400px) and (max-width:1700px){
.header-info .header-info-icon-2{font-size:16px}
}
@media (min-width:1200px) and (max-width:1399px){
.header-info .header-info-icon-2{font-size:16px;width:40px;height:40px}
}
.header-info .header-info-content span{font-size:14px;line-height:100%;color:rgba(56,56,56,.8)}
.header-info .header-info-content p{font-family:var(--outfit-font);font-weight:500;font-size:18px;line-height:100%;color:var(--theme-color-3)}
@media (min-width:1400px) and (max-width:1700px){
.header-info .header-info-content p{font-size:16px}
}
@media (min-width:1200px) and (max-width:1399px){
.header-info .header-info-content p{font-size:16px}
}
.header-info .header-info-content p a{color:var(--theme-color-3)}
.header-info .header-info-content p a:hover{color:var(--theme-color)}
.header-info-2{display:flex;align-items:center;gap:12px}
@media (min-width:1200px) and (max-width:1399px){
.header-info-2{gap:10px}
}
.header-info-2 .header-info-icon{width:50px;height:50px;border-radius:100%;background:rgba(217,217,217,.1);border:2px solid rgba(255,255,255,.15);backdrop-filter:blur(4.1px);color:#f8f7f0;display:flex;align-items:center;justify-content:center;font-size:20px}
@media (min-width:1400px) and (max-width:1700px){
.header-info-2 .header-info-icon{font-size:16px}
}
@media (min-width:1200px) and (max-width:1399px){
.header-info-2 .header-info-icon{font-size:16px;width:40px;height:40px}
}
.header-info-2 .header-info-content span{font-size:14px;line-height:100%;color:rgba(255,255,255,.8)}
.header-info-2 .header-info-content p{font-family:var(--outfit-font);font-weight:500;font-size:18px;line-height:100%;color:var(--white-color)}
@media (min-width:1400px) and (max-width:1700px){
.header-info-2 .header-info-content p{font-size:16px}
}
@media (min-width:1200px) and (max-width:1399px){
.header-info-2 .header-info-content p{font-size:16px}
}
.header-info-2 .header-info-content p a{color:var(--white-color)}
.header-info-2 .header-info-content p a:hover{color:var(--theme-color-2)}
.header-info-3{display:flex;align-items:center;gap:12px}
@media (min-width:1200px) and (max-width:1399px){
.header-info-3{gap:10px}
}
.header-info-3 .header-info-icon{width:50px;height:50px;border-radius:100%;background:rgb(133 183 58);border:2px solid rgba(255,255,255,.15);backdrop-filter:blur(4.1px);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}
@media (min-width:1400px) and (max-width:1700px){
.header-info-3 .header-info-icon{font-size:16px}
}
@media (min-width:1200px) and (max-width:1399px){
.header-info-3 .header-info-icon{font-size:16px;width:40px;height:40px}
}
.header-info-3 .header-info-content span{font-size:14px;line-height:100%;color:rgb(0 0 0 / 80%)}
.header-info-3 .header-info-content p{font-family:var(--outfit-font);font-weight:500;font-size:18px;line-height:100%;color:var(--white-color)}
@media (min-width:1400px) and (max-width:1700px){
.header-info-3 .header-info-content p{font-size:16px}
}
@media (min-width:1200px) and (max-width:1399px){
.header-info-3 .header-info-content p{font-size:16px}
}
.header-info-3 .header-info-content p a{color:#000}
.header-info-3 .header-info-content p a:hover{color:var(--theme-color-2)}
.header-bar{width:50px;height:50px;background:rgba(255,255,255,.15);border:2px solid rgba(0,69,64,.1);backdrop-filter:blur(4.1px);border-radius:100%;overflow:hidden;flex:none;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (min-width:1200px) and (max-width:1399px){
.header-bar{width:45px;height:45px}
}
.header-bar .bar{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);width:20px;height:1.6px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (min-width:1200px) and (max-width:1399px){
.header-bar .bar{width:18px}
}
.header-bar .bar-1{margin-top:-6px}
.header-bar .bar-3{margin-top:6px}
.header-bar.active{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border-color:var(--theme-color-3)}
.header-bar.active .bar{background:var(--white-color)}
.header-bar.active .bar-1{transform:rotate(45deg) translate(-50%,-50%);top:78%;left:44%}
@media (min-width:1200px) and (max-width:1399px){
.header-bar.active .bar-1{top:81%;left:45%}
}
.header-bar.active .bar-2{left:200%}
.header-bar.active .bar-3{transform:rotate(-45deg) translate(-50%,-50%);top:22%;left:45%}
@media (min-width:1200px) and (max-width:1399px){
.header-bar.active .bar-3{top:20%;left:45%}
}
.header-bar-2{width:50px;height:50px;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.15);backdrop-filter:blur(4.1px);border-radius:100%;overflow:hidden;flex:none;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (min-width:1200px) and (max-width:1399px){
.header-bar-2{width:45px;height:45px}
}
.header-bar-2 .bar{background:var(--white-color);width:20px;height:1.6px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (min-width:1200px) and (max-width:1399px){
.header-bar-2 .bar{width:18px}
}
.header-bar-2 .bar-1{margin-top:-6px}
.header-bar-2 .bar-3{margin-top:6px}
.header-bar-2.active{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border-color:var(--theme-color-3)}
.header-bar-2.active .bar{background:var(--white-color)}
.header-bar-2.active .bar-1{transform:rotate(45deg) translate(-50%,-50%);top:78%;left:44%}
@media (min-width:1200px) and (max-width:1399px){
.header-bar-2.active .bar-1{top:81%;left:45%}
}
.header-bar-2.active .bar-2{left:200%}
.header-bar-2.active .bar-3{transform:rotate(-45deg) translate(-50%,-50%);top:22%;left:45%}
@media (min-width:1200px) and (max-width:1399px){
.header-bar-2.active .bar-3{top:20%;left:45%}
}
.header-bar-3{width:81px;height:81px;padding:15px;background:rgba(255,255,255,.02);backdrop-filter:blur(14.75px);border-radius:0 0 0 16px;border-right:1.5px solid rgba(255,255,255,.1);border-bottom:1.5px solid rgba(255,255,255,.1);overflow:hidden;flex:none;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (min-width:1200px) and (max-width:1399px){
.header-bar-3{width:47px;height:93px;background:#0000000d}
}
@media (min-width:768px) and (max-width:991px){
.header-bar-3{width:70px;height:71px;background:#0007a}
}
@media (max-width:767px){
.header-bar-3{width:70px;height:71px}
}
.header-bar-3 .bar{background:#000;width:22px;height:2px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (min-width:1200px) and (max-width:1399px){
.header-bar-3 .bar{width:18px}
}
.header-bar-3 .bar-1{margin-top:-6px}
.header-bar-3 .bar-3{margin-top:6px}
.header-bar-3.active{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border-color:var(--theme-color-3)}
.header-bar-3.active .bar{background:var(--white-color)}
.header-bar-3.active .bar-1{transform:rotate(45deg) translate(-50%,-50%);top:78%;left:44%}
@media (min-width:1200px) and (max-width:1399px){
.header-bar-3.active .bar-1{top:81%;left:45%}
}
.header-bar-3.active .bar-2{left:200%}
.header-bar-3.active .bar-3{transform:rotate(-45deg) translate(-50%,-50%);top:22%;left:45%}
@media (min-width:1200px) and (max-width:1399px){
.header-bar-3.active .bar-3{top:20%;left:45%}
}
.header-divider-bar{width:30px;height:1.6px;opacity:.15;border:1px solid #a9c200;transform:rotate(90deg)}
.header-section{position:relative;z-index:99}
.header-section-1{width:100%;background:#fff;z-index:999;position:relative}
.header-section-3{position:relative;z-index:10}
.header-section-3 .e-primary-btn{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border:none;color:var(--theme-color-2)}
.header-section-3 .e-primary-btn:before{background:var(--theme-color-2)}
.header-section-3 .e-primary-btn .icon-wrap{background:var(--theme-color-2);color:var(--theme-color-3)}
.header-section-3 .e-primary-btn:hover{color:var(--theme-color-3)}
.header-section-3 .e-primary-btn:hover .icon-wrap{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2)}
.header-section-4 .e-primary-btn .icon-wrap{color:var(--theme-color-2)}
.header-section-4 .e-primary-btn:hover .icon-wrap{color:var(--theme-color-3)}
.header-section-5{width:100%;position:absolute;top:0;right:0;z-index:2;border-bottom:1px solid rgba(255,255,255,.15)}
.header-section-5 .e-primary-btn .icon-wrap{color:var(--theme-color-2)}
.header-section-5 .e-primary-btn:hover .icon-wrap{color:var(--theme-color-3)}
.off-canvas-sidebar{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:99;visibility:hidden;opacity:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.off-canvas-sidebar.active{visibility:visible;opacity:1}
.off-canvas-sidebar .off-canvas-sidebar-close{position:absolute;top:0;left:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--white-color);font-size:20px;cursor:pointer;border-radius:0 0 4px 0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.off-canvas-sidebar .off-canvas-sidebar-close i{-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.off-canvas-sidebar .off-canvas-sidebar-close:hover{background:var(--error-color)}
.off-canvas-sidebar .off-canvas-sidebar-close:hover i{transform:rotate(180deg)}
.off-canvas-sidebar .off-canvas-logo img{width:100%;max-width:165px}
.off-canvas-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:20;cursor:pointer}
.off-canvas-sidebar-body{position:fixed;right:-100%;top:0;width:400px;background:#fff;z-index:30;padding:24px;padding-top:70px;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:all .4s cubic-bezier(.785,.135,.15,.86);-moz-transition:all .4s cubic-bezier(.785,.135,.15,.86);transition:all .4s cubic-bezier(.785,.135,.15,.86)}
@media (max-width:767px){
.off-canvas-sidebar-body{max-width:100%}
}
.off-canvas-sidebar-body.active{top:99px;right:0;visibility:visible;opacity:1;z-index:99999;-webkit-transition:all .4s cubic-bezier(.785,.135,.15,.86);-moz-transition:all .4s cubic-bezier(.785,.135,.15,.86);transition:all .4s cubic-bezier(.785,.135,.15,.86);transition-duration:.6s}
.off-canvas-sidebar-body::-webkit-scrollbar{width:10px;height:10px}
.off-canvas-sidebar-body::-webkit-scrollbar-track{background:#c1c1c1}
.off-canvas-sidebar-body::-webkit-scrollbar-thumb{background-color:#222;outline:0}
.off-canvas-sidebar-body::-webkit-scrollbar-thumb:active{background:var(--theme-color-2)}
.off-canvas-text p{font-weight:400;font-size:16px;line-height:28px;color:var(--body-color)}
.off-canvas-thumb img{width:100%;border-radius:10px}
.off-canvas-contact{display:flex;flex-direction:column;gap:20px}
.off-canvas-contact-item{display:flex;align-items:center;gap:20px}
.off-canvas-contact-item:hover .icon{color:var(--theme-color-3);background:var(--theme-color-2)}
.off-canvas-contact-item .icon{width:50px;height:50px;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--white-color);font-size:20px;border-radius:100%;display:flex;justify-content:center;align-items:center;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.off-canvas-contact-item .text h6{font-style:normal;font-weight:600;font-size:16px;line-height:22px;color:var(--title-color);margin-bottom:4px}
.off-canvas-contact-item .text p{font-style:normal;font-weight:300;font-size:17px;line-height:28px;color:var(--body-color)}
.off-canvas-social-links{display:flex;align-items:center;gap:10px}
.blog-card .event-date span{color:#fff;border-radius:4px;background-color:var(--theme-color-2);padding:3px 12px;font-weight:600;font-size:10px;line-height:100%;letter-spacing:.36em}
.off-canvas-social-links a:hover{color:var(--theme-color-3);background:var(--theme-color-2)}
.off-canvas-menubar{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:99;visibility:hidden;opacity:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.off-canvas-menubar.active{visibility:visible;opacity:1}
.off-canvas-menubar .off-canvas-head{padding:0 0 0 24px;display:flex;gap:24px;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e5e5}
.off-canvas-menubar .off-canvas-menubar-close{padding:20px 30px 20px 30px;border-left:1px solid #e5e5e5;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.off-canvas-menubar .off-canvas-menubar-close i{-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.off-canvas-menubar .off-canvas-menubar-close:hover{color:var(--white-color);background:var(--error-color)}
.off-canvas-menubar .off-canvas-menubar-close:hover i{transform:rotate(180deg)}
.off-canvas-menubar .off-canvas-logo img{width:100%;max-width:165px}
.off-canvas-menubar-body{position:fixed;left:-100%;top:0;width:400px;background:#fff;z-index:30;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:all .4s cubic-bezier(.785,.135,.15,.86);-moz-transition:all .4s cubic-bezier(.785,.135,.15,.86);transition:all .4s cubic-bezier(.785,.135,.15,.86)}
@media (max-width:767px){
.off-canvas-menubar-body{max-width:100%}
}
.off-canvas-menubar-body.active{left:0;visibility:visible;opacity:1;z-index:99999;-webkit-transition:all .4s cubic-bezier(.785,.135,.15,.86);-moz-transition:all .4s cubic-bezier(.785,.135,.15,.86);transition:all .4s cubic-bezier(.785,.135,.15,.86);transition-duration:.6s}
.off-canvas-menubar-body::-webkit-scrollbar{width:10px;height:10px}
.off-canvas-menubar-body::-webkit-scrollbar-track{background:#c1c1c1}
.off-canvas-menubar-body::-webkit-scrollbar-thumb{background-color:#222;outline:0}
.off-canvas-menubar-body::-webkit-scrollbar-thumb:active{background:var(--theme-color-2)}
.off-canvas-menu{overflow-y:scroll;max-height:calc(100vh - 200px);text-align:left;padding:20px 30px 40px}
.off-canvas-menu ul{list-style:none;margin:0;padding:0}
.off-canvas-menu ul li{display:block;border-bottom:1px solid #fdedf1}
.off-canvas-menu ul li:hover>a{color:var(--theme-color-3)}
.off-canvas-menu ul li a{display:block;position:relative;padding:12px 0;line-height:1.4;font-size:16px;text-transform:capitalize;color:var(--title-color);padding-left:0}
.off-canvas-menu ul .has-dropdown>a:after{content:"\f078";font-family:var(--icon-font);font-weight:900;position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:12px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.off-canvas-menu ul .has-dropdown.active>a{color:var(--theme-color-3)}
.off-canvas-menu ul .has-dropdown.active>a:after{transform:translateY(-50%) rotate(180deg)}
.off-canvas-menu ul .has-dropdown li{padding-left:20px}
.off-canvas-menu ul .has-dropdown li:first-child{border-top:1px solid #fdedf1}
.off-canvas-menu ul .has-dropdown li:last-child{border-bottom:0}
.off-canvas-menu ul .has-dropdown li a{font-size:14px;padding:10px 0}
.off-canvas-menu ul .has-dropdown .sub-menu{display:none}
.off-canvas-menubar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:20;cursor:pointer}
.footer-section {
background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #242e1f 100%);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
padding: 70px 0 0 20px;
}
.major-partners{padding:3rem 0}
.footer-bottom-layout{display:inline-flex;align-items:center;justify-content:center;padding:3px 24px 3px 3px;background-color:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.1);border-radius:100px;overflow:hidden;gap:20px}
@media (min-width:768px) and (max-width:991px){
.footer-bottom-layout{gap:10px}
}
@media (max-width:767px){
.footer-bottom-layout{flex-direction:column;gap:10px;position:relative;overflow:visible;padding:15px 30px}
}
.footer-bottom-layout .top-btn{border-radius:100px;gap:5px;padding:14px}
@media (min-width:768px) and (max-width:991px){
.footer-bottom-layout .top-btn{padding:8px 14px}
}
@media (max-width:767px){
.footer-bottom-layout .top-btn{position:absolute;padding:8px 14px;bottom:-60px}
}
.footer-bottom-layout .footer-copyright{font-weight:500;font-size:16px;line-height:22px;color:#f8f7f0}
.footer-bottom-layout .footer-bottom-menu ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.footer-bottom-layout .footer-bottom-menu ul li{display:inline-flex;align-items:center}
.footer-bottom-layout .footer-bottom-menu ul li:first-child:before{margin-left:0}
.footer-bottom-layout .footer-bottom-menu ul li:before{content:"";width:1px;height:20px;display:inline-flex;margin:0 20px;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%)}
@media (min-width:768px) and (max-width:991px){
.footer-bottom-layout .footer-bottom-menu ul li:before{margin:0 10px}
}
@media (max-width:767px){
.footer-bottom-layout .footer-bottom-menu ul li:before{margin:0 10px}
}
.footer-bottom-layout .footer-bottom-menu ul li a{font-weight:500;font-size:16px;line-height:22px;color:#f8f7f0}
.footer-bottom-layout .footer-bottom-menu ul li a:hover{color:var(--theme-color-2)}
.footer-widget .w-title{font-family:var(--outfit-font);font-weight:600;font-size:24px;line-height:36px;color:var(--white-color);margin-bottom:32px}
@media (max-width:1399px){
.footer-widget .w-title{font-size:20px}
}
.footer-widget ul{list-style:none;margin:0;padding:0}
.footer-widget ul li{display:block;margin-bottom:10px}
.footer-widget ul li a{display:flex;align-items:center;gap:5px;font-weight:400;font-size:17px;line-height:28px;color:rgba(255,255,255,.9)}
@media (max-width:1399px){
.footer-widget ul li a{font-size:16px}
}
.footer-widget ul li a:after{content:"\e09f";font-family:var(--icon-font);opacity:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;margin-left:5px;line-height:1}
.footer-widget ul li a:hover{color:var(--theme-color-2)}
.footer-widget ul li a:hover:after{margin-left:0;opacity:1}
.about-widget .footer-logo{margin-bottom:25px}
.about-widget .footer-logo img{max-width:147px}
.about-widget .text p{font-weight:400;font-size:15px;line-height:28px;color:#fff;margin-bottom:15px}
@media (max-width:1399px){
.about-widget .text p{font-size:16px}
}
.about-widget .info p{font-weight:400;font-size:17px;line-height:28px;color:#fff;margin-bottom:4px}
@media (max-width:1399px){
.about-widget .info p{font-size:16px}
}
.about-widget .info p span{color:var(--theme-color-2)}
.about-widget .social-links{display:flex;align-items:center;gap:10px;margin-top:28px}
.about-widget .social-links a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
color: rgb(255 255 255);
background: rgb(0 0 0);
border-radius: 50px;
}
.about-widget .social-links a:hover{color:var(--theme-color-3);background:var(--theme-color-2)}
.subscribe-form .input-wrap{margin-bottom:15px}
.subscribe-form .input-wrap input{width:100%;height:66px;background:rgba(0,69,64,.65);border:2px solid rgba(255,255,255,.5);backdrop-filter:blur(2px);border-radius:53px;padding:10px 24px;font-family:var(--albert-sans-font);font-weight:600;font-size:17px;line-height:100%;color:var(--white-color);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.subscribe-form .input-wrap input::-webkit-input-placeholder{color:rgba(255,255,255,.6)}
.subscribe-form .input-wrap input:-moz-placeholder{color:rgba(255,255,255,.6)}
.subscribe-form .input-wrap input::-moz-placeholder{color:rgba(255,255,255,.6)}
.subscribe-form .input-wrap input:-ms-input-placeholder{color:rgba(255,255,255,.6)}
.subscribe-form .input-wrap input:focus{border-color:var(--theme-color-2)}
.subscribe-form .input-wrap input:focus::-webkit-input-placeholder{color:transparent}
.subscribe-form .input-wrap input:focus:-moz-placeholder{color:transparent}
.subscribe-form .input-wrap input:focus::-moz-placeholder{color:transparent}
.subscribe-form .input-wrap input:focus:-ms-input-placeholder{color:transparent}
.subscribe-form .input-button button{border:0}
.subscribe-form .input-checkbox{margin-top:20px}
.subscribe-form .input-checkbox input{display:none}
.subscribe-form .input-checkbox input:checked+label .check-mark{background:var(--theme-color-2)}
.subscribe-form .input-checkbox input:checked+label .check-mark:after{opacity:1}
.subscribe-form .input-checkbox label{display:inline-flex;align-items:center;gap:10px;font-weight:400;font-size:17px;line-height:28px;color:rgba(255,255,255,.8)}
.subscribe-form .input-checkbox label .check-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1.5px solid var(--theme-color-2);filter:drop-shadow(0 4px 4px rgba(0, 0, 0, .25));border-radius:3px}
.subscribe-form .input-checkbox label .check-mark:after{content:"\f00c";font-family:var(--icon-font);font-size:12px;font-weight:700;color:var(--theme-color-3);opacity:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.subscribe-form-2 .input-wrap{margin-bottom:15px}
.subscribe-form-2 .input-wrap input{width:100%;height:66px;background:rgba(0,69,64,.65);border:2px solid rgba(255,255,255,.5);backdrop-filter:blur(2px);border-radius:53px;padding:10px 24px;font-family:var(--albert-sans-font);font-weight:600;font-size:17px;line-height:100%;color:var(--white-color);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.subscribe-form-2 .input-wrap input::-webkit-input-placeholder{color:rgba(255,255,255,.6)}
.subscribe-form-2 .input-wrap input:-moz-placeholder{color:rgba(255,255,255,.6)}
.subscribe-form-2 .input-wrap input::-moz-placeholder{color:rgba(255,255,255,.6)}
.subscribe-form-2 .input-wrap input:-ms-input-placeholder{color:rgba(255,255,255,.6)}
.subscribe-form-2 .input-wrap input:focus{border-color:var(--theme-color-2)}
.subscribe-form-2 .input-wrap input:focus::-webkit-input-placeholder{color:transparent}
.subscribe-form-2 .input-wrap input:focus:-moz-placeholder{color:transparent}
.subscribe-form-2 .input-wrap input:focus::-moz-placeholder{color:transparent}
.subscribe-form-2 .input-wrap input:focus:-ms-input-placeholder{color:transparent}
.subscribe-form-2 .policy-wrap{display:flex;align-items:center;gap:24px}
.subscribe-form-2 .policy-wrap .input-button button{border:0}
.subscribe-form-2 .policy-wrap .input-checkbox{margin-bottom:0}
.subscribe-form-2 .policy-wrap .input-checkbox input{display:none}
.subscribe-form-2 .policy-wrap .input-checkbox input:checked+label .check-mark{background:var(--theme-color-2)}
.subscribe-form-2 .policy-wrap .input-checkbox input:checked+label .check-mark:after{opacity:1}
.subscribe-form-2 .policy-wrap .input-checkbox label{display:inline-flex;align-items:center;gap:10px;font-weight:400;font-size:17px;line-height:28px;color:rgba(255,255,255,.8)}
.subscribe-form-2 .policy-wrap .input-checkbox label .check-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1.5px solid var(--theme-color-2);filter:drop-shadow(0 4px 4px rgba(0, 0, 0, .25));border-radius:3px}
.subscribe-form-2 .policy-wrap .input-checkbox label .check-mark:after{content:"\f00c";font-family:var(--icon-font);font-size:12px;font-weight:700;color:var(--theme-color-3);opacity:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.footer-section-2 .footer-widget .w-title{display:flex;align-items:center;gap:8px;line-height:0}
.footer-section-2 .footer-bottom{border-radius:12px;background-color:rgba(0,0,0,.52);margin:0 50px;padding:7px 0}
@media (max-width:1700px){
.footer-section-2 .footer-bottom{margin:0 20px}
}
.footer-section-2 .footer-bottom .footer-bottom-layout{display:flex;justify-content:center;padding:0;background-color:transparent;border:none;border-radius:0}
.footer-section-2 .footer-bottom .footer-bottom-layout .footer-copyright{color:#fff;font-size:14px}
.footer-section-2 .footer-bottom .footer-bottom-layout .footer-bottom-menu ul li a{color:var(--theme-color-3)}
.footer-section-2 .footer-bottom .footer-bottom-layout .footer-bottom-menu ul li a:hover{color:var(--white-color)}
.footer-section-2 .footer-bottom .footer-bottom-layout .footer-bottom-menu ul li:before{width:0;margin:0}
.footer-section-2 .footer-bottom .footer-bottom-layout .footer-bottom-menu ul li:last-child:before{content:"";width:5px;height:5px;border-radius:100%;display:inline-flex;margin:0 20px;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);opacity:.5}
.get-in-touch{display:flex;flex-direction:column;gap:18px}
.get-in-touch .email,.get-in-touch .footer-address,.get-in-touch .phone{display:flex;align-items:center;gap:20px;margin-bottom:0}
@media (max-width:1399px){
.get-in-touch .email,.get-in-touch .footer-address,.get-in-touch .phone{gap:8px}
}
.get-in-touch .email .icon,.get-in-touch .footer-address .icon,.get-in-touch .phone .icon{width:50px;height:50px;background:rgba(255,255,255,.1);border-radius:100%;display:flex;justify-content:center;align-items:center}
@media (max-width:1399px){
.get-in-touch .email .icon,.get-in-touch .footer-address .icon,.get-in-touch .phone .icon{width:40px;height:40px}
}
.get-in-touch .email .icon i,.get-in-touch .footer-address .icon i,.get-in-touch .phone .icon i{color:#fff;font-size:20px}
@media (max-width:1399px){
.get-in-touch .email .icon i,.get-in-touch .footer-address .icon i,.get-in-touch .phone .icon i{font-size:16px}
}
.get-in-touch .text h6{font-style:normal;font-weight:600;font-size:16px;line-height:22px;color:var(--white-color);margin-bottom:4px}
.get-in-touch .text p{font-style:normal;font-weight:300;font-size:17px;line-height:28px;color:rgba(255,255,255,.8)}
.footer-section-3{padding:80px 70px 86px 80px;border-radius:16px}
@media (max-width:1399px){
.footer-section-3{padding:40px 20px}
}
.footer-bottom-2{border-radius:0;background-color:transparent;margin:0;padding:40px 0}
.footer-bottom-2 .footer-bottom-layout{display:flex;justify-content:space-between;padding:0;background-color:transparent;border:none;border-radius:0}
@media (max-width:991px){
.footer-bottom-2 .footer-bottom-layout{flex-direction:column}
}
.footer-bottom-2 .footer-bottom-layout .footer-copyright{color:var(--theme-color-3)}
.footer-bottom-2 .footer-bottom-layout .footer-bottom-menu ul li a{color:var(--theme-color-3)}
@media (max-width:767px){
.footer-bottom-2 .footer-bottom-layout .footer-bottom-menu ul li a{font-size:14px}
}
.footer-bottom-2 .footer-bottom-layout .footer-bottom-menu ul li a:hover{color:var(--theme-color-2)}
.footer-bottom-2 .footer-bottom-layout .footer-bottom-menu ul li:before{width:0;margin:0}
.footer-bottom-2 .footer-bottom-layout .footer-bottom-menu ul li i{color:var(--theme-color-3);margin-left:10px}
.footer-bottom-2 .footer-bottom-layout .footer-bottom-menu ul li:before{content:"";width:5px;height:5px;border-radius:100%;display:inline-flex;margin:0 20px;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);opacity:.5}
@media (max-width:767px){
.footer-bottom-2 .footer-bottom-layout .footer-bottom-menu ul li:before{margin:0 10px}
}
.footer-bottom-2 .footer-bottom-layout .footer-bottom-menu ul li:first-child:before{width:0;margin:0}
.footer-bottom-3{border-top:1px solid rgba(255,255,255,.2);padding:40px 0}
@media (max-width:767px){
.footer-bottom-3{padding:20px 0}
}
.footer-bottom-3 .footer-bottom-layout-2{align-items:center;border-radius:100px;overflow:hidden;gap:20px;display:flex;background:0 0;padding:0;border:none;justify-content:space-between}
@media (min-width:768px) and (max-width:991px){
.footer-bottom-3 .footer-bottom-layout-2{gap:10px}
}
@media (max-width:767px){
.footer-bottom-3 .footer-bottom-layout-2{flex-direction:column;gap:10px;position:relative;overflow:visible;padding:15px 30px}
}
.footer-bottom-3 .footer-bottom-layout-2 .footer-copyright{font-weight:500;font-size:16px;line-height:22px;color:var(--white-color)}
.footer-bottom-3 .footer-bottom-layout-2 .footer-bottom-menu ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.footer-bottom-3 .footer-bottom-layout-2 .footer-bottom-menu ul li{display:inline-flex;align-items:center}
.footer-bottom-3 .footer-bottom-layout-2 .footer-bottom-menu ul li:first-child:before{margin-left:0;width:0}
.footer-bottom-3 .footer-bottom-layout-2 .footer-bottom-menu ul li:before{content:"";display:inline-flex;margin:0 20px;background:rgba(255,255,255,.5);opacity:.5;width:2px;height:14px}
@media (min-width:768px) and (max-width:991px){
.footer-bottom-3 .footer-bottom-layout-2 .footer-bottom-menu ul li:before{margin:0 10px}
}
@media (max-width:767px){
.footer-bottom-3 .footer-bottom-layout-2 .footer-bottom-menu ul li:before{margin:0 10px}
}
.footer-bottom-3 .footer-bottom-layout-2 .footer-bottom-menu ul li a{font-weight:500;font-size:16px;line-height:22px;color:var(--white-color)}
.footer-bottom-3 .footer-bottom-layout-2 .footer-bottom-menu ul li a:hover{color:var(--body-color)}
.footer-section-5{position:relative;z-index:1;background-repeat:no-repeat;background-size:cover;background-position:center}
.footer-section-5::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background:linear-gradient(180deg,rgba(0,69,64,.9) 0,rgba(0,51,47,.95) 86.79%,rgba(0,47,43,.9) 107.82%)}
.footer-section-5 .shape-1{position:absolute;top:0;left:0;z-index:-1}
@media (max-width:1700px){
.footer-section-5 .shape-1{width:80%}
}
.footer-section-5 .shape-2{position:absolute;bottom:23%;right:8%}
@media (min-width:1400px) and (max-width:1700px){
.footer-section-5 .shape-2{right:0}
}
@media (min-width:1200px) and (max-width:1399px){
.footer-section-5 .shape-2{right:0}
}
@media (min-width:992px) and (max-width:1199px){
.footer-section-5 .shape-2{right:0;bottom:10%}
}
@media (min-width:768px) and (max-width:991px){
.footer-section-5 .shape-2{right:0;bottom:10%}
}
@media (max-width:767px){
.footer-section-5 .shape-2{right:0;bottom:11%}
}
@media (max-width:1700px){
.footer-section-5 .shape-2 img{width:80%}
}
.footer-section-5 .footer-widget .w-title{display:flex;align-items:center;gap:8px;line-height:0}
.footer-section-5 .footer-top{display:flex;justify-content:space-between;padding-bottom:60px;margin-bottom:60px;border-bottom:1px solid rgba(255,255,255,.2)}
@media (max-width:1199px){
.footer-section-5 .footer-top{flex-direction:column;gap:20px}
}
@media (max-width:767px){
.footer-section-5 .footer-top{padding-bottom:40px;margin-bottom:40px}
}
.footer-section-5 .footer-top .left{max-width:712px;width:100%}
.footer-section-5 .footer-top .left .common-title{margin-bottom:0}
.footer-section-5 .footer-top .left .common-title h2{color:var(--light-color);margin-bottom:0}
.footer-section-5 .footer-top .right{max-width:460px;width:100%}
.adjusted-width{width:20%}
@media (min-width:992px) and (max-width:1199px){
.adjusted-width{width:33.33333333%}
}
@media (min-width:768px) and (max-width:991px){
.adjusted-width{width:41.66666667%}
}
@media (max-width:767px){
.adjusted-width{width:100%}
}
.top-bar{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);padding-top:6px;padding-bottom:6px}
.top-bar-content{color:var(--white-color);display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}
.top-bar-content .text-wrap{display:flex;align-items:center;justify-content:center;gap:5px}
@media (max-width:767px){
.top-bar-content .text-wrap{align-items:flex-start}
}
.top-btn{padding:7px 10px;border-radius:6px}
.top-btn-2{background:#85bf18;color:var(--white-color)}
.breadcrumb-section{padding-left:85px;padding-right:85px}
@media (min-width:1400px) and (max-width:1700px){
.breadcrumb-section{padding-left:15px;padding-right:15px}
}
@media (min-width:1200px) and (max-width:1399px){
.breadcrumb-section{padding-left:0;padding-right:0}
}
@media (min-width:992px) and (max-width:1199px){
.breadcrumb-section{padding-left:0;padding-right:0}
}
@media (min-width:768px) and (max-width:991px){
.breadcrumb-section{padding-left:0;padding-right:0}
}
@media (max-width:767px){
.breadcrumb-section{padding-left:0;padding-right:0}
}
.breadcrumb-thumb{overflow:hidden;clip-path:polygon(5% 0,100% 0,100% 100%,0 100%);margin-left:-15px;border-radius:0 10px 10px 0;position:relative}
@media (min-width:1400px) and (max-width:1700px){
.breadcrumb-thumb{margin-left:-10px}
}
@media (min-width:1200px) and (max-width:1399px){
.breadcrumb-thumb{margin-left:-10px}
}
@media (min-width:992px) and (max-width:1199px){
.breadcrumb-thumb{margin-left:-8px}
}
.breadcrumb-thumb img{width:100%;height:100%;object-fit:cover}
.breadcrumb-thumb .video-play-btn{width:100px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--light-color);padding:23px 21px;border-radius:100%;border:1px solid var(--light-color);font-weight:500;font-size:25px;line-height:30px;background:rgba(255,255,255,.015);backdrop-filter:blur(28px);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;animation:animate-pulse 3s linear infinite}
.breadcrumb-thumb .video-play-btn:hover{color:var(--theme-color-3);background:var(--theme-color-2);border-color:var(--theme-color-2)}
.breadcrumb-content{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);-webkit-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat;height:100%;display:flex;flex-direction:column;justify-content:center;padding-left:180px;padding-right:100px;position:relative;z-index:1;border-radius:10px 0 0 10px;overflow:hidden;margin-right:-15px;clip-path:polygon(0 0,100% 0,95% 100%,0 100%)}
@media (min-width:1400px) and (max-width:1700px){
.breadcrumb-content{margin-right:-10px;padding-left:40px;padding-right:40px}
}
@media (min-width:1200px) and (max-width:1399px){
.breadcrumb-content{margin-right:-10px;padding-left:40px;padding-right:40px}
}
@media (min-width:992px) and (max-width:1199px){
.breadcrumb-content{margin-right:-8px;padding-left:20px;padding-right:20px}
}
@media (min-width:768px) and (max-width:991px){
.breadcrumb-content{margin-right:0;padding:60px 20px;clip-path:none;border-radius:10px}
}
@media (max-width:767px){
.breadcrumb-content{margin-right:0;padding:60px 20px;clip-path:none;border-radius:10px}
}
.breadcrumb-content .shape-1{position:absolute;right:0;top:0;pointer-events:none;z-index:-1}
.breadcrumb-content:before{content:"";height:100%;width:40px;background:var(--theme-color-2);position:absolute;right:0;top:0;transform:skewX(-5deg)}
@media (min-width:1400px) and (max-width:1700px){
.breadcrumb-content:before{width:30px}
}
@media (min-width:1200px) and (max-width:1399px){
.breadcrumb-content:before{width:30px}
}
@media (min-width:992px) and (max-width:1199px){
.breadcrumb-content:before{width:25px}
}
@media (min-width:768px) and (max-width:991px){
.breadcrumb-content:before{display:none}
}
@media (max-width:767px){
.breadcrumb-content:before{display:none}
}
.breadcrumb-nav ul{list-style:none;margin:0 0 20px;padding:0}
@media (min-width:992px) and (max-width:1199px){
.breadcrumb-nav ul{margin-bottom:10px}
}
@media (min-width:768px) and (max-width:991px){
.breadcrumb-nav ul{margin-bottom:10px}
}
@media (max-width:767px){
.breadcrumb-nav ul{margin-bottom:10px}
}
.breadcrumb-nav ul li{display:inline-block;font-weight:400;font-size:18px;line-height:30px;color:#f8f7f0}
@media (min-width:992px) and (max-width:1199px){
.breadcrumb-nav ul li{font-size:16px;line-height:1.2}
}
@media (min-width:768px) and (max-width:991px){
.breadcrumb-nav ul li{font-size:16px;line-height:1.2}
}
@media (max-width:767px){
.breadcrumb-nav ul li{font-size:16px;line-height:1.2}
}
.breadcrumb-nav ul li:after{content:"\f178";font-family:var(--icon-font);font-weight:400;margin-right:8px;margin-left:10px}
@media (min-width:992px) and (max-width:1199px){
.breadcrumb-nav ul li:after{font-size:14px}
}
@media (min-width:768px) and (max-width:991px){
.breadcrumb-nav ul li:after{font-size:14px}
}
@media (max-width:767px){
.breadcrumb-nav ul li:after{font-size:14px}
}
.breadcrumb-nav ul li:last-child:after{display:none}
.breadcrumb-nav ul li a{color:#f8f7f0}
.breadcrumb-nav ul li a:hover{color:var(--theme-color-2)}
.breadcrumb-title h2{font-weight:600;font-size:62px;line-height:60px;color:#fff;margin-bottom:0}
@media (min-width:992px) and (max-width:1199px){
.breadcrumb-title h2{font-size:40px;line-height:1.2}
}
@media (min-width:768px) and (max-width:991px){
.breadcrumb-title h2{font-size:32px;line-height:1.2}
}
@media (max-width:767px){
.breadcrumb-title h2{font-size:32px;line-height:1.2}
}
.hero-side{background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;z-index:1;padding-top:344px;padding-bottom:244px}
@media (min-width:1400px) and (max-width:1700px){
.hero-side{padding-top:230px;padding-bottom:170px}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-side{padding-top:230px;padding-bottom:170px}
}
@media (min-width:992px) and (max-width:1199px){
.hero-side{padding-top:260px;padding-bottom:200px}
}
@media (min-width:768px) and (max-width:991px){
.hero-side{padding-top:260px;padding-bottom:160px}
}
@media (max-width:767px){
.hero-side{padding-top:140px;padding-bottom:140px}
}
.hero-side .group-shape-1{position:absolute;left:0;top:0;z-index:-2;width:100%;height:100%;pointer-events:none}
.hero-side .group-shape-1 img{width:100%;height:100%}
.hero-side .s-shape-1{position:absolute;left:0;bottom:0;z-index:-1;width:100%;pointer-events:none}
@media (max-width:767px){
.hero-side .s-shape-1{height:20px}
}
.hero-side .s-shape-1 img{width:100%}
.hero-content-1 .subtitle{padding:9px 15px;gap:10px;background:rgba(255,255,255,.06);backdrop-filter:blur(2px);border-radius:100px;display:inline-flex;align-items:center;margin-bottom:16px}
@media (min-width:768px) and (max-width:991px){
.hero-content-1 .subtitle{margin-bottom:12px}
}
@media (max-width:767px){
.hero-content-1 .subtitle{margin-bottom:10px}
}
.hero-content-1 .subtitle span{font-weight:500;font-size:16px;line-height:36px;color:var(--light-color)}
@media (min-width:768px) and (max-width:991px){
.hero-content-1 .subtitle span{line-height:26px}
}
@media (max-width:767px){
.hero-content-1 .subtitle span{line-height:20px}
}
.hero-content-1 .title{max-width:774px;width:100%;margin-bottom:16px}
@media (min-width:992px) and (max-width:1199px){
.hero-content-1 .title{max-width:674px}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-1 .title{max-width:474px}
}
@media (max-width:767px){
.hero-content-1 .title{max-width:324px}
}
.hero-content-1 .title h1{font-style:normal;font-weight:600;font-size:80px;line-height:82px;color:var(--light-color)}
@media (min-width:1200px) and (max-width:1399px){
.hero-content-1 .title h1{font-size:74px;line-height:1.1}
}
@media (min-width:992px) and (max-width:1199px){
.hero-content-1 .title h1{font-size:68px;line-height:1.2}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-1 .title h1{font-size:52px;line-height:1.1;margin-bottom:14px}
}
@media (max-width:767px){
.hero-content-1 .title h1{font-size:36px;line-height:1.1;margin-bottom:14px}
}
.hero-content-1 .title span{color:var(--theme-color-2)}
.hero-content-1 .text{max-width:550px;width:100%;margin-bottom:32px}
@media (min-width:992px) and (max-width:1199px){
.hero-content-1 .text{max-width:520px}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-1 .text{max-width:420px;margin-bottom:24px}
}
@media (max-width:767px){
.hero-content-1 .text{max-width:100%;margin-bottom:20px}
}
.hero-content-1 .text p{font-size:18px;line-height:30px;color:var(--light-color)}
@media (min-width:992px) and (max-width:1199px){
.hero-content-1 .text p{line-height:1.5}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-1 .text p{font-size:16px;line-height:1.5}
}
@media (max-width:767px){
.hero-content-1 .text p{font-size:16px;line-height:1.3}
}
.hero-content-1 .join-us{display:flex;align-items:center;gap:28px}
@media (min-width:768px) and (max-width:991px){
.hero-content-1 .join-us{gap:20px}
}
@media (max-width:767px){
.hero-content-1 .join-us{flex-direction:column;align-items:start;gap:14px}
}
.hero-content-1 .join-us .e-primary-btn{background:rgba(255,255,255,.18);border:1.5px solid rgba(248,247,240,.6);backdrop-filter:blur(9.2px);color:var(--white-color)}
.hero-content-1 .join-us .e-primary-btn:before{background:var(--theme-color-2)}
.hero-content-1 .join-us .e-primary-btn .icon-wrap{background:var(--theme-color-2);color:var(--theme-color-3)}
.hero-content-1 .join-us .e-primary-btn:hover{border:1.5px solid var(--theme-color-2);color:var(--theme-color-3)}
.hero-content-1 .join-us .e-primary-btn:hover .icon-wrap{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--white-color)}
.hero-content-1 .join-us .author-wrap{display:flex;align-items:center;gap:15px}
@media (min-width:768px) and (max-width:991px){
.hero-content-1 .join-us .author-wrap{gap:10px}
}
@media (max-width:767px){
.hero-content-1 .join-us .author-wrap{gap:10px}
}
.hero-content-1 .join-us .author-wrap img{max-width:118px;width:100%}
@media (min-width:768px) and (max-width:991px){
.hero-content-1 .join-us .author-wrap img{max-width:90px}
}
@media (max-width:767px){
.hero-content-1 .join-us .author-wrap img{max-width:90px}
}
.hero-content-1 .join-us .author-wrap .author-info h5{font-weight:600;font-size:20px;color:var(--light-color);margin-bottom:0}
@media (min-width:768px) and (max-width:991px){
.hero-content-1 .join-us .author-wrap .author-info h5{font-size:18px}
}
@media (max-width:767px){
.hero-content-1 .join-us .author-wrap .author-info h5{font-size:18px}
}
.hero-content-1 .join-us .author-wrap .author-info p{line-height:22px;color:var(--light-color)}
@media (min-width:768px) and (max-width:991px){
.hero-content-1 .join-us .author-wrap .author-info p{font-weight:300;line-height:1.4}
}
@media (max-width:767px){
.hero-content-1 .join-us .author-wrap .author-info p{font-weight:300;line-height:1}
}
.hero-slider-active-1 .hero-slider-pagination-1{position:absolute;left:auto;right:90px;bottom:50px;z-index:99;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.3);backdrop-filter:blur(8.5px);border-radius:100px;width:auto;padding:10px 16px}
@media (min-width:1200px) and (max-width:1399px){
.hero-slider-active-1 .hero-slider-pagination-1{right:30px}
}
@media (min-width:992px) and (max-width:1199px){
.hero-slider-active-1 .hero-slider-pagination-1{right:30px}
}
@media (min-width:768px) and (max-width:991px){
.hero-slider-active-1 .hero-slider-pagination-1{right:30px}
}
@media (max-width:767px){
.hero-slider-active-1 .hero-slider-pagination-1{left:20px;right:auto;bottom:20px}
}
.hero-slider-active-1 .hero-slider-pagination-1 .swiper-pagination-bullet{width:20px;height:20px;background:0 0;border:1px solid transparent;margin:0;opacity:1;border-radius:100%;position:relative;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.hero-slider-active-1 .hero-slider-pagination-1 .swiper-pagination-bullet:before{content:"";width:7px;height:7px;border-radius:100%;background:#868681;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);background:radial-gradient(92.09% 85.42% at 86.3% 87.5%,rgba(0,0,0,.23) 0,rgba(0,0,0,0) 86.18%),radial-gradient(65.28% 65.28% at 26.39% 20.83%,rgba(255,255,255,.413) 0,rgba(255,255,255,0) 69.79%,rgba(255,255,255,0) 100%),#fff}
.hero-slider-active-1 .hero-slider-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(255,255,255,.47);border:1px solid #f8f7f0;backdrop-filter:blur(4.75px)}
.hero-slider-active-1 .hero-slider-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background:radial-gradient(92.09% 85.42% at 86.3% 87.5%,rgba(0,0,0,.23) 0,rgba(0,0,0,0) 86.18%),radial-gradient(65.28% 65.28% at 26.39% 20.83%,rgba(255,255,255,.413) 0,rgba(255,255,255,0) 69.79%,rgba(255,255,255,0) 100%),#a9c200}
.hero-slider-active-1 .hero-slider-social{position:absolute;right:50px;bottom:18%;z-index:99;width:32px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;transform:translateY(50%)}
@media (min-width:1200px) and (max-width:1399px){
.hero-slider-active-1 .hero-slider-social{right:14px}
}
@media (min-width:992px) and (max-width:1199px){
.hero-slider-active-1 .hero-slider-social{right:30px}
}
@media (min-width:768px) and (max-width:991px){
.hero-slider-active-1 .hero-slider-social{right:30px}
}
@media (max-width:767px){
.hero-slider-active-1 .hero-slider-social{display:none}
}
.hero-slider-active-1 .hero-slider-social .text{transform:rotate(-180deg);width:auto;font-size:18px;line-height:167%;color:#fff;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:mixed}
.hero-slider-active-1 .hero-slider-social .social-links{display:flex;flex-direction:column;gap:10px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.hero-slider-active-1 .hero-slider-social .social-links a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:0;color:var(--theme-color-3);background:rgba(255,255,255,.33);border:1.5px solid rgba(255,255,255,.2);backdrop-filter:blur(8.5px)}
.hero-slider-active-1 .hero-slider-social .social-links a:hover{background:var(--theme-color-2);color:var(--theme-color-3)}
.hero-slide-2{background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;z-index:1;padding-top:508px;padding-bottom:120px;overflow:hidden}
@media (min-width:1400px) and (max-width:1700px){
.hero-slide-2{padding-top:340px;padding-bottom:120px}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-slide-2{padding-top:340px;padding-bottom:120px}
}
@media (min-width:992px) and (max-width:1199px){
.hero-slide-2{padding-top:308px;padding-bottom:100px}
}
@media (min-width:768px) and (max-width:991px){
.hero-slide-2{padding-top:208px;padding-bottom:80px}
}
@media (max-width:767px){
.hero-slide-2{padding-top:140px;padding-bottom:140px}
}
.hero-slide-2 .s-shape-1{position:absolute;right:17%;bottom:15%;z-index:-1;pointer-events:none}
@media (min-width:1200px) and (max-width:1399px){
.hero-slide-2 .s-shape-1{right:7%}
}
@media (min-width:992px) and (max-width:1199px){
.hero-slide-2 .s-shape-1{right:7%}
}
@media (min-width:768px) and (max-width:991px){
.hero-slide-2 .s-shape-1{right:7%}
}
@media (max-width:767px){
.hero-slide-2 .s-shape-1{right:0}
}
@media (min-width:768px) and (max-width:991px){
.hero-slide-2 .s-shape-1 img{width:70%}
}
@media (max-width:767px){
.hero-slide-2 .s-shape-1 img{width:70%}
}
.hero-slide-2 .s-shape-2{position:absolute;left:13%;top:30%;z-index:-1;pointer-events:none}
@media (min-width:768px) and (max-width:991px){
.hero-slide-2 .s-shape-2{left:0}
}
@media (max-width:767px){
.hero-slide-2 .s-shape-2{left:0;top:35%}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-slide-2 .s-shape-2 img{width:60%}
}
@media (min-width:992px) and (max-width:1199px){
.hero-slide-2 .s-shape-2 img{width:60%}
}
@media (min-width:768px) and (max-width:991px){
.hero-slide-2 .s-shape-2 img{width:60%}
}
@media (max-width:767px){
.hero-slide-2 .s-shape-2 img{width:60%}
}
.hero-slide-2 .blur-circle{position:absolute;left:50%;transform:translate(-50%,-50%);width:68%;height:100%;background:rgba(0,69,64,.02);border-radius:50%;z-index:-2;backdrop-filter:blur(8px)}
@media (min-width:1400px) and (max-width:1700px){
.hero-slide-2 .blur-circle{width:76%}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-slide-2 .blur-circle{width:88%}
}
@media (min-width:992px) and (max-width:1199px){
.hero-slide-2 .blur-circle{width:90%}
}
@media (min-width:768px) and (max-width:991px){
.hero-slide-2 .blur-circle{width:90%;transform:translate(-50%,-55%)}
}
@media (max-width:767px){
.hero-slide-2 .blur-circle{width:0}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-2{max-width:90%;margin-left:auto;margin-right:auto}
}
.hero-content-2 .title{max-width:1060px;width:100%;margin:0 auto;text-align:center}
@media (min-width:1200px) and (max-width:1399px){
.hero-content-2 .title{max-width:810px}
}
@media (min-width:992px) and (max-width:1199px){
.hero-content-2 .title{max-width:810px}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-2 .title{max-width:480px}
}
.hero-content-2 .title h1{font-style:normal;font-weight:600;font-size:80px;line-height:82px;color:var(--light-color);margin-bottom:30px}
@media (min-width:1200px) and (max-width:1399px){
.hero-content-2 .title h1{font-size:70px;line-height:1.1}
}
@media (min-width:992px) and (max-width:1199px){
.hero-content-2 .title h1{font-size:58px;line-height:1.2}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-2 .title h1{font-size:42px;line-height:1.1;margin-bottom:14px}
}
@media (max-width:767px){
.hero-content-2 .title h1{font-size:30px;line-height:1.1;margin-bottom:20px}
}
.hero-content-2 .title span{color:var(--theme-color-2)}
.hero-content-2 .join-us{display:flex;justify-content:center}
.hero-content-2 .join-us .e-primary-btn{background:rgba(255,255,255,.18);border:1.5px solid rgba(248,247,240,.6);backdrop-filter:blur(9.2px);color:var(--white-color)}
.hero-content-2 .join-us .e-primary-btn:before{background:var(--theme-color-2)}
.hero-content-2 .join-us .e-primary-btn .icon-wrap{background:var(--theme-color-2);color:var(--theme-color-3)}
.hero-content-2 .join-us .e-primary-btn:hover{border:1.5px solid var(--theme-color-2);color:var(--theme-color-3)}
.hero-content-2 .join-us .e-primary-btn:hover .icon-wrap{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--white-color)}
.services-2{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:40px}
@media (min-width:768px) and (max-width:991px){
.services-2{flex-wrap:wrap;margin-bottom:30px}
}
@media (max-width:767px){
.services-2{flex-direction:column;gap:10px;align-items:center;width:70%;margin:0 auto 40px}
}
.services-2 .service{display:flex;align-items:center;gap:10px}
.services-2 .service i{display:flex;align-items:center;justify-content:center;padding:4px;width:25px;height:25px;border-radius:100%;background:var(--theme-color-2);color:var(--theme-color-3)}
@media (max-width:767px){
.services-2 .service i{width:20px;height:20px;font-size:14px}
}
.services-2 .service p{color:var(--light-color)}
.hero-slider-active-2{position:relative;z-index:1}
.hero-slider-active-2 .hero-slider-pagination-2{position:absolute;left:50px;bottom:50px;z-index:99;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.3);backdrop-filter:blur(8.5px);border-radius:100px;width:auto;padding:10px 16px}
@media (min-width:992px) and (max-width:1199px){
.hero-slider-active-2 .hero-slider-pagination-2{left:20px;bottom:20px}
}
@media (min-width:768px) and (max-width:991px){
.hero-slider-active-2 .hero-slider-pagination-2{left:20px;bottom:20px}
}
@media (max-width:767px){
.hero-slider-active-2 .hero-slider-pagination-2{left:50%;bottom:20px;transform:translateX(-50%)}
}
.hero-slider-active-2 .hero-slider-pagination-2 .swiper-pagination-bullet{width:20px;height:20px;background:0 0;border:1px solid transparent;margin:0;opacity:1;border-radius:100%;position:relative;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.hero-slider-active-2 .hero-slider-pagination-2 .swiper-pagination-bullet:before{content:"";width:7px;height:7px;border-radius:100%;background:#868681;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);background:radial-gradient(92.09% 85.42% at 86.3% 87.5%,rgba(0,0,0,.23) 0,rgba(0,0,0,0) 86.18%),radial-gradient(65.28% 65.28% at 26.39% 20.83%,rgba(255,255,255,.413) 0,rgba(255,255,255,0) 69.79%,rgba(255,255,255,0) 100%),#868681}
.hero-slider-active-2 .hero-slider-pagination-2 .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid #f8f7f0}
.hero-slider-active-2 .hero-slider-pagination-2 .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background:radial-gradient(92.09% 85.42% at 86.3% 87.5%,rgba(0,0,0,.23) 0,rgba(0,0,0,0) 86.18%),radial-gradient(65.28% 65.28% at 26.39% 20.83%,rgba(255,255,255,.413) 0,rgba(255,255,255,0) 69.79%,rgba(255,255,255,0) 100%),#000}
.hero-slide-3{background-size:cover;background-repeat:no-repeat;background-position:center;padding-top:219px;padding-bottom:219px;border-radius:20px;position:relative;z-index:1;overflow-x:clip}
@media (min-width:1400px) and (max-width:1700px){
.hero-slide-3{padding-top:145px;padding-bottom:145px}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-slide-3{padding-top:116px;padding-bottom:175px}
}
@media (min-width:992px) and (max-width:1199px){
.hero-slide-3{padding-top:80px;padding-bottom:175px}
}
@media (min-width:768px) and (max-width:991px){
.hero-slide-3{padding-top:80px;padding-bottom:160px}
}
@media (max-width:767px){
.hero-slide-3{padding-top:60px;padding-bottom:140px}
}
.hero-slide-3 .banner-thumb{position:absolute;top:-12%;right:0;z-index:-1;overflow:hidden}
@media (min-width:1400px) and (max-width:1700px){
.hero-slide-3 .banner-thumb{width:1088px;height:100%;top:0;right:-4%}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-slide-3 .banner-thumb{width:900px;height:100%;top:auto;right:-3%;bottom:0}
}
@media (min-width:992px) and (max-width:1199px){
.hero-slide-3 .banner-thumb{width:600px;height:100%;top:auto;right:-3%;bottom:0;display:flex;align-items:flex-end}
}
@media (min-width:768px) and (max-width:991px){
.hero-slide-3 .banner-thumb{display:none}
}
@media (max-width:767px){
.hero-slide-3 .banner-thumb{display:none}
}
.hero-slide-3 .shape-1{height:100%;position:absolute;top:0;left:20px;z-index:-2;pointer-events:none}
.hero-slide-3 .shape-1 img{height:100%}
.hero-slide-3 .shape-2{position:absolute;top:0;right:80px;z-index:-2;pointer-events:none}
@media (min-width:1400px) and (max-width:1700px){
.hero-content-3{width:52%;margin-left:5%}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-content-3{width:58%;margin-left:2%}
}
@media (min-width:992px) and (max-width:1199px){
.hero-content-3{width:80%}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-3{width:90%}
}
@media (max-width:767px){
.hero-content-3{width:90%}
}
.hero-content-3 .subtitle{padding:0;background:0 0;gap:10px;backdrop-filter:blur(2px);border-radius:100px;display:inline-flex;align-items:center;margin-bottom:16px}
@media (min-width:768px) and (max-width:991px){
.hero-content-3 .subtitle{margin-bottom:12px}
}
@media (max-width:767px){
.hero-content-3 .subtitle{margin-bottom:10px}
}
.hero-content-3 .subtitle span{font-weight:500;font-size:16px;line-height:36px;color:var(--light-color)}
@media (min-width:768px) and (max-width:991px){
.hero-content-3 .subtitle span{line-height:26px}
}
@media (max-width:767px){
.hero-content-3 .subtitle span{line-height:20px}
}
.hero-content-3 .title{max-width:774px;width:100%;margin-bottom:16px}
@media (min-width:992px) and (max-width:1199px){
.hero-content-3 .title{max-width:674px}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-3 .title{max-width:474px}
}
@media (max-width:767px){
.hero-content-3 .title{max-width:324px}
}
.hero-content-3 .title h1{font-style:normal;font-weight:600;font-size:80px;line-height:82px;color:var(--light-color)}
@media (min-width:1200px) and (max-width:1399px){
.hero-content-3 .title h1{font-size:74px;line-height:1.1}
}
@media (min-width:992px) and (max-width:1199px){
.hero-content-3 .title h1{font-size:68px;line-height:1.2}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-3 .title h1{font-size:52px;line-height:1.1;margin-bottom:14px}
}
@media (max-width:767px){
.hero-content-3 .title h1{font-size:30px;line-height:1.1;margin-bottom:14px}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-3 .title img{width:50px}
}
@media (max-width:767px){
.hero-content-3 .title img{width:40px}
}
.hero-content-3 .text{max-width:550px;width:100%;margin-bottom:15px}
@media (min-width:992px) and (max-width:1199px){
.hero-content-3 .text{max-width:520px}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-3 .text{max-width:420px;margin-bottom:24px}
}
@media (max-width:767px){
.hero-content-3 .text{max-width:100%;margin-bottom:20px}
}
.hero-content-3 .text p{font-size:18px;line-height:30px;color:var(--light-color)}
@media (min-width:992px) and (max-width:1199px){
.hero-content-3 .text p{line-height:1.5}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-3 .text p{font-size:16px;line-height:1.5}
}
@media (max-width:767px){
.hero-content-3 .text p{font-size:16px;line-height:1.3}
}
.services-3{display:flex;align-items:center;gap:20px;margin-bottom:40px}
@media (max-width:767px){
.services-3{flex-direction:column;align-items:start;gap:10px;margin-bottom:30px}
}
.services-3 .service{display:flex;align-items:center;gap:10px}
.services-3 .service i{display:flex;align-items:center;justify-content:center;padding:4px;width:25px;height:25px;border-radius:100%;background:var(--theme-color);color:var(--white-color)}
.services-3 .service p{color:var(--light-color)}
.hero-slider-active-3{position:relative;z-index:1;margin:0 100px}
@media (min-width:1400px) and (max-width:1700px){
.hero-slider-active-3{margin:0 30px}
}
@media (max-width:1399px){
.hero-slider-active-3{margin:0 15px}
}
.hero-slider-active-3 .swiper{overflow:visible;overflow-x:clip}
.hero-slider-active-3 .hero-slider-pagination-3{position:absolute;left:6%;top:219px;z-index:99;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;width:auto;bottom:auto;transform:translate(0)}
@media (min-width:1400px) and (max-width:1700px){
.hero-slider-active-3 .hero-slider-pagination-3{left:20px;top:176px}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-slider-active-3 .hero-slider-pagination-3{left:20px;top:116px}
}
@media (min-width:992px) and (max-width:1199px){
.hero-slider-active-3 .hero-slider-pagination-3{display:none}
}
@media (min-width:768px) and (max-width:991px){
.hero-slider-active-3 .hero-slider-pagination-3{display:none}
}
@media (max-width:767px){
.hero-slider-active-3 .hero-slider-pagination-3{display:none}
}
.hero-slider-active-3 .hero-slider-pagination-3 .swiper-pagination-bullet{font-weight:400;font-size:18px;line-height:30px;color:#fff;opacity:.6;background:0 0;width:auto;height:auto}
.hero-slider-active-3 .hero-slider-pagination-3 .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#fff;opacity:1}
.hero-slider-active-3 .hero-slider-social{position:absolute;right:50px;bottom:50%;z-index:99;width:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;transform:translateY(50%)}
@media (min-width:1200px) and (max-width:1399px){
.hero-slider-active-3 .hero-slider-social{right:30px}
}
@media (min-width:992px) and (max-width:1199px){
.hero-slider-active-3 .hero-slider-social{right:30px}
}
@media (min-width:768px) and (max-width:991px){
.hero-slider-active-3 .hero-slider-social{right:30px}
}
@media (max-width:767px){
.hero-slider-active-3 .hero-slider-social{display:none}
}
.hero-slider-active-3 .hero-slider-social .text{transform:rotate(-180deg);width:auto;font-size:18px;line-height:167%;color:#fff;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:mixed}
.hero-slider-active-3 .hero-slider-social .social-links{display:flex;flex-direction:column;gap:10px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.hero-slider-active-3 .hero-slider-social .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50px;color:var(--theme-color-3);background:rgba(255,255,255,.33);border:1.5px solid rgba(255,255,255,.2);backdrop-filter:blur(8.5px)}
.hero-slider-active-3 .hero-slider-social .social-links a:hover{background:var(--theme-color-2);color:var(--theme-color-3)}
.hero-slider-active-3 .hero-slider-navigation{display:flex;align-items:center;gap:10px;position:absolute;left:50px;bottom:50px;z-index:99}
@media (min-width:1400px) and (max-width:1700px){
.hero-slider-active-3 .hero-slider-navigation{left:20px}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-slider-active-3 .hero-slider-navigation{left:20px}
}
@media (min-width:992px) and (max-width:1199px){
.hero-slider-active-3 .hero-slider-navigation{left:20px}
}
@media (min-width:768px) and (max-width:991px){
.hero-slider-active-3 .hero-slider-navigation{left:20px;bottom:40px}
}
@media (max-width:767px){
.hero-slider-active-3 .hero-slider-navigation{left:20px;bottom:40px}
}
.hero-slider-active-3 .hero-slider-navigation .hero-slider-button-next-3,.hero-slider-active-3 .hero-slider-navigation .hero-slider-button-prev-3{width:50px;height:50px;display:flex;justify-content:center;align-items:center;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(2.35px);border-radius:100px;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.hero-slider-active-3 .hero-slider-navigation .hero-slider-button-next-3:hover,.hero-slider-active-3 .hero-slider-navigation .hero-slider-button-prev-3:hover{color:var(--theme-color-3);background:var(--theme-color-2);border-color:var(--theme-color-2)}
.hero-section-4{background-size:cover;background-repeat:no-repeat;background-position:left center;position:relative}
.hero-section-4 .thumb{position:absolute;top:0;right:0;height:100%;z-index:10}
@media (min-width:1400px) and (max-width:1700px){
.hero-section-4 .thumb{width:48%}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-section-4 .thumb{width:48%}
}
@media (min-width:992px) and (max-width:1199px){
.hero-section-4 .thumb{width:48%}
}
@media (max-width:991px){
.hero-section-4 .thumb{position:static}
}
.hero-section-4 .thumb img{width:100%;object-fit:cover;height:100%}
.hero-section-4 .hero-slider-social{position:absolute;left:90px;bottom:50%;z-index:999;width:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;transform:translateY(50%)}
@media (min-width:1400px) and (max-width:1700px){
.hero-section-4 .hero-slider-social{left:30px}
}
@media (min-width:1400px) and (max-width:1500px){
.hero-section-4 .hero-slider-social{left:0}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-section-4 .hero-slider-social{left:5px}
}
@media (min-width:992px) and (max-width:1199px){
.hero-section-4 .hero-slider-social{display:none}
}
@media (min-width:768px) and (max-width:991px){
.hero-section-4 .hero-slider-social{display:none}
}
@media (max-width:767px){
.hero-section-4 .hero-slider-social{display:none}
}
.hero-section-4 .hero-slider-social .social-links{display:flex;flex-direction:column;gap:10px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.hero-section-4 .hero-slider-social .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50px;color:var(--theme-color-3);background:rgba(0,69,64,.1);border:1.5px solid rgba(0,69,64,.05);backdrop-filter:blur(8.5px)}
@media (min-width:1400px) and (max-width:1500px){
.hero-section-4 .hero-slider-social .social-links a{width:20px;height:20px;font-size:10px}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-section-4 .hero-slider-social .social-links a{width:20px;height:20px;font-size:10px}
}
.hero-section-4 .hero-slider-social .social-links a:hover{background:var(--theme-color-2);color:var(--theme-color-3)}
.hero-content-4{padding:170px 0}
@media (min-width:1400px) and (max-width:1700px){
.hero-content-4{padding:80px 0}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-content-4{padding:80px 0}
}
@media (min-width:992px) and (max-width:1199px){
.hero-content-4{padding:100px 0}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-4{padding:80px 0 40px}
}
@media (max-width:767px){
.hero-content-4{padding:60px 0 30px}
}
.hero-content-4 .subtitle{padding:9px 15px;gap:10px;background:rgba(0,69,64,.06);border-radius:100px;display:inline-flex;align-items:center;margin-bottom:20px;backdrop-filter:blur(4.2px)}
@media (min-width:768px) and (max-width:991px){
.hero-content-4 .subtitle{margin-bottom:12px}
}
@media (max-width:767px){
.hero-content-4 .subtitle{margin-bottom:10px}
}
.hero-content-4 .subtitle span{font-weight:500;font-size:16px;line-height:36px;color:var(--theme-color-3)}
.hero-content-4 .common-title{margin-bottom:30px}
.hero-content-4 .common-title h1{font-style:normal;font-weight:600;font-size:74px;line-height:82px;color:var(--theme-color-3)}
@media (min-width:1400px) and (max-width:1700px){
.hero-content-4 .common-title h1{font-size:70px;line-height:1.1}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-content-4 .common-title h1{font-size:56px;line-height:1.1}
}
@media (min-width:992px) and (max-width:1199px){
.hero-content-4 .common-title h1{font-size:46px;line-height:1.1}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-4 .common-title h1{font-size:42px;line-height:1.1}
}
@media (max-width:767px){
.hero-content-4 .common-title h1{font-size:38px;line-height:1.1}
}
.hero-content-4 .text{max-width:500px;width:100%;margin-bottom:20px}
@media (min-width:992px) and (max-width:1199px){
.hero-content-4 .text{max-width:420px}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-4 .text{max-width:95%;margin-bottom:24px}
}
@media (max-width:767px){
.hero-content-4 .text{max-width:100%;margin-bottom:20px}
}
.hero-content-4 .text p{font-size:18px;line-height:30px}
@media (min-width:992px) and (max-width:1199px){
.hero-content-4 .text p{font-size:16px;line-height:1.5}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-4 .text p{font-size:16px;line-height:1.5}
}
@media (max-width:767px){
.hero-content-4 .text p{font-size:16px;line-height:1.3}
}
.hero-rating-wrap{display:flex;align-items:center;gap:20px}
@media (max-width:767px){
.hero-rating-wrap{flex-direction:column;align-items:start;gap:14px}
}
.hero-rating-wrap .annual-donation{display:flex;align-items:center;gap:15px}
.hero-rating-wrap .annual-donation p{margin-bottom:5px}
.hero-rating-wrap .annual-donation h5{margin-bottom:0}
.hero-rating-wrap .annual-donation img{padding:17px 15px;border-radius:100%;border:2px solid rgba(0,69,64,.1)}
.hero-section-5{background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;z-index:1;padding-top:300px;padding-bottom:210px}
@media (min-width:1400px) and (max-width:1700px){
.hero-section-5{padding-top:280px;padding-bottom:160px}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-section-5{padding-top:280px;padding-bottom:160px}
}
@media (min-width:992px) and (max-width:1199px){
.hero-section-5{padding-top:250px;padding-bottom:150px}
}
@media (min-width:768px) and (max-width:991px){
.hero-section-5{padding-top:240px;padding-bottom:120px}
}
@media (max-width:767px){
.hero-section-5{padding-top:200px;padding-bottom:120px}
}
.hero-section-5::before{content:"";width:100%;height:100%;background:linear-gradient(180deg,rgba(0,51,47,.1) 0,#00332f 107.37%);position:absolute;bottom:0;left:0}
.hero-section-5 .shape{position:absolute;height:100%;width:100%;left:0;bottom:0;z-index:-1}
.hero-section-5 .shape img{height:100%;width:100%}
.hero-content-5{max-width:940px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;margin:0 auto;position:relative}
.hero-content-5 .title{margin-bottom:12px}
.hero-content-5 .title h1{font-family:Philosopher;text-align:center;text-transform:uppercase;font-style:normal;font-weight:700;font-size:100px;line-height:90%;color:var(--white-color);margin-bottom:0}
@media (min-width:1400px) and (max-width:1700px){
.hero-content-5 .title h1{font-size:80px;line-height:1.1}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-content-5 .title h1{width:70%;margin:0 auto;font-size:60px;line-height:1.1}
}
@media (min-width:992px) and (max-width:1199px){
.hero-content-5 .title h1{font-size:54px;margin:0 auto;line-height:1.1;width:60%}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-5 .title h1{width:70%;margin:0 auto;font-size:48px;line-height:1.1}
}
@media (max-width:767px){
.hero-content-5 .title h1{width:100%;margin:0 auto;font-size:36px;line-height:1.1}
}
.hero-content-5 .text{max-width:480px;width:100%;margin-bottom:36px;text-align:center;color:#f8f7f0}
.hero-content-5 .icon-1{position:absolute;left:-16%;bottom:16%}
@media (min-width:1400px) and (max-width:1700px){
.hero-content-5 .icon-1{left:-4%}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-content-5 .icon-1{left:10%}
}
@media (min-width:992px) and (max-width:1199px){
.hero-content-5 .icon-1{left:15%}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-5 .icon-1{left:7%}
}
@media (max-width:767px){
.hero-content-5 .icon-1{left:6%;bottom:88%}
}
@media (max-width:1399px){
.hero-content-5 .icon-1 img{width:80%}
}
@media (max-width:991px){
.hero-content-5 .icon-1 img{width:60%}
}
.hero-content-5 .icon-2{position:absolute;right:-25%;bottom:8%}
@media (min-width:1400px) and (max-width:1700px){
.hero-content-5 .icon-2{right:-10%}
}
@media (min-width:1200px) and (max-width:1399px){
.hero-content-5 .icon-2{right:2%}
}
@media (min-width:992px) and (max-width:1199px){
.hero-content-5 .icon-2{right:7%}
}
@media (min-width:768px) and (max-width:991px){
.hero-content-5 .icon-2{right:0}
}
@media (max-width:767px){
.hero-content-5 .icon-2{right:-2%;bottom:-20%}
}
@media (max-width:1399px){
.hero-content-5 .icon-2 img{width:80%}
}
@media (max-width:991px){
.hero-content-5 .icon-2 img{width:60%}
}
.our-camping-section{background-color:#f8f7f0;background-size:cover;background-repeat:no-repeat;background-position:center center}
.our-camping-section-3{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center;z-index:1}
.our-camping-section-3 .shape{position:absolute;top:0;left:0;z-index:-1}
@media (max-width:1700px){
.our-camping-section-3 .shape img{width:80%}
}
.our-camping-section-3 .icon-1{position:absolute;top:18%;right:6%}
@media (min-width:992px) and (max-width:1199px){
.our-camping-section-3 .icon-1{top:10%;right:0}
}
@media (min-width:768px) and (max-width:991px){
.our-camping-section-3 .icon-1{top:10%;right:0}
}
@media (max-width:767px){
.our-camping-section-3 .icon-1{top:8%;right:0}
}
@media (min-width:992px) and (max-width:1199px){
.our-camping-section-3 .icon-1 img{width:70%}
}
@media (min-width:768px) and (max-width:991px){
.our-camping-section-3 .icon-1 img{width:70%}
}
@media (max-width:767px){
.our-camping-section-3 .icon-1 img{width:60%}
}
.camping-card{background-color:var(--white-color);border-radius:10px;box-shadow:0 4px 56.5px rgba(0,0,0,.06);padding:10px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.camping-card.active .thumb a img,.camping-card:hover .thumb a img{transform:scale(1.1)}
.camping-card.active .content .donation-wrap,.camping-card:hover .content .donation-wrap{background:var(--theme-color-3)}
.camping-card.active .content .donation-wrap .d-top p,.camping-card:hover .content .donation-wrap .d-top p{color:var(--theme-color-2)}
.camping-card.active .content .donation-wrap .progress,.camping-card:hover .content .donation-wrap .progress{background:rgba(255,225,117,.1)}
.camping-card.active .content .donation-wrap .progress .progress-bar,.camping-card:hover .content .donation-wrap .progress .progress-bar{background:var(--theme-color-2)}
.camping-card.active .content .donation-wrap .fund p,.camping-card:hover .content .donation-wrap .fund p{color:var(--white-color)}
.camping-card.active .content .donation-wrap .fund p span,.camping-card:hover .content .donation-wrap .fund p span{color:var(--theme-color-2)}
.camping-card.active .content .donation-wrap .d-bottom .d-btn,.camping-card:hover .content .donation-wrap .d-bottom .d-btn{color:var(--theme-color-3)}
.camping-card.active .content .donation-wrap .d-bottom .d-btn:before,.camping-card:hover .content .donation-wrap .d-bottom .d-btn:before{background:var(--theme-color-2);left:-10%;transform:translateX(0) translateY(-50%)}
.camping-card.active .content .donation-wrap .d-bottom .d-btn .icon-wrap,.camping-card:hover .content .donation-wrap .d-bottom .d-btn .icon-wrap{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2)}
.camping-card.active .content .donation-wrap .d-bottom .d-wishlist,.camping-card:hover .content .donation-wrap .d-bottom .d-wishlist{color:var(--theme-color-2);border-color:rgba(255,225,117,.1)}
.camping-card .thumb{position:relative;overflow:hidden}
.camping-card .thumb>a{display:block;border-radius:10px;overflow:hidden}
.camping-card .thumb img{width:100%;border-radius:10px}
.camping-card .thumb .category{position:absolute;top:20px;left:20px}
.camping-card .thumb .category a{display:inline-block;padding:8px 18px;background:rgba(255,255,255,.01);border:1.5px solid rgba(255,255,255,.3);box-shadow:inset 0 4px 11px rgba(255,255,255,.4),inset -1px -4px 23.1px rgba(0,24,25,.28);backdrop-filter:blur(23.9px);border-radius:53px;color:var(--white-color)}
.camping-card .thumb .category a:hover{color:var(--theme-color-3);background:var(--white-color)}
.camping-card .content .content-top{padding:20px}
.camping-card .content .date{display:inline-flex;align-items:center;padding:6px 10px;gap:10px;background:#f8f7f0;border:2px solid var(--white-color);box-shadow:0 6px 30px rgba(0,69,64,.09);border-radius:10px;margin-bottom:10px;font-weight:500;font-size:17px;line-height:28px;color:#868681}
.camping-card .content .date img{width:18px;height:18px}
@media (max-width:767px){
.camping-card .content .date span{font-size:16px}
}
.camping-card .content .title h3{font-weight:600;font-size:23px;line-height:36px;color:var(--theme-color-3);margin-bottom:5px}
@media (min-width:768px) and (max-width:991px){
.camping-card .content .title h3{font-size:20px;line-height:1.5}
}
@media (max-width:767px){
.camping-card .content .title h3{line-height:1.4;font-size:20px}
}
.camping-card .content .title h3 a{color:var(--theme-color-3)}
.camping-card .content .text p{font-size:17px;line-height:28px}
.camping-card .content .donation-wrap{padding:16px 20px 25px;background-color:#f8f7f0;border-radius:8px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.camping-card .content .donation-wrap .d-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}
.camping-card .content .donation-wrap .d-top p{font-weight:500;font-size:18px;line-height:28px;color:var(--theme-color-3);margin-bottom:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.camping-card .content .donation-wrap .progress{background:rgba(0,69,64,.1);height:8px;border-radius:100px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.camping-card .content .donation-wrap .progress .progress-bar{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border-radius:100px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.camping-card .content .donation-wrap .fund{display:flex;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:24px;gap:20px}
.camping-card .content .donation-wrap .fund p{font-weight:400;font-size:15px;line-height:100%;color:#868681;margin-bottom:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.camping-card .content .donation-wrap .fund p span{color:var(--theme-color-3);font-weight:600;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.camping-card .content .donation-wrap .d-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}
.camping-card .content .donation-wrap .d-bottom .d-btn{color:var(--theme-color-2);background:var(--theme-color-3)}
.camping-card .content .donation-wrap .d-bottom .d-btn:before{background:var(--theme-color-3)}
.camping-card .content .donation-wrap .d-bottom .d-btn .icon-wrap{background:var(--theme-color-2);color:var(--theme-color-3)}
.camping-card .content .donation-wrap .d-bottom .d-wishlist{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1.5px solid rgba(0,24,25,.1);border-radius:10px;padding:10px;background:0 0;color:var(--theme-color-3);font-family:var(--albert-sans-font);font-weight:600;font-size:15px;line-height:18px;letter-spacing:-.01em;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.camping-card-2{background-color:#f8f7f0;border-radius:10px;padding:10px}
.camping-card-2.widget-style{padding:0;background:0 0!important;box-shadow:none!important}
.camping-card-2.widget-style .content .donation-wrap{padding-bottom:0}
.camping-card-2.active,.camping-card-2:hover{-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;background-color:var(--white-color);box-shadow:0 35px 41.5px -16px rgba(0,69,64,.08)}
.camping-card-2.active .thumb a img,.camping-card-2:hover .thumb a img{transform:scale(1.1)}
.camping-card-2.active .content .donation-wrap .d-bottom .d-btn,.camping-card-2:hover .content .donation-wrap .d-bottom .d-btn{color:var(--theme-color-2)}
.camping-card-2.active .content .donation-wrap .d-bottom .d-btn:before,.camping-card-2:hover .content .donation-wrap .d-bottom .d-btn:before{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);left:-10%;transform:translateX(0) translateY(-50%)}
.camping-card-2.active .content .donation-wrap .d-bottom .d-btn .icon-wrap,.camping-card-2:hover .content .donation-wrap .d-bottom .d-btn .icon-wrap{background:var(--theme-color-2);color:var(--theme-color-3)}
.camping-card-2 .thumb{position:relative;overflow:hidden}
.camping-card-2 .thumb>a{display:block;border-radius:10px;overflow:hidden}
.camping-card-2 .thumb img{width:100%;border-radius:10px}
.camping-card-2 .thumb .date{position:absolute;top:20px;left:20px;display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:17px;line-height:28px;padding:12px 18px;background:rgba(255,255,255,.01);border:1.5px solid rgba(255,255,255,.3);box-shadow:inset 0 4px 11px rgba(255,255,255,.4),inset -1px -4px 23.1px rgba(0,24,25,.28);backdrop-filter:blur(23.9px);border-radius:53px;color:var(--white-color)}
.camping-card-2 .thumb .date:hover{background:var(--white-color);color:var(--theme-color-3)}
.camping-card-2 .thumb .date span{line-height:0}
@media (max-width:767px){
.camping-card-2 .thumb .date span{font-size:16px}
}
.camping-card-2 .content .title{margin-bottom:15px}
.camping-card-2 .content .title h3{font-weight:600;font-size:24px;line-height:36px;color:var(--theme-color-3);margin-bottom:5px}
@media (min-width:1200px) and (max-width:1399px){
.camping-card-2 .content .title h3{font-size:22px;line-height:1.5}
}
@media (min-width:992px) and (max-width:1199px){
.camping-card-2 .content .title h3{font-size:21px;line-height:1.5}
}
@media (min-width:768px) and (max-width:991px){
.camping-card-2 .content .title h3{font-size:20px;line-height:1.5}
}
@media (max-width:767px){
.camping-card-2 .content .title h3{line-height:1.4;font-size:20px}
}
.camping-card-2 .content .title h3 a{color:var(--theme-color-3)}
.camping-card-2 .content .text p{font-size:17px;line-height:28px}
.camping-card-2 .content .donation-wrap{padding:16px 20px 25px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.camping-card-2 .content .donation-wrap .d-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}
.camping-card-2 .content .donation-wrap .d-top p{font-weight:500;font-size:18px;line-height:28px;color:var(--theme-color-3);margin-bottom:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.camping-card-2 .content .donation-wrap .progress{background:rgba(0,69,64,.1);height:8px;border-radius:100px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.camping-card-2 .content .donation-wrap .progress .progress-bar{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border-radius:100px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.camping-card-2 .content .donation-wrap .fund{display:flex;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:24px;gap:20px}
.camping-card-2 .content .donation-wrap .fund p{font-weight:400;font-size:15px;line-height:100%;color:#868681;margin-bottom:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.camping-card-2 .content .donation-wrap .fund p span{color:var(--theme-color-3);font-weight:600;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.camping-card-2 .content .donation-wrap .d-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}
.camping-card-2 .content .donation-wrap .d-bottom .d-btn{color:var(--theme-color-3);background:var(--theme-color-2)}
.camping-card-2 .content .donation-wrap .d-bottom .d-btn:before{background:var(--theme-color-3)}
.camping-card-2 .content .donation-wrap .d-bottom .d-btn .icon-wrap{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--light-color)}
.recent-course-slider-active{margin-left:-30px;margin-right:-30px;position:relative;z-index:1}
@media (max-width:767px){
.recent-course-slider-active{margin-left:-10px;margin-right:-10px}
}
.recent-course-slider-active .recent-course-pagination{position:absolute;right:24px;left:auto;top:-70px;bottom:auto;z-index:99;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:100px;width:auto;padding:0}
@media (max-width:767px){
.recent-course-slider-active .recent-course-pagination{right:10px}
}
.recent-course-slider-active .recent-course-pagination .swiper-pagination-bullet{width:20px;height:20px;background:0 0;border:1px solid transparent;margin:0;opacity:1;border-radius:100%;position:relative;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.recent-course-slider-active .recent-course-pagination .swiper-pagination-bullet:before{content:"";width:7px;height:7px;border-radius:100%;background:#868681;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}
.recent-course-slider-active .recent-course-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid var(--theme-color-3)}
.recent-course-slider-active .recent-course-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background:radial-gradient(92.09% 85.42% at 86.3% 87.5%,rgba(0,0,0,.23) 0,rgba(0,0,0,0) 86.18%),radial-gradient(65.28% 65.28% at 26.39% 20.83%,rgba(255,255,255,.413) 0,rgba(255,255,255,0) 69.79%,rgba(255,255,255,0) 100%),#a9c200}
.camping-slider-active-3{position:relative;z-index:1}
@media (min-width:992px) and (max-width:1199px){
.camping-slider-active-3{padding-bottom:80px}
}
@media (min-width:768px) and (max-width:991px){
.camping-slider-active-3{padding-bottom:80px}
}
@media (max-width:767px){
.camping-slider-active-3{padding-bottom:80px}
}
.camping-slider-active-3 .camping-button-prev-3{position:absolute;left:-82px;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;border-radius:100%;background:#fff;color:#868681;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (min-width:1400px) and (max-width:1700px){
.camping-slider-active-3 .camping-button-prev-3{left:-25px}
}
@media (min-width:1200px) and (max-width:1399px){
.camping-slider-active-3 .camping-button-prev-3{left:-25px}
}
@media (min-width:992px) and (max-width:1199px){
.camping-slider-active-3 .camping-button-prev-3{left:-25px}
}
@media (min-width:992px) and (max-width:1199px){
.camping-slider-active-3 .camping-button-prev-3{left:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
@media (min-width:768px) and (max-width:991px){
.camping-slider-active-3 .camping-button-prev-3{left:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
@media (max-width:767px){
.camping-slider-active-3 .camping-button-prev-3{left:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
.camping-slider-active-3 .camping-button-prev-3:hover{background:var(--theme-color-2);color:var(--theme-color-3)}
.camping-slider-active-3 .camping-button-next-3{position:absolute;right:-82px;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;border-radius:100%;background:#fff;color:#868681;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (min-width:1400px) and (max-width:1700px){
.camping-slider-active-3 .camping-button-next-3{right:-25px}
}
@media (min-width:1200px) and (max-width:1399px){
.camping-slider-active-3 .camping-button-next-3{right:-25px}
}
@media (min-width:992px) and (max-width:1199px){
.camping-slider-active-3 .camping-button-next-3{right:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
@media (min-width:768px) and (max-width:991px){
.camping-slider-active-3 .camping-button-next-3{right:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
@media (max-width:767px){
.camping-slider-active-3 .camping-button-next-3{right:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
.camping-slider-active-3 .camping-button-next-3:hover{background:var(--theme-color-2);color:var(--theme-color-3)}
.section-top-7{text-align:center}
.section-top-7 .common-subtitle span{color:var(--theme-color-2)}
.section-top-7 .common-title h2{color:var(--white-color)}
.camping-slider-active{position:relative;z-index:1}
.camping-slider-active .camping-button-prev{position:absolute;left:-82px;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;border-radius:100%;background:#fff;color:#868681;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;margin-top:-80px}
@media (min-width:1400px) and (max-width:1700px){
.camping-slider-active .camping-button-prev{left:-25px}
}
@media (min-width:1200px) and (max-width:1399px){
.camping-slider-active .camping-button-prev{left:-25px}
}
@media (min-width:992px) and (max-width:1199px){
.camping-slider-active .camping-button-prev{left:-25px}
}
@media (min-width:992px) and (max-width:1199px){
.camping-slider-active .camping-button-prev{left:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
@media (min-width:768px) and (max-width:991px){
.camping-slider-active .camping-button-prev{left:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
@media (max-width:767px){
.camping-slider-active .camping-button-prev{left:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
.camping-slider-active .camping-button-prev:hover{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2)}
.camping-slider-active .camping-button-next{position:absolute;right:-82px;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;border-radius:100%;background:#fff;color:#868681;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;margin-top:-80px}
@media (min-width:1400px) and (max-width:1700px){
.camping-slider-active .camping-button-next{right:-25px}
}
@media (min-width:1200px) and (max-width:1399px){
.camping-slider-active .camping-button-next{right:-25px}
}
@media (min-width:992px) and (max-width:1199px){
.camping-slider-active .camping-button-next{right:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
@media (min-width:768px) and (max-width:991px){
.camping-slider-active .camping-button-next{right:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
@media (max-width:767px){
.camping-slider-active .camping-button-next{right:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
.camping-slider-active .camping-button-next:hover{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2)}
.camping-slider-active .camping-pagination-wrap{display:flex;justify-content:center}
.camping-slider-active .camping-pagination-wrap .camping-pagination{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1.5px solid rgba(255,255,255,.3);backdrop-filter:blur(8.5px);border-radius:100px;width:auto;padding:10px 16px;margin-top:50px}
.camping-slider-active .camping-pagination-wrap .camping-pagination .swiper-pagination-bullet{width:20px;height:20px;background:0 0;border:1px solid transparent;backdrop-filter:blur(4.75px);margin:0;opacity:1;border-radius:100%;position:relative;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.camping-slider-active .camping-pagination-wrap .camping-pagination .swiper-pagination-bullet:before{content:"";width:7px;height:7px;border-radius:100%;background:#868681;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}
.camping-slider-active .camping-pagination-wrap .camping-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:var(--theme-color-3)}
.camping-slider-active .camping-pagination-wrap .camping-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background:radial-gradient(92.09% 85.42% at 86.3% 87.5%,rgba(0,0,0,.23) 0,rgba(0,0,0,0) 86.18%),radial-gradient(65.28% 65.28% at 26.39% 20.83%,rgba(255,255,255,.413) 0,rgba(255,255,255,0) 69.79%,rgba(255,255,255,0) 100%),#a9c200}
.camping-slider-active-2{position:relative;z-index:1}
@media (max-width:767px){
.camping-slider-active-2{padding-bottom:80px}
}
.camping-slider-active-2 .camping-button-prev-2{position:absolute;left:-82px;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;border-radius:100%;background:#f8f7f0;color:#868681;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (min-width:1400px) and (max-width:1700px){
.camping-slider-active-2 .camping-button-prev-2{left:-25px}
}
@media (min-width:1200px) and (max-width:1399px){
.camping-slider-active-2 .camping-button-prev-2{left:-25px}
}
@media (min-width:992px) and (max-width:1199px){
.camping-slider-active-2 .camping-button-prev-2{left:-25px}
}
@media (min-width:768px) and (max-width:991px){
.camping-slider-active-2 .camping-button-prev-2{left:-25px}
}
@media (max-width:767px){
.camping-slider-active-2 .camping-button-prev-2{left:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
.camping-slider-active-2 .camping-button-prev-2:hover{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2)}
.camping-slider-active-2 .camping-button-next-2{position:absolute;right:-82px;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;border-radius:100%;background:#f8f7f0;color:#868681;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (min-width:1400px) and (max-width:1700px){
.camping-slider-active-2 .camping-button-next-2{right:-25px}
}
@media (min-width:1200px) and (max-width:1399px){
.camping-slider-active-2 .camping-button-next-2{right:-25px}
}
@media (min-width:992px) and (max-width:1199px){
.camping-slider-active-2 .camping-button-next-2{right:-25px}
}
@media (min-width:768px) and (max-width:991px){
.camping-slider-active-2 .camping-button-next-2{right:-25px}
}
@media (max-width:767px){
.camping-slider-active-2 .camping-button-next-2{right:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
.camping-slider-active-2 .camping-button-next-2:hover{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2)}
.camping-slider-active-2 .camping-pagination-wrap-2{display:flex;justify-content:center}
.camping-slider-active-2 .camping-pagination-wrap-2 .camping-pagination{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1.5px solid rgba(255,255,255,.3);backdrop-filter:blur(8.5px);border-radius:100px;width:auto;padding:10px 16px;margin-top:50px}
.camping-slider-active-2 .camping-pagination-wrap-2 .camping-pagination .swiper-pagination-bullet{width:20px;height:20px;background:0 0;border:1px solid transparent;backdrop-filter:blur(4.75px);margin:0;opacity:1;border-radius:100%;position:relative;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.camping-slider-active-2 .camping-pagination-wrap-2 .camping-pagination .swiper-pagination-bullet:before{content:"";width:7px;height:7px;border-radius:100%;background:#868681;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}
.camping-slider-active-2 .camping-pagination-wrap-2 .camping-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:var(--theme-color-3)}
.camping-slider-active-2 .camping-pagination-wrap-2 .camping-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background:radial-gradient(92.09% 85.42% at 86.3% 87.5%,rgba(0,0,0,.23) 0,rgba(0,0,0,0) 86.18%),radial-gradient(65.28% 65.28% at 26.39% 20.83%,rgba(255,255,255,.413) 0,rgba(255,255,255,0) 69.79%,rgba(255,255,255,0) 100%),#a9c200}
.camping-slider-active-2 .swiper{overflow:visible;overflow-x:clip}
.swiper-slide-active .camping-card .thumb a img{transform:scale(1.1)}
.swiper-slide-active .camping-card .content .donation-wrap{background:var(--theme-color-3)}
.swiper-slide-active .camping-card .content .donation-wrap .d-top p{color:var(--theme-color-2)}
.swiper-slide-active .camping-card .content .donation-wrap .progress{background:rgba(255,225,117,.1)}
.swiper-slide-active .camping-card .content .donation-wrap .progress .progress-bar{background:var(--theme-color-2)}
.swiper-slide-active .camping-card .content .donation-wrap .fund p{color:var(--white-color)}
.swiper-slide-active .camping-card .content .donation-wrap .fund p span{color:var(--theme-color-2)}
.swiper-slide-active .camping-card .content .donation-wrap .d-bottom .d-btn{color:var(--theme-color-3)}
.swiper-slide-active .camping-card .content .donation-wrap .d-bottom .d-btn:before{background:var(--theme-color-2);left:-10%;transform:translateX(0) translateY(-50%)}
.swiper-slide-active .camping-card .content .donation-wrap .d-bottom .d-btn .icon-wrap{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2)}
.swiper-slide-active .camping-card .content .donation-wrap .d-bottom .d-wishlist{color:var(--theme-color-2);border-color:rgba(255,225,117,.1)}
.swiper-slide-active .camping-card-2{background-color:var(--white-color);box-shadow:0 35px 41.5px -16px rgba(0,69,64,.08)}
.swiper-slide-active .camping-card-2 .thumb a img{transform:scale(1.1)}
.swiper-slide-active .camping-card-2 .content .donation-wrap .d-bottom .d-btn{color:var(--theme-color-2)}
.swiper-slide-active .camping-card-2 .content .donation-wrap .d-bottom .d-btn:before{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);left:-10%;transform:translateX(0) translateY(-50%)}
.swiper-slide-active .camping-card-2 .content .donation-wrap .d-bottom .d-btn .icon-wrap{background:var(--theme-color-2);color:var(--theme-color-3)}
.contact-info-section{position:relative;z-index:1}
.contact-info-layout{background:var(--theme-color-2);border-radius:12px;display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:-45px;margin-top:20px;padding-left:15px;padding-right:15px}
@media (max-width:767px){
.contact-info-layout{padding-top:15px;padding-bottom:15px}
}
@media (min-width:768px) and (max-width:991px){
.contact-info-layout{padding-top:15px;padding-bottom:15px}
}
@media (max-width:991px){
.contact-info-layout{grid-template-columns:1fr;overflow:hidden}
}
.contact-info{padding:30px;border-radius:12px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.contact-info .icon-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.contact-info .icon-wrap .icon-shape{flex:1;width:100%;height:1px;background:linear-gradient(90deg,rgba(0,69,64,0) 0,var(--theme-color-3) 100%)}
.contact-info .icon-wrap .icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;color:var(--theme-color-3);background:rgba(0,69,64,.1);flex:none}
.contact-info h3{font-family:var(--outfit-font);font-weight:600;font-size:24px;line-height:36px;color:var(--theme-color-3);margin-bottom:10px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (min-width:992px) and (max-width:1199px){
.contact-info h3{font-size:20px}
}
@media (min-width:768px) and (max-width:991px){
.contact-info h3{font-size:20px}
}
@media (max-width:767px){
.contact-info h3{font-size:18px}
}
.contact-info p{font-weight:400;font-size:18px;line-height:30px;color:var(--theme-color-3);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (min-width:768px) and (max-width:991px){
.contact-info p{font-size:16px}
}
@media (max-width:767px){
.contact-info p{font-size:16px}
}
.contact-info.active{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);transform:translateY(-20px);box-shadow:0 33px 50.3px -27px rgba(0,69,64,.3)}
@media (min-width:768px) and (max-width:991px){
.contact-info.active{transform:translateY(0)}
}
@media (max-width:767px){
.contact-info.active{transform:translateY(0)}
}
.contact-info.active .icon-wrap .icon-shape{background:linear-gradient(90deg,rgba(0,69,64,0) 0,var(--theme-color-2) 100%)}
.contact-info.active .icon-wrap .icon{color:var(--theme-color-2);background:rgba(255,225,117,.1)}
.contact-info.active h3{color:var(--white-color)}
.contact-info.active p{color:var(--white-color)}
.contact-form-wrap{background:#f8f7f0;border-radius:24px;padding:40px 50px 50px;text-align:center}
.contact-form-wrap h3{font-weight:600;font-size:48px;line-height:60px;color:#010a15;margin-bottom:7px}
.contact-form-wrap p{font-weight:400;font-size:18px;line-height:30px;color:#868681;margin-bottom:32px}
.contact-form-wrap .input-wrap input{background:#fff}
.contact-form-wrap .input-wrap input:focus{background:#fff}
.contact-form-wrap .input-wrap textarea{background:#fff}
.contact-form-wrap .input-wrap textarea:focus{background:#fff}
.contact-form-wrap .select-wrap select{background:#fff}
.contact-form-wrap .select-wrap select:focus{background:#fff}
.contact-section{position:relative;z-index:1}
.contact-section .c-shape-1{position:absolute;z-index:-1;bottom:0;left:0}
.contact-section .c-shape-2{position:absolute;z-index:-1;bottom:0;right:0}
.contact-map{width:100%;height:650px}
.contact-map iframe{width:100%;height:100%}
.map-section{margin-bottom:-165px}
.latest-blog-section{padding:4rem 0 4rem 0}
.latest-blog-section{position:relative;background-color:#ffffff;background-size:cover;background-repeat:no-repeat;background-position:center center;overflow-x:clip}
.latest-blog-section .blog-btn .e-primary-btn{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border:none;color:#fff}
.latest-blog-section .blog-btn .e-primary-btn:before{background:var(--theme-color-2)}
.latest-blog-section .blog-btn .e-primary-btn .icon-wrap{background:var(--theme-color-2);color:#fff}
.latest-blog-section .blog-btn .e-primary-btn:hover{color:var(--theme-color-3)}
.latest-blog-section .blog-btn .e-primary-btn:hover .icon-wrap{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2)}
.latest-blog-section .shape{position:absolute;bottom:-2%;width:100%;height:63px}
@media (max-width:1199px){
.latest-blog-section .shape{height:30px;bottom:-1%}
}
.latest-blog-section .shape img{width:100%;height:100%}
.latest-blog-row-bottom{position:relative;display:flex;justify-content:center;align-items:center;background:linear-gradient(37.93deg,rgba(255,225,117,0) 40.36%,rgba(255,225,117,.2) 97.89%),rgba(255,255,255,.08);backdrop-filter:blur(7.75px);border-radius:14px;padding:0 50px;height:350px}
@media (min-width:1200px) and (max-width:1399px){
.latest-blog-row-bottom{height:320px}
}
@media (min-width:992px) and (max-width:1199px){
.latest-blog-row-bottom{height:300px}
}
@media (min-width:768px) and (max-width:991px){
.latest-blog-row-bottom{height:280px}
}
@media (max-width:767px){
.latest-blog-row-bottom{height:280px;padding:0 20px}
}
.latest-blog-row-bottom .common-title{gap:20px;margin-bottom:10px}
.latest-blog-row-bottom .common-title span img{width:42px;height:42px}
@media (min-width:768px) and (max-width:991px){
.latest-blog-row-bottom .common-title span img{width:28px;height:28px}
}
@media (max-width:767px){
.latest-blog-row-bottom .common-title span img{width:20px;height:20px;margin:0 2px}
}
.latest-blog-row-bottom .common-title i{font-size:32px;font-weight:300}
@media (min-width:768px) and (max-width:991px){
.latest-blog-row-bottom .common-title i{font-size:24px}
}
@media (max-width:767px){
.latest-blog-row-bottom .common-title i{font-size:18px}
}
.latest-blog-row-bottom .row-bottom-thumb{max-width:480px;width:100%}
@media (min-width:1200px) and (max-width:1399px){
.latest-blog-row-bottom .row-bottom-thumb{width:40%}
}
@media (min-width:992px) and (max-width:1199px){
.latest-blog-row-bottom .row-bottom-thumb{display:none}
}
@media (min-width:768px) and (max-width:991px){
.latest-blog-row-bottom .row-bottom-thumb{display:none}
}
@media (max-width:767px){
.latest-blog-row-bottom .row-bottom-thumb{display:none}
}
.latest-blog-row-bottom .row-bottom-thumb .thumb{width:100%}
.form-1{margin-left:50px}
@media (min-width:1200px) and (max-width:1399px){
.form-1{margin-left:30px}
}
@media (min-width:992px) and (max-width:1199px){
.form-1{margin-left:20px}
}
@media (min-width:768px) and (max-width:991px){
.form-1{margin-left:20px}
}
@media (max-width:767px){
.form-1{margin-left:0}
}
.form-1 input{width:100%;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border:1px solid var(--theme-color-2);border-radius:100px;padding:5px 24px;color:var(--white-color);line-height:1;font-size:17px;height:60px;font-family:var(--albert-sans-font);box-shadow:inset 0 4px 11px rgba(255,255,255,.2),inset -1px -4px 23.1px rgba(0,24,25,.28)}
.form-1 input::-webkit-input-placeholder{color:var(--light-color);opacity:.8}
.form-1 input:-moz-placeholder{color:var(--light-color);opacity:.8}
.form-1 input::-moz-placeholder{color:var(--light-color);opacity:.8}
.form-1 input:-ms-input-placeholder{color:var(--light-color);opacity:.8}
.form-1 input:focus{border-color:var(--theme-color-3)}
.form-1 input:focus::-webkit-input-placeholder{color:transparent}
.form-1 input:focus:-moz-placeholder{color:transparent}
.form-1 input:focus::-moz-placeholder{color:transparent}
.form-1 input:focus:-ms-input-placeholder{color:transparent}
.form-1 button{border:none}
@media (max-width:767px){
.latest-blog-content{margin-bottom:40px}
}
.latest-blog-content .text{margin-bottom:30px}
@media (min-width:768px) and (max-width:991px){
.latest-blog-content .text{margin-bottom:20px}
}
@media (max-width:767px){
.latest-blog-content .text{margin-bottom:20px}
}
.blog-card{background-color:var(--white-color);border-radius:10px;box-shadow:0 4px 56.5px rgba(0,0,0,.06);z-index:1;overflow:hidden}
.blog-card:hover .thumb a img{transform:scale(1.1)}
.blog-card:hover .content .content-bottom .e-primary-btn:hover{border:2px solid var(--theme-color-2)}
.blog-card .thumb{position:relative}
.blog-card .thumb>a{display:block;border-radius:10px 10px 0 0;overflow:hidden}
.blog-card .thumb img{border-radius:10px 10px 0 0;height:190px;width:100%}
.blog-card .thumb .category{position:absolute;top:20px;left:20px}
.blog-card .thumb .category a{display:inline-block;padding:8px 18px;background:rgba(255,255,255,.01);border:1.5px solid rgba(255,255,255,.3);box-shadow:inset 0 4px 11px rgba(255,255,255,.4),inset -1px -4px 23.1px rgba(0,24,25,.28);backdrop-filter:blur(23.9px);border-radius:53px;color:var(--white-color)}
.blog-card .thumb .category a:hover{color:var(--theme-color-3);background:var(--white-color)}
.blog-card .event-date{display:inline-block;align-items:center;justify-content:center;width:75px;position:absolute;right:0;bottom:-12px;z-index:2;text-align:center;padding:4px;border-radius:5px;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);}
.blog-card .event-date h2{color:var(--theme-color-2);font-weight:500;font-size:30px;line-height:27px;margin-bottom:0}
@media (min-width:768px) and (max-width:991px){
.blog-card .event-date h2{font-size:30px;line-height:1.2}
}
@media (max-width:767px){
.blog-card .event-date h2{line-height:1.2;font-size:30px}
}
.blog-card .event-date h5{color:var(--light-color);line-height:17px;margin-bottom:3px;font-weight:400;font-size:14px;letter-spacing:1px}
.blog-card .event-date span{color:var(--theme-color-3);border-radius:4px;background-color:var(--theme-color-2);padding:3px 12px 3px 12px;font-weight:600;font-size:10px;line-height:100%;letter-spacing:.36em}
.blog-card .content{padding:14px}
.blog-card .content .title h3{font-weight:600;font-size:23px;line-height:36px;color:var(--theme-color-3);margin-bottom:5px}
@media (min-width:768px) and (max-width:991px){
.blog-card .content .title h3{font-size:18px;line-height:1.4}
}
@media (max-width:767px){
.blog-card .content .title h3{font-size:18px;line-height:1.4}
}
.blog-card .content .title h3 a{color:var(--theme-color-3)}
.blog-card .content .content-bottom{display:flex;justify-content:space-between;align-items:center}
@media (min-width:768px) and (max-width:991px){
.blog-card .content .content-bottom{flex-direction:column;align-items:start;gap:10px}
}
@media (max-width:767px){
.blog-card .content .content-bottom{flex-direction:column;align-items:start;gap:10px}
}
.blog-card .content .content-bottom .e-primary-btn{color:var(--theme-color-3);background-color:transparent;border:2px solid rgba(0,69,64,.1)}
.blog-card .content .content-bottom .e-primary-btn:before{background-color:var(--theme-color-2)}
.blog-card .content .content-bottom .e-primary-btn .icon-wrap{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:#fff}
.blog-card .content .social-share{display:flex;align-items:center;position:relative}
.blog-card .content .social-share.active .social-links{visibility:visible;opacity:1;transform:translateX(0)}
.blog-card .content .social-share.active .total-shared{visibility:hidden;opacity:0}
.blog-card .content .social-share .total-shared{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1.5px solid rgba(0,24,25,.1);border-radius:10px;padding:10px;background:0 0;color:var(--theme-color-3);font-family:var(--albert-sans-font);font-weight:600;font-size:15px;line-height:18px;letter-spacing:-.01em;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.blog-card .content .social-share .social-links{display:flex;align-items:center;gap:5px;position:absolute;right:0;transform:translateX(100%);visibility:hidden;opacity:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.blog-card .content .social-share .social-links a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50px;background:rgba(0,69,64,.1);color:var(--body-color)}
.blog-card .content .social-share .social-links a:hover{color:var(--theme-color-2);background:var(--theme-color-3)}
.blog-card-2{background-color:#f8f7f0;border-radius:0 0 10px 10px;box-shadow:0 4px 56.5px rgba(0,0,0,.06);z-index:1;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.blog-card-2:hover{background-color:var(--white-color);box-shadow:0 35px 41.5px -16px rgba(0,69,64,.08)}
.blog-card-2:hover .thumb a img{transform:scale(1.1)}
.blog-card-2:hover .content .content-bottom .read-more-btn{border:2px solid var(--theme-color-2)}
.blog-card-2:hover .content .content-bottom .read-more-btn::before{background-color:var(--theme-color-2);left:-10%;transform:translateX(0) translateY(-50%)}
.blog-card-2 .thumb{position:relative}
.blog-card-2 .thumb>a{display:block;border-radius:10px 10px 0 0;overflow:hidden}
.blog-card-2 .thumb>a img{width:100%;border-radius:10px 10px 0 0}
.blog-card-2 .thumb .event-date{display:inline-block;align-items:center;justify-content:center;position:absolute;width:80px;padding:4px 18px;bottom:10px;right:10px;z-index:2;text-align:center;border-radius:4px;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);}
.blog-card-2 .thumb .event-date h2{color:var(--theme-color-2);font-weight:500;font-size:36px;line-height:48px;margin-bottom:0}
@media (min-width:768px) and (max-width:991px){
.blog-card-2 .thumb .event-date h2{font-size:30px;line-height:1.2}
}
@media (max-width:767px){
.blog-card-2 .thumb .event-date h2{line-height:1.2;font-size:30px}
}
.blog-card-2 .thumb .event-date h5{color:var(--light-color);line-height:22px;margin-bottom:4px}
.blog-card-2 .thumb .event-date span{color:var(--theme-color-3);border-radius:4px;background-color:var(--theme-color-2);padding:4px 16px 4px 16px;font-weight:600;font-size:12px;line-height:100%;letter-spacing:.36em}
.blog-card-2 .content{padding:25px}
.blog-card-2 .content .content-bottom{display:flex;justify-content:space-between;align-items:center}
.blog-card-2 .content .content-bottom .read-more-btn{line-height:102%;color:var(--theme-color-3);background-color:transparent;border:2px solid rgba(0,69,64,.1)}
.blog-card-2 .content .content-bottom .read-more-btn::before{background-color:transparent}
.blog-card-2 .content .content-bottom .read-more-btn .icon-wrap{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2)}
.blog-card-2 .content .author{display:flex;align-items:center;gap:15px;margin-bottom:5px}
.blog-card-2 .content .author .admin,.blog-card-2 .content .author .solar{display:flex;align-items:center;gap:8px}
.blog-card-2 .content .title h3{font-weight:600;font-size:23px;line-height:36px;color:var(--theme-color-3);margin-bottom:5px}
@media (min-width:1200px) and (max-width:1399px){
.blog-card-2 .content .title h3{font-size:19px;line-height:1.4}
}
@media (min-width:992px) and (max-width:1199px){
.blog-card-2 .content .title h3{font-size:19px;line-height:1.4}
}
@media (min-width:768px) and (max-width:991px){
.blog-card-2 .content .title h3{font-size:18px;line-height:1.4}
}
@media (max-width:767px){
.blog-card-2 .content .title h3{font-size:18px;line-height:1.4}
}
.blog-card-2 .content .title h3 a{color:var(--theme-color-3)}
.blog-card-3{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);padding:10px;border-radius:10px}
.blog-card-3:hover .thumb a img{transform:scale(1.1)}
.blog-card-3:hover .content .content-bottom .read-more-btn{color:var(--theme-color-3);border-color:var(--theme-color-2)}
.blog-card-3:hover .content .content-bottom .read-more-btn::before{background-color:var(--theme-color-2);left:-10%;transform:translateX(0) translateY(-50%)}
.blog-card-3:hover .content .content-bottom .read-more-btn .icon-wrap{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2)}
.blog-card-3 .thumb{position:relative;overflow:hidden}
.blog-card-3 .thumb a{border-radius:10px;display:block;overflow:hidden}
.blog-card-3 .thumb a img{border-radius:10px}
.blog-card-3 .date{width:70px;height:70px;background:var(--theme-color-2);border:2px solid var(--theme-color-3);border-radius:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:10px;right:5px}
@media (min-width:1200px) and (max-width:1399px){
.blog-card-3 .date{width:60px;height:60px;top:0;right:0}
}
@media (min-width:768px) and (max-width:991px){
.blog-card-3 .date{width:60px;height:60px;top:0;right:0}
}
@media (max-width:767px){
.blog-card-3 .date{width:60px;height:60px;top:5px;right:5px}
}
.blog-card-3 .date h4{font-style:normal;font-weight:500;font-size:30px;line-height:100%;color:var(--theme-color-3);margin-bottom:0}
@media (max-width:1399px){
.blog-card-3 .date h4{font-size:20px}
}
.blog-card-3 .date p{font-style:normal;font-weight:400;font-size:17px;line-height:1;color:var(--gray-color)}
@media (max-width:1399px){
.blog-card-3 .date p{font-size:16px;line-height:1}
}
.blog-card-3 .content{padding:20px}
@media (min-width:768px) and (max-width:991px){
.blog-card-3 .content{padding:10px}
}
@media (max-width:767px){
.blog-card-3 .content{padding:10px}
}
.blog-card-3 .content .author{display:flex;align-items:center;gap:15px;margin-bottom:5px}
.blog-card-3 .content .author .admin,.blog-card-3 .content .author .solar{display:flex;align-items:center;gap:8px}
.blog-card-3 .content .author .admin i,.blog-card-3 .content .author .solar i{color:var(--theme-color-2)}
.blog-card-3 .content .author .admin span,.blog-card-3 .content .author .solar span{color:var(--white-color)}
.blog-card-3 .content .title h3{font-style:normal;font-weight:600;font-size:24px;line-height:36px;color:var(--white-color)}
@media (max-width:1399px){
.blog-card-3 .content .title h3{font-size:18px;line-height:1.4}
}
.blog-card-3 .content .content-bottom .read-more-btn{line-height:102%;color:var(--theme-color-2);background-color:transparent;border:2px solid rgba(248,247,240,.1)}
.blog-card-3 .content .content-bottom .read-more-btn::before{background-color:transparent}
.blog-card-3 .content .content-bottom .read-more-btn .icon-wrap{background-color:var(--theme-color-2);color:var(--theme-color-3)}
.blog-slider-active{margin-right:-280px}
@media (min-width:1400px) and (max-width:1700px){
.blog-slider-active{margin-right:-180px}
}
@media (min-width:1200px) and (max-width:1399px){
.blog-slider-active{margin-right:0}
}
@media (min-width:992px) and (max-width:1199px){
.blog-slider-active{margin-right:0}
}
@media (min-width:768px) and (max-width:991px){
.blog-slider-active{margin-right:0}
}
@media (max-width:767px){
.blog-slider-active{margin-right:0}
}
.blog-slider-active .blog-pagination{height:3px;border-radius:45px;margin-top:12px;background:rgba(0,69,64,.5);display:flex;width:calc(100% - 280px)}
@media (min-width:1400px) and (max-width:1700px){
.blog-slider-active .blog-pagination{width:calc(100% - 180px)}
}
@media (min-width:1200px) and (max-width:1399px){
.blog-slider-active .blog-pagination{width:100%}
}
@media (min-width:992px) and (max-width:1199px){
.blog-slider-active .blog-pagination{width:100%}
}
@media (min-width:768px) and (max-width:991px){
.blog-slider-active .blog-pagination{width:100%}
}
@media (max-width:767px){
.blog-slider-active .blog-pagination{margin-top:30px;width:100%}
}
.blog-slider-active .blog-pagination .swiper-pagination-bullet{flex:1;border-radius:10px;height:100%;opacity:1;background:0 0;margin:0}
.blog-slider-active .blog-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--theme-color-3)}
.event-card{background:#f8f7f0;padding:10px;border-radius:10px}
.event-card.active .thumb a img,.event-card:hover .thumb a img{transform:scale(1.1)}
.event-card .card-content{padding:20px}
.event-card .event-card-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.1)}
@media (max-width:767px){
.event-card .event-card-top{flex-direction:column;align-items:start;gap:15px}
}
.event-card .event-card-top .top-left{display:flex;gap:20px;align-items:start}
@media (min-width:992px) and (max-width:1199px){
.event-card .event-card-top .top-left{gap:14px}
}
@media (max-width:767px){
.event-card .event-card-top .top-left{align-items:center;gap:14px}
}
.event-card .event-card-top .top-left .event-date{text-align:start}
.event-card .event-card-top .top-left .event-date h3{color:var(--theme-color-3);font-weight:500;font-size:40px;line-height:14px;margin-bottom:0}
@media (min-width:992px) and (max-width:1199px){
.event-card .event-card-top .top-left .event-date h3{font-size:28px;line-height:.8}
}
@media (min-width:768px) and (max-width:991px){
.event-card .event-card-top .top-left .event-date h3{font-size:24px;line-height:.8}
}
@media (max-width:767px){
.event-card .event-card-top .top-left .event-date h3{font-size:24px;line-height:.8}
.event-card .event-card-top .top-left .event-date h3 br{display:none}
}
.event-card .event-card-top .top-left .event-date h3 span{color:var(--body-color);font-size:18px;line-height:22px}
@media (min-width:992px) and (max-width:1199px){
.event-card .event-card-top .top-left .event-date h3 span{font-size:16px;line-height:1}
}
@media (min-width:768px) and (max-width:991px){
.event-card .event-card-top .top-left .event-date h3 span{font-size:16px;line-height:1}
}
@media (max-width:767px){
.event-card .event-card-top .top-left .event-date h3 span{font-size:16px;line-height:1}
}
.event-card .thumb{position:relative;overflow:hidden;z-index:1}
.event-card .thumb>a{display:block;border-radius:10px;overflow:hidden}
.event-card .thumb img{width:100%;border-radius:10px}
.event-card .thumb .category{position:absolute;bottom:20px;right:20px}
.event-card .thumb .category a{display:inline-block;padding:8px 18px;background:rgba(255,255,255,.01);border:1.5px solid rgba(255,255,255,.3);box-shadow:inset 0 4px 11px rgba(255,255,255,.4),inset -1px -4px 23.1px rgba(0,24,25,.28);backdrop-filter:blur(23.9px);border-radius:53px;color:var(--white-color)}
.event-card .thumb .category a:hover{color:var(--theme-color-3);background:var(--white-color)}
.event-card .thumb .shape-3{position:absolute;top:0;right:0;z-index:2}
.top-right{display:flex;align-items:center;gap:15px}
@media (min-width:992px) and (max-width:1199px){
.top-right{gap:10px}
}
@media (max-width:767px){
.top-right{gap:10px}
}
.top-right img{max-width:118px;width:100%}
@media (min-width:992px) and (max-width:1199px){
.top-right img{max-width:90px}
}
@media (min-width:768px) and (max-width:991px){
.top-right img{max-width:90px}
}
@media (max-width:767px){
.top-right img{max-width:80px}
}
.top-right .people-joined{text-align:start}
.top-right .people-joined h5{font-weight:600;font-size:20px;color:var(--theme-color-3);margin-bottom:0;line-height:30px}
@media (min-width:992px) and (max-width:1199px){
.top-right .people-joined h5{font-size:18px;line-height:1.3}
}
@media (min-width:768px) and (max-width:991px){
.top-right .people-joined h5{font-size:18px;line-height:1.2}
}
@media (max-width:767px){
.top-right .people-joined h5{font-size:18px;line-height:1}
}
.event-card-2 {
display: flex;
align-items: center;
background: var(--white-color);
padding: 19px;
border-radius: 10px;
position: relative;
z-index: 2;
box-shadow: 0px 0px 6px #00000033;
}
@media (min-width:768px) and (max-width:991px){
.event-card-2{flex-direction:column}
}
@media (max-width:767px){
.event-card-2{flex-direction:column}
}
.event-card-2 .event-thumb{width:38%;flex:none;position:relative;z-index:1}
@media (min-width:768px) and (max-width:991px){
.event-card-2 .event-thumb{width:100%}
}
@media (max-width:767px){
.event-card-2 .event-thumb{width:100%}
}
.event-card-2 .event-thumb a img{border-radius:10px;width:100%}
.event-card-2 .event-thumb .event-date{display:inline-flex;padding:16px 24px;background:#f8f7f0;border:1px solid var(--theme-color-2);box-shadow:0 6px 15.9px -3px rgba(0,69,64,.11);border-radius:0 100px 100px 0;position:absolute;left:100%;top:40px;width:auto}
@media (min-width:1400px) and (max-width:1700px){
.event-card-2 .event-thumb .event-date{top:30px}
}
@media (min-width:1200px) and (max-width:1399px){
.event-card-2 .event-thumb .event-date{padding:10px 20px;top:20px}
}
@media (min-width:992px) and (max-width:1199px){
.event-card-2 .event-thumb .event-date{padding:10px 20px;top:15px}
}
@media (min-width:768px) and (max-width:991px){
.event-card-2 .event-thumb .event-date{left:0;top:30px;padding:10px 20px}
}
@media (max-width:767px){
.event-card-2 .event-thumb .event-date{left:0;top:30px;padding:10px 20px}
}
.event-card-2 .event-thumb .event-date h5{margin-bottom:0;font-weight:600;font-size:18px;line-height:100%;color:var(--theme-color-3);white-space:nowrap}
@media (min-width:992px) and (max-width:1199px){
.event-card-2 .event-thumb .event-date h5{font-size:14px}
}
@media (max-width:767px){
.event-card-2 .event-thumb .event-date h5{font-size:14px}
}
.event-card-2 .card-content {
width: 62%;
padding: 16px 94px 0 29px;
}
@media (min-width:992px) and (max-width:1199px){
.event-card-2 .card-content{padding:50px 30px 0}
}
@media (min-width:768px) and (max-width:991px){
.event-card-2 .card-content{width:100%;padding:30px 20px}
}
@media (max-width:767px){
.event-card-2 .card-content{width:100%;padding:30px 20px}
}
.event-card-2 .card-content .event-card-title h2{font-weight:500;font-size:36px;line-height:48px;color:var(--theme-color-3);margin-bottom:10px}
@media (min-width:992px) and (max-width:1199px){
.event-card-2 .card-content .event-card-title h2{font-size:24px;line-height:1.2}
}
@media (min-width:768px) and (max-width:991px){
.event-card-2 .card-content .event-card-title h2{font-size:24px;line-height:1}
}
@media (max-width:767px){
.event-card-2 .card-content .event-card-title h2{font-size:20px;line-height:1}
}
.event-card-2 .card-content .join-event{display:flex;align-items:center;gap:20px;padding-top:6px}
@media (max-width:767px){
.event-card-2 .card-content .join-event{flex-direction:column;align-items:start}
}
.event-card-3{display:flex;align-items:center;background:var(--white-color);padding:10px;border-radius:10px;position:relative;overflow-y:clip}
.event-card-3:hover .event-thumb a img{transform:scale(1.1)}
@media (max-width:767px){
.event-card-3{margin:0 0 30px}
}
.event-card-3 .event-thumb a{border-radius:10px;display:block;overflow:hidden}
.event-card-3 .event-thumb a img{overflow:hidden;border-radius:10px;width:100%}
.event-card-3 .card-content{padding:0 50px}
@media (min-width:992px) and (max-width:1199px){
.event-card-3 .card-content{padding:0 20px}
}
@media (min-width:768px) and (max-width:991px){
.event-card-3 .card-content{padding:20px 10px}
}
@media (max-width:767px){
.event-card-3 .card-content{padding:20px 10px}
}

.event-card-3 .card-content .event-card-title h2{font-weight:500;font-size:36px;line-height:48px;color:var(--theme-color-3);margin-bottom:10px}
@media (min-width:992px) and (max-width:1199px){
.event-card-3 .card-content .event-card-title h2{font-size:28px;line-height:1}
}
@media (min-width:768px) and (max-width:991px){
.event-card-3 .card-content .event-card-title h2{font-size:24px;line-height:1.2}
}
@media (max-width:767px){
.event-card-3 .card-content .event-card-title h2{font-size:20px;line-height:1.2}
}
.event-card-3 .card-content .join-event{display:flex;align-items:center;gap:20px;padding-top:6px}
.event-card-3 .card-content .category p{font-style:normal;font-weight:500;font-size:17px;line-height:28px;color:var(--body-color);margin-bottom:12px}
.event-card-3 .card-content .event-card-text p{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:var(--body-color);margin-bottom:36px}
@media (min-width:992px) and (max-width:1199px){
.event-card-3 .card-content .event-card-text p{margin-bottom:30px}
}
@media (min-width:768px) and (max-width:991px){
.event-card-3 .card-content .event-card-text p{margin-bottom:30px}
}
.card-number-3{position:absolute;right:60px;bottom:-20px;justify-content:end;display:inline-flex}
@media (min-width:768px) and (max-width:991px){
.card-number-3{right:20px}
}
@media (max-width:767px){
.card-number-3{right:20px}
}
.card-number-3 h1{font-family:var(--outfit-font);font-style:normal;font-weight:600;font-size:120px;line-height:82px;color:var(--theme-color-3);opacity:.06;margin-bottom:0}
@media (min-width:992px) and (max-width:1199px){
.card-number-3 h1{font-size:100px}
}
@media (min-width:768px) and (max-width:991px){
.card-number-3 h1{font-size:90px}
}
@media (max-width:767px){
.card-number-3 h1{font-size:80px}
}
.event-card-middle h2{font-weight:500;font-size:36px;line-height:48px;color:var(--theme-color-3);margin:20px 0 8px}
@media (min-width:992px) and (max-width:1199px){
.event-card-middle h2{font-size:28px;line-height:1}
}
@media (min-width:768px) and (max-width:991px){
.event-card-middle h2{font-size:24px;line-height:1}
}
@media (max-width:767px){
.event-card-middle h2{font-size:20px;line-height:1}
}
.address{display:flex;align-items:center;gap:20px;margin-bottom:24px}
@media (min-width:992px) and (max-width:1199px){
.address{margin-bottom:20px}
}
@media (min-width:768px) and (max-width:991px){
.address{margin-bottom:20px}
}
@media (max-width:767px){
.address{flex-direction:column;align-items:start;gap:6px;margin-bottom:20px}
}
.address .location{display:flex;align-items:center;gap:8px}
.address .time{display:flex;align-items:center;gap:8px}
.our-events-section-2{position:relative;background:#ffffff}
.our-events-section-2 .shape{position:absolute;bottom:0;left:0;width:fit-content}
.section-top-6{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}
@media (min-width:768px) and (max-width:991px){
.section-top-6{flex-direction:column;align-items:start;gap:20px}
}
@media (max-width:767px){
.section-top-6{flex-direction:column;align-items:start;gap:20px;margin-bottom:40px}
}
.section-top-6 .left .common-subtitle span{color:var(--theme-color-3)}
.section-top-6 .left .common-title{margin-bottom:0}
.section-top-6 .left .common-title h2{color:var(--theme-color-3)}
@media (min-width:992px) and (max-width:1199px){
.section-top-6 .left .common-title h2{font-size:38px}
}
.section-top-6 .right a{color:var(--white-color);background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border:none}
.section-top-6 .right a::before{background-color:var(--theme-color-2)}
.section-top-6 .right a .icon-wrap{background:var(--theme-color-2);color:var(--theme-color-3)}
.section-top-6 .right a:hover{color:var(--theme-color-3);background-color:var(--theme-color-2)}
.section-top-6 .right a:hover .icon-wrap{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--white-color)}
.our-events-section-3{position:relative;overflow:hidden}
.our-events-section-3 .shape{position:absolute;right:0;bottom:-56%}
@media (min-width:1200px) and (max-width:1399px){
.our-events-section-3 .shape{bottom:-57%}
}
@media (min-width:992px) and (max-width:1199px){
.our-events-section-3 .shape{bottom:-43%;text-align:end}
}
@media (min-width:768px) and (max-width:991px){
.our-events-section-3 .shape{bottom:-23%;text-align:end}
}
@media (max-width:767px){
.our-events-section-3 .shape{text-align:end;bottom:-20%}
}
@media (min-width:992px) and (max-width:1199px){
.our-events-section-3 .shape img{width:70%}
}
@media (min-width:768px) and (max-width:991px){
.our-events-section-3 .shape img{width:61%}
}
@media (max-width:767px){
.our-events-section-3 .shape img{width:50%}
}
.adjusted-col-gap{padding:0}
.major-partners .partners-title{display:flex;align-items:center;justify-content:center;gap:20px}
.major-partners .partners-title h3{font-weight:500;font-size:36px;line-height:1;color:var(--theme-color-3);margin-bottom:0}
@media (min-width:1200px) and (max-width:1399px){
.major-partners .partners-title h3{max-width:220px;width:100%;text-align:center;font-size:32px}
}
@media (min-width:992px) and (max-width:1199px){
.major-partners .partners-title h3{max-width:200px;width:100%;text-align:center;font-size:28px}
}
@media (min-width:768px) and (max-width:991px){
.major-partners .partners-title h3{width:60%;text-align:center;font-size:26px}
}
@media (max-width:767px){
.major-partners .partners-title h3{width:100%;text-align:center;font-size:24px}
}
@media (max-width:767px){
.major-partners .partners-title .line,.major-partners .partners-title .line-right{width:60%}
}
.major-partners .partners-title .line img,.major-partners .partners-title .line-right img{width:100%}
.major-partners .partners-title .line img{transform:rotate(180deg)}
.major-partners .partners-title-2{display:flex;align-items:center;justify-content:center;gap:20px}
.major-partners .partners-title-2 h3{font-weight:500;font-size:36px;line-height:1;color:var(--white-color);margin-bottom:0}
@media (min-width:1200px) and (max-width:1399px){
.major-partners .partners-title-2 h3{max-width:220px;width:100%;text-align:center;font-size:32px}
}
@media (min-width:992px) and (max-width:1199px){
.major-partners .partners-title-2 h3{max-width:200px;width:100%;text-align:center;font-size:28px}
}
@media (min-width:768px) and (max-width:991px){
.major-partners .partners-title-2 h3{width:60%;text-align:center;font-size:26px}
}
@media (max-width:767px){
.major-partners .partners-title-2 h3{width:100%;text-align:center;font-size:24px}
}
@media (max-width:767px){
.major-partners .partners-title-2 .line,.major-partners .partners-title-2 .line-right{width:60%}
}
.major-partners .partners-title-2 .line img,.major-partners .partners-title-2 .line-right img{width:100%}
.major-partners .partners-title-2 .line img{transform:rotate(180deg)}
.major-partners.style-2{margin-bottom:-80px}
.major-partners.style-3{margin-bottom:-200px}
.partner-1{display:flex;justify-content:center;align-items:center;padding:25px 30px;max-width:202px;height:119px;width:100%;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border-radius:8px}
.partner-2{position:relative;display:flex;justify-content:center;align-items:center;max-width:202px;height:119px;width:100%;background:#f8f7f0;border:1px solid var(--theme-color-2);border-radius:8px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.partner-2:hover{border:1px solid var(--theme-color-3);background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);}
.partner-2:hover .logo-1{visibility:visible;opacity:1}
.partner-2:hover .logo-2{visibility:hidden;opacity:0}
.partner-2 .logo-1{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:25px 30px;visibility:hidden;opacity:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.partner-2 .logo-2{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:25px 30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);visibility:visible;opacity:1;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.partner-3{display:flex;justify-content:center;align-items:center;padding:25px 30px;max-width:202px;height:119px;width:100%;border-radius:8px;background:rgba(255,255,255,.1)}
.partner-3:hover{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);}
.partner-marquee{display:flex;align-items:center;justify-content:flex-start;overflow:hidden}
.partner-marquee .partner-marquee-layout{flex:none;display:flex;align-items:center;justify-content:flex-start;-webkit-animation:partner-marquee 20s linear infinite;animation:partner-marquee 20s linear infinite}
.partner-marquee .partner-marquee-layout .partner-1{width:200px;flex:none;margin-right:30px}
.partner-marquee .partner-marquee-layout .partner-2{width:200px;flex:none;margin-right:30px}
.partner-marquee .partner-marquee-layout .partner-3{width:200px;flex:none;margin-right:30px}
@-webkit-keyframes partner-marquee{
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
@keyframes partner-marquee{
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
.contact-us{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center;z-index:1;padding-top:20px;overflow-x:clip}
@media (min-width:768px) and (max-width:991px){
.contact-us{padding:60px 0}
}
@media (max-width:767px){
.contact-us{padding:40px 0}
}
.contact-us .shape-6{position:absolute;top:0;right:0;z-index:-1}
.contact-us .shape-7{position:absolute;bottom:0;left:0;z-index:-1}
.contact-form{max-width:545px;width:100%;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);padding:45px;border:2px solid var(--light-color);border-radius:10px;margin:-40px 0 0 auto}
@media (min-width:768px) and (max-width:991px){
.contact-form{margin:0 auto 0;padding:40px}
}
@media (max-width:767px){
.contact-form{margin:0 auto 0;padding:30px}
}
.contact-form .form-content{position:relative;z-index:1}
.contact-form .form-content-top h3{font-weight:500;font-size:36px;line-height:48px;color:var(--light-color);margin-bottom:15px}
@media (min-width:768px) and (max-width:991px){
.contact-form .form-content-top h3{font-size:28px;line-height:1.5}
}
@media (max-width:767px){
.contact-form .form-content-top h3{font-size:22px;line-height:1.4}
}
.contact-form .form-content-top h3 span{color:var(--theme-color-2)}
.contact-form .form-content-top p{max-width:387px;width:100%;font-size:16px;line-height:26px;color:var(--light-color);opacity:.9;margin-bottom:23px}
@media (min-width:768px) and (max-width:991px){
.contact-form .form-content-top p{font-size:16px;line-height:1.5}
}
@media (max-width:767px){
.contact-form .form-content-top p{font-size:16px;line-height:1.4}
}
.contact-form input,.contact-form textarea{background:rgba(248,247,240,.1);border:2px solid rgba(255,255,255,.2);border-radius:10px;padding:11px 20px;resize:none;width:100%;font-size:17px;line-height:28px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;color:var(--white-color)}
.contact-form input::-webkit-input-placeholder,.contact-form textarea::-webkit-input-placeholder{color:#f8f7f0}
.contact-form input:-moz-placeholder,.contact-form textarea:-moz-placeholder{color:#f8f7f0}
.contact-form input::-moz-placeholder,.contact-form textarea::-moz-placeholder{color:#f8f7f0}
.contact-form input:-ms-input-placeholder,.contact-form textarea:-ms-input-placeholder{color:#f8f7f0}
.contact-form input:focus,.contact-form textarea:focus{border:2px solid var(--theme-color-2)}
.contact-form input:focus::-webkit-input-placeholder,.contact-form textarea:focus::-webkit-input-placeholder{color:transparent}
.contact-form input:focus:-moz-placeholder,.contact-form textarea:focus:-moz-placeholder{color:transparent}
.contact-form input:focus::-moz-placeholder,.contact-form textarea:focus::-moz-placeholder{color:transparent}
.contact-form input:focus:-ms-input-placeholder,.contact-form textarea:focus:-ms-input-placeholder{color:transparent}
.contact-form textarea{height:100px}
.contact-form button{border:none}
.contact-form .shape{position:absolute;top:-220px;right:-210px;z-index:-1;pointer-events:none}
.form-message.success{margin-bottom:0;color:var(--white-color);margin-top:10px}
.form-message.error{margin-bottom:0;color:red;margin-top:10px}
.contact-us-2{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center;z-index:1;margin:0 85px;padding:120px 0;border-radius:20px;background-attachment:fixed}
@media (max-width:1700px){
.contact-us-2{margin:0 20px}
}
@media (min-width:992px) and (max-width:1199px){
.contact-us-2{padding:100px 0}
}
@media (min-width:768px) and (max-width:991px){
.contact-us-2{padding:100px 0}
}
@media (max-width:767px){
.contact-us-2{padding:80px 0;margin:0;border-radius:0}
}
.contact-us-2 .icon img{display:inline-block;position:absolute;top:27%;right:41.5%;transform:rotate(120deg);z-index:-1}
@media (min-width:1400px) and (max-width:1700px){
.contact-us-2 .icon img{right:43.5%}
}
@media (min-width:1200px) and (max-width:1399px){
.contact-us-2 .icon img{right:53%}
}
.contact-form-2{max-width:550px;width:100%;padding:50px;border:2px solid var(--light-color);border-radius:10px;margin-left:auto;margin-top:0;background:rgba(0,69,64,.2);box-shadow:4px 4px 0 #000;backdrop-filter:blur(10px)}
@media (min-width:1400px) and (max-width:1700px){
.contact-form-2{margin:0 60px 0 auto}
}
@media (min-width:1200px) and (max-width:1399px){
.contact-form-2{margin:0 60px 0 auto}
}
@media (min-width:992px) and (max-width:1199px){
.contact-form-2{margin:0 40px 0 auto}
}
@media (min-width:768px) and (max-width:991px){
.contact-form-2{padding:40px;margin:0 auto}
}
@media (max-width:767px){
.contact-form-2{padding:30px;margin:0 auto}
}
.contact-form-2 .form-content{position:relative;z-index:1}
.contact-form-2 h3{font-weight:500;font-size:36px;line-height:48px;color:var(--light-color);margin-bottom:15px}
@media (min-width:768px) and (max-width:991px){
.contact-form-2 h3{font-size:28px;line-height:1.5}
}
@media (max-width:767px){
.contact-form-2 h3{font-size:22px;line-height:1.4}
}
.contact-form-2 h3 span{color:var(--theme-color-2)}
.contact-form-2 p{max-width:357px;width:100%;font-size:17px;line-height:28px;color:var(--light-color);opacity:.9;margin-bottom:30px}
@media (min-width:768px) and (max-width:991px){
.contact-form-2 p{font-size:16px;line-height:1.5}
}
@media (max-width:767px){
.contact-form-2 p{font-size:16px;line-height:1.4}
}
.contact-form-2 input,.contact-form-2 textarea{background:#f8f7f0;border:2px solid rgba(255,255,255,.2);border-radius:10px;padding:14px 20px;resize:none;font-size:17px;line-height:28px}
.contact-form-2 input::-webkit-input-placeholder,.contact-form-2 textarea::-webkit-input-placeholder{color:var(--body-color)}
@media (max-width:991px){
.contact-form-2 input::-webkit-input-placeholder,.contact-form-2 textarea::-webkit-input-placeholder{font-size:16px}
}
.contact-form-2 input:-moz-placeholder,.contact-form-2 textarea:-moz-placeholder{color:var(--body-color)}
@media (max-width:991px){
.contact-form-2 input:-moz-placeholder,.contact-form-2 textarea:-moz-placeholder{font-size:16px}
}
.contact-form-2 input::-moz-placeholder,.contact-form-2 textarea::-moz-placeholder{color:var(--body-color)}
@media (max-width:991px){
.contact-form-2 input::-moz-placeholder,.contact-form-2 textarea::-moz-placeholder{font-size:16px}
}
.contact-form-2 input:-ms-input-placeholder,.contact-form-2 textarea:-ms-input-placeholder{color:var(--body-color)}
@media (max-width:991px){
.contact-form-2 input:-ms-input-placeholder,.contact-form-2 textarea:-ms-input-placeholder{font-size:16px}
}
.contact-form-2 input:focus,.contact-form-2 textarea:focus{background:#f8f7f0;border-color:var(--theme-color-3)}
.contact-form-2 input:focus::-webkit-input-placeholder,.contact-form-2 textarea:focus::-webkit-input-placeholder{color:var(--theme-color-3)}
.contact-form-2 input:focus:-moz-placeholder,.contact-form-2 textarea:focus:-moz-placeholder{color:var(--theme-color-3)}
.contact-form-2 input:focus::-moz-placeholder,.contact-form-2 textarea:focus::-moz-placeholder{color:var(--theme-color-3)}
.contact-form-2 input:focus:-ms-input-placeholder,.contact-form-2 textarea:focus:-ms-input-placeholder{color:var(--theme-color-3)}
.contact-form-2 button{border:none}
.testimonial .common-title h2 span i{color:var(--theme-color-2);padding:5px 10px;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border-radius:100%}
.testimonial .reviews{display:flex;align-items:center;gap:10px;margin-bottom:40px}
@media (min-width:768px) and (max-width:991px){
.testimonial .reviews{margin-bottom:30px}
}
@media (max-width:767px){
.testimonial .reviews{margin-bottom:20px}
}
.testimonial .reviews h3{font-weight:600;font-size:42px;line-height:52px;margin-bottom:0;color:transparent;-webkit-text-stroke:1px var(--body-color);margin-right:10px}
@media (min-width:768px) and (max-width:991px){
.testimonial .reviews h3{font-size:36px}
}
@media (max-width:767px){
.testimonial .reviews h3{font-size:30px}
}
.testimonial .reviews img{width:40px;height:40px}
@media (min-width:768px) and (max-width:991px){
.testimonial .reviews img{width:34px;height:34px}
}
@media (max-width:767px){
.testimonial .reviews img{width:30px;height:30px}
}
.testimonial .reviews h5{font-weight:600;font-size:24px;line-height:36px;color:var(--theme-color-3);margin-bottom:0}
@media (min-width:768px) and (max-width:991px){
.testimonial .reviews h5{font-size:22px}
}
@media (max-width:767px){
.testimonial .reviews h5{font-size:18px}
}
.testimonial .review-btn{max-width:240px;width:100%;display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border:2px solid rgba(0,69,64,.1);border-radius:20px}
@media (min-width:768px) and (max-width:991px){
.testimonial .review-btn{max-width:225px;gap:8px;padding:8px 16px}
}
@media (max-width:767px){
.testimonial .review-btn{max-width:220px;gap:8px;padding:8px 16px}
}
.testimonial .review-btn span{color:var(--theme-color-3);font-weight:500;line-height:24px}
@media (min-width:768px) and (max-width:991px){
.testimonial .review-btn span{line-height:1.3}
}
@media (max-width:767px){
.testimonial .review-btn span{line-height:1.3}
}
.testimonial .review-btn img{width:44px;height:44px}
@media (min-width:768px) and (max-width:991px){
.testimonial .review-btn img{width:40px;height:40px}
}
@media (max-width:767px){
.testimonial .review-btn img{width:34px;height:34px}
}
.testimonial-card{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);padding:20px;border-radius:16px;display:flex;gap:40px;align-items:center}
@media (min-width:1200px) and (max-width:1399px){
.testimonial-card{gap:30px}
}
@media (min-width:768px) and (max-width:991px){
.testimonial-card{gap:30px}
}
@media (max-width:767px){
.testimonial-card{gap:30px;flex-direction:column}
}
.testimonial-card:hover .thumb .video-play-btn{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(1)}
.testimonial-card .thumb{border-radius:12px;position:relative;height:100%;overflow:hidden;flex:none;width:300px}
@media (min-width:1200px) and (max-width:1399px){
.testimonial-card .thumb{width:250px}
}
@media (min-width:768px) and (max-width:991px){
.testimonial-card .thumb{width:250px}
}
@media (max-width:767px){
.testimonial-card .thumb{width:100%}
}
.testimonial-card .thumb img{height:100%;object-fit:cover;width:100%;border-radius:12px}
.testimonial-card .thumb .video-play-btn{width:80px;height:80px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);color:var(--light-color);padding:23px 21px;border-radius:100%;border:1px solid var(--light-color);font-weight:500;font-size:20px;line-height:30px;background:rgba(255,255,255,.015);backdrop-filter:blur(2px);visibility:hidden;opacity:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;animation:animate-pulse 3s linear infinite}
.testimonial-card .thumb .video-play-btn:hover{color:var(--theme-color-3);background:var(--theme-color-2);border-color:var(--theme-color-2)}
.testimonial-card .card-content{flex:1}
.testimonial-card .card-content .rating{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.3);box-shadow:inset 0 4px 11px #a9c200,inset -1px -4px 23.1px rgba(0,24,25,.28);backdrop-filter:blur(23.9px);border-radius:53px;margin-bottom:20px}
.testimonial-card .card-content .rating p{margin-bottom:0;color:var(--light-color);font-weight:500;font-size:14px;line-height:20px}
.testimonial-card .card-content .rating i{font-size:12px;line-height:20px;color:var(--theme-color-2)}
.testimonial-card .card-content .rating span{color:var(--theme-color-2);font-weight:500;line-height:20px}
.testimonial-card .card-content .review{color:var(--light-color);margin-bottom:40px}
@media (min-width:1200px) and (max-width:1399px){
.testimonial-card .card-content .review{margin-bottom:20px}
}
@media (min-width:768px) and (max-width:991px){
.testimonial-card .card-content .review{margin-bottom:20px}
}
@media (max-width:767px){
.testimonial-card .card-content .review{margin-bottom:20px}
}
.testimonial-card .card-content .author-details h5{color:var(--light-color);margin-bottom:0;font-weight:600;font-size:20px;line-height:32px}
.testimonial-card .card-content .author-details h5 span{font-weight:400;font-size:14px}
.testimonial-card .card-content .author-details h6{font-size:16px;font-weight:200;color:var(--light-color);margin-bottom:0}
.testimonial-content .text{margin-bottom:30px}
@media (min-width:768px) and (max-width:991px){
.testimonial-content .text{margin-bottom:20px}
}
@media (max-width:767px){
.testimonial-content .text{margin-bottom:20px}
}
.testimonial-slider-active{overflow:hidden}
.testimonial-slider-active .swiper-slide{opacity:.3}
.testimonial-slider-active .swiper-slide.swiper-slide-active{opacity:1}
.testimonial-slider-active .swiper-slide.swiper-slide-active .testimonial-card .thumb .video-play-btn{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(1)}
.testimonial-card-2{background-color:var(--white-color);padding:10px;border:2px solid var(--white-color);border-radius:16px;position:relative;z-index:1;display:flex;gap:40px;align-items:center;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (min-width:1200px) and (max-width:1399px){
.testimonial-card-2{gap:30px}
}
@media (min-width:992px) and (max-width:1199px){
.testimonial-card-2{gap:30px}
}
@media (min-width:768px) and (max-width:991px){
.testimonial-card-2{gap:30px}
}
@media (max-width:767px){
.testimonial-card-2{gap:20px;flex-direction:column}
}
.testimonial-card-2:hover{border:2px solid var(--theme-color-2)}
.testimonial-card-2 .thumb{border-radius:12px;position:relative;z-index:1;flex:none}
@media (max-width:767px){
.testimonial-card-2 .thumb{width:100%}
}
.testimonial-card-2 .thumb img{width:100%;border-radius:12px}
.testimonial-card-2 .thumb .video-play-btn{width:80px;height:80px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--light-color);padding:23px 21px;border-radius:100%;border:1px solid var(--light-color);font-weight:500;font-size:20px;line-height:30px;background:rgba(255,255,255,.015);backdrop-filter:blur(6px);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;animation:animate-pulse 3s linear infinite}
.testimonial-card-2 .thumb .video-play-btn:hover{color:var(--theme-color-3);background:var(--theme-color-2);border-color:var(--theme-color-2)}
.testimonial-card-2 .card-content h4{font-weight:600;font-size:24px;line-height:36px;color:var(--theme-color-3);margin-bottom:16px}
.testimonial-card-2 .card-content .review{color:var(--light-color);margin-bottom:80px}
@media (min-width:1200px) and (max-width:1399px){
.testimonial-card-2 .card-content .review{margin-bottom:20px}
}
@media (min-width:768px) and (max-width:991px){
.testimonial-card-2 .card-content .review{margin-bottom:20px}
}
@media (max-width:767px){
.testimonial-card-2 .card-content .review{margin-bottom:20px}
}
.testimonial-card-2 .card-content .review p{color:var(--gray-color)}
.testimonial-card-2 .card-content .author-details h5{color:var(--theme-color-3);margin-bottom:0;font-weight:600;font-size:20px;line-height:32px}
.testimonial-card-2 .card-content .author-details h5 span{font-weight:400;font-size:14px}
.testimonial-card-2 .card-content .author-details h6{font-size:16px;font-weight:200;color:var(--body-color);margin-bottom:0}
.testimonial-card-2 .quote-icon{position:absolute;bottom:0;right:50px;z-index:-1}
.section-top-4{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}
@media (max-width:767px){
.section-top-4{flex-direction:column;align-items:start;gap:20px;margin-bottom:40px}
}
.section-top-4 .left .common-subtitle span{color:var(--theme-color-3)}
.section-top-4 .left .common-title{margin-bottom:0}
.section-top-4 .left .common-title h2{color:var(--theme-color-3)}
.section-top-8{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}
@media (max-width:767px){
.section-top-8{flex-direction:column;align-items:start;gap:20px;margin-bottom:40px}
}
.section-top-8 .left .common-subtitle span{color:var(--white-color)}
.section-top-8 .left .common-title{margin-bottom:0}
.section-top-8 .left .common-title h2{color:var(--white-color)}
.testimonial-section-2{background-color:#f8f7f0;background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative}
.testimonial-section-2 .shape-1{position:absolute;top:0;left:0}
@media (max-width:1700px){
.testimonial-section-2 .shape-1{width:80%}
}
.testimonial-section-2 .shape-2{position:absolute;bottom:0;right:2%}
@media (min-width:1400px) and (max-width:1700px){
.testimonial-section-2 .shape-2{width:14%}
}
@media (min-width:1200px) and (max-width:1399px){
.testimonial-section-2 .shape-2{width:16%}
}
@media (min-width:992px) and (max-width:1199px){
.testimonial-section-2 .shape-2{width:20%}
}
@media (min-width:768px) and (max-width:991px){
.testimonial-section-2 .shape-2{width:25%}
}
@media (max-width:767px){
.testimonial-section-2 .shape-2{width:30%}
}
.testimonial-section-2 .e-primary-btn{color:var(--theme-color-2);background:var(--theme-color-3)}
.testimonial-section-2 .e-primary-btn:before{background:var(--theme-color-3)}
.testimonial-section-2 .e-primary-btn .icon-wrap{background:var(--theme-color-2);color:var(--theme-color-3)}
.testimonial-section-2 .e-primary-btn:hover{color:var(--theme-color-3)}
.testimonial-section-2 .e-primary-btn:hover:before{background:var(--theme-color-2);left:-10%;transform:translateX(0) translateY(-50%)}
.testimonial-section-2 .e-primary-btn:hover .icon-wrap{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2)}
.testimonial-card-3{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border-radius:10px}
.testimonial-card-3:hover .testimonial-card-thumb:before{opacity:1}
.testimonial-card-3:hover .testimonial-card-thumb .circled-quote{background-color:var(--theme-color-2);border:2px solid var(--theme-color-3);color:var(--theme-color-3)}
.testimonial-card-3:hover .testimonial-card-thumb .author-info{border:1px solid var(--theme-color-2)}
.testimonial-card-3 .testimonial-card-content{padding:30px;margin-bottom:20px}
.testimonial-card-3 .testimonial-card-content h5{font-style:normal;font-weight:600;font-size:24px;line-height:36px;color:var(--white-color);margin-bottom:10px}
@media (min-width:768px) and (max-width:991px){
.testimonial-card-3 .testimonial-card-content h5{font-size:20px}
}
@media (max-width:767px){
.testimonial-card-3 .testimonial-card-content h5{font-size:20px}
}
.testimonial-card-3 .testimonial-card-content p{font-style:normal;font-weight:400;font-size:18px;line-height:32px;color:var(--white-color);margin-bottom:0}
@media (min-width:768px) and (max-width:991px){
.testimonial-card-3 .testimonial-card-content p{font-size:16px;line-height:1.6}
}
@media (max-width:767px){
.testimonial-card-3 .testimonial-card-content p{font-size:16px;line-height:1.5}
}
.testimonial-card-3 .testimonial-card-thumb{overflow:hidden;position:relative;z-index:1;padding-top:10px;border-radius:10px}
.testimonial-card-3 .testimonial-card-thumb:before{content:"";width:100%;height:100%;position:absolute;top:0;left:-30px;z-index:-1;background:var(--theme-color-2);clip-path:url(#c-mask-shape);opacity:.08;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.testimonial-card-3 .testimonial-card-thumb .clippy{position:absolute;top:-999px;left:-999px;width:0;height:0;opacity:0}
.testimonial-card-3 .testimonial-card-thumb img{border-bottom-left-radius:10px;overflow:hidden;clip-path:url(#c-mask-image);margin-left:-20px}
.testimonial-card-3 .testimonial-card-thumb .circled-quote{width:80px;height:80px;font-size:36px;display:flex;align-items:center;justify-content:center;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border-radius:100%;border:2px solid var(--theme-color-2);color:var(--theme-color-2);position:absolute;top:0;right:70px}
@media (min-width:992px) and (max-width:1199px){
.testimonial-card-3 .testimonial-card-thumb .circled-quote{width:70px;height:70px;font-size:32px;top:10px;right:80px}
}
@media (min-width:768px) and (max-width:991px){
.testimonial-card-3 .testimonial-card-thumb .circled-quote{width:60px;height:60px;font-size:28px;top:0;right:30px}
}
@media (max-width:767px){
.testimonial-card-3 .testimonial-card-thumb .circled-quote{width:60px;height:60px;font-size:24px;top:10px;right:50px}
}
.testimonial-card-3 .testimonial-card-thumb .author-info{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(15px);border-radius:8px;padding:20px;max-width:280px;width:100%;position:absolute;bottom:20px;left:20px}
@media (min-width:768px) and (max-width:991px){
.testimonial-card-3 .testimonial-card-thumb .author-info{max-width:240px}
}
.testimonial-card-3 .testimonial-card-thumb .author-info h5{font-style:normal;font-weight:600;font-size:20px;line-height:20px;color:var(--white-color);margin-bottom:4px}
@media (max-width:991px){
.testimonial-card-3 .testimonial-card-thumb .author-info h5{font-size:18px}
}
.testimonial-card-3 .testimonial-card-thumb .author-info p{font-style:normal;font-weight:400;font-size:18px;color:var(--white-color);margin-bottom:0}
@media (max-width:991px){
.testimonial-card-3 .testimonial-card-thumb .author-info p{font-size:16px}
}
.section-top-10{text-align:center;width:50%;margin:0 auto;margin-bottom:50px}
@media (min-width:768px) and (max-width:991px){
.section-top-10 .common-title h2 img{width:32px}
}
@media (max-width:767px){
.section-top-10 .common-title h2 img{width:22px}
}
@media (min-width:992px) and (max-width:1199px){
.section-top-10{width:60%}
}
@media (min-width:768px) and (max-width:991px){
.section-top-10{width:60%}
}
@media (max-width:767px){
.section-top-10{margin-bottom:40px;width:80%}
}
.testimonial-slider-active-2 .testimonial-pagination-wrap{display:flex;justify-content:center}
.testimonial-slider-active-2 .testimonial-pagination-wrap .testimonial-pagination-2{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1.5px solid rgba(255,255,255,.3);backdrop-filter:blur(8.5px);border-radius:100px;width:auto;padding:10px 16px;margin-top:50px}
.testimonial-slider-active-2 .testimonial-pagination-wrap .testimonial-pagination-2 .swiper-pagination-bullet{width:20px;height:20px;background:0 0;border:1px solid transparent;backdrop-filter:blur(4.75px);margin:0;opacity:1;border-radius:100%;position:relative;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.testimonial-slider-active-2 .testimonial-pagination-wrap .testimonial-pagination-2 .swiper-pagination-bullet:before{content:"";width:7px;height:7px;border-radius:100%;background:#868681;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}
.testimonial-slider-active-2 .testimonial-pagination-wrap .testimonial-pagination-2 .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:var(--theme-color-3)}
.testimonial-slider-active-2 .testimonial-pagination-wrap .testimonial-pagination-2 .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background:radial-gradient(92.09% 85.42% at 86.3% 87.5%,rgba(0,0,0,.23) 0,rgba(0,0,0,0) 86.18%),radial-gradient(65.28% 65.28% at 26.39% 20.83%,rgba(255,255,255,.413) 0,rgba(255,255,255,0) 69.79%,rgba(255,255,255,0) 100%),#a9c200}
.completed-project-top{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center;z-index:1;padding-bottom:330px;padding-top:58px}
@media (min-width:768px) and (max-width:991px){
.completed-project-top{padding-top:100px}
}
@media (max-width:767px){
.completed-project-top{padding-top:80px;padding-bottom:300px}
}
.completed-project-top .shape-8{position:absolute;bottom:0;left:0;z-index:-1}
.completed-project-top .shape-9{position:absolute;top:0;right:0;z-index:-1}
.completed-project-bottom{margin-top:-302px;position:relative;z-index:10;padding:0 18px}
@media (max-width:767px){
.completed-project-bottom{margin-top:-260px}
}
.project-card{overflow:hidden;border-radius:10px}
.project-card.active .thumb .content,.project-card:hover .thumb .content{padding-bottom:100px}
@media (max-width:767px){
.project-card.active .thumb .content,.project-card:hover .thumb .content{padding-bottom:80px}
}
.project-card.active .thumb .content h5,.project-card:hover .thumb .content h5{color:var(--theme-color-2)}
.project-card.active .thumb .content .details-btn,.project-card:hover .thumb .content .details-btn{bottom:20px}
.project-card .thumb{position:relative;overflow:hidden}
.project-card .thumb>a{display:block;border-radius:10px;overflow:hidden}
.project-card .thumb img{width:100%;border-radius:10px;object-fit:cover}
.project-card .thumb .tag{position:absolute;top:20px;left:20px}
.project-card .thumb .tag p{font-family:var(--albert-sans-font);font-weight:600;font-size:14px;line-height:100%;color:#fff;padding:10px 16px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.3);box-shadow:inset 0 4px 11px rgba(255,255,255,.4),inset -1px -4px 23.1px rgba(0,24,25,.28);backdrop-filter:blur(23.9px);border-radius:53px}
.project-card .thumb .number{position:absolute;top:20px;right:20px}
.project-card .thumb .number a:hover{color:var(--theme-color-3);background:var(--white-color)}
.project-card .thumb .content{position:absolute;bottom:20px;left:0;width:90%;transform:translateX(5.5%);padding:14px 23px 20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(15px);border-radius:8px;height:auto;overflow:hidden;transition:all .3s;z-index:10}
@media (max-width:767px){
.project-card .thumb .content{padding:12px 10px}
}
.project-card .thumb .content:hover{cursor:pointer}
.project-card .thumb .content h5{font-weight:600;font-size:24px;line-height:36px;color:var(--light-color);margin-bottom:8px}
@media (min-width:768px) and (max-width:991px){
.project-card .thumb .content h5{font-size:20px;line-height:1.2}
}
@media (max-width:767px){
.project-card .thumb .content h5{font-size:20px;line-height:1.2}
}
.project-card .thumb .content p{color:var(--light-color);margin-bottom:0}
.project-card .thumb .content .details-btn{position:absolute;bottom:-100px;transition:all .3s}
.project-card .thumb .content .join-us{margin-top:15px}
.project-card .thumb .content .join-us a{padding:5px 5px 5px 17px;gap:10px}
.project-card .thumb .content .join-us a .icon-wrap{width:34px;height:34px}
.project-card.style-service .thumb .content{padding:14px 23px 20px}
.project-card.style-service .thumb .content .join-us{position:absolute;bottom:-100px;margin-top:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.project-card.style-service:hover .thumb .content{padding-bottom:82px}
@media (max-width:767px){
.project-card.style-service:hover .thumb .content{padding-bottom:80px}
}
.project-card.style-service:hover .thumb .content .join-us{bottom:20px}
.project-card.style-2 .thumb .tag{left:auto;right:20px}
.project-card.style-2 .thumb .content{max-width:414px}
.completed-project-slider-active .project-card .thumb>a{display:block;width:100%}
@media (max-width:767px){
.completed-project-slider-active .swiper-slide-active .project-card .thumb .content{padding-bottom:80px}
}
.completed-project-slider-active .swiper-slide-active .project-card .thumb .content h5{color:var(--theme-color-2)}
.completed-project-slider-active .swiper-slide-active .project-card .thumb .content .details-btn{bottom:20px;transition:all .3s}
@media (max-width:767px){
.completed-project-slider-active .completed-project-pagination{margin-top:30px}
}
.completed-project-slider-active .completed-project-pagination .swiper-pagination-bullet{flex:1;border-radius:10px;height:100%;opacity:1;background:0 0;margin:0}
.completed-project-slider-active .completed-project-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--theme-color-3)}
.project-card-2{border-radius:10px}
.project-card-2.active .thumb .details-btn-2,.project-card-2:hover .thumb .details-btn-2{right:20px;transition:all .3s}
.project-card-2.active .thumb .content,.project-card-2:hover .thumb .content{padding-bottom:20px}
.project-card-2.active .thumb .content h5,.project-card-2:hover .thumb .content h5{color:var(--theme-color-2)}
.project-card-2.active .thumb .content .details-btn,.project-card-2:hover .thumb .content .details-btn{bottom:20px;transition:all .3s}
.project-card-2 .thumb{position:relative;border-radius:10px;overflow:hidden}
.project-card-2 .thumb>a{display:block;border-radius:10px;overflow:hidden}

.project-card-2 .thumb img{width:100%;border-radius:10px;object-fit:cover}
.project-card-2 .thumb .tag{position:absolute;top:20px;left:20px;z-index:10}
.project-card-2 .thumb .tag p{font-family:var(--albert-sans-font);font-weight:600;font-size:14px;line-height:100%;color:#fff;padding:10px 16px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.3);box-shadow:inset 0 4px 11px rgba(255,255,255,.4),inset -1px -4px 23.1px rgba(0,24,25,.28);backdrop-filter:blur(23.9px);border-radius:53px}
.project-card-2 .thumb .number{position:absolute;top:20px;right:20px;z-index:10}
.project-card-2 .thumb .number a{display:inline-block;padding:8px 18px;background:rgba(255,255,255,.01);border:1.5px solid rgba(255,255,255,.3);box-shadow:inset 0 4px 11px rgba(255,255,255,.4),inset -1px -4px 23.1px rgba(0,24,25,.28);backdrop-filter:blur(23.9px);border-radius:53px;color:var(--white-color)}
.project-card-2 .thumb .number a:hover{color:var(--theme-color-3);background:var(--white-color)}
.project-card-2 .thumb .content{position:absolute;bottom:20px;left:20px;max-width:394px;width:90%;padding:14px 23px 20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(15px);border-radius:8px;height:auto;overflow:hidden;z-index:10;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (max-width:767px){
.project-card-2 .thumb .content{padding:12px 10px}
}
.project-card-2 .thumb .content:hover{cursor:pointer}
.project-card-2 .thumb .content h5{font-weight:600;font-size:24px;line-height:36px;color:var(--light-color);margin-bottom:8px}
@media (min-width:768px) and (max-width:991px){
.project-card-2 .thumb .content h5{font-size:20px;line-height:1.2}
}
@media (max-width:767px){
.project-card-2 .thumb .content h5{font-size:20px;line-height:1.2}
}
.project-card-2 .thumb .content p{color:var(--light-color);margin-bottom:0}
.project-card-2 .thumb .content .details-btn{position:absolute;bottom:-100px;transition:all .3s}
.project-card-2 .thumb .content .join-us{margin-top:15px}
.project-card-2 .thumb .content .join-us a{padding:5px 5px 5px 17px;gap:10px}
.project-card-2 .thumb .content .join-us a .icon-wrap{width:34px;height:34px}
.project-card-2.style-service .thumb .content{padding:14px 23px 20px}
.project-card-2.style-service .thumb .content .join-us{display:none!important}
.project-card-2.style-service:hover .thumb .content .join-us{display:inline-block!important}
.project-card-2.style-2 .thumb .tag{left:auto;right:20px}
.project-card-2.style-2 .thumb .content{max-width:414px}
.completed-project-slider-active-2 .project-card-2 .thumb>a{display:block;width:100%;}
@media (max-width:767px){
.completed-project-slider-active-2 .project-card-2 .thumb>a{height:400px}
}
.completed-project-slider-active-2 .project-card-2 .thumb .details-btn-2{transition:all .3s linear .3s}
.completed-project-slider-active-2 .project-card-2 .thumb img{width:100%;height:100%}

.completed-project-slider-active-2 .swiper-slide-active .project-card-2 .thumb .details-btn-2{right:20px}
.completed-project-slider-active-2 .swiper-slide-active .project-card-2 .thumb .content{padding-bottom:20px}
.completed-project-slider-active-2 .swiper-slide-active .project-card-2 .thumb .content h5{color:var(--theme-color-2)}
.completed-project-slider-active-2 .completed-project-pagination-2{height:5px;border-radius:10px;margin-top:60px;background:rgba(0,69,64,.5);display:flex}
@media (max-width:767px){
.completed-project-slider-active-2 .completed-project-pagination-2{margin-top:30px}
}
.completed-project-slider-active-2 .completed-project-pagination-2 .swiper-pagination-bullet{flex:1;border-radius:10px;height:100%;opacity:1;background:0 0;margin:0}
.completed-project-slider-active-2 .completed-project-pagination-2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--theme-color-3)}
.details-btn-2{cursor:pointer;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2);transform:rotate(-45deg);padding:12px 20px;border:1.5px solid var(--theme-color-2);border-radius:53px;transition:all .3s;position:absolute;top:20px;right:-60px}
.project-pagination ul{list-style:none;margin:0;padding:0}
.project-pagination ul li{display:inline-block;margin-right:10px}
.project-pagination ul li:last-child{margin-right:0}
.project-pagination ul li.active a{color:var(--theme-color-2);background:var(--theme-color-3)}
.project-pagination ul li:hover a{color:var(--theme-color-2);background:var(--theme-color-3)}
.project-pagination ul li.icon a{border:2px solid rgba(0,69,64,.1);background:0 0}
.project-pagination ul li.icon a:hover{color:var(--theme-color-2);background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border-color:var(--theme-color-3)}
.project-pagination ul li a{display:inline-flex;align-items:center;justify-content:center;font-weight:400;font-size:17px;line-height:28px;color:#868681;background:#f8f7f0;border-radius:50%;height:40px;width:40px}
.completed-project-2 {
position: relative;
background: #8dd128;
background: linear-gradient(360deg, rgba(141, 209, 40, 1) 55%, rgba(135, 177, 72, 1) 100%);
padding: 3.5rem 0 2rem 0;
}
.completed-project-2 .shape-1{position:absolute;top:-60%;left:0;width:fit-content;z-index:-1}
.completed-project-2 .shape-2{position:absolute;top:25%;width:fit-content;right:0;z-index:-1}
.what-we-do-section{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center;z-index:1}
.what-we-do-section .shape-10{position:absolute;top:0;right:0;z-index:-1}
.what-we-do-section .shape-11{position:absolute;bottom:0;left:0;z-index:-1}
.section-top-2{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}
@media (min-width:768px) and (max-width:991px){
.section-top-2{flex-direction:column;align-items:start;gap:20px;margin-bottom:50px}
}
@media (max-width:767px){
.section-top-2{flex-direction:column;align-items:start;gap:20px;margin-bottom:40px}
}
.section-top-2 .left{max-width:662px;width:100%}
.section-top-2 .left .common-subtitle span{color:var(--theme-color-2)}
.section-top-2 .left .common-title{margin-bottom:0}
.section-top-2 .left .common-title h2{color:var(--light-color);margin-bottom:0}
.section-top-2 .right{max-width:434px;width:100%}
.section-top-2 .right p{color:var(--light-color);font-size:18px;line-height:30px;margin-bottom:20px}
@media (max-width:767px){
.section-top-2 .right p{margin-bottom:14px}
}
.section-top-2 .right .service-btn{gap:8px;padding:0;background:0 0;color:var(--theme-color-2)}
.section-top-2 .right .service-btn:before{background:0 0}
.section-top-2 .right .service-btn:hover{text-decoration:underline}
.section-top-2 .right .service-btn .icon-wrap{width:auto;height:auto;color:var(--theme-color-2);background:0 0}
.section-top-2 .right .service-btn .icon-wrap:hover{background:0 0}
.section-top-3{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}
@media (max-width:767px){
.section-top-3{flex-direction:column;align-items:start;gap:20px;margin-bottom:40px}
}
.section-top-3 .left{max-width:575px;width:100%}
@media (min-width:1200px) and (max-width:1399px){
.section-top-3 .left{max-width:500px}
}
@media (min-width:992px) and (max-width:1199px){
.section-top-3 .left{max-width:500px}
}
.section-top-3 .left .common-subtitle{margin-bottom:20px}
.section-top-3 .left .common-subtitle span{color:var(--theme-color-2)}
.section-top-3 .left .common-title{margin-bottom:0}
.section-top-3 .left .common-title h2{color:var(--light-color);margin-bottom:0}
.section-top-3 .right{max-width:402px;width:100%}
@media (min-width:768px) and (max-width:991px){
.section-top-3 .right{max-width:300px}
}
.section-top-3 .right p{color:var(--light-color);font-size:18px;line-height:30px;margin-bottom:20px}
.section-top-3 .right .service-btn{gap:8px;padding:0;background:0 0;color:var(--theme-color-2)}
.section-top-3 .right .service-btn:before{background:0 0}
.section-top-3 .right .service-btn:hover{text-decoration:underline}
.section-top-3 .right .service-btn .icon-wrap{width:auto;height:auto;color:var(--theme-color-2);background:0 0}
.section-top-3 .right .service-btn .icon-wrap:hover{background:0 0}
.what-we-do-section-2{background-size:cover;background-repeat:no-repeat;background-position:left;position:relative;z-index:1;border-radius:10px;margin:80px 85px 0;padding:100px 0 120px 0;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);}
@media (max-width:1700px){
.what-we-do-section-2{margin:80px 20px 0}
}
@media (min-width:1400px) and (max-width:1700px){
.what-we-do-section-2{padding:100px 40px 120px 40px}
}
@media (min-width:1200px) and (max-width:1399px){
.what-we-do-section-2{padding:80px 40px 100px 40px}
}
@media (min-width:992px) and (max-width:1199px){
.what-we-do-section-2{padding:80px 20px 100px 20px}
}
@media (min-width:768px) and (max-width:991px){
.what-we-do-section-2{padding:80px 20px 100px 20px}
}
@media (max-width:767px){
.what-we-do-section-2{padding:80px 10px 80px 10px;margin:80px 15px 0}
}
.what-we-do-section-2 .shape{position:absolute;top:0;right:12%;z-index:-1}
.what-we-do-section-2 .we-do-card{overflow:hidden;background-color:var(--white-color);border-radius:10px}
.what-we-do-section-2 .we-do-card:hover .card-content i{color:var(--theme-color-3)}
.what-we-do-section-2 .we-do-card:hover .card-content i span{color:var(--theme-color-2)}
.what-we-do-section-2 .we-do-card:hover .card-thumb img{overflow:hidden;transform:scale(1.1)}
.what-we-do-section-2 .we-do-card .card-content{padding:30px}
.what-we-do-section-2 .we-do-card .card-content i{color:var(--theme-color-2);font-size:40px;position:relative;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.what-we-do-section-2 .we-do-card .card-content i span{font-size:14px;color:var(--theme-color-3);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.what-we-do-section-2 .we-do-card .card-content h5{font-style:normal;font-weight:600;font-size:24px;line-height:36px;color:var(--theme-color-3);margin-bottom:20px}
@media (min-width:1200px) and (max-width:1399px){
.what-we-do-section-2 .we-do-card .card-content h5{font-size:22px}
}
@media (max-width:767px){
.what-we-do-section-2 .we-do-card .card-content h5{font-size:20px}
}
.what-we-do-section-2 .we-do-card .card-thumb{position:relative}
.what-we-do-section-2 .we-do-card .card-thumb img{border-radius:10px}
.what-we-do-section-2 .we-do-card .card-thumb .circled-btn{font-weight:500;font-size:16px;line-height:100%;text-align:center;color:var(--body-color);width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:#f8f7f0;border-radius:100%;border:2px solid var(--white-color);position:absolute;top:0;right:30px}
.what-we-do-section-2 .we-do-card .card-thumb .circled-btn p{margin-bottom:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.what-we-do-section-2 .we-do-card .card-thumb .circled-btn .icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;color:var(--theme-color-2);font-size:24px;opacity:0;visibility:hidden;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.what-we-do-section-2 .we-do-card .card-thumb .circled-btn:hover{color:var(--theme-color-2);background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border:2px solid var(--theme-color-2)}
.what-we-do-section-2 .we-do-card .card-thumb .circled-btn:hover p{opacity:0}
.what-we-do-section-2 .we-do-card .card-thumb .circled-btn:hover .icon{opacity:1;visibility:visible}
.whatwedo-slider-active{margin-right:-280px}
@media (min-width:1400px) and (max-width:1700px){
.whatwedo-slider-active{margin-right:-75px}
}
@media (min-width:1200px) and (max-width:1399px){
.whatwedo-slider-active{margin-right:0}
}
@media (min-width:992px) and (max-width:1199px){
.whatwedo-slider-active{margin-right:0}
}
@media (min-width:768px) and (max-width:991px){
.whatwedo-slider-active{margin-right:0}
}
@media (max-width:767px){
.whatwedo-slider-active{margin-right:0}
}
.whatwedo-slider-active .whatwedo-slider-bottom{display:flex;align-items:center;gap:80px;margin-top:60px;width:100%}
@media (min-width:768px) and (max-width:991px){
.whatwedo-slider-active .whatwedo-slider-bottom{margin-top:40px;gap:40px}
}
@media (max-width:767px){
.whatwedo-slider-active .whatwedo-slider-bottom{margin-top:40px;gap:40px}
}
.whatwedo-slider-active .whatwedo-slider-bottom .whatwedo-navigation{display:flex;align-items:center;gap:10px}
.whatwedo-slider-active .whatwedo-slider-bottom .whatwedo-pagination-wrap{width:100%}
@media (max-width:767px){
.whatwedo-slider-active .whatwedo-slider-bottom .whatwedo-pagination-wrap{display:none}
}
.whatwedo-slider-active .whatwedo-button-next,.whatwedo-slider-active .whatwedo-button-prev{width:50px;height:50px;display:flex;justify-content:center;align-items:center;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(2.35px);border-radius:100px;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.whatwedo-slider-active .whatwedo-button-next:hover,.whatwedo-slider-active .whatwedo-button-prev:hover{color:var(--theme-color-3);background:var(--theme-color-2);border-color:var(--theme-color-2)}
.whatwedo-slider-active .whatwedo-pagination{height:5px;border-radius:10px;background:rgba(255,255,255,.5);display:flex;width:calc(100% - 280px)}
@media (min-width:1400px) and (max-width:1700px){
.whatwedo-slider-active .whatwedo-pagination{width:calc(100% - 75px)}
}
@media (min-width:1200px) and (max-width:1399px){
.whatwedo-slider-active .whatwedo-pagination{width:100%}
}
@media (min-width:992px) and (max-width:1199px){
.whatwedo-slider-active .whatwedo-pagination{width:100%}
}
@media (min-width:768px) and (max-width:991px){
.whatwedo-slider-active .whatwedo-pagination{width:100%}
}
@media (max-width:767px){
.whatwedo-slider-active .whatwedo-pagination{margin-top:30px;width:100%}
}
.whatwedo-slider-active .whatwedo-pagination .swiper-pagination-bullet{flex:1;border-radius:10px;height:100%;opacity:1;background:0 0;margin:0}
.whatwedo-slider-active .whatwedo-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--theme-color-2)}
.contact-details{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:25px 30px;border:2px solid rgba(0,69,64,.1);border-radius:20px}
@media (min-width:768px) and (max-width:991px){
.contact-details{padding:20px 25px}
}
@media (max-width:767px){
.contact-details{display:flex;flex-direction:column;gap:20px;padding:0;border:none}
}
.contact-details .join-us-btn{display:flex;align-items:center;text-align:start;gap:8px}
@media (max-width:767px){
.contact-details .join-us-btn{padding:5px 5px 5px 20px;border:1.5px solid rgba(0,69,64,.1);border-radius:100px}
}
@media (max-width:767px){
.contact-details .join-us-btn img{display:none}
}
.contact-details .join-us-btn .review-btn{display:flex;align-items:center;text-align:start;gap:8px}
.contact-details .join-us-btn .review-btn:hover i{background:var(--theme-color-2);border-color:var(--theme-color-2);color:var(--white-color)}
.contact-details .join-us-btn .review-btn span{color:var(--theme-color-3);max-width:94px;font-weight:600;width:100%;margin-left:12px}
@media (min-width:768px) and (max-width:991px){
.contact-details .join-us-btn .review-btn span{line-height:24px}
}
@media (max-width:767px){
.contact-details .join-us-btn .review-btn span{line-height:20px}
}
@media (max-width:767px){
.contact-details .join-us-btn .review-btn span{margin-left:0;max-width:100%;line-height:18px}
}
.contact-details .join-us-btn .review-btn i{color:var(--theme-color-3);font-size:17px;padding:15px 16px;border:2px solid rgba(0,69,64,.1);border-radius:100px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (min-width:1200px) and (max-width:1399px){
.contact-details .join-us-btn .review-btn i{padding:10px 11px}
}
@media (min-width:992px) and (max-width:1199px){
.contact-details .join-us-btn .review-btn i{padding:10px 11px}
}
@media (min-width:768px) and (max-width:991px){
.contact-details .join-us-btn .review-btn i{padding:5px 6px}
}
@media (max-width:767px){
.contact-details .join-us-btn .review-btn i{padding:5px 6px}
}
.volunteer-card{background-color:#f8f7f0;padding:10px;border-radius:10px;position:relative}
.volunteer-card:hover a .thumb img{transform:scale(1.1)}
.volunteer-card:hover a .author-info{background:var(--theme-color-3)}
.volunteer-card:hover a .author-info h5{color:var(--theme-color-2)}
.volunteer-card:hover a .author-info p{color:var(--light-color)}
.volunteer-card:hover .socials .social-links{visibility:visible;opacity:1;transform:translateY(0)}
.volunteer-card a .thumb{overflow:hidden;border-radius:10px;display:block}
.volunteer-card a .thumb img{width:100%;border-radius:10px}
.volunteer-card a .author-info{text-align:center;background-color:var(--white-color);padding:14px;border-radius:10px;margin-top:10px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.volunteer-card a .author-info h5{font-weight:600;font-size:24px;line-height:36px;color:var(--theme-color-3);margin-bottom:5px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (max-width:767px){
.volunteer-card a .author-info h5{font-size:20px}
}
.volunteer-card a .author-info p{color:var(--body-color);line-height:22px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.volunteer-card .socials{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:10px}
.volunteer-card .socials .share-button{width:40px;height:40px;border-radius:50px;background:var(--theme-color-2);border:2px solid var(--light-color);display:flex;align-items:center;justify-content:center;cursor:pointer}
.volunteer-card .socials .share-button:hover{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border:2px solid var(--theme-color-2);color:var(--theme-color-2)}
.volunteer-card .socials .social-links{display:flex;flex-direction:column;gap:10px;visibility:hidden;opacity:0;transform:translateY(-20px);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.volunteer-card .socials .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50px;background:var(--light-color);border:2px solid var(--light-color);color:var(--body-color)}
.volunteer-card .socials .social-links a:hover{background:var(--theme-color-2);color:var(--theme-color-3)}
.volunteer-card-2{border-radius:10px}
.volunteer-card-2:hover .thumb a img{transform:scale(1.1)}
.volunteer-card-2:hover .thumb .socials .share-button{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border:2px solid var(--theme-color-2);color:var(--theme-color-2)}
.volunteer-card-2:hover .thumb .socials .social-links{visibility:visible;opacity:1;transform:translateY(0)}
.volunteer-card-2:hover .author-info h5{color:var(--theme-color-2)}
.volunteer-card-2:hover .author-info p{color:var(--light-color)}
.volunteer-card-2 .thumb{position:relative;overflow:hidden;z-index:2}
.volunteer-card-2 .thumb>a{border-radius:10px;display:block;overflow:hidden}
.volunteer-card-2 .thumb>a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,24,25,0) 38.69%,rgba(0,24,25,.6) 66.87%,#001819 100%);border-radius:10px;z-index:1}
.volunteer-card-2 .thumb>a img{width:100%;border-radius:10px}
.volunteer-card-2 .thumb .socials{position:absolute;top:10px;right:10px;z-index:2;display:flex;flex-direction:column;gap:10px}
.volunteer-card-2 .thumb .socials .share-button{width:40px;height:40px;border-radius:50px;background:var(--theme-color-2);border:2px solid var(--light-color);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.volunteer-card-2 .thumb .socials .social-links{display:flex;flex-direction:column;gap:10px;visibility:hidden;opacity:0;transform:translateY(-20px);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.volunteer-card-2 .thumb .socials .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50px;background:var(--light-color);border:2px solid var(--light-color);color:var(--body-color)}
.volunteer-card-2 .thumb .socials .social-links a:hover{background:var(--theme-color-2);color:var(--theme-color-3)}
.volunteer-card-2 .author-info{text-align:center;padding:14px;border-radius:10px;position:absolute;z-index:2;bottom:0;left:0;width:100%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(7.6px)}
.volunteer-card-2 .author-info:before{display:none}
.volunteer-card-2 .author-info h5{font-weight:600;font-size:24px;line-height:36px;color:var(--white-color);margin-bottom:5px}
@media (max-width:767px){
.volunteer-card-2 .author-info h5{font-size:20px}
}
.volunteer-card-2 .author-info p{color:var(--white-color);line-height:22px}
.volunteer-card-3{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);padding:10px;border-radius:10px;position:relative}
.volunteer-card-3:hover a .thumb img{transform:scale(1.1)}
.volunteer-card-3:hover a .author-info h5{color:var(--theme-color-2)}
.volunteer-card-3:hover a .author-info p{color:var(--light-color)}
.volunteer-card-3:hover .socials .share-button{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border:2px solid var(--theme-color-2);color:var(--theme-color-2)}
.volunteer-card-3:hover .socials .social-links{visibility:visible;opacity:1;transform:translateY(0)}
.volunteer-card-3 a .thumb{overflow:hidden;display:block;border-radius:10px}
.volunteer-card-3 a .thumb img{width:100%;border-radius:10px}
.volunteer-card-3 a .author-info{text-align:center;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);padding:14px;border-radius:10px;margin-top:10px}
.volunteer-card-3 a .author-info h5{font-weight:600;font-size:24px;line-height:36px;color:var(--light-color);margin-bottom:5px}
@media (max-width:991px){
.volunteer-card-3 a .author-info h5{font-size:20px}
}
.volunteer-card-3 a .author-info p{color:var(--light-color);line-height:22px}
.volunteer-card-3 .socials{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:10px}
@media (min-width:992px) and (max-width:1199px){
.volunteer-card-3 .socials{top:20px;right:20px}
}
@media (max-width:767px){
.volunteer-card-3 .socials{top:20px;right:10px}
}
.volunteer-card-3 .socials .share-button{width:40px;height:40px;border-radius:50px;background:var(--theme-color-2);border:2px solid var(--theme-color-3);display:flex;align-items:center;justify-content:center;cursor:pointer}
.volunteer-card-3 .socials .share-button:hover{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border:2px solid var(--theme-color-2);color:var(--theme-color-2)}
.volunteer-card-3 .socials .social-links{display:flex;flex-direction:column;gap:10px;transition:all .3s;visibility:hidden;opacity:0;transform:translateY(-20px)}
.volunteer-card-3 .socials .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50px;background:var(--light-color);border:2px solid var(--light-color);color:var(--body-color)}
.volunteer-card-3 .socials .social-links a:hover{background:var(--theme-color-2);color:var(--theme-color-3)}
.volunteer-section-3{margin-top:280px;position:relative}
@media (min-width:992px) and (max-width:1199px){
.volunteer-section-3{margin-top:340px}
}
@media (min-width:768px) and (max-width:991px){
.volunteer-section-3{margin-top:300px}
}
@media (max-width:767px){
.volunteer-section-3{margin-top:280px}
}
.volunteer-section-3 .shape{position:absolute;top:-7%;left:36%}
@media (min-width:1200px) and (max-width:1399px){
.volunteer-section-3 .shape img{width:80%}
}
@media (min-width:992px) and (max-width:1199px){
.volunteer-section-3 .shape img{width:70%}
}
@media (min-width:768px) and (max-width:991px){
.volunteer-section-3 .shape img{width:60%}
}
@media (max-width:767px){
.volunteer-section-3 .shape img{width:50%}
}
@media (min-width:1400px) and (max-width:1700px){
.volunteer-section-3 .shape{left:32%}
}
@media (min-width:1200px) and (max-width:1399px){
.volunteer-section-3 .shape{left:31%;top:-9%}
}
@media (min-width:992px) and (max-width:1199px){
.volunteer-section-3 .shape{left:30%;top:-10%}
}
@media (min-width:768px) and (max-width:991px){
.volunteer-section-3 .shape{left:26%;top:-9%}
}
@media (max-width:767px){
.volunteer-section-3 .shape{left:10%;top:-4%}
}
.section-top-11{width:75%}
@media (max-width:767px){
.section-top-11{width:100%}
}
.section-top-13{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}
@media (min-width:768px) and (max-width:991px){
.section-top-13{align-items:start;flex-direction:column;gap:10px}
}
@media (max-width:767px){
.section-top-13{align-items:start;flex-direction:column;gap:10px;margin-bottom:40px}
}
.section-top-13 .left .common-title{margin-bottom:0}
.section-top-13 .right .contact-details{padding:0;border:none}
@media (max-width:767px){
.section-top-13 .right .contact-details{align-items:start}
}
.volunteer-card-4{background-color:var(--white-color);padding:10px;border-radius:10px;position:relative}
.volunteer-card-4:hover a .thumb img{transform:scale(1.1)}
.volunteer-card-4:hover a .author-info{background:var(--theme-color-3)}
.volunteer-card-4:hover a .author-info h5{color:var(--theme-color-2)}
.volunteer-card-4:hover a .author-info p{color:var(--light-color)}
.volunteer-card-4:hover .socials .social-links{visibility:visible;opacity:1;transform:translateY(0)}
.volunteer-card-4 a .thumb{overflow:hidden;border-radius:10px;display:block}
.volunteer-card-4 a .thumb img{width:100%;border-radius:10px}
.volunteer-card-4 a .author-info{text-align:center;background:#f8f7f0;padding:14px;border-radius:10px;margin-top:10px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.volunteer-card-4 a .author-info h5{font-weight:600;font-size:24px;line-height:36px;color:var(--theme-color-3);margin-bottom:5px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (max-width:767px){
.volunteer-card-4 a .author-info h5{font-size:20px}
}
.volunteer-card-4 a .author-info p{-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;color:var(--body-color);line-height:22px}
.volunteer-card-4 .socials{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:10px}
.volunteer-card-4 .socials .share-button{width:40px;height:40px;border-radius:50px;background:var(--theme-color-2);border:2px solid var(--light-color);display:flex;align-items:center;justify-content:center;cursor:pointer}
.volunteer-card-4 .socials .share-button:hover{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border:2px solid var(--theme-color-2);color:var(--theme-color-2)}
.volunteer-card-4 .socials .social-links{display:flex;flex-direction:column;gap:10px;visibility:hidden;opacity:0;transform:translateY(-20px);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.volunteer-card-4 .socials .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50px;background:var(--light-color);border:2px solid var(--light-color);color:var(--body-color)}
.volunteer-card-4 .socials .social-links a:hover{background:var(--theme-color-2);color:var(--theme-color-3)}
@media (min-width:1200px){
.form-row{--bs-gutter-x:20px}
}
.volunteer-form-content h3{font-weight:600;font-size:48px;line-height:60px;color:#a9c200;margin-bottom:6px}
@media (min-width:1200px) and (max-width:1399px){
.volunteer-form-content h3{font-size:40px;line-height:1.2}
}
@media (min-width:992px) and (max-width:1199px){
.volunteer-form-content h3{font-size:32px;line-height:1.2}
}
@media (min-width:768px) and (max-width:991px){
.volunteer-form-content h3{font-size:26px;line-height:1.2}
}
@media (max-width:767px){
.volunteer-form-content h3{font-size:24px;line-height:1.2}
}
.volunteer-form-content p{font-weight:400;font-size:18px;line-height:30px;color:#868681;margin-bottom:34px}
.input-wrap{margin-bottom:20px}
.input-wrap input{font-weight:400;font-size:18px;line-height:30px;color:var(--theme-color-3);padding:15px 20px;background:#f8f7f0;border-radius:12px;border:2px solid transparent;outline:0;width:100%}
.input-wrap input:focus{border:2px solid var(--theme-color-3);background:0 0}
.input-wrap input::-webkit-input-placeholder{color:#868681}
.input-wrap input:-moz-placeholder{color:#868681}
.input-wrap input::-moz-placeholder{color:#868681}
.input-wrap input:-ms-input-placeholder{color:#868681}
.input-wrap textarea{font-weight:400;font-size:18px;line-height:30px;color:var(--theme-color-3);padding:15px 20px;background:#f8f7f0;border-radius:12px;border:2px solid transparent;outline:0;width:100%;height:160px}
.input-wrap textarea:focus{border:2px solid var(--theme-color-3);background:0 0}
.input-wrap textarea::-webkit-input-placeholder{color:#868681}
.input-wrap textarea:-moz-placeholder{color:#868681}
.input-wrap textarea::-moz-placeholder{color:#868681}
.input-wrap textarea:-ms-input-placeholder{color:#868681}
.select-wrap{position:relative}
.select-wrap select{font-weight:400;font-size:18px;line-height:30px;color:#868681;padding:15px 20px;background:#f8f7f0;border-radius:12px;border:2px solid transparent;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}
.select-wrap select:focus{border:2px solid var(--theme-color-3);background:0 0;color:var(--theme-color-3)}
.select-wrap .select-icon{position:absolute;z-index:2;top:50%;transform:translateY(-50%);right:18px}
.select-wrap .select-icon i{color:#868681}
.input-checkbox{margin-bottom:25px}
.input-checkbox input{display:none}
.input-checkbox input:checked+label .check-mark{background:var(--theme-color-2)}
.input-checkbox input:checked+label .check-mark:after{opacity:1}
.input-checkbox label{display:inline-flex;align-items:center;gap:10px;font-weight:400;font-size:17px;line-height:28px;color:#868681}
.input-checkbox label .check-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1.5px solid #868681;filter:drop-shadow(0 4px 4px rgba(0, 0, 0, .25));border-radius:3px}
.input-checkbox label .check-mark:after{content:"\f00c";font-family:var(--icon-font);font-size:12px;font-weight:700;color:var(--theme-color-3);opacity:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.input-button button{border:none}
.v-summary-content{border-top:1px solid rgba(0,69,64,.1);padding-top:50px}
.v-summary-content h4{font-weight:500;font-size:36px;line-height:48px;color:#a9c200;margin-bottom:15px}
.v-summary-content .content{display:flex;gap:66px}
@media (min-width:992px) and (max-width:1199px){
.v-summary-content .content{flex-direction:column;gap:20px}
}
@media (min-width:768px) and (max-width:991px){
.v-summary-content .content{flex-direction:column;gap:20px}
}
@media (max-width:767px){
.v-summary-content .content{flex-direction:column;gap:20px}
}
.v-summary-content .content p{font-weight:400;font-size:18px;line-height:30px;color:#868681;max-width:696px}
.v-summary-content .content .info-wrapper{display:flex;flex-direction:column;gap:12px}
.v-summary-content .content .info-wrapper .info{display:flex;align-items:center;gap:10px}
.v-summary-content .content .info-wrapper .info .icon{display:flex;align-items:center;justify-content:center;padding:4px;width:18px;height:18px;border-radius:100%;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2)}
.v-summary-content .content .info-wrapper .info .icon i{font-size:10px}
.v-summary-content .content .info-wrapper .info p{font-weight:400;font-size:18px;line-height:30px;color:#a9c200}
.why-us-section{position:relative;z-index:1;overflow:hidden}
.why-us-section.style-2{margin-bottom:-155px}
.why-us-section .c-shape-1{position:absolute;z-index:-1;right:-26%;bottom:-40%}
.volunteer-cta-wrap{position:relative;z-index:1;background:#f8f7f0;border-radius:10px;padding:50px 50px 50px 80px;display:flex;align-items:center;justify-content:space-between;gap:104px}
.volunteer-cta-wrap .content-wrap{max-width:518px}
.volunteer-cta-wrap .content-wrap .common-title{margin-bottom:10px}
.volunteer-cta-wrap .content-wrap .common-title h2 span{font-size:35px}
.volunteer-cta-wrap .content-wrap .text{margin-bottom:40px}
@media (min-width:768px) and (max-width:991px){
.volunteer-cta-wrap .content-wrap .text{margin-bottom:20px}
}
@media (max-width:767px){
.volunteer-cta-wrap .content-wrap .text{margin-bottom:20px}
}
.volunteer-cta-wrap .c-shape-1{position:absolute;z-index:-1;bottom:0;left:50%;transform:translateX(-50%);width:100%}
.volunteer-detail-card{background:#f8f7f0;border-radius:10px;padding:20px}
.volunteer-detail-card:hover .thumb a img{transform:scale(1.1)}
.volunteer-detail-card .thumb a{border-radius:10px;display:block;overflow:hidden}
.volunteer-detail-card .thumb a img{border-radius:10px}
.volunteer-detail-card .thumb .social-links{margin-top:10px;padding:22px;text-align:center;background:#a9c200;backdrop-filter:blur(11.2px);border-radius:8px;display:flex;justify-content:center;gap:10px}
.volunteer-detail-card .thumb .social-links a{display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:rgba(255,255,255,.4);width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%}
.volunteer-detail-card .thumb .social-links a:hover{color:var(--theme-color-3);background:var(--theme-color-2)}
.volunteer-detail-content .content-wrap .subtitle{font-weight:400;font-size:24px;line-height:36px;color:#868681;margin-bottom:8px}
.volunteer-detail-content .content-wrap .title{font-weight:600;font-size:42px;line-height:52px;color:#a9c200;margin-bottom:12px}
.volunteer-detail-content .content-wrap .title.style-2{font-weight:500;font-size:36px;line-height:48px}
.volunteer-detail-content .content-wrap p{font-weight:400;font-size:18px;line-height:30px;color:#868681}
.volunteer-detail-content .details-wrap{border-top:1px solid rgba(0,69,64,.1);border-bottom:1px solid rgba(0,69,64,.1);padding:24px 0;margin:24px 0}
.volunteer-detail-content .details-wrap .info{display:flex;align-items:center;gap:67px}
.volunteer-detail-content .details-wrap .info p{font-family:var(--albert-sans-font);font-weight:500;font-size:18px;line-height:30px;color:#a9c200;min-width:105px}
.volunteer-detail-content .details-wrap .info span{font-family:var(--dm-sans-font);font-weight:400;font-size:18px;line-height:30px;color:#868681}
.why-us-section{background-position:right;background-repeat:no-repeat;background-size:cover}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section{background-size:contain}
}
.why-us-section .left{width:100%}
@media (min-width:992px) and (max-width:1199px){
.why-us-section .left{width:76%}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section .left{width:96%}
}
.why-us-section .thumb{height:auto;position:relative}
.why-us-section .thumb .thumb-1{position:relative;margin-bottom:215px;text-align:end;z-index:1}
@media (max-width:767px){
.why-us-section .thumb .thumb-1{width:50%;margin:0 60px 120px auto}
}
.why-us-section .thumb .thumb-1>img{border-radius:10px}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section .thumb .thumb-1>img{width:60%}
}
.why-us-section .thumb .thumb-1 .s-shape-1{position:absolute;top:60px;right:-16px;z-index:-1}
@media (max-width:767px){
.why-us-section .thumb .thumb-1 .s-shape-1{width:70%;top:40px}
}
.why-us-section .thumb .thumb-2{position:absolute;top:40%;left:-16px;z-index:2}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section .thumb .thumb-2{left:32px}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section .thumb .thumb-2{left:66px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section .thumb .thumb-2{left:20px}
}
@media (max-width:767px){
.why-us-section .thumb .thumb-2{width:42%;left:8px}
}
.why-us-section .thumb .thumb-2 img{border-radius:10px;border:5px solid var(--white-color)}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section .thumb .thumb-2 img{width:70%}
}
.why-us-section .thumb .thumb-3{position:absolute;bottom:-225px;right:10px;z-index:2}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section .thumb .thumb-3{bottom:-168px;right:20px;text-align:end}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section .thumb .thumb-3{bottom:-225px;right:-30px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section .thumb .thumb-3{bottom:-225px;right:-30px}
}
@media (max-width:767px){
.why-us-section .thumb .thumb-3{bottom:-122px;right:38px;text-align:end;width:44%}
}
.why-us-section .thumb .thumb-3 img{border-radius:10px}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section .thumb .thumb-3 img{width:75%}
}
.why-us-section .thumb .thumb-3 .shape-wrapped-thumb{position:relative}
.why-us-section .thumb .thumb-3 .shape-wrapped-thumb .s-shape-1{position:absolute;bottom:0;left:0}
.why-us-section .thumb .thumb-3 .shape-wrapped-thumb .s-shape-2{position:absolute;bottom:-25px;left:-35px;z-index:-1}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section .thumb .thumb-3 .shape-wrapped-thumb .s-shape-2{bottom:-24px;left:34px}
}
.why-us-content{padding-right:9%}
@media (min-width:1400px){
.why-us-content{padding-right:9%}
}
.why-us-content .text{margin-bottom:20px}
.why-us-content .annual-donation-wrap{display:flex;align-items:center;gap:20px}
@media (max-width:767px){
.why-us-content .annual-donation-wrap{flex-direction:column;align-items:start;gap:14px}
}
.why-us-content .annual-donation-wrap .annual-donation{display:flex;align-items:center;gap:15px}
.why-us-content .annual-donation-wrap .annual-donation img{width:60px;height:60px;padding:17px 15px;border-radius:100%;border:2px solid rgba(0,69,64,.1)}
@media (min-width:768px) and (max-width:991px){
.why-us-content .annual-donation-wrap .annual-donation img{width:50px;height:50px;padding:12px 10px}
}
@media (max-width:767px){
.why-us-content .annual-donation-wrap .annual-donation img{width:40px;height:40px;padding:10px 8px}
}
.why-us-content .annual-donation-wrap .annual-donation p{margin-bottom:5px}
@media (min-width:768px) and (max-width:991px){
.why-us-content .annual-donation-wrap .annual-donation p{margin-bottom:0;line-height:1}
}
@media (max-width:767px){
.why-us-content .annual-donation-wrap .annual-donation p{line-height:1;margin-bottom:0}
}
.why-us-content .annual-donation-wrap .annual-donation h5{margin-bottom:0}
@media (min-width:768px) and (max-width:991px){
.why-us-content .annual-donation-wrap .annual-donation h5{font-size:18px;line-height:1.5}
}
@media (max-width:767px){
.why-us-content .annual-donation-wrap .annual-donation h5{line-height:1.2;font-size:18px}
}
.why-us-content .annual-donation-wrap .video-btn{border:1px solid rgba(0,69,64,.15);background:var(--white-color);max-height:60px}
.why-us-content .annual-donation-wrap .video-btn .icon-wrap .icon{width:12px;color:var(--theme-color-2)}
@media (min-width:768px) and (max-width:991px){
.why-us-content .annual-donation-wrap .video-btn .icon-wrap .icon{width:8px}
}
@media (max-width:767px){
.why-us-content .annual-donation-wrap .video-btn .icon-wrap .icon{width:7px}
}
.why-us-content .annual-donation-wrap .video-btn:hover .icon-wrap .icon{color:var(--theme-color-3)}
.services {
display: flex;
align-items: center;
gap: 70px;
margin-bottom: 16px;
}
@media (max-width:767px){
.services{flex-direction:column;align-items:start;margin-bottom:30px;gap:15px}
}
.services .service-left,.services .service-right{display:flex;flex-direction:column;gap:15px}
.services .service{display:flex;align-items:center;gap:10px}
.services .service i{display:flex;align-items:center;justify-content:center;padding:4px;width:25px;height:25px;border-radius:100%;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:#fff}
.why-us-section-2{position:relative;z-index:1;overflow-x:clip}
.why-us-section-2 .c-shape-1{position:absolute;right:-30%;bottom:-50%;z-index:-1}
.why-us-section-2 .why-us-section-2-bg{position:absolute;left:0;bottom:0;width:100%;height:722px;z-index:-1;display:flex;justify-content:space-between;border-radius:0 0 100px 100px;overflow:hidden}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-2 .why-us-section-2-bg{border-radius:0 0 50px 50px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-2 .why-us-section-2-bg{border-radius:0 0 50px 50px}
}
@media (max-width:767px){
.why-us-section-2 .why-us-section-2-bg{display:none}
}
.why-us-section-2 .why-us-section-2-bg .left-img{width:100%;max-width:654px;height:100%}
.why-us-section-2 .why-us-section-2-bg .left-img img{width:100%;height:100%;object-fit:cover}
.why-us-section-2 .why-us-section-2-bg .right-img{width:100%;max-width:654px;height:100%}
.why-us-section-2 .why-us-section-2-bg .right-img img{width:100%;height:100%;object-fit:cover}
.why-us-section-2 .thumb{height:auto;position:relative}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-2 .thumb{margin:0 90px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-2 .thumb{margin:0 14px}
}
.why-us-section-2 .thumb .thumb-1{position:relative;margin-bottom:250px;text-align:end;z-index:1}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-2 .thumb .thumb-1{margin-bottom:280px}
}
@media (max-width:767px){
.why-us-section-2 .thumb .thumb-1{width:50%;margin:0 70px 140px auto}
}
.why-us-section-2 .thumb .thumb-1>img{border-radius:10px}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-2 .thumb .thumb-1>img{width:60%}
}
.why-us-section-2 .thumb .thumb-1 .s-shape{position:absolute;top:50px;left:35%;z-index:-1}
.why-us-section-2 .thumb .thumb-2{position:absolute;top:48%;left:-20px;z-index:2}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-2 .thumb .thumb-2{left:42px}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-2 .thumb .thumb-2{left:66px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-2 .thumb .thumb-2{left:20px}
}
@media (max-width:767px){
.why-us-section-2 .thumb .thumb-2{width:42%;left:0}
}
.why-us-section-2 .thumb .thumb-2 img{border-radius:10px;border:5px solid var(--white-color)}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-2 .thumb .thumb-2 img{width:70%}
}
.why-us-section-2 .thumb .thumb-2.style-2{top:60%;left:45px}
.why-us-section-2 .thumb .thumb-2.style-2 .experience-shape{position:absolute;bottom:80px;right:-160px;z-index:3;transform:rotate(15deg);background:rgba(255,255,255,.85);border:2px solid #fff;box-shadow:0 21px 40px 13px rgba(133,191,24,.08);backdrop-filter:blur(7.7px)}
.why-us-section-2 .thumb .thumb-3{position:absolute;bottom:-235px;right:4px;z-index:2}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-2 .thumb .thumb-3{bottom:-170px;right:10px;text-align:end}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-2 .thumb .thumb-3{bottom:-225px;right:10px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-2 .thumb .thumb-3{bottom:-225px;right:-30px}
}
@media (max-width:767px){
.why-us-section-2 .thumb .thumb-3{bottom:-128px;right:38px;text-align:end;width:44%}
}
.why-us-section-2 .thumb .thumb-3 img{border-radius:10px}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-2 .thumb .thumb-3 img{width:75%}
}
.why-us-section-2 .thumb .thumb-3 .shape-wrapped-thumb{position:relative}
.why-us-section-2 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px 25px;border:4px solid var(--white-color);background-color:var(--theme-color-2);border-radius:12px;position:absolute;top:-70px;left:-190px;z-index:3}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-2 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape{gap:10px;left:-70px;padding:15px}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-2 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape{gap:10px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-2 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape{gap:10px}
}
@media (max-width:767px){
.why-us-section-2 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape{left:-100px;padding:15px;gap:10px}
}
.why-us-section-2 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape h3{font-weight:700;font-size:62px;line-height:86%;color:var(--theme-color-3);margin-bottom:0}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-2 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape h3{font-size:52px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-2 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape h3{font-size:44px}
}
@media (max-width:767px){
.why-us-section-2 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape h3{font-size:40px}
}
.why-us-section-2 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape p{max-width:92px;width:100%;font-weight:600;font-size:17px;line-height:26px;color:var(--theme-color-3)}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-2 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape p{font-size:16px;line-height:1.4}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-2 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape p{font-size:16px;line-height:1.4}
}
@media (max-width:767px){
.why-us-section-2 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape p{font-size:16px;line-height:1.2}
}
.why-us-section-2 .company-achievements{margin-bottom:-160px}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-2 .company-achievements{margin-bottom:-140px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-2 .company-achievements{margin-bottom:-120px}
}
@media (max-width:767px){
.why-us-section-2 .company-achievements{margin-bottom:0}
}
.experience-shape{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px 25px;border:4px solid var(--white-color);background-color:var(--theme-color-2);border-radius:12px}
.experience-shape h3{font-weight:700;font-size:62px;line-height:86%;color:var(--theme-color-3);margin-bottom:0}
@media (min-width:1200px) and (max-width:1399px){
.experience-shape h3{font-size:52px}
}
@media (min-width:768px) and (max-width:991px){
.experience-shape h3{font-size:44px}
}
@media (max-width:767px){
.experience-shape h3{font-size:40px}
}
.experience-shape p{max-width:92px;width:100%;font-weight:600;font-size:17px;line-height:26px;color:var(--theme-color-3)}
@media (min-width:1200px) and (max-width:1399px){
.experience-shape p{font-size:16px;line-height:1.4}
}
@media (min-width:768px) and (max-width:991px){
.experience-shape p{font-size:16px;line-height:1.4}
}
@media (max-width:767px){
.experience-shape p{font-size:16px;line-height:1.2}
}
.shape-wrapped-thumb .experience-shape{position:absolute;top:-70px;left:-190px;z-index:3}
@media (min-width:1200px) and (max-width:1399px){
.shape-wrapped-thumb .experience-shape{gap:10px;left:-70px;padding:15px}
}
@media (min-width:992px) and (max-width:1199px){
.shape-wrapped-thumb .experience-shape{gap:10px}
}
@media (min-width:768px) and (max-width:991px){
.shape-wrapped-thumb .experience-shape{gap:10px}
}
@media (max-width:767px){
.shape-wrapped-thumb .experience-shape{gap:10px}
}
.why-us-section-3{background-position:bottom right;background-size:auto;background-repeat:no-repeat;overflow:hidden}
@media (min-width:1400px) and (max-width:1700px){
.why-us-section-3{background-position:bottom right -15%}
}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-3{background-position:bottom right -35%}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-3{background-position:bottom right -35%}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-3{background-position:bottom right -110%}
}
@media (max-width:767px){
.why-us-section-3{background-position:bottom right 80%}
}
.why-us-section-3 .thumb-wrapper{position:relative;z-index:1}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-3 .thumb-wrapper{margin:0 60px}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-3 .thumb-wrapper{margin:0 130px 140px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-3 .thumb-wrapper{margin:0 10px 120px}
}
@media (max-width:767px){
.why-us-section-3 .thumb-wrapper{margin:0 0 140px 180px}
}
@media (max-width:375px){
.why-us-section-3 .thumb-wrapper{margin:0 0 120px 160px}
}
.why-us-section-3 .thumb-wrapper .thumb-1{text-align:end}
.why-us-section-3 .thumb-wrapper .thumb-1 img{border-radius:10px;border:4px solid var(--white-color)}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-3 .thumb-wrapper .thumb-1 img{width:60%}
}
.why-us-section-3 .thumb-wrapper .thumb-1 .experience-shape{position:absolute;bottom:-50px;right:-30px;z-index:3;transform:rotate(15deg);background:rgba(255,255,255,.85);border:2px solid #fff;box-shadow:0 21px 40px 13px rgba(133,191,24,.08);backdrop-filter:blur(7.7px)}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-3 .thumb-wrapper .thumb-1 .experience-shape{bottom:-60px;right:-40px}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-3 .thumb-wrapper .thumb-1 .experience-shape{bottom:-55px;right:-25px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-3 .thumb-wrapper .thumb-1 .experience-shape{bottom:-45px;right:0}
}
@media (max-width:767px){
.why-us-section-3 .thumb-wrapper .thumb-1 .experience-shape{bottom:-60px;transform:rotate(0);right:0}
}
@media (max-width:375px){
.why-us-section-3 .thumb-wrapper .thumb-1 .experience-shape{bottom:-82px}
}
.why-us-section-3 .thumb-wrapper .thumb-2{position:absolute;top:80px;left:120px;z-index:-1}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-3 .thumb-wrapper .thumb-2{width:60%;left:10px}
}
@media (max-width:767px){
.why-us-section-3 .thumb-wrapper .thumb-2{left:-62%;width:100%}
}
.why-us-section-3 .thumb-wrapper .thumb-2>img:first-child{border-radius:150px 150px 10px 10px;border:4px solid var(--white-color)}
.why-us-section-3 .thumb-wrapper .award-winner-shape{background:rgba(255,255,255,.45);border:2px solid #fff;box-shadow:0 24px 47px 15px rgba(133,191,24,.08);backdrop-filter:blur(27.0874px);border-radius:8px;padding:20px 30px;max-width:270px;width:100%;position:absolute;top:54%;left:-6%}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-3 .thumb-wrapper .award-winner-shape{padding:15px 20px;max-width:222px;left:-26%}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-3 .thumb-wrapper .award-winner-shape{padding:15px 20px;max-width:222px;left:-2%}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-3 .thumb-wrapper .award-winner-shape{padding:15px 20px;max-width:222px;left:-2%}
}
@media (max-width:767px){
.why-us-section-3 .thumb-wrapper .award-winner-shape{padding:15px;max-width:222px;left:-90%;top:44%}
}
.why-us-section-3 .thumb-wrapper .award-winner-shape .top{display:flex;align-items:center;gap:8px;border-radius:6px;margin-bottom:20px}
@media (max-width:1399px){
.why-us-section-3 .thumb-wrapper .award-winner-shape .top img{width:30px}
}
.why-us-section-3 .thumb-wrapper .award-winner-shape .top p{color:var(--theme-color-3);font-style:normal;font-weight:600;font-size:17px;line-height:26px}
@media (max-width:1399px){
.why-us-section-3 .thumb-wrapper .award-winner-shape .top p{font-size:16px;line-height:1.4}
}
.why-us-section-3 .thumb-wrapper .award-winner-shape .authors img{width:140px}
.why-us-section-3 .thumb-wrapper .shape-1{width:50%;position:absolute;bottom:-80px;right:-100px;z-index:-1}
.why-us-section-3 .thumb-wrapper .shape-2{position:absolute;top:9%;left:30%}
@media (max-width:767px){
.why-us-section-3 .thumb-wrapper .shape-2{top:20%;left:-40%;width:20%}
}
.why-us-content-3 .text{width:80%}
@media (max-width:767px){
.why-us-content-3 .text{width:100%}
}
.why-us-section-4{position:relative;overflow:hidden}
.why-us-section-4 .shape{position:absolute;right:0;bottom:-68%}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-4 .shape{bottom:-77%}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-4 .shape{bottom:-46%}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-4 .shape{bottom:-37%;text-align:end}
}
@media (max-width:767px){
.why-us-section-4 .shape{text-align:end;bottom:-31%}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-4 .shape img{width:80%}
}
@media (max-width:767px){
.why-us-section-4 .shape img{width:60%}
}
.why-us-section-4 .icon-1{position:absolute;left:16%;top:22%;z-index:5}
@media (min-width:1400px) and (max-width:1700px){
.why-us-section-4 .icon-1{left:4%}
}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-4 .icon-1{left:9%}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-4 .icon-1{left:14%;top:17%}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-4 .icon-1{left:12%;top:17%}
}
@media (max-width:767px){
.why-us-section-4 .icon-1{left:8%;top:11%}
}
@media (max-width:1399px){
.why-us-section-4 .icon-1 img{width:80%}
}
@media (max-width:767px){
.why-us-section-4 .icon-1 img{width:60%}
}
.why-us-section-4 .icon-2{position:absolute;right:21%;top:10%}
@media (min-width:1400px) and (max-width:1700px){
.why-us-section-4 .icon-2{right:11%}
}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-4 .icon-2{right:11%;top:12%}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-4 .icon-2{right:19%;top:3%}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-4 .icon-2{right:-1%;top:3%}
}
@media (max-width:767px){
.why-us-section-4 .icon-2{right:1%;top:2%}
}
@media (max-width:1399px){
.why-us-section-4 .icon-2 img{width:80%}
}
@media (max-width:767px){
.why-us-section-4 .icon-2 img{width:60%}
}
.why-us-section-4 .left{width:100%}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-4 .left{width:76%}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-4 .left{width:96%}
}
.why-us-section-4 .thumb{height:auto;position:relative}
.why-us-section-4 .thumb .thumb-1{position:relative;margin-bottom:250px;text-align:end;z-index:1}
@media (max-width:767px){
.why-us-section-4 .thumb .thumb-1{width:50%;margin:0 60px 120px auto}
}
@media (max-width:767px){
.why-us-section-4 .thumb .thumb-1{width:50%;margin:0 60px 120px auto}
}
.why-us-section-4 .thumb .thumb-1>img{border-radius:10px}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-4 .thumb .thumb-1>img{width:60%}
}
.why-us-section-4 .thumb .thumb-1 .s-shape-1{position:absolute;top:60px;right:-16px;z-index:-1}
@media (max-width:767px){
.why-us-section-4 .thumb .thumb-1 .s-shape-1{width:70%;top:40px}
}
.why-us-section-4 .thumb .thumb-2{position:absolute;top:40%;left:-16px;z-index:2}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-4 .thumb .thumb-2{left:32px}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-4 .thumb .thumb-2{left:66px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-4 .thumb .thumb-2{left:20px}
}
@media (max-width:767px){
.why-us-section-4 .thumb .thumb-2{width:44%;left:0}
}
.why-us-section-4 .thumb .thumb-2 img{border-radius:10px;border:5px solid var(--white-color)}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-4 .thumb .thumb-2 img{width:70%}
}
.why-us-section-4 .thumb .thumb-3{position:absolute;bottom:-225px;right:10px;z-index:2}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-4 .thumb .thumb-3{bottom:-168px;right:20px;text-align:end}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-4 .thumb .thumb-3{bottom:-225px;right:-30px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-4 .thumb .thumb-3{bottom:-225px;right:-30px}
}
@media (max-width:767px){
.why-us-section-4 .thumb .thumb-3{bottom:-122px;right:38px;text-align:end;width:44%}
}
.why-us-section-4 .thumb .thumb-3 img{border-radius:10px}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-4 .thumb .thumb-3 img{width:75%}
}
@media (min-width:1400px){
.why-us-content-2{padding-left:40px}
}
.why-us-content-2 .text{width:86%;margin-bottom:20px}
.why-us-content-2 .annual-donation-wrap{display:flex;align-items:center;gap:20px}
@media (max-width:767px){
.why-us-content-2 .annual-donation-wrap{flex-direction:column;align-items:start;gap:14px}
}
.why-us-content-2 .annual-donation-wrap .annual-donation{display:flex;align-items:center;gap:15px}
.why-us-content-2 .annual-donation-wrap .annual-donation img{width:60px;height:60px;padding:17px 15px;border-radius:100%;border:2px solid rgba(0,69,64,.1)}
@media (min-width:768px) and (max-width:991px){
.why-us-content-2 .annual-donation-wrap .annual-donation img{width:50px;height:50px;padding:12px 10px}
}
@media (max-width:767px){
.why-us-content-2 .annual-donation-wrap .annual-donation img{width:40px;height:40px;padding:10px 8px}
}
.why-us-content-2 .annual-donation-wrap .annual-donation p{margin-bottom:5px}
@media (min-width:768px) and (max-width:991px){
.why-us-content-2 .annual-donation-wrap .annual-donation p{margin-bottom:0;line-height:1}
}
@media (max-width:767px){
.why-us-content-2 .annual-donation-wrap .annual-donation p{line-height:1;margin-bottom:0}
}
.why-us-content-2 .annual-donation-wrap .annual-donation h5{margin-bottom:0}
@media (min-width:768px) and (max-width:991px){
.why-us-content-2 .annual-donation-wrap .annual-donation h5{font-size:18px;line-height:1.5}
}
@media (max-width:767px){
.why-us-content-2 .annual-donation-wrap .annual-donation h5{line-height:1.2;font-size:18px}
}
.why-us-content-2 .annual-donation-wrap .e-primary-btn{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border:none;color:#fff}
.why-us-content-2 .annual-donation-wrap .e-primary-btn:before{background:var(--theme-color-2)}
.why-us-content-2 .annual-donation-wrap .e-primary-btn .icon-wrap{background:var(--theme-color-2);color:#fff}
.why-us-content-2 .annual-donation-wrap .e-primary-btn:hover{color:var(--theme-color-3)}
.why-us-content-2 .annual-donation-wrap .e-primary-btn:hover .icon-wrap{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2)}
.why-us-section-5{position:relative;overflow:hidden;padding:3rem 0}
.why-us-section-5 .shape{position:absolute;left:0;bottom:-67%;transform:scaleX(-1)}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-5 .shape{bottom:-72%}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-5 .shape{bottom:-46%}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-5 .shape{bottom:-34%;text-align:end}
}
@media (max-width:767px){
.why-us-section-5 .shape{text-align:end;bottom:-29%}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-5 .shape img{width:80%}
}
@media (max-width:767px){
.why-us-section-5 .shape img{width:60%}
}
.why-us-section-5 .icon-1{position:absolute;right:46%;top:28%}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-5 .icon-1{right:33%;top:14%}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-5 .icon-1{right:78%;top:55%}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-5 .icon-1{right:81%;top:54%}
}
@media (max-width:767px){
.why-us-section-5 .icon-1{right:82%;top:65%}
}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-5 .icon-1 img{width:80%}
}
@media (max-width:767px){
.why-us-section-5 .icon-1 img{width:60%}
}
.why-us-section-5 .left{width:100%}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-5 .left{width:76%}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-5 .left{width:96%}
}
.why-us-section-5 .thumb{height:auto;position:relative}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-5 .thumb{width:80%}
}
.why-us-section-5 .thumb .thumb-1{position:relative;margin-bottom:120px;text-align:end;z-index:1}
@media (max-width:767px){
.why-us-section-5 .thumb .thumb-1{width:60%;margin:0 60px 120px auto}
}
.why-us-section-5 .thumb .thumb-1>img{border-radius:10px}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-5 .thumb .thumb-1>img{width:60%}
}
.why-us-section-5 .thumb .thumb-2{position:absolute;bottom:-27%;right:42%;z-index:2}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-5 .thumb .thumb-2{bottom:-38%;right:35%}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-5 .thumb .thumb-2{right:27%;bottom:-30%}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-5 .thumb .thumb-2{right:35%}
}
@media (max-width:767px){
.why-us-section-5 .thumb .thumb-2{width:50%;right:47%;bottom:-30%}
}
.why-us-section-5 .thumb .thumb-2 .btn-wrapped-thumb{position:relative}
.why-us-section-5 .thumb .thumb-2 .btn-wrapped-thumb img{border-radius:10px;border:5px solid var(--white-color)}
.why-us-section-5 .thumb .thumb-2 .btn-wrapped-thumb .btn-layer-3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:100%;width:110px;height:110px}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-5 .thumb .thumb-2 .btn-wrapped-thumb .btn-layer-3{width:90px;height:90px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-5 .thumb .thumb-2 .btn-wrapped-thumb .btn-layer-3{width:80px;height:80px}
}
@media (max-width:767px){
.why-us-section-5 .thumb .thumb-2 .btn-wrapped-thumb .btn-layer-3{width:80px;height:80px}
}
.why-us-section-5 .thumb .thumb-2 .btn-wrapped-thumb .btn-layer-3 .play-btn{width:80px;height:80px;display:flex;align-items:center;justify-content:center;color:var(--theme-color-3);padding:25px 20px;border-radius:100%;font-weight:500;font-size:18px;line-height:30px;background:var(--theme-color-2);border:2px solid var(--theme-color-2);backdrop-filter:blur(6px)}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-5 .thumb .thumb-2 .btn-wrapped-thumb .btn-layer-3 .play-btn{width:65px;height:65px;font-size:16px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-5 .thumb .thumb-2 .btn-wrapped-thumb .btn-layer-3 .play-btn{width:60px;height:60px;font-size:16px}
}
@media (max-width:767px){
.why-us-section-5 .thumb .thumb-2 .btn-wrapped-thumb .btn-layer-3 .play-btn{width:60px;height:60px;font-size:16px}
}
.why-us-section-5 .thumb .thumb-2 .btn-wrapped-thumb .btn-layer-3 .play-btn:hover{box-shadow:0 0 0 15px rgba(255,255,255,.1)}
.why-us-section-5 .d-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}
.why-us-section-5 .d-top p{font-weight:500;font-size:18px;line-height:28px;color:var(--theme-color-3);margin-bottom:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.why-us-section-5 .our-progress{margin-bottom:36px;display:flex;flex-direction:column;gap:24px}
.why-us-section-5 .progress{background:rgba(0,69,64,.1);height:8px}
.why-us-section-5 .progress .progress-bar{background:var(--theme-color-3)}
.why-us-section-5 .services{margin-bottom:24px}
.why-us-section-6{background-position:right,left;background-repeat:no-repeat,no-repeat;background-size:contain,contain}
@media (max-width:1199px){
.why-us-section-6{background-size:cover}
}
.why-us-section-6 .thumb{height:auto;position:relative}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-6 .thumb{margin:0 90px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-6 .thumb{margin:0 14px}
}
.why-us-section-6 .thumb .thumb-1{position:relative;margin-bottom:250px;text-align:end;z-index:1}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-6 .thumb .thumb-1{margin-bottom:280px}
}
@media (max-width:767px){
.why-us-section-6 .thumb .thumb-1{width:50%;margin:0 70px 140px auto}
}
.why-us-section-6 .thumb .thumb-1>img{border-radius:10px}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-6 .thumb .thumb-1>img{width:60%}
}
.why-us-section-6 .thumb .thumb-1 .s-shape{position:absolute;top:50px;left:35%;z-index:-1}
.why-us-section-6 .thumb .thumb-2{position:absolute;top:48%;left:-20px;z-index:2}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-6 .thumb .thumb-2{left:42px}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-6 .thumb .thumb-2{left:66px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-6 .thumb .thumb-2{left:20px}
}
@media (max-width:767px){
.why-us-section-6 .thumb .thumb-2{width:42%;left:0}
}
.why-us-section-6 .thumb .thumb-2 img{border-radius:10px;border:5px solid var(--white-color)}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-6 .thumb .thumb-2 img{width:70%}
}
.why-us-section-6 .thumb .thumb-2.style-2{top:60%;left:45px}
.why-us-section-6 .thumb .thumb-2.style-2 .experience-shape{position:absolute;bottom:80px;right:-160px;z-index:3;transform:rotate(15deg);background:rgba(255,255,255,.85);border:2px solid #fff;box-shadow:0 21px 40px 13px rgba(133,191,24,.08);backdrop-filter:blur(7.7px)}
.why-us-section-6 .thumb .thumb-3{position:absolute;bottom:-235px;right:4px;z-index:2}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-6 .thumb .thumb-3{bottom:-170px;right:10px;text-align:end}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-6 .thumb .thumb-3{bottom:-225px;right:10px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-6 .thumb .thumb-3{bottom:-225px;right:-30px}
}
@media (max-width:767px){
.why-us-section-6 .thumb .thumb-3{bottom:-128px;right:38px;text-align:end;width:44%}
}
.why-us-section-6 .thumb .thumb-3 img{border-radius:10px}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-6 .thumb .thumb-3 img{width:75%}
}
.why-us-section-6 .thumb .thumb-3 .shape-wrapped-thumb{position:relative}
.why-us-section-6 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px 25px;border:4px solid var(--white-color);background-color:var(--theme-color-2);border-radius:12px;position:absolute;top:-70px;left:-190px;z-index:3}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-6 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape{gap:10px;left:-70px;padding:15px}
}
@media (min-width:992px) and (max-width:1199px){
.why-us-section-6 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape{gap:10px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-6 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape{gap:10px}
}
@media (max-width:767px){
.why-us-section-6 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape{left:-100px;padding:15px;gap:10px}
}
.why-us-section-6 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape h3{font-weight:700;font-size:62px;line-height:86%;color:var(--theme-color-3);margin-bottom:0}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-6 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape h3{font-size:52px}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-6 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape h3{font-size:44px}
}
@media (max-width:767px){
.why-us-section-6 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape h3{font-size:40px}
}
.why-us-section-6 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape p{max-width:92px;width:100%;font-weight:600;font-size:17px;line-height:26px;color:var(--theme-color-3)}
@media (min-width:1200px) and (max-width:1399px){
.why-us-section-6 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape p{font-size:16px;line-height:1.4}
}
@media (min-width:768px) and (max-width:991px){
.why-us-section-6 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape p{font-size:16px;line-height:1.4}
}
@media (max-width:767px){
.why-us-section-6 .thumb .thumb-3 .shape-wrapped-thumb .experience-shape p{font-size:16px;line-height:1.2}
}
.service-card{background-color:#f8f7f0;border-radius:10px;padding:30px;position:relative;z-index:1;overflow:hidden}
.service-card:hover{background-color:var(--white-color);box-shadow:0 35px 41.5px -16px rgba(0,69,64,.08);transition:all .3s}
.service-card:hover .service-top .circled-heading,.service-card:hover .service-top i{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border:2px solid var(--theme-color-3);color:var(--theme-color-2);transition:all .3s}
.service-card:hover .number{background:#a9c200!important}
.service-card:hover .number span{color:#000!important}
.service-card .service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.service-card .service-top h4{max-width:118px;width:100%;font-weight:500;font-size:28px;line-height:36px;color:var(--theme-color-3);margin-bottom:0}
@media (min-width:992px) and (max-width:1199px){
.service-card .service-top h4{font-size:24px;line-height:1.4}
}
@media (max-width:991px){
.service-card .service-top h4{font-size:22px;line-height:1.3}
}
.service-card .service-top .number{display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:#f8f7f0;border:2px solid var(--theme-color-2);border-radius:100%;box-shadow:0 15px 32.2px -9px rgba(0,24,25,.2);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.service-card .service-top .number span{font-family:var(--outfit-font);font-weight:600;font-size:24px;line-height:36px;color:#868681}
.service-card .service-top .circled-heading,.service-card .service-top i{width:70px;height:70px;font-size:30px;display:flex;align-items:center;justify-content:center;padding:17px 15px;background-color:var(--white-color);border-radius:100%;border:2px solid var(--theme-color-2);box-shadow:0 15px 32.2px -9px rgba(0,24,25,.2)}
@media (min-width:992px) and (max-width:1199px){
.service-card .service-top .circled-heading,.service-card .service-top i{font-size:24px;width:60px;height:60px}
}
@media (max-width:991px){
.service-card .service-top .circled-heading,.service-card .service-top i{font-size:20px;width:50px;height:50px}
}
.service-card .service-content p{width:80%;padding-bottom:10px}
.service-card .i-shape{color:rgba(134,134,129,.05);font-size:110px;position:absolute;z-index:-1;bottom:-70px;left:55%}
.service-card-2{background-color:var(--white-color);border-radius:10px;padding:30px;position:relative;z-index:1;overflow:hidden}
.service-card-2:hover{background-color:var(--white-color);box-shadow:0 35px 41.5px -16px rgba(0,69,64,.08);transition:all .3s}
.service-card-2:hover .service-top .circled-heading{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border:2px solid var(--theme-color-2);color:var(--theme-color-2);transition:all .3s}
.service-card-2 .service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.service-card-2 .service-top h4{max-width:118px;width:100%;font-weight:500;font-size:28px;line-height:36px;color:var(--theme-color-3);margin-bottom:0}
@media (min-width:992px) and (max-width:1199px){
.service-card-2 .service-top h4{font-size:24px;line-height:1.4}
}
@media (max-width:991px){
.service-card-2 .service-top h4{font-size:22px;line-height:1.3}
}
.service-card-2 .service-top .circled-heading{width:70px;height:70px;font-size:30px;display:flex;align-items:center;justify-content:center;padding:17px 15px;background-color:var(--white-color);color:var(--body-color);border-radius:100%;border:2px solid var(--theme-color-2);box-shadow:0 15px 32.2px -9px rgba(0,24,25,.2)}
@media (min-width:992px) and (max-width:1199px){
.service-card-2 .service-top .circled-heading{font-size:24px;width:60px;height:60px}
}
@media (max-width:991px){
.service-card-2 .service-top .circled-heading{font-size:20px;width:50px;height:50px}
}
.service-card-2 .service-content p{width:80%;padding-bottom:10px}
.service-card-3{background-color:#f8f7f0;border-radius:10px;position:relative;z-index:1;overflow:hidden}
.service-card-3:hover{background-color:var(--white-color);box-shadow:0 35px 41.5px -16px rgba(0,69,64,.08);transition:all .3s}
.service-card-3:hover .service-top .circled-heading,.service-card-3:hover .service-top i{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border:2px solid var(--theme-color-3);color:var(--theme-color-2);transition:all .3s}
.service-card-3:hover .number{background:#a9c200!important}
.service-card-3:hover .number span{color:#000!important}
.service-card-3 .service-top{display:flex;flex-direction:column-reverse;gap:24px;margin-bottom:15px;padding:14px 14px 0}
.service-card-3 .service-top h4{font-weight:500;font-size:28px;line-height:36px;color:var(--theme-color-3);margin-bottom:0}
@media (min-width:992px) and (max-width:1199px){
.service-card-3 .service-top h4{font-size:24px;line-height:1.4}
}
@media (max-width:991px){
.service-card-3 .service-top h4{font-size:22px;line-height:1.3}
}
.service-card-3 .service-top i{width:70px;height:70px;font-size:30px;display:flex;align-items:center;justify-content:center;padding:17px 15px;background-color:var(--white-color);border-radius:100%;border:2px solid var(--theme-color-2);box-shadow:0 15px 32.2px -9px rgba(0,24,25,.2)}
@media (min-width:992px) and (max-width:1199px){
.service-card-3 .service-top i{font-size:24px;width:60px;height:60px}
}
@media (max-width:991px){
.service-card-3 .service-top i{font-size:20px;width:50px;height:50px}
}
.service-card-3 .service-content p{width:80%;padding:0 14px 14px}
@media (max-width:1399px){
.service-card-3 .service-content p{width:100%}
}
.service-card-3 .i-shape{position:absolute;z-index:-1;top:15%;left:58%}
@media (min-width:1400px) and (max-width:1700px){
.service-card-3 .i-shape{left:62%}
}
@media (min-width:1200px) and (max-width:1399px){
.service-card-3 .i-shape{left:54%}
}
@media (min-width:992px) and (max-width:1199px){
.service-card-3 .i-shape{left:62%}
}
@media (min-width:768px) and (max-width:991px){
.service-card-3 .i-shape{left:66%}
}
@media (max-width:767px){
.service-card-3 .i-shape{left:70%}
}
.service-card-3 .i-shape h1{margin-bottom:0;font-family:var(--outfit-font);font-weight:600;font-size:100px;line-height:82px;color:#a9c200;opacity:.06}
@media (min-width:1400px) and (max-width:1700px){
.service-card-3 .i-shape h1{font-size:90px}
}
@media (min-width:1200px) and (max-width:1399px){
.service-card-3 .i-shape h1{font-size:90px}
}
@media (min-width:992px) and (max-width:1199px){
.service-card-3 .i-shape h1{font-size:80px}
}
@media (min-width:768px) and (max-width:991px){
.service-card-3 .i-shape h1{font-size:80px}
}
@media (max-width:767px){
.service-card-3 .i-shape h1{font-size:80px}
}
.service-slider-active{position:relative;z-index:1}
@media (min-width:992px) and (max-width:1199px){
.service-slider-active{padding-bottom:80px}
}
@media (min-width:768px) and (max-width:991px){
.service-slider-active{padding-bottom:80px}
}
@media (max-width:767px){
.service-slider-active{padding-bottom:80px}
}
.service-slider-active .service-button-prev{position:absolute;left:-82px;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;border-radius:100%;background:#fff;color:#868681;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;margin-top:-50px}
@media (min-width:1400px) and (max-width:1700px){
.service-slider-active .service-button-prev{left:20%;top:-49px}
}
@media (min-width:1200px) and (max-width:1399px){
.service-slider-active .service-button-prev{left:20%;top:-49px}
}
@media (min-width:992px) and (max-width:1199px){
.service-slider-active .service-button-prev{left:-25px}
}
@media (min-width:992px) and (max-width:1199px){
.service-slider-active .service-button-prev{left:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
@media (min-width:768px) and (max-width:991px){
.service-slider-active .service-button-prev{left:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
@media (max-width:767px){
.service-slider-active .service-button-prev{left:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
.service-slider-active .service-button-prev:hover{background:var(--theme-color-2);color:var(--theme-color-3)}
.service-slider-active .service-button-next{position:absolute;right:-82px;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;border-radius:100%;background:#fff;color:#868681;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;margin-top:-50px}
@media (min-width:1400px) and (max-width:1700px){
.service-slider-active .service-button-next{right:20%;top:-49px}
}
@media (min-width:1200px) and (max-width:1399px){
.service-slider-active .service-button-next{right:20%;top:-49px}
}
@media (min-width:992px) and (max-width:1199px){
.service-slider-active .service-button-next{right:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
@media (min-width:768px) and (max-width:991px){
.service-slider-active .service-button-next{right:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
@media (max-width:767px){
.service-slider-active .service-button-next{right:0;top:auto;bottom:0;margin-top:0;transform:translateY(0)}
}
.service-slider-active .service-button-next:hover{background:var(--theme-color-2);color:var(--theme-color-3)}
@media (min-width:992px) and (max-width:1199px){
.service-slider-active .service-pagination-wrap{padding:0 100px;position:absolute;left:0;bottom:22px;width:100%}
}
@media (min-width:768px) and (max-width:991px){
.service-slider-active .service-pagination-wrap{padding:0 100px;position:absolute;left:0;bottom:22px;width:100%}
}
@media (max-width:767px){
.service-slider-active .service-pagination-wrap{padding:0 100px;position:absolute;left:0;bottom:22px;width:100%}
}
.service-slider-active .service-pagination{height:2px;border-radius:10px;margin-top:38px;background:rgba(255,255,255,.5);display:flex}
@media (max-width:767px){
.service-slider-active .service-pagination{margin-top:30px}
}
.service-slider-active .service-pagination .swiper-pagination-bullet{flex:1;border-radius:10px;height:100%;opacity:1;background:0 0;margin:0}
.service-slider-active .service-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--theme-color-2)}
.services-section-2{background:#f8f7f0;position:relative;z-index:1}
.services-section-2 .shape-1{position:absolute;left:0;bottom:0;z-index:-1}
.services-section-2 .shape-2{width:100%;background:var(--white-color);height:50px;border-radius:10px 10px 0 0}
@media (min-width:992px) and (max-width:1199px){
.services-section-2 .shape-2{height:40px}
}
@media (min-width:768px) and (max-width:991px){
.services-section-2 .shape-2{height:40px}
}
@media (max-width:767px){
.services-section-2 .shape-2{height:30px}
}
.services-section{position:relative;z-index:1}
.services-section .c-shape-1{position:absolute;z-index:-1;bottom:0;left:0}
.services-section .c-shape-2{position:absolute;z-index:-1;bottom:0;right:0}
.process-section{position:relative;z-index:1;overflow:hidden}
.process-section .c-shape-1{position:absolute;z-index:-1;top:35%;left:50%;transform:translateX(-50%)}
.section-top-9{max-width:780px;width:100%;margin:0 auto;text-align:center}
.section-top-9 .common-subtitle span{color:var(--body-color)}
.section-top-9 .common-title{margin-bottom:0}
.section-top-9 .common-title h2{color:var(--theme-color-3)}
.services-section-3{position:relative}
.services-section-3 .icon{position:absolute;top:25%;left:10%}
@media (min-width:992px) and (max-width:1199px){
.services-section-3 .icon{top:8%;left:25%}
}
@media (min-width:768px) and (max-width:991px){
.services-section-3 .icon{top:10%;left:23%}
}
@media (max-width:767px){
.services-section-3 .icon{top:5%;left:10%}
}
@media (max-width:1399px){
.services-section-3 .icon img{width:80%}
}
@media (max-width:1199px){
.services-section-3 .icon img{width:70%}
}
@media (max-width:767px){
.services-section-3 .icon img{width:60%}
}
.dust-recycling-section{background-size:cover;background-repeat:no-repeat;background-position:center;padding:380px 0 220px}
@media (min-width:992px) and (max-width:1199px){
.dust-recycling-section{padding:80px 0 80px}
}
@media (min-width:768px) and (max-width:991px){
.dust-recycling-section{padding:80px 0 80px}
}
@media (max-width:767px){
.dust-recycling-section{padding:80px 0 80px}
}
.btn-layer{margin-top:-50px;margin-left:-110%;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:100%}
@media (min-width:1200px) and (max-width:1399px){
.btn-layer{margin-left:-20%}
}
@media (min-width:992px) and (max-width:1199px){
.btn-layer{margin:0}
}
@media (min-width:768px) and (max-width:991px){
.btn-layer{margin:0}
}
@media (max-width:767px){
.btn-layer{margin:0}
}
.btn-layer .play-btn{display:flex;justify-content:center;align-items:center;width:100px;height:100px;color:var(--light-color);padding:25px 20px;border-radius:100%;font-weight:500;font-size:24px;line-height:36px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);animation:animate-pulse 3s linear infinite}
.btn-layer .play-btn:hover{color:var(--theme-color-3);background:var(--theme-color-2);border-color:var(--theme-color-2)}
@media (min-width:768px) and (max-width:991px){
.btn-layer .play-btn{width:80px;height:80px;font-size:20px}
}
@media (max-width:767px){
.btn-layer .play-btn{width:70px;height:70px;font-size:18px}
}
.btn-layer-2{margin-top:-60px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:100%}
@media (min-width:992px) and (max-width:1199px){
.btn-layer-2{margin-top:0}
}
@media (min-width:768px) and (max-width:991px){
.btn-layer-2{margin-top:0}
}
@media (max-width:767px){
.btn-layer-2{margin-top:0}
}
.btn-layer-2 .play-btn{display:flex;justify-content:center;align-items:center;width:80px;height:80px;color:var(--theme-color-3);padding:25px 20px;border-radius:100%;font-weight:500;font-size:18px;line-height:30px;background:var(--theme-color-2);border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);animation:animate-pulse 3s linear infinite}
.btn-layer-2 .play-btn:hover{color:var(--theme-color-3);background:var(--theme-color-2);border-color:var(--theme-color-2)}
@media (min-width:768px) and (max-width:991px){
.btn-layer-2 .play-btn{width:60px;height:60px;font-size:16px}
}
@media (max-width:767px){
.btn-layer-2 .play-btn{width:60px;height:60px;font-size:16px}
}
.dust-recycle-card{background:rgba(255,255,255,.04);backdrop-filter:blur(46.2px);border-radius:16px;padding:50px;max-width:716px;width:100%;margin-bottom:-170px}
@media (min-width:992px) and (max-width:1199px){
.dust-recycle-card{margin-bottom:0}
}
@media (min-width:768px) and (max-width:991px){
.dust-recycle-card{margin-bottom:0}
}
@media (max-width:767px){
.dust-recycle-card{padding:30px;margin-bottom:0}
}
.dust-recycle-card .dust-recycle-top{padding-bottom:30px;border-bottom:1px solid var(--light-color)}
.dust-recycle-card .dust-recycle-top h5{font-weight:500;font-size:28px;line-height:36px;color:var(--light-color);margin-bottom:20px}
@media (min-width:768px) and (max-width:991px){
.dust-recycle-card .dust-recycle-top h5{font-size:24px;line-height:1.4}
}
.dust-recycle-card .dust-recycle-top .services-4{display:flex;align-items:center;gap:28px}
@media (max-width:767px){
.dust-recycle-card .dust-recycle-top .services-4{gap:14px;flex-direction:column;align-items:flex-start}
}
.dust-recycle-card .dust-recycle-top .services-4 .service-2{display:flex;align-items:center;gap:10px}
.dust-recycle-card .dust-recycle-top .services-4 .service-2 i{color:var(--theme-color-2);font-size:18px}
@media (max-width:767px){
.dust-recycle-card .dust-recycle-top .services-4 .service-2 i{font-size:16px}
}
.dust-recycle-card .dust-recycle-top .services-4 .service-2 p{font-size:18px;line-height:30px;color:var(--light-color)}
@media (max-width:767px){
.dust-recycle-card .dust-recycle-top .services-4 .service-2 p{font-size:16px;line-height:1.2}
}
.dust-recycle-card .campaign-progress{padding:30px 0 10px;display:flex;flex-direction:column;gap:20px}
.dust-recycle-card .campaign-progress .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.dust-recycle-card .campaign-progress .top p{margin-bottom:0;color:var(--light-color)}
.dust-recycle-card .campaign-progress .progress{height:8px;background:rgba(255,225,117,.1)}
.dust-recycle-card .campaign-progress .progress .progress-bar{background:var(--theme-color-2)}
.faq-section{background-position:right;background-repeat:no-repeat;background-size:contain}
@media (max-width:1199px){
.faq-section{background-size:cover}
}
.faq-section.style-service{background-position:left;margin-bottom:-160px}
.faq-section .faq{display:flex;align-items:center;gap:50px}
@media (min-width:992px) and (max-width:1199px){
.faq-section .faq{flex-direction:column-reverse}
}
.faq-section .common-subtitle{margin-bottom:20px}
.faq-section .common-title{max-width:430px;width:100%;margin-bottom:20px}
@media (min-width:992px) and (max-width:1199px){
.faq-section .common-title{max-width:100%}
}
.faq-section .common-title span{color:var(--theme-color-2)}
.faq-section .text{max-width:550px;width:100%;margin-bottom:30px}
@media (max-width:1199px){
.faq-section .text{max-width:100%}
}
.faq-section .blog-btn{margin-bottom:50px}
@media (min-width:768px) and (max-width:991px){
.faq-section .blog-btn{margin-bottom:30px}
}
@media (max-width:767px){
.faq-section .blog-btn{margin-bottom:30px}
}
.faq-accordion .accordion-item{border:0;margin-bottom:20px;background-color:#f8f7f0;padding-bottom:10px;border-radius:40px}
.faq-accordion .accordion-item .accordion-header .accordion-button{border:0;box-shadow:none;padding:22px 20px 12px 35px;border-radius:0;font-weight:500;font-size:24px;line-height:1.2;color:var(--theme-color-3);background:0 0;display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}
@media (min-width:768px) and (max-width:991px){
.faq-accordion .accordion-item .accordion-header .accordion-button{font-size:20px;padding:16px 16px 8px 28px}
}
@media (max-width:767px){
.faq-accordion .accordion-item .accordion-header .accordion-button{font-size:18px;padding:16px 16px 8px 28px}
}
.faq-accordion .accordion-item .accordion-header .accordion-button .accordion-title{color:var(--body-color);margin-right:5px}
.faq-accordion .accordion-item .accordion-header .accordion-button .icon{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid var(--white-color);border-radius:50%;margin-left:auto;background-color:#f8f7f0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.faq-accordion .accordion-item .accordion-header .accordion-button .icon .icon-minus,.faq-accordion .accordion-item .accordion-header .accordion-button .icon .icon-plus{position:absolute;background-color:var(--body-color);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.faq-accordion .accordion-item .accordion-header .accordion-button .icon .icon-plus{width:12px;height:2px}
.faq-accordion .accordion-item .accordion-header .accordion-button .icon .icon-minus{width:2px;height:12px}
.faq-accordion .accordion-item .accordion-header .accordion-button.collapsed .icon .icon-plus{opacity:1}
.faq-accordion .accordion-item .accordion-header .accordion-button.collapsed .icon .icon-minus{opacity:1}
.faq-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .icon{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);transform:rotate(180deg)}
.faq-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .icon .icon-plus{opacity:1;background-color:var(--white-color)}
.faq-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .icon .icon-minus{opacity:0;background-color:var(--white-color)}
.faq-accordion .accordion-item .accordion-header .accordion-button:after{display:none}
.faq-accordion .accordion-item .accordion-body{padding:0 75px 12px 35px}
.shape-wrapped-thumb-1{position:relative;z-index:1;margin-bottom:110px;top:30px}
@media (min-width:992px) and (max-width:1199px){
.shape-wrapped-thumb-1{margin:0 200px 180px}
}
@media (min-width:768px) and (max-width:991px){
.shape-wrapped-thumb-1{margin:0 20px 180px}
}
@media (max-width:767px){
.shape-wrapped-thumb-1{margin:0 0 240px}
}
.shape-wrapped-thumb-1>img{border-radius:10px}
@media (min-width:1200px) and (max-width:1399px){
.shape-wrapped-thumb-1>img{width:70%}
}
@media (min-width:992px) and (max-width:1199px){
.shape-wrapped-thumb-1>img{width:80%}
}
.shape-wrapped-thumb-1 .experience-shape-2{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px 9px;background-color:var(--theme-color-2);border-radius:12px;position:absolute;top:39px;right:50px;z-index:2}
@media (min-width:1200px) and (max-width:1399px){
.shape-wrapped-thumb-1 .experience-shape-2{gap:10px;right:10px}
}
@media (min-width:992px) and (max-width:1199px){
.shape-wrapped-thumb-1 .experience-shape-2{gap:10px;right:-80px}
}
@media (min-width:768px) and (max-width:991px){
.shape-wrapped-thumb-1 .experience-shape-2{gap:10px;right:70px}
}
@media (max-width:767px){
.shape-wrapped-thumb-1 .experience-shape-2{gap:10px;top:-8%;transform:translateX(50%);right:50%}
}
.shape-wrapped-thumb-1 .experience-shape-2 h3{line-height:86%;margin-bottom:0;color:transparent;-webkit-text-stroke:1px var(--theme-color-3);font-style:normal;font-weight:600;font-size:70px}
@media (min-width:1200px) and (max-width:1399px){
.shape-wrapped-thumb-1 .experience-shape-2 h3{font-size:52px}
}
@media (min-width:768px) and (max-width:991px){
.shape-wrapped-thumb-1 .experience-shape-2 h3{font-size:44px}
}
@media (max-width:767px){
.shape-wrapped-thumb-1 .experience-shape-2 h3{font-size:40px}
}
.shape-wrapped-thumb-1 .experience-shape-2 p{max-width:92px;width:100%;font-weight:600;font-size:17px;line-height:26px;color:var(--theme-color-3)}
@media (min-width:1200px) and (max-width:1399px){
.shape-wrapped-thumb-1 .experience-shape-2 p{font-size:16px;line-height:1.4}
}
@media (min-width:768px) and (max-width:991px){
.shape-wrapped-thumb-1 .experience-shape-2 p{font-size:16px;line-height:1.4}
}
@media (max-width:767px){
.shape-wrapped-thumb-1 .experience-shape-2 p{font-size:16px;line-height:1.2}
}
.shape-wrapped-thumb-1 .award-shape{position:absolute;bottom:140px;left:-60px;background-position:left;background-repeat:no-repeat;background-size:contain;display:inline-flex;align-items:center;gap:16px;padding:20px 30px;border-radius:6px;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);z-index:2}
.shape-wrapped-thumb-1 .award-shape img{max-width:36px;width:100%}
@media (min-width:1200px) and (max-width:1399px){
.shape-wrapped-thumb-1 .award-shape img{max-width:28px}
}
@media (min-width:768px) and (max-width:991px){
.shape-wrapped-thumb-1 .award-shape img{max-width:28px}
}
@media (max-width:767px){
.shape-wrapped-thumb-1 .award-shape img{max-width:28px}
}
@media (min-width:1400px) and (max-width:1700px){
.shape-wrapped-thumb-1 .award-shape{left:-20px}
}
@media (min-width:1200px) and (max-width:1399px){
.shape-wrapped-thumb-1 .award-shape{gap:12px;left:-40px}
}
@media (min-width:768px) and (max-width:991px){
.shape-wrapped-thumb-1 .award-shape{gap:12px;left:-40px}
}
@media (max-width:767px){
.shape-wrapped-thumb-1 .award-shape{gap:12px;left:15%;bottom:-34%}
}
.shape-wrapped-thumb-1 .award-shape p{color:var(--white-color);max-width:140px;width:100%}
.shape-wrapped-thumb-1 .box-shape{position:absolute;bottom:-32px;left:-16px;z-index:-1}
.positioned-shape{position:absolute;top:34%;right:70px;border-radius:150px 150px 12px 12px}
@media (min-width:1200px) and (max-width:1399px){
.positioned-shape{right:-20px}
}
@media (min-width:992px) and (max-width:1199px){
.positioned-shape{right:-60px}
}
@media (min-width:768px) and (max-width:991px){
.positioned-shape{right:50px}
}
@media (max-width:767px){
.positioned-shape{right:6%;width:88%}
}
.positioned-shape .shape-wrapped-thumb-2{position:relative}
@media (min-width:1200px) and (max-width:1399px){
.positioned-shape .shape-wrapped-thumb-2{width:85%;top:-30px}
}
@media (min-width:992px) and (max-width:1199px){
.positioned-shape .shape-wrapped-thumb-2{width:100%}
}
.positioned-shape .shape-wrapped-thumb-2 .video-thumb{position:relative;width:fit-content}
.positioned-shape .shape-wrapped-thumb-2 .video-thumb img{width:100%;border-radius:150px 150px 12px 12px;border:4px solid var(--white-color)}
.positioned-shape .shape-wrapped-thumb-2 .video-thumb .video-play-btn{width:80px;height:80px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--light-color);padding:23px 21px;border-radius:100%;border:1px solid var(--light-color);font-weight:500;font-size:20px;line-height:30px;background:rgba(255,255,255,.015);backdrop-filter:blur(13px);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;animation:animate-pulse 3s linear infinite}
.positioned-shape .shape-wrapped-thumb-2 .video-thumb .video-play-btn:hover{color:var(--theme-color-3);background:var(--theme-color-2);border-color:var(--theme-color-2)}
.positioned-shape .shape-wrapped-thumb-2 .vector-shape{position:absolute;bottom:0;width:100%}
.positioned-shape .shape-wrapped-thumb-2 .vector-shape img{width:100%}
.about-us-content .text{margin-bottom:20px}
.about-us-content .annual-donation-wrap{display:flex;align-items:center;gap:20px}
@media (max-width:767px){
.about-us-content .annual-donation-wrap{flex-direction:column;align-items:start;gap:14px}
}
.about-us-content .annual-donation-wrap .annual-donation{display:flex;align-items:center;gap:15px}
.about-us-content .annual-donation-wrap .annual-donation p{margin-bottom:5px}
.about-us-content .annual-donation-wrap .annual-donation h5{margin-bottom:0}
.about-us-content .annual-donation-wrap .annual-donation img{padding:17px 15px;border-radius:100%;border:2px solid rgba(0,69,64,.1)}
.c-tabs-wrapper .nav-tabs{display:flex;align-items:center;gap:10px;margin-bottom:30px;border:0}
@media (min-width:768px) and (max-width:991px){
.c-tabs-wrapper .nav-tabs{margin-bottom:20px}
}
@media (max-width:767px){
.c-tabs-wrapper .nav-tabs{margin-bottom:20px}
}
.c-tabs-wrapper .nav-tabs .nav-item .nav-link{background-color:var(--white-color);color:var(--body-color);border:1.5px solid transparent;padding:14px 14px;font-weight:600;border-radius:53px;line-height:12px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
@media (max-width:767px){
.c-tabs-wrapper .nav-tabs .nav-item .nav-link{padding:4px 8px}
}
.c-tabs-wrapper .nav-tabs .nav-item .nav-link.active,.c-tabs-wrapper .nav-tabs .nav-item .nav-link:hover{background-color:#f8f7f0;color:var(--theme-color-3);border:1.5px solid var(--theme-color-2);box-shadow:0 6px 15.9px -3px rgba(0,69,64,.11);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s; border: 1.5px solid #a9c200;}
.c-tabs-wrapper .tab-content{outline:0}
.benefits{margin-bottom:40px}
@media (min-width:768px) and (max-width:991px){
.benefits{margin-bottom:30px}
}
@media (max-width:767px){
.benefits{margin-bottom:24px}
}
.benefits ul{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0;margin-bottom:0}
.benefits ul li{position:relative;padding-left:36px;display:flex;align-items:center}
@media (max-width:767px){
.benefits ul li{padding-left:30px;line-height:1.4}
}
.benefits ul li::before{content:"";width:20px;height:20px;background:#fff;border-radius:50%;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);box-shadow:0 6px 10px -3px rgba(0,69,64,.11)}
.benefits ul li::after{content:"";width:6px;height:6px;border-radius:50%;position:absolute;left:7px;top:50%;transform:translateY(-50%);background:radial-gradient(92.09% 85.42% at 86.3% 87.5%,rgba(0,0,0,.23) 0,rgba(0,0,0,0) 86.18%),radial-gradient(65.28% 65.28% at 26.39% 20.83%,rgba(255,255,255,.413) 0,rgba(255,255,255,0) 69.79%,rgba(255,255,255,0) 100%),#a9c200}
.rating-wrap .star-rating{display:flex;align-items:center;gap:12px;margin-bottom:10px}
@media (min-width:768px) and (max-width:991px){
.rating-wrap .star-rating{margin-bottom:0}
}
@media (max-width:767px){
.rating-wrap .star-rating{margin-bottom:0}
}
.rating-wrap .stars{display:flex;align-items:center;gap:2px}
.rating-wrap .stars i{display:flex;align-items:center;justify-content:center;color:#fff;width:20px;height:20px;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);}
.shape-wrapped-thumb-2{position:relative;z-index:1}
@media (min-width:992px) and (max-width:1199px){
.shape-wrapped-thumb-2{margin:0 90px 80px}
}
@media (min-width:768px) and (max-width:991px){
.shape-wrapped-thumb-2{margin:0 60px 60px}
}
@media (max-width:767px){
.shape-wrapped-thumb-2{margin:0 0 40px}
}
.shape-wrapped-thumb-2 .thumb-wrapper{display:flex;align-items:center}
.shape-wrapped-thumb-2 .thumb-wrapper img:first-child{border:4px solid var(--white-color);border-radius:10px;width:42%}
.shape-wrapped-thumb-2 .thumb-wrapper img:last-child{width:58%}
.shape-wrapped-thumb-2 .positioned-thumb{margin:-50px 0 0 25px;width:88%}
@media (min-width:992px) and (max-width:1199px){
.shape-wrapped-thumb-2 .positioned-thumb{width:90%}
}
@media (max-width:767px){
.shape-wrapped-thumb-2 .positioned-thumb{margin:-40px 0 0 25px}
}
.shape-wrapped-thumb-2 .positioned-thumb>img{border:4px solid var(--white-color);border-radius:10px}
@media (min-width:992px) and (max-width:1199px){
.shape-wrapped-thumb-2 .positioned-thumb>img{width:100%}
}
.shape-wrapped-thumb-2 .shape-1{position:absolute;left:-50px;top:45%;z-index:-1}
@media (max-width:767px){
.shape-wrapped-thumb-2 .shape-1{left:0;top:58%}
}
.shape-wrapped-thumb-2 .shape-2{position:absolute;bottom:0;z-index:-1}
.section-top-5{display:flex;justify-content:space-between}
@media (min-width:768px) and (max-width:991px){
.section-top-5{flex-direction:column;margin-bottom:50px;gap:10px}
}
@media (max-width:767px){
.section-top-5{flex-direction:column;gap:10px;margin-bottom:50px}
}
.section-top-5 .left{max-width:780px;width:100%}
@media (min-width:992px) and (max-width:1199px){
.section-top-5 .left{max-width:600px}
}
@media (min-width:768px) and (max-width:991px){
.section-top-5 .left{max-width:80%}
}
@media (max-width:767px){
.section-top-5 .left{max-width:100%}
}
.section-top-5 .left .common-subtitle span{color:var(--theme-color-3)}
.section-top-5 .left .common-title{margin-bottom:0}
.section-top-5 .left .common-title h2{color:var(--theme-color-3)}
@media (min-width:992px) and (max-width:1199px){
.section-top-5 .left .common-title h2{font-size:32px}
}
.section-top-5 .right{max-width:440px;width:100%}
@media (min-width:768px) and (max-width:991px){
.section-top-5 .right{max-width:80%}
}
@media (max-width:767px){
.section-top-5 .right{max-width:100%}
}
.section-top-5 .right h6{font-style:normal;font-weight:500;font-size:18px;line-height:28px;color:var(--theme-color-3);margin-bottom:16px}
.section-top-5 .right p{margin-bottom:50px}
@media (min-width:768px) and (max-width:991px){
.section-top-5 .right p{margin-bottom:30px}
}
@media (max-width:767px){
.section-top-5 .right p{margin-bottom:30px}
}
.about-us-section-2{padding-bottom:300px}
@media (min-width:768px) and (max-width:991px){
.about-us-section-2{padding-bottom:460px}
}
@media (max-width:767px){
.about-us-section-2{padding-bottom:80px}
}
.about-us-section-2 .thumb{position:relative;margin-top:-28px;border-radius:12px;z-index:-1}
@media (min-width:768px) and (max-width:991px){
.about-us-section-2 .thumb{margin-top:0}
}
@media (max-width:767px){
.about-us-section-2 .thumb{margin-top:0}
}
.about-us-section-2 .thumb img{border-radius:12px}
@media (max-width:767px){
.about-us-section-2 .thumb img{margin-bottom:50px}
}
.about-us-section-3{background-position:bottom right,bottom left 30%;background-repeat:no-repeat,no-repeat;background-size:contain,contain}
@media (max-width:1399px){
.about-us-section-3{background-position:bottom right,bottom left 0}
}
@media (min-width:1400px) and (max-width:1700px){
.about-us-section-3{background-size:60%}
}
@media (max-width:1399px){
.about-us-section-3{background-size:50%}
}
@media (max-width:767px){
.about-us-section-3{background-size:100%,0}
}
.about-us-section-3 .adjusted-margin{margin-left:32%}
@media (min-width:1400px) and (max-width:1700px){
.about-us-section-3 .adjusted-margin{margin-left:26%}
}
@media (min-width:1200px) and (max-width:1399px){
.about-us-section-3 .adjusted-margin{margin-left:5%}
}
@media (max-width:1199px){
.about-us-section-3 .adjusted-margin{margin-left:0}
}
.about-us-section-3 .adjusted-margin .adjusted-padding{padding:185px 50px 230px}
@media (min-width:1200px) and (max-width:1399px){
.about-us-section-3 .adjusted-margin .adjusted-padding{padding:140px 20px 180px}
}
@media (min-width:992px) and (max-width:1199px){
.about-us-section-3 .adjusted-margin .adjusted-padding{padding:100px 200px 160px}
}
@media (min-width:768px) and (max-width:991px){
.about-us-section-3 .adjusted-margin .adjusted-padding{padding:100px 80px 150px}
}
@media (max-width:767px){
.about-us-section-3 .adjusted-margin .adjusted-padding{padding:80px 0 80px}
}
.about-us-section-3 .tab-content .year{margin-bottom:8px}
.about-us-section-3 .tab-content .year h6{font-style:normal;font-weight:500;font-size:18px;line-height:30px;color:var(--theme-color-3);margin-bottom:0}
.about-us-section-3 .tab-content .reward{margin-bottom:10px}
.about-us-section-3 .tab-content .reward h5{font-family:var(--outfit-font);font-style:normal;font-weight:600;font-size:24px;line-height:36px;color:var(--theme-color-3);margin-bottom:0}
.about-us-section-3 .tab-content .text{margin-bottom:34px}
.work-card{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);display:flex;align-items:center;gap:100px;border-radius:10px;margin-bottom:30px;position:sticky;top:30px;overflow-y:clip}
@media (min-width:992px) and (max-width:1199px){
.work-card{gap:60px;padding-right:20px}
}
@media (min-width:768px) and (max-width:991px){
.work-card{gap:30px;padding-right:20px}
}
@media (max-width:767px){
.work-card{flex-direction:column;gap:10px;padding:0}
}
.work-card-thumb{position:relative;z-index:1;border-radius:10px;overflow:hidden;padding-top:14px;margin-top:30px}
@media (min-width:992px) and (max-width:1199px){
.work-card-thumb{width:75%}
}
@media (min-width:768px) and (max-width:991px){
.work-card-thumb{width:75%}
}
@media (max-width:767px){
.work-card-thumb{margin-top:14px}
}
.work-card-thumb:before{content:"";width:100%;height:100%;position:absolute;top:0;left:-24px;z-index:-1;background:var(--theme-color-2);clip-path:url(#w-mask-shape);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;border-radius:10px;overflow:hidden}
.work-card-thumb img{width:100%;max-width:500px;border-radius:10px;clip-path:url(#w-mask-image)}
@media (max-width:767px){
.work-card-thumb img{border-radius:0}
}
.work-card-thumb .clippy{position:absolute;top:-999px;left:-999px;width:0;height:0;opacity:0;pointer-events:none}
.work-card-content{max-width:600px;width:100%}
@media (max-width:767px){
.work-card-content{padding:20px}
}
.work-card-content p{font-style:normal;font-weight:500;font-size:17px;line-height:28px;color:var(--white-color)}
@media (max-width:1199px){
.work-card-content p{font-size:16px;line-height:1.2}
}
.work-card-content h3{font-style:normal;font-weight:500;font-size:36px;line-height:48px;color:var(--white-color);margin-bottom:80px}
@media (min-width:1200px) and (max-width:1399px){
.work-card-content h3{margin-bottom:60px}
}
@media (min-width:992px) and (max-width:1199px){
.work-card-content h3{font-size:30px;line-height:1.3;margin-bottom:40px}
}
@media (min-width:768px) and (max-width:991px){
.work-card-content h3{font-size:24px;line-height:1.3;margin-bottom:20px}
}
@media (max-width:767px){
.work-card-content h3{font-size:20px;line-height:1.2;margin-bottom:20px}
}
.card-number{position:absolute;right:60px;bottom:-30px}
@media (min-width:768px) and (max-width:991px){
.card-number{right:20px}
}
@media (max-width:767px){
.card-number{right:20px}
}
.card-number h1{font-family:var(--outfit-font);font-style:normal;font-weight:600;font-size:120px;line-height:82px;color:#000;opacity:.2;margin-bottom:0}
@media (min-width:992px) and (max-width:1199px){
.card-number h1{font-size:100px}
}
@media (min-width:768px) and (max-width:991px){
.card-number h1{font-size:90px}
}
@media (max-width:767px){
.card-number h1{font-size:80px}
}
.news-letter{margin:0 50px -300px;padding:50px 0 370px;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:16px}
@media (max-width:1399px){
.news-letter{margin:0 0 -300px}
}
.news-letter-content{max-width:560px;margin:0 auto;width:100%;text-align:center;position:relative}
.news-letter-content .shape{position:absolute;bottom:-80px;left:-250px}
@media (min-width:1200px) and (max-width:1399px){
.news-letter-content .shape{bottom:-73px;left:-170px;width:30%}
}
@media (min-width:992px) and (max-width:1199px){
.news-letter-content .shape{bottom:-73px;left:-95px;width:25%}
}
@media (min-width:768px) and (max-width:991px){
.news-letter-content .shape{bottom:-73px;left:-40px;width:20%}
}
@media (max-width:767px){
.news-letter-content .shape{bottom:-72px;left:20px;width:25%}
}
.section-top-12{text-align:center;margin-bottom:40px}
@media (min-width:768px) and (max-width:991px){
.section-top-12 .common-title h2 img{width:32px}
}
@media (max-width:767px){
.section-top-12 .common-title h2 img{width:22px}
}
@media (min-width:992px) and (max-width:1199px){
.form-2{width:80%;margin:0 auto}
}
@media (min-width:768px) and (max-width:991px){
.form-2{width:70%;margin:0 auto}
}
@media (max-width:767px){
.form-2{width:80%;margin:0 auto}
}
.form-2 input{background:var(--white-color);border:1px solid rgba(0,69,64,.2);border-radius:53px;resize:none;padding:18px 22px}
.form-2 input:focus{background:var(--white-color);border:1px solid var(--theme-color-2)}
.form-2 input::placeholder{font-size:17px;line-height:28px;color:var(--body-color);opacity:.8}
.form-2 button{border:none}
.company-achievements{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media (max-width:767px){
.company-achievements{grid-template-columns:repeat(2,1fr)}
}
.company-achievements .achievement {
text-align: center;
box-shadow: 0 0 3px 1px #00000021;
padding: 17px 12px;
border-radius: 0 67px 0 0;
background: #ffffff26;
backdrop-filter: blur(71px);
}
.company-achievements .achievement i {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 7px;
font-size: 25px;
background-color: #ffffff;
width: 58px;
height: 58px;
padding: 7px;
border: 2px solid var(--theme-color-2);
border-radius: 100%;
color: #000000;
}
@media (min-width:992px) and (max-width:1199px){
.company-achievements .achievement i{font-size:24px;width:60px;height:60px}
}
@media (min-width:768px) and (max-width:991px){
.company-achievements .achievement i{font-size:20px;width:50px;height:50px}
}
@media (max-width:767px){
.company-achievements .achievement i{font-size:20px;width:50px;height:50px}
}
.company-achievements .achievement h2{margin-bottom:2px;font-weight:700;font-size:45px;line-height:100%;color:var(--theme-color-3)}
@media (min-width:992px) and (max-width:1199px){
.company-achievements .achievement h2{font-size:42px;line-height:1}
}
@media (min-width:768px) and (max-width:991px){
.company-achievements .achievement h2{font-size:30px;line-height:1}
}
@media (max-width:767px){
.company-achievements .achievement h2{font-size:30px;line-height:1}
}
.company-achievements .achievement p{font-size:18px;line-height:26px;color:var(--theme-color-3)}
@media (min-width:992px) and (max-width:1199px){
.company-achievements .achievement p{line-height:1}
}
@media (min-width:768px) and (max-width:991px){
.company-achievements .achievement p{font-size:16px;line-height:1}
}
@media (max-width:767px){
.company-achievements .achievement p{font-size:16px;line-height:1}
}
.company-achievements .achievement-2 i{box-shadow:0 15px 32.2px -9px rgba(0,24,25,.2)}
.company-achievements-2{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:center;position:absolute;bottom:-210px}
@media (min-width:992px) and (max-width:1199px){
.company-achievements-2{bottom:-160px}
}
@media (min-width:768px) and (max-width:991px){
.company-achievements-2{grid-template-columns:repeat(3,1fr);bottom:-370px}
}
@media (max-width:767px){
.company-achievements-2{grid-template-columns:repeat(2,1fr);position:static}
}
.company-achievements-2 .achievement{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 41.8px rgba(0,69,64,.06);backdrop-filter:blur(50.25px);border-radius:8px;text-align:center;padding:50px 0}
@media (min-width:992px) and (max-width:1199px){
.company-achievements-2 .achievement{padding:30px 0}
}
@media (min-width:768px) and (max-width:991px){
.company-achievements-2 .achievement{padding:30px 0}
}
@media (max-width:767px){
.company-achievements-2 .achievement{padding:30px 0}
}
.company-achievements-2 .achievement i{display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:30px;background-color:#f8f7f0;width:70px;height:70px;padding:10px;border:2px solid var(--theme-color-2);border-radius:100%}
@media (min-width:992px) and (max-width:1199px){
.company-achievements-2 .achievement i{font-size:24px;width:60px;height:60px}
}
@media (min-width:768px) and (max-width:991px){
.company-achievements-2 .achievement i{font-size:20px;width:50px;height:50px}
}
@media (max-width:767px){
.company-achievements-2 .achievement i{font-size:20px;width:50px;height:50px}
}
.company-achievements-2 .achievement h2{margin-bottom:10px;font-weight:700;font-size:60px;line-height:100%;color:var(--theme-color-3)}
@media (min-width:992px) and (max-width:1199px){
.company-achievements-2 .achievement h2{font-size:42px;line-height:1}
}
@media (min-width:768px) and (max-width:991px){
.company-achievements-2 .achievement h2{font-size:30px;line-height:1}
}
@media (max-width:767px){
.company-achievements-2 .achievement h2{font-size:30px;line-height:1}
}
.company-achievements-2 .achievement p{font-size:18px;line-height:26px;color:var(--theme-color-3)}
@media (min-width:992px) and (max-width:1199px){
.company-achievements-2 .achievement p{line-height:1}
}
@media (min-width:768px) and (max-width:991px){
.company-achievements-2 .achievement p{font-size:16px;line-height:1}
}
@media (max-width:767px){
.company-achievements-2 .achievement p{font-size:16px;line-height:1}
}
.services-we-offer-section{background-position:center;background-repeat:no-repeat;background-size:cover;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);}
.services-we-offer-section .common-title h2{color:var(--white-color)}
.services-we-offer-section .common-subtitle{color:#f8f7f0}
.service-card-3{background-color:#f8f7f0;border-radius:10px;padding:10px;position:relative}
.service-card-3.active,.service-card-3:hover{background-color:#f8f7f0;box-shadow:0 35px 41.5px -16px rgba(0,69,64,.08);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.service-card-3.active .thumb a img,.service-card-3:hover .thumb a img{transform:scale(1.1)}
.service-card-3.active .content .d-btn,.service-card-3:hover .content .d-btn{border:2px solid var(--theme-color-2);color:#fff}
.service-card-3.active .content .d-btn:before,.service-card-3:hover .content .d-btn:before{background:var(--theme-color-2);left:-10%;transform:translateX(0) translateY(-50%)}
.service-card-3.active .card-number-2 h1,.service-card-3:hover .card-number-2 h1{color:var(--white-color);opacity:1}
.service-card-3 .thumb{position:relative;overflow:hidden}
.service-card-3 .thumb>a{display:block;border-radius:10px;overflow:hidden}
.service-card-3 .thumb img{width:100%;height:265px;border-radius:10px}
@media (min-width:1200px) and (max-width:1399px){
.service-card-3 .thumb img{height:240px}
}
@media (min-width:992px) and (max-width:1199px){
.service-card-3 .thumb img{height:275px}
}
@media (min-width:768px) and (max-width:991px){
.service-card-3 .thumb img{height:220px}
}
@media (max-width:767px){
.service-card-3 .thumb img{height:240px}
}
.service-card-3 .content{padding:12px 10px 6px}
.service-card-3 .content .title{margin-bottom:8px}
.service-card-3 .content .title h3{font-weight:600;font-size:24px;line-height:36px;color:var(--theme-color-3);margin-bottom:0}
@media (max-width:1399px){
.service-card-3 .content .title h3{font-size:20px}
}
.service-card-3 .content .title h3 a{color:var(--theme-color-3)}
.service-card-3 .content .text{width:98%;margin-bottom:24px}
.service-card-3 .content .text p{font-style:normal;font-weight:400;font-size:15px;line-height:24px;color:var(--body-color)}
.service-card-3 .content .d-btn{font-size:16px;font-weight:600;color:var(--theme-color-3);background:0 0;border:2px solid rgba(0,69,64,.1)}
.service-card-3 .content .d-btn:before{background:var(--theme-color-2)}
.service-card-3 .content .d-btn .icon-wrap{width:38px;height:38px;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--light-color)}
.service-card-3 .content .d-btn .icon-wrap .icon{width:13px;font-size:14px}
.card-number-2{position:absolute;right:50px;bottom:-20px}
@media (min-width:1200px) and (max-width:1399px){
.card-number-2{right:30px}
}
@media (min-width:992px) and (max-width:1199px){
.card-number-2{right:30px}
}
@media (min-width:768px) and (max-width:991px){
.card-number-2{right:20px}
}
@media (max-width:767px){
.card-number-2{right:20px}
}
.card-number-2 h1{font-family:var(--outfit-font);font-style:normal;font-weight:600;font-size:80px;line-height:82px;color:var(--theme-color-3);opacity:.1;margin-bottom:0}
@media (min-width:1200px) and (max-width:1399px){
.card-number-2 h1{font-size:70px}
}
@media (min-width:992px) and (max-width:1199px){
.card-number-2 h1{font-size:70px}
}
@media (min-width:768px) and (max-width:991px){
.card-number-2 h1{font-size:60px}
}
@media (max-width:767px){
.card-number-2 h1{font-size:60px}
}
.work-process{overflow:hidden}
.work-process .common-title{width:60%;margin:0 auto 50px}
@media (min-width:1200px) and (max-width:1399px){
.work-process .common-title{width:65%}
}
@media (min-width:992px) and (max-width:1199px){
.work-process .common-title{width:75%}
}
@media (min-width:768px) and (max-width:991px){
.work-process .common-title{width:75%}
}
@media (max-width:767px){
.work-process .common-title{width:100%}
}
.contact-form-3{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);padding:36px 54px 48px 36px;border-radius:10px}
@media (max-width:1399px){
.contact-form-3{padding:36px 38px 48px 36px}
}
.contact-form-3 .form-content{position:relative;z-index:1}
.contact-form-3 h3{font-weight:500;font-size:36px;line-height:48px;color:var(--light-color);margin-bottom:15px}
@media (min-width:1200px) and (max-width:1399px){
.contact-form-3 h3{font-size:30px}
}
@media (min-width:768px) and (max-width:991px){
.contact-form-3 h3{font-size:28px;line-height:1.5}
}
@media (max-width:767px){
.contact-form-3 h3{font-size:22px;line-height:1.4}
}
.contact-form-3 h3 span{color:var(--theme-color-2)}
.contact-form-3 p{max-width:357px;width:100%;font-size:17px;line-height:28px;color:var(--light-color);opacity:.9;margin-bottom:30px}
@media (min-width:992px) and (max-width:1199px){
.contact-form-3 p{max-width:100%}
}
@media (min-width:768px) and (max-width:991px){
.contact-form-3 p{max-width:100%;font-size:16px;line-height:1.5}
}
@media (max-width:767px){
.contact-form-3 p{max-width:100%;font-size:16px;line-height:1.4}
}
.contact-form-3 input,.contact-form-3 textarea{background:rgba(248,247,240,.1);border:2px solid rgba(255,255,255,.2);border-radius:10px;padding:14px 20px;resize:none}
.contact-form-3 input:focus,.contact-form-3 textarea:focus{border:2px solid var(--theme-color-2)}
.contact-form-3 input:focus::placeholder,.contact-form-3 textarea:focus::placeholder{color:var(--light-color)}
.contact-form-3 input::placeholder,.contact-form-3 textarea::placeholder{font-size:17px;line-height:28px;color:#f8f7f0}
@media (max-width:991px){
.contact-form-3 input::placeholder,.contact-form-3 textarea::placeholder{font-size:16px}
}
.contact-form-3 button{border:none}
.contact-form-3 img{position:absolute;top:-220px;right:-260px;z-index:-1}
@media (min-width:1200px) and (max-width:1399px){
.contact-form-3 img{top:-190px;right:-210px}
}
@media (max-width:767px){
.contact-form-3 img{top:-160px;right:-180px}
}
.work-process-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
@media (max-width:767px){
.work-process-cards{grid-template-columns:1fr;gap:20px}
}
.work-process-cards .work-process-card{background-color:var(--white-color);box-shadow:0 35px 41.5px -16px rgba(0,69,64,.08);border-radius:10px;padding:35px 30px}
@media (max-width:1399px){
.work-process-cards .work-process-card{padding:30px}
}
.work-process-cards .work-process-card:hover{-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.work-process-cards .work-process-card:hover .card-top .number{background:#f8f7f0}
.work-process-cards .work-process-card:hover .card-top .number h4{color:var(--body-color)}
.work-process-cards .work-process-card .card-top{display:flex;gap:24px;align-items:center;margin-bottom:34px}
@media (max-width:1199px){
.work-process-cards .work-process-card .card-top{justify-content:end}
}
@media (min-width:1200px) and (max-width:1399px){
.work-process-cards .work-process-card .card-top img{max-width:65%}
}
@media (min-width:768px) and (max-width:991px){
.work-process-cards .work-process-card .card-top img{max-width:68%}
}
.work-process-cards .work-process-card .card-top .number{width:70px;height:70px;border:2px solid var(--white-color);border-radius:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);box-shadow:0 15px 32.2px -9px rgba(0,24,25,.2)}
@media (max-width:1399px){
.work-process-cards .work-process-card .card-top .number{width:60px;height:60px}
}
.work-process-cards .work-process-card .card-top .number h4{font-style:normal;font-weight:600;font-size:24px;line-height:36px;color:var(--theme-color-2);margin-bottom:0}
@media (max-width:991px){
.work-process-cards .work-process-card .card-top .number h4{font-size:20px}
}
.work-process-cards .work-process-card .card-content h4{max-width:210px;width:100%;font-style:normal;font-weight:500;font-size:28px;line-height:20px;color:var(--theme-color-3)}
@media (min-width:1200px) and (max-width:1399px){
.work-process-cards .work-process-card .card-content h4{font-size:24px;line-height:14px}
}
@media (min-width:992px) and (max-width:1199px){
.work-process-cards .work-process-card .card-content h4{font-size:24px;line-height:14px}
}
@media (max-width:991px){
.work-process-cards .work-process-card .card-content h4{font-size:20px;line-height:8px}
}
.work-process-cards .work-process-card .card-content p{font-style:normal;font-weight:400;font-size:17px;line-height:28px;color:var(--body-color)}
.make-donate-section{margin-top:-76px;z-index:2;position:relative}
.make-donate-layout{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border-radius:8px;padding:36px}
@media (min-width:992px) and (max-width:1199px){
.make-donate-layout{width:82%;margin:0 auto}
}
@media (min-width:768px) and (max-width:991px){
.make-donate-layout{width:100%;padding:30px}
}
@media (max-width:767px){
.make-donate-layout{width:100%;padding:20px}
}
.donate-left{background-position:right;background-repeat:no-repeat;background-size:contain;border-right:1px solid var(--white-color)}
@media (min-width:1200px) and (max-width:1399px){
.donate-left{background-size:30%}
}
@media (max-width:1199px){
.donate-left{background-size:0;border:none;margin-bottom:30px}
}
.donate-left h4{width:70%;font-style:normal;font-weight:500;font-size:36px;line-height:48px;color:var(--theme-color-2);margin-bottom:12px}
@media (min-width:1200px) and (max-width:1399px){
.donate-left h4{font-size:28px;line-height:1.4}
}
@media (min-width:992px) and (max-width:1199px){
.donate-left h4{font-size:28px;line-height:1.4}
}
@media (min-width:768px) and (max-width:991px){
.donate-left h4{font-size:24px;line-height:1.4}
}
@media (max-width:767px){
.donate-left h4{font-size:22px;line-height:1.4;width:100%}
}
.donate-left p{font-style:normal;font-weight:400;font-size:20px;line-height:30px;color:#f8f7f0}
@media (max-width:1399px){
.donate-left p{font-size:16px}
}
.donate-right{width:100%;max-width:690px;margin-left:auto}
@media (max-width:1199px){
.donate-right{margin-left:0}
}
.donate-right .choose-currency{display:flex;gap:10px;align-items:center;margin-bottom:24px}
@media (max-width:991px){
.donate-right .choose-currency{flex-wrap:wrap}
}
.donate-right .choose-currency p{font-style:normal;font-weight:500;color:#f8f7f0;margin-bottom:0}
.donate-right .choose-currency .amount{display:flex;align-items:center;justify-content:center;padding:6px 14px;background:rgba(248,247,240,.1);border-radius:88px;font-style:normal;font-weight:600;color:#f8f7f0;cursor:pointer;border:none}
.donate-right .choose-currency .amount:hover{background:var(--theme-color-2);color:var(--theme-color-3)}
.donate-right .choose-currency .custom-amount{display:flex;align-items:center;gap:8px;padding:6px 14px;border:2px solid rgba(255,255,255,.1);border-radius:88px;font-style:normal;font-weight:600;color:var(--theme-color-2);cursor:pointer;background:0 0;font-size:16px}
.donate-right .choose-currency .custom-amount i{color:var(--theme-color-2)}
.donate-right .choose-currency .custom-amount p{color:var(--theme-color-2)}
.donate-right .choose-currency .custom-amount:hover{border:2px solid var(--theme-color-2)}
.donate-right .progress{background:rgba(255,225,117,.1);height:8px}
.donate-right .progress .progress-bar{background:var(--theme-color-2)}
.donate-right .bottom{display:flex;gap:10px;align-items:center;margin-top:24px}
@media (max-width:991px){
.donate-right .bottom{flex-wrap:wrap}
}
.donate-right .bottom .icon-wrap{max-width:400px;width:100%;position:relative}
@media (max-width:991px){
.donate-right .bottom .icon-wrap{max-width:100%}
}
.donate-right .bottom .icon-wrap input{width:100%;border:none;padding:10px 14px 10px 10px;font-style:normal;font-weight:600;font-size:24px;line-height:36px;text-align:right;color:var(--theme-color-3);background:#fff;box-shadow:0 35px 41.5px -16px rgba(0,69,64,.12);border-radius:50px}
@media (max-width:767px){
.donate-right .bottom .icon-wrap input{padding:6px 14px 6px 10px}
}
.donate-right .bottom .icon-wrap i{display:flex;align-items:center;justify-content:center;position:absolute;top:8px;left:8px;width:40px;height:40px;border-radius:100%;color:var(--theme-color-3);background:#f8f7f0;border:2px solid var(--theme-color-2);box-shadow:0 15px 32.2px -9px rgba(0,24,25,.2)}
@media (max-width:767px){
.donate-right .bottom .icon-wrap i{top:4px;left:4px}
}
.donate-right .bottom .donate-btn{padding:22px 88px;background:var(--theme-color-2);border-radius:100px;font-style:normal;font-weight:600;font-size:16px;line-height:100%;color:var(--theme-color-3);overflow:hidden;position:relative;z-index:1}
@media (max-width:767px){
.donate-right .bottom .donate-btn{padding:16px 60px}
}
.donate-right .bottom .donate-btn:before{content:"";position:absolute;left:-110%;top:50%;width:200%;height:200%;background:var(--white-color);z-index:-1;transform:translateX(-50%) translateY(-50%);border-radius:200px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.donate-right .bottom .donate-btn:hover{color:var(--theme-color-3)}
.donate-right .bottom .donate-btn:hover:before{left:-10%;transform:translateX(0) translateY(-50%)}
.donate-to-us-section{background-position:center;background-repeat:no-repeat;background-size:cover;padding:210px 0 20px}
@media (max-width:767px){
.donate-to-us-section{padding:260px 0 20px}
}
.donate-to-us-layout{position:relative;z-index:1}
.donate-to-us-layout .icon-shape-1{position:absolute;top:-6%;left:-2%;z-index:-1}
@media (min-width:1400px) and (max-width:1700px){
.donate-to-us-layout .icon-shape-1{left:-1.8%}
}
@media (min-width:768px) and (max-width:991px){
.donate-to-us-layout .icon-shape-1{left:-2.6%}
}
@media (min-width:768px) and (max-width:991px){
.donate-to-us-layout .icon-shape-1{left:-3%}
}
@media (max-width:1700px){
.donate-to-us-layout .icon-shape-1 img{width:90%}
}
@media (max-width:1199px){
.donate-to-us-layout .icon-shape-1 img{width:70%}
}
.donate-to-us-layout .icon-shape-2{position:absolute;bottom:52%;right:-4%;z-index:-1}
@media (min-width:1400px) and (max-width:1700px){
.donate-to-us-layout .icon-shape-2{bottom:46%;right:-18px}
}
@media (min-width:1200px) and (max-width:1399px){
.donate-to-us-layout .icon-shape-2{bottom:55%}
}
@media (min-width:1200px) and (max-width:1399px){
.donate-to-us-layout .icon-shape-2{bottom:53%}
}
@media (min-width:992px) and (max-width:1199px){
.donate-to-us-layout .icon-shape-2{bottom:60%;right:-5%}
}
@media (min-width:768px) and (max-width:991px){
.donate-to-us-layout .icon-shape-2{bottom:65%;right:-5%}
}
@media (max-width:767px){
.donate-to-us-layout .icon-shape-2{bottom:91%;right:-3%}
}
@media (max-width:1700px){
.donate-to-us-layout .icon-shape-2 img{width:90%}
}
@media (max-width:1199px){
.donate-to-us-layout .icon-shape-2 img{width:70%}
}
.become-volunteer-card,.donate-us-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:670px;width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(13px);border-radius:8px;padding:60px 72px 80px}
@media (min-width:1200px) and (max-width:1399px){
.become-volunteer-card,.donate-us-card{max-width:540px;padding:50px 50px 70px}
}
@media (min-width:992px) and (max-width:1199px){
.become-volunteer-card,.donate-us-card{max-width:450px;padding:40px 40px 50px}
}
@media (min-width:768px) and (max-width:991px){
.become-volunteer-card,.donate-us-card{max-width:340px;padding:30px 20px 40px}
}
@media (max-width:767px){
.become-volunteer-card,.donate-us-card{max-width:300px;padding:30px 20px 30px}
}
.become-volunteer-card .card-icon i,.donate-us-card .card-icon i{width:70px;height:70px;display:flex;justify-content:center;align-items:center;font-size:30px;color:var(--theme-color-2);background:linear-gradient(161.69deg,#a9c200 12.43%,#000 251.81%);box-shadow:0 15px 32.2px -9px rgba(0,24,25,.2);margin-bottom:10px;border-radius:100%}
@media (min-width:992px) and (max-width:1199px){
.become-volunteer-card .card-icon i,.donate-us-card .card-icon i{width:60px;height:60px;font-size:24px}
}
@media (min-width:768px) and (max-width:991px){
.become-volunteer-card .card-icon i,.donate-us-card .card-icon i{width:50px;height:50px;font-size:20px}
}
@media (max-width:767px){
.become-volunteer-card .card-icon i,.donate-us-card .card-icon i{width:50px;height:50px;font-size:20px}
}
.become-volunteer-card h2,.donate-us-card h2{font-style:normal;font-weight:600;font-size:52px;line-height:60px;color:#f8f7f0;text-align:center;margin-bottom:12px}
@media (min-width:1200px) and (max-width:1399px){
.become-volunteer-card h2,.donate-us-card h2{font-size:34px;line-height:1.5}
}
@media (min-width:992px) and (max-width:1199px){
.become-volunteer-card h2,.donate-us-card h2{font-size:28px;line-height:1.5}
}
@media (min-width:768px) and (max-width:991px){
.become-volunteer-card h2,.donate-us-card h2{font-size:24px;line-height:1.5}
}
@media (max-width:767px){
.become-volunteer-card h2,.donate-us-card h2{font-size:20px;line-height:1.2}
}
.become-volunteer-card p,.donate-us-card p{font-style:normal;font-weight:400;font-size:18px;line-height:26px;text-align:center;color:#f8f7f0;opacity:.8;margin-bottom:25px}
@media (max-width:1399px){
.become-volunteer-card p,.donate-us-card p{font-size:16px}
}
.become-volunteer-card{margin-bottom:-60px}
.donate-us-card{position:absolute;top:-250px;right:0}
@media (max-width:767px){
.donate-us-card{top:-300px}
}
.we-are-friends-section .common-subtitle{margin-bottom:20px}
.we-are-friends-section .common-title{margin-bottom:20px}
.we-are-friends-section .text{max-width:550px;width:100%;margin-bottom:30px}
.we-are-friends-section .blog-btn{margin-bottom:50px}
.friends-left{position:sticky;top:20px}
.friends-left .shape{position:absolute;bottom:-30%;left:40%}
@media (min-width:992px) and (max-width:1199px){
.friends-left .shape{bottom:10%;width:5%;left:30%}
}
@media (min-width:768px) and (max-width:991px){
.friends-left .shape{bottom:10%;width:6%;left:40%}
}
@media (max-width:767px){
.friends-left .shape{bottom:10%;width:10%;left:70%}
}
.friends-card{background:#f8f7f0;border-radius:10px;padding:10px;position:sticky;top:20px}
.friends-card:hover .details-btn-3{right:10px;transition:all .3s}
.friends-card .author-details{display:flex;flex-direction:column;justify-content:space-between;padding:26px;width:100%;height:100%}
.friends-card .author-details .author-info h5{font-weight:600;font-size:24px;line-height:36px;color:var(--theme-color-3);margin-bottom:5px}
@media (max-width:767px){
.friends-card .author-details .author-info h5{font-size:20px}
}
.friends-card .author-details .author-info p{font-style:normal;font-weight:400;line-height:22px;margin-bottom:16px}
.friends-card .author-details .author-info .description p{font-style:normal;font-weight:400;font-size:18px;line-height:30px;color:var(--body-color)}
.friends-card .author-details .socials{display:flex;flex-direction:column;gap:10px}
.friends-card .author-details .socials .social-links{display:flex;gap:10px;transition:all .3s}
.friends-card .author-details .socials .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50px;background:var(--white-color);color:var(--body-color)}
.friends-card .author-details .socials .social-links a:hover{background:var(--theme-color-2);color:var(--theme-color-3)}
.friends-card .thumb{position:relative;overflow:hidden;border-radius:10px;height:100%}
.friends-card .thumb::before{position:absolute;content:"";width:100%;height:100%;top:0;right:0;background:linear-gradient(109.34deg,rgba(255,225,117,0) 64.88%,#000 100%)}
.friends-card .thumb .category{position:absolute;right:0;bottom:0}
.friends-card .thumb img{border-radius:10px;height:100%;object-fit:cover;width:100%}
.details-btn-3{box-shadow:-7px 9px 31.3px #000;cursor:pointer;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:var(--theme-color-2);color:var(--theme-color-3);transform:rotate(-45deg);padding:12px 20px;border-radius:53px;transition:all .3s;position:absolute;top:10px;right:-60px}
.services-details-section{position:relative;z-index:1;margin-bottom:-169px}
.services-details-section .d-shape-1{position:absolute;z-index:-1;bottom:0;right:0}
.details-content .thumb-wrap{border-radius:10px}
.details-content .thumb-wrap img{border-radius:10px}
.detail-info-wrap{background:#f8f7f0;border-radius:10px}
.detail-info-contents{padding:30px}
.thumb-wrap{border-radius:10px}
.count-down-date{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 19px;background:#f8f7f0;border:1px solid rgba(0,69,64,.15);box-shadow:0 6px 30px rgba(0,69,64,.09);border-radius:10px}
.count-down-date i{font-size:18px;color:var(--body-color)}
.count-down-date p{font-style:normal;font-weight:500;font-size:17px;line-height:28px;color:var(--body-color);margin-bottom:0}
.details-title h2{font-weight:600;font-size:48px;line-height:60px;color:#a9c200;margin-bottom:0}
@media (min-width:1200px) and (max-width:1399px){
.details-title h2{font-size:40px;line-height:1.2}
}
@media (min-width:992px) and (max-width:1199px){
.details-title h2{font-size:32px;line-height:1.2}
}
@media (min-width:768px) and (max-width:991px){
.details-title h2{font-size:26px;line-height:1.2}
}
@media (max-width:767px){
.details-title h2{font-size:24px;line-height:1.2}
}
.details-subtitle h4{display:flex;align-items:center;gap:15px;font-family:var(--outfit-font);font-style:normal;font-weight:500;font-size:36px;line-height:28px;color:var(--theme-color-3);margin-bottom:0}
.details-subtitle h4 span img{width:40px}
.details-title-2{display:flex;align-items:center;justify-content:space-between}
@media (max-width:767px){
.details-title-2{flex-direction:column;gap:20px;align-items:flex-start}
}
.details-title-2 h2{font-weight:600;font-size:48px;line-height:60px;color:#a9c200;margin-bottom:0}
@media (min-width:1200px) and (max-width:1399px){
.details-title-2 h2{font-size:40px;line-height:1.2}
}
@media (min-width:992px) and (max-width:1199px){
.details-title-2 h2{font-size:32px;line-height:1.2}
}
@media (min-width:768px) and (max-width:991px){
.details-title-2 h2{font-size:26px;line-height:1.2}
}
@media (max-width:767px){
.details-title-2 h2{font-size:24px;line-height:1.2}
}
.donator-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
@media (min-width:768px) and (max-width:991px){
.donator-cards{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:767px){
.donator-cards{grid-template-columns:repeat(2,1fr)}
}
.donator-cards .donator-card{background:#f8f7f0;border-radius:10px;padding:20px}
.donator-cards .donator-card:hover{-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;background:var(--white-color);box-shadow:0 35px 41.5px -16px rgba(0,69,64,.12)}
.donator-cards .donator-card .thumb{margin:0 auto 15px;width:60px;height:60px;border-radius:100%}
.donator-cards .donator-card .thumb img{width:100%;border-radius:100%}
.donator-cards .donator-card .donator-name{margin-bottom:2px}
.donator-cards .donator-card .donator-name h6{font-style:normal;font-weight:600;font-size:18px;line-height:28px;text-align:center;color:var(--theme-color-3);margin-bottom:0}
.donator-cards .donator-card .date-of-donate{margin-bottom:10px}
.donator-cards .donator-card .date-of-donate p{font-style:normal;font-weight:400;font-size:16px;line-height:22px;text-align:center;color:var(--body-color);margin-bottom:0}
.donator-cards .donator-card .donation-amount{padding:3px 24px;background:var(--white-color);border-radius:6px}
.donator-cards .donator-card .donation-amount p{display:flex;gap:5px;font-style:normal;font-weight:400;font-size:15px;line-height:28px;color:var(--body-color);margin-bottom:0}
.donator-cards .donator-card .donation-amount p span{font-style:normal;font-weight:600;font-size:15px;line-height:28px;color:var(--theme-color-3)}
.detail-text p{font-weight:400;font-size:18px;line-height:30px;color:#868681}
.detail-text p b{font-family:var(--albert-sans-font);font-weight:600}
.donation-card{background:#f8f7f0;border-radius:10px;padding:20px 24px 30px 30px}
@media (max-width:767px){
.donation-card{padding:20px}
}
.donation-card h4{font-family:var(--outfit-font);font-style:normal;font-weight:500;font-size:36px;line-height:1.2;color:#a9c200;margin-bottom:16px}
@media (min-width:768px) and (max-width:991px){
.donation-card h4{font-size:24px}
}
@media (max-width:767px){
.donation-card h4{font-size:22px}
}
.donation-card p{font-style:normal;font-weight:400;font-size:18px;line-height:30px;color:var(--body-color);margin-bottom:24px}
@media (min-width:768px) and (max-width:991px){
.donation-card p{font-size:16px}
}
@media (max-width:767px){
.donation-card p{font-size:16px}
}
.donation-card .donation-wrap-2{background:var(--white-color);display:flex;align-items:center;gap:30px;padding:30px 40px;border-radius:34px}
@media (max-width:767px){
.donation-card .donation-wrap-2{flex-direction:column;padding:20px}
}
.donation-card .donation-wrap-2:hover{-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;background:var(--theme-color-3)}
.donation-card .donation-wrap-2:hover .left .d-top p{color:var(--theme-color-2)}
.donation-card .donation-wrap-2:hover .left .progress{background:rgba(255,225,117,.1)}
.donation-card .donation-wrap-2:hover .left .progress .progress-bar{background:var(--theme-color-2)}
.donation-card .donation-wrap-2:hover .left .d-bottom .fund p{color:var(--white-color)}
.donation-card .donation-wrap-2:hover .left .d-bottom .fund p span{color:var(--theme-color-2)}
.donation-card .donation-wrap-2:hover .left .d-bottom .d-wishlist{color:var(--theme-color-2);border-color:rgba(255,225,117,.1)}
.donation-card .donation-wrap-2:hover .right{color:var(--theme-color-3);background:var(--theme-color-2)}
.donation-card .donation-wrap-2 .left{width:100%}
.donation-card .donation-wrap-2 .left .d-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}
.donation-card .donation-wrap-2 .left .d-top p{font-weight:500;font-size:18px;line-height:28px;color:var(--theme-color-3);margin-bottom:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.donation-card .donation-wrap-2 .left .progress{margin-bottom:15px;background:rgba(0,69,64,.1);height:8px;border-radius:100px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.donation-card .donation-wrap-2 .left .progress .progress-bar{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border-radius:100px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.donation-card .donation-wrap-2 .left .d-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}
.donation-card .donation-wrap-2 .left .d-bottom .fund{display:flex;justify-content:space-between;align-items:center;gap:5px}
.donation-card .donation-wrap-2 .left .d-bottom .fund p{font-weight:400;font-size:15px;line-height:100%;color:#868681;margin-bottom:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.donation-card .donation-wrap-2 .left .d-bottom .fund p span{color:var(--theme-color-3);font-weight:600;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.donation-card .donation-wrap-2 .left .d-bottom .d-wishlist{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1.5px solid rgba(0,24,25,.1);border-radius:10px;padding:10px;background:0 0;color:var(--theme-color-3);font-family:var(--albert-sans-font);font-weight:600;font-size:15px;line-height:18px;letter-spacing:-.01em;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.donation-card .donation-wrap-2 .right{width:110px;height:110px;padding:25px 30px;border-radius:100%;color:var(--theme-color-2);background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-weight:500}
.donation-card .donation-wrap-2 .right .icon i{font-size:20px}
.donation-wrap-3{background:var(--white-color);display:flex;align-items:center;gap:30px;padding:30px 40px;border-radius:34px}
.donation-wrap-3:hover{-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;background:var(--theme-color-3)}
.donation-wrap-3:hover .left .d-top p{color:var(--theme-color-2)}
.donation-wrap-3:hover .left .progress{background:rgba(255,225,117,.1)}
.donation-wrap-3:hover .left .progress .progress-bar{background:var(--theme-color-2)}
.donation-wrap-3:hover .left .d-bottom .fund p{color:var(--white-color)}
.donation-wrap-3:hover .left .d-bottom .fund p span{color:var(--theme-color-2)}
.donation-wrap-3:hover .left .d-bottom .d-wishlist{color:var(--theme-color-2);border-color:rgba(255,225,117,.1)}
.donation-wrap-3:hover .right{color:var(--theme-color-3);background:var(--theme-color-2)}
.donation-wrap-3 .left{width:100%}
.donation-wrap-3 .left .d-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}
.donation-wrap-3 .left .d-top p{font-weight:500;font-size:18px;line-height:28px;color:var(--theme-color-3);margin-bottom:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.donation-wrap-3 .left .progress{margin-bottom:15px;background:rgba(0,69,64,.1);height:8px;border-radius:100px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.donation-wrap-3 .left .progress .progress-bar{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border-radius:100px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.donation-wrap-3 .left .d-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}
.donation-wrap-3 .left .d-bottom .fund{display:flex;justify-content:space-between;align-items:center;gap:5px}
.donation-wrap-3 .left .d-bottom .fund p{font-weight:400;font-size:15px;line-height:100%;color:#868681;margin-bottom:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.donation-wrap-3 .left .d-bottom .fund p span{color:var(--theme-color-3);font-weight:600;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.donation-wrap-3 .left .d-bottom .d-wishlist{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1.5px solid rgba(0,24,25,.1);border-radius:10px;padding:10px;background:0 0;color:var(--theme-color-3);font-family:var(--albert-sans-font);font-weight:600;font-size:15px;line-height:18px;letter-spacing:-.01em;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.donation-wrap-3 .right{width:110px;height:110px;padding:25px 30px;border-radius:100%;color:var(--theme-color-2);background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-weight:500}
.donation-wrap-3 .right .icon i{font-size:20px}
.list-wrapper{display:flex;align-items:center;gap:90px}
@media (max-width:767px){
.list-wrapper{flex-direction:column;align-items:flex-start;gap:20px}
}
.list-wrapper .list-wrap{list-style:none;margin:0;padding:0}
.list-wrapper .list-wrap li{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.list-wrapper .list-wrap li:last-child{margin-bottom:0}
.list-wrapper .list-wrap li .icon{display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--theme-color-2);width:18px;height:18px;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);border-radius:50%}
.list-wrapper .list-wrap li p{font-weight:400;font-size:17px;line-height:28px;color:#868681}
.banner-slide-wrap{display:block}
.banner-slide-wrap .thumb{position:relative;width:100%}
.banner-slide-wrap .thumb img{width:100%;border-radius:12px}
.banner-slide-wrap .thumb .play-btn{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:80px;height:80px;color:var(--white-color);padding:25px 20px;border-radius:100%;font-weight:500;font-size:18px;line-height:30px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);animation:animate-pulse 3s linear infinite}
.banner-slide-wrap .thumb .play-btn:hover{color:var(--theme-color-3);background:var(--theme-color-2);border-color:var(--theme-color-2)}
@media (min-width:768px) and (max-width:991px){
.banner-slide-wrap .thumb .play-btn{width:60px;height:60px;font-size:16px}
}
@media (max-width:767px){
.banner-slide-wrap .thumb .play-btn{width:60px;height:60px;font-size:16px}
}
.gallery-slider-active{position:relative;z-index:1;overflow:hidden}
.gallery-slider-active .gallery-pagination{height:5px;border-radius:10px;background:0 0;display:flex;justify-content:center;align-items:center;gap:14px;position:absolute;left:0;bottom:20px;width:100%;z-index:10}
.gallery-slider-active .gallery-pagination .swiper-pagination-bullet{width:100px;max-width:100px;border-radius:10px;height:100%;opacity:1;background:#f8f7f0;margin:0}
.gallery-slider-active .gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--theme-color-2)}
.testimonial-wrap{text-align:center}
.testimonial-wrap .icon{width:80px;height:80px;background:#000;border:2px solid rgba(0,69,64,.1);border-radius:100%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}
.testimonial-wrap .review{font-family:var(--outfit-font);font-weight:600;font-size:24px;line-height:36px;color:#868681;margin-bottom:16px}
.testimonial-wrap .author h3{font-weight:600;font-size:24px;line-height:36px;color:#a9c200;margin-bottom:5px}
.testimonial-wrap .author p{font-weight:400;font-size:16px;line-height:22px;color:#868681}
.d-cta-wrap{position:relative;z-index:1;padding:19px 50px 19px 60px;background:#f8f7f0;border-radius:10px;display:flex;align-items:center;justify-content:space-between}
.d-cta-wrap .content-wrap{max-width:427px}
.d-cta-wrap .content-wrap .common-title h2{font-weight:500;font-size:36px;line-height:48px;color:#a9c200;margin-bottom:30px!important}
.d-cta-wrap .thumb-wrap{width:100%}
.d-cta-wrap .d-shape-1{position:absolute;z-index:-1;top:0;right:0}
.view-project-wrap{display:flex;align-items:center;gap:30px}
.next-project,.previous-project{max-width:446px;width:100%;background:#f8f7f0;border-radius:87px;padding:10px 50px 10px 10px;display:flex;align-items:center;gap:32px}
.next-project .project-thumb-wrap,.previous-project .project-thumb-wrap{width:140px;height:140px;background:#383838;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:100px}
.next-project .project-thumb-wrap img,.previous-project .project-thumb-wrap img{border-radius:100px;width:100%}
.next-project .project-content-wrap .view-project-btn,.previous-project .project-content-wrap .view-project-btn{margin-bottom:15px}
.next-project .project-content-wrap .view-project-btn a,.previous-project .project-content-wrap .view-project-btn a{display:flex;align-items:center;gap:11px;font-weight:400;font-size:16px;line-height:22px;color:var(--body-color)}
.next-project .project-content-wrap .view-project-btn a .icon-1,.previous-project .project-content-wrap .view-project-btn a .icon-1{transform:rotate(225deg)}
.next-project .project-content-wrap .view-project-btn a .icon-2,.previous-project .project-content-wrap .view-project-btn a .icon-2{transform:rotate(315deg)}
.next-project .project-content-wrap .project-title,.previous-project .project-content-wrap .project-title{margin-bottom:5px}
.next-project .project-content-wrap .project-title h5,.previous-project .project-content-wrap .project-title h5{font-family:var(--outfit-font);font-weight:600;font-size:24px;line-height:36px;color:#020231;margin-bottom:0}
.next-project .project-content-wrap .published-date p,.previous-project .project-content-wrap .published-date p{font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:var(--body-color);margin-bottom:0}
.comment-section .comments{padding:50px 0;border-top:1px solid rgba(0,69,64,.1);border-bottom:1px solid rgba(0,69,64,.1)}
.comment-section .comments .comment-wrap{display:flex;gap:30px}
@media (max-width:767px){
.comment-section .comments .comment-wrap{flex-direction:column}
}
.comment-section .comments .comment-wrap .thumb{max-width:100px;width:100%;height:100px;border-radius:100%}
.comment-section .comments .comment-wrap .thumb img{width:100%;border-radius:100%}
.comment-section .comments .comment-wrap .info .name{margin-bottom:6px}
.comment-section .comments .comment-wrap .info .name p{font-style:normal;font-weight:600;font-size:20px;line-height:30px;color:#15161c;margin-bottom:0}
.comment-section .comments .comment-wrap .info .date{margin-bottom:14px}
.comment-section .comments .comment-wrap .info .date p{font-style:normal;font-weight:500;font-size:15px;line-height:22px;color:#737373;margin-bottom:0}
.comment-section .comments .comment-wrap .info .text{margin-bottom:14px}
.comment-section .comments .comment-wrap .info .text p{font-weight:400;font-size:18px;line-height:30px;color:#737373;margin-bottom:0}
.comment-section .comments .comment-wrap .info .reply-btn{padding:6px 14px;background:#f8f7f0;color:var(--theme-color-3);border-radius:88px;cursor:pointer}
.comment-section .comments .comment-wrap .info .reply-btn:hover{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2)}
.comment-section .leave-comment form .info-input{display:flex;gap:20px}
@media (max-width:767px){
.comment-section .leave-comment form .info-input{flex-direction:column}
}
.comment-section .leave-comment form input,.comment-section .leave-comment form textarea{background:#f8f7f0;border:2px solid #f8f7f0;border-radius:10px;padding:14px 20px;resize:none}
.comment-section .leave-comment form input:focus,.comment-section .leave-comment form textarea:focus{border:2px solid rgba(0,69,64,.8)}
.comment-section .leave-comment form input:focus::placeholder,.comment-section .leave-comment form textarea:focus::placeholder{color:var(--theme-color-3)}
.comment-section .leave-comment form input::placeholder,.comment-section .leave-comment form textarea::placeholder{font-size:17px;line-height:28px;color:var(--body-color)}
@media (max-width:991px){
.comment-section .leave-comment form input::placeholder,.comment-section .leave-comment form textarea::placeholder{font-size:16px}
}
.comment-section .leave-comment form button{border:none}
.make-donate .icon-wrap{width:100%;position:relative;border-radius:10px}
.make-donate .icon-wrap input{width:100%;border:none;padding:26px 40px 26px 26px;font-style:normal;font-weight:600;font-size:36px;line-height:48px;text-align:right;color:var(--theme-color-3);background:#fff;box-shadow:0 35px 41.5px -16px rgba(0,69,64,.12);border-radius:10px}
.make-donate .icon-wrap i{display:flex;align-items:center;justify-content:center;position:absolute;top:8px;left:8px;width:70px;height:70px;border-radius:100%;font-size:32px;color:var(--theme-color-3);background:#f8f7f0;border:2px solid var(--theme-color-2);box-shadow:0 15px 32.2px -9px rgba(0,24,25,.2)}
@media (max-width:767px){
.make-donate .icon-wrap i{top:4px;left:4px}
}
.make-donate .icon-wrap:hover{background:var(--theme-color-2)}
.make-donate .icon-wrap:hover i{border:2px solid var(--white-color)}
.details-layout-wrap{display:flex;gap:60px}
@media (min-width:992px) and (max-width:1199px){
.details-layout-wrap{flex-direction:column}
}
@media (min-width:768px) and (max-width:991px){
.details-layout-wrap{flex-direction:column}
}
@media (max-width:767px){
.details-layout-wrap{flex-direction:column}
}
.details-layout-wrap .details-content{flex:1;width:100%;max-width:922px}
@media (min-width:1200px) and (max-width:1399px){
.details-layout-wrap .details-content{max-width:670px}
}
@media (min-width:992px) and (max-width:1199px){
.details-layout-wrap .details-content{max-width:100%}
}
@media (min-width:768px) and (max-width:991px){
.details-layout-wrap .details-content{max-width:100%}
}
@media (max-width:767px){
.details-layout-wrap .details-content{max-width:100%}
}
.detail-sidebar{flex:none;max-width:380px;width:100%}
@media (min-width:992px) and (max-width:1199px){
.detail-sidebar{max-width:100%}
}
@media (min-width:768px) and (max-width:991px){
.detail-sidebar{max-width:100%}
}
@media (max-width:767px){
.detail-sidebar{max-width:100%}
}
.detail-sidebar .detail-sidebar-inner{position:sticky;top:20px}
.detail-sidebar .s-widget-wrap{background:#f8f7f0;border-radius:10px;padding:30px 40px}
@media (max-width:767px){
.detail-sidebar .s-widget-wrap{padding:20px}
}
.detail-sidebar .s-widget-wrap .w-title h3{font-weight:600;font-size:24px;line-height:36px;color:#a9c200;margin-bottom:0;display:flex;align-items:center;gap:8px}
.detail-sidebar .s-widget-wrap .w-title .bar-wrap{position:relative;z-index:1;margin:10px 0 30px}
.detail-sidebar .s-widget-wrap .w-title .bar-wrap .bar-1{border-bottom:2px solid rgba(0,69,64,.1)}
.detail-sidebar .s-widget-wrap .w-title .bar-wrap .bar-2{position:absolute;z-index:2;left:0;top:0;width:23%;height:100%;background:linear-gradient(90deg,rgba(0,69,64,0) 0,#a9c200 100%)}
.detail-sidebar .s-widget-wrap .socials{display:flex;flex-direction:column;gap:10px}
.detail-sidebar .s-widget-wrap .socials .social-links{display:flex;gap:10px;transition:all .3s}
.detail-sidebar .s-widget-wrap .socials .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50px;background:var(--white-color);color:var(--body-color)}
.detail-sidebar .s-widget-wrap .socials .social-links a:hover{background:var(--theme-color-2);color:var(--theme-color-3)}
.detail-sidebar .s-widget-wrap .project-info-wrap{display:flex;flex-direction:column;gap:20px}
.detail-sidebar .s-widget-wrap .project-info-wrap .project-text{margin-bottom:24px}
.detail-sidebar .s-widget-wrap .project-info-wrap .project-text p{font-weight:400;font-size:18px;line-height:30px;color:var(--body-color);margin-bottom:0}
.detail-sidebar .s-widget-wrap .project-info-wrap .project-info{padding-bottom:20px;border-bottom:1px solid rgba(0,69,64,.1);display:flex;align-items:center;gap:20px}
.detail-sidebar .s-widget-wrap .project-info-wrap .project-info:hover{cursor:pointer}
.detail-sidebar .s-widget-wrap .project-info-wrap .project-info:hover .icon{color:var(--theme-color-2);background:var(--theme-color-3)}
.detail-sidebar .s-widget-wrap .project-info-wrap .project-info .icon{display:flex;align-items:center;justify-content:center;border-radius:100%;width:60px;height:60px;font-size:26px;color:var(--theme-color-3);background:var(--white-color)}
.detail-sidebar .s-widget-wrap .project-info-wrap .project-info .key-value .key{margin-bottom:6px}
.detail-sidebar .s-widget-wrap .project-info-wrap .project-info .key-value .key p{font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:var(--body-color);margin-bottom:0}
.detail-sidebar .s-widget-wrap .project-info-wrap .project-info .key-value .value h6{font-weight:500;font-size:20px;line-height:30px;color:#a9c200;margin-bottom:0}
.detail-sidebar .s-widget-wrap .project-info-wrap .project-info-last{padding:0;border:none}
.detail-sidebar .s-widget-wrap .organizer-info-wrap .thumb{max-width:100px;width:100%;height:100px;margin:0 auto 10px;border-radius:100%;border:6px solid var(--white-color)}
.detail-sidebar .s-widget-wrap .organizer-info-wrap .thumb img{width:100%;border-radius:100%}
.detail-sidebar .s-widget-wrap .organizer-info-wrap .name h3{text-align:center;font-family:var(--outfit-font);font-style:normal;font-weight:600;font-size:24px;line-height:36px;color:var(--theme-color-3);margin-bottom:0}
.detail-sidebar .s-widget-wrap .organizer-info-wrap .text{margin-bottom:24px}
.detail-sidebar .s-widget-wrap .organizer-info-wrap .text p{font-style:normal;font-weight:400;font-size:18px;line-height:30px;text-align:center;color:var(--theme-color-3);margin-bottom:0}
.detail-sidebar .s-widget-wrap .organizer-info-wrap .divider{width:100%;margin-bottom:24px;height:2px;background:rgba(0,69,64,.1)}
.detail-sidebar .s-widget-wrap .organizer-info-wrap .date,.detail-sidebar .s-widget-wrap .organizer-info-wrap .location{display:flex;align-items:center;justify-content:center;gap:10px}
.detail-sidebar .s-widget-wrap .organizer-info-wrap .date i,.detail-sidebar .s-widget-wrap .organizer-info-wrap .location i{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:100%;padding:7px;background:var(--white-color);border:1px solid rgba(0,69,64,.15)}
.detail-sidebar .s-widget-wrap .organizer-info-wrap .date p,.detail-sidebar .s-widget-wrap .organizer-info-wrap .location p{font-style:normal;font-weight:400;font-size:17px;line-height:28px;color:var(--body-color);margin-bottom:0}
.detail-sidebar .s-widget-wrap .recent-campaigns .campaign{display:flex;align-items:center;gap:16px;padding-bottom:15px;margin-bottom:15px;border-bottom:2px solid rgba(0,69,64,.1)}
.detail-sidebar .s-widget-wrap .recent-campaigns .campaign .thumb{max-width:97px;height:97px;width:100%;border-radius:100%}
.detail-sidebar .s-widget-wrap .recent-campaigns .campaign .thumb img{width:100%;border-radius:100%}
.detail-sidebar .s-widget-wrap .recent-campaigns .campaign .date{margin-bottom:4px}
.detail-sidebar .s-widget-wrap .recent-campaigns .campaign .date p{font-style:normal;font-weight:500;font-size:14px;line-height:22px;color:#6f7174;margin-bottom:0}
.detail-sidebar .s-widget-wrap .recent-campaigns .campaign .name h5{font-style:normal;font-weight:600;font-size:18px;line-height:26px;color:#121213;margin-bottom:0}
.detail-sidebar .s-widget-wrap .recent-campaigns .campaign-last{padding:0;margin:0;border:none}
.detail-list ul{list-style:none;margin:0;padding:0}
.detail-list ul li{margin-bottom:10px}
.detail-list ul li:last-child{margin-bottom:0}
.detail-list ul li a{width:100%;display:inline-flex;align-items:center;gap:5px;justify-content:space-between;font-family:var(--albert-sans-font);font-weight:500;font-size:16px;line-height:22px;color:#868681;background:#fff;border-radius:4px;padding:10px 5px 10px 20px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.detail-list ul li a:hover{color:var(--white-color);background:var(--theme-color-3)}
.detail-list ul li a:hover .icon{color:var(--theme-color-3);background:var(--theme-color-2)}
.detail-list ul li a .icon{display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--body-color);width:30px;height:30px;background:#f8f7f0;border-radius:50%;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.detail-contact .icon-info-wrap{margin-top:-20px;background:rgba(255,255,255,.1);backdrop-filter:blur(15px);border-radius:10px}
.detail-contact .icon-info-wrap .icon-wrap{position:relative;z-index:1;height:30px;margin-bottom:10px;display:inline-block}
.detail-contact .icon-info-wrap .icon-wrap .icon{margin-top:-30px;position:absolute;z-index:1;top:0;left:50%;transform:translateX(-50%);width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.21);border:1.5px solid #000;backdrop-filter:blur(4.7px);display:inline-flex;align-items:center;justify-content:center}
.detail-contact .icon-info-wrap .icon-wrap .bar-wrap .bar-1{position:absolute;left:40px;width:130px;height:2px;background:linear-gradient(90deg,rgba(255,255,117,0) 0,#000 100%);margin-left:-20px}
@media (max-width:767px){
.detail-contact .icon-info-wrap .icon-wrap .bar-wrap .bar-1{width:60px}
}
.detail-contact .icon-info-wrap .icon-wrap .bar-wrap .bar-2{position:absolute;right:40px;width:130px;height:2px;background:linear-gradient(90deg,#000 0,rgba(255,255,117,0) 100%);margin-right:-20px}
@media (max-width:767px){
.detail-contact .icon-info-wrap .icon-wrap .bar-wrap .bar-2{width:60px}
}
.detail-contact .icon-info-wrap .info{text-align:center}
.detail-contact .icon-info-wrap .info h3{font-weight:600;font-size:24px;line-height:36px;margin-bottom:0}
.detail-contact .icon-info-wrap .info h3 a{color:#a9c200}
.detail-contact .icon-info-wrap .info p{font-weight:400;font-size:16px;line-height:22px;color:#868681}
.choose-currency-2{display:flex;gap:10px;align-items:center;margin-bottom:24px}
@media (max-width:991px){
.choose-currency-2{flex-wrap:wrap}
}
.choose-currency-2 p{font-style:normal;font-weight:500;color:var(--theme-color-3);margin-bottom:0}
.choose-currency-2 .amount{display:flex;align-items:center;justify-content:center;padding:6px 14px;background:rgba(248,247,240,.1);border-radius:88px;font-style:normal;font-weight:600;color:var(--theme-color-3);cursor:pointer;border:none}
.choose-currency-2 .amount.active,.choose-currency-2 .amount:hover{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2)}
.choose-currency-2 .custom-amount{display:flex;align-items:center;gap:8px;padding:6px 14px;border:2px solid rgba(0,69,64,.1);border-radius:88px;font-style:normal;font-weight:600;color:var(--theme-color-3);cursor:pointer;background:0 0}
.choose-currency-2 .custom-amount i{color:var(--theme-color-3)}
.choose-currency-2 .custom-amount p{color:var(--theme-color-2)}
.choose-currency-2 .custom-amount:hover{border:2px solid var(--theme-color-3)}
.thank-you-text p{font-family:var(--dm-sans-font);font-style:normal;font-weight:400;font-size:17px;line-height:28px;color:var(--body-color);margin-bottom:0}
.payment-method-form{padding-top:40px;border-top:1px solid rgba(0,69,64,.1)}
.payment-method-form .payment-title{margin-bottom:20px}
.payment-method-form .payment-title h3{font-family:var(--outfit-font);font-style:normal;font-weight:500;font-size:36px;line-height:48px;color:var(--theme-color-3);margin-bottom:0}
.payment-method-form .select-payment-method{display:flex;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.payment-method-form .select-payment-method .method{display:flex;align-items:center;gap:4px}
.payment-method-form .select-payment-method .method input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:none;border-radius:50%;background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);position:relative;cursor:pointer;vertical-align:middle}
.payment-method-form .select-payment-method .method input[type=checkbox]:checked::before{content:"";position:absolute;top:3px;left:7px;width:6px;height:10px;border:solid var(--theme-color-2);border-width:0 2px 2px 0;transform:rotate(45deg)}
.payment-method-form .select-payment-method .method label{font-family:var(--dm-sans-font);font-style:normal;font-weight:400;font-size:17px;line-height:28px;color:var(--body-color)}
.payment-method-form form h5{margin-bottom:24px;font-family:var(--outfit-font);font-style:normal;font-weight:600;font-size:24px;line-height:36px;color:var(--theme-color-3)}
.payment-method-form form .info-input{display:flex;gap:20px}
.payment-method-form form input,.payment-method-form form textarea{background:var(--white-color);border:2px solid var(--white-color);border-radius:10px;padding:14px 20px;resize:none}
.payment-method-form form input:focus,.payment-method-form form textarea:focus{background:var(--white-color);border:2px solid rgba(0,69,64,.8)}
.payment-method-form form input:focus::placeholder,.payment-method-form form textarea:focus::placeholder{color:var(--theme-color-3)}
.payment-method-form form input::placeholder,.payment-method-form form textarea::placeholder{font-size:17px;line-height:28px;color:var(--body-color)}
@media (max-width:991px){
.payment-method-form form input::placeholder,.payment-method-form form textarea::placeholder{font-size:16px}
}
.payment-method-form form button{border:none}
.payment-method-form form .form-bottom{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.payment-method-form form .form-bottom p{font-family:var(--albert-sans-font);font-style:normal;font-weight:500;font-size:18px;line-height:30px;color:var(--body-color);margin-bottom:0}
.payment-method-form form .impact-text p{font-family:var(--albert-sans-font);font-style:normal;font-weight:400;font-size:16px;line-height:30px;color:var(--body-color);margin-bottom:0}
.payment-method-form form .impact-text p span{font-weight:600}
.divider-2{width:100%;background:rgba(0,69,64,.1);height:1px}
.sponsor-info-wrap{display:flex;align-items:center;gap:18px}
.sponsor-info-wrap .thumb{max-width:100px;width:100%;height:100px;border-radius:100%;border:6px solid var(--white-color)}
.sponsor-info-wrap .thumb img{width:100%;border-radius:100%}
.sponsor-info-wrap .name h3{font-family:var(--outfit-font);font-style:normal;font-weight:600;font-size:24px;line-height:36px;color:var(--theme-color-3);margin-bottom:0}
.sponsor-info-wrap .designation{margin-bottom:10px}
.sponsor-info-wrap .designation p{font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:var(--body-color);margin-bottom:0}
.sponsor-info-wrap .view-profile-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--albert-sans-font);font-style:normal;font-weight:500;font-size:14px;line-height:28px;color:var(--body-color);background:var(--white-color);border-radius:6px;padding:4px 12px;border:1px solid var(--theme-color-2)}
.sponsor-info-wrap .view-profile-btn:hover{background-color:var(--theme-color-2);color:var(--theme-color-3)}
.sidebar-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sidebar-gallery .thumb{border-radius:6px}
.sidebar-gallery .thumb img{border-radius:6px}
.notice{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#f8f7f0;border:1px solid rgba(0,69,64,.15);box-shadow:0 6px 30px rgba(0,69,64,.09);border-radius:10px}
.notice p{font-family:var(--dm-sans-font);font-style:normal;font-weight:500;font-size:16px;line-height:22px;color:var(--body-color)}
.notice p span{color:var(--theme-color-3)}
.services-details-section-2{position:relative;z-index:1;margin-bottom:-160px}
.services-details-section-2 .d-shape-1{position:absolute;z-index:-1;bottom:0;left:0}
.search-bar{position:relative;margin-bottom:10px}
.search-bar input{width:100%;height:50px;padding:14px;border:0;border-radius:4px}
.search-bar input::-webkit-input-placeholder{font-weight:500;color:var(--body-color)}
.search-bar input:-moz-placeholder{font-weight:500;color:var(--body-color)}
.search-bar input::-moz-placeholder{font-weight:500;color:var(--body-color)}
.search-bar input:-ms-input-placeholder{font-weight:500;color:var(--body-color)}
.search-bar i{position:absolute;top:7px;right:7px;border-radius:100%;display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:16px;background:#f8f7f0;padding:11px}
.categories button{padding:0 12px;border:1px solid rgba(0,69,64,.1);border-radius:88px;background:0 0;font-family:var(--dm-sans-font);font-style:normal;font-weight:500;font-size:12px;line-height:28px;color:var(--body-color);-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.categories button:hover{background:var(--theme-color-2);color:var(--theme-color-3);border-color:var(--theme-color-2)}
.blog-card-4{background-color:#f8f7f0;border-radius:0 0 10px 10px;box-shadow:0 4px 56.5px rgba(0,0,0,.06);z-index:1;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.blog-card-4:hover{background-color:var(--white-color);box-shadow:0 35px 41.5px -16px rgba(0,69,64,.08)}
.blog-card-4:hover .content .content-bottom .read-more-btn{border:2px solid var(--theme-color-2)}
.blog-card-4:hover .content .content-bottom .read-more-btn::before{left:-10%;transform:translateX(0) translateY(-50%)}
.blog-card-4 .thumb{position:relative}
.blog-card-4 .thumb>a{display:block;border-radius:10px 10px 0 0;overflow:hidden}
.blog-card-4 .thumb>a img{width:100%;border-radius:10px 10px 0 0}
.blog-card-4 .thumb .category{position:absolute;top:20px;left:20px}
.blog-card-4 .thumb .category a{display:inline-block;padding:8px 18px;background:rgba(255,255,255,.01);border:1.5px solid rgba(255,255,255,.3);box-shadow:inset 0 4px 11px rgba(255,255,255,.4),inset -1px -4px 23.1px rgba(0,24,25,.28);backdrop-filter:blur(23.9px);border-radius:53px;color:var(--white-color)}
.blog-card-4 .thumb .category a:hover{color:var(--theme-color-3);background:var(--white-color)}
.blog-card-4 .content{padding:24px 102px 26px 30px}
.blog-card-4 .content .blog-info{display:flex;align-items:center;gap:15px;margin-bottom:12px}
.blog-card-4 .content .blog-info p{font-family:var(--albert-sans-font);color:var(--body-color);margin-bottom:0}
.blog-card-4 .content .blog-info .comment,.blog-card-4 .content .blog-info .date,.blog-card-4 .content .blog-info .publisher-info,.blog-card-4 .content .blog-info .view{display:flex;align-items:center;gap:10px}
.blog-card-4 .content .blog-info .comment img,.blog-card-4 .content .blog-info .date img,.blog-card-4 .content .blog-info .publisher-info img,.blog-card-4 .content .blog-info .view img{width:30px;height:30px;border-radius:100%}
.blog-card-4 .content .title h3{font-weight:600;font-size:48px;line-height:60px;color:var(--theme-color-3);margin-bottom:12px}
.blog-card-4 .content .title h3 a{color:var(--theme-color-3)}
.blog-card-4 .content .text p{font-family:"DM Sans";font-style:normal;font-weight:400;font-size:17px;line-height:28px;color:var(--body-color);margin-bottom:24px}
.blog-card-4 .content .read-more-btn{color:var(--theme-color-3);background-color:transparent;border:2px solid rgba(0,69,64,.1)}
.blog-card-4 .content .read-more-btn:hover{color:var(--white-color)}
.blog-card-5 .thumb{margin-bottom:24px}
.blog-card-5 .thumb>a{border-radius:10px}
.blog-card-5 .thumb>a img{width:100%;border-radius:10px}
.blog-card-5 .content .blog-info{display:flex;align-items:center;gap:15px;margin-bottom:12px}
.blog-card-5 .content .blog-info p{font-family:var(--albert-sans-font);color:var(--body-color);margin-bottom:0}
.blog-card-5 .content .blog-info .comment,.blog-card-5 .content .blog-info .date,.blog-card-5 .content .blog-info .publisher-info,.blog-card-5 .content .blog-info .view{display:flex;align-items:center;gap:10px}
.blog-card-5 .content .blog-info .comment img,.blog-card-5 .content .blog-info .date img,.blog-card-5 .content .blog-info .publisher-info img,.blog-card-5 .content .blog-info .view img{width:30px;height:30px;border-radius:100%}
.blog-card-5 .content .title h3{font-weight:600;font-size:48px;line-height:60px;color:var(--theme-color-3);margin-bottom:24px}
@media (min-width:1200px) and (max-width:1399px){
.blog-card-5 .content .title h3{font-size:19px;line-height:1.4}
}
@media (min-width:992px) and (max-width:1199px){
.blog-card-5 .content .title h3{font-size:19px;line-height:1.4}
}
@media (min-width:768px) and (max-width:991px){
.blog-card-5 .content .title h3{font-size:18px;line-height:1.4}
}
@media (max-width:767px){
.blog-card-5 .content .title h3{font-size:18px;line-height:1.4}
}
.blog-card-5 .content .title h3 a{color:var(--theme-color-3)}
.blog-card-5 .content .text p{font-family:"DM Sans";font-style:normal;font-weight:400;font-size:17px;line-height:28px;color:var(--body-color);margin-bottom:24px}
.detail-thumb-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:24px}
.detail-thumb-wrap img{border-radius:10px}
.blog-tags{display:flex;justify-content:space-between;align-items:center;padding:30px 20px}
.blog-tags .tag-wrap{display:flex;align-items:center;gap:20px}
.blog-tags .tag-wrap p{font-family:var(--dm-sans-font);font-style:normal;font-weight:500;font-size:18px;line-height:30px;color:var(--theme-color-3);margin-bottom:0}
.blog-tags .tag-wrap .tags{display:flex;align-items:center;gap:8px}
.blog-tags .tag-wrap .tags button{font-family:var(--dm-sans-font);font-style:normal;font-weight:500;font-size:15px;line-height:100%;color:var(--body-color);padding:7px 12px;background:#f8f7f0;border:1px solid var(--white-color);box-shadow:0 6px 30px rgba(0,69,64,.09);border-radius:10px;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}
.blog-tags .tag-wrap .tags button:hover{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2);border-color:var(--theme-color-3)}
.blog-tags .socials{display:flex;flex-direction:column;gap:5px}
.blog-tags .socials .social-links{display:flex;gap:10px;transition:all .3s}
.blog-tags .socials .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50px;background:#f8f7f0;color:var(--body-color)}
.blog-tags .socials .social-links a:hover{background: #7bb560;
background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%);color:var(--theme-color-2)}
.about-us-section{padding:3rem 2rem 1rem 2rem}
.services-we-offer-section{padding:3rem 0}
.company-achievements-section {
padding: 3rem 0 3rem 0;
background: #000;
}
.carousel-control-next,.carousel-control-prev{width:3.5%}
.video.bg-video::before{content:"";position:absolute;inset:0;background:#008f5a;opacity:.55;mix-blend-mode:multiply;z-index:2}
video.bg-video{width:100%;z-index:1;position:absolute;background:#000}
.services-we-offer-section{position:relative;overflow:hidden}
.services-we-offer-section::before{content:"";position:absolute;inset:0;background:rgb(0 0 0 / 79%);z-index:2;pointer-events:none}
.services-we-offer-section .bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}
.services-we-offer-section .container-fluid{position:relative;z-index:3}
.why-us-section{padding:3rem 0 1rem 0}
li.active a{color:#a9c200}
.shape-8{position:absolute;right:2%;bottom:2%;width:139px}
.video-section{position:relative;height:82vh;width:100%;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}
.bg-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:0;object-fit:cover}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1}
.content-wrapper{position:relative;z-index:2;width:100%;height:100%}
.corner-tl{position:absolute;top:50px;left:50px;width:25vw;height:15vh;border-top:1px solid rgba(255,255,255,.8);border-left:1px solid rgba(255,255,255,.8)}
.camping-text{position:absolute;top:38px;left:calc(50px + 25vw + 20px);font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#fff;font-weight:400}
.corner-tr{position:absolute;top:50px;right:50px;width:25vw;height:15vh;border-top:1px solid rgba(255,255,255,.8);border-right:1px solid rgba(255,255,255,.8)}
.corner-bl{position:absolute;bottom:50px;left:50px;width:25vw;height:15vh;border-bottom:1px solid rgba(255,255,255,.8);border-left:1px solid rgba(255,255,255,.8);display:flex;align-items:flex-end;padding-bottom:15px;padding-left:20px}
.rec-text{font-size:12px;letter-spacing:1px;display:flex;align-items:center;font-weight:600}
.rec-dot{color:#ff3b3b;font-size:8px;margin-right:6px}
.corner-br{position:absolute;bottom:50px;right:50px;width:25vw;height:15vh;border-bottom:1px solid rgba(255,255,255,.8);border-right:1px solid rgba(255,255,255,.8)}
.holidays-text{position:absolute;bottom:38px;right:calc(50px + 25vw + 20px);font-size:15px;letter-spacing:2px;text-transform:uppercase;color:#fff;font-weight:400}
.center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;width:100%}
.center-content h1{font-size:3rem;font-weight:600;margin-bottom:10px;color:#fff}
.center-content p{font-size:1.05rem;margin-bottom:35px;color:#e0e0e0;font-weight:300}
.play-btn{width:65px;height:65px;background:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#f13b2f;font-size:22px;cursor:pointer;transition:transform .3s ease}
.play-btn:hover{transform:scale(1.08)}
.play-btn i{margin-left:4px}
.scroll-up-btn{position:absolute;bottom:35px;right:35px;width:45px;height:45px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#333;font-size:16px;cursor:pointer;z-index:15;transition:background .3s ease}
.scroll-up-btn:hover{background:#e9e9e9}
.modal-content{background-color:transparent;border:none}
.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%);opacity:1;margin-bottom:10px}
@media (max-width:768px){
.corner-bl,.corner-br,.corner-tl,.corner-tr{width:15vw}
.center-content h1{font-size:2.2rem}
.camping-text,.holidays-text{display:none}
}
.blog-card p{font-size:14.5px;text-align:justify}
.common-subtitle img {
width: 24px;
}
.footer-section-2 .footer-widget .w-title img {
width: 29px;
}


.service-row {
width: 100%;
max-width: 1400px;
margin: 0 auto;
}

/* Common Card Box Styling */
.card-box {
padding: 3.8rem 3.5rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
}

/* Top row with Number and Icon */
.card-header-row {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 3rem;
}

.step-number {
font-size: 5rem;
font-weight: 800;
line-height: 1;
letter-spacing: -2px;
}

/* Custom Image Icon Styling */
.step-icon img {
width: 49px;
height: auto;
display: block;
object-fit: contain;
}
/* Heading Styling */
.card-heading {
font-size: 1.4rem;
text-transform: uppercase;
line-height: 1.3;
margin-bottom: 1.5rem;
letter-spacing: 0.5px;
}

.card-heading .light-text {
font-weight: 400;
}

.card-heading .bold-text {
font-weight: 800;
}

/* Paragraph Styling */
.card-desc {
font-size: 1.05rem;
line-height: 1.6;
font-weight: 400;
margin: 0;
}

/* ==================================
BOX 1 (Dark Charcoal)
================================== */
.box-1 {
background-color: #282c31; 
}
.box-1 .step-number {
color: rgba(255, 255, 255, 0.08); 
}
.box-1 .card-heading {
color: #ffffff;
}
.box-1 .card-desc {
color: #e4e4e4; 
}

/* ==================================
BOX 2 (Green Gradient)
================================== */
.box-2 {
background: linear-gradient(135deg, #8dc63f 0%, #a8cf2a 100%); 
}
.box-2 .step-number {
color: rgba(255, 255, 255, 0.25);
}
.box-2 .card-heading {
color: #ffffff;
}
.box-2 .card-desc {
color: #ffffff;
}

/* ==================================
BOX 3 (Light Gray)
================================== */
.box-3 {
background-color: #f4f4f4;
}
.box-3 .step-number {
color: rgba(0, 0, 0, 0.08);
}
.box-3 .card-heading {
color: #292d32;
}
.box-3 .card-desc {
color: #85888b;
}

/* Responsive */
@media (max-width: 991px) {
.card-box {
padding: 4rem 2rem;
}
}
section.ourmanagement-section {
padding-bottom: 3rem;
}

.hero-content {
bottom: 50%;
transform: translateY(79%);
text-align: left;
left: 5%;
right: auto;
max-width: 581px;
}

.hero-content h1 {
font-size: 56px;
font-weight: 700;
color: #fff;
text-shadow: 1px 1px #000;
text-transform: uppercase;
}

.hero-content p{
font-size: 18px;
color: #fff;
margin: 20px 0;
text-shadow: 1px 1px #000;
}

.hero-content .btn{
padding: 12px 30px;
}

.in {
padding: 2.5rem 0 1rem 0;
}
.event-card-title {
text-align: justify;
margin-bottom: 1rem;
}
.thumb-1111 img {
width: 100%;
padding-right: 5%;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
filter: drop-shadow(19px 24px 0 #a9c20036);
}
.why-us-content p {
text-align: justify;
}
.masterzz {
padding-left: 3%;
}

.thumb1 {
padding-left: 7%;
}
.mainge {
color: #a9c200;
border: 1px solid #a9c200;
/* background: linear-gradient(135deg, #7bb560f5 0%, #a9c200 100%); */
padding: 5px 12px;
border-radius: 40px;
margin-bottom: 13px;
}

.why-us-section-6 {
padding-top: 3rem;
}

.epr-header-wrap {
text-align: center;
max-width: 830px;
margin: 0 auto 14px;
}


.epr-top-leaf {
display: inline-flex;
align-items: center;
justify-content: center;
color: #a9c200;
font-size: 1.8rem;
margin-bottom: 15px;
position: relative;
}

.epr-top-leaf::before,
.epr-top-leaf::after {
content: "";
position: absolute;
top: 50%;
width: 40px;
height: 1.5px;
background-color: #cbd5e1;
}

.epr-top-leaf::before {
right: 100%;
margin-right: 15px;
}

.epr-top-leaf::after {
left: 100%;
margin-left: 15px;
}

.epr-main-heading {
font-size: 2.5rem;
font-weight: 600;
letter-spacing: 0.5px;
margin-bottom: 20px;
line-height: 1.2;
color: #000;
}

.epr-title-green {
color: #a9c200;
}

.epr-lead-text {
font-size: 1rem;
color: #64748b;
line-height: 1.6;
font-weight: 500;
}

/* ==========================================
DESKTOP CIRCULAR LAYOUT (992px and above)
========================================== */
@media (min-width: 992px) {
.epr-mobile-view {
display: none !important;
}

.epr-desktop-wrapper {
position: relative;
width: 900px;
height: 700px;
/* SVG Canvas height */
margin: 0 auto 0;
}

/* SVG Underlay for connecting dotted lines */
.epr-svg-connections {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
}

/* Central Hub */
.epr-center-hub {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 260px;
height: 260px;
background-color: #ffffff;
border: 2px solid #e2e8f0;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
z-index: 5;
}

.epr-center-hub::after {
content: "";
position: absolute;
inset: 8px;
border: 5px dashed rgb(46 125 50 / 8%);
border-radius: 50%;
}

.epr-hub-title {
font-size: 2rem;
font-weight: 800;
color: #1e293b;
margin: 0 0 0px;
z-index: 10;
}

.epr-hub-text {
font-size: 1.05rem;
font-weight: 700;
color: #a9c200;
margin: 0;
line-height: 1.3;
z-index: 10;
}

/* Circular Nodes (Icons) */
.epr-step-node {
position: absolute;
width: 85px;
height: 85px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.5rem;
color: #ffffff;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
z-index: 10;
transition: transform 0.3s ease;
}


/* Inner white border detail on icons */
.epr-step-node::after {
content: '';
position: absolute;
inset: 5px;
border: 1.5px dashed rgba(255, 255, 255, 0.7);
border-radius: 50%;
}

.epr-node-blue {
background-color: #000;
}

.epr-node-green {
background-color: #a9c200;
}

/* Exact geometric positions for radius = 260px from center (450, 350) */
.epr-pos-1 {
left: 320px;
top: 125px;
transform: translate(-50%, -50%);
}

/* Top Left */
.epr-pos-2 {
left: 580px;
top: 125px;
transform: translate(-50%, -50%);
}

/* Top Right */
.epr-pos-3 {
left: 710px;
top: 350px;
transform: translate(-50%, -50%);
}

/* Right */
.epr-pos-4 {
left: 580px;
top: 575px;
transform: translate(-50%, -50%);
}

/* Bottom Right */
.epr-pos-5 {
left: 320px;
top: 575px;
transform: translate(-50%, -50%);
}

/* Bottom Left */
.epr-pos-6 {
left: 190px;
top: 350px;
transform: translate(-50%, -50%);
}

/* Left */

/* Text Blocks */
.epr-text-block {
position: absolute;
width: 240px;
z-index: 10;
}

.epr-text-num {
font-size: 4.2rem;
font-weight: 800;
color: #0000000a;
margin-bottom: 5px;
display: block;
position: absolute;
top: -61px;
}

.epr-text-title {
font-size: 0.95rem;
font-weight: 700;
color: #1e293b;
margin-bottom: 8px;
line-height: 1.3;
}

.epr-text-desc {
font-size: 0.78rem;
color: #64748b;
margin: 0;
line-height: 1.5;
font-weight: 500;
}

/* Left Side Texts (Right Aligned) */
.epr-align-left {
text-align: right;
}

.epr-txt-1 {
right: calc(100% - 320px + 74px);
top: 95px;
transform: translateY(-50%);
}

.epr-txt-6 {
right: calc(100% - 190px + 60px);
top: 350px;
transform: translateY(-50%);
}

.epr-txt-5 {
right: calc(100% - 320px + 87px);
top: 586px;
transform: translateY(-50%);
}

/* Right Side Texts (Left Aligned) */
.epr-align-right {
text-align: left;
}

.epr-txt-2 {
left: calc(580px + 77px);
top: 97px;
transform: translateY(-50%);
}

.epr-txt-3 {
left: calc(710px + 60px);
top: 350px;
transform: translateY(-50%);
}

.epr-txt-4 {
left: calc(580px + 91px);
top: 587px;
transform: translateY(-50%);
}
}

/* ==========================================
MOBILE TIMELINE LAYOUT (991px and below)
========================================== */
@media (max-width: 991px) {
.epr-desktop-wrapper {
display: none !important;
}

.epr-mobile-view {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 600px;
margin: 0 auto 50px;
padding: 0 15px;
}

.epr-mob-hub {
background: #ffffff;
border: 2px solid #a9c200;
border-radius: 16px;
padding: 25px;
text-align: center;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
margin-bottom: 20px;
}

.epr-mob-hub h3 {
font-size: 1.3rem;
font-weight: 800;
color: #1e293b;
margin: 0 0 5px;
}

.epr-mob-hub p {
font-size: 0.95rem;
font-weight: 700;
color: #a9c200;
margin: 0;
}

.epr-mob-step {
display: flex;
gap: 20px;
align-items: center;
background: #f8fafc;
padding: 20px;
border-radius: 16px;
border: 1px solid #e2e8f0;
}

.epr-mob-icon {
width: 70px;
height: 70px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 2rem;
flex-shrink: 0;
position: relative;
}

.epr-mob-icon::after {
content: '';
position: absolute;
inset: 4px;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 50%;
}

.epr-node-blue {
background-color: #000;
}

.epr-node-green {
background-color: #a9c200;
}

.epr-mob-info .epr-text-num {
font-size: 1.1rem;
font-weight: 800;
color: #000;
margin-bottom: 2px;
display: block;
}

.epr-mob-info h4 {
font-size: 0.95rem;
font-weight: 700;
color: #1e293b;
margin-bottom: 6px;
line-height: 1.3;
}

.epr-mob-info p {
font-size: 0.8rem;
color: #64748b;
margin: 0;
line-height: 1.5;
}
}

/* ==========================================
BOTTOM SPLIT BANNER
========================================== */
.epr-bottom-banner {
display: flex;
background-color: #f5f9f5;
border-radius: 20px;
max-width: 1100px;
margin: 0 auto 40px;
overflow: hidden;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
flex-wrap: wrap;
}

/* Left Side: Resource Recovery */
.epr-banner-left {
flex: 1.2;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}

.epr-banner-title {
color: #a9c200;
font-size: 1.2rem;
font-weight: 800;
margin-bottom: 8px;
text-transform: uppercase;
}

.epr-banner-desc {
color: #64748b;
font-size: 0.85rem;
margin-bottom: 30px;
max-width: 350px;
font-weight: 500;
}

.epr-icons-row {
display: flex;
justify-content: space-between;
gap: 15px;
text-align: center;
}

.epr-icon-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}

.epr-circle-bg {
width: 65px;
height: 65px;
background-color: #e8f5e9;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.2rem;
color: #a9c200;
transition: transform 0.3s;
}

.epr-icon-item:hover .epr-circle-bg {
transform: translateY(-5px);
}

.epr-icon-item span {
font-size: 0.75rem;
font-weight: 700;
color: #1e293b;
}

/* Right Side: CTA Card with Background Image */
.epr-banner-right {
flex: 1;
/* Gradient overlays the dark green on the left, fades into the tyre image on the right */
background: linear-gradient(to right, #1b5e20 40%, rgba(27, 94, 32, 0.7) 100%), url('https://images.unsplash.com/photo-1622322332155-7561f5da3d54?q=80&w=800&auto=format&fit=crop') center/cover no-repeat;
padding: 40px;
color: #ffffff;
display: flex;
flex-direction: column;
justify-content: center;
}

.epr-banner-right h3 {
font-size: 1.6rem;
font-weight: 800;
margin-bottom: 15px;
line-height: 1.3;
}

.epr-banner-right p {
font-size: 0.85rem;
color: rgba(255, 255, 255, 0.9);
margin-bottom: 25px;
line-height: 1.5;
}

.epr-cta-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background-color: #8bc34a;
color: #ffffff;
padding: 12px 25px;
border-radius: 50px;
font-weight: 700;
font-size: 0.9rem;
text-decoration: none;
width: max-content;
transition: background 0.3s;
}

.epr-cta-btn:hover {
background-color: #7cb342;
color: #fff;
}

/* Footer Line */
.epr-footer-line {
height: 12px;
background-color: #000;
width: 100%;
}

@media (max-width: 991px) {
.epr-bottom-banner {
flex-direction: column;
margin: 0 15px 40px;
}

.epr-banner-left {
padding: 30px 20px;
text-align: center;
}

.epr-banner-desc {
margin: 0 auto 30px;
}

.epr-icons-row {
flex-wrap: wrap;
justify-content: center;
gap: 25px;
}

.epr-icon-item {
width: 40%;
}

.epr-banner-right {
padding: 40px 20px;
text-align: center;
align-items: center;
background: linear-gradient(to right, rgba(27, 94, 32, 0.9) 0%, rgba(27, 94, 32, 0.9) 100%), url('https://images.unsplash.com/photo-1622322332155-7561f5da3d54?q=80&w=800&auto=format&fit=crop') center/cover no-repeat;
}
}
 
    .epr-top-banner {
        margin-top: 3rem;
        background-size: 100%;
    }

    /* Container ko relative banayenge taaki uske andar ki image set ho sake */
.image-swap-wrapper {
    position: relative;
    display: inline-block; /* Ye jaruri hai taaki size fix rahe */
}

/* Dono images ka size same rakhne ke liye aur transition add karne ke liye */
.image-swap-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.5s ease-in-out; /* 0.5s se ekdum smooth change hoga */
}

/* Hover wali image default hide rahegi aur absolute position par hogi */
.image-swap-wrapper .img-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; 
}

/* --- HOVER EFFECT --- */

/* Jab user hover karega, to normal image fade out ho jayegi */
.image-swap-wrapper:hover .img-default {
    opacity: 0;
}

/* Aur hover wali image fade in ho jayegi */
.image-swap-wrapper:hover .img-hover {
    opacity: 1;
}