@media screen and (max-width: 1200px){

}
@media screen and (max-width: 992px){
	
}
@media screen and (max-width: 768px){
.wap_nav {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 7777;
}
.wap_nav .logo {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}
.wap_nav .logo img{height: 24px;margin-top: 13px;margin-left: 10px;}
body{
	padding-top: 50px;
	font-size: calc(20 / 768 * 100vw);
}

.pc{
    display: none;
}
.wap{
    display: block;
}

.section-tagline-green{
	
	font-size: calc(20 / 768 * 100vw);
}

.services-tab-section .container{
	padding: 0 calc(20 / 768 * 100vw);
}
  .container {
    width: 100%;
    padding: 0 calc(20 / 768 * 100vw);
  }

  .header__inner {
    flex-direction: column;
    gap: calc(10 / 768 * 100vw);
  }

  .nav {
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(20 / 768 * 100vw);
  }

  .hero {
    height: 41vh;
  }

  .hero__content {
    padding-top: 0;
    text-align: center;
  }

  .hero__title {
    font-size: calc(40 / 768 * 100vw);
  }

  .hero__desc {
    font-size: calc(18 / 768 * 100vw);
    line-height: 1.6;
  }
.btn {
    display: inline-block;
    padding: calc(16 / 768 * 100vw) calc(32 / 768 * 100vw);
    font-size: calc(20 / 768 * 100vw);
    border-radius: calc(6 / 768 * 100vw);
    transition: all 0.3s;
    border: 1px solid #fff;
	margin:0px  calc(23 / 768 * 100vw)
}
  .hero__btns {
    flex-direction: column;
    align-items: center;
    display: block;
  }






            .renovation-section {
                padding: calc(80 / 768 * 100vw) 0;
            }

            .renovation-wrapper {
                flex-direction: column;
                gap: calc(60 / 768 * 100vw);
                margin: 0;
                display: block;
            }
.picimg {
    width: calc(296 / 768 * 100vw);
    height: calc(210 / 768 * 100vw);
    object-fit: cover;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}
	.services-track .swiper-slide {
    /* display: flex; */
    padding: calc(20 / 768 * 100vw) 0;
    height: calc(460 / 768 * 100vw);
}
	.control-btn {
    width: calc(60 / 768 * 100vw);
    height: calc(60 / 768 * 100vw);
}
	.control-btn svg {
    width: calc(24 / 768 * 100vw);
    height: calc(24 / 768 * 100vw);
}
            .image-assets {
                width: 100%;
                height: auto;
                margin-bottom: calc(40 / 768 * 100vw);
                position: relative;
            }

            .img-main {
                width: calc(600 / 768 * 100vw);
                height: calc(500 / 768 * 100vw);
                position: static;
            }

            .img-sub {
                width: 100%;
                height: 100%;
                bottom: 0;
                border: calc(10 / 768 * 100vw) solid #ffffff;
                position: relative;
            }

            .content-side {
                width: 100%;
                margin-top: 13vw;
            }

            .main-heading {
                font-size: calc(42 / 768 * 100vw);
                line-height: calc(52 / 768 * 100vw);
            }

            .tagline {
                font-size: calc(24/ 768 * 100vw);
                flex-wrap: wrap;
                margin-bottom: calc(60 / 768 * 100vw);
            }

            .trust-label {
                font-size: calc(30/ 768 * 100vw);
                margin-bottom: calc(30 / 768 * 100vw);
            }

            .trust-list {
                gap: calc(30 / 768 * 100vw);
            }

            .trust-text {
                font-size: calc(22 / 768 * 100vw);
            }

            .trust-icon {
                width: calc(40 / 768 * 100vw);
                height: calc(40 / 768 * 100vw);
            }
	.about-line{
		height:calc(2 / 768 * 100vw);
	}
.about-arrow-head {
    color: #1A6840;
    font-size: calc(24 / 768 * 100vw);
    margin-left: calc(-5 / 768 * 100vw);
    line-height: 1;
}
.section-title-serif {font-size: calc(36 / 768 * 100vw);margin-bottom: 3vw;}
    
    .services-slider-container {margin-left: 0;padding-left: calc(161/ 768* 100vw);}

    .services-header {
        flex-direction: column;
        align-items: flex-start;
        gap: calc(30 / 768 * 100vw);
        padding: 0;
    }

    .service-card-item {
        width: calc(500 / 768 * 100vw);
        height: 100%;
    }

    .why-choose-wrapper {
        flex-direction: column;
        gap: calc(60 / 768 * 100vw);
    }

    .why-choose-header {width: 100%;margin: 0;position: static;margin-bottom: 8vw;}

    .feature-grid {
        grid-template-columns: 1fr;
        gap: calc(20 / 768 * 100vw);
        display: block;
        width: 100%;
        zoom: 1;
        overflow: hidden;
    }

    .feature-card.offset-card {
        margin-top: 0;
    }
.feature-card.first{
	display:none;
}
	.feature-icon, .feature-icon-green {
    width: calc(60 / 768 * 100vw);
    height: calc(60 / 768 * 100vw);
    margin-bottom: calc(20 / 768 * 100vw);
    overflow: hidden;
    position: relative;
}
	.feature-card p {
    font-size: calc(22/ 768 * 100vw);
    line-height: 1.7;
}
    .feature-card {
        min-height: calc(300 / 768 * 100vw);
        padding: calc(40 / 768 * 100vw);
        float: left;
        width: 48%;
        margin: 0px !important;
        margin: 1% !important;
        margin-bottom: 1% !important;
    }

    .projects-section {
        padding: calc(80 / 768 * 100vw) 0;
    }

    .projects-header {
        flex-direction: column;
        align-items: flex-start;
        gap: calc(30 / 768 * 100vw);
        margin-bottom: calc(45 / 768 * 100vw);
        padding: 0;
    }
.arrow-icon {
    font-size: calc(22 / 768 * 100vw);
}
    .view-all-btn {
        width: 100%;
        justify-content: center;
        padding: calc(25 / 768 * 100vw) 0;
        font-size: calc(22 / 768 * 100vw);
        border-radius: calc(12 / 768 * 100vw);
    }

    .projects-grid {
        grid-template-columns: 1fr;
        gap: calc(40 / 768 * 100vw);
        padding: 0;
        display: block;
    }

    .project-image {
        height: calc(450 / 768 * 100vw);
    }

    .project-info {
        padding: calc(40 / 768 * 100vw) calc(35 / 768 * 100vw);
    }

    .project-info h3 {
        font-size: calc(32 / 768 * 100vw);
    }

    .project-info p {
        font-size: calc(22 / 768 * 100vw);
    }
.testimonial-wrapper {
        margin: 0;
        flex-direction: column;
        margin-top: 9vw;
    }

    .testimonial-media {
        width: 100%;
        position: static;
    }

    .main-img-box {
        height: calc(500 / 768 * 100vw);
    }

    .testimonial-nav {
        /* right: 0; */
        /* bottom: 0; */
        position: static;
    }

    .nav-btn {
        width: calc(100 / 768 * 100vw);
        height: calc(100 / 768 * 100vw);
        position: absolute;
        top: 31vw;
    }

    .testimonial-card {
        width: 100%;
        margin-left: 0;
        margin-top: calc(-40 / 768 * 100vw); /* Overlap vertically on mobile */
        display: block;
        position: relative;
        margin: 0;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
    }
	.slider-dots{
		display:none;
	}
	.nav-btn svg {
    width: calc(24 / 768 * 100vw);
}
	.quote-icon {
    position: absolute;
    width: calc(74 / 768 * 100vw);
    height: calc(72 / 768 * 100vw);
    left: calc(12 / 768 * 100vw);
    top: calc(40 / 768 * 100vw);
    background: url(../images/yh.png) no-repeat center center;
    background-size: 78%;
}
.author-name {
    font-size: calc(25/ 768 * 100vw);
    font-weight: 700;
    color: #2B312C;
    margin-bottom: calc(4 / 1920 * 100vw);
    margin-top: 4vw;
}
    .card-content {
        padding: calc(60 / 768 * 100vw) calc(40 / 768 * 100vw);
        padding: 5vw;
    }
	.social-links {
    display: flex;
    gap: calc(24 / 768 * 100vw);
}
	.info-icon {
    width: calc(40/ 768 * 100vw);
    height: calc(40/ 768 * 100vw);
    color: #125136;
    flex-shrink: 0;
}
	.contact-info-list{
		padding-top: 6vw;
	}
.tagline-primary,.tagline-secondary {
    font-size: calc(20 / 768 * 100vw);
    color: #125136;
    margin-bottom: calc(10 / 768 * 100vw);
}
    .testimonial-text {
        font-size: calc(26 / 768 * 100vw);
        line-height: 1.5;
    }

    .star-rating {
        font-size: calc(30 / 768 * 100vw);
    }

    .dot {
        width: calc(60 / 768 * 100vw);
    }

    .partners-section {
        padding: calc(60 / 768 * 100vw) 0;
    }

    .proud-member-title {
        font-size: calc(36 / 768 * 100vw);
        margin-bottom: calc(20 / 768 * 100vw);
    }

    .divider-container {
        margin-bottom: calc(50 / 768 * 100vw);
    }

    .divider-text {
        font-size: calc(22 / 768 * 100vw);
    }

    .partners-logo-grid {
        /* flex-direction: column; */
        gap: calc(60 / 768 * 100vw);
        padding-bottom: calc(60 / 768 * 100vw);
    }

    .logo-item {
        width: 100%;
        width: auto;
    }

    .partner-img {
        max-height: calc(100 / 768 * 100vw);
    }

    .contact-flex {
        flex-direction: column;
        gap: calc(60 / 768 * 100vw);
    }

    .contact-content {
        width: 100%;
        left: 0;
        top: 0;
        position: static;
    }

    .contact-info-list li {
        font-size: calc(28 / 768 * 100vw);
        margin-bottom: 5vw;
        gap: 10px;
    }

    .cta-btn.green-solid {
        width: 100%;
        text-align: center;
        padding: calc(25 / 768 * 100vw);
        font-size: calc(22 / 768 * 100vw);
    }

    .contact-map-wrapper {
        width: 100%;
        height: auto;
        margin-right: 0;
    }

    .footer-inner {
        flex-direction: column-reverse;
        gap: calc(30 / 768 * 100vw);
        text-align: center;
        padding: 4vw 0px;
    }

    .copyright {
        font-size: calc(26/ 768 * 100vw);
    }

    .social-item {
        width: calc(70 / 768 * 100vw);
        height: calc(70 / 768 * 100vw);
    }

    .card-overlay-active h3 {
    font-size: calc(30 / 768 * 100vw);
}
.card-overlay-active li {
    font-size: calc(20 / 768 * 100vw);
    margin-bottom: calc(8 / 768 * 100vw);
    list-style: disc;
    margin-left: calc(20 / 768 * 100vw);
    font-weight: 300;
}
.card-overlay-active ul{
	height: auto;
	margin-bottom: 3vw;
}


.explore-btn {
    padding: calc(15 / 768 * 100vw) calc(32 / 768 * 100vw);
    font-size: calc(20 / 768 * 100vw);
}
.about-section {
        padding: calc(80 / 768 * 100vw) 0;
    }

    .about-marble-strip {
        width: calc(100 / 768 * 100vw);
    }

    .about-wrapper {
        flex-direction: column;
        gap: calc(60 / 768 * 100vw);
        padding: 0;
    }

    .about-content {
        width: 100%;
    }

    .about-desc-green {
        font-size: calc(26 / 768 * 100vw);
        line-height: 1.5;
    }

    .about-gallery {
        width: 100%;
        justify-content: center;
    }
.gallery-column.left-col{
	padding:0px;
}
    .img-sm-top {width: calc(350 / 768 * 100vw);}
    .img-xs-bottom {width: calc(350 / 768 * 100vw);left: auto;}
    .img-lg-top {width: calc(350 / 768 * 100vw);}
    .img-md-bottom {width: calc(350 / 768 * 100vw);}


    .service-hero {
        min-height: auto;
        padding: calc(100 / 768 * 100vw) 0;
    }

    .hero-overlay-gradient {
        background: linear-gradient(to bottom, 
            rgba(255, 255, 255, 0.9) 0%, 
            rgba(255, 255, 255, 0.7) 100%
        );
    }

    .hero-text-box {
        width: 100%;
        text-align: center;
    }

    .hero-main-title {
        font-size: calc(54 / 768 * 100vw);
        line-height: 1.2;
    }

    .hero-sub-black {
        font-size: calc(30 / 768 * 100vw);
        margin-bottom: 4vw;
    }

    .hero-sub-green-bold {
        font-size: calc(24 / 768 * 100vw);
        margin-bottom: 4vw;
    }

    .hero-description {
        font-size: calc(26 / 768 * 100vw);
        line-height: 1.6;
        width: 100%;
    }

    .hero-rating {
        justify-content: center;
        margin-bottom: 5vw;
    }

    .hero-cta-group {
        flex-direction: column;
        width: 100%;
    }

    .btn-primary-green {
        width: 100%;
        padding: calc(25 / 768 * 100vw);
        font-size: calc(24 / 768 * 100vw);
    }

 .pro-install-section {
        padding: calc(80 / 768 * 100vw) 0;
    }

    .install-wrapper {
        flex-direction: column;
        padding: 0;
    }

    .install-content-box {
        width: 100%;
        padding: calc(60 / 768 * 100vw) calc(40 / 768 * 100vw);
        margin-bottom: calc(60 / 768 * 100vw);
    }

    .install-content-box .section-title-serif {
        font-size: calc(34/ 768 * 100vw);
        line-height: 1.2;
        margin-bottom: 4vw;
    }

    .install-desc-green {
        font-size: calc(26 / 768 * 100vw);
        line-height: 1.5;
    }

    .install-image-area {
        width: 100%;
        margin-left: 0;
    }

    .image-deco-bg {
        width: 100%;
        height: 100%;
        top: calc(-20 / 768 * 100vw);
        right: calc(-15 / 768 * 100vw);
    }

    .install-img-container {
        height: calc(450 / 768 * 100vw);
    }
    .services-tab-section {
        padding: calc(80 / 768 * 100vw) 0;
    }

    .tab-headers {
        flex-direction: column;
        padding: 0;
        gap: calc(20 / 768 * 100vw);
    }

    .tab-header {
        font-size: calc(28 / 768 * 100vw);
        padding-bottom: calc(15 / 768 * 100vw);
        text-align: left;
    }

    .tab-header.active::after {
        height: calc(6 / 768 * 100vw);
    }

    .tab-underline-base {
        display: none; /* Stacked layout doesn't need the base line */
    }

    .service-row-item {
        padding: calc(20 / 768 * 100vw) calc(30 / 768 * 100vw);
        gap: calc(30 / 768 * 100vw);
    }

    .service-row-text {
        font-size: calc(24 / 768 * 100vw);
    }

    .service-icon-box {
        width: calc(60 / 768 * 100vw);
        height: auto;
    }

    .projects-section-v2 {
        padding: calc(80 / 768 * 100vw) 0;
    }

    .projects-header {
        flex-direction: column;
        align-items: flex-start;
        gap: calc(30 / 768 * 100vw);
    }

    .view-all-btn {
        width: 100%;
        justify-content: center;
        font-size: calc(22 / 768 * 100vw);
        padding: calc(25 / 768 * 100vw);
    }

    .projects-grid {
        grid-template-columns: 1fr;
        gap: calc(40 / 768 * 100vw);
    }

    .project-image {
        height: calc(450 / 768 * 100vw);
    }

    .project-info h3 {
        font-size: calc(32 / 768 * 100vw);
    }

    .project-info p {
        font-size: calc(22 / 768 * 100vw);
    }
    .faq-section {
        padding: calc(80 / 768 * 100vw) 0;
    }

    .faq-list {
        max-width: 100%;
        gap: calc(50 / 768 * 100vw);
    }

    .faq-question {
        gap: calc(15 / 768 * 100vw);
        margin-bottom: 3vw;
    }

    .faq-icon-box {
        width: calc(40 / 768 * 100vw);
        height: calc(40 / 768 * 100vw);
    }

    .question-text {
        font-size: calc(26 / 768 * 100vw);
    }

    .faq-answer {
        /* align-self: flex-start; */ /* Mobile: better readability left-aligned */
        /* margin-left: calc(55 / 768 * 100vw); */
        margin-right: 0;
        gap: calc(15 / 768 * 100vw);
        margin-bottom: 4vw;
    }

    .answer-text {
        font-size: calc(24 / 768 * 100vw);
    }

    .faq-icon-box.small {
        width: calc(35 / 768 * 100vw);
        height: calc(35 / 768 * 100vw);
    }

    .cta-upgrade-section {
        padding: calc(100 / 768 * 100vw) 0;
    }

    .white-text {
        font-size: calc(48 / 768 * 100vw);
        line-height: 1.2;
        margin-bottom: calc(30 / 768 * 100vw);
    }

    .cta-subtext {
        font-size: calc(28 / 768 * 100vw);
        margin-bottom: calc(40 / 768 * 100vw);
    }

    .cta-rating {
        justify-content: flex-start;
    }

    .cta-button-group {
        /* flex-direction: column; */
        width: 100%;
    }

    .btn-ghost {
        width: 100%;
        text-align: center;
        padding: calc(25 / 768 * 100vw);
        font-size: calc(24 / 768 * 100vw);
        border-width: calc(3 / 768 * 100vw);
    }

.rating-text,
    .hero-main-title span {
    font-size: calc(28 / 768 * 100vw) !important;
    font-family: inherit;
}
.cta-content{
	padding:0px;
}
	.cta-rating .star-icon{
		font-size:inherit;
	}
	.services-grid-container ,.service-item-list {
        grid-template-columns: 1fr; /* Stack into 1 column */
        gap: calc(15 / 768 * 100vw);
    }

    .service-box.full-width {
        grid-column: 1 / span 1; /* Reset span on mobile */
    }

    .service-box {
        padding: calc(20 / 768 * 100vw) calc(30 / 768 * 100vw);
        gap: calc(25 / 768 * 100vw);
    }

    .service-label {
        font-size: calc(24 / 768 * 100vw);
    }

    .service-icon-wrap {
        width: calc(60 / 768 * 100vw);
        height: auto;
    }

     .projects-showcase-section {
        padding: calc(80 / 768 * 100vw) 0;
    }

    .showcase-header {
        margin-bottom: calc(50 / 768 * 100vw);
    }

    .showcase-grid {
        grid-template-columns: 1fr;
        gap: calc(30 / 768 * 100vw);
    }

    .showcase-card {
        height: calc(320/ 768 * 100vw);
    }

    .card-bottom-overlay {
    bottom: calc(-60/ 768* 100vw);
    height: calc(60/ 768* 100vw);
    }

    .location-text {
        font-size: calc(32 / 768 * 100vw);
    }
    .section-title-serif.centered {

    margin-bottom: calc(12 / 768 * 100vw);
    font-size: calc(48 / 768 * 100vw);

}

.showcase-header .section-tagline-green {
    margin-top: calc(25 / 768 * 100vw);
    font-size: calc(18 / 768 * 100vw);
    letter-spacing: calc(1 / 768 * 100vw);
}
 .gallery-header {
        gap: calc(20 / 768 * 100vw);
        margin-bottom: calc(40 / 768 * 100vw);
    }

    .back-nav-btn {
        width: calc(80 / 768 * 100vw);
        height: calc(80 / 768 * 100vw);
    }

    .gallery-title-serif {
        font-size: calc(42 / 768 * 100vw);
    }

    .gallery-grid {
        grid-template-columns: 1fr; /* Stack on mobile */
        gap: calc(20 / 768 * 100vw);
    }

    .gallery-item {
        height: calc(450 / 768 * 100vw);
    }
.btn-load-more img{
	width:calc(25 / 768 * 100vw);
}
    .btn-load-more {
        padding: calc(25 / 768 * 100vw);
        font-size: calc(22 / 768 * 100vw);
    }
    .back-nav-btn svg{
    	width: calc(25 / 768 * 100vw);
    }
    .gallery-hover-overlay{
    	background-size: calc(45 / 768 * 100vw);
    }
    
.alertModel .close{
    
position: absolute;
    
right: 0;
    
top: 0;
    
cursor: pointer;
    
z-index: 5;
    
top: calc(40/768*100vw);
    
right: calc(40/768*100vw);
    
width: calc(24/768*100vw);
    
height: calc(24/768*100vw);
    
background: url(../images/close.png) no-repeat center center;
    
background-size: calc(14/768*100vw);
}
.alertModel .swiper-slide{
    
display: -webkit-box;
    
display: -moz-box;
    
display: -webkit-flex;
    
display: -moz-flex;
    
display: -ms-flexbox;
    
display: flex;
    
flex-direction: column;
    
justify-content: center;
    
height: 100vh;
}
.alertModel .swiper-slide img{
    
display: block;
    
margin: auto;
    
width: 60%;
    
height: 63vh;
    
object-fit: contain;
}
.alertModel .swiper-pagination{
    
color: #fff;
    
bottom: 6vh;
    
font-size: 16px;
}
.alertModel .swiper-button-next{
    
width: calc(64/768*100vw);
    
height: calc(64/768*100vw);
    
right: calc(80/768*100vw);
    
margin-top: calc(-40/768*100vw);
    
background: url(../images/right.png) no-repeat center center;
    
background-size: 100%;
}
.alertModel .swiper-button-prev{
    
width: calc(64/768*100vw);
    
height: calc(64/768*100vw);
    
left: calc(80/768*100vw);
    
margin-top: calc(-40/768*100vw);
    
background: url(../images/left.png) no-repeat center center;
    
background-size: 100%;
}

.contact-page-hero {
        height: calc(600 / 768 * 100vw);
    }

    .hero-contact-title {
        font-size: calc(80 / 768 * 100vw);
        letter-spacing: calc(3 / 768 * 100vw);
        margin-bottom: calc(15 / 768 * 100vw);
    }

    .hero-contact-subtitle {
        font-size: calc(24 / 768 * 100vw);
        letter-spacing: calc(1.5 / 768 * 100vw);
        padding: 0 calc(20 / 768 * 100vw); /* Prevent text touching edges */
    }
     .contact-info-card, .contact-form-card {
        width: calc(720 / 768 * 100vw);
        padding: calc(60 / 768 * 100vw) calc(40 / 768 * 100vw);
    }

    .contact-card-title { font-size: calc(56 / 768 * 100vw); }
    .contact-card-tagline { font-size: calc(22 / 768 * 100vw); }

    .info-detail-row, .form-grid-layout, .checkbox-grid {
        flex-direction: column;
        grid-template-columns: 1fr;
    }

    .vertical-separator {
        width: 100%;
        height: 1px;
        margin: calc(30 / 768 * 100vw) 0;
    }

    .info-value { font-size: calc(28 / 768 * 100vw); }
    
    .input-group input, .textarea-section textarea {
        font-size: calc(24 / 768 * 100vw);
        padding: calc(30 / 768 * 100vw);
    }

    .custom-checkbox { font-size: calc(24 / 768 * 100vw); }
    
    .submit-btn-green {
        width: 100%;
        font-size: calc(28 / 768 * 100vw);
        padding: calc(30 / 768 * 100vw) 0;
    }



.mapSec{
position: relative;
height:calc(520 / 768 * 100vw);
background: url(../images/map2.jpg) no-repeat center center;
background-size: cover;
}
.mapSec .icon{width: calc(6 / 768 * 100vw);position: absolute;background: url(../images/dots.png) no-repeat center center;background-size: calc(96 / 768 * 100vw);width:calc(76 / 768 * 100vw);height: calc(96 / 768 * 100vw);position:absolute;top: 50%;left: 49.5%;-o-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}


.info-label {
    display: flex;
    align-items: center;
    gap: calc(12 / 768 * 100vw);
    margin-bottom: calc(24 / 768 * 100vw);
}
.info-label span {
    font-size: calc(20 / 768 * 100vw);
    color: #8A988E;
    font-weight: 700;
    letter-spacing: calc(1 / 768 * 100vw);
    font-family: 'Playfair Display', serif;
}
.label-img {
    width: calc(24 / 768 * 100vw);
    height: auto;
}

.contact-card-divider{
	margin:6vw 0;
}
.row-separator{
	margin: 5vw 0;
}
.social-links-container img {
    height: calc(70 / 768 * 100vw);
    width: auto;
}
.form-label-img {
    width: calc(24 / 768 * 100vw);
}
	.textarea-section textarea{
		height:20vw;
	}
	.custom-checkbox input {
    width: calc(15 / 768 * 100vw);
    height: calc(15 / 768 * 100vw);
    accent-color: #125136;
}
.input-group label, .textarea-section label, .section-main-label {
    display: flex;
    align-items: center;
    gap: calc(10 / 768 * 100vw);
    font-size: calc(20/ 768 * 100vw);
    color: #8A988E;
    margin-bottom: calc(12 / 768 * 100vw);
}

.common-problems-wrapper {
        padding: calc(60 / 768 * 100vw) calc(30 / 768 * 100vw);
    }

    .problems-container {
        flex-direction: column;
        align-items: flex-start;
        gap: calc(60 / 768 * 100vw);
        max-width: 100%;
    }

    .problems-left-content {
        width: 100%;
    }

    .problems-main-title {
        font-size: calc(44 / 768 * 100vw);
        line-height: calc(56 / 768 * 100vw);
    }

    .problems-bg-icon {
        width: calc(180 / 768 * 100vw);
        left: 40%;
        bottom: calc(-20 / 768 * 100vw);
    }

    .problems-right-list {
        width: 100%;
    }

    .check-list {
        gap: calc(30 / 768 * 100vw);
    }

    .check-item span {
        font-size: calc(24 / 768 * 100vw);
    }

    .list-check-img {
        width: calc(40 / 768 * 100vw);
        height: calc(40 / 768 * 100vw);
    }
     .fence-benefits-section {
        padding: calc(80 / 768 * 100vw) 0;
    }

    .benefits-header {
        text-align: center;
        margin-bottom: calc(50 / 768 * 100vw);
    }

    .benefits-grid {
        grid-template-columns: repeat(2, 1fr); /* 2x2 grid for tablet/mobile */
        gap: calc(20 / 768 * 100vw);
        padding: 0;
    }

    .benefit-card {
        padding: calc(30 / 768 * 100vw);
        border-radius: calc(15 / 768 * 100vw);
    }

    .benefit-icon-box {
        width: calc(80 / 768 * 100vw);
        height: calc(80 / 768 * 100vw);
        margin-bottom: calc(25 / 768 * 100vw);
    }

    .benefit-label {
        font-size: calc(22 / 768 * 100vw);
        line-height: 1.3;
    }
 .install-process-section {
        padding: calc(80 / 768 * 100vw) 0;
    }

    .process-grid {
        grid-template-columns: 1fr; /* Stacked */
        gap: calc(60 / 768 * 100vw);
    }

    .step-media {
        height: calc(400 / 768 * 100vw);
        width: 100%;
        margin-bottom: 4vw;
    }

    .step-number-box {
        width: calc(130 / 768 * 100vw);
        height: calc(100 / 768 * 100vw);
        left: calc(20 / 768 * 100vw);
        bottom: calc(-10 / 768 * 100vw);
        left: 0;
        bottom: 0;
    }

    .step-num {
        font-size: calc(56 / 768 * 100vw);
        -webkit-text-stroke-width: calc(2 / 768 * 100vw);
        left: 0;
    }

    .step-title {
        font-size: calc(32/ 768 * 100vw);
    }

    .step-desc {
        font-size: calc(24 / 768 * 100vw);
    }
    .options-grid {
        grid-template-columns: 1fr;
        row-gap: calc(60 / 768 * 100vw);
        padding: 0 calc(30 / 768 * 100vw);
        padding: 0;
    }

    .option-media {
        height: calc(450 / 768 * 100vw);
    }

    .option-number-box {
        width: calc(130 / 768 * 100vw);
        height: calc(100 / 768 * 100vw);
        bottom: 0;
        left: 0;
    }

    .option-num {
        font-size: calc(56 / 768 * 100vw);
        -webkit-text-stroke-width: calc(2 / 768 * 100vw);
    }

    .option-info {
        padding-top: calc(50 / 768 * 100vw);
    }

    .option-title {
        font-size: calc(30 / 768 * 100vw);
    }

    .option-desc {
        font-size: calc(24 / 768 * 100vw);
    }

.check-list.type2 .check-item{
    position: relative;
    padding-bottom: calc(69 / 768 * 100vw);
}

.check-list.type2 .check-item .des{font-size: calc(23 / 768 * 100vw);}
}