/* ======================================================
=========================================================
                    ABOUT US SOC
=========================================================
====================================================== */
.aboutus-card {
    padding: 28px 20px;
    position: relative;
    height: auto;
}

.aboutus-card::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 40%;
    background: linear-gradient(to bottom, #E11C5C, #141111);
    backdrop-filter: blur(7.24px);
    -webkit-backdrop-filter: blur(7.24px);
    top: 0;
    left: 0;
    border-radius: 20px;
    z-index: -1;
}

.aboutus-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 1px;
    background: linear-gradient(to bottom right, var(--white), var(--color-060505) 60%);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    z-index: -1;
}

.aboutus-card .profile-wrapper {
    border-bottom: 2px solid var(--color-BE1818-50);
    padding-bottom: 20px;
}

.aboutus-card .profile-bottom .profile-video-wrapper {
    padding-top: 22px;
}

.aboutus-card .profile-card-shadow {
    width: 250px;
    height: 226px;
    background: linear-gradient(-59deg, var(--primary-color), transparent 45%);
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.aboutus-card .profile-card-shadow::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    backdrop-filter: blur(7.24px);
    -webkit-backdrop-filter: blur(7.24px);
    top: 0;
    left: 0;
    border-radius: 20px;
    z-index: 0;
}

/* ======================================================
=========================================================
                    ABOUT COLOR SOC
=========================================================
====================================================== */
.row-col-sec {
    padding: 52px 0;
}

.row-col-sec .row-col-wrapper .row-col-content-wrapper {
    margin-right: 124px;
    z-index: 1;
}

.row-col-sec .row-col-wrapper .row-col-reverse-content-wrapper {
    margin-left: 124px;
}

@media (max-width:1599.98px) {

    /* ======================================================
  =========================================================
                  ABOUT US SOC
  =========================================================
  ====================================================== */
    

    .aboutus-card .aboutus-card-logo {
        max-width: 100px;
    }

    /* ======================================================
  =========================================================
                  ABOUT COLOR SOC
  =========================================================
  ====================================================== */
    .row-col-sec .row-col-wrapper .row-col-content-wrapper {
        margin-right: 100px;
    }

    .row-col-sec .row-col-wrapper .row-col-reverse-content-wrapper {
        margin-left: 100px;
    }

}

@media(max-width:1599.98px) and (min-width:1200px) {
    .aboutus-card .font-24 {
        font-size: 17px;
    }

    .aboutus-card .h5 {
        font-size: 28px;
    }

}

@media (max-width:1399.98px) {

    /* ======================================================
  =========================================================
                    OUR SERVICES SOC
  =========================================================
  ====================================================== */
    .about-us-sec .about-us-wrapper {
        padding-bottom: 70px;
    }

    .ourService-img-wrapper .about-us-img {
        min-height: 420px;
    }

    /* ======================================================
  =========================================================
                  ABOUT COLOR SOC
  =========================================================
  ====================================================== */
    .row-col-sec .row-col-wrapper .row-col-content-wrapper {
        margin-right: 70px;
    }

    .row-col-sec .row-col-wrapper .row-col-reverse-content-wrapper {
        margin-left: 70px;
    }

}

@media (max-width:1199.98px) {

    /* ======================================================
  =========================================================
                    OUR SERVICES SOC
  =========================================================
  ====================================================== */
    .about-us-sec .about-us-wrapper {
        padding-bottom: 60px;
    }

    .ourService-img-wrapper .about-us-img {
        min-height: 350px;
    }

    /* ======================================================
  =========================================================
                  ABOUT COLOR SOC
  =========================================================
  ====================================================== */
    .row-col-sec,
    .our-vision-sec {
        padding: 48px 0;
    }

    .row-col-sec .row-col-wrapper .row-col-content-wrapper {
        margin-right: 50px;
    }

    .row-col-sec .row-col-wrapper .row-col-reverse-content-wrapper {
        margin-left: 50px;
    }

}

@media (max-width:991.98px) {

    /* ======================================================
  =========================================================
                  ABOUT US SOC
  =========================================================
  ====================================================== */
    

    .aboutus-card .aboutus-card-logo {
        max-width: 80px;
    }

    /* ======================================================
  =========================================================
                    OUR SERVICES SOC
  =========================================================
  ====================================================== */
    .ourService-img-wrapper .about-us-img {
        min-height: 300px;
    }

    /* ======================================================
  =========================================================
                  ABOUT COLOR SOC
  =========================================================
  ====================================================== */
    .row-col-sec .row-col-wrapper .row-col-content-wrapper {
        margin-right: 0px;
        margin-bottom: 50px;
    }

    .row-col-sec .row-col-wrapper .row-col-reverse-content-wrapper {
        margin-left: 0;
        margin-bottom: 50px;
    }

    .row-col-wrapper .row-col-img,
    .our-vision-wrapper .our-vision-img {
        max-height: 700px;
    }

}

@media (max-width:767px) {


    /* ======================================================
  =========================================================
                    OUR SERVICES SOC
  =========================================================
  ====================================================== */
    .about-us-sec .about-us-wrapper {
        padding-bottom: 50px;
    }

    .ourService-img-wrapper .about-us-img {
        min-height: 260px;
    }

    /* ======================================================
  =========================================================
                  ABOUT COLOR SOC
  =========================================================
  ====================================================== */
    .row-col-sec .row-col-wrapper .row-col-content-wrapper,
    .row-col-sec .row-col-wrapper .row-col-reverse-content-wrapper {
        margin-bottom: 40px;
    }

}

@media (max-width:575px) {

    

    /* ======================================================
  =========================================================
                  ABOUT COLOR SOC
  =========================================================
  ====================================================== */
    .row-col-sec,
    .our-vision-sec {
        padding: 40px 0;
    }

    .row-col-sec .row-col-wrapper .row-col-content-wrapper,
    .row-col-sec .row-col-wrapper .row-col-reverse-content-wrapper {
        margin-bottom: 28px;
    }

}