@charset "utf-8";


header .logo-block{ max-width: clamp(80px, 15.625vw, 200px); margin: 0 auto; }

/* _________________________hero section start_________________________ */
.hero-section .slide-content-box{ position: relative; width: 100%; height: clamp(326px, 42.500vw, 816px); }
.hero-section .slide-content-box::after{ content: ''; background: linear-gradient(180deg,rgba(65,48,62,0),#000); height: 75%; width: 100%; position: absolute; bottom: 0; left: 0;}
.hero-section [class^="swiper-button-"]{ height: 48px; width: 48px; background-color: #fff; border-radius: 50%; box-shadow: 0 2px 4px 0 rgba(0,0,0,.31); padding: 15px; color: #000; }
.hero-section .swiper-button-prev{ left: 32px;}
.hero-section .swiper-button-next{ right: 32px;}
.hero-section .swiper-button-disabled{ display: none;}
.hero-section .swiper-pagination-bullet{ background-color: var(--on-background-20);}
.hero-section .swiper-pagination-bullet-active{ background-color: var(--primary-main);}
.hero-section .slide-content-box .bottom-content{ position: absolute; z-index: 999; bottom: 9.71%; left: 50%; transform: translateX(-50%);}
.hero-section .bottom-content h1{ color: #fff; text-shadow: 0 2px 4px rgba(65,48,62,.3); font-size: var(--uc-font-size-60); font-weight: 600; line-height: 1.2; font-family: var(--secondary-font); text-align: center; margin-bottom: 28px;}
/* _________________________hero section end_________________________ */


/* _________________________one stop shop section start_________________________ */
.one-stop-shop-section{ padding-block: var(--section-padding-block-64); background-color: rgba(44,37,45,.04);}
.one-stop-shop-section .slide-content-box{ border-radius: 16px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.16); background-color: #F7F6F7; transition: .3s ease-in-out;}
.one-stop-shop-section .slide-content-box:hover{ box-shadow: 0 15px 20px rgba(0,0,0,.05),0 0 15px 10px rgba(0,0,0,.1); transform: translateY(-2px); transition: .3s ease-in-out;}
.one-stop-shop-section .slide-content-box .content-block{ padding: clamp(14px, 1.042vw, 20px); text-align: center;}
.one-stop-shop-section .slide-content-box .content-block h4{ color: var(--secondary-dark); margin-bottom: 8px; font-family: var(--secondary-font); font-size: var(--uc-font-size-20); line-height: 1.2;}
.one-stop-shop-section .slide-content-box .content-block p{ color: var(--on-surface-70); line-height: 1.5; margin-bottom: 20px; min-height:95.92px; }
.one-stop-shop-section .slide-content-box .content-block .arrow{ border-radius: 50%; background-color: transparent; height: 32px; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #000; transition: .3s ease-in-out;}
.one-stop-shop-section .slide-content-box:hover .arrow{ background-color: var(--primary-extra-light); color: var(--primary-main); transition: .3s ease-in-out;}
.one-stop-shop-section .swiper-slide{ padding-block: 30px var(--section-padding-block-64); }
.one-stop-shop-section .slide-content-box .img-block{ height: clamp(150px, 12.083vw, 232px);}
/* _________________________one stop shop section end_________________________ */


/* _________________________inspiratio fr home section start_________________________ */
.inspiration-for-home-section{ padding-block: var(--section-padding-block-64);}
.inspiration-for-home-section .box-container{ margin-top: 24px;}
.inspiration-for-home-section .box-container .box{ height: clamp(250px, 20.521vw, 394px); border-radius: 8px; overflow: hidden; position: relative;}
.inspiration-for-home-section .box-container .box .tag{ position: absolute; bottom: 8px; left: 24px; background-color: rgba(0,0,0,.6); border-radius: 4px; padding: 4px; color: #fff; font-size: 14px;}
/* _________________________inspiratio fr home section end_________________________ */


/* _________________________why choose section start_________________________ */
.why-choose-section { padding-block: var(--section-padding-block-40); background-color: rgba(44,37,45,0.04); text-align: center; }
.why-choose-section .common-head-1 .title-1 { margin-bottom: 20px; }
.why-choose-section .marquee-wrapper {position: relative;overflow: hidden; }
.why-choose-section .marquee-inner { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(190px, max-content); /* flexible card width */ gap: 28px; align-items: start; will-change: transform; }
.why-choose-section .marquee-inner .box { background: #fff; border-radius: 12px; padding: clamp(12px, 1.250vw, 24px); box-sizing: border-box; position: relative; overflow: hidden; border: 1px solid var(--on-background-10); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; min-height: 190px; padding:clamp(0px, 1.250vw, 4px); }
.why-choose-section .marquee-inner .box .icon-badge { width: 80px; height: auto; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 15px; flex-shrink: 0; flex-direction:column; }
.why-choose-section .marquee-inner .box .icon-badge img { width: 100%; height: auto; }
.why-choose-section .marquee-inner .box h4 { font-size: var(--uc-font-size-16); font-weight: 400; color: var(--secondary-dark); line-height: 1.2; text-align: center; word-break: keep-all; }
.why-choose-section .marquee-inner .box .meta { margin-top: 8px; font-size: 13px; color: #7b6f76; text-align: center; }
/* _________________________why choose section end_________________________ */




.get-the-estimate-section{ padding-block: var(--section-padding-block-64);}
.get-the-estimate-section .mySwiper{ padding-block: 24px var(--section-padding-block-64);}
.get-the-estimate-section .slide-content-box { background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.15); padding: 20px; border-radius: 12px; transition: .3s ease-in-out; border: 1px solid #E2E2E2;}
.get-the-estimate-section .slide-content-box:hover{ transform: translateY(-2px); box-shadow: 0 15px 20px rgba(0,0,0,.05),0 0 15px 10px rgba(0,0,0,.1); transition: .3s ease-in-out;}
.get-the-estimate-section .slide-content-box .top-block{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.get-the-estimate-section .slide-content-box .content-block h4{ font-size: var(--uc-font-size-20); line-height: 1.4; font-weight: 500; color: var(--secondary-dark); margin-bottom: 4px;}
.get-the-estimate-section .slide-content-box .content-block p{ line-height: 1.5; color: var(--secondary-dark); min-height: 48px;}
.get-the-estimate-section .slide-content-box .content-block .primary-btn{ margin-top: 12px; display: block;}


.ads-section{ padding-block: var(--section-padding-block-64); background-color: #F7F6F7;}
.ads-section .main-block { border-radius: 16px; overflow: hidden;}
.ads-section .main-block .row{ --bs-gutter-x:0;}
.ads-section .main-block .left-block{ background-color: #482A44; padding: 40px 50px; position: relative;}
.ads-section .main-block .left-block .title-1{ color: #fff; font-size: var(--uc-font-size-31);}
.ads-section .main-block .left-block .title-1 span{ color: #E6595F;}
.ads-section .main-block .left-block p{ color: #fff; margin-block: 20px;}
/* .ads-section .main-block .left-block .primary-btn{ padding: 10px 20px; font-size: 13px; line-height: 1;} */
.ads-section .main-block .right-block{ height: 100%; position: relative;} 
.ads-section .main-block .right-block .img-wrapper{ height: 100%; width: 100%; position: absolute;}


.testimonials-section{ padding-block: var(--section-padding-block-64);}
.testimonials-section .slide-content-box{ padding: 20px; border-radius: 16px; box-shadow: 0 2px 8px rgba(0,0,0,.16); border: 1px solid #EDEDED; position: relative;} 
.testimonials-section .slide-content-box::before,
.testimonials-section .slide-content-box::after{content: url(../images/quotes.png); width: 43px; height: 34px; background-size: contain; position: absolute; bottom: 0; right: 0;}
.testimonials-section .slide-content-box::before{ top: 0; left: 0; content: url(../images/quotes-2.png);}
.testimonials-section .slide-content-box .img-block{ border-radius: 12px; overflow: hidden; height: 210px; position: relative;}
.testimonials-section .slide-content-box .img-block::after{ background: linear-gradient(180deg,transparent 2.07%,#000); position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; content: '';}
.testimonials-section .slide-content-box .img-block .bottom{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 9999; color: #fff; padding-bottom: 16px; text-align: center;}
.testimonials-section .slide-content-box .img-block .bottom a i{ color: #fff; font-size: 35px; line-height: 1; margin-bottom: 4px;}
.testimonials-section .slide-content-box .img-block .bottom  h4{ font-size: 14px; line-height: 20px; font-weight: 500;}
.testimonials-section .slide-content-box .img-block .bottom  h5{ font-size: 12px; line-height: 20px;}
.testimonials-section .slide-content-box .content-block{ padding-top: 20px;}
.testimonials-section .slide-content-box .content-block p{ line-height: 1.5; font-style: italic; text-align: center; min-height:47.96px; }
.testimonials-section .mySwiper{ padding-block: 16px var(--section-padding-block-64);}


.get-a-glimpse-section{ background-color: #F7F6F7; padding-block: var(--section-padding-block-64);}
.get-a-glimpse-section .slide-content-box{ box-shadow: 0 2px 8px rgba(0,0,0,.16); border-radius: 16px; overflow: hidden; position: relative; height: clamp(350px, 28.385vw, 545px); transition: .3s ease-in-out;}
.get-a-glimpse-section .slide-content-box .content{ position: absolute; left: 0; bottom: 0; width: 100%; background: linear-gradient(180deg,transparent 2.07%,#000);}
.get-a-glimpse-section .slide-content-box .content p{ color: #fff; padding: 16px; font-size: var(--uc-font-size-20); font-weight: 500; text-align: center;}
.get-a-glimpse-section .mySwiper{ padding-block:20px var(--section-padding-block-40);}
.get-a-glimpse-section [class^="swiper-button-"] { height: 48px; width: 48px; background-color: #fff; border-radius: 50%; box-shadow: 0 2px 4px 0 rgba(0,0,0,.31); padding: 15px; color: #000; }
.get-a-glimpse-section .swiper-button-prev{ left: 24px;}
.get-a-glimpse-section .swiper-button-next{ right: 24px;}
.get-a-glimpse-section .swiper-button-disabled{ display: none;}
.get-a-glimpse-section .swiper-pagination-bullet-active{ background-color: #000;}
.get-a-glimpse-section .slide-content-box:hover{ box-shadow: 0 15px 20px rgba(0,0,0,.05),0 0 15px 10px rgba(0,0,0,.1); transform: translateY(-2px); transition: .3s ease-in-out;}


.magazine-section{ padding-block: var(--section-padding-block-64);}
.magazine-section .box-container{ margin-top: 24px;}
.magazine-section .box-container .box{ height: 196px;}
.magazine-section .box-container .box h4{ margin-block: 16px 4px; color: var(--secondary-dark); font-weight: 500; font-family: var(--secondary-font); font-size: var(--uc-font-size-20); line-height: 1.4;}
.magazine-section .box-container .box h5{ margin-bottom: 4px; color: var(--secondary-light); font-style: italic; font-size: 14px;}


.our-trophy-section{ padding-block: var(--section-padding-block-64); background-color: #F7F6F7;}
.our-trophy-section .slide-content-box{ padding: 20px; background-color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.16); border-radius: 16px;}
.our-trophy-section .slide-content-box .icon{ width: 140px; margin: 0 auto;}
.our-trophy-section .slide-content-box p{ margin-top: 12px; color: var(--secondary-dark); text-align: center;}
.our-trophy-section .mySwiper{ padding-block: 24px var(--section-padding-block-40);}
.our-trophy-section .swiper-pagination-bullet{  height: 4px; width: 4px;}
.our-trophy-section .swiper-pagination-bullet-active{ background: #000; width: 28px; border-radius: 4px; height: 4px;}
.our-trophy-section .slide-content-box iframe{ width:100%; }

.the-news-section{ background-color: #fff; padding-block: var(--section-padding-block-64);}
.the-news-section .marquee-inner{ grid-template-columns: minmax(300px, max-content);}
.the-news-section .marquee-inner .box .icon-badge{ margin: 0; width: 160px;}
.the-news-section .marquee-inner .box{ min-height: unset;}
.the-news-section .title-1{ margin-bottom: 24px;}


.faq-section{ background-color: #F7F6F7; padding-block: var(--section-padding-block-64);}
.faq-section .title-1{ margin-bottom: 20px;}
.faq-section .accordion-item + .accordion-item{ margin-top: 20px; box-shadow: 0 2px 4px 0 rgba(65,48,62,.15); border: 1px solid var(--white); border-radius: 4px;}
.faq-section .accordion-button{ color: var(--secondary-dark);}
.faq-section .accordion-button:focus { box-shadow: none !important; outline: none !important; }
.faq-section .accordion-button:not(.collapsed) { background-color: transparent !important;    color: inherit !important; box-shadow: none !important; }
.faq-section .accordion-button:hover { background-color: transparent !important; color: inherit !important; }



.the-news-section .marquee-inner .box {
	min-height: 126px;
	display: flex;
	align-items: center;
}


.modal{ z-index:999999999; }
.modal .form-control:focus{ border-color:initial; box-shadow:none; }



.cta-section{ background-size: cover; background-position: center; background-repeat: no-repeat; padding-block: clamp(54px, 7.031vw, 135px);}
.cta-section .title-1{ margin-bottom: 24px;}

footer{ background-color: var(--on-background-100); }
footer .main-block{ padding-block: var(--section-padding-block-40);}
footer .box .logo-block{ max-width: 219px; margin-bottom: clamp(11px, 0.833vw, 16px); }
footer .box .social-media ul{ display: flex; gap: 10px; }
footer .box .social-media ul li a{ border: 1px solid #fff; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; color: #fff; transition: 0.3s ease-in-out;}
footer .box .social-media ul li a i{  font-size: 20px;}
footer .box .social-media ul li a:hover{ color: var(--primary-main); border-color: var(--primary-main); transition: 0.3s ease-in-out;}
footer .box-2 h4{ font-size: 12px; margin-bottom: 20px; color: var(--on-surface-border); text-transform: uppercase; font-weight: 500; }
footer .box-2 ul li a{ color: #fff; color: #fff !important; }
footer .box-2 ul li + li{ margin-top: clamp(11px, 0.833vw, 16px);}
footer .box-2 ul li span{ display: block; word-break: break-all;}
footer .box-2 ul li:has(span){ font-size: 14px;}
footer .copyright{ padding-block: clamp(11px, 0.833vw, 16px); border-block: 1px solid #ffffff3d; text-align: center; color: #fff;}
footer .seo-content{ padding-block: 20px; color: #fff; font-size: var(--uc-font-size-16); color: hsla(0,0%,100%,.6); line-height: 1.5;}
footer .seo-content p + p{ margin-top: 15px;}