#hero-section .hero-video {
    aspect-ratio: 286/286;
    max-height: 286px;
    margin-inline: auto;
}

@media (min-width: 992px) {
    #hero-section .hero-video {
        margin-left: -64px;
        aspect-ratio: 590/590;
        max-height: 590px;
    }
}

#hero-section .hero-title {
    letter-spacing: -1.26px;
}

#hero-section .hero-video::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='764' height='765' viewBox='0 0 764 765' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cmask id='mask0_699_5130' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='134' y='112' width='543' height='542'%3E%3Ccircle cx='406' cy='383' r='271' fill='url(%23paint0_radial_699_5130)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_699_5130)'%3E%3Cpath d='M245.293 61.7793V688.796' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M290.725 61.7793V688.796' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M336.158 61.7793V688.796' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M381.591 61.7793V688.796' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M427.023 61.7793V688.796' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M472.456 61.7793V688.796' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M517.888 61.7793V688.796' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M563.321 61.7793V688.796' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M608.754 61.7793V688.796' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M199.86 61.7793V688.796' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M154.427 61.7793V688.796' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M654.186 61.7793V688.796' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M672.226 227.733L91.6236 227.733' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M672.226 276.797L91.6236 276.797' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M672.226 325.862L91.6236 325.862' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M672.226 374.927L91.6236 374.927' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M672.226 423.991L91.6236 423.991' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M672.226 473.056L91.6236 473.056' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M672.226 522.12L91.6236 522.12' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M672.226 571.185L91.6236 571.185' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M672.226 620.25L91.6236 620.249' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M672.226 178.668L91.6236 178.668' stroke='%23999999' stroke-width='0.975'/%3E%3Cpath d='M672.226 129.604L91.6236 129.603' stroke='%23999999' stroke-width='0.975'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_699_5130' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(406 383) rotate(90) scale(271)'%3E%3Cstop/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    border-radius: 590px;
}

@media (min-width: 992px) {
    #hero-section .hero-title {
        letter-spacing: -2.52px;
    }
}

#hero-section .hero-description {
    max-width: 550px;
}


#product-section .product-title {
    letter-spacing: -0.84px;
}

@media (min-width: 1250px) {
    #product-section .product-title {
        letter-spacing: -1.44px;
    }
}

#product-section .product-description {
    max-width: 346px;
}

/* Swiper Styles */
#product-section .carousel-swiper-product {
    width: 100%;
    height: 100%;
}

#product-section .carousel-swiper-product .swiper-slide {
    height: auto;
}

#product-section .product-card-wrapper {
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

#product-section .product-card-wrapper:hover {
    border: 1px solid #EFEFEF;
}

#product-section .product-card {
    min-height: 212px;
    position: relative;
}

#product-section .product-card::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 91px;
    height: 91px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="91" height="91" viewBox="0 0 91 91" fill="none"><path d="M23.5478 66.8436L1.93262 45.2078H45.4389H45.8526V45.6219V89.1708L24.2379 67.5344L24.0195 67.3163L23.7656 67.0622L23.5478 66.8436ZM46.1064 45.2078L45.8526 44.9537L45.6347 44.735L1.93262 0.990723H90.0264V89.1708L46.3249 45.4259L46.1064 45.2078ZM23.352 67.3163H23.7656V67.7304V89.1708L1.93262 67.3163H23.352Z" fill="white" fill-opacity="0.02" stroke="url(%23paint0_linear_319_8337)"/><defs><linearGradient id="paint0_linear_319_8337" x1="45.9795" y1="0.990723" x2="45.9795" y2="89.1708" gradientUnits="userSpaceOnUse"><stop stop-color="%23EFEFEF"/><stop offset="0.528846" stop-color="%23EFEFEF"/><stop offset="1" stop-color="%23F2F2F2" stop-opacity="0.8"/></linearGradient></defs></svg>');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

#product-section .product-card-wrapper {
    background-color: #FFFFFF;
}

#product-section .product-card-wrapper:hover {
    background-color: #d31f22;
    transition: all 0.3s ease;
}

#product-section .product-card-wrapper:hover .card-content {
    color: #232323;
    transition: all 0.3s ease;
}

#product-section .product-card-wrapper:hover .card-content {
    color: #FFFFFF;
    transition: all 0.3s ease;
}

#product-section .product-card-wrapper .card-title,
#product-section .product-card-wrapper .card-description {
    color: #232323;
    transition: all 0.3s ease;
}

#product-section .product-card-wrapper:hover .card-title,
#product-section .product-card-wrapper:hover .card-description {
    color: #fff;
    opacity: 1;
    transition: all 0.3s ease;
}

#product-section .product-card-wrapper:hover .product-card::before {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

#product-section .product-icon {
    height: 40px;
    width: 40px;
    transition: all 0.3s ease;
}

#product-section .product-card-wrapper:hover .product-icon {
    filter: brightness(0) invert(1);
    transition: all 0.3s ease;
}

#product-section .card-description {
    opacity: 0.7;
    transition: all 0.3s ease;
}

@media (min-width: 992px) {
    #product-section .card-description {
        overflow-y: auto;
    }

}





#expertise-section .expertise-title {
    letter-spacing: -1.44px;
    line-height: 100%;
    max-width: 550px;
    font-weight: 600;
}


#expertise-section .expertise-card-wrapper {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23EFEFEF' stroke-width='1' stroke-dasharray='23.54 23.54' stroke-linecap='round'/%3e%3c/svg%3e");
    max-width: 450px;
    margin-inline: auto;
}


#expertise-section .expertise-card-title {
    line-height: 150%;
    font-weight: 600;
    transition: all 0.3s ease;
}

@media (min-width: 1024px) {
    #expertise-section .expertise-card-title {
        letter-spacing: -3.2px;
    }
}


#expertise-section .expertise-card-wrapper:hover .expertise-card-title {
    color: var(--bs-primary);
}

#expertise-section .expertise-card-description {
    transition: all 0.3s ease;
    opacity: 0.7;
}

#expertise-section .expertise-card-wrapper:hover .expertise-card-description {
    color: var(--bs-gray-dark);
    opacity: 1;
}


#marquee-section .marquee-item {
    min-width: 220px;
}

#marquee-section .marquee-image {
    max-width: 120px;
    max-height: 80px;
    width: 100%;
    height: 100%;

}




#testimonial-section .testimonial-title {
    letter-spacing: -0.96px;
    max-width: 930px;
}

/* Testimonial Swiper Styles */
#testimonial-section .carousel-swiper-testimonial {
    width: 100%;
    height: 100%;
}

#testimonial-section .carousel-swiper-testimonial .swiper-slide {
    height: auto;
}

@media (min-width: 1250px) {
    #testimonial-section .testimonial-title {
        letter-spacing: -1.92px;
    }
}

#testimonial-section .testimonial-card-wrapper {
    background: #FDFDFD;
    border: 1px solid #EFEFEF;
}

#testimonial-section .testimonial-card-author-image {
    width: 36px;
    height: 36px;
    border-radius: 4px;
}

#testimonial-section .testimonial-card-description,
#testimonial-section .testimonial-card-author-position {
    opacity: 0.7;
}




#form-section .form-section-wrapper {
    border: 1px solid rgba(153, 153, 153, 0.20);
}

#form-section .form-title {
    letter-spacing: -1.44px;
    line-height: 100%;
}


#testimonial-section .testimonial-card-description,
#expertise-section .expertise-card-description,
#product-section .product-description,
#product-section .card-description,
#form-section .form-description {
    max-height: 250px;
    overflow-y: auto;
}

#hero-section .hero-description {
    max-height: 350px;
    overflow-y: auto;
}

@media (min-width: 992px) {

    #testimonial-section .testimonial-card-description,
    #expertise-section .expertise-card-description,
    #product-section .product-description,
    #product-section .card-description,
    #form-section .form-description {
        max-height: 350px;
    }

    #hero-section .hero-description {
        max-height: 550px;
    }

}