@import url('./color.css');

@font-face {
    font-family: 'Koh Santepheap';
    src: url('../fonts/KohSantepheap-Regular.woff2') format('woff2'),
        url('../fonts/KohSantepheap-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Koh Santepheap';
    src: url('../fonts/KohSantepheap-Bold.woff2') format('woff2'),
        url('../fonts/KohSantepheap-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}





/* Common CSS 
:root {
    --primary-color: #4E41FF;
    --secondry-color: #12132F;
    --territery-color: #F3F3FF;
    --extra-color: #4193FF;
    --white-color: #ffffff;
    --black-color: #000000;
    --graident-color: radial-gradient(100% 194.77% at 0% 1.37%, #4E41FF 0%, #4193FF 100%);
    --radius: 20px;
}*/



* {margin: 0;padding: 0;box-sizing: border-box;}
body {font-family: "Poppins";font-size: 16px;font-weight: 400;color: var(--black-color);}
html {scroll-behavior: smooth;}
body.sidebar-open {overflow: hidden;}
/* All Font Size */
h1,
h2,
h3,
h4,
h5,
p {margin: 0;}
h1 {font-family: "Koh Santepheap";font-size: clamp(40px, 5vw, 88px);font-weight: 400;text-transform: uppercase;line-height: 1.1;}
h2 {font-family: "Koh Santepheap";font-size: clamp(28px, 3vw, 48px);font-weight: 400;}
h3 {font-size: clamp(18px, 1.5vw, 28px);font-weight: 600;}
h4 {font-size: clamp(16px, 2vw, 24px);font-weight: 600;}
h5 {font-size: clamp(16px, 2vw, 20px);font-weight: 600;}
p {font-size: clamp(14px, 1.6vw, 18px);font-weight: 400;line-height: 1.6;color: var(--black-color);opacity: 0.8;}
ul {margin: 0;padding: 0;}
li {margin: 0;padding: 0;list-style: none;}
a {text-decoration: none;display: inline-block;color: var(--black-color);}
img {max-width: 100%;height: auto;width: auto;}
.section-spacing {margin-bottom: 100px;}
.container {max-width: 1440px;margin: 0 auto;padding: 0px 10px;}
/* Common Btn CSS */
.solid-btn,
.white-btn,
.border-btn {text-transform: uppercase;padding: 17px 30px;max-width: fit-content;font-size: 16px;font-weight: 700;border-radius: 10px;display: flex;align-items: center;justify-content: center;column-gap: 10px;background: var(--graident-color);border: 1px solid transparent;transition: 0.5s;border-radius: 80px;color: var(--white-color);}
.white-btn{background: var(--white-color);color: var(--secondry-color);}
.border-btn{background: transparent;border: 1px solid var(--white-color);color: var(--white-color);}
button {font-family: "Poppins";color: var(--secondry-color);}
/* Hover Amimation CSS */
.staggered-item {display: flex;justify-content: center;align-items: center;position: relative;cursor: pointer;}
.staggered-item>span {position: relative;display: flex;font-size: 16px;overflow: hidden;line-height: 1;}
.default-text {white-space: nowrap;}
.hover-text {position: absolute;top: 0;left: 0;white-space: nowrap;pointer-events: none;}
.letter {display: inline-block;}
.hover-text .letter {transform: translateY(100%);}
/* Header CSS */
header {position: absolute;top: 30px;width: 100%;padding-top: 30px;z-index: 2;}
.header-menu {display: flex;align-items: center;justify-content: space-between;}
header nav {display: flex;justify-content: space-around;align-items: center;width: 100%;}
header .container {padding: 0 0 0 100px;max-width: 100%;}
.header-nav {display: flex;align-items: center;column-gap: 90px;width: 100%;}
/* Header Sticky */
header {background-color: transparent;box-shadow: 0 0 12px 1px transparent;transition: 0.3s all linear;}
header.hidden {top: -150px;}
.fixed {position: fixed;top: 0;left: 0;width: 100%;transition: 0.3s all linear;}
.isScrolled {background-color: #00000080;box-shadow: 0 0 12px 1px #00000030;backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);padding: 20px 0;transition: 0.3s all linear;z-index: 10;}
.isScrolled .shape-img {height: 100%;}
.isScrolled .header-menu .shape-img img {opacity: 0;}
.sign-up-btns {display: flex;column-gap: 40px;}
.sign-in-text {color: var(--white-color);font-weight: 500;}
/* 
.isScrolled .header-btn {
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
} */

/* .isScrolled .header-btn a {
    color: var(--white-color);
} */
.main-logo {display: block;}
.main-logo img{max-width: 180px;}
.sticky-logo {display: none;}
.isScrolled .main-logo {display: none;}
.isScrolled .sticky-logo {display: block;}
/* Header Sticky End */
.sign-in-text.staggered-item>span {line-height: 1.6;}
.main-menu {display: flex;align-items: center;column-gap: 40px;}
.main-menu li a {font-size: 18px;font-weight: 500;color: var(--white-color);transition: 0.5s;text-transform: uppercase;}
.main-menu li a:hover {color: var(--primary-color);}
.header-btn a {font-weight: 600;text-transform: uppercase;}
.header-btn .sign-in-text.staggered-item>span{font-size: 18px;}
.header-btn {border-radius: 0 0 0 30px;position: relative;display: flex;color: black;padding: 0px 50px;font-weight: bold;top: 0;right: 0;gap: 20px;}
.shape-img {position: absolute;right: 0;top: 0;}
.header-menu .shape-img {right: 30px;}
.header-menu .shape-img img {height: 96px;width: 260px;opacity: 1;transition: 0.3s all linear;transition-delay: 50ms;display: none;}
.toggle {width: 30px;height: 25px;cursor: pointer;right: 0px;position: relative;z-index: 1;display: none;margin-left: auto;}
.toggle-icon {position: absolute;top: 0px;right: 0px;height: 4px;width: 30px;background: var(--white-color);transition: 0.3s linear;border-radius: 10px;}
.toggle-icon::before,
.toggle-icon::after {content: "";position: absolute;top: 0px;left: 0px;height: 4px;width: 100%;background: var(--white-color);transition: 0.3s linear;border-radius: 10px;}
.toggle-icon::before {transform: translateX(0px);top: 20px;}
.toggle-icon::after {top: 10px;width: 65%;}
/* Sticky Corner */
.sticky-corner {width: 30px;height: 30px;position: absolute;transform: rotate(-90deg);}
.top-left-corner {top: 0;left: -30px;}
.bottom-right-corner {bottom: -30px;right: 0;}
/*  */
.hero-banner {background-position: center;background-repeat: no-repeat;background-size: cover;padding: 70px;position: relative;border-radius: 30px;margin-top: 30px;margin-left: 30px;margin-right: 30px;}
.hero-banner::before {content: "";height: 100%;width: 100%;background: linear-gradient(0deg, rgba(10, 8, 46, 0.2), rgba(10, 8, 46, 0.2)),radial-gradient(102.36% 70.97% at 55.05% 37.96%, rgba(10, 8, 46, 0) 33.17%, rgba(10, 8, 46, 0.8) 100%),linear-gradient(350.95deg, rgba(10, 8, 46, 0) 79.64%, rgba(10, 8, 46, 0.75) 90.54%);position: absolute;top: 0;left: 0;border-radius: 30px;}
.hero-banner {height: 888px;}
.hero-banner-content h1 {margin-bottom: 10px;}
.hero-banner-content h1,
.hero-banner-content p {color: var(--white-color);}
.hero-banner-content {max-width: 1000px;position: absolute;bottom: 70px;z-index: 1;}
/*  */
.hero-banner-happy-clients {display: inline-flex;border-radius: 370px;padding: 7px 20px 7px 7px;align-items: center;border: 1px solid #FFFFFF;backdrop-filter: blur(108.5999984741211px);background: #FFFFFF4D;}
.hero-banner-happy-clients {margin-bottom: 30px;}
.hero-banner-happy-clients .hero-banner-happy-clients-box {display: flex;align-items: center;}
.hero-banner-happy-clients-box .hero-banner-happy-clients-img:nth-child(1) {position: relative;z-index: 1;}
.hero-banner-happy-clients-box .hero-banner-happy-clients-img:nth-child(2) {position: relative;z-index: 2;}
.hero-banner-happy-clients-box .hero-banner-happy-clients-img:nth-child(3) {position: relative;z-index: 3;}
.hero-banner-happy-clients-box .hero-banner-happy-clients-img:nth-child(4) {position: relative;z-index: 4;}
.hero-banner-happy-clients-box .hero-banner-happy-clients-img-plus:nth-child(5) {position: relative;z-index: 5;}
.plus {background: #070707;width: 57px; height: 57px; border-radius: 50%; border: 1.5px solid #FFFFFF; display: flex; align-items: center; justify-content: center;}
.hero-banner-happy-clients-img img {border: 1.5px solid #FFFFFF; border-radius: 50%;}
.hero-banner-happy-clients-img {width: 57px;height: 57px;}
.hero-banner-happy-clients-img {margin-right: -17px;}
.hero-banner-happy-clients h4 {color: #FFFFFF;     margin-left: 20px;font-weight: 400;  }
/*  */
.hero-banner-points {position: absolute;right: 30px;bottom: 30px;}
.hero-banner.inner-banner {height: 450px;padding: 130px 70px 60px;}
.hero-banner.inner-banner::before {background: linear-gradient(0deg, rgba(10, 8, 46, 0.2), rgba(10, 8, 46, 0.2)),radial-gradient(102.36% 70.97% at 55.05% 37.96%, rgba(10, 8, 46, 0) 17.26%, rgba(10, 8, 46, 0.8) 100%) ,linear-gradient(0.35deg, rgba(10, 8, 46, 0) 69.59%, rgba(10, 8, 46, 0.5) 88.67%);}
.inner-banner-content {position: absolute;bottom: 60px;z-index: 1;color: var(--white-color);padding-right: 20px;}
.inner-banner-content h1 {margin-bottom: 10px;}
.inner-banner-content p {color: var(--white-color);margin-bottom: 20px;}
.inner-banner-content p:last-child {margin-bottom: 0;}
/*  */
.hero-about-content {max-width: 1150px;margin: 0 auto;text-align: center;padding: 0;}
.hero-about-content svg {margin-bottom: 20px;}
.hero-about-content h2 {max-width: 900px;margin: 0 auto;}
.hero-about-content p {margin-bottom: 20px;}
.hero-about-content .solid-btn {margin: 0 auto;}
/*  */
.banner-btn-left {position: absolute;right: 70px;bottom: 70px;}
.common-btn {background: radial-gradient(78.8% 100% at 54.48% 0%, #4E41FF 0%, #4193FF 100%);padding: 24px 49px;color: #FFFFFF;border-radius: 80px;display: flex;gap: 10px;}
/*  */
.satisfaction-inner {background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 30px;padding: 25px 80px;position: relative;}
.satisfaction-inner::before {content: "";height: 100%;width: 100%;background: linear-gradient(90deg,rgba(0, 0, 0, 0.7) 26%,rgba(0, 0, 0, 0) 65%);position: absolute;left: 0;top: 0;border-radius: 30px;}
.satisfaction-content {position: relative;z-index: 1;max-width: 705px;}
.satisfaction-content h2,
.satisfaction-content h3,
.satisfaction-content h5 {color: var(--white-color);}
.satisfaction-content h2 {margin-bottom: 10px;text-transform: uppercase;}
.satisfaction-content p {color: #ffffff;margin-bottom: 30px;opacity: 0.8;}
.satisfaction-counter {display: flex;column-gap: 115px;background-color: var(--territery-color);justify-content: center;padding: 45px;border-radius: 20px;margin-top: 100px;}
.count-area-content {width: 230px;}
.count-area-content h3,
.count-area-content h5 {margin-bottom: 10px;}
.count-area-content h3{font-size: clamp(30px, 3vw, 68px);color: var(--extra-color);font-family: 'Koh Santepheap';}
.count-area-content p {margin-bottom: 0;}
/*  */
.book-on-go-content {max-width: 640px;margin: 0;}
.book-on-go-content h2 {margin-bottom: 10px;text-transform: uppercase;}
.book-on-go-content p {margin-bottom: 30px;}
.book-on-go-img {text-align: center; position: relative; z-index: 1;}
.book-on-go-img::before {content: "";height: 400px;width: 400px;border-radius: 100%;position: absolute;top: 35%;left: 50%;transform: translate(-50%, -50%);z-index: -1; background:var(--graident-color);}
.book-on-go-inner{background-color: var(--territery-color);border-radius: var(--radius);padding: 60px 0;margin: 0 30px;}
.book-on-go-div{display: flex;align-items: center;justify-content: space-between;}
.book-on-go-review {max-width: 570px;margin: 50px 0 0 0;display: flex;gap: 30px;}
.book-on-go-review-img{max-width: 100px;width: 100%;}
.book-on-go-review-img img {height: 100px;width: 100px;object-fit: cover;border-radius: 100px;border: 2px solid var(--primary-color);}
.book-on-go-review-content img,
.book-on-go-review-content h4 {margin-bottom: 10px;}
.review-stars {display: flex;align-items: center;gap: 13px;margin-bottom: 10px;}
/*  */
.trust-us-inner {margin: 0 30px;}
.trust-us-heading {margin-bottom: 50px;gap: 30px;text-align: center;}
.trust-us-heading h2 {text-transform: uppercase;}
.trust-us-heading p {max-width: 1090px;margin: 0 auto;}
.trust-us-boxes {position: relative;}
.trust-us-service-link {position: relative;overflow: hidden;margin: 20px 10px 10px 10px;}
.trust-us-service-btn {position: absolute;top: 0;left: 0;padding-left: 15px;z-index: 1;}
.trust-us-service-btn a img {max-width: 13px;}
.trust-us-service-btn .staggered-item>span {font-size: 16px;}
.left-shape-img {position: absolute;left: 0;top: 0;}
.trust-us-service-link .top-left-corner {top: -12px;left: 174px;transform: scaleX(-1.5) rotate(263deg);}
.trust-us-service-link .bottom-right-corner {left: -10px;top: 40px;transform: rotate(180deg);}
.trust-us-service-img img {border-radius: var(--radius);}
.trust-us-service-box {position: relative;transition: 0.5s;}
.trust-us-service-box-content {padding: 25px 25px 0;}
.trust-us-service-box-content h4 {margin-bottom: 10px;}
.trust-us-service-btn a {display: flex;column-gap: 8px;}
.trust-us-service {display: flex;flex: 1;gap: 30px;}
.trust-us-service-content{position: absolute;bottom: 20px;padding: clamp(20px, 2vw, 30px);transform: translateY(58%);transition: 0.5s;}
.trust-us-service-img {position: relative;}
.trust-us-service-img::before{content: "";height: 100%;width: 100%;border-radius: var(--radius);background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25.17%, rgba(0, 0, 0, 0.9) 100%);position: absolute;}
.trust-us-service-content h3{margin-bottom: 10px;color: var(--white-color);font-family: "Koh Santepheap";text-transform: uppercase;}
.trust-us-service-content p{color: var(--white-color);opacity: 0;transition: 0.5s;}
.trust-us-service-box:hover .trust-us-service-content{transform: translateY(0);}
.trust-us-service-box:hover p{opacity: 1;}
.trust-us-service-click {position: absolute;top: 20px;right: 20px;width: 68px;height: 68px;background: #12132F;border-radius: 50%;opacity: 0.5;display: flex;align-items: center;justify-content: center;display: none;}
.trust-us-service-box:hover .trust-us-service-click {display: block;display: flex;align-items: center;justify-content: center;transition: 0.5s;}
/*  */
.cleaning-process-inner{margin: 0 30px;}
.cleaning-process-content-img {position: relative;}
.cleaning-process-btn {position: absolute;bottom: 45px;right: 65px;}
.custom-cleaning-heading {text-align: center;max-width: 1152px;margin: 0 auto 50px;}
.custom-cleaning-heading h2 {text-transform: uppercase;margin-bottom: 10px;}
.custom-cleaning-heading p{  max-width: 1082px;margin: 0 auto;padding-bottom: 30px;}
.custom-cleaning-heading a{margin: 0 auto;}
.custom-services{margin: 0 30px 30px;}
.custom-services-box {position: relative;transition: 0.5s;overflow: hidden;border-radius: var(--radius);width: 31%;flex: auto;}
.custom-services-box:hover .custom-services-image img {transform: scale(1.2);}
.custom-services-image {position: relative;}
.custom-services-image::before {content: "";height: 100%;width: 100%;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 30%,rgba(0, 0, 0, 0.8) 100%);position: absolute;top: 0;left: 0;border-radius: var(--radius);z-index: 1;}
.custom-services-image img {border-radius: var(--radius);transition: 0.5s;display: flex;object-fit: cover;width: 100%;height: 220px;}
.custom-services-name {position: absolute;bottom: 30px;z-index: 2;text-align: center;width: 100%;}
.custom-services-name h4{font-family: "Koh Santepheap";text-transform: uppercase;}
.custom-services-name h4 a{color: var(--white-color);}
.custom-services {display: flex;gap: 30px;flex-wrap: wrap;justify-content: center;}
/*  */
.cleaning-process-content {display: flex;gap: 30px;}
.cleaning-process-heading {max-width: 360px;}
.cleaning-process-heading h2 {text-transform: uppercase;margin-bottom: 50px;}
.our-cleaning-process-icon {position: relative;background-color: #f4f4f4;height: 110px;max-width: 110px;width: 100%;display: flex;justify-content: center;align-items: center;border-radius: 15px;}
.our-cleaning-process-icon::before {content: "";height: 38px;width: 38px;background-color: var(--extra-color);position: absolute;top: 60%;left: 60%;transform: translate(-50%, -50%);border-radius: 50%;z-index: 1;opacity: 0.3;}
.our-cleaning-process-icon img {position: relative;z-index: 2;}
.our-cleaning-process-content h4 {font-family: 'Koh Santepheap';margin-bottom: 10px;color: var(--white-color);text-transform: uppercase;}
.our-cleaning-process-content p{color: var(--white-color);}
.cleaning-process-content-img{flex: 1;}
.cleaning-process-content-img img{border-radius: var(--radius);height: 100%;object-fit: cover; width: 100%;}
.cleaning-process-timeline {display: flex;position: relative;flex-direction: column;gap: 30px;background: var(--graident-color);border-radius: var(--radius);padding: 50px;flex: 1;}
.cleaning-process-timeline-box {display: flex;align-items: center;gap: 30px;}
.cleaning-process-timeline-heading{text-transform: uppercase;color: var(--white-color);}
.cleaning-process-timeline::before {content: "";height: 190px;border-left: 2px dashed #F8F8F8;position: absolute;transform: translate(54px, 195px);}
/*  */
.why-choose-us-inner{padding: 80px 60px;position: relative;border-radius: var(--radius);margin: 0 30px;z-index: 1;background-size: cover;background-position: center;background-repeat: no-repeat;}
.why-choose-us-inner::before{content: "";height: 100%;width: 100%;background: #12132F99;position: absolute;left: 0;top: 0;border-radius: var(--radius);z-index: -1;}
.why-choose-us-heading{max-width: 1080px;margin: 0 auto 50px;}
.why-choose-us-heading h2{color: var(--white-color);text-align: center;}
.why-choose-us-grid-box{display: grid;gap: 30px;grid-template-columns: repeat(4, 1fr);}
.why-choose-us-box{background-color: var(--white-color);border-radius: var(--radius);padding: 30px;text-align: center;}
.why-choose-us-tickmark{margin-bottom: 20px;}
.why-choose-us-box-heading h4{margin-bottom: 5px;}
/*  */

.join-community-inner{background-color: var(--secondry-color);border-radius: var(--radius);padding: 80px 0;margin: 0 30px;}
.join-community-detail{display: flex;align-items: center;justify-content: space-between;}
.join-community-heading h2 {text-transform: uppercase;color: var(--white-color);}
.join-community-heading::before,
.join-community-heading::after {content: "";width: 30%;height: 2px;background-color: var(--light-color);position: absolute;top: 50%;transform: translateY(-50%);}
.join-community-heading::before {left: 0;}
.join-community-heading::after {right: 0;}
.join-community-logos {display: flex;gap: 120px;}


/*  */
.pricing-heading {max-width: 850px;text-align: center;margin: 0 auto;text-transform: uppercase;}
.pricing-plan-list {display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;margin-top: 50px;}
.pricing-plan-list .pricing-plan-item {flex: 1;}
.pricing_box {height: 100%;background: var(--territery-color);padding: 60px 40px 180px;position: relative;border-radius: var(--radius);margin: 0 10px;}
.pricing_box-type{margin-bottom: 30px;}
.pricing_box.bg {background: var(--graident-color)}
.pricing_box.bg ul li::after{border: solid var(--primary-color);border-width: 0 0 3px 3px;box-shadow: -1px 7px 3px 1px #0E02BA50;}
.pricing_box.bg ul li::before{background: var(--white-color);}
.pricing_box-type h4 {margin-bottom: 20px;}
.pricing_box-type span {font-size: 60px;font-weight: 800;margin-top: 20px;}
.pricing_box .solid-btn {max-width: 90%;margin: 0 0 40px 0;position: absolute;bottom: 0;width: 100%;left: 50%;transform: translateX(-50%);}
.pricing_box ul li{display: flex;gap: 15px;margin-bottom: 20px;}
.pricing_box ul li svg{max-width: 30px;width: 30px;}
.pricing_box ul li:last-child{margin-bottom: 0;}
.pricing_box ol li,
.pricing_box ul li {list-style-type: none;margin-bottom: 20px;position: relative;padding-left: 40px;}
.pricing_box ol li,
.pricing_box ul li::before {position: absolute;content: "";width: 24px;height: 24px;background: var(--extra-color);border-radius: 50%;left: 0;}
.pricing_box ol li::after,
.pricing_box ul li::after {position: absolute;content: "";border: solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);border-width: 0 0 3px 3px;height: 5px;width: 10px;left: 5px;top: 5px;box-shadow: -1px 7px 3px 1px #12132F80;}
.pricing_box .shape-img {right: -2px;top: -3px;}
.pricing_box.bg .solid-btn{background: var(--white-color);color: var(--black-color);}
.pricing_box.bg .pricing_box-type h4,
.pricing_box.bg .pricing_box-type p,
.pricing_box.bg .pricing_box-type span,
.pricing_box.bg ol li, 
.pricing_box.bg ul li{color: var(--white-color);} 

/*  */
.team-slide {position: relative;}
.team-slide-img{position: relative;}
.team-slide-img img {border-radius: var(--radius);}
.team-slide-img::before{content: "";height: 100%;width: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25.17%, rgba(0, 0, 0, 0.9) 100%);position: absolute;border-radius: var(--radius);}
.team-slide-name {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);text-align: center;width: 100%;}
.team-slide-name h4,
.team-slide-name p{color: var(--white-color);}
.our-team-heading {text-align: center;position: relative;z-index: 1;max-width: 942px;margin: 0 auto 50px;}
.our-team-heading h2 {margin-bottom: 10px;text-transform: uppercase;}

/* .our-team-heading p {
    color: var(--white-color);
} */

/*  */
/* Before After css  */
.image-comparison-main_title {text-align: center;margin-bottom: 30px;}
.image-comparison-main_title h2{text-transform: uppercase;}
.beforeafter-title {text-align: center;}
.beforeafter-title p {color: #202125;padding: 5px 0px 15px;opacity: 1 !important;}
.image-comparison {max-width: 48.063em;margin-right: auto;margin-left: auto;border-radius: 20px;overflow: hidden;}
.image-comparison__slider-wrapper {position: relative;}
.image-comparison__label {font-size: 0;line-height: 0;}
.image-comparison__label,
.image-comparison__range {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;padding: 0;background-color: transparent;border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;cursor: ew-resize;z-index: 20;}

@media (hover) {
    .image-comparison__range:hover~.image-comparison__slider .image-comparison__thumb {transform: scale(1.2);}
}
.image-comparison .image-comparison__slider-wrapper .image-comparison__range:active~.image-comparison__slider .image-comparison__thumb,
.image-comparison .image-comparison__slider-wrapper .image-comparison__range:focus~.image-comparison__slider .image-comparison__thumb,
.image-comparison .image-comparison__slider-wrapper .image-comparison__range--active~.image-comparison__slider .image-comparison__thumb {transform: scale(0.8);opacity: 0.5;}
.image-comparison__image-wrapper--overlay {position: absolute;top: 0;left: 0;width: calc(50% + 1px);height: 100%;overflow: hidden;}
.image-comparison__figure {margin: 0;}
.image-comparison__figure::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #f2f2f2;}
.image-comparison__figure:not(.image-comparison__figure--overlay) {position: relative;padding-top: 66.666666667%;}
.image-comparison__image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: 0 50%;object-position: 0 50%;overflow: hidden;}
.image-comparison__figure--overlay .image-comparison__image {z-index: 1;}
.image-comparison__caption {position: absolute;bottom: 12px;min-width: -webkit-max-content;min-width: -moz-max-content;min-width: max-content;display: flex;flex-direction: column;flex-wrap: nowrap;color: #fff;font-weight: bold;text-transform: uppercase;}
.image-comparison__caption--before {left: 12px;z-index: 2;}
.image-comparison__caption--after {right: 12px;text-align: right;}
.image-comparison__caption-body {max-width: 40vmin;padding: 6px 12px;background-color: rgba(0, 0, 0, 0.55);border-radius: 10px;text-transform: capitalize;}
.image-comparison__slider {position: absolute;top: 0;left: 50%;width: 2px;height: 100%;background-color: #fff;transition: background-color 0.3s ease-in-out;z-index: 10;}
.image-comparison__range--active~.image-comparison__slider {background-color: rgba(255, 255, 255, 0);}
.image-comparison__thumb {position: absolute;top: calc(50% - 20px);left: calc(50% - 20px);width: 40px;height: 40px;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: var(--primary-color);color: #fff;border-radius: 50%;box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5);transform-origin: center;transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;}
.image-comparison__range::-webkit-slider-runnable-track {width: 40px;height: 40px;opacity: 0;}
.image-comparison__range::-moz-range-thumb {width: 40px;height: 40px;opacity: 0;}
.image-comparison__range::-webkit-slider-thumb {width: 40px;height: 40px;opacity: 0;}
.image-comparison__range::-ms-fill-lower {background-color: transparent;}
.image-comparison__range::-ms-track {position: relative;top: 0;left: 0;width: 100%;height: 100%;border: none;margin: 0;padding: 0;background-color: transparent;color: transparent;outline: none;cursor: col-resize;}
.image-comparison__range::-ms-thumb {width: 0.5%;height: 100%;opacity: 0;}
.image-comparison__range::-ms-tooltip {display: none;}
.image-comparison_slider .slick-dots {bottom: -60px;}

/*  */
.blogs {display: flex;column-gap: 30px;align-items: end;}
.news-blog-heading h2 {text-transform: uppercase;}
.main-blog {position: relative;overflow: hidden;flex: 1;}
.main-blog::before {content: "";height: 100%;width: 100%;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 29.53%,rgba(63, 37, 0, 0.9) 78.84%);position: absolute;left: 0;top: 0;border-radius: 30px;}
.blog-img img {border-radius: 30px;transition: 0.5s;}
.blog-img .shape-img img {border-radius: 0;width: 342px;height: 70px;}
.blog-content {position: absolute;bottom: 0px;padding: 30px;}
.blog-content h4,
.blog-content p {color: #fff;}
.blog-content h4 {margin-bottom: 10px;}
.blog-content p {margin-bottom: 15px;}
.blog-content .staggered-item {justify-content: start;}
.blog-content a {color: var(--primary-color);display: flex;align-items: center;column-gap: 10px;}
.main-blog-date {background-color: var(--white-color);padding: 5px 12px;border-radius: 10px;position: absolute;top: 30px;left: 30px;}
.main-blog-date p {font-weight: 600;}
.inner-blog {flex: 1;}
.inner-blog-box-img img {border-radius: 20px;}
.inner-blog-box-content a {display: flex;column-gap: 10px;justify-content: start;}
.inner-blog-box-content p {margin-bottom: 10px;font-weight: 600;}
.inner-blog-box-content h4 {margin-bottom: 15px;}
.inner-blog-box {display: flex;column-gap: 30px;align-items: center;}
.inner-blog-box-content {flex: 1;}
.inner-blog-box-content a img {filter: brightness(0);}
.inner-blog-box {margin-bottom: 30px;}
.inner-blog-box:last-child {margin-bottom: 0;}
.inner-blog-box-img {display: flex;max-width: 260px;width: 100%;}
.news-blog-btn {display: flex;justify-content: center;margin-top: 30px;}
/*  */
.our-work-inner {margin: 0 30px;position: relative;}
.testimonial-slider-heading {text-align: center;margin-bottom: 40px;text-transform: uppercase;}
.our-work-slide img {border-radius: 20px;overflow: hidden;}
.our-work-slider .owl-item.active.center .our-work-slide::before{display: none;}
.our-work-slide{position: relative;transition: 0.5s all ease-in;overflow: hidden;border-radius: 20px;}
.our-work-slide::before{content: "";height: 100%;width: 100%;background-color: #12132F80;position: absolute;inset: 0;}
/*  */
 .contact-inner {margin: 0 30px;position: relative;}
.contact-details {flex: 1;position: relative;border-radius: var(--radius);z-index: 1;padding: 50px 80px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.contact-details::before{content: "";height: 100%;width: 100%;border-radius: var(--radius);background: linear-gradient(0deg, rgba(18, 19, 47, 0.6), rgba(18, 19, 47, 0.6)),linear-gradient(0deg, rgba(18, 19, 47, 0.6), rgba(18, 19, 47, 0.6));position: absolute;z-index: -1;left: 0;top: 0;}
.contact-form {background: var(--graident-color);padding: 50px;border-radius: var(--radius);flex: 1;}
.contact-form-heading {margin-bottom: 20px;}
.contact-form-heading h4 {margin-bottom: 10px;color: var(--white-color);font-family: "Koh Santepheap";text-transform: uppercase;font-weight: 400;}
.contact-form-heading p{color: var(--white-color);}
.contact-input-row {display: flex;column-gap: 22px;flex-wrap: wrap;justify-content: space-between;}
.form-group {width: 47%;margin-bottom: 20px;}
.contact-form form .form-group label {font-size: 14px;font-weight: 500;color: var(--white-color);margin-bottom: 10px;display: inline-block;}
.contact-form form .form-group .form-control {padding: 14px 20px;border-radius: 10px;border: 1px solid #FFFFFF50;display: block;font-size: 1rem;font-weight: 400;line-height: 1.5;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;width: 100%;background-color: #00000030;color: var(--white-color);outline: none;}
.contact-form form .form-group .form-control::placeholder{color: #FFFFFF70;}
form button {border: none !important;}
.contact-form form .form-group.text-area {width: 100%;}
.contact {display: flex;align-items: center;column-gap: 20px;margin-bottom: 50px;}
.contact:last-child{margin-bottom: 0;}
.contact-content {display: flex;justify-content: space-between;position: relative;z-index: 1;gap: 20px;}
.contact-map-img iframe {border-radius: 20px;}
.contact-img {display: flex;align-items: center;justify-content: center;border-radius: 15px;height: 80px;width: 80px;background-color: var(--white-color);}
.contact-left-side {margin-bottom: 60px;}
.contact-left-side h2 {margin-bottom: 10px;text-transform: uppercase;}
.contact-left-side h2,
.contact-left-side p {color: var(--white-color);}
.contact-info h5 a,
.contact-info p {color: var(--white-color);font-weight: 500;}
.contact-info p {margin-bottom: 8px;}
/*  */
.cta-content {display: flex;align-items: center;justify-content: space-between;column-gap: 10px;}
.cta-content .cta-heading {max-width: 900px;}
.cta-content .cta-heading h2 {text-transform: uppercase;margin-bottom: 10px;}
.cta-btns {display: flex;column-gap: 20px;}
.cta-btns .solid-btn {min-width: 200px;}
.border-btn-bg{padding: 1px;border-radius: 50px; background: var(--graident-color);}
.border-btn-bg .border-btn{background: #fff;border: none;height: 100%;}
.cta-btns .border-btn.staggered-item .default-text,
.cta-btns .border-btn.staggered-item .hover-text{color: var(--primary-color);}


/*  */
.footer-inner {background-color: var(--secondry-color);padding: 80px 0 20px;position: relative;margin: 0 30px 30px;border-radius: var(--radius);}
.footer-column-link:first-child {flex: 1;}
.footer-column {display: flex;justify-content: space-between;position: relative;z-index: 3;gap: 60px;color: var(--white-color);}
.footer-column-link h5 {margin-bottom: 20px;}
.footer-column-link ul li {margin-bottom: 10px;}
.footer-column-link ul li a {display: flex;column-gap: 15px;align-items: center;transition: 0.3s;color: var(--white-color);}
.footer-column-link ul li a:hover {color: var(--primary-color);}
.footer-column-link .footer-contact-detial li {margin-bottom: 0;min-width: 30%;width: fit-content;}
.footer-column-link ul li:last-child {margin-bottom: 0;width: 100%;}
.footer-column-link .footer-contact-detial li a svg {max-width: 20px;width: 100%;}
.footer-column-link .footer-contact-detial li a:hover svg path {fill: var(--primary-color);}
.socical-media a{display: flex;align-items: center;}
.socical-media a:hover svg path {fill: var(--primary-color);}
.footer-column-link p {color: var(--white-color);}
.opening-hr p {margin-bottom: 10px;font-size: 16px;}
.opening-hr p:last-child {margin-bottom: 0px;}
.footer-logo {margin-bottom: 30px;}
.footer-contact-detial {display: flex;flex-wrap: wrap;gap: 20px;}
.socical-media {display: flex;column-gap: 30px;}
.copy-right-div{margin-top: 70px;}
.copy-right-inner{background-color: var(--territery-color);border-radius: var(--radius);padding: 20px;margin: 0 20px;}
.copy-right-inner-content{display: flex;align-items: center;justify-content: space-between;}
.privacy-link{display: flex;gap: 30px;}

/* About us Page */
.our-qualification-heading {max-width: 1200px;margin: 0 auto 40px;text-align: center;}
.our-qualification-heading .solid-btn {margin: 0 auto;}
.our-qualification-heading h2,
.our-qualification-heading h4 {text-transform: uppercase;}
.our-qualification-heading h2 {margin-bottom: 10px;}
.our-qualification-heading h4 {margin-bottom: 20px;}
.our-qualification-heading p {margin-bottom: 40px;}
.our-qualification-img img {border-radius: var(--radius);}
.ecofirendly-section .ecofirendly-row{display: flex;gap: 30px;margin-top: 40px;}
.ecofirendly-content{background: var(--graident-color);border-radius: var(--radius);padding: 50px;flex: 1;}
.ecofirendly-img{flex: 1;}
.ecofirendly-img img{border-radius: var(--radius);width: 100%;object-fit: cover;height: 100%;}
.ecofirendly-content h2,
.ecofirendly-content p{color: var(--white-color);}
.ecofirendly-content h2{margin-bottom: 10px;text-transform: uppercase;max-width: 610px;}
.ecofirendly-content p{margin-bottom: 40px;}

/* Contact Us Page CSS */
.contact-info-section{margin-bottom: 30px;}
.contact-form-heading img{border-radius: var(--radius);}
.contact-info-inner{margin: 0 30px;}
.contact-info-box{display: flex;gap: 30px;}
.contact-info-heading{text-align: center;margin-bottom: 50px;}
.contact-info-heading h2{text-transform: uppercase;}
.contact-info-box .contact{background-color: var(--territery-color);padding: 30px;border-radius: var(--radius);margin-bottom: 0;flex: 1;align-items: flex-start;}
.contact-info-box .contact-info h5 a, .contact-info-box .contact-info p{color: var(--black-color);}
.contact-info-box .contact-info p{font-weight: 400;}
.contact-map-img{flex: 1;}
.contact-map-img img{display: flex;width: 100%;height: 100%;object-fit: cover;border-radius: var(--radius);}
.contact-info h5 {line-break: anywhere;}
/*  */

.service-inner {display: flex;align-items: center;justify-content: space-between;gap: 30px;}
.service-detail {max-width: 635px;}
.service-detail h2 {text-transform: uppercase;margin-bottom: 20px;}
.service-detail p {margin-bottom: 30px;}
.service-image img {border-radius: 30px;}
.service-list-section .service-inner:nth-child(even) {flex-direction: row-reverse;}
.service-inner-row {display: flex;flex-direction: column;row-gap: 120px;}
/*  */
.why-us-service-heading {max-width: 950px;margin: 0 auto 50px;text-align: center;}
.why-us-service-heading h2 {text-transform: uppercase;margin-bottom: 10px;}

/* .why-us-service-box {
    padding: 30px;
    border-radius: var(--radius);
    position: relative;
    flex: 1;
    height: 100%;
    border: 1px solid var(--territery-color);
}

.why-us-service-box-img {
    background-color: var(--white-color);
    height: 110px;
    width: 110px;
    border-radius: 15px;
    margin-bottom: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.why-us-service-box-img img {
    max-width: 60px;
}


.why-us-service-box-content h4 {
    margin-bottom: 10px;
}

.why-us-service {
    display: flex;
    gap: 30px;
} */

/*  */
/* .custmize-cleaning-heading {
    margin-bottom: 50px;
    text-align: center;
}

.custmize-cleaning-heading h2 {
    text-transform: uppercase;
    margin-bottom: 10px;
}

.custmize-cleaning-heading p {
    max-width: 700px;
    margin: 0 auto;
}

.custmize-cleaning-box-heading h4 {
    color: var(--white-color);
    background-color: var(--secondry-color);
    padding: 22px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 30px 30px 0 0;
}

.custmize-cleaning-box .custmize-cleaning-list {
    border: 1px solid #3f2500;
    border-top: 0;
    padding: 30px;
    border-radius: 0 0 30px 30px;
    height: 90%;
}

.custmize-cleaning-list li {
    display: flex;
    column-gap: 15px;
    margin-bottom: 25px;
    align-items: flex-start;
    font-size: 20px;
    font-weight: 500;
}

.custmize-cleaning-list li:last-child {
    margin-bottom: 0;
}

.custmize-cleaning-service {
    display: flex;
    column-gap: 30px;
} */

/* FAQ Section css */
.faq-inner {background-color: var(--light-color);border-radius: 30px;margin: 0 30px;padding: 80px 0;}
.frequently-inner {display: flex;justify-content: center;flex-direction: column;gap: 30px;background-color: var(--territery-color);margin: 0 30px;border-radius: var(--radius);padding: 80px 30px;}
.frequently-tittle {text-align: center;}
.frequently-tittle h2 {text-transform: uppercase;margin-bottom: 10px;}
.frequently-accordion {max-width: 950px;margin: 0 auto;}
.menu-button {width: 100%;font-size: 18px;display: flex;justify-content: space-between;align-items: center;border: none;cursor: pointer;}
.menu-button {border-bottom: none;}
.menu-button h4{font-weight: 400;}
.icon {transition: 0.4s;font-size: 35px;line-height: 35px;}
.menu-button.open .icon {transform: rotate(45deg);}
.content {transition: 0.4s;height: 0px;overflow: hidden;}
.content p {padding: 0 25px 20px;}
.frequently-accordion .accordion{background-color: var(--white-color);border-radius: 10px;margin-bottom: 10px;} 
.frequently-accordion .accordion:last-child{margin: 0;}
button.menu-button {background-color: var(--white-color);padding: 20px 25px;text-align: left;border-radius: 10px;}
.menu-button-heading{display: flex;align-items: center;justify-content: space-between;width: 100%;font-size:24px;font-weight:400;}
/* Reccuring Service CSS */
.house-ceaning-heading {display: flex;justify-content: space-between;margin-bottom: 50px;}
.house-ceaning-heading h2 {max-width: 460px;text-transform: uppercase;}
.house-ceaning-heading p {flex: 1;}
.house-ceaning-img img {border-radius: 30px;}
.table-content-inner{margin: 0 30px;padding: 60px 0;border-radius: var(--radius);background: var(--secondry-color);}
.table-content-heading {margin-bottom: 40px;text-align: center;}
.table-content-heading h2,
.table-content-heading h4 {text-transform: uppercase;color: var(--white-color);}
.table-content-heading h2 {margin-bottom: 10px;}
.table-content-points {display: flex;justify-content: space-between;gap: 20px;}
.table-content-points ul li {display: flex;column-gap: 15px;font-size: 20px;font-weight: 500;position: relative;color: var(--white-color);padding-left: 40px;}
.table-content-points ul li svg{max-width: 30px;width: 100%;}
.table-content-points ul {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;width: 100%;}
.table-content-points ul li::before {position: absolute;content: "";width: 24px;height: 24px;background: var(--extra-color);border-radius: 50%;left: 0;}
.table-content-points ul li::after {position: absolute;content: "";border: solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);border-width: 0 0 3px 3px;height: 5px;width: 10px;left: 5px;top: 5px;box-shadow: -1px 7px 3px 1px #12132F80;}
.custmize-cleaning-heading {margin-bottom: 50px;text-align: center;}
.postid-415 .custmize-cleaning-heading {padding-bottom: 50px;text-align: center;max-width: 890px;margin: 0 auto;}
.custmize-cleaning-heading h2 {text-transform: uppercase;margin-bottom: 10px;}
.custmize-cleaning-heading p {max-width: 1260px;margin: 0 auto;}
.custmize-cleaning-box-heading h4 {color: var(--white-color);background-color: var(--secondry-color);padding: 20px 30px;text-transform: uppercase;border-radius: 10px;font-family: 'Koh Santepheap';font-weight: 400;margin-bottom: 30px;}
/* .custmize-cleaning-box .custmize-cleaning-list {
    border: 1px solid #3f2500;
    border-top: 0;
    padding: 30px;
    border-radius: 0 0 30px 30px;
} */
.custmize-cleaning-list li {display: flex;column-gap: 15px;margin-bottom: 25px;align-items: flex-start;font-size: 20px;font-weight: 500;position: relative;padding-left: 34px;}
.custmize-cleaning-list li svg{max-width: 30px;width: 100%;}
.custmize-cleaning-list li:last-child{margin-bottom: 0;}
.custmize-cleaning-inner{margin: 0 30px;}
.custmize-cleaning-box{background: var(--territery-color);padding: 30px;border-radius: var(--radius);}
.custmize-cleaning-list li::before {position: absolute;content: "";width: 24px;height: 24px;background: var(--extra-color);border-radius: 50%;left: 0;}
.custmize-cleaning-list li::after {position: absolute;content: "";border: solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);border-width: 0 0 3px 3px;height: 5px;width: 10px;left: 5px;top: 5px;box-shadow: -1px 7px 3px 1px #12132F60;}
/* .custmize-cleaning-list li:last-child {
    margin-bottom: 0;
} */
.custmize-cleaning-service {display: flex;column-gap: 30px; justify-content: center;}
/* One Time Service CSS */
.benifit-heading{max-width: 1260px;margin: 0 auto 100px;}
.benifit-heading h3{font-family: 'Koh Santepheap';font-weight: 400;margin-bottom: 30px;text-align: center;}
.benifit-heading a{margin: 0 auto;}
.benifit-inner{margin: 0 30px;}
.benifit-row{display: flex;gap: 30px;}
.benifit-box-point{background: var(--territery-color);border-radius: var(--radius);padding: 50px;flex: 1;}
.benifit-box-point h2{margin-bottom: 30px;text-transform: uppercase;max-width: 691px;}
.postid-25 .benifit-box-point h2{margin-bottom: 30px;text-transform: uppercase;max-width: 815px;}
.benifit-box-point p{margin-bottom: 30px;}
.benifit-box-point ul li{display: flex;align-items: start;margin-bottom: 30px;column-gap: 15px;padding-left: 34px;position: relative;}
.benifit-img{flex: 1;}
.benifit-img img{border-radius: var(--radius);display: flex;object-fit: cover;height: 100%;width: 100%;}
.benifit-box-point ul li svg{max-width: 30px;width: 100%;}
.benifit-box-point ul li:last-child{margin-bottom: 0;}
.benifit-box-point ul{margin-bottom: 40px;}
.benifit-box-point ul li::before {position: absolute;content: "";width: 24px;height: 24px;background: var(--extra-color);border-radius: 50%;left: 0;}
.benifit-box-point ul li::after {position: absolute;content: "";border: solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);border-width: 0 0 3px 3px;height: 5px;width: 10px;left: 5px;top: 5px;box-shadow: -1px 7px 3px 1px #12132F60;}
.why-us-service-heading {max-width: 1010px;margin: 0 auto 50px;text-align: center;}
.why-us-service-heading h2 {text-transform: uppercase;margin-bottom: 10px;}
.why-us-service-box {padding: 30px;border-radius: var(--radius);position: relative;border: 1px solid var(--extra-color);   height: 100%; }
.why-us-service-box-img {background-color: var(--territery-color);height: 120px;width: 120px;border-radius: 100px;position: relative;display: flex;align-items: center;justify-content: center;margin: 0 auto 25px;}
.why-us-service-box-content{text-align: center;}
.why-us-service-box-img img{max-width: 60px;}
.why-us-service-box-content h4 {margin-bottom: 10px;}
.why-us-service {display: flex;gap: 30px;}
/*  */
.owl-carousel .owl-stage {display: flex;}
.hmservice-slider .item,
.hmpricing-slider .item {height: 100%;}
/* Career Page */
.job-list-heading {margin-bottom: 80px;}
.job-list-box {background-color: var(--light-color);padding: 30px;border-radius: 30px;position: relative;transition: 0.3s;}
.job-list-box:hover {background-color: var(--territery-color);}
.job-list-box a {height: 100%;width: 100%;}
.job-list-box-shape {position: absolute;top: 0;right: 0;}
.job-list-box-shape img {height: 60px;}
.job-list-box h4 {margin-bottom: 5px;}
.job-list-box h5 {margin-bottom: 30px;}
.job-list-box p {display: flex;margin-bottom: 20px;column-gap: 10px;}
.job-list-box p svg {max-width: 20px;width: 100%;}
.job-list-box p:last-child {margin-bottom: 0;}
.job-list {display: grid;gap: 30px;grid-template-columns: repeat(auto-fill,minmax(clamp(270px, 23vw, 450px), 1fr));}
/* Job Detail Page CSS */
.job-detail {display: flex;column-gap: 70px;align-items: self-start;row-gap: 30px;}
.job-detail .job-list-box {max-width: 460px;width: 100%;background-color: var(--territery-color);}
.job-detail-heading {margin-bottom: 80px;}
.job-detail h4,
.job-detail h5 {margin-bottom: 10px;}
.job-detail h5:last-child {margin-bottom: 0;}
.job-detail p {margin-bottom: 20px;}
.job-detail ul {margin-left: 30px;margin-bottom: 20px;}
.job-detail ul li {list-style: disc;margin-bottom: 10px;}
.job-detail ul li:last-child {margin-bottom: 0;}
.apply-btn {border-top: 1px solid #0d1f2d;padding-top: 30px;margin-top: 30px;}
/* Work Slider */
.slider-thumbnail .owl-item.current .client-img {border-radius: 50%;transform: scale(1.1);transition: all 0.3s ease;}
.thumbnail-slider .client-img img {max-width: 60px;max-height: 60px;border-radius: 50%;object-fit: cover;width: 100%;margin: 0 auto;}
.thumbnail-slider.owl-carousel .owl-stage-outer {padding: 20px 0;}
.thumbnail-slider .owl-item {scale: 0.8;opacity: 0.5;transition: 0.2s all linear;}
.owl-carousel.thumbnail-slider .owl-item:is(.center, .current):not(.active.cloned) {scale: 1.2;opacity: 1;}
/* Slider Arrow and Dots CSS */
.thumbnail-slider .owl-nav {display: flex;justify-content: space-between;position: absolute;width: 130%;bottom: 40px;left: -70px;}
.our-work-slider .owl-nav,
.hmservice-slider .owl-nav,
.hmpricing-slider .owl-nav,
.image-comparison_slider .owl-nav {text-align: center;margin-top: 40px;}
.our-work-slider .owl-nav button,
.hmservice-slider .owl-nav button,
.hmpricing-slider .owl-nav button,
.image-comparison_slider .owl-nav button {margin: 0 5px;}
.owl-dots {display: flex;justify-content: center;column-gap: 13px;margin-top: 20px;}
.owl-dot {height: 20px;width: 20px;border-radius: 50%;border: 1px solid var(--territery-color) !important;transition: 0.3s all linear;}
.owl-dots button {display: flex;justify-content: center;align-items: center;}
.owl-dots button span {height: 6px;width: 6px;display: block;background: var(--territery-color);border-radius: 50%;opacity: 0.8;transition: 0.3s all linear;}
.owl-dot.active span {opacity: 1;background: var(--primary-color);}
.owl-dot.active {border-color: var(--primary-color) !important;}
.hmpricing-slider.owl-carousel .owl-stage {justify-content: center;}
/* DropDown Menu */
.sub-menu {padding: 0;list-style: none;width: 290px;position: absolute;top: 100px;background: #fff;box-shadow: 0px 0px 21px -16px #000;z-index: 99;margin-left: 50px;margin: 0;visibility: hidden;opacity: 0;transition: 0.5s all ease-in-out;border-radius: 15px;overflow: hidden;}
.sub-menu li {border-bottom: 1px dashed var(--territery-color);}
.sub-menu li:last-child {border: none;}
.sub-menu li a {color: var(--secondry-color);padding: 10px 15px;width: 100%;transition: 0.5s;}
.sub-menu li a:hover {background-color: #000000;color: #ffffff;}
.menu-item-has-children span {display: inline-flex;margin-left: 10px;vertical-align: middle;transition: transform 0.3s ease-in-out;color: var(--white-color);}
@media only screen and (min-width: 1200px) {
    .main-menu li.menu-item-has-children:hover .sub-menu {visibility: visible;opacity: 1;}
    .main-menu li.menu-item-has-children:hover span {transform: rotate(180deg);}
  
}
.menu-item-has-children .sub-menu {transition: all 0.3s ease;}
.menu-item-has-children.open .sub-menu {visibility: visible;position: relative;opacity: 1;top: 0;}
/* Thank You Page */
.thankyou-inner {background-color: var(--territery-color);margin: 0 30px 30px;border-radius: var(--radius);}
.thanyou-content-top h1 {font-size: clamp(36px, 11vw, 80px);text-transform: uppercase;}
.thankyou-text-area {display: flex;flex-direction: column;justify-content: center;align-items: center;row-gap: 50px;text-align: center;padding: 80px 0;}
.thankyou-content-center-top {margin-bottom: 40px;}
.thankyou-bg {display: flex;justify-content: center;position: relative;margin: 80px 0;}
/* Blog List Page */
.blog-list-items {display: grid;gap: 30px;grid-template-columns: repeat(auto-fill, minmax(clamp(270px, 22vw, 450px), 1fr));}
.blog-item {position: relative;overflow: hidden;}
.blog-item:hover .blog-item-content a:not(.blog-item-content-top span.date, h4 > a) {color: var(--yellow-color);}
.blog-item .blog-item-img {overflow: hidden;display: flex;position: relative;border-radius: var(--radius);height: auto;width: 100%;}
.blog-item .blog-item-img img{border-radius: var(--radius);}
.blog-item .blog-item-img::before{content: "";height: 100%;width: 100%;background: linear-gradient(180deg, rgba(7, 7, 7, 0.4) 0%, rgba(7, 7, 7, 0) 30%, rgba(7, 7, 7, 0) 50%, rgba(7, 7, 7, 0.8) 100%);position: absolute;left: 0;top: 0;border-radius: var(--radius);z-index: 1;}
.blog-item:hover .blog-item-img::before{background: linear-gradient(180deg, rgba(78, 65, 255, 0) 0%, rgba(65, 147, 255, 0.5) 100%),linear-gradient(180deg, rgba(7, 7, 7, 0.4) 0%, rgba(7, 7, 7, 0) 30%, rgba(7, 7, 7, 0) 50%, rgba(7, 7, 7, 0.8) 100%);}
.blog-item .blog-item-img a {width: 100%;}
.blog-item .blog-item-img img {display: flex;transition: all 0.2s linear;width: 100%;object-fit: cover;object-position: center center;}
.blog-item:hover .blog-item-img img {scale: 1.2;}
.blog-item-content {padding: 20px;display: flex;flex-direction: column;row-gap: 10px;}
.blog-item-content :is(h4, a) {transition: all 0.2s linear;}
.blog-item-content a.read-more {font-weight: 600;}
.blog-item-content .date {color: #00000070;text-transform: uppercase;margin-bottom: 10px;}
.blog-item-published{display: flex;justify-content: space-between;align-items: center;position: absolute;top: 0;width: 100%;padding: 30px 30px 0;z-index: 1;}
.blog-item-published span{background: var(--graident-color);color: var(--white-color);padding: 6px 12px;border-radius: 10px;display: inline-block;}
.blog-heading {position: absolute;bottom: 0;padding: 0 30px 30px;z-index: 1;}
.blog-heading h5 a{color: var(--white-color);}
/* Blog Detail List Page */
.blog-details-content {max-width: 950px;width: 100%;margin: 0 auto;}
.blog-details-content h2 {margin-bottom: 30px;}
.blog-details-content p {margin-bottom: 30px;}
.blog-details-content h4 {margin-bottom: 15px;}
.blog-details-content ul {margin-left: 20px;margin-bottom: 30px;}
.blog-details-content ul li {list-style: disc;margin-bottom: 10px;font-size: clamp(14px, 2vw, 18px);}
/* Career Page CSS */
.open-position-section .accordion-item {margin-bottom: 20px;background: var(--territery-color);border-radius: 20px;padding: 30px;}
.open-position-section h2 {margin-bottom: 30px;text-align: center;}
.open-position-section .accordion-button {background: var(--territery-color);border-radius: 20px !important;padding: 0;width: 100%;border: none;cursor: pointer;}
.open-position-section .accordion-div {display: flex;justify-content: space-between;width: 100%;padding-right: 20px;flex-wrap: wrap;}
.open-position-section .accdion-location {padding-right: 40px;margin-top: 10px;}
.open-position-section .accordion-div {display: flex;justify-content: space-between;width: 100%;padding-right: 20px;}
.open-position-section .opening-header, .open-position-section .opening-experience {font-size: 24px;font-weight: 500;}
.open-position-section .opening-location {display: flex;align-items: baseline;}
.open-position-section .opening-location, .open-position-section .opening-type{font-size: 16px;}
.open-position-section .opening-location svg, .open-position-section .opening-type svg {margin-right: 10px;}
.open-position-section .accordion-body h4, .open-position-section .accordion-body p, .open-position-section .accordion-body ul {margin-bottom: 20px;}
.open-position-section .accordion-body ul {margin-left: 40px;}
.open-position-section .accordion-body ul li {font-size: 18px;font-weight: 400;margin-bottom: 5px;list-style: disc;}
.open-position-section .accordion-flush>.accordion-item>.accordion-collapse {border-top: 1.5px solid #00000030;margin-top: 30px;padding-top: 30px;}
.contact-btn{margin-bottom: 20px;}
.accdion-location .opening-location,.opening-type {display: flex;align-items: center;}
/* Home Page Blog Section */
.news-blog-heading{text-align: center;margin-bottom: 30px;}
.news-blog-inner{display: flex;gap: 30px;}
.news-blog-inner .blog-list-items .blog-item{height: 250px;border-radius: var(--radius);}
.news-blog-inner .blog-list-items .blog-item a{display: flex;height: 100%;}
.blog-list-row .blog-item{height: 156px;border-radius: var(--radius);}
.blog-list-row{display: flex;flex-direction: column;gap: 30px;}
.blog-list-row .blog-item-date span{background: transparent; color: var(--white-color); padding: 0; border-radius: 0; display: inline-block;-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text;background-image: radial-gradient(78.8% 100% at 54.48% 0%, var(--primary-color) 0%, var(--extra-color) 100%);font-weight: 600;}
.blog-list-row .blog-item-published{padding: 20px 20px 0;}
.news-blog-inner .blog-list-items{grid-template-columns: repeat(auto-fill, minmax(clamp(310px, 23vw, 450px), 1fr));max-width: 950px;}
.blog-item-detail{position: absolute;left: 0;top: 0;padding: 20px 30px;display: flex;flex-direction: column;gap: 10px;z-index: 1;}
.read-more{color: var(--white-color);display: flex;align-items: center;gap: 10px;}
.read-more.staggered-item{justify-content: start;}
.blog-item-detail h5 a{color: var(--white-color);}
.blog-list-row .blog-item .blog-item-img::before{background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);}
.news-blog-inner-responsive{display: none;}
/* Owl Dots CSS */
.owl-dots button {display: flex;justify-content: center;align-items: center;}
.owl-dots {display: flex;justify-content: center;column-gap: 13px;}
.owl-dot {height: 20px;width: 20px;border-radius: 50%;border: 1px solid #0000 !important;transition: .3s all linear;}
.owl-dots button span {height: 6px;width: 6px;display: block;background: var(--site_black);border-radius: 50%;opacity: .2;transition: .3s all linear;}
.owl-dot.active span {opacity: 1;}
.owl-dot.active {border-color: var(--site_black) !important;}
/* Testimonial slider */
.slider-container {display: flex;flex-direction: column;align-items: center;gap: 1rem;position: relative;}
.slider {display: grid;grid-template-areas: "stack";width: 100%;max-width: 900px;--scale: 1;--y: 0;position: relative;}
.slider > * {grid-area: stack;width: 100%;height: auto;transform: scale(var(--scale)) translateY(var(--y));transform-origin: bottom;transition: all 400ms linear;}
/* Vertical stack offsets using --y instead of --x */
.slide-1 { z-index: 6; }
.slide-2 { z-index: 5; --scale: 0.95; --y: 12px; }
.slide-3 { z-index: 4; --scale: 0.9;  --y: 24px; }
.slide-4 { z-index: 3; --scale: 0.85; --y: 36px; }
.slide-5 { z-index: 2; --scale: 0.8;  --y: 48px; }
.slide-6 { z-index: 1; --scale: 0.75; --y: 60px; }
.testimonial-slide-content{background: var(--white-color);text-align: center;display: flex;flex-direction: column;gap: 20px;padding: 30px 60px;box-shadow: 0px 7px 21.4px 0px #0000001A;border-radius: var(--radius); height: 100%;}
.testimonial-slide-content .detail{height: 100%;}
.profile{position: relative;z-index: 3;}
.quote-image{position: absolute;bottom: 19px;left: 50%;transform: translateX(-50%);z-index: 1;}
.slider-controls{position: absolute;top: 50%;display: flex;width: 80%;justify-content: space-between;}
.slider-controls .next-btn,
.slider-controls .prev-btn{border: none;background: transparent;cursor: pointer;}
.page-template-thank-you header,
.page-template-thank-you footer{display: none;}