.success-wrap-two{
display : none;
}
.about-img-seven-wrap{
padding-bottom : 0px;
}

.video-showcase{ position: relative; height: 600px; overflow: hidden; } .video-thumb{ width: 100%; height: 100%; object-fit: cover; display: block; } .video-overlay{ position: absolute; inset: 0; background: rgba(0,0,0,.35); } .video-content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; display:none; } .play-btn{ width: 90px; height: 90px; border-radius: 50%; background: #fff; color: var(--tg-primary-color); display: flex; align-items: center; justify-content: center; font-size: 30px; text-decoration: none; transition: .3s; } .play-btn:hover{ transform: scale(1.1); } .play-btn::before{ content: ""; position: absolute; width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,.5); animation: pulse 2s infinite; } @keyframes pulse{ 0%{ transform: scale(.8); opacity: 1; } 100%{ transform: scale(1.5); opacity: 0; } }
.about-modern{ position: relative; padding: 100px 0; background: #f8fbfc; overflow: hidden; } .about-modern::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 280px; background: linear-gradient( 135deg, var(--tg-primary-color) 0%, #0d8aa0 100% ); opacity: .06; } .section-subtitle{ display: inline-block; color: var(--tg-primary-color); font-size: 15px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px; position: relative; z-index: 2; } .section-title{ font-size: 58px; font-weight: 700; line-height: 1.15; color: var(--heading-color); margin-bottom: 25px; position: relative; z-index: 2; } .section-desc{ font-size: 17px; line-height: 1.9; color: #5f6b7a; margin-bottom: 15px; position: relative; z-index: 2; } .about-box{ height: 100%; background: #fff; border: 1px solid #e7edf3; border-radius: 18px; padding: 35px; transition: all .35s ease; position: relative; z-index: 2; } .about-box:hover{ transform: translateY(-8px); border-color: var(--tg-primary-color); box-shadow: 0 20px 45px rgba(0,0,0,.08); } .about-icon{ width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; background: rgba(14,102,117,.08); color: var(--tg-primary-color); border-radius: 50%; margin-bottom: 20px; } .about-icon i{ font-size: 28px; } .about-box h4{ font-size: 32px; margin-bottom: 15px; color: var(--heading-color); } .about-box p{ margin: 0; color: #5f6b7a; line-height: 1.9; } .commitment-box{ border-left: 5px solid var(--tg-primary-color); } .about-btn{ display: inline-flex; align-items: center; justify-content: center; padding: 16px 35px; border-radius: 12px; background: var(--tg-primary-color); color: #fff; text-decoration: none; font-weight: 600; transition: .3s; } .about-btn:hover{ color: #fff; transform: translateY(-3px); box-shadow: 0 15px 30px rgba(14,102,117,.25); }
.commitment-box{
    border-left: 4px solid var(--tg-primary-color);
}

.request-area-two{
    background-image: url("https://aluarc.in/storage/about/bradcrumb-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

@media(max-width:991px){

    .about-image{
        padding-left: 20px;
        padding-top: 20px;
    }

    .about-image::before{
        width: 120px;
        height: 120px;
    }
    .about-modern{ padding: 70px 0; } .section-title{ font-size: 40px; } .about-box{ padding: 25px; } .about-box h4{ font-size: 26px; }

}

/* Responsive */
@media(max-width:768px){
section.about-area-seven,.testimonial-bg-two{
padding : var(--section-space) 0 ! important;
}

    .testimonial-area-two .section-title-two .sub-title {
        color: #ffffff ! important;
    }
    .section-title-two.white-title.text-center.mb-50.tg-heading-subheading.animation-style3
    {
    margin-bottom : 20px;
    }



 .about-image{
        padding-left: 15px;
        padding-top: 15px;
    }

    .about-image::before{
        width: 90px;
        height: 90px;
    }

    .about-box{
        padding: 20px;
    }

    .video-showcase{
        height:400px;
    }

    .play-btn{
        width:100px;
        height:100px;
        font-size:18px;
    }

    .play-btn::before{
        width:125px;
        height:125px;
    }
}