.banner-section { position: relative;width:100%;}
.banner-section .swiper-slide img {
    width:100%;
}
.banner-section .swiper-pagination-bullet {
    width:1rem;
    height:1rem;
}
.banner-section .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width:3rem;
    border-radius: 0.5rem;
}

.banner-section .ban_txt {
    position: absolute;
    z-index: 99;
    color: #2d2d2d;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.banner-section .ban_txt .txt {width: 50%;}
.banner-section .ban_txt .txt p {
    text-shadow: 2px 2px 4px #898989;
}

.banner-section .ban_txt .txt p:nth-child(1){
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}
.banner-section .ban_txt .txt p:nth-child(2){
    font-size: 1.8rem;
    font-weight: 600;
}

@media  screen and (max-width: 1000px){
    .banner-section .swiper-pagination-bullet {
        width:0.6rem;
        height:0.6rem;
    }
    .banner-section .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width:2rem;
    }

    .banner-section .ban_txt {display: none;}
}

@media  screen and (max-width: 765px){
.banner-section,
.banner-section .swiper-slide{height: 30vh;}
.banner-section .swiper-slide img {
    width: 100%;height:100%;
    object-fit: cover;
    object-position: right center;
}
}


.my-ability-section {
    width: 100%;
    padding:3rem 0 0;
}
.my-ability-section .section-header {
    padding:2rem 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
}
.my-ability-section .section-header h3{
    font-size: 2rem;
}
.my-ability-section .section-header .section-desc .t{
    margin-bottom: 2rem;
}
@media  (max-width: 600px){
    .my-ability-section .section-header {
        padding:0;
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    .my-ability-section .section-header h3{
        font-size: 1.5rem;
    }
}



.products-section {
    width: 100%;
    padding:3rem 0;
    background: #f3f3f3;
}
.products-section .section-header {
}
.products-section .section-header h3{
    font-size: 2.5rem;
}
.products-section .features-grid {
    position: relative;
    overflow: hidden;
    padding:2rem 0;
}
.products-section .features-grid .feature-card {
    background: #ffffff;
    border-radius: .6rem;
    transition: 0.5s;
}
.products-section .features-grid .swiper-slide {
    background: #ffffff;
    padding:1rem;
    border-radius: .6rem;
}
.products-section .swiper-container-horizontal>.swiper-pagination-progressbar {
    top:auto;
    bottom: 0;
}
.products-section .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--comcolor);}
.products-section .navigation { display: flex;justify-content: right;gap:1rem;}
.products-section .prev,
.products-section .next
{
    border: 1px solid var(--comcolor);
    color:var(--comcolor);
    padding: 0.6rem 1.5rem;
    cursor: pointer;
}
.products-section .prev.swiper-button-disabled,
.products-section .next.swiper-button-disabled
{
    opacity: 0.5;
}

.products-section .features-grid .feature-card .feature-content { padding:1rem;}
.products-section .features-grid .feature-card .title { font-size:1.5rem;margin-bottom: 1rem;color: var(--subcolor); }
.products-section .features-grid .feature-card .intro {
    font-size: 1rem;
    line-height: 1.5;
    height: 7.5rem;
    margin-bottom: 1rem;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    grid-row: 2;
    display: -webkit-box;
    overflow: hidden;
}

.products-section .features-grid .feature-card .img { position: relative;}
.products-section .features-grid .feature-card img { display: block;}


.products-section .features-grid .feature-card:hover { transform: translateY(-5px);}


@media  (max-width: 600px){
    .products-section {
        padding:2rem 0;
    }
    .products-section .section-header h3{
        font-size: 2rem;
    }
    .products-section .features-grid .swiper-slide {
        padding:0.5rem;
    }
    .products-section .features-grid .feature-card .title {font-size: 1rem;}
}






.why-choose-section {
    padding: 3rem 0;
    background: url('../images/abbg.webp') no-repeat right center / cover;
    color: #ffffff;
    position: relative;
}
.why-choose-section .section-header {
    margin-bottom: 3rem;
}
.why-choose-section .section-subtitle {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0.6rem;
}
.why-choose-section .section-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 1.5rem;
}
.why-choose-section .section-desc {

}

.why-choose-section .features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    margin: 3rem 0;
}
.why-choose-section .feature-card {
    background-color: #0000007a;
    padding: 2rem;
    border-radius: 0.5rem;
    border-left: 0.3rem solid var(--subcolor);
    transition: all 0.3s ease;
}
.why-choose-section .feature-card:hover {
    background-color: #00000063;
    transform: translateY(-0.3rem);
}
.why-choose-section .feature-icon img{
    width: 2.5rem;
    margin-bottom: 0.5rem;
}
.why-choose-section .feature-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.6rem;
}
.why-choose-section .feature-desc {
    line-height: 1.5;
    opacity: 0.9;
}
.why-choose-section .contact-us-block {
    background-color: #0000008f;
}
@media (max-width: 768px) {
    .why-choose-section .feature-card {
        padding: 1rem;
    }
}




.workmanship-section {
    width: 100%;
    padding:3rem 0;
}
.workmanship-section .section-header {

}
.workmanship-section .section-header h3{
    font-size: 2.5rem;
}
.workmanship-section .features-grid {
    overflow: hidden;
    position: relative;
    padding:2rem 0;
}
.workmanship-section .features-grid .swiper-slide {
    background: #ffffff;
    padding:1rem;
    border-radius: .6rem;
}
.workmanship-section .features-grid .swiper-slide .img { text-align: center;}
.workmanship-section .features-grid .swiper-slide img { border-radius: 100%;overflow: hidden;}
.workmanship-section .features-grid .swiper-slide .title{ font-size:1.5rem;margin:1rem 0;color:var(--subcolor); }
.workmanship-section .features-grid .swiper-slide .text{
    height: 7.5rem;
    margin-bottom: 1rem;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    grid-row: 2;
    display: -webkit-box;
    overflow: hidden;
}
.workmanship-section .swiper-container-horizontal>.swiper-pagination-progressbar {
    top:auto;
    bottom: 0;
}
.workmanship-section .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--comcolor);}
.workmanship-section .navigation { display: flex;justify-content: right;gap:1rem;}
.workmanship-section .prev,
.workmanship-section .next
{
    border: 1px solid var(--comcolor);
    color:var(--comcolor);
    padding: 0.6rem 1.5rem;
    cursor: pointer;
}
.workmanship-section .prev.swiper-button-disabled,
.workmanship-section .next.swiper-button-disabled
{
    opacity: 0.5;
}
@media (max-width: 768px) {
    .workmanship-section .section-header h3 {font-size: 2rem;}
}




.testimonials-section {
    padding: 3rem 0;
    background: #f3f3f3;
}
.testimonials-section .testimonials-title {
    text-align: center;
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
    font-weight: 600;
}

.testimonials-section .testimonials-grid {

}
.testimonials-section .testimonial-card {
    background-color: white;
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1rem;
}
.testimonials-section .testimonial-card img {width: 40%;}
.testimonials-section .testimonial-text {
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
    font-style: italic;
    margin-bottom: 1rem;
}
.testimonials-section .client-img {
    width: 100%;
    object-fit: cover;
    border-radius: 0.3rem;
    margin-bottom: 1rem;
}
.testimonials-section .client-name {
    color: #0a3d62;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.testimonials-section .client-location {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 1rem;
}
@media (max-width: 768px) {
    .testimonials-section {padding: 2rem 0;}
    .testimonials-section .testimonial-card {
        flex-direction: column;
        gap: 1rem;
        padding: 2rem 1rem;
    }
    .testimonials-section .testimonial-card img {width: 100%;}
}


.partner-section {
    padding: 3rem 0;
}
.partner-section .partner-title {
    text-align: center;
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
    font-weight: 600;
}
.partner-section .partner-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem;
}
.partner-section .partner-grid .partner-card {
    flex: 0 0 calc(16.666% - 1.25rem);
}

@media (max-width: 768px) {
    .partner-section {padding: 2rem 0;}
    .partner-section .partner-grid .partner-card {
        flex: 0 0 calc(33.33% - 1.3rem);
    }
}