@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {--cp-ff-body:'Inter', sans-serif; --cp-ff-heading:'Oak Sans', serif; --cp-ff-p:'Inter', sans-serif; --cp-fw-normal:normal; --cp-fw-thin:100; --cp-fw-elight:200; --cp-fw-light:300; --cp-fw-regular:400; --cp-fw-medium:500; --cp-fw-sbold:600; --cp-fw-bold:700; --cp-fw-ebold:800; --cp-fw-black:900; --cp-fs-body:18px; --cp-fs-p:18px; --cp-fs-h1:53px; --cp-fs-h2:40px; --cp-fs-h3:24px; --cp-fs-h4:20px; --cp-fs-h5:18px; --cp-fs-h6:14px; --cp-color-common-white:#ffffff; --cp-color-common-black:#000000; --cp-color-heading-primary:var(--svl-color4); --cp-color-text-body:#424742; --cp-color-text-black:#111111; --cp-color-theme-primary:var(--svl-color1); --cp-color-bg-1:#004037; --cp-color-bg-2:#222; --cp-color-grey-1:var(--svl-color3); --cp-color-border-1:#5F5F5F;}
@font-face {font-family:"Oak Sans"; src:url("../fonts/OakSans-ExtraBold.woff2") format("woff2"), url("../fonts/OakSans-ExtraBold.woff") format("woff"); font-weight:bold; font-style:normal; font-display:swap;}
@font-face {font-family:"Oak Sans"; src:url("../fonts/OakSans-Light.woff2") format("woff2"), url("../fonts/OakSans-Light.woff") format("woff"); font-weight:300; font-style:normal; font-display:swap;}
@font-face {font-family:"Oak Sans"; src:url("../fonts/OakSans-SemiBold.woff2") format("woff2"), url("../fonts/OakSans-SemiBold.woff") format("woff"); font-weight:600; font-style:normal; font-display:swap;}
@font-face {font-family:"Oak Sans"; src:url("../fonts/OakSans-Bold.woff2") format("woff2"), url("../fonts/OakSans-Bold.woff") format("woff"); font-weight:bold; font-style:normal; font-display:swap;}
@font-face {font-family:"Oak Sans"; src:url("../fonts/OakSans-Black.woff2") format("woff2"), url("../fonts/OakSans-Black.woff") format("woff"); font-weight:900; font-style:normal; font-display:swap;}
@font-face {font-family:"Oak Sans"; src:url("../fonts/OakSans-Medium.woff2") format("woff2"), url("../fonts/OakSans-Medium.woff") format("woff"); font-weight:500; font-style:normal; font-display:swap;}
@font-face {font-family:"Oak Sans"; src:url("../fonts/OakSans-Regular.woff2") format("woff2"), url("../fonts/OakSans-Regular.woff") format("woff"); font-weight:normal; font-style:normal; font-display:swap;}
* {margin:0; padding:0; box-sizing:border-box;}
body {background-color:var(--cp-color-common-white); font-family:var(--cp-ff-body); font-size:18px; line-height:1.625; font-weight:400; color:var(--cp-color-text-body); position:relative; z-index:1;}
img {max-width:100%;}
a {text-decoration:none;}
a, a:hover {-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
h1, h2, h3, h4, h5, h6 {font-family:var(--cp-ff-heading); margin-top:0px; font-weight:600; line-height:1.2; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
h1 {font-size:var(--cp-fs-h1);  color:var(--cp-color-heading-primary);}
h2 {font-size:var(--cp-fs-h2);}
h3 {font-size:var(--cp-fs-h3);}
h4 {font-size:var(--cp-fs-h4);}
h5 {font-size:var(--cp-fs-h5);}
h6 {font-size:var(--cp-fs-h6);}
b, strong { font-weight: 600; }
ul {margin:0px; padding:0px;}
.text-primary { color: var(--cp-color-heading-primary) !important; }
.fw-bold { font-weight: 600 !important; }
p {font-family:var(--cp-ff-p); font-size:18px; font-weight:400; color:var(--cp-color-text-body); margin-bottom:15px;}
a:focus, .button:focus {text-decoration:none; outline:none;}
a:focus, a:hover {color:inherit; text-decoration:none;}
a:hover {color:var(--cp-color-theme-primary);}
a, button {color:inherit; outline:none; border:none; background:transparent;}
button:hover {cursor:pointer;}
button:focus {outline:0; border:0;}
.uppercase {text-transform:uppercase;}
.capitalize {text-transform:capitalize;}
input {outline:none;}
ul {display:block; padding:0; margin:0;}
*::-moz-selection {background:var(--cp-color-common-black); color:var(--cp-color-common-white); text-shadow:none;}
::-moz-selection {background:var(--cp-color-common-black); color:var(--cp-color-common-white); text-shadow:none;}
::selection {background:var(--cp-color-common-black); color:var(--cp-color-common-white); text-shadow:none;}
*::-moz-placeholder {color:var(--cp-color-common-black); font-size:var(--cp-fs-body); opacity:1;}
*::placeholder {color:var(--cp-color-common-black); font-size:var(--cp-fs-body); opacity:1;}
.w-img img {width:100%;}
.m-img img {max-width:100%;}
.fix {overflow:hidden;}
.clear {clear:both;}
.f-left {float:left;}
.f-right {float:right;}
.z-index-1 {z-index:1;}
.z-index-11 {z-index:11;}
.overflow-y-visible {overflow-x:hidden; overflow-y:visible;}
.p-relative {position:relative;}
.p-absolute {position:absolute;}
.include-bg {background-position:center; background-size:cover; background-repeat:no-repeat;}
.b-radius {border-radius:6px;}
.overflow-x {overflow-x:clip;}
.bg-grey {background-color:var(--cp-color-grey-1);}
.bg-dark-1 {background-color:var(--cp-color-bg-1);}
.bg-dark-2 {background-color:var(--cp-color-bg-2);}
.bd-bottom {border-bottom:1px solid var(--cp-color-border-1);}
.bg-color-top {background-color:#171719; width:100%; height:400px; position:absolute; left:0; top:0; z-index:-2;}
.bg-color-bottom {background-color:#171719; width:100%; height:400px; position:absolute; left:0; bottom:0; z-index:-2;}
.container {max-width:1345px; width:100%; margin:0 auto;}
.overflow-h {overflow:hidden;}
.section-heading {margin-bottom:80px; position:relative; z-index:1;}

@media only screen and (max-width: 992px) {
.section-heading {margin-bottom:50px;}

}

.section-heading .sub-heading {font-family:var(--cp-ff-heading); color:var(--svl-color2); font-size:14px; font-weight:600; display:inline-block; margin-bottom:10px; letter-spacing:0px; text-transform:uppercase; position:relative; overflow:hidden; border:1px solid rgba(0, 153, 89, 0.2); border-radius:100px; padding:10px 20px 8px 20px; line-height:1;}

@media only screen and (max-width: 992px) {
.section-heading .sub-heading {font-size:16px;}
}

@media only screen and (max-width: 767px) {
.section-heading .sub-heading {font-size:14px;}
}

.section-heading .section-title {color: #111; font-size:40px; line-height:1.2; font-weight:600; display:block; margin-bottom:0; text-transform:inherit; position:relative;}



@media only screen and (max-width: 992px) {
.section-heading .section-title {font-size:42px; max-width:100%;}
}

@media only screen and (max-width: 767px) {
.section-heading .section-title {font-size:36px;}
}

.section-heading.white-content .sub-heading {color:var(--cp-color-theme-primary); border:1px solid var(--cp-color-theme-primary);}
.section-heading.white-content p, .section-heading.white-content .section-title {color:var(--cp-color-common-white);}
.section-heading.heading-2 {margin-bottom:30px;}
.section-heading.heading-2 .section-title {margin-bottom:25px;}

@media (max-width: 1199px) {
.section-heading.heading-2 .section-title {margin:0; margin-bottom:25px;}
}

.heading-space {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; row-gap:25px; margin-bottom:80px;}

@media only screen and (max-width: 992px) {
.heading-space {margin-bottom:50px;}
}

.t-up {text-transform:uppercase;}
.white-content h1, .white-content h2, .white-content h3, .white-content h4, .white-content h5, .white-content h6, .white-content p, .white-content li, .white-content span {color:var(--cp-color-common-white);}
.img-reveal {position:relative; overflow:hidden; visibility:hidden; z-index:1;}
.img-reveal .img-overlay {background-color:var(--cp-color-theme-primary); height:100%; width:100%; position:absolute; top:0; left:0; z-index:2;}
.img-reveal img {object-fit:cover; height:100%; width:100%; border-radius:15px;}
.anim-text {overflow:hidden;}
.running-text {background-color:var(--cp-color-theme-primary); background-repeat:repeat; background-size:20px; padding:14px 0; overflow:hidden;}
.running-text ul {list-style:none; margin:0; padding:0; display:flex; gap:95px;}
.running-text ul li {font-family:var(--cp-ff-heading); color:var(--cp-color-heading-primary); display:inline-block; white-space:nowrap; font-size:20px; color:var(--cp-color-text-black); text-transform:uppercase; text-transform:uppercase; font-weight:600; position:relative;}
.running-text ul li:before {background-image:url(../img/icon/running-text-icon.png); background-position:center; background-size:contain; content:""; height:27px; width:27px; position:absolute; right:-60px; top:51%; transform:translateY(-50%);}
.running-text.running-2 {background-color:var(--cp-color-common-white);}

@media (min-width: 992px) {
.mt-cursor {display:block; width:10px; height:10px; border-radius:50%; position:fixed; left:10px; top:10px; user-select:none; pointer-events:none; visibility:hidden; z-index:10000; -webkit-transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.mt-cursor:before {background:var(--cp-color-theme-primary); opacity:1; content:""; width:100%; height:100%; border-radius:50%; position:absolute; left:0; top:0; transition:all 0.3s ease;}
.mt-cursor.cursor-grow:before {opacity:0.7; transform:scale(1.5); transition:all 0.3s ease;}
.mt-cursor.hide {opacity:0; transition:opacity 0.3s ease; transition-delay:0.4s;}
.mt-cursor.hide .inner {transform:scale(0.1); transition:transform 0.3s ease;}
}

.sticky-widget {position:-webkit-sticky; position:sticky; top:170px;}



.mt-5 {margin-top:5px;}
.mt-10 {margin-top:10px;}
.mt-15 {margin-top:15px;}
.mt-20 {margin-top:20px;}
.mt-25 {margin-top:25px;}
.mt-30 {margin-top:30px;}
.mt-35 {margin-top:35px;}
.mt-40 {margin-top:40px;}
.mt-45 {margin-top:45px;}
.mt-50 {margin-top:50px;}
.mt-55 {margin-top:55px;}
.mt-60 {margin-top:60px;}
.mt-65 {margin-top:53px;}
.mt-70 {margin-top:70px;}
.mt-75 {margin-top:75px;}
.mt-80 {margin-top:80px;}
.mt-85 {margin-top:85px;}
.mt-90 {margin-top:90px;}
.mt-95 {margin-top:95px;}
.mt-100 {margin-top:100px;}
.mt-105 {margin-top:105px;}
.mt-110 {margin-top:95px;}
.mt-115 {margin-top:115px;}
.mt-120 {margin-top:120px;}
.mt-125 {margin-top:125px;}
.mt-130 {margin-top:130px;}
.mt-135 {margin-top:135px;}
.mt-140 {margin-top:140px;}
.mt-145 {margin-top:145px;}
.mt-150 {margin-top:150px;}
.mt-155 {margin-top:155px;}
.mt-160 {margin-top:160px;}
.mt-165 {margin-top:153px;}
.mt-170 {margin-top:170px;}
.mt-175 {margin-top:175px;}
.mt-180 {margin-top:180px;}
.mt-185 {margin-top:185px;}
.mt-190 {margin-top:190px;}
.mt-195 {margin-top:195px;}
.mt-200 {margin-top:200px;}
.mb-5 {margin-bottom:5px;}
.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-20 {margin-bottom:20px;}
.mb-25 {margin-bottom:25px;}
.mb-30 {margin-bottom:30px;}
.mb-35 {margin-bottom:35px;}
.mb-40 {margin-bottom:40px;}
.mb-45 {margin-bottom:45px;}
.mb-50 {margin-bottom:50px;}
.mb-55 {margin-bottom:55px;}
.mb-60 {margin-bottom:60px;}
.mb-65 {margin-bottom:53px;}
.mb-70 {margin-bottom:70px;}
.mb-75 {margin-bottom:75px;}
.mb-80 {margin-bottom:80px;}
.mb-85 {margin-bottom:85px;}
.mb-90 {margin-bottom:90px;}
.mb-95 {margin-bottom:95px;}
.mb-100 {margin-bottom:100px;}
.mb-105 {margin-bottom:105px;}
.mb-110 {margin-bottom:95px;}
.mb-115 {margin-bottom:115px;}
.mb-120 {margin-bottom:120px;}
.mb-125 {margin-bottom:125px;}
.mb-130 {margin-bottom:130px;}
.mb-135 {margin-bottom:135px;}
.mb-140 {margin-bottom:140px;}
.mb-145 {margin-bottom:145px;}
.mb-150 {margin-bottom:150px;}
.mb-155 {margin-bottom:155px;}
.mb-160 {margin-bottom:160px;}
.mb-165 {margin-bottom:153px;}
.mb-170 {margin-bottom:170px;}
.mb-175 {margin-bottom:175px;}
.mb-180 {margin-bottom:180px;}
.mb-185 {margin-bottom:185px;}
.mb-190 {margin-bottom:190px;}
.mb-195 {margin-bottom:195px;}
.mb-200 {margin-bottom:200px;}
.ml-5 {margin-left:5px;}
.ml-10 {margin-left:10px;}
.ml-15 {margin-left:15px;}
.ml-20 {margin-left:20px;}
.ml-25 {margin-left:25px;}
.ml-30 {margin-left:30px;}
.ml-35 {margin-left:35px;}
.ml-40 {margin-left:40px;}
.ml-45 {margin-left:45px;}
.ml-50 {margin-left:50px;}
.ml-55 {margin-left:55px;}
.ml-60 {margin-left:60px;}
.ml-65 {margin-left:53px;}
.ml-70 {margin-left:70px;}
.ml-75 {margin-left:75px;}
.ml-80 {margin-left:80px;}
.ml-85 {margin-left:85px;}
.ml-90 {margin-left:90px;}
.ml-95 {margin-left:95px;}
.ml-100 {margin-left:100px;}
.ml-105 {margin-left:105px;}
.ml-110 {margin-left:95px;}
.ml-115 {margin-left:115px;}
.ml-120 {margin-left:120px;}
.ml-125 {margin-left:125px;}
.ml-130 {margin-left:130px;}
.ml-135 {margin-left:135px;}
.ml-140 {margin-left:140px;}
.ml-145 {margin-left:145px;}
.ml-150 {margin-left:150px;}
.ml-155 {margin-left:155px;}
.ml-160 {margin-left:160px;}
.ml-165 {margin-left:153px;}
.ml-170 {margin-left:170px;}
.ml-175 {margin-left:175px;}
.ml-180 {margin-left:180px;}
.ml-185 {margin-left:185px;}
.ml-190 {margin-left:190px;}
.ml-195 {margin-left:195px;}
.ml-200 {margin-left:200px;}
.mr-5 {margin-right:5px;}
.mr-10 {margin-right:10px;}
.mr-15 {margin-right:15px;}
.mr-20 {margin-right:20px;}
.mr-25 {margin-right:25px;}
.mr-30 {margin-right:30px;}
.mr-35 {margin-right:35px;}
.mr-40 {margin-right:40px;}
.mr-45 {margin-right:45px;}
.mr-50 {margin-right:50px;}
.mr-55 {margin-right:55px;}
.mr-60 {margin-right:60px;}
.mr-65 {margin-right:53px;}
.mr-70 {margin-right:70px;}
.mr-75 {margin-right:75px;}
.mr-80 {margin-right:80px;}
.mr-85 {margin-right:85px;}
.mr-90 {margin-right:90px;}
.mr-95 {margin-right:95px;}
.mr-100 {margin-right:100px;}
.mr-105 {margin-right:105px;}
.mr-110 {margin-right:95px;}
.mr-115 {margin-right:115px;}
.mr-120 {margin-right:120px;}
.mr-125 {margin-right:125px;}
.mr-130 {margin-right:130px;}
.mr-135 {margin-right:135px;}
.mr-140 {margin-right:140px;}
.mr-145 {margin-right:145px;}
.mr-150 {margin-right:150px;}
.mr-155 {margin-right:155px;}
.mr-160 {margin-right:160px;}
.mr-165 {margin-right:153px;}
.mr-170 {margin-right:170px;}
.mr-175 {margin-right:175px;}
.mr-180 {margin-right:180px;}
.mr-185 {margin-right:185px;}
.mr-190 {margin-right:190px;}
.mr-195 {margin-right:195px;}
.mr-200 {margin-right:200px;}
.pt-5 {padding-top:5px;}
.pt-10 {padding-top:10px;}
.pt-15 {padding-top:15px;}
.pt-20 {padding-top:20px;}
.pt-25 {padding-top:25px;}
.pt-30 {padding-top:30px;}
.pt-35 {padding-top:35px;}
.pt-40 {padding-top:40px;}
.pt-45 {padding-top:45px;}
.pt-50 {padding-top:50px;}
.pt-55 {padding-top:55px;}
.pt-60 {padding-top:60px;}
.pt-65 {padding-top:53px;}
.pt-70 {padding-top:70px;}
.pt-75 {padding-top:75px;}
.pt-80 {padding-top:80px;}
.pt-85 {padding-top:85px;}
.pt-90 {padding-top:90px;}
.pt-95 {padding-top:95px;}
.pt-100 {padding-top:100px;}
.pt-105 {padding-top:105px;}
.pt-110 {padding-top:95px;}
.pt-115 {padding-top:115px;}
.pt-120 {padding-top:120px;}
.pt-125 {padding-top:125px;}
.pt-130 {padding-top:130px;}
.pt-135 {padding-top:135px;}
.pt-140 {padding-top:140px;}
.pt-145 {padding-top:145px;}
.pt-150 {padding-top:150px;}
.pt-155 {padding-top:155px;}
.pt-160 {padding-top:160px;}
.pt-165 {padding-top:153px;}
.pt-170 {padding-top:170px;}
.pt-175 {padding-top:175px;}
.pt-180 {padding-top:180px;}
.pt-185 {padding-top:185px;}
.pt-190 {padding-top:190px;}
.pt-195 {padding-top:195px;}
.pt-200 {padding-top:200px;}
.pb-5 {padding-bottom:5px;}
.pb-10 {padding-bottom:10px;}
.pb-15 {padding-bottom:15px;}
.pb-20 {padding-bottom:20px;}
.pb-25 {padding-bottom:25px;}
.pb-30 {padding-bottom:30px;}
.pb-35 {padding-bottom:35px;}
.pb-40 {padding-bottom:40px;}
.pb-45 {padding-bottom:45px;}
.pb-50 {padding-bottom:50px;}
.pb-55 {padding-bottom:55px;}
.pb-60 {padding-bottom:60px;}
.pb-65 {padding-bottom:53px;}
.pb-70 {padding-bottom:70px;}
.pb-75 {padding-bottom:75px;}
.pb-80 {padding-bottom:80px;}
.pb-85 {padding-bottom:85px;}
.pb-90 {padding-bottom:90px;}
.pb-95 {padding-bottom:95px;}
.pb-100 {padding-bottom:100px;}
.pb-105 {padding-bottom:105px;}
.pb-110 {padding-bottom:95px;}
.pb-115 {padding-bottom:115px;}
.pb-120 {padding-bottom:120px;}
.pb-125 {padding-bottom:125px;}
.pb-130 {padding-bottom:130px;}
.pb-135 {padding-bottom:135px;}
.pb-140 {padding-bottom:140px;}
.pb-145 {padding-bottom:145px;}
.pb-150 {padding-bottom:150px;}
.pb-155 {padding-bottom:155px;}
.pb-160 {padding-bottom:160px;}
.pb-165 {padding-bottom:153px;}
.pb-170 {padding-bottom:170px;}
.pb-175 {padding-bottom:175px;}
.pb-180 {padding-bottom:180px;}
.pb-185 {padding-bottom:185px;}
.pb-190 {padding-bottom:190px;}
.pb-195 {padding-bottom:195px;}
.pb-200 {padding-bottom:200px;}
.pl-5 {padding-left:5px;}
.pl-10 {padding-left:10px;}
.pl-15 {padding-left:15px;}
.pl-20 {padding-left:20px;}
.pl-25 {padding-left:25px;}
.pl-30 {padding-left:30px;}
.pl-35 {padding-left:35px;}
.pl-40 {padding-left:40px;}
.pl-45 {padding-left:45px;}
.pl-50 {padding-left:50px;}
.pl-55 {padding-left:55px;}
.pl-60 {padding-left:60px;}
.pl-65 {padding-left:53px;}
.pl-70 {padding-left:70px;}
.pl-75 {padding-left:75px;}
.pl-80 {padding-left:80px;}
.pl-85 {padding-left:85px;}
.pl-90 {padding-left:90px;}
.pl-95 {padding-left:95px;}
.pl-100 {padding-left:100px;}
.pl-105 {padding-left:105px;}
.pl-110 {padding-left:95px;}
.pl-115 {padding-left:115px;}
.pl-120 {padding-left:120px;}
.pl-125 {padding-left:125px;}
.pl-130 {padding-left:130px;}
.pl-135 {padding-left:135px;}
.pl-140 {padding-left:140px;}
.pl-145 {padding-left:145px;}
.pl-150 {padding-left:150px;}
.pl-155 {padding-left:155px;}
.pl-160 {padding-left:160px;}
.pl-165 {padding-left:153px;}
.pl-170 {padding-left:170px;}
.pl-175 {padding-left:175px;}
.pl-180 {padding-left:180px;}
.pl-185 {padding-left:185px;}
.pl-190 {padding-left:190px;}
.pl-195 {padding-left:195px;}
.pl-200 {padding-left:200px;}
.pr-5 {padding-right:5px;}
.pr-10 {padding-right:10px;}
.pr-15 {padding-right:15px;}
.pr-20 {padding-right:20px;}
.pr-25 {padding-right:25px;}
.pr-30 {padding-right:30px;}
.pr-35 {padding-right:35px;}
.pr-40 {padding-right:40px;}
.pr-45 {padding-right:45px;}
.pr-50 {padding-right:50px;}
.pr-55 {padding-right:55px;}
.pr-60 {padding-right:60px;}
.pr-65 {padding-right:53px;}
.pr-70 {padding-right:70px;}
.pr-75 {padding-right:75px;}
.pr-80 {padding-right:80px;}
.pr-85 {padding-right:85px;}
.pr-90 {padding-right:90px;}
.pr-95 {padding-right:95px;}
.pr-100 {padding-right:100px;}
.pr-105 {padding-right:105px;}
.pr-110 {padding-right:95px;}
.pr-115 {padding-right:115px;}
.pr-120 {padding-right:120px;}
.pr-125 {padding-right:125px;}
.pr-130 {padding-right:130px;}
.pr-135 {padding-right:135px;}
.pr-140 {padding-right:140px;}
.pr-145 {padding-right:145px;}
.pr-150 {padding-right:150px;}
.pr-155 {padding-right:155px;}
.pr-160 {padding-right:160px;}
.pr-165 {padding-right:153px;}
.pr-170 {padding-right:170px;}
.pr-175 {padding-right:175px;}
.pr-180 {padding-right:180px;}
.pr-185 {padding-right:185px;}
.pr-190 {padding-right:190px;}
.pr-195 {padding-right:195px;}
.pr-200 {padding-right:200px;}
.mt-10 {margin-top:10px;}
.mt-15 {margin-top:15px;}
.mt-20 {margin-top:20px;}
.mt-25 {margin-top:25px;}
.mt-30 {margin-top:30px;}
.mt-35 {margin-top:35px;}
.mt-40 {margin-top:40px;}
.mt-45 {margin-top:45px;}
.mt-50 {margin-top:50px;}
.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-20 {margin-bottom:20px;}
.mb-25 {margin-bottom:25px;}
.mb-30 {margin-bottom:30px;}
.mb-35 {margin-bottom:35px;}
.mb-40 {margin-bottom:40px;}
.mb-45 {margin-bottom:45px;}
.mb-50 {margin-bottom:50px;}
.mb-60 {margin-bottom:60px;}
.pt-180 {padding-top:180px;}

@media only screen and (max-width: 992px) {
.pt-180 {padding-top:70px;}
}

@media only screen and (max-width: 767px) {
.pt-180 {padding-top:50px;}
}

.pt-150 {padding-top:150px;}

@media only screen and (max-width: 992px) {
.pt-150 {padding-top:80px;}
}

@media only screen and (max-width: 767px) {
.pt-150 {padding-top:70px;}
}

.pt-140 {padding-top:150px;}

@media only screen and (max-width: 992px) {
.pt-140 {padding-top:80px;}
}

@media only screen and (max-width: 767px) {
.pt-140 {padding-top:70px;}
}

.pt-130 {padding-top:130px;}

@media only screen and (max-width: 992px) {
.pt-130 {padding-top:80px;}
}

@media only screen and (max-width: 767px) {
.pt-130 {padding-top:60px;}
}

.pt-120 {padding-top:120px;}

@media only screen and (max-width: 992px) {
.pt-120 {padding-top:70px;}
}

@media only screen and (max-width: 767px) {
.pt-120 {padding-top:60px;}
}

.pt-90 {padding-top:90px;}

@media only screen and (max-width: 992px) {
.pt-90 {padding-top:70px;}
}

@media only screen and (max-width: 767px) {
.pt-90 {padding-top:60px;}
}

.pt-80 {padding-top:80px;}

@media only screen and (max-width: 992px) {
.pt-80 {padding-top:70px;}
}

@media only screen and (max-width: 767px) {
.pt-80 {padding-top:60px;}
}

.pt-70 {padding-top:70px;}

@media only screen and (max-width: 992px) {
.pt-70 {padding-top:70px;}
}

@media only screen and (max-width: 767px) {
.pt-70 {padding-top:60px;}
}

.pb-180 {padding-bottom:180px;}

@media only screen and (max-width: 992px) {
.pb-180 {padding-bottom:70px;}
}

@media only screen and (max-width: 767px) {
.pb-180 {padding-bottom:60px;}
}

.pb-150 {padding-bottom:150px;}

@media only screen and (max-width: 992px) {
.pb-150 {padding-bottom:80px;}
}

@media only screen and (max-width: 767px) {
.pb-150 {padding-bottom:70px;}
}

.pb-140 {padding-bottom:150px;}

@media only screen and (max-width: 992px) {
.pb-140 {padding-bottom:80px;}
}

@media only screen and (max-width: 767px) {
.pb-140 {padding-bottom:70px;}
}

.pb-130 {padding-bottom:130px;}

@media only screen and (max-width: 992px) {
.pb-130 {padding-bottom:80px;}
}

@media only screen and (max-width: 767px) {
.pb-130 {padding-bottom:60px;}
}

.pb-120 {padding-bottom:120px;}

@media only screen and (max-width: 992px) {
.pb-120 {padding-bottom:70px;}
}

@media only screen and (max-width: 767px) {
.pb-120 {padding-bottom:60px;}
}

.pb-90 {padding-bottom:90px;}

@media only screen and (max-width: 992px) {
.pb-90 {padding-bottom:70px;}
}

@media only screen and (max-width: 767px) {
.pb-90 {padding-bottom:60px;}
}

.pb-80 {padding-bottom:80px;}

@media only screen and (max-width: 992px) {
.pb-80 {padding-bottom:70px;}
}

@media only screen and (max-width: 767px) {
.pb-80 {padding-bottom:60px;}
}

.pb-70 {padding-bottom:70px;}

@media only screen and (max-width: 992px) {
.pb-70 {padding-bottom:70px;}
}

@media only screen and (max-width: 767px) {
.pb-70 {padding-bottom:60px;}
}

@media only screen and (max-width: 992px) {
.md-pb-30 {padding-bottom:30px;}
}

@media only screen and (max-width: 992px) {
.md-pb-40 {padding-bottom:40px;}
}

@media only screen and (max-width: 992px) {
.md-pb-50 {padding-bottom:50px;}
}

@media only screen and (max-width: 992px) {
.md-mb-30 {margin-bottom:30px;}
}

@media only screen and (max-width: 992px) {
.md-mb-40 {margin-bottom:40px;}
}

@media only screen and (max-width: 992px) {
.md-mb-50 {margin-bottom:50px;}
}

#scroll-percentage {position:absolute;}
#scroll-percentage {height:60px; width:60px; background-color:var(--cp-color-bg-2); border-radius:50%; position:fixed; bottom:40px; right:50px; transform:scale(0); display:grid; place-items:center; cursor:pointer; visibility:hidden; opacity:0; -webkit-transition:all 0.3s; transition:all 0.3s; z-index:100;}

@media only screen and (max-width: 992px) {
#scroll-percentage {right:30px;}
}

@media only screen and (max-width: 767px) {
#scroll-percentage {bottom:20px; right:20px;}
}

#scroll-percentage.active {bottom:50px; transform:scale(1); opacity:1; visibility:visible; -webkit-animation:500ms ease-in-out 0s normal none 1 running scrollToTop; animation:500ms ease-in-out 0s normal none 1 running scrollToTop; -webkit-transition:0.3s; transition:0.3s;}

@media only screen and (max-width: 992px) {
#scroll-percentage.active {bottom:30px;}
}

@media only screen and (max-width: 767px) {
#scroll-percentage.active {bottom:20px;}
}

#scroll-percentage-value {height:calc(100% - 6px); width:calc(100% - 6px); background-color:var(--cp-color-bg-2); color:var(--cp-color-theme-primary); border-radius:50%; display:grid; place-items:center; font-size:12px; font-weight:600;}
#scroll-percentage-value i {font-size:20px;}

@-webkit-keyframes scrollToTop {
0% {-webkit-transform:translate3d(0, 80%, 0); transform:translate3d(0, 80%, 0); visibility:visible;}
to {-webkit-transform:translateZ(0); transform:translateZ(0);}
}

@keyframes scrollToTop {
0% {-webkit-transform:translate3d(0, 80%, 0); transform:translate3d(0, 80%, 0); visibility:visible;}
to {-webkit-transform:translateZ(0); transform:translateZ(0);}
}

@-webkit-keyframes wobble-vertical {
16.65% {transform:translateY(8px);}
33.3% {transform:translateY(-6px);}
49.95% {transform:translateY(4px);}
66.6% {transform:translateY(-2px);}
83.25% {transform:translateY(1px);}
100% {transform:translateY(0);}
}

@keyframes wobble-vertical {
16.65% {transform:translateY(8px);}
33.3% {transform:translateY(-6px);}
49.95% {transform:translateY(4px);}
66.6% {transform:translateY(-2px);}
83.25% {transform:translateY(1px);}
100% {transform:translateY(0);}
}
.cp-primary-btn {
	background-color: var(--cp-color-theme-primary);
	font-family: var(--cp-ff-heading);
	color: #fff;
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	padding: 4px 10px 4px 20px;
	border-radius: 100px;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
}
.cp-primary-btn:before {content:""; position:absolute; top:0; left:0; bottom:0; right:0; background:var(--cp-color-heading-primary); -webkit-transform-origin:right center; -moz-transform-origin:right center; -ms-transform-origin:right center; transform-origin:right center; -webkit-transform:scale(0, 1); -moz-transform:scale(0, 1); -ms-transform:scale(0, 1); -o-transform:scale(0, 1); transform:scale(0, 1); -webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition:-moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -ms-transition:-ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition:-o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); z-index:-1;}
.cp-primary-btn .icon {background-color:var(--cp-color-common-white); color:var(--cp-color-common-black); height:40px !important; width:40px !important; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-left:10px; transition:all 0.3s ease-in-out;}
.cp-primary-btn i {font-size:14px; transform:rotate(-45deg); transition:all 0.3s ease-in-out;}
.cp-primary-btn:hover {color:var(--cp-color-common-white);}
.cp-primary-btn:hover:before {-webkit-transform-origin:left center; -moz-transform-origin:left center; -ms-transform-origin:left center; transform-origin:left center; -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); -o-transform:scale(1, 1); transform:scale(1, 1);}
.cp-primary-btn:hover i {transform:rotate(0deg);}
.cp-primary-btn:hover .icon {background-color:var(--cp-color-theme-primary);color: #fff;}
.cp-primary-btn:focus {color:var(--cp-color-text-black);}
.cp-primary-btn.transparent {background-color:transparent; border:1px solid var(--cp-color-theme-primary); color:var(--cp-color-heading-primary);}
.cp-primary-btn.transparent:hover {color:var(--cp-color-common-white);}
.cp-primary-btn.transparent:before {background-color:var(--cp-color-theme-primary);}
.header {background-color:transparent; width:100%; position:absolute; top:0; left:0; width:100%; z-index:99; transition:all 0.3s ease-in-out;}
.header.addbg {background-color:var(--cp-color-theme-primary);}

@media only screen and (max-width: 992px) {
.header {background-color:var(--cp-color-heading-primary); position:fixed; top:0; height:auto !important;}
}

.header .top-bar {background-color:var(--svl-color1);}

@media only screen and (max-width: 767px) {
.header .top-bar {display:none;}
}

.header .top-bar .top-bar-inner {display:flex; align-items:center; justify-content:space-between; padding:10px 0;}

@media only screen and (max-width: 992px) {
.header .top-bar .top-bar-inner {justify-content:center;}
}

.header .top-bar .top-bar-inner .top-bar-list li {display:flex; align-items:center; column-gap:10px; color:var(--cp-color-common-white); font-size:16px; font-weight:500;}
.header .top-bar .top-bar-inner .top-bar-right {display:flex; align-items:center; column-gap:30px;}

@media only screen and (max-width: 992px) {
.header .top-bar .top-bar-inner .top-bar-right {display:none;}
}

.header .top-bar .top-bar-inner .top-bar-right .social-list {border-left:1px solid rgba(255, 255, 255, 0.3); padding-left:20px; display:flex; align-items:center; list-style:none;}
.header .top-bar .top-bar-inner .top-bar-right .social-list li {font-size:15px; color:var(--cp-color-common-white);}
.header .top-bar .top-bar-inner .top-bar-right .social-list li:not(:last-of-type) {margin-right:20px;}
.header .header-container {max-width:1545px;}
.header .primary-header-inner {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; border-bottom:1px solid rgba(255, 255, 255, 0.2);}

@media only screen and (max-width: 992px) {
.header .primary-header-inner {padding:10px 0;}
}

.header .primary-header-inner .header-logo img {max-width:115px;}
.header .primary-header-inner .header-logo .logo-light {display:none;}


@media (max-width: 1199px) {
.header .primary-header-inner .header-logo img {max-width:95px;}
}

.header .primary-header-inner .header-menu-wrap {display:flex !important; align-items:center;}
.header .primary-header-inner .header-menu-wrap ul {margin:0; padding:0; list-style:none;}

@media only screen and (max-width: 992px) {
.header .primary-header-inner .header-menu-wrap ul {display:none;}
}

.header .primary-header-inner .header-menu-wrap ul li {display:inline-block; position:relative; margin:0 25px;}

@media (max-width: 1399px) {
.header .primary-header-inner .header-menu-wrap ul li {margin:0 15px;}
}

@media (max-width: 1199px) {
.header .primary-header-inner .header-menu-wrap ul li {margin:0 10px;}
}

.header .primary-header-inner .header-menu-wrap ul li:first-child {margin-left:0;}
.header .primary-header-inner .header-menu-wrap ul li:last-child {margin-right:0;}
.header .primary-header-inner .header-menu-wrap ul li a {font-family:var(--cp-ff-heading); color:var(--cp-color-common-white); display:block; font-size:16px; padding:31px 0; letter-spacing:0px; font-weight:400; text-transform:uppercase; position:relative; text-decoration:none; -webkit-font-smoothing:antialiased; transition:all 0.3s ease-in-out;}
.header .primary-header:not(.fixed) .primary-header-inner .header-menu-wrap ul li a { text-shadow: 0 0 50px #000; }
@media (max-width: 1199px) {
.header .primary-header-inner .header-menu-wrap ul li a {font-size:16px;}
}

.header .primary-header:not(.fixed) .primary-header-inner .header-menu-wrap ul li a:hover {color:var(--cp-color-theme-primary);}
.header .primary-header-inner .header-menu-wrap ul li a i {font-size:13px;}
.header:not(.addbg) .primary-header:not(.fixed) .primary-header-inner .header-menu-wrap ul li.active > a {color:var(--cp-color-theme-primary);}
.header:not(.addbg) .primary-header:not(.fixed) .primary-header-inner .header-menu-wrap ul li.active ul li a:hover {color:var(--cp-color-heading-primary);}
.header .primary-header.fixed .primary-header-inner .header-menu-wrap ul li.active > a {
  font-weight: bold;
}

.header .primary-header-inner .header-menu-wrap ul li.active.menu-item-has-children:after {color:var(--cp-color-theme-primary);}
.header .primary-header.fixed .primary-header-inner .header-menu-wrap ul li.active.menu-item-has-children:after {color:#fff;}
.header .primary-header-inner .header-menu-wrap ul li ul {background-color:var(--cp-color-common-white); display:block; width:270px; padding:0; -webkit-box-shadow:0px 50px 100px 0px rgba(64, 1, 4, 0.1), 0px -6px 0px 0px rgba(248, 99, 107, 0.004); box-shadow:0px 50px 100px 0px rgba(64, 1, 4, 0.1), 0px -6px 0px 0px rgba(248, 99, 107, 0.004); position:absolute; left:0; top:89px; opacity:0; visibility:hidden; z-index:0; -webkit-transform:rotate3d(1, 0, 0, -90deg); transform:rotate3d(1, 0, 0, -90deg); -webkit-transform-origin:0 0; transform-origin:0 0; transition:all 0.3s ease;}
.header .primary-header-inner .header-menu-wrap ul li:hover > ul {visibility:visible; transition:all 0.3s ease; opacity:1; transform:none;}
.header .primary-header-inner .header-menu-wrap ul li li {display:flex; justify-content:space-between; text-align:left; position:relative; transition:all 0.3s ease-in-out; margin:0;}
.header .primary-header-inner .header-menu-wrap ul li li:hover {background-color:var(--cp-color-theme-primary);}
.header .primary-header-inner .header-menu-wrap ul li li:hover a {color:var(--cp-color-common-black);}
.header .primary-header-inner .header-menu-wrap ul li li a {background-color:var(--cp-color-common-white); display:block; height:auto; line-height:inherit; color:var(--cp-color-text-body); font-weight:500; font-size:15px; padding:10px 0; padding-left:25px; letter-spacing:0px; width:100%; -webkit-font-smoothing:antialiased; margin:0; position:relative;}
.header .primary-header-inner .header-menu-wrap ul li li a:hover {color:var(--cp-color-theme-primary);}
.header .primary-header-inner .header-menu-wrap ul li li a:before {background-color:var(--cp-color-theme-primary); content:""; width:0; height:2px; position:absolute; top:50%; left:20px; transform:translateY(-50%); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.header .primary-header-inner .header-menu-wrap ul li li:first-child a {padding-top:20px;}
.header .primary-header-inner .header-menu-wrap ul li li:first-child a:before {top:59%;}
.header .primary-header-inner .header-menu-wrap ul li li:last-child {margin:0; border-bottom:none;}
.header .primary-header-inner .header-menu-wrap ul li li:last-child a {padding-bottom:20px;}
.header .primary-header-inner .header-menu-wrap ul li li:last-child a:before {top:41%;}
.header .primary-header-inner .header-menu-wrap ul li li.active {background-color:var(--cp-color-theme-primary);}
.header .primary-header-inner .header-menu-wrap ul li li:hover a {padding-left:35px;}
.header .primary-header-inner .header-menu-wrap ul li li:hover a:before {width:10px;}
.header .primary-header-inner .header-menu-wrap ul li li ul {top:0; left:100%;}
.header .primary-header-inner .header-menu-wrap ul li li ul li a {color:var(--cp-color-common-white);}
.header .primary-header-inner .header-menu-wrap ul li li:hover a {color:var(--cp-color-theme-primary);}
.header .primary-header-inner .header-menu-wrap ul li li:hover li a {color:var(--cp-color-heading-primary);}
.header .primary-header-inner .header-menu-wrap ul li li:hover li a:hover {color:var(--cp-color-theme-primary);}
.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children {position:relative;}
.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children a {padding-right:17px;}

@media (max-width: 1199px) {
.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children a {padding-right:13px;}
}

.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children ul li {margin:0;}
.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children ul li a {padding-right:0;}
.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children:after {background-image:none; font-family:"Font Awesome 6 Pro"; font-size:12px; font-weight:700; content:"\f078"; color:var(--cp-color-common-white); position:absolute; top:50%; right:0; transform:translateY(-50%); transition:all 0.3s ease-in-out; cursor:pointer;}
.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children:hover:after {color:var(--cp-color-theme-primary);}
.header .primary-header-inner .header-right-wrap {display:flex; align-items:center; flex-wrap:wrap; row-gap:20px;}

@media (max-width: 1399px) {
.header .primary-header-inner .header-right-wrap {column-gap:50px;}
}

@media (max-width: 1199px) {
.header .primary-header-inner .header-right-wrap {column-gap:20px;}
}

.header .primary-header-inner .header-right-wrap .header-right {display:flex; align-items:center;}

@media only screen and (max-width: 767px) {
.header .primary-header-inner .header-right-wrap .header-right .header-logo img {width:90px;}
}

.header .primary-header-inner .header-right-wrap .header-right .sidebar-icon {margin-left:24px;}

@media only screen and (max-width: 992px) {
.header .primary-header-inner .header-right-wrap .header-right .sidebar-icon {display:none;}
}

.header .primary-header-inner .header-right-wrap .header-right .sidebar-icon .sidebar-trigger {display:flex; flex-direction:column; justify-content:flex-start; row-gap:5px; border-radius:3px;}

@media only screen and (max-width: 992px) {
.header .primary-header-inner .header-right-wrap .header-right .sidebar-icon .sidebar-trigger {display:none;}
}

.header .primary-header-inner .header-right-wrap .header-right .search-icon {color:var(--cp-color-heading-primary); font-size:20px; cursor:pointer;}

@media only screen and (max-width: 992px) {
.header .primary-header-inner .header-right-wrap .header-right .search-icon {margin-right:20px;}
}

@media only screen and (max-width: 767px) {
.header .primary-header-inner .header-right-wrap .header-right .search-icon {display:none;}
}

.header .primary-header-inner .header-right-wrap .header-right .header-btn {background-color:var(--cp-color-common-white);}
.header .primary-header-inner .header-right-wrap .header-right .header-btn .icon {background-color:var(--cp-color-theme-primary);}
.header .primary-header-inner .header-right-wrap .header-right .header-btn:before {background-color:var(--cp-color-theme-primary);}
.header .primary-header-inner .header-right-wrap .header-right .header-btn:hover {color:var(--cp-color-heading-primary);}
.header .primary-header-inner .header-right-wrap .header-right .header-btn:hover .icon {background-color:var(--cp-color-common-white);}

@media only screen and (max-width: 992px) {
.header .primary-header-inner .header-right-wrap .header-right .header-btn {margin-right:20px;}
}

@media only screen and (max-width: 767px) {
.header .primary-header-inner .header-right-wrap .header-right .header-btn {display:none;}
}

.header .primary-header-inner .header-right-wrap .header-right .header-right-item {display:flex; align-items:center;}

@media only screen and (max-width: 992px) {
.header .primary-header-inner .header-right-wrap .header-right .header-right-item {line-height:1;}
}

@media (min-width: 993px) {
.header .primary-header-inner .header-right-wrap .header-right .header-right-item .mobile-side-menu-toggle {display:none;}
}

.header .primary-header-inner .header-right-wrap .header-right .header-right-item .search-icon {font-size:16px; margin-left:55px; cursor:pointer;}

@media only screen and (max-width: 992px) {
.header .primary-header-inner .header-right-wrap .header-right .header-right-item .search-icon {margin-right:20px;}
}

@media only screen and (max-width: 992px) {
.header .primary-header-inner .mean-push {display:none;}
}

.header.fixed {background-color:var(--cp-color-heading-primary); top:0; transition:all 0.3s ease-in-out;}

@media only screen and (max-width: 992px) {
.header .primary-header.fixed .primary-header-inner {padding:20px 0;}
}

.header-2 {background-color:transparent; position:absolute; top:0; border:none;}
.header-2 .top-bar {background-color:var(--cp-color-theme-primary);}
.header-2 .top-bar .top-bar-inner .top-bar-right a {color:var(--cp-color-heading-primary);}
.header-2 .top-bar .top-bar-inner .top-bar-right .social-list {border-color:rgba(20, 58, 43, 0.3);}
.header-2 .primary-header-inner {background-color:#14544B; padding:0 24px; border-radius:0 0 8px 8px; border:none;}

@media only screen and (max-width: 992px) {
.header-2 .primary-header-inner {padding:20px;}
}

@media only screen and (max-width: 992px) {
.header-2 .primary-header-inner .header-right-wrap .header-right .header-btn {display:none;}
}

.header-2 .primary-header.fixed {background-color:#14544B;}
.header-3 {background-color:transparent; position:relative;}
.header-3 .header-container {max-width:1825px;}
.header-3 .primary-header {background-color:var(--cp-color-grey-1);}
.header-3 .primary-header .primary-header-inner .header-menu-wrap ul li a {color:var(--cp-color-heading-primary);}
.header-3 .primary-header .primary-header-inner .header-menu-wrap ul .menu-item-has-children:after {color:var(--cp-color-heading-primary);}

@media only screen and (max-width: 992px) {
.header-3 .primary-header .primary-header-inner .header-right-wrap .header-right .header-btn-wrap {margin-right:20px;}
}

@media only screen and (max-width: 767px) {
.header-3 .primary-header .primary-header-inner .header-right-wrap .header-right .header-btn-wrap {display:none;}
}

.header-3 .primary-header.fixed {background-color:var(--cp-color-grey-1);}
.header-4 .primary-header.fixed {background-color:var(--cp-color-common-white);}
.header-4 .primary-header .primary-header-inner {background-color:var(--cp-color-common-white);}
.header-4 .primary-header .primary-header-inner .header-menu-wrap ul li a {color:var(--cp-color-heading-primary);}
.header-4 .primary-header .primary-header-inner .header-menu-wrap ul li.menu-item-has-children:after {color:var(--cp-color-heading-primary);}
.header-4 .primary-header .primary-header-inner .header-menu-wrap ul li ul {top:88px;}

@media only screen and (max-width: 992px) {
.header-4 .primary-header .primary-header-inner .header-right-wrap .header-right .header-btn-wrap {margin-right:20px;}
}

@media only screen and (max-width: 767px) {
.header-4 .primary-header .primary-header-inner .header-right-wrap .header-right .header-btn-wrap {display:none;}
}

@media only screen and (max-width: 992px) {
.mobile-side-menu .header-right {display:none !important;}
}

.side-menu-icon {position:absolute; right:20px; top:25px; z-index:100; display:block; cursor:pointer;}

@media only screen and (max-width: 992px) {
.side-menu-icon {display:none;}
}

.side-menu-wrapper {position:fixed; overflow-y:auto; top:0; right:0; width:850px; -webkit-transform:translateX(850px); -ms-transform:translateX(850px); transform:translateX(850px); height:100%; display:block; background-color:var(--cp-color-theme-bg-dark-deep); z-index:100; padding:40px; -webkit-transition:transform 0.3s ease; -o-transition:transform 0.3s ease; transition:transform 0.3s ease; backface-visibility:hidden;}
.side-menu-wrapper .side-menu-close {background-color:var(--cp-color-theme-primary); position:absolute; top:40px; right:40px; font-size:18px; color:#fff; width:40px; height:40px; line-height:40px; border-radius:50%; text-align:center;}
.side-menu-wrapper.is-open {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}

@media only screen and (max-width: 992px) {
.side-menu-wrapper {display:none;}
}

.side-menu-content .side-menu-header {font-family:var(--cp-ff-body); font-size:30px; max-width:600px; line-height:1.5; font-weight:400; width:100%; margin-bottom:40px;}
.side-menu-content .side-menu-item {display:flex; align-items:center; justify-content:space-between; padding:25px; border:1px solid transparent; transition:all 0.3s ease-in-out; margin-bottom:30px;}
.side-menu-content .side-menu-item .side-menu-thumb-box {display:flex; align-items:center; column-gap:30px;}
.side-menu-content .side-menu-item .side-menu-thumb-box img {max-width:150px;}
.side-menu-content .side-menu-item .side-menu-thumb-box .side-menu-info .side-menu-title {font-family:var(--cp-ff-body); font-size:32px; font-weight:500; color:var(--cp-color-theme-primary); line-height:1; margin-bottom:10px;}
.side-menu-content .side-menu-item .side-menu-thumb-box .side-menu-info p {max-width:400px; width:100%;}
.side-menu-content .side-menu-item .side-menu-thumb-box .side-menu-info p:last-child {margin-bottom:0;}
.side-menu-content .side-menu-item .side-menu-arrow {font-size:45px; color:var(--cp-color-theme-primary); transform:rotate(-45deg); transition:all 0.3s ease-in-out;}
.side-menu-content .side-menu-item:hover {border:1px solid var(--cp-color-border-6);}
.side-menu-content .side-menu-item:hover .side-menu-arrow {transform:rotate(0deg);}
.side-menu-content .side-menu-item:last-child {margin-bottom:0;}
.side-menu-overlay {background-color:rgba(0, 0, 0, 0.7); height:100%; width:0%; position:fixed; top:0; z-index:9; right:0; opacity:0; visibility:hidden; -webkit-transition:all 600ms ease; -o-transition:all 600ms ease; transition:all 600ms ease; z-index:10;}
.side-menu-overlay.is-open {width:100%; opacity:0.5; visibility:visible; cursor:url(../img/cancel.png), auto;}

@media only screen and (max-width: 992px) {
.side-menu-overlay {display:none;}
}

.primary-header {width:100%;}
.primary-header.fixed {background-color:var(--cp-color-heading-primary); position:fixed; left:0; top:0; animation-name:menuSticky; -webkit-animation-name:menuSticky; animation-duration:1s; -webkit-animation-duration:1s; animation-timing-function:ease; -webkit-animation-timing-function:ease; box-shadow:0px 1px 3px 0px rgba(17, 17, 17, 0.1); z-index:99; border-bottom:1px solid transparent;}
.primary-header.fixed .primary-header-inner {border:none;}

@media (max-width: 1199px) {
.primary-header.fixed .primary-header-inner {padding:20px;}
}

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

@keyframes menuSticky {
0% {transform:translateY(-100%);}
100% {transform:translateY(0%);}
}

.mobile-side-menu-overlay, .mobile-side-menu {display:none;}

@media only screen and (max-width: 992px) {
.mobile-side-menu {background-color:var(--cp-color-common-white); position:fixed; overflow-y:scroll; top:0; right:0; width:400px; -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%); height:100%; display:block; z-index:100; padding:40px 40px 40px 40px; -webkit-transition:transform 0.3s ease; -o-transition:transform 0.3s ease; transition:transform 0.3s ease; backface-visibility:hidden;}
}

@media only screen and (max-width: 992px) and (max-width:767px) {
.mobile-side-menu {padding:40px 20px; width:100%; max-width:320px;}
}

@media only screen and (max-width: 992px) {
.mobile-side-menu.is-open {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
.mobile-side-menu .side-menu-head {display:flex; align-items:center; justify-content:space-between; margin-bottom:30px;}
.mobile-side-menu .side-menu-head a img {max-width:120px;}
.mobile-side-menu .side-menu-head .mobile-side-menu-close {position:fixed; top:20px; right:40px; color:var(--cp-color-heading-primary); font-size:17px; height:40px; width:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
}

@media only screen and (max-width: 992px) and (max-width:767px) {
.mobile-side-menu .side-menu-head .mobile-side-menu-close {right:5px;}
}

@media only screen and (max-width: 992px) {
.mobile-side-menu .side-menu-head .mobile-side-menu-close:hover {background-color:var(--cp-color-theme-primary); color:var(--cp-color-common-white);}
.mobile-side-menu .side-menu-wrap {overflow:hidden; margin-bottom:50px;}
.mobile-side-menu p {color:var(--cp-color-heading-primary); margin-bottom:50px;}
.mobile-side-menu .list-header {color:var(--cp-color-common-white); font-family:var(--cp-ff-body); font-weight:400; margin-bottom:30px;}
.mobile-side-menu .side-menu-list {list-style:none;}
.mobile-side-menu .side-menu-list li {font-family:var(--cp-ff-heading); font-size:16px; font-weight:500; color:var(--cp-color-heading-primary);}
.mobile-side-menu .side-menu-list li span, .mobile-side-menu .side-menu-list li a {color:var(--cp-color-heading-primary); margin-left:10px; font-size:16px;}
}

@media only screen and (max-width: 992px) and (max-width: 992px) {
.mobile-side-menu .side-menu-list li span, .mobile-side-menu .side-menu-list li a {margin-left:0;}
}

@media only screen and (max-width: 992px) {
.mobile-side-menu .side-menu-list li i {margin-right:10px;}
.mobile-side-menu-overlay {background-color:rgba(0, 0, 0, 0.7); height:100%; width:0%; position:fixed; top:0; z-index:9; right:0; opacity:0; visibility:hidden; -webkit-transition:all 600ms ease; -o-transition:all 600ms ease; transition:all 600ms ease; z-index:10; display:block;}
.mobile-side-menu-overlay.is-open {width:100%; opacity:0.5; visibility:visible; cursor:url(../img/cancel.png), auto;}
}

.mean-bar {background-color:transparent; min-height:auto; padding:0;}
.mean-bar .meanmenu-reveal {display:none !important;}
.mean-bar .mean-nav {background-color:transparent; margin-top:0; padding-top:20px;}
.mean-bar .mean-nav.mean-nav > ul {display:block !important;}
.mean-bar .mean-nav.mean-nav > ul li {position:relative; float:none; display:block; width:auto;}
.mean-bar .mean-nav.mean-nav > ul li:not(:last-of-type) {margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--cp-color-border-1);}
.mean-bar .mean-nav.mean-nav > ul li a {font-size:18px; font-weight:600; line-height:1; border-top:none; padding:0; float:none;}

@media only screen and (max-width: 767px) {
.mean-bar .mean-nav.mean-nav > ul li a {font-size:16px;}
}

.mean-bar .mean-nav.mean-nav > ul li a.mean-expand {background-color:var(--cp-color-theme-primary); color:var(--cp-color-text-black); position:absolute; padding:0; top:3px; right:0; width:20px; height:20px; display:flex; align-items:center; justify-content:center;}
.mean-bar .mean-nav.mean-nav > ul li a.mean-expand:before, .mean-bar .mean-nav.mean-nav > ul li a.mean-expand:after {font-size:12px; font-family:"Font Awesome 6 Pro"; font-weight:900;}
.mean-bar .mean-nav.mean-nav > ul li a.mean-expand:before {content:"+";}
.mean-bar .mean-nav.mean-nav > ul li a.mean-expand.mean-clicked {background-color:var(--cp-color-theme-primary); color:var(--cp-color-text-black);}
.mean-bar .mean-nav.mean-nav > ul li a.mean-expand.mean-clicked:after {content:"\f068";}
.mean-bar .mean-nav.mean-nav > ul li a.mean-expand.mean-clicked:before {display:none;}
.mean-bar .mean-nav.mean-nav > ul li a.mean-expand i {display:none;}
.mean-bar .mean-nav.mean-nav > ul li ul {padding: 0 0 0 16px; margin-top: 25px;}
.mean-bar .mean-nav.mean-nav > ul li ul li:not(:last-of-type) {padding-bottom:15px; margin-bottom:15px;}
.mean-bar .mean-nav.mean-nav > ul li ul li a {padding:0; font-size:14px; font-weight:500; text-transform:capitalize;}

@media only screen and (max-width: 767px) {
.mean-bar .mean-nav.mean-nav > ul li ul li a {font-size:14px;}
}

#popup-search-box {background-color:var(--cp-color-common-white); position:fixed; width:100%; height:20%; top:-100%; left:0; right:0; white-space:nowrap; z-index:99; opacity:0; visibility:hidden; -webkit-transition:500ms ease all; -moz-transition:500ms ease all; transition:500ms ease all;}
#popup-search-box .box-inner-wrap {background-color:var(--cp-color-common-white); position:relative; width:100%; height:100%; box-shadow:0px 0px 60px 0px rgba(0, 0, 0, 0.05);}
#popup-search-box .box-inner-wrap form {position:relative; width:100%; max-width:560px; margin:0 auto; padding:0 15px;}
#popup-search-box .box-inner-wrap form input {width:100%; padding:20px 15px; padding-right:80px; background:transparent; border:none; color:#ddd; border:1px solid var(--cp-color-border-1); color:#666; font-size:16px;}
#popup-search-box .box-inner-wrap form input::-webkit-input-placeholder {color:#666; font-size:16px;}
#popup-search-box .box-inner-wrap form input:-moz-placeholder {color:#666; font-size:16px;}
#popup-search-box .box-inner-wrap form input::-moz-placeholder {color:#666; font-size:16px;}
#popup-search-box .box-inner-wrap form input:-ms-input-placeholder {color:#666; font-size:16px;}
#popup-search-box .box-inner-wrap form input:focus {outline:none;}
#popup-search-box .box-inner-wrap:hover {cursor:url(../img/cross.png), auto;}
#popup-search-box .box-inner-wrap .search-close {position:absolute; top:30px; right:50px; color:var(--cp-color-heading-primary); border:1px solid var(--cp-color-border-1); height:50px; width:50px; display:flex; align-items:center; justify-content:center; font-size:20px; border-radius:50%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; cursor:pointer;}

@media only screen and (max-width: 767px) {
#popup-search-box .box-inner-wrap .search-close {height:35px; width:35px; top:10px; right:10px;}
}

#popup-search-box .box-inner-wrap .search-close:hover {background-color:var(--cp-color-theme-primary); border:1px solid var(--cp-color-theme-primary); color:var(--cp-color-common-white);}
#popup-search-box.toggled {top:0; opacity:1; visibility:visible;}
.popup-tags {position:relative; margin:0 auto;}
.hero-section {position:relative; z-index:1;}
.hero-section .hero-bg {background-position:center; background-size:cover; background-repeat:no-repeat; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
.hero-section .overlay {background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.665) 100%); height:100%; width:100%; position:absolute; top:0; left:0; z-index:-1;}
.hero-container {max-width:1545px;}
.hero-content {padding:340px 0 230px 0; display:flex; align-items:center; justify-content:space-between; column-gap:20px; height:100%;}

@media (max-width: 1199px) {
.hero-content {padding-top:400px;}
}

@media only screen and (max-width: 992px) {
.hero-content {padding-top:100px; flex-wrap:wrap; row-gap:40px;}
}

.hero-content .hero-content-inner .title {font-size:80px; font-weight:600; line-height:1; margin-bottom:30px; color: #000;}

@media (max-width: 1199px) {
.hero-content .hero-content-inner .title {font-size:70px;}
}

@media only screen and (max-width: 767px) {
.hero-content .hero-content-inner .title {font-size:59px;}
}

.hero-content .hero-content-inner p {font-family:var(--cp-ff-heading); font-size:24px; margin-bottom:40px; font-weight:500;}
.hero-content .hero-exp-box { display:flex;flex-wrap: wrap;align-items: center;height: 100%; background:rgb(from var(--svl-color1) r g b / 0.7); border:2px solid rgba(255, 255, 255, 0.3); border-radius:16px; padding:40px;}
.hero-content .hero-exp-box p {font-family:var(--cp-ff-heading); font-size:24px; font-weight:500; margin-bottom:80px; line-height:1.3;}
.hero-content .hero-exp-box .number {font-size:64px; font-weight:500; margin-bottom:0px; line-height:1;}
.hero-content .hero-exp-box span {font-family:var(--cp-ff-heading); font-size:20px; font-weight:500;}
.hero-section-2 {background-color:var(--cp-color-bg-1); position:relative; z-index:1;}
.hero-section-2 .bg-shape {background-position:center; background-size:cover; background-repeat:no-repeat; width:100%; height:100%; position:absolute; bottom:-36%; left:0; z-index:-1;}
.hero-content-2 {padding:270px 0 120px 0;}

@media only screen and (max-width: 767px) {
.hero-content-2 {padding:170px 0 100px 0;}
}

.hero-content-2 .section-heading {margin-bottom:0;}
.hero-content-2 .section-heading .section-title {font-size:95px; font-weight:500; line-height:1;}

@media (max-width: 1199px) {
.hero-content-2 .section-heading .section-title {font-size:100px;}
}

@media only screen and (max-width: 767px) {
.hero-content-2 .section-heading .section-title {font-size:50px;}
}

.hero-content-2 .hero-btn-wrap {height:160px; width:160px; display:flex; align-items:center; justify-content:center; border-radius:50%; position:relative; z-index:5;}
.hero-content-2 .hero-btn-wrap .hero-btn {height:160px; width:160px; animation-name:spin; animation-duration:15s; animation-iteration-count:infinite; animation-timing-function:linear;}

@media only screen and (max-width: 992px) {
.hero-content-2 .hero-btn-wrap .hero-btn {display:block;}
}

.hero-carousel .swiper-arrow {display:flex; align-items:center; max-width:400px; margin-top:-80px; position:relative; z-index:5;}
.hero-carousel .swiper-arrow:before {background-color:rgba(255, 255, 255, 0.3); content:""; width:0.5px; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.hero-carousel .swiper-arrow .swiper-nav {background-color:var(--cp-color-bg-1); color:var(--cp-color-common-white); font-size:16px; font-weight:600; text-transform:uppercase; line-height:1; padding:32px 35px; column-gap:10px; width:200px; display:flex; align-items:center; justify-content:center; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.hero-carousel .swiper-arrow .swiper-nav:hover {background-color:var(--cp-color-theme-primary); color:var(--cp-color-heading-primary);}
.hero-carousel-img {height:800px; width:100%;}

@media only screen and (max-width: 992px) {
.hero-carousel-img {height:600px;}
}

@media only screen and (max-width: 767px) {
.hero-carousel-img {height:400px;}
}

.hero-carousel-img img {width:100%; height:100%; object-fit:cover;}
.hero-section-3 {background-color:var(--cp-color-grey-1); padding-bottom:60px; padding-top:70px;}
.hero-container-2 {max-width:unset; position:relative; z-index:1;}
.hero-container-2 .bg-img {background-position:center; background-size:cover; background-repeat:no-repeat; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
.hero-content-3 {padding:200px 0 150px 200px; display:block;}

@media (max-width: 1399px) {
.hero-content-3 {padding-left:100px;}
}

@media only screen and (max-width: 992px) {
.hero-content-3 {padding-left:10px;}
}

@media only screen and (max-width: 767px) {
.hero-content-3 {padding:100px 0;}
}

.hero-content-3 .hero-content-inner .section-heading {margin-bottom:30px;}
.hero-content-3 .hero-content-inner .section-heading .sub-heading {color:var(--cp-color-common-white); border-color:var(--cp-color-grey-1);}
.hero-content-3 .hero-content-inner .section-heading .section-title {font-size:95px; font-weight:600; line-height:1;}

@media only screen and (max-width: 992px) {
.hero-content-3 .hero-content-inner .section-heading .section-title {font-size:80px; line-height:1.3;}
}

@media only screen and (max-width: 767px) {
.hero-content-3 .hero-content-inner .section-heading .section-title {font-size:46px; line-height:1.3;}
}

.hero-content-3 .hero-video {display:none;}

@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}

.about-client-wrap { width:100%;}
.about-client-wrap .about-author-list {display:flex; align-items:center;}
.about-client-wrap .about-author-list li {height:40px; width:40px; display:flex; align-items:center; justify-content:center; border-radius:50%; border:3px solid var(--cp-color-common-white);}
.about-client-wrap .about-author-list li:not(:first-of-type) {margin-left:-20px;}
.about-client-wrap .about-author-list li.icon {background-color:var(--cp-color-theme-primary);}
.about-client-wrap .desc {font-family:var(--cp-ff-body); color:var(--cp-color-bg-1); font-size:18px; font-weight:400; line-height:1.4; margin-top:15px;}
.about-img-wrap {display:flex; align-items:center; column-gap:24px; align-items:start; justify-content:space-between;}

@media only screen and (max-width: 767px) {
.about-img-wrap {flex-wrap:wrap; row-gap:20px;}
}

.about-img-wrap .about-img {max-width:480px; width:100%; height:389px;}
.about-img-wrap .about-img img {width:100%; height:100%; object-fit:cover;}
.about-img-wrap .img-content {display:flex; align-items:center; justify-content:space-between; flex-direction:column; align-items:baseline; height:100%; row-gap:146px;}
.about-img-wrap .img-content p {font-size:24px; font-weight:400;}

@media (max-width: 1399px) {
.about-img-wrap .img-content p {font-size:20px;}
}

.about-top-content p {max-width:526px; width:100%; font-size:22px; margin-bottom:45px;}

@media only screen and (max-width: 992px) {
.about-top-content p {font-size:18px;}
}

.about-img-wrap-2 {display:grid; grid-gap:40px; grid-template-columns:408px 1fr;}

@media only screen and (max-width: 767px) {
.about-img-wrap-2 {grid-template-columns:1fr;}
}

.about-img-wrap-2 .about-img-1 {height:450px; max-width:408px; width:100%; border-radius:8px;}
.about-img-wrap-2 .about-img-1 img {width:100%; height:100%; object-fit:cover;}
.about-img-wrap-2 .about-img-2 {height:450px; max-width:872px; width:100%; border-radius:8px;}
.about-img-wrap-2 .about-img-2 img {width:100%; height:100%; object-fit:cover;}

@media only screen and (max-width: 992px) {
.about-counter {margin-bottom:50px;}
}

.about-counter .title {font-family:var(--cp-ff-body); color:var(--cp-color-theme-primary); font-size:300px; font-weight:600; margin-bottom:0; line-height:1;}

@media only screen and (max-width: 992px) {
.about-counter .title {font-size:100px;}
}

.about-counter .title .odometer-auto-theme {font-family:inherit; line-height:1;}
.about-counter p {font-size:28px; font-weight:600; margin-bottom:0; margin-left:40px; text-transform:uppercase; line-height:1; margin-top:-20px;}

@media only screen and (max-width: 992px) {
.about-counter p {margin-left:0; margin-top:0;}
}

.about-content-3 p {font-size:24px; margin-bottom:40px;}
.sponsor-wrap {border-bottom:1px solid rgba(20, 58, 43, 0.16); padding-bottom:70px; padding-top:70px;}

@media only screen and (max-width: 992px) {
.sponsor-wrap {padding:70px 0;}
}

.sponsor-wrap.sponsor-wrap-2 {border-top:1px solid rgba(20, 58, 43, 0.16); border-bottom:none;}
.sponsor-title {color:var(--cp-color-heading-primary); font-size:24px; font-weight:600; line-height:1.4; margin-bottom:0;}

@media only screen and (max-width: 992px) {
.sponsor-title {margin-bottom:30px;}
}

.project-item {position:relative;}
.project-item .project-thumb {height:520px; position:relative; border-radius:8px; overflow:hidden;}

@media only screen and (max-width: 767px) {
.project-item .project-thumb {height:400px;}
}

.project-item .project-thumb .overlay {background:linear-gradient(0deg, rgba(0, 64, 55, 0.6), rgba(0, 64, 55, 0.6)); width:100%; height:100%; position:absolute; top:0; left:0; visibility:hidden; opacity:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.project-item .project-thumb img {width:100%; height:100%; object-fit:cover; border-radius:8px;}
.project-item .project-content {background-color:var(--cp-color-theme-primary); border-radius:8px; padding:30px; max-width:366px; width:100%; position:absolute; bottom:20px; left:50%; transform:translateX(-50%); z-index:5; visibility:hidden; opacity:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

@media only screen and (max-width: 992px) {
.project-item .project-content {max-width:350px; width:100%; margin:0 auto;}
}

.project-item .project-content span {color:var(--cp-color-heading-primary); font-size:14px; font-weight:600; text-transform:uppercase; margin-bottom:10px; display:block;}
.project-item .project-content .title {font-size:24px; font-weight:600; margin-bottom:0; line-height:1;}
.project-item .project-content .title a {color:var(--cp-color-heading-primary);}
.project-item:hover .project-thumb .overlay {visibility:visible; opacity:1;}
.project-item:hover .project-content {visibility:visible; opacity:1; bottom:30px;}
.project-top .swiper-arrow {display:flex; align-items:center; column-gap:10px;}
.project-top .swiper-arrow .swiper-nav {background-color:transparent; color:var(--cp-color-text-black); border:1px solid var(--cp-color-heading-primary); height:52px; width:52px; display:flex; align-items:center; justify-content:center; border-radius:50%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.project-top .swiper-arrow .swiper-nav:hover {background-color:var(--cp-color-heading-primary); color:var(--cp-color-theme-primary); border:1px solid var(--cp-color-heading-primary);}
.project-carousel {max-width:800px; width:100%; margin-left:0; overflow:visible;}
.project-item-2 .project-thumb {height:520px;}

@media only screen and (max-width: 767px) {
.project-item-2 .project-thumb {height:400px;}
}

.project-item-2 .project-content {text-align:center; height:300px; width:300px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-direction:column; bottom:auto; top:55%; transform:translate(-50%, -50%);}

@media only screen and (max-width: 767px) {
.project-item-2 .project-content {height:250px; width:250px;}
}

.project-item-2 .project-content span {font-family:var(--cp-ff-heading); font-size:16px; font-weight:600; text-transform:capitalize;}
.project-item-2 .project-content .title {font-size:28px; font-weight:600; line-height:1.3; margin-bottom:0;}
.project-item-2:hover .project-content {top:50%;}
.project-section-3 {position:relative; z-index:1;}
.project-section-3 .bg-img {background-position:center; background-size:cover; background-repeat:no-repeat; width:100%; height:100%; position:absolute; top:0; left:0;}
.project-wrap-3 > div {padding:0; margin:0;}
.project-wrap-3 > div:not(:last-of-type) .project-item-3 {border-right:1px solid var(--cp-color-common-white);}
.project-item-3 {height:700px; position:relative;}

@media only screen and (max-width: 992px) {
.project-item-3 {height:450px; border-bottom:1px solid var(--cp-color-common-white); overflow:hidden;}
}

.project-item-3 .number { text-shadow: 0 0 7px #333333a6; position:absolute; top:35%; left:50%; transform:translate(-50%, -50%); font-size:200px; font-weight:700; line-height:1; color:var(--cp-color-common-white); -webkit-text-fill-color:transparent; -webkit-text-stroke-width:2px; -webkit-text-stroke-color:var(--cp-color-common-white); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

@media only screen and (max-width: 767px) {
.project-item-3 .number {font-size:150px;}
}

.project-item-3 .project-content {background-color:var(--cp-color-grey-1); width:100%; position:absolute; bottom:-15px; left:0; padding:40px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

@media (max-width: 1600px) {
.project-item-3 .project-content {padding:40px 30px;}
}

.project-item-3 .project-content span {color:var(--cp-color-theme-primary); font-size:16px; font-weight:600; line-height:1; margin-bottom:20px; display:block;}
.project-item-3 .project-content .title {font-size:36px; font-weight:600; margin-bottom:0; line-height:1;}

@media (max-width: 1600px) {
.project-item-3 .project-content .title {font-size:30px;}
}

@media (max-width: 1399px) {
.project-item-3 .project-content .title {font-size:30px; line-height:1.2;}
}

.project-item-3:hover .number {top:39%; visibility:visible; opacity:0.5;}
.project-item-3:hover .project-content {visibility:visible; opacity:1; bottom:0;}
.project-inner-item .project-thumb {height:700px;}

@media only screen and (max-width: 992px) {
.project-inner-item .project-thumb {height:450px;}
}

.project-inner-item .project-content {max-width:528px; width:100%;}

@media (max-width: 1199px) {
.project-inner-item .project-content {max-width:400px;}
}

@media only screen and (max-width: 992px) {
.project-inner-item .project-content {max-width:500px;}
}

@media only screen and (max-width: 767px) {
.project-inner-item .project-content {max-width:280px;}
}

.project-inner-item .project-content .title {font-size:36px; font-weight:600;}

@media (max-width: 1199px) {
.project-inner-item .project-content .title {font-size:30px;}
}

@media only screen and (max-width: 767px) {
.project-inner-item .project-content .title {font-size:24px; line-height:1.3;}
}

.project-inner-item-2 .project-thumb {height:470px;}
.project-inner-item-2 .project-content {max-width:333px; width:100%;}
.project-inner-item-2 .project-content .title {font-size:24px;}
.project-details-img {height:650px; width:100%; margin-bottom:50px;}

@media only screen and (max-width: 992px) {
.project-details-img {height:400px;}
}

.project-details-img .img-overlay {background-color:var(--cp-color-bg-1);}
.project-details-img img {width:100%; height:100%; object-fit:cover;}
.project-details-content .details-title {font-size:40px; font-weight:600; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #D9D9D9;}
.project-details-content .project-details-meta {display:flex; align-items:center; flex-wrap:wrap; row-gap:20px; column-gap:20px; margin-bottom:50px;}

@media only screen and (max-width: 767px) {
.project-details-content .project-details-meta {flex-direction:column; row-gap:30px; justify-content:baseline; align-items:baseline;}
}

.project-details-content .project-details-meta .project-meta:not(:last-of-type) {margin-right:170px;}
.project-details-content .project-details-meta .project-meta span {color:var(--cp-color-text-body); font-size:16px; font-weight:500; text-transform:uppercase; display:block; margin-bottom:10px; opacity:0.85;}
.project-details-content .project-details-meta .project-meta .title {color:var(--cp-color-heading-primary); font-size:18px; font-weight:700; margin-bottom:0;}
.project-details-content p {font-size:17px; font-weight:400;}
.project-details-content .project-details-thumb-wrap {display:flex; align-items:center; column-gap:24px; margin:60px 0;}

@media only screen and (max-width: 992px) {
.project-details-content .project-details-thumb-wrap {margin:40px 0;}
}

@media only screen and (max-width: 767px) {
.project-details-content .project-details-thumb-wrap {flex-direction:column; row-gap:24px;}
}

.project-details-content .project-details-thumb-wrap .project-details-thumb {height:420px; width:100%;}

@media only screen and (max-width: 992px) {
.project-details-content .project-details-thumb-wrap .project-details-thumb {height:350px;}
}

.project-details-content .project-details-thumb-wrap .project-details-thumb .img-overlay {background-color:var(--cp-color-bg-1);}
.project-details-content .project-details-thumb-wrap .project-details-thumb img {width:100%; height:100%; object-fit:cover;}
.project-details-content .details-title-2 {font-size:36px; font-weight:600;}

@media only screen and (max-width: 992px) {
.project-details-content .details-title-2 {font-size:30px; margin-bottom:20px;}
}

.skill-section {background-color:var(--cp-color-bg-1);}
.skill-img-wrap {height:624px; max-width:540px; width:100%; position:relative; margin-left:50px;}

@media only screen and (max-width: 992px) {
.skill-img-wrap {margin-bottom:50px;}
}

@media only screen and (max-width: 767px) {
.skill-img-wrap {display:none;}
}

.skill-img-wrap .shape {position:absolute; bottom:0; left:0; max-width:450px; width:100%; height:508px;}
.skill-img-wrap .shape img {width:100%; height:100%;}
.skill-img-wrap .skill-img {width:100%; height:100%; position:absolute; top:0; left:0;}
.skill-img-wrap .skill-img img {width:100%; height:100%; border-radius: 15px;    object-fit: cover;}
.skill-img-wrap .skill-img-content {background-color:var(--cp-color-theme-primary); padding:30px 40px; border-radius:8px; max-width:295px; width:100%; position:absolute; bottom:90px; left:-50px;}
.skill-img-wrap .skill-img-content span {color:var(--cp-color-heading-primary); display:block; font-size:18px; font-weight:500; position:relative; padding-left:47px; line-height:1;}
.skill-img-wrap .skill-img-content span:before {background-color:var(--cp-color-heading-primary); content:""; width:40px; height:1px; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.skill-img-wrap .skill-img-content p {font-family:var(--cp-ff-heading); color:var(--cp-color-heading-primary); font-size:28px; font-weight:600; margin-bottom:0; line-height:1.2; margin-top:20px;}
.skill-content {max-width:650px; width:100%;}
.skill-content p {color:var(--cp-color-common-white); font-size:20px; font-weight:400; margin-bottom:40px;}
.skill-content .skills-item {overflow:visible;}
.skill-content .skills-item:not(:last-of-type) {margin-bottom:30px;}
.skill-content .skills-item .title {color:var(--cp-color-common-white); font-size:18px; font-weight:600; margin-bottom:20px; text-transform:uppercase;}


.skill-img-wrap2 .skill-img-content span, .skill-img-wrap2 .skill-img-content p {color:#fff;}
.skill-img-wrap2 .skill-img-content span:before  { background-color: #ffffff; }

@media only screen and (max-width: 767px) {
.skill-content .skills-item .title {font-size:18px;}
}

.skill-content .skills-item .progress {background-color:rgba(0, 153, 89, 0.2); height:10px; overflow:visible; border-radius:100px;}
.skill-content .skills-item .progress .progress-bar {position:relative; background-color:var(--cp-color-theme-primary); overflow:visible; border-radius:100px;}
.skill-content .skills-item .progress .progress-bar span {
    font-size: 18px;
    font-weight: 700;
    background-repeat: no-repeat;
    color: #fff;
    padding: 5px 11px;
    position: absolute;
    top: -14px;
    right: -12px;
    z-index: 1;
    background: var(--cp-color-heading-primary);
    border-radius: 20px;
}



.skill-content .skill-btn .cp-primary-btn:before {background-color:var(--cp-color-common-white);}
.skill-content .skill-btn .cp-primary-btn:hover {color:var(--cp-color-heading-primary);}
.skill-content .skill-btn .cp-primary-btn:hover .icon {background-color:var(--cp-color-theme-primary);}
.testi-top .swiper-arrow {display:flex; align-items:center; column-gap:10px;}
.testi-top .swiper-arrow .swiper-nav {background-color:transparent; color:var(--cp-color-text-black); border:1px solid var(--cp-color-heading-primary); height:52px; width:52px; display:flex; align-items:center; justify-content:center; border-radius:50%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.testi-top .swiper-arrow .swiper-nav:hover {background-color:var(--cp-color-heading-primary); color:var(--cp-color-theme-primary); border:1px solid var(--cp-color-heading-primary);}
.testi-item {background-color:var(--cp-color-grey-1); padding:40px; border-radius:8px;}

@media (max-width: 1399px) {
.testi-item {padding:40px 30px;}
}

@media only screen and (max-width: 767px) {
.testi-item {padding:40px 20px;}
}

.testi-item .review {display:flex; align-items:center; column-gap:3px; list-style:none; margin-bottom:24px;}
.testi-item .review li {color:var(--svl-color2);}
.testi-item .testi-author-box {display:flex; align-items:center; justify-content:space-between; column-gap:20px; flex-wrap:wrap; row-gap:20px;}
.testi-item .testi-author-box .testi-author .author-thumb {height:60px; width:60px;}
.testi-item .testi-author-box .testi-author .author-thumb img {width:100%; height:100%; object-fit:cover; border-radius:50%;}
.testi-item .testi-author-box .testi-author .content .name {font-size:20px; font-weight:700; margin-bottom:5px; line-height:1;}
.testi-item .testi-author-box .testi-author .content span {font-size:16px; color:var(--svl-color2); line-height:1; font-weight:500;}
.testi-carousel-2 {padding-bottom:70px;}
.testi-carousel-2 .swiper-pagination {position:absolute; bottom:0; left:0; text-align:left; margin-bottom:0;}
.testi-carousel-2 .swiper-pagination .swiper-pagination-bullet {background-color:transparent; height:24px; width:24px; border-radius:50%; border:2px solid transparent; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; opacity:1; position:relative;}
.testi-carousel-2 .swiper-pagination .swiper-pagination-bullet:before {background-color:var(--cp-color-theme-primary); content:""; height:8px; width:8px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:50%;}
.testi-carousel-2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {border:1px solid var(--cp-color-theme-primary);}

@media only screen and (max-width: 992px) {
.testi-left-content {margin-bottom:40px;}
}

.testi-left-content .testi-quote {padding-top:140px;}

@media only screen and (max-width: 992px) {
.testi-left-content .testi-quote {padding-top:50px;}
}

.testi-item-2 .testi-author {display:grid; align-items:center; grid-template-columns:60px 1fr; grid-gap:20px;}
.testi-item-2 .testi-author .author-thumb {height:60px; width:60px;}
.testi-item-2 .testi-author .author-thumb img {width:100%; height:100%; object-fit:cover; border-radius:50%;}
.testi-item-2 .testi-author .content .name {font-size:20px; font-weight:700; margin-bottom:5px; line-height:1;}
.testi-item-2 .testi-author .content span {font-size:16px; color:var(--svl-color2); line-height:1; font-weight:500;}
.service-section {background-color:var(--cp-color-heading-primary); overflow-x:clip;}
.service-item-wrap {display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:30px; position:relative;}
.service-item-wrap .service-item {width:100%; height:100%; will-change:transform; position:sticky; top:90px;}
.service-item {max-width:1320px; width:100%; display:grid; align-items:center; grid-template-columns:660px 1fr; border-radius:12px; overflow:hidden; position:relative;}

@media (max-width: 1399px) {
.service-item {grid-template-columns:550px 1fr;}
}

.service-item:not(:last-of-type) {margin-bottom:53px;}

@media only screen and (max-width: 992px) {
.service-item {grid-template-columns:400px 1fr;}
}

@media only screen and (max-width: 767px) {
.service-item {grid-template-columns:1fr;}
}

.service-item .service-content {background-color:var(--cp-color-grey-1); padding:70px; height:100%;}

@media only screen and (max-width: 992px) {
.service-item .service-content {padding:25px 18px;}
}

.service-item .service-content .item-icon {margin-bottom:45px;}



.service-item .service-content .title {font-size:40px; font-weight:600; line-height:1; margin-bottom:25px;}

@media only screen and (max-width: 992px) {
.service-item .service-content .title {font-size:36px;}
}

.service-item .service-content p {font-size:20px; font-weight:400; margin-bottom:55px;}



@media only screen and (max-width: 992px) {
.service-item .service-content p {font-size:16px;}
}

.service-item .service-img {overflow:hidden; height:100%;}
.service-item .service-img img {height:100%; object-fit:cover; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.service-item:hover .service-img img {transform:scale(1.03);}
.service-top .swiper-arrow {display:flex; align-items:center; column-gap:10px;}
.service-top .swiper-arrow .swiper-nav {background-color:transparent; color:var(--cp-color-text-black); border:1px solid var(--cp-color-heading-primary); height:52px; width:52px; display:flex; align-items:center; justify-content:center; border-radius:50%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.service-top .swiper-arrow .swiper-nav:hover {background-color:var(--cp-color-heading-primary); color:var(--cp-color-theme-primary); border:1px solid var(--cp-color-heading-primary);}
.service-item-2 .service-thumb {position:relative; height:300px; overflow:hidden; margin-bottom:0px; border-radius:8px;}

@media only screen and (max-width: 767px) {
.service-item-2 .service-thumb {height:300px;}
}

.service-item-2 .service-thumb:after {background:rgba(255, 255, 255, 0.3); bottom:0; content:""; left:50%; position:absolute; right:51%; top:0; opacity:1; pointer-events:none; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.service-item-2 .service-thumb img {width:100%; height:100%; object-fit:cover; transform:scale3d(1, 1, 1); transition:transform 1s ease-in-out; border-radius:8px;}
.service-item-2 .service-content {background-color:var(--cp-color-common-white); max-width:350px; width:100%; margin:0 auto; border-radius:8px; margin-top:-120px; position:relative; z-index:5; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.service-item-2 .service-content .service-content-inner {padding:24px 30px;}
.service-item-2 .service-content .title {font-size:24px; font-weight:600; line-height:1.3; margin-bottom:10px; text-transform:capitalize;}

@media only screen and (max-width: 767px) {
.service-item-2 .service-content .title {font-size:24px;}
}

.service-item-2 .service-content .title a {background:linear-gradient(var(--cp-color-heading-primary) 0%, var(--cp-color-heading-primary) 98%); background-size:0 2px; background-repeat:no-repeat; background-position:left 100%; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.service-item-2 .service-content .title a:hover {color:var(--cp-color-heading-primary); background-size:100% 2px;}
.service-item-2 .service-content .service-btn {border-top:1px solid rgba(20, 58, 43, 0.2); padding:24px 30px;}
.service-item-2 .service-content .service-btn a {color:var(--cp-color-heading-primary); display:flex; align-items:center; column-gap:10px; font-size:14px; font-weight:700; text-transform:uppercase; line-height:1;}
.service-item-2 .service-content .service-btn a i {transform:rotate(-45deg);}
.service-item-2:hover .service-thumb:after {left:0; right:0; opacity:0;}
.service-item-2:hover .service-thumb img {transform:scale(1.04) rotate(0deg);}
.service-item-2:hover .service-content {background-color:var(--cp-color-theme-primary);}

@media only screen and (max-width: 992px) {
.service-left-content {margin-bottom:50px;}
}

.service-left-content .service-client-wrap {display:flex; align-items:center; column-gap:20px; flex-wrap:wrap; row-gap:20px;}
.service-left-content .service-client-wrap .desc {color:var(--cp-color-common-white);}
.service-carousel-wrap-2 {height:800px; display:flex; align-items:center;}

@media only screen and (max-width: 992px) {
.service-carousel-wrap-2 {overflow:hidden;}
}

.service-carousel-2 {height:550px; max-width:450px; width:100%; overflow:visible;}
.service-carousel-2 .swiper-pagination {margin-bottom:0; margin:0;}
.service-carousel-2 .swiper-pagination .swiper-pagination-bullet {background-color:transparent; height:24px; width:24px; border-radius:50%; border:2px solid transparent; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; opacity:1; position:relative; right:-100px;}
.service-carousel-2 .swiper-pagination .swiper-pagination-bullet:before {background-color:var(--cp-color-theme-primary); content:""; height:8px; width:8px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:50%;}
.service-carousel-2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {border:2px solid var(--svl-color1);}
.service-item-3 {background-color:#284E3F; padding:45px; border-radius:8px; overflow:hidden;}

@media only screen and (max-width: 767px) {
.service-item-3 {padding:30px 20px;}
}

.service-item-3 .icon {margin-bottom:25px;}
.service-item-3 .title {color:var(--cp-color-common-white); font-size:28px; font-weight:600; margin-bottom:20px;}
.service-item-3 .service-thumb {width:100%; height:200px; margin-bottom:30px;}

@media only screen and (max-width: 767px) {
.service-item-3 .service-thumb {height:170px;}
}

.service-item-3 .service-thumb img {width:100%; height:100%; object-fit:cover;}
.service-item-3 p {color:var(--cp-color-common-white); font-size:20px; font-weight:400; margin-bottom:0;}
.service-details-img {height:512px; max-width:840px; width:100%;}

@media only screen and (max-width: 992px) {
.service-details-img {margin-top:40px;}
}

@media only screen and (max-width: 767px) {
.service-details-img {height:auto;}
}

.service-details-img img {width:100%; height:100%; object-fit:cover; border-radius:8px;}
.service-details-content {max-width:840px; width:100%;}
.service-details-content .details-title {font-size:40px; font-weight:600; margin-top:30px; margin-bottom:20px;}

@media only screen and (max-width: 992px) {
.service-details-content .details-title {font-size:50px;}
}

@media only screen and (max-width: 767px) {
.service-details-content .details-title {font-size:30px;}
}

.service-details-content p {font-size:17px; font-weight:400;}

@media only screen and (max-width: 767px) {
.service-details-content p {font-size:15px;}
}

.service-details-content .service-details-img-2 {height:400px; position:relative; border-radius:8px; overflow:hidden;}
.service-details-content .service-details-img-2 img {width:100%; height:100%; object-fit:cover; border-radius:8px;}
.service-details-content .service-details-img-2 .overlay {background-color:rgba(0, 64, 55, 0.6); width:100%; height:100%; position:absolute; top:0; left:0;}
.service-details-content .service-details-img-2 .play-btn {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.service-details-content .service-details-img-2 .play-btn a {background-color:var(--cp-color-common-white); color:var(--cp-color-heading-primary); height:60px; width:60px; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.service-details-content .details-title-2 {font-size:36px; font-weight:600; margin-bottom:20px;}

@media only screen and (max-width: 767px) {
.service-details-content .details-title-2 {font-size:26px;}
}

.service-sidebar {background-color:var(--cp-color-grey-1); padding:30px; border-radius:8px;}

@media (max-width: 1199px) {
.service-sidebar {padding:30px 15px;}
}

.service-sidebar:not(:last-of-type) {margin-bottom:60px;}

@media only screen and (max-width: 767px) {
.service-sidebar:not(:last-of-type) {margin-bottom:30px;}
}

.service-sidebar .sidebar-title {font-size:24px; font-weight:600; margin-bottom:20px; position:relative;}
.service-sidebar .sidebar-title:before {background-color:var(--cp-color-heading-primary); content:""; height:17px; width:8px; position:absolute; top:50%; left:-28px; transform:translateY(-50%);}

@media (max-width: 1199px) {
.service-sidebar .sidebar-title:before {display:none;}
}

.service-sidebar .service-sidebar-list {list-style:none;}
.service-sidebar .service-sidebar-list li:not(:last-of-type) {margin-bottom:8px;}
.service-sidebar .service-sidebar-list li a {font-family:var(--cp-ff-heading); background-color:var(--cp-color-common-white); display:flex; align-items:center; justify-content:space-between; font-size:18px; font-weight:600; padding:15px 25px; border-radius:8px; overflow:hidden; border:1px solid rgba(0, 64, 55, 0.2);}

@media (max-width: 1199px) {
.service-sidebar .service-sidebar-list li a {padding:15px; font-size:16px;}
}

.service-sidebar .service-sidebar-list li a i {color:var(--cp-color-heading-primary);}
.service-sidebar .service-sidebar-list li a:hover {background-color:var(--cp-color-theme-primary); color:var(--cp-color-text-black);}
.service-sidebar .service-sidebar-list li a:hover i {color:var(--cp-color-text-black);}
.service-sidebar.sidebar-cta {background-color:transparent; padding:0; overflow:hidden;}
.service-sidebar.sidebar-cta .sidebar-img {height:450px; width:100%; position:relative;}

@media only screen and (max-width: 992px) {
.service-sidebar.sidebar-cta .sidebar-img {max-width:408px;}
}

.service-sidebar.sidebar-cta .sidebar-img img {width:100%; height:100%; object-fit:cover; border-radius:8px;}
.service-sidebar.sidebar-cta .sidebar-img .overlay {background:linear-gradient(180deg, rgba(0, 64, 55, 0) 0%, #004037 100%); width:100%; height:100%; position:absolute; bottom:0; left:0; border-radius:8px;}
.service-sidebar.sidebar-cta .content {position:absolute; left:30px; bottom:40px;}
.service-sidebar.sidebar-cta .content .service-cta-title {font-size:28px; font-weight:600; color:var(--cp-color-common-white);}
.service-sidebar.sidebar-cta .content a {color:var(--cp-color-common-white); font-size:18px; font-weight:500; opacity:0.9;}
.process-item .process-number-wrap {height:160px; width:160px; border-radius:50%; display:flex; align-items:center; justify-content:center; position:relative; margin:0 auto; margin-bottom:30px;}
.process-item .process-number-wrap .shape-1 {position:absolute; top:0; left:0;}
.process-item .process-number-wrap .process-number {background-color:var(--cp-color-grey-1); height:130px; width:130px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-family:var(--cp-ff-heading); font-size:40px; font-weight:500;}
.process-item .title {font-size:24px; font-weight:600; margin-bottom:15px; color: #111;}
.process-item p {margin-bottom:0;}
.process-item.item-2 .shape-1 {top:auto; bottom:0;}
.video-section {height:800px; position:relative; z-index:1;}

@media (max-width: 1199px) {
.video-section {height:550px;}
}

.video-section .bg-img {background-position:center; background-attachment: fixed; background-size:cover; background-repeat:no-repeat; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
.video-section .bg-img:before, .hero-section:before, .bg-aly:before {background:linear-gradient(0deg, rgba(0, 64, 55, 0.7), rgba(0, 64, 55, 0.6)); content:""; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
.play-btn {box-shadow: 0 0 15px #555;background-color:var(--cp-color-common-white); height:185px; width:185px; display:flex; align-items:center; justify-content:center; border-radius:50%; position:relative; z-index:5; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.play-btn i {color:var(--cp-color-heading-primary); font-size:20px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.play-btn .explore-text {animation-name:spin; animation-duration:15s; animation-iteration-count:infinite; animation-timing-function:linear;}
.video-section-2 .bg-img:before {display:none;}
.team-container {max-width:1495px;}
.team-item .team-thumb {background-color:var(--cp-color-common-white); height:350px; margin-bottom:25px; border-radius:8px; overflow:hidden; position:relative; z-index:1;}
.team-item .team-thumb .overlay {background-color:rgba(0, 64, 55, 0.3); width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; visibility:hidden; opacity:0;}
.team-item .team-thumb img {width:100%; height:100%; object-fit:cover;}
.team-item .team-thumb .team-social {position:absolute; bottom:40px; right:40px; z-index:2; list-style:none; visibility:hidden; opacity:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.team-item .team-thumb .team-social li {-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.team-item .team-thumb .team-social li:not(:last-of-type) {margin-bottom:5px;}
.team-item .team-thumb .team-social li a {background-color:var(--cp-color-common-white); color:var(--cp-color-text-black); height:50px; width:50px; display:flex; align-items:center; justify-content:center; border-radius:50%;}
.team-item .team-thumb .team-social li a:hover {background-color:var(--cp-color-theme-primary); color:var(--cp-color-text-black);}
.team-item .title {font-size:24px; font-weight:600; line-height:1; margin-bottom:15px;}
.team-item span {font-size:14px; display:block; line-height:1; font-weight:500; line-height:1;}
.team-item:hover .team-thumb .overlay {visibility:visible; opacity:1;}
.team-item:hover .team-thumb .team-social {visibility:visible; opacity:1;}
.team-item:hover .team-thumb .team-social li:not(:last-of-type) {margin-bottom:10px;}
.team-skill-content .team-skill-title {font-size:62px; font-weight:400;}
.team-skill-content .team-skill-item-wrap {display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:30px; margin-bottom:55px;}
.team-skill-content .team-skill-item-wrap .skills-item {margin-bottom:0;}
.team-skill-content .team-skill-item-wrap .skills-item:not(:last-of-type) {margin-bottom:0;}
.team-details-img {background-color:#F8F5F3; max-width:580px; width:100%; height:620px; border-radius:8px;}

@media only screen and (max-width: 767px) {
.team-details-img {height:450px;}
}

.team-details-img img {width:100%; height:100%; object-fit:cover; border-radius:15px;}
.team-details-content {max-width:670px; width:100%;}

@media only screen and (max-width: 992px) {
.team-details-content {margin-top:50px;}
}

.team-details-content p {font-size:18px;}

@media only screen and (max-width: 767px) {
.team-details-content p {font-size:15px;}
}

.team-details-content .name {font-size:40px; font-weight:600;}

@media only screen and (max-width: 767px) {
.team-details-content .name {font-size:38px;}
}

.team-details-content .prof {font-family:var(--cp-ff-heading); font-size:20px; font-weight:500; margin-bottom:30px; display:block;}
.team-details-content .team-details-list {margin-top:40px; padding-top:40px; border-top:1px solid rgba(63, 63, 44, 0.1); list-style:none;}
.team-details-content .team-details-list li {font-family:var(--cp-ff-heading); color:var(--cp-color-heading-primary); font-size:18px; font-weight:500;}

@media only screen and (max-width: 767px) {
.team-details-content .team-details-list li {font-size:14px;}
}

.team-details-content .team-details-list li:not(:last-of-type) {margin-bottom:10px;}
.team-details-content .team-details-list li span {display:inline-block;}
.team-details-content .team-details-list li span:nth-child(1) {width:137px;}

@media only screen and (max-width: 767px) {
.team-details-content .team-details-list li span:nth-child(1) {width:100px;}
}

.team-details-content .team-details-list li span:nth-child(2) {width:53px;}

@media only screen and (max-width: 767px) {
.team-details-content .team-details-list li span:nth-child(2) {width:30px;}
}

.team-details-content .team-portfolio {margin-top:40px; margin-bottom:40px;}
.team-details-content .team-portfolio .port-title {font-size:18px; font-weight:500; margin-bottom:20px;}
.team-details-content .team-portfolio .team-portfolio-list {list-style:none;}

@media only screen and (max-width: 767px) {
.team-details-content .team-portfolio .team-portfolio-list {display:flex; align-items:center; flex-wrap:wrap; row-gap:10px;}
}

.team-details-content .team-portfolio .team-portfolio-list li {display:inline-flex; align-items:center;}
.team-details-content .team-portfolio .team-portfolio-list li:not(:last-of-type) {margin-right:10px;}
.team-details-content .team-portfolio .team-portfolio-list li a {background-color:#F8F5F3; font-family:var(--cp-ff-p); font-size:14px; font-weight:500; line-height:1; padding:8px 20px; border-radius:100px; border:1px solid var(--cp-color-border-1);}
.team-details-content .team-portfolio .team-portfolio-list li a:hover {background-color:var(--cp-color-heading-primary); color:var(--cp-color-common-white);}
.team-details-content .team-details-info:not(:last-of-type) {margin-bottom:40px;}
.team-details-content .team-details-info .info-title {font-size:28px; font-weight:500; margin-bottom:25px;}
.team-details-content .team-details-info p {margin-bottom:0;}
.team-details-content .team-details-info .skills-items {margin-top:35px;}
.team-details-content .team-details-info .skills-items .skills-item .title {font-size:16px; font-weight:600;}
.skills-item {overflow:hidden;}
.skills-item:not(:last-of-type) {margin-bottom:25px;}
.skills-item .title {font-size:20px; font-weight:600; margin-bottom:15px; text-transform:capitalize;}
.skills-item .title span {padding:0 10px;}
.skills-item .progress {background-color:rgba(0, 153, 89, 0.2); height:10px; overflow:visible; border-radius:0; border-radius:32px;}
.skills-item .progress .progress-bar {position:relative; background-color:var(--cp-color-heading-primary); overflow:visible; border-radius:32px;}
.skills-item .progress .progress-bar span {font-size:16px; font-weight:500; background-repeat:no-repeat; color:var(--cp-color-heading-primary); padding:10px 10px 20px 10px; position:absolute; top:-45px; right:-11px;}

@media only screen and (max-width: 767px) {
.skills-item .progress .progress-bar span {font-size:18px; padding-top:20px; top:-60px;}
}

.pricing-item {background-color:var(--cp-color-grey-1); padding:45px; border-radius:8px;}

@media (max-width: 1199px) {
.pricing-item {padding:40px 25px;}
}

.pricing-item .title {font-size:24px; font-weight:600;}
.pricing-item .pricing-offer {font-size:18px; font-weight:400;}
.pricing-item .price {font-size:40px; font-weight:600; line-height:1; margin-top:25px; margin-bottom:35px; padding-bottom:30px; border-bottom:1px solid rgba(0, 64, 55, 0.16);}
.pricing-item .pricing-list {list-style:none; margin-bottom:40px;}
.pricing-item .pricing-list li {display:flex; align-items:center; line-height:1;}
.pricing-item .pricing-list li:not(:last-of-type) {margin-bottom:20px;}
.pricing-item .pricing-list li i {color:var(--cp-color-heading-primary); width:25px;}
.pricing-item .pricing-list li.cross-icon i {color:var(--cp-color-heading-primary);}
.preloader span {font-size:80px; font-weight:800; color:#fff; text-transform:uppercase; overflow-x:hidden;}
.site-name {background-color:#111;}
.preloader-gutters {background-color:transparent; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; display:flex;}
.preloader-overlay {background-color:#111; position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; transform:translateX(-100%); opacity:0.2;}
.preloader {width:100%; height:100vh; position:relative; --preloader-clip:0; clip-path:inset(0 0 0 var(--preloader-clip)); position:fixed; left:0; top:0; z-index:999;}
.site-name {width:100%; height:100%; text-align:center; align-content:center; position:absolute; top:0; z-index:1; left:0;}

@media only screen and (max-width: 767px) {
.site-name span {font-size:40px;}
}

.preloader-gutters .bar {width:12.5%; height:100%; background:transparent; position:relative;}
.preloader-gutters .inner-bar {position:absolute; top:0; left:0; width:0%; height:100%; background-color:var(--cp-color-theme-primary);}
.faq-content .faq-accordion {border-radius:0;}
.faq-content .faq-accordion .accordion-item {background-color:var(--cp-color-common-white); border:none; border-radius:0; padding:0;}
.faq-content .faq-accordion .accordion-item:not(:last-of-type) {margin-bottom:30px;}
.faq-content .faq-accordion .accordion-item .accordion-button {background-color:var(--cp-color-common-white); color: #111; border:none; box-shadow:none; font-size:20px; font-weight:600; border-bottom:1px solid rgba(20, 58, 43, 0.16); padding:0; padding-bottom:20px; border-radius:0;}
.faq-content .faq-accordion .accordion-item .accordion-button:after {color:var(--cp-color-heading-primary); background-image:none; font-family:"Font Awesome 6 Pro"; font-size:14px; font-weight:700; content:"+"; line-height:1; display:flex; align-items:center; justify-content:center; border-radius:50%;}
.faq-content .faq-accordion .accordion-item .accordion-button:not(.collapsed):after {content:"-"; transform:rotate(0);}
.faq-content .faq-accordion .accordion-item .accordion-body {color:var(--cp-color-text-body); width:100%; font-size:18px; font-weight:400; padding:0; padding-top:20px;}
.promo-item-wrap {display:grid; grid-template-columns:repeat(2, 1fr);}

@media only screen and (max-width: 767px) {
.promo-item-wrap {grid-template-columns:1fr;}
.promo-item-wrap .promo-item {border:none;}
}

.promo-left-content {max-width:572px; width:100%;}

@media only screen and (max-width: 992px) {
.promo-left-content {margin-bottom:40px;}
}

.promo-left-content .section-heading {margin-bottom:60px;}
.promo-item .icon {margin-bottom:20px;}
.promo-item .title {font-size:24px; font-weight:600; margin-bottom:15px;}
.promo-item p {font-size:18px; font-weight:400; margin-bottom:0;}
.promo-item:nth-child(1) {padding-right:40px; padding-bottom:40px; border-right:1px solid rgba(20, 58, 43, 0.2); border-bottom:1px solid rgba(20, 58, 43, 0.2);}

@media only screen and (max-width: 767px) {
.promo-item:nth-child(1) {border:none; padding-right:0;}
}

.promo-item:nth-child(2) {padding-left:50px; border-bottom:1px solid rgba(20, 58, 43, 0.2);}

@media only screen and (max-width: 767px) {
.promo-item:nth-child(2) {border:none; padding-left:0;}
}

.promo-item:nth-child(3) {padding-top:40px; padding-right:40px; border-right:1px solid rgba(20, 58, 43, 0.2);}

@media only screen and (max-width: 767px) {
.promo-item:nth-child(3) {border:none; padding-right:0;}
}

.promo-item:nth-child(4) {padding-left:50px; padding-top:40px;}

@media only screen and (max-width: 767px) {
.promo-item:nth-child(4) {border:none; padding-left:0;}
}

.promo-content-left {max-width:592px; width:100%;}

@media only screen and (max-width: 992px) {
.promo-content-left {margin-bottom:50px;}
}

.promo-card-wrap {border-radius:12px; overflow:hidden;}
.promo-card-wrap .promo-item-2 {background-color:var(--cp-color-grey-1); display:grid; align-items:center; grid-template-columns:80px 1fr; grid-gap:30px; padding:40px 42px;}

@media only screen and (max-width: 767px) {
.promo-card-wrap .promo-item-2 {grid-template-columns:1fr; padding:40px 20px;}
}

.promo-card-wrap .promo-item-2:not(:last-of-type) {border-bottom:1px solid rgba(0, 64, 55, 0.2);}
.promo-card-wrap .promo-item-2 .number {font-family:var(--cp-ff-heading); height:80px; width:80px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(0, 64, 55, 0.2); border-radius:50%; font-size:20px; font-weight:700; line-height:1;}
.promo-card-wrap .promo-item-2 .content .title {font-size:28px; font-weight:600; margin-bottom:15px;}
.promo-card-wrap .promo-item-2 .content p {font-size:18px; font-weight:400; margin-bottom:0;}
.promo-item-wrap-2 .promo-item {border-color:rgba(231, 240, 238, 0.2);}
.post-card .post-thumb {position:relative; height:300px; overflow:hidden; margin-bottom:0px; }

@media only screen and (max-width: 767px) {
.post-card .post-thumb {height:300px;}
}

.post-card .post-thumb:after {background:rgba(255, 255, 255, 0.3); bottom:0; content:""; left:50%; position:absolute; right:51%; top:0; opacity:1; pointer-events:none; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.post-card .post-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
    border-radius: 15px 15px 0 0;
}
.post-card .post-content {
    background-color: var(--cp-color-common-white);
    width: 100%;
    margin: 0 auto;
    padding: 24px 30px;
    border: 1px solid rgba(131, 131, 131, 0.2);
    border-radius: 0 0 15px 15px;
    position: relative;
    z-index: 5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.post-card .post-content span {font-size:12px; font-weight:600; text-transform:uppercase; padding:5px 15px; border-radius:100px; border:1px solid rgba(0, 64, 55, 0.2); margin-bottom:10px; display:inline-block;}
.post-card .post-content .title {font-size:24px; font-weight:500; line-height:1.3; margin-bottom:20px; }

@media only screen and (max-width: 767px) {
.post-card .post-content .title {font-size:24px;}
}

.blog-section .post-card .post-content .title a {background:linear-gradient(var(--cp-color-heading-primary) 0%, var(--cp-color-heading-primary) 98%); background-size:0 2px; background-repeat:no-repeat; background-position:left 100%; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.blog-section .post-card .post-content .title a:hover {color:var(--cp-color-heading-primary); background-size:100% 2px;}
.blog-section .post-card:hover .post-thumb:after {left:0; right:0; opacity:0;}
.blog-section .post-card:hover .post-thumb img {transform:scale(1.04) rotate(0deg);}
.blog-section .post-card:hover .post-content {background-color:var(--cp-color-theme-primary); color:#fff;}
.blog-section .post-card:hover .post-content * { color:#fff !important;}
.blog-section .post-card-wrap > div:not(:last-of-type) {margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid rgba(35, 31, 32, 0.16);}
.blog-section2 .post-card .post-content .title a, .blog-section2 .post-card:hover .post-content  {background:transparent;}
.blog-section2 .post-card:hover .post-content *, .blog-section2 .post-card:hover .post-content { color:inherit !important;}

@media only screen and (max-width: 767px) {
.post-card-wrap > div:not(:last-of-type) {margin-bottom:40px; padding-bottom:40px;}
}

.post-card-2 {display:grid; align-items:center; grid-template-columns:270px 1fr; grid-gap:40px;}

@media only screen and (max-width: 767px) {
.post-card-2 {grid-template-columns:1fr; grid-gap:20px;}
}

.post-card-2 .post-thumb {height:190px;}
.post-card-2 .post-content {margin-top:0; max-width:100%; padding:0; border:none;}
.post-card-2 .post-content .title {font-size:28px; font-weight:600; margin-bottom:25px;}

@media (max-width: 1199px) {
.post-card-2 .post-content .title {font-size:24px;}
}

.post-card-2 .post-content .post-meta li {font-size:14px;}
.post-card-2 .post-content .post-meta li span {color:rgba(20, 58, 43, 0.2); padding:0; border:none; margin:0; padding:0 10px;}
.post-card-2:hover .post-content {background-color:transparent;}
.post-card-3 {grid-template-columns:1fr; grid-gap:20px;}
.post-card-3 .post-thumb {height:300px;}
.post-card-3 .post-thumb img {width:100%; height:100%; object-fit:cover;}
.post-card-3 .post-content {padding:0;}
.post-card-3 .post-content .title {font-size:24px; font-weight:600; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid rgba(0, 64, 55, 0.16);}



.post-meta {display:flex; align-items:center; list-style:none; flex-wrap:wrap; row-gap:10px;}
.post-meta li {font-family:var(--cp-ff-body); color:var(--cp-color-heading-primary); font-size:16px; font-weight:500; text-transform:uppercase; display:flex; align-items:center; line-height:1;}
.post-meta li i {font-size:14px;}
.post-meta li:not(:last-of-type) {margin-right:15px;}
.post-meta li a:hover {color:var(--cp-color-theme-primary);}

@media only screen and (max-width: 767px) {
.post-meta li {font-size:12px;}
}

.post-meta li.category-text {font-family:var(--cp-ff-heading); text-transform:uppercase; padding:10px 20px; border:1px solid rgba(255, 255, 255, 0.2); border-radius:100px;}

@media only screen and (max-width: 992px) {
.post-inner-card-wrap {margin-bottom:50px;}
}

.inner-post {border-radius:8px; overflow:hidden;}
.inner-post:not(:last-of-type) {margin-bottom:40px;}
.inner-post .post-thumb {height:500px; margin-bottom:0px; border-radius:16px; overflow:hidden; border-radius:0;}

@media only screen and (max-width: 992px) {
.inner-post .post-thumb {height:400px;}
}

@media only screen and (max-width: 767px) {
.inner-post .post-thumb {height:300px;}
}

.inner-post .post-thumb img {border-radius:0;}
.inner-post .post-content {background-color:var(--cp-color-grey-1); border-radius:0; margin-top:0; width:100%; max-width:100%; border:none; padding:40px;}

@media only screen and (max-width: 992px) {
.inner-post .post-content {padding:30px 20px;}
}

.inner-post .post-content .post-meta {margin-bottom:15px;}
.inner-post .post-content .post-meta .category {padding:5px 15px; border-radius:100px; border:1px solid rgba(0, 153, 89, 0.2);}
.inner-post .post-content .title {font-size:36px;}

@media only screen and (max-width: 767px) {
.inner-post .post-content .title {font-size:24px;}
}

.inner-post .post-content p {font-size:18px; margin-bottom:35px;}
.inner-post .post-content .post-btn .cp-primary-btn span {margin-bottom:0; padding:0; display:flex; align-items:center; justify-content:center;}
.inner-post:hover .post-content {background-color:var(--cp-color-grey-1);}
.pagination-wrap {display:flex; align-items:center; list-style:none; column-gap:10px;}
.pagination-wrap li a {background-color:transparent; color:var(--cp-color-common-white); font-weight:700; height:50px; width:50px; font-size:20px; display:flex; align-items:center; justify-content:center; line-height:1; border:1px solid var(--cp-color-border-1);}
.pagination-wrap li a:hover {background-color:var(--cp-color-theme-primary); color:var(--cp-color-common-white); border:1px solid var(--cp-color-theme-primary);}
.pagination-wrap li .active {background-color:var(--cp-color-theme-primary); color:var(--cp-color-common-white); border:1px solid var(--cp-color-theme-primary);}
.post-card.card-6 {grid-template-columns:200px 1fr;}

@media (max-width: 1199px) {
.post-card.card-6 {grid-gap:20px; padding:30px 20px;}
}

@media only screen and (max-width: 992px) {
.post-card.card-6 {grid-gap:40px; padding:40px;}
}

@media only screen and (max-width: 767px) {
.post-card.card-6 {grid-template-columns:1fr; grid-gap:30px; padding:30px 20px;}
}

.post-card.card-6 .post-thumb {height:164px; max-width:200px;}

@media only screen and (max-width: 767px) {
.post-card.card-6 .post-thumb {max-width:100%; height:250px;}
}

.post-card.card-6 .post-meta {margin-bottom:15px;}

@media (max-width: 1199px) {
.post-card.card-6 .post-meta li {font-size:13px;}
}

@media only screen and (max-width: 992px) {
.post-card.card-6 .post-meta li {font-size:14px;}
}

.post-card.card-6 .post-content .title {font-size:20px; margin-bottom:20px; font-weight:700;}

@media (max-width: 1199px) {
.post-card.card-6 .post-content .title {font-size:16px;}
}

@media only screen and (max-width: 992px) {
.post-card.card-6 .post-content .title {font-size:20px;}
}

.post-card.card-6 .post-content .title a:hover {color:var(--cp-color-theme-primary);}
.post-card.card-6 .post-content .blog-btn {border:1px solid #E3E3ED; border-radius:100px;}
.post-card.card-6 .post-content .blog-btn:before {background-color:var(--cp-color-common-white);}
.post-card.card-6 .post-content .blog-btn:hover {color:var(--cp-color-heading-primary);}
.post-card.card-6.card-8 {grid-template-columns:1fr; grid-gap:0;}
.post-card.card-6.card-8 .post-thumb {width:100%; max-width:100%; height:270px; margin-bottom:0; overflow:hidden;}
.post-card.card-6.card-8 .post-meta {background-color:var(--cp-color-theme-primary); padding:7px 20px; margin-bottom:25px;}
.post-card.card-6.card-8 .post-meta li {color:var(--cp-color-common-white); font-size:14px;}
.post-card.card-6.card-8 .post-meta li:not(:last-of-type) {margin-right:30px;}
.post-card.card-6.card-8 .post-content .title {font-size:24px; margin-bottom:30px;}
.post-card.card-6.card-8 .post-content .blog-btn {border-radius:0;}
.post-card.card-6.grid-post {padding:0; grid-template-columns:312px 1fr; grid-gap:0;}

@media only screen and (max-width: 767px) {
.post-card.card-6.grid-post {grid-template-columns:1fr;}
}

.post-card.card-6.grid-post .post-thumb {max-width:312px; height:100%;}

@media only screen and (max-width: 767px) {
.post-card.card-6.grid-post .post-thumb {max-width:100%; height:300px;}
}

.post-card.card-6.grid-post .post-content {padding:50px 40px;}

@media (max-width: 1199px) {
.post-card.card-6.grid-post .post-content {padding:40px 20px;}
}

@media only screen and (max-width: 767px) {
.post-card.card-6.grid-post .post-content {padding:30px 20px;}
}

.post-card.card-6.grid-post .post-content .post-meta li i {color:var(--cp-color-theme-primary);}
.post-card.card-6.grid-post .post-content .title {font-size:24px;}

@media only screen and (max-width: 767px) {
.post-card.card-6.grid-post .post-content .title {font-size:20px;}
}

.post-card.card-6.grid-post .post-content .blog-btn {padding:0; border:none; color:var(--cp-color-theme-primary); border-radius:0; padding-bottom:5px;}
.post-card.card-6.grid-post .post-content .blog-btn:before {display:none;}
.post-card.card-6.grid-post .post-content .blog-btn:after {background-color:var(--cp-color-theme-primary); content:""; width:100%; height:1px; position:absolute; bottom:1px; left:0;}
.post-card.card-6.grid-post .post-content .blog-btn i {margin-top:2px; transform:rotate(0);}
.post-card.card-6.grid-post.grid-post-2 {grid-template-columns:1fr;}
.post-card.card-6.grid-post.grid-post-2 .post-thumb {height:255px; max-width:100%;}
.post-card-10 {height:500px; position:relative; z-index:1;}
.post-card-10 .post-thumb {position:relative; height:100%;}
.post-card-10 .post-thumb:before, .post-card-10 .post-thumb:after {display:none;}
.post-card-10 .post-thumb .overlay {background:linear-gradient(180deg, rgba(20, 24, 46, 0.25) 47.69%, #0D0E15 89.42%); width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
.post-card-10 .post-thumb img {width:100%; height:100%; object-fit:cover;}
.post-card-10 .post-content-wrap {left:40px; bottom:40px; right:40px; padding-right:0;}

@media only screen and (max-width: 767px) {
.post-card-10 .post-content-wrap {left:20px; right:20px;}
}

.post-card-10 .post-content-wrap .post-content .category {background-color:var(--cp-color-theme-primary); display:inline-block; color:var(--cp-color-common-white); font-weight:600; padding:8px 15px; line-height:1; text-transform:uppercase; font-size:14px; margin-bottom:20px;}
.post-card-10 .post-content-wrap .post-content .title {font-size:24px; margin-bottom:20px;}
.post-card-10 .post-content-wrap .post-content .post-meta {margin-bottom:0;}
.blog-11 {position:relative; z-index:1;}
.blog-11 .bg-shape {position:absolute; bottom:0; left:0; z-index:-1;}
.post-card.card-6.card-8.card-12 .post-thumb {height:350px;}
.post-card.card-6.card-8.card-12 .post-content .post-meta {background-color:transparent; padding:0; margin-top:30px; margin-bottom:20px;}
.post-card.card-6.card-8.card-12 .post-content .post-meta li {color:var(--cp-color-text-body);}
.post-card.card-6.card-8.card-12 .post-content .blog-btn {background-color:var(--cp-color-theme-primary); border:1px solid var(--cp-color-theme-primary);}
.post-card.card-6.card-8.card-12 .post-content .blog-btn:hover {border:1px solid var(--cp-color-common-white);}
.counter-section {border-top:1px solid rgba(0, 46, 79, 0.2);}

@media only screen and (max-width: 992px) {
.counter-item-wrap {padding-bottom:50px; padding-top:50px;}
}

.counter-item-wrap > div {padding:0;}
.counter-item-wrap > div:not(:last-of-type) .counter-item {border-right:1px solid rgba(0, 46, 79, 0.2);}

@media only screen and (max-width: 992px) {
.counter-item-wrap > div:not(:last-of-type) .counter-item {border:none;}
}

.counter-item {padding:50px 0;}

@media only screen and (max-width: 992px) {
.counter-item {border:none; padding:0;}
}

.counter-item .title {font-size:70px; font-weight:600; margin-bottom:5px; display:flex; align-items:center; justify-content:center; line-height:1;}

@media only screen and (max-width: 992px) {
.counter-item .title {font-size:60px;}
}

.counter-item .title .odometer-auto-theme {font-family:inherit; line-height:1;}
.counter-item .title .icon {font-size:50px; font-weight:400; margin-top:10px; margin-left:5px;}
.counter-item p {font-size:18px; font-weight:600; line-height:1; margin-bottom:0;}

@media (max-width: 1399px) {
.counter-item.item-1 {padding-left:30px;}
}

@media only screen and (max-width: 992px) {
.counter-item.item-1 {padding-left:0px;}
}

@media only screen and (max-width: 992px) {
.counter-item.item-1 {text-align:center;}
}

.counter-item.item-1 .title {justify-content:start;}

@media only screen and (max-width: 992px) {
.counter-item.item-1 .title {justify-content:center;}
}

@media (max-width: 1399px) {
.counter-item.item-4 {padding-right:30px;}
}

@media only screen and (max-width: 992px) {
.counter-item.item-4 {padding-right:0px;}
}

.counter-item.item-4 .title {justify-content:end; text-align:left;}

@media only screen and (max-width: 992px) {
.counter-item.item-4 .title {justify-content:center; text-align:center;}
}

.counter-item.item-4 p {text-align:right;}

@media only screen and (max-width: 992px) {
.counter-item.item-4 p {text-align:center;}
}

.consult-section {background-color:var(--cp-color-grey-1); position:relative; z-index:1;}
.consult-section .bg-img {position:absolute; top:0; left:0; height:100%; width:50%;}

@media only screen and (max-width: 992px) {
.consult-section .bg-img {display:none;}
}

.consult-section .bg-img img {width:100%; height:100%; object-fit:cover;}
.consult-content {padding-left:60px;}

@media only screen and (max-width: 767px) {
.consult-content {padding-left:0;}
}

.consult-content .section-heading .section-title {font-size:52px;}

@media (max-width: 1199px) {
.consult-content .section-heading .section-title {font-size:50px;}
}

@media only screen and (max-width: 992px) {
.consult-content .section-heading .section-title {font-size:42px;}
}

@media only screen and (max-width: 767px) {
.consult-content .section-heading .section-title {font-size:36px;}
}

.consult-content p {font-size:22px; font-weight:500;}
.consult-content .consult-btn {margin-top:50px;}
.page-header {background-position:center; max-height:506px; background-size:cover; background-repeat:no-repeat; width:100%; height:100%; position:relative; z-index:1; overflow:hidden;}
.page-header .overlay {background:linear-gradient(0deg, rgba(0, 64, 55, 0.7), rgba(0, 64, 55, 0.7)); width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
.page-header .page-header-content {padding:254px 0 120px 0; position:relative; z-index:2; text-align:center;}

@media only screen and (max-width: 992px) {
.page-header .page-header-content {padding:180px 0 100px 0;}
}

.page-header .page-header-content .title {color:var(--cp-color-common-white); font-size:70px; font-weight:600; line-height:1; margin-bottom:20px; display:inline-block; position:relative; z-index:1;}

@media only screen and (max-width: 767px) {
.page-header .page-header-content .title {line-height:1.3em;}
}

@media only screen and (max-width: 992px) {
.page-header .page-header-content .title {font-size:40px; line-height:1; margin-bottom:20px;}
}

@media only screen and (max-width: 767px) {
.page-header .page-header-content .title {font-size:38px; line-height:1; margin-bottom:10px;}
}

.page-header .page-header-content .sub-title {font-family:var(--cp-ff-body); font-size:16px; font-weight:500; text-transform:capitalize;}

@media only screen and (max-width: 767px) {
.page-header .page-header-content .sub-title {font-size:15px;}
}

.page-header .page-header-content .sub-title .home {color:var(--cp-color-common-white); text-transform:uppercase; position:relative; padding-right:15px; margin-right:10px; font-size:16px; font-weight:500;}
.page-header .page-header-content .sub-title .home:hover {color:var(--cp-color-theme-primary);}
.page-header .page-header-content .sub-title .home:before {background-color:var(--cp-color-common-white); content:""; height:8px; width:8px; position:absolute; top:50%; right:0; transform:translateY(-50%); border-radius:50%;}

@media only screen and (max-width: 767px) {
.page-header .page-header-content .sub-title a {line-height:2;}
}

.page-header .page-header-content .inner-page {color:var(--cp-color-theme-primary); cursor:inherit; font-family:var(--cp-ff-body); font-size:16px; font-weight:500; text-transform:uppercase; display: inline-block;
    margin-right: 10px;}
.contact-item { background-color:var(--cp-color-grey-1); padding:30px; border-radius:8px; display:flex; align-items:center; flex-direction:column-reverse; align-items:baseline;}

@media only screen and (max-width: 767px) {
.contact-item {padding:30px 20px;}
}

.contact-item .contact-content {margin-bottom:80px;}
.contact-item .contact-content span {color:var(--cp-color-heading-primary); font-family:var(--cp-ff-heading); line-height:1; font-size:20px; font-weight:600; display:block; margin-bottom:10px;}
.contact-item .contact-content .title {color:var(--cp-color-text-body); font-family:var(--cp-ff-body); font-size:18px; font-weight:500; margin-bottom:0;}
.blog-contact-form.form-2 {background-color:var(--cp-color-grey-1); padding:30px; border-radius:16px;}

@media only screen and (max-width: 767px) {
.blog-contact-form.form-2 {padding:40px 20px;}
}

.blog-contact-form.form-2 .request-form .form-item .form-control {background-color:var(--cp-color-common-white); border-radius:8px; border:none;}
.map-wrapper iframe {border-radius:16px;}
#sidebar-overlay, .sidebar-trigger, .sidebar-area {display:none;}
.sidebar-area {position:relative; z-index:1;}
.sidebar-area:before {background-color:rgba(20, 58, 43, 0.2); content:""; width:100%; height:1px; position:absolute; top:91px; left:0; z-index:-1;}
.sidebar-trigger {display:block;}
.sidebar-area {background-color:var(--cp-color-common-white); position:fixed; right:0; top:0; transform:translateX(100%); width:450px; height:100%; z-index:99; display:flex; align-items:flex-start; justify-content:flex-start; overflow-y:auto; visibility:hidden; transition:all 0.5s ease-in-out; padding:60px 40px; padding-top:34px;}
.open-sidebar .sidebar-area {right:0; visibility:visible; transform:translate(0);}
.sidebar-trigger.close {position:absolute; right:30px; top:35px; color:var(--grey-color); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.sidebar-trigger.close:hover {color:var(--cp-color-theme-primary);}
.sidebar-trigger.close svg {fill:currentColor; stroke:none; width:20px; height:20px;}
.sidebar-content .site-logo {margin-bottom:40px;}
.sidebar-content .site-logo img {max-width:125px;}
.sidebar-content .sidebar-info li {font-size:18px;}
.sidebar-content .sidebar-social li {display:inline-block; margin:0 3px; padding-top:30px;}
.sidebar-content .sidebar-social li a {display:inline-block; border:1px solid var(--border-1); font-size:16px; width:40px; height:40px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; position:relative;}
.sidebar-content .sidebar-social li a:after {background-color:var(--primary-color); width:40px; height:40px; border-radius:59%; content:""; position:absolute; left:50%; top:50%; opacity:1; transform:translate(-50%, -50%) scale(0); z-index:-1; visibility:hidden; opacity:0; transition:0.4s;}
.sidebar-content .sidebar-social li a:hover {border:1px solid var(--primary-color); color:#fff;}
.sidebar-content .sidebar-social li:hover a:after {visibility:visible; opacity:1; transition:0.4s; transform:translate(-50%, -50%) scale(1);}
.sidebar-content .list-post-area {margin:50px 0 20px 0;}
.sidebar-area::-webkit-scrollbar {width:8px; height:8px;}
.sidebar-area::-webkit-scrollbar-thumb {cursor:pointer; background:#ccc;}
.sidebar-area::selection {background-color:#999; color:#fff;}
.sidebar-area-webkit-::selection {background-color:#999; color:#fff;}
.sidebar-area::-moz-selection {background-color:#999; color:#fff;}
#sidebar-overlay {display:block; height:100%; left:0; opacity:0; overflow:hidden; position:fixed; top:0; transition:all 0s ease-in-out; width:calc(100% - 400px); z-index:-1;}
.open-sidebar #sidebar-overlay {opacity:1; z-index:1002; transition:all 0.3s ease-in-out; transition-delay:0.3s;}

@media (max-width: 992px) {
.sidebar-content .list-post-area.list-2 {grid-template-columns:1fr; grid-gap:0;}
.sidebar-area {width:400px; padding:60px 30px; justify-content:center;}
.side-menu-logo {margin-bottom:50px; max-width:125px;}
.side-menu-wrap {margin-bottom:70px;}
.side-menu-header h3 {display:none;}
.side-menu-list li a {font-size:14px;}
.side-menu-list li p {font-size:14px;}
}

@media (max-width: 767px) {
.sidebar-area {width:320px; padding:60px 20px 60px 20px;}
.sidebar-content .list-post-area.list-2 .list-post-card .post-img {height:90px; width:90px;}
.sidebar-content .list-post-area.list-2 .list-post-card {grid-template-columns:90px 1fr;}
}

.side-menu-logo {max-width:125px;}
.side-menu-about {margin:75px 0 60px 0;}
.side-menu-about p {font-size:14px;}
.side-menu-about p {font-size:15px; margin:25px 0;}
.side-menu-header h3 {font-size:30px; font-weight:600px; line-height:1; font-weight:600;}
.side-menu-content .side-menu-header, .side-menu-about .side-menu-header {margin-bottom:20px;}
.side-menu-list {margin:25px 0 35px 0;}
.side-menu-list li {display:flex; align-items:center;}
.side-menu-list li:not(:last-of-type) {margin-bottom:20px;}
.side-menu-list li i {background-color:var(--cp-color-theme-primary); font-size:12px; color:var(--cp-color-text-black); width:30px; height:30px; line-height:30px; text-align:center; border:1px solid var(--cp-color-border-1); border-radius:4px; transition:all 0.2s ease-in-out;}
.side-menu-list li:hover i {background-color:var(--cp-color-theme-primary);}
.side-menu-list li p {font-size:16px; font-weight:400; padding-left:10px; margin-bottom:0;}
.side-menu-list li a {font-size:16px; font-weight:400; color:var(--cp-color-text-body); padding-left:10px;}
.side-menu-list li a:hover {color:var(--cp-color-theme-primary);}
.side-menu-social {margin-top:40px; list-style:none;}
.side-menu-social li {display:inline-flex;}
.side-menu-social li:not(:last-of-type) {margin-right:5px;}
.side-menu-social li a {background-color:var(--cp-color-bg-1); font-size:15px; color:var(--cp-color-common-white); height:45px; width:45px; display:flex; align-items:center; justify-content:center; border:1px solid var(--cp-color-border-1); border-radius:50%;}
.side-menu-social li a:hover {background-color:var(--cp-color-theme-primary); color:var(--cp-color-text-black);}
.blog-details-img {width:100%; height:500px;}
.blog-details-img img {height:100%; width:100%; object-fit:cover; object-position:top; border-radius:8px;}

@media only screen and (max-width: 992px) {
.blog-details-img {height:400px;}
}

@media only screen and (max-width: 767px) {
.blog-details-img {height:300px;}
}

.blog-details-wrap .post-meta .category {padding:5px 15px; border-radius:100px; border:1px solid rgba(0, 153, 89, 0.2);}

@media only screen and (max-width: 992px) {
.blog-details-content {margin-bottom:40px;}
}

.blog-details-content .details-title {font-size:40px; font-weight:600;}

@media only screen and (max-width: 992px) {
.blog-details-content .details-title {font-size:30px;}
}

.blog-details-content .details-title-2 {font-size:36px; font-weight:600;}

@media only screen and (max-width: 992px) {
.blog-details-content .details-title-2 {font-size:30px;}
}

.blog-details-content .details-img-wrap {width:100%; overflow:hidden; position:relative; border-radius:8px;}
.blog-details-content .details-img-wrap img {height:400px; width:100%; object-fit:cover; border-radius:8px;}
.blog-details-content .details-img-wrap .overlay {background-color:rgba(0, 0, 0, 0.5); width:100%; height:100%; position:absolute; top:0; left:0;}
.blog-details-content .details-img-wrap .play-btn {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:5;}
.blog-details-content .details-img-wrap .play-btn a {background-color:var(--cp-color-common-white); color:var(--cp-color-heading-primary); height:60px; width:60px; border-radius:50%; display:flex; align-items:center; justify-content:center;}
blockquote {background-color:var(--cp-color-common-white); display:grid; grid-template-columns:100px 1fr; padding:40px; grid-gap:30px; border-radius:16px; border:1px solid var(--cp-color-border-1);}

@media only screen and (max-width: 767px) {
blockquote {grid-template-columns:1fr;}
}

blockquote .icon {margin-top:10px;}
blockquote .content p {font-family:var(--cp-ff-heading); color:var(--cp-color-text-black); font-size:24px; font-weight:400; line-height:1.3; margin-bottom:20px;}

@media only screen and (max-width: 767px) {
blockquote .content p {font-size:20px; margin-bottom:30px;}
}

blockquote .content .author {color:var(--cp-color-text-black); font-size:18px; font-weight:500; margin-bottom:0; position:relative; padding-left:50px; line-height:1;}
blockquote .content .author:before {background-color:var(--cp-color-text-black); content:""; width:30px; height:2px; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.tags {display:flex; align-items:center; justify-content:space-between; column-gap:30px; flex-wrap:wrap; row-gap:30px; margin:40px 0;}
.tags.blog-tags {padding-bottom:50px; margin-bottom:70px; border-bottom:1px solid rgba(0, 64, 55, 0.2);}
.tags .tag-left {display:flex; align-items:center; flex-wrap:wrap; row-gap:20px;}
.tags .tag-left .tag-title {font-family:var(--cp-ff-heading); font-size:20px; font-weight:600; margin-right:30px; display:block;}
.tags .tag-left .tag-list {list-style:none; display:flex; align-items:center; column-gap:15px; flex-wrap:wrap; row-gap:15px;}
.tags .tag-left .tag-list li a {font-family:var(--cp-ff-heading); font-size:14px; font-weight:500; text-transform:uppercase; color:var(--cp-color-heading-primary); padding:8px 20px; border:1px solid var(--cp-color-border-1); border-radius:80px; border:1px solid rgba(0, 64, 55, 0.2);}
.tags .tag-left .tag-list li a:hover {background-color:var(--cp-color-heading-primary); color:var(--cp-color-common-white); border:1px solid var(--cp-color-heading-primary);}
.comments-area .section-heading {margin-bottom:40px;}
.comments-area .section-heading .section-title {font-size:28px;}
.comment-item {position:relative; display:grid; grid-template-columns:60px 1fr; grid-gap:25px;}

@media only screen and (max-width: 767px) {
.comment-item {grid-template-columns:1fr;}
}

.comment-item .comment-top {display:flex; align-items:center; justify-content:space-between; column-gap:20px;}
.comment-item .reply {background-color:var(--cp-color-grey-1); font-family:var(--cp-ff-body); color:var(--cp-color-text-black); font-size:16px; display:flex; align-items:center; margin-top:15px; font-style:italic; font-weight:600; padding:3px 20px 5px 20px; border-radius:100px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.comment-item .reply:hover {background-color:var(--cp-color-theme-primary);}
.comment-item .comment-thumb img {height:60px; width:60px; object-fit:cover; object-position:top;}
.comment-item .comment-info .comments-meta {margin-bottom:10px;}
.comment-item .comment-info .comments-meta span {display:flex; align-items:center; column-gap:10px;}
.comment-item .comment-info .author {font-size:20px; font-weight:500; margin-bottom:15px;}
.comment-item .comment-info p {font-size:18px; margin-bottom:20px;}
.comment-item.item-2 {padding-left:84px;}

@media only screen and (max-width: 767px) {
.comment-item.item-2 {padding-left:0;}
}

.comment-item:not(:last-of-type) {margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid rgba(0, 64, 55, 0.2);}
.blog-contact-form .title {font-size:36px; font-weight:500;}
.blog-contact-form p {margin-bottom:30px;}
.blog-contact-form .request-form .form-item {position:relative;}
.blog-contact-form .request-form .form-item .form-control {background-color:var(--cp-color-common-white); color:var(--cp-color-text-body); font-size:16px; font-weight:400; box-shadow:none; border:none; padding:16.5px 55px 16.5px 20px; border-radius:6px; margin-bottom:25px; width:100%; border:1px solid rgba(0, 64, 55, 0.2);}
.blog-contact-form .request-form .form-item .form-control::-webkit-input-placeholder {color:var(--cp-color-text-body); font-size:16px; font-weight:400;}
.blog-contact-form .request-form .form-item .form-control:-moz-placeholder {color:var(--cp-color-text-body); font-size:16px; font-weight:400;}
.blog-contact-form .request-form .form-item .form-control::-moz-placeholder {color:var(--cp-color-text-body); font-size:16px; font-weight:400;}
.blog-contact-form .request-form .form-item .form-control:-ms-input-placeholder {color:var(--cp-color-text-body); font-size:16px; font-weight:400;}
.blog-contact-form .request-form .form-item .icon {color:var(--cp-color-theme-primary); position:absolute; top:50%; right:30px; transform:translateY(-50%);}
.blog-contact-form .request-form .form-item.message-item .icon {top:25px;}
.sidebar-widget {background-color:var(--cp-color-grey-1); padding:30px; border-radius:12px;}
.sidebar-widget:not(:last-of-type) {margin-bottom:24px;}

@media (max-width: 1199px) {
.sidebar-widget {padding:30px 20px;}
}

.sidebar-widget .search-form {position:relative;}
.sidebar-widget .search-form .form-control {background-color:var(--cp-color-common-white); color:var(--cp-color-heading-primary); font-size:16px; border:none; border-radius:8px; box-shadow:none; padding:16px 0; padding-left:25px; padding-right:53px; overflow:hidden;}
.sidebar-widget .search-form .form-control::-webkit-input-placeholder {color:var(--cp-color-heading-primary); font-size:16px;}
.sidebar-widget .search-form .form-control:-moz-placeholder {color:var(--cp-color-heading-primary); font-size:16px;}
.sidebar-widget .search-form .form-control::-moz-placeholder {color:var(--cp-color-heading-primary); font-size:16px;}
.sidebar-widget .search-form .form-control:-ms-input-placeholder {color:var(--cp-color-heading-primary); font-size:16px;}
.sidebar-widget .search-form .search-btn {background-color:var(--cp-color-theme-primary); color:var(--cp-color-text-black); font-size:17px; height:100%; width:40px; position:absolute; right:0px; top:50%; transform:translateY(-50%); display:block; border-radius:8px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.sidebar-widget .search-form .search-btn:hover {background-color:var(--cp-color-bg-1); color:var(--cp-color-common-white);}
.sidebar-widget .widget-title {font-size:24px; font-weight:600; display:inline-block; margin-bottom:25px; position:relative;}
.sidebar-widget .widget-title:before {background-color:var(--cp-color-heading-primary); content:""; height:16px; width:4px; position:absolute; top:50%; left:-25px; transform:translateY(-50%);}

@media only screen and (max-width: 767px) {
.sidebar-widget .widget-title:before {left:-15px;}
}

.sidebar-widget .category-list {list-style:none;}
.sidebar-widget .category-list li:not(:last-of-type) {margin-bottom:8px;}
.sidebar-widget .category-list li a {background-color:var(--cp-color-common-white); color:var(--cp-color-heading-primary); display:flex; align-items:center; justify-content:space-between; font-size:18px; font-weight:600; padding:15px 25px; overflow:hidden; border-radius:8px; border:1px solid rgba(0, 64, 55, 0.2);}
.sidebar-widget .category-list li a i {color:var(--cp-color-heading-primary); transform:rotate(-45deg);}
.sidebar-widget .category-list li a:hover {background-color:var(--cp-color-theme-primary); color:var(--cp-color-text-black);}
.sidebar-widget .category-list li a:hover i {color:var(--cp-color-text-black);}
.sidebar-widget .blog-gallery-wrap {display:grid; grid-template-columns:repeat(4, 1fr); grid-template-rows:repeat(2, 1fr); grid-gap:10px;}

@media (max-width: 1399px) {
.sidebar-widget .blog-gallery-wrap {grid-template-columns:repeat(3, 1fr); grid-template-rows:repeat(3, 1fr);}
}

@media only screen and (max-width: 992px) {
.sidebar-widget .blog-gallery-wrap {display:flex; align-items:center; column-gap:10px; row-gap:10px; flex-wrap:wrap;}
}

.sidebar-widget .blog-gallery-wrap .gallary-img {height:100px; width:100px;}
.sidebar-widget .tags {display:flex; align-items:center; justify-content:start; flex-wrap:wrap; row-gap:20px; list-style:none; column-gap:0; margin:0;}
.sidebar-widget .tags li:not(:last-of-type) {margin-right:10px;}
.sidebar-widget .tags li a {background-color:var(--cp-color-common-white); color:var(--cp-color-heading-primary); font-family:var(--cp-ff-secondary); font-size:14px; font-weight:500; padding:8px 15px; border-radius:8px;}
.sidebar-widget .tags li a:hover {background-color:var(--cp-color-theme-primary); color:var(--cp-color-heading-primary);}
.sidebar-widget .sidebar-post {overflow:hidden;}
.sidebar-widget .sidebar-post:not(:last-of-type) {margin-bottom:20px;}
.sidebar-widget .sidebar-post img {width:100%; height:220px; object-fit:cover; border-radius:8px;}
.sidebar-widget .sidebar-post .post-thumb {margin-bottom:0;}
.sidebar-widget .sidebar-post .post-content {background-color:var(--cp-color-common-white); padding:20px 24px; max-width:300px; margin:0 auto; border-radius:6px; margin-top:-60px; position:relative; z-index:1;}
.sidebar-widget .sidebar-post .post-content .post-meta {display:flex; align-items:center; column-gap:20px; flex-wrap:wrap; row-gap:5px; margin-top:0;}
.sidebar-widget .sidebar-post .post-content .post-meta li {color:var(--cp-color-heading-primary); font-size:14px; font-weight:500; text-transform:capitalize;}
.sidebar-widget .sidebar-post .post-content .title {color:var(--cp-color-text-black); font-size:20px; margin-bottom:0px; margin-top:10px; font-weight:600; text-transform:capitalize; line-height:1.5;}

@media only screen and (max-width: 767px) {
.sidebar-widget .sidebar-post .post-content .title {font-size:16px;}
}

.sidebar-widget .sidebar-post .post-content .title a:hover {color:var(--cp-color-theme-primary);}
.footer-section {background-color:var(--cp-color-bg-1); position:relative; z-index:1; padding-top:80px;}
.footer-section.footer-1 {padding-top:45px;}

@media only screen and (max-width: 992px) {
.footer-section.footer-1 {padding-top:0;}
}

.footer-section.footer-1:before {background-color:var(--cp-color-common-white); content:""; width:100%; height:191px; position:absolute; top:0; left:0;}
.footer-section .shapes .shape-1 {position:absolute; bottom:0; left:0; opacity:0.25; z-index: -1;}
.footer-section .shapes .shape-2 {position:absolute; bottom:0; right:0;opacity:0.25; z-index: -1;}
.footer-cta {background-color:var(--svl-color4); width:100%; position:relative; padding:0 70px; border-radius:15px;}

@media only screen and (max-width: 767px) {
.footer-cta {padding:0 20px;}
}

.footer-cta .footer-cta-shape-1 {position:absolute; bottom:0; left:40%;}
.footer-cta .footer-cta-shape-2 {position:absolute; bottom:0; right:0;}
.footer-cta .footer-men {position:absolute; bottom:0; right:130px;   width:90%; height:auto; max-width: 250px;}

@media (max-width: 1199px) {
.footer-cta .footer-men {right:70px;}
}

@media only screen and (max-width: 992px) {
.footer-cta .footer-men {display:none;}
}

.footer-cta .footer-cta-content {padding:50px 0;}
.footer-cta .footer-cta-content .footer-btn .cp-primary-btn {background-color:var(--cp-color-bg-1); color:var(--cp-color-common-white);}
.footer-cta .footer-cta-content .footer-btn .cp-primary-btn .icon {background-color:#fff;}
.footer-cta .footer-cta-content .footer-btn .cp-primary-btn:before {background-color:var(--cp-color-common-white);}
.footer-cta .footer-cta-content .footer-btn .cp-primary-btn:hover {color:var(--cp-color-heading-primary);}
.footer-cta .footer-cta-content .footer-btn .cp-primary-btn:hover .icon {background-color:var(--cp-color-theme-primary);}
.footer-top {display:flex; align-items:center; justify-content:space-between; padding-bottom:50px; border-bottom:1px solid rgba(255, 255, 255, 0.16);}

@media only screen and (max-width: 992px) {
.footer-top {column-gap:20px; flex-wrap:wrap; row-gap:30px;}
}

.footer-top .footer-title {color:var(--cp-color-common-white); font-size:40px; font-weight:600; margin-bottom:0;}



@media only screen and (max-width: 767px) {
.footer-top .footer-title {font-size:38px;}
}

.footer-top .footer-top-btn .cp-primary-btn:before {background-color:var(--cp-color-common-white);}
.footer-top .footer-top-btn .cp-primary-btn:hover {color:var(--cp-color-heading-primary);}
.footer-top .footer-top-btn .cp-primary-btn:hover .icon {background-color:var(--cp-color-theme-primary);}
.footer-wrap {padding:100px 0;}

@media only screen and (max-width: 992px) {
.footer-wrap {padding:80px 0 0 0;}
}

@media only screen and (max-width: 992px) {
.footer-widget {margin-bottom:80px;}
}

@media only screen and (max-width: 767px) {
.footer-widget {margin-bottom:50px;}
}

.footer-widget .widget-header {margin-bottom:30px;}
.footer-widget .widget-header .footer-logo {max-width:170px;}
.footer-widget .widget-header .widget-title {color:var(--cp-color-common-white); font-size:24px; font-weight:500; position:relative;}
.footer-widget p {color:var(--cp-color-grey-1); font-size:18px;}
.footer-widget .title {font-size:14px; font-weight:700; margin-bottom:0; margin-top:30px; text-transform:uppercase;}
.footer-widget .title span {color:var(--cp-color-text-body); display:block; margin-top:10px; text-transform:inherit; font-weight:400;}
.footer-widget .footer-list {list-style:none;}
.footer-widget .footer-list li {color:rgba(255, 255, 255, 0.8);}
.footer-widget .footer-list li a {font-family:#fff; color:var(--cp-color-grey-1); font-size:18px; font-weight:400; line-height:1;}
.footer-widget .footer-list li a:hover {color:font-family:var(--cp-ff-body);}
.footer-widget .footer-list li:not(:last-of-type) {margin-bottom:15px;}
.footer-widget .footer-form {position:relative; margin-top:30px;}
.footer-widget .footer-form .form-control {background-color:#21354D; padding:15px 64px 15px 25px; color:#D9E4E3; box-shadow:none; border:none; border-radius:100px;}
.footer-widget .footer-form .form-control::-webkit-input-placeholder {color:#D9E4E3;}
.footer-widget .footer-form .form-control:-moz-placeholder {color:#D9E4E3;}
.footer-widget .footer-form .form-control::-moz-placeholder {color:#D9E4E3;}
.footer-widget .footer-form .form-control:-ms-input-placeholder {color:#D9E4E3;}
.footer-widget .footer-form .submit {background-color:var(--cp-color-theme-primary); color:var(--cp-color-text-black); position:absolute; top:50%; right:0; transform:translateY(-50%); height:100%; font-size:16px; font-weight:500; border-radius:50%; height:40px; width:40px; display:flex; align-items:center; justify-content:center;}
.footer-widget .address-list {list-style:none; margin-bottom:30px;}
.footer-widget .address-list li {font-family:var(--cp-ff-body); color:#fff; display:flex; column-gap:10px;}
.footer-widget .address-list li:not(:last-of-type) {margin-bottom:15px;}
.footer-widget .address-list li i {color:var(--cp-color-theme-primary); line-height:1; margin-top:6px;}
.footer-widget .address-list li a {border-bottom:1px solid transparent;}
.footer-widget .address-list li a:hover {color:var(--cp-color-theme-primary); border-bottom:1px solid var(--cp-color-theme-primary);}
.footer-widget .social-list {display:flex; align-items:center; list-style:none;}
.footer-widget .social-list li a {background-color:var(--cp-color-common-white); color:var(--cp-color-heading-primary); font-size:16px; height:40px; width:40px; border-radius:50%; display:block; display:flex; align-items:center; justify-content:center;}
.footer-widget .social-list li a:hover {background-color:var(--cp-color-theme-primary);}
.footer-widget .social-list li:not(:last-of-type) {margin-right:10px;}
.footer-widget .form-check {margin-top:30px;}
.footer-widget .form-check .form-check-input {background-color:var(--cp-color-border-1); border:none; box-shadow:none; height:17px; width:17px;}
.footer-widget .form-check .form-check-input:checked[type=checkbox] {box-shadow:none;}
.footer-widget .form-check .form-check-label {font-size:16px; font-weight:400; cursor:pointer;}
.footer-widget.footer-col-2 {padding-left:70px;}

@media only screen and (max-width: 992px) {
.footer-widget.footer-col-2 {padding-left:0;}
}

.footer-widget.footer-col-2 .footer-list li a {position:relative;}
.footer-widget.footer-col-2 .footer-list li a:before {background-image:none; font-family:"Font Awesome 6 Pro"; font-size:14px; font-weight:700; content:"\f054"; color:var(--cp-color-text-body); position:absolute; top:55%; left:0; transform:translateY(-50%); transition:all 0.3s ease-in-out; cursor:pointer; visibility:hidden; opacity:0;}
.footer-widget.footer-col-2 .footer-list li a:hover {visibility:visible; opacity:1; padding-left:15px;}
.footer-widget.footer-col-2 .footer-list li a:hover:before {color:var(--cp-color-theme-primary); visibility:visible; opacity:1;}
.footer-widget.widget-3 {padding-left:30px;}

@media only screen and (max-width: 992px) {
.footer-widget.widget-3 {padding-left:0;}
}

.copyright-area {border-top:1px solid rgba(255, 255, 255, 0.16); padding:40px 0;}

@media only screen and (max-width: 992px) {
.copyright-area {padding:40px 0;}
}

.copyright-content {align-items:center;}

@media only screen and (max-width: 992px) {
.copyright-content {margin-top:0;}
}

@media only screen and (max-width: 767px) {
.copyright-content {row-gap:20px;}
}

.copyright-content p {color:rgba(255, 255, 255, 0.8); font-size:16px; font-family:var(--cp-ff-body); margin:0;}
.copyright-content p span {color:var(--cp-color-theme-primary);}

@media only screen and (max-width: 767px) {
.copyright-content p {text-align:center;}
}

.copyright-content .social-list {display:flex; align-items:center; justify-content:end; list-style:none;}

@media only screen and (max-width: 767px) {
.copyright-content .social-list {justify-content:center;}
}

.copyright-content .social-list li a {background-color:var(--cp-color-border-1); color:var(--cp-color-common-white); font-size:13px; height:40px; width:40px; border-radius:50%; display:block; display:flex; align-items:center; justify-content:center;}
.copyright-content .social-list li a:hover {background-color:var(--cp-color-theme-primary); color:var(--cp-color-common-white);}
.copyright-content .social-list li:not(:last-of-type) {margin-right:10px;}
.copyright-content .copyright-list {list-style:none; display:flex; align-items:center; column-gap:20px; justify-content:end;}

@media only screen and (max-width: 767px) {
.copyright-content .copyright-list {justify-content:center;}
}

.copyright-content .copyright-list a {font-family:var(--cp-ff-body); color:var(--cp-color-common-white); font-size:16px; font-weight:400;}
.copyright-content .copyright-list a:hover {color:var(--cp-color-theme-primary);}


.hero-video {
    position: absolute;
    inset: 0; 
    width: 100%;
    height: 100%;
    object-fit: cover;  
    z-index: 0;
}

.hero-section .overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none; 
}

.hero-container,
.hero-content,
.hero-content-inner,
.hero-exp-box {
    position: relative;
    z-index: 2;
}

video[playsinline] {
    -webkit-tap-highlight-color: transparent;
}
.sponsor-item {
  filter: grayscale(100%);
  transition: filter 0.3s ease; 
}

.sponsor-item:hover {
  filter: grayscale(0%);
}
.service-details-img {
    position: relative;
    overflow: hidden; 
}

.service-details-img .service-video {
    display: block;
    width: 100%;
    height: auto;  
    border-radius: inherit;
}

.service-details-img .img-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.overflow-x-hidden { overflow-x:hidden; }


@media (min-width: 993px) {
.header .primary-header-inner .header-right-wrap .header-right .sidebar-icon { display:none; }
body { overflow-x: hidden; }
	.promo-card-wrap {
	  position: sticky;
	  top: 100px;
	}
}


.header-cart-wrap { margin-right: 30px; }
.header-cart-link { position: relative; display: inline-flex; align-items: center; font-size: 22px; line-height: 1; }
.header-cart-link i { display:inline-block; color:#fff; }
.cart-count-badge {
	position: absolute;
	top: -10px;
	right: -16px;
	min-width: 20px;
	height: 22px;
	padding: 0 6px;
	border-radius: 999px;
	background: #8cc63fe6;
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	display:inline-flex; 
	align-items: center;
	justify-content: center;
	border: 2px solid #fff;
}
.header-cart-link:hover .cart-count-badge { transform: translateY(-1px); }


.running-text .carouselTicker {
  position: relative;
  overflow: hidden;
}

.running-text .carouselTicker__list {
  display: inline-flex; 
  gap: 95px;                
  white-space: nowrap;       
  will-change: transform;   
  transform: translate3d(0,0,0);
  padding: 0;
  margin: 0;
  list-style: none;
}

.running-text .carouselTicker__list > li {
font-size:16px;
  flex: 0 0 auto;
  display: inline-block;
  white-space: nowrap;
  font-family: var(--cp-ff-heading);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--cp-color-text-black);
}


@media (prefers-reduced-motion: reduce) {
  .running-text .carouselTicker__list {
    transition: none !important;
  }
}
.post-card .title { color: inherit; }


.swiper-button-next, .swiper-button-prev { color: var(--cp-color-theme-primary); }

.about-img-3 {
    border-radius: 15px;
    overflow: hidden;
}

:root {
  --vk-gap: 18px;
  --vk-card-b: 1px solid #e5e7eb;
  --vk-radius: 14px;
}

/* === VK GRID → FLEX (keskitys yhdellä/harvoilla korteilla) === */
.vk-grid{
  display:flex;
  flex-wrap:wrap;
  gap:var(--vk-gap);
  justify-content:center; /* keskittää 1–2 korttia leveällä näytöllä */
}
.vk-grid > .vk-card{ flex:1 1 100%; }
@media (min-width: 640px){
  .vk-grid > .vk-card{
    flex-basis: calc((100% - var(--vk-gap)) / 2); /* 2 kolumnia */
  }
}
@media (min-width: 1024px){
  .vk-grid > .vk-card{
    flex-basis: calc((100% - 2 * var(--vk-gap)) / 3); max-width: 430px;
  }
}

/* Kortit */
.vk-card {
  position: relative;
  border: var(--vk-card-b);
  border-radius: var(--vk-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #fff;
  transition: transform .2s ease, box-shadow .2s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.vk-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(0,0,0,.12);
}
.vk-imgwrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  aspect-ratio: 4/3;
}
.vk-imgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.vk-card:hover .vk-imgwrap img { transform: scale(1.03); }
.vk-body { padding: 12px; display: flex; flex-direction: column; gap: 8px; }
.vk-name { font-weight: 600; line-height: 1.25; min-height: 2.4em; }
.vk-price { font-weight: 700; }
.vk-desc { color: #4b5563; font-size: 15px; line-height: 1.4; max-height: 4.2em; overflow: hidden; }
.vk-card a.card-link { text-decoration: none; color: inherit; display: contents; }
.vk-price del { opacity: .6; font-weight: 500; margin-right: .25rem; }

/* Sorttausvalikon tyylit */
.vk-sort-container { display: flex; justify-content: flex-end; margin-bottom: 16px; }
.vk-sort-select {
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background-color: #fff;
  font-size: 14px;
}
.vk-filters-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
}
.vk-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.vk-primary-btn { padding: .5rem .8rem; border-radius: 10px; background: #f3f4f6; color: #111; text-decoration: none; font-size:14px; }
.vk-primary-btn:hover { background: #e5e7eb; }
.vk-primary-btn.active { background: #111; color: #fff; }

.nice-select {
  min-width: 200px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  height: auto;
  line-height: 1.5;
  padding: 8px 12px;
}
.nice-select .list {
  width: 100%;
  border-radius: 8px;
  margin-top: 4px;
}

.vk-price-wrapper { display: flex; flex-direction: column; gap: 4px; }
.vk-price-original { font-size: 14px; color: #6b7280; text-decoration: line-through; font-weight: 500; }
.vk-price-current { font-size: 18px; font-weight: 700; color: #111; }
.vk-price-discount {
  background-color: #ef4444;
  color: white;
  padding: 2px 6px;
  border-radius: 4px;
  display: inline-block;
  font-weight: 800;
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 1;
}
.vk-price-regular { font-size: 18px; font-weight: 700; color: #111; }

/* Tuotesivun layout */
.product-single-container { display: grid; grid-template-columns: 1fr; gap: 40px; }
@media (min-width: 992px) { .product-single-container { grid-template-columns: 1fr 1fr; } }
.product-gallery {}
.product-gallery-main {
  position: sticky;
  top: 10px;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 14px;
}
.product-gallery-thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 10px;position: relative; z-index: 2; background: #fff; }
.product-gallery-thumb {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 8px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s;
  border: 2px solid transparent;
}
.product-gallery-thumb:hover,
.product-gallery-thumb.active {
  opacity: 1;
  border-color: var(--svl-color1, #8cc63f);
}
.product-details { display: flex; flex-direction: column; }
.product-price-wrapper { display: flex; align-items: center; gap: 15px; flex-wrap:wrap; }
.product-price-current { font-size: 2rem; font-weight: 700; color: var(--svl-color1, #8cc63f); }
.product-price-original { font-size: 1rem; color: #6b8072; text-decoration: line-through; }
.small-vat { top:-20px; position:relative; }
.product-price-discount { background-color: #ef4444; color: white; padding: 4px 8px; border-radius: 6px; font-weight: 600; font-size: 0.9rem; }
.product-short-description { font-size: 1.1rem; line-height: 1.7; color: #374151; }
.product-description h3 { margin-top: 30px; margin-bottom: 15px; font-size: 1.4rem; }
.product-description p { font-size: 0.95rem; }
.product-description { font-size: 1rem; line-height: 1.7; }
.product-meta {
  background: #f9fafb;
  padding: 20px;
  border-radius: 10px;
  font-size: 0.95rem;
  border-left: 4px solid var(--svl-color1, #8cc63f);
}
.product-meta p { margin: 8px 0; display: flex; align-items: center; font-size: inherit; }
.product-meta strong { min-width: 120px; display: inline-block; font-weight: 600; }
.product-meta i { margin-right: 10px; color: var(--svl-color1, #8cc63f); }
.product-purchase-block { background-color: #f9fafb; border: 1px solid #e5e7eb; padding: 25px; border-radius: 12px; }
.product-purchase-row { display: flex; align-items: center; gap: 15px; }
.product-quantity-input {
  width: 80px;
  padding: 12px;
  text-align: center;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  font-size: 1.1rem;
  font-weight: 600;
  transition: border-color 0.3s;
}
.product-quantity-input:focus { outline: none; border-color: var(--svl-color1, #8cc63f); }
.product-add-to-cart-btn {
  flex-grow: 1;
  background-color: var(--svl-color1, #8cc63f);
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 12px 25px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.product-add-to-cart-btn:hover {
  background-color: #7fb334;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(140, 198, 63, 0.3);
}
.product-add-to-cart-btn i { font-size: 1.2rem; }
.product-external-link { margin-top: 15px; text-align: center; }
.product-external-link a { color: #6b7280; text-decoration: underline; font-size: 0.9rem; }
.product-external-link a:hover { color: var(--svl-color1, #8cc63f); }

.related-products h3 { text-align: center; margin-bottom: 25px;}
.vk-row { display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; }
.vk-row .vk-card { flex: 0 1 280px; min-width: 240px; max-width: 320px; }
#toast-container{
  position:fixed;
  top:110px;
  right:20px;
  z-index:2000;
  display:flex;
  flex-direction:column;
  gap:12px;
  pointer-events:none;
  align-items:flex-end;
}
@media (max-width:640px){
  #toast-container{
    top:12px;
    right:12px;
    left:12px;
    align-items:stretch;
  }
}
#toast-container .toast{
  background:var(--svl-color1, #8cc63f);
  color:#fff;
  padding:14px 18px;
  border-radius:14px;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
  display:flex;
  align-items:center;
  gap:12px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;
  font-size:16px;
  font-weight:600;
  letter-spacing:.1px;
  pointer-events:auto;
  opacity:0;
  transform:translateX(24px) scale(.98);
  transition:opacity .52s ease, transform .76s cubic-bezier(.22,1,.36,1);
  will-change:transform,opacity;
}
#toast-container .toast.show{
  opacity:1;
  transform:translateX(0) scale(1);
}
#toast-container .toast.leaving{
  opacity:0;
  transform:translateX(28px) scale(.98);
  transition:opacity .44s ease, transform .64s ease;
}
#toast-container .toast i{ font-size:18px }
.toast--error{ background:#ef4444 }
.cart-pulse{ animation:cartPulse 1.3s cubic-bezier(.22,1,.36,1); transform-origin:center }
@keyframes cartPulse{
  0%{transform:scale(1)}
  30%{transform:scale(1.12)}
  60%{transform:scale(.98)}
  100%{transform:scale(1)}
}
@media (prefers-reduced-motion:reduce){
  #toast-container .toast,
  #toast-container .toast.show,
  #toast-container .toast.leaving{
    transition:none;
    transform:none;
    opacity:1;
  }
  .cart-pulse{ animation:none }
}


.product-technical-wrapper {
  border-top: 1px solid #e5e7eb;
  padding-top: 1rem;
}

.product-tech-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  border-radius: .75rem;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  padding: .6rem .9rem;
  font-size: .95rem;
  font-weight: 500;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.product-tech-toggle:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
}

.product-tech-toggle i {
  transition: transform .15s ease;
}

.product-tech-label {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.product-tech-label i {
  font-size: 1rem;
  opacity: .9;
}


.product-tech-toggle.open .product-tech-chevron {
  transform: rotate(180deg);
}

.product-tech-content {
  margin-top: .75rem;
  padding: .75rem .9rem;
  border-radius: .75rem;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  font-size: .95rem;
}

.product-tech-content p:last-child {
  margin-bottom: 0;
}
.product-tech-content table {
  border-collapse: collapse; font-size: 0.9rem;
}

.product-tech-content table th,
.product-tech-content table td {
  padding: 10px;
}

.product-tech-content table th:first-child,
.product-tech-content table td:first-child {
  padding-left: 0;
}


.product-tech-content table th:last-child,
.product-tech-content table td:last-child {
  padding-right: 0;
}

.contacticon img {
    filter: grayscale(100%) contrast(35%) brightness(50%);
}


.mobile-side-menu-toggle { width:32px; height:auto; }

:target { scroll-margin-top: 90px; }
.sivulleformresult { margin-top:10px; }
.testi-item-2 .icon { width: 64px; height: auto; margin-right: 25px; }

@media (min-width: 992px) {
	.sticky0 { position: sticky; top: 0px; }
	.sticky1 { position: sticky; top: 100px; }
}

@media (max-width: 992px) {
	body { font-size:16px; padding-top: 69px; overflow-x:hidden; }
	p, .promo-item p, .footer-widget p, footer, .footer-widget .footer-list li a, .faq-content .faq-accordion .accordion-item .accordion-body { font-size:16px; }
	h1, .hero-content .hero-content-inner .title { font-size: 40px; }
	.skill-content p, .hero-content .hero-content-inner p, .hero-content .hero-exp-box p, 
	.hero-content .hero-exp-box span, .testi-item .testi-author-box .testi-author .content .name, .about-content-3 p, .faq-content .faq-accordion .accordion-item .accordion-button { font-size: 18px; }
	h2, .h2, .section-heading .section-title, .hero-content .hero-exp-box .number, .service-item .service-content .title { font-size: 28px; }
	.footer-widget .widget-header .widget-title, .about-counter p { font-size:22px; }
	.hero-content .hero-exp-box p	 { margin-bottom:25px; }
	.skill-btn {  flex-wrap: wrap; justify-content: center; }
	.header-cart-wrap { margin-right: 36px; position: relative; top: 1px;}
	.footer-widget .widget-header { margin-bottom: 15px; }
	.footer-widget .footer-list li:not(:last-of-type) { margin-bottom:10px; }
	.promo-item .icon, .testi-item .icon { width: 64px; height: auto; }
	.hero-content .hero-exp-box { height:auto; width:100%; }
	.service-item .service-content .item-icon { margin-bottom: 15px; width: 52px; height: 52px;}	
}



@media (max-width: 568px) {
	h1, .hero-content .hero-content-inner .title { font-size: 34px; }
}