/* => (AU_) Short for About Us <= */
.AU_FirstSection {
    width: 100%;
    height: 402px;
}

.AU_FirstSection-Img {
    width: 100%;
    height: 580px;
    object-fit: cover;
}


/*padding  for shape*/
.p_Shape {
    padding: 24px 50px;
}

/*Font Size & whight for title*/
.Title {
    font-size: 27px;
    font-weight: 600;
}

.subtitle {
    font-size: 16px;
    font-weight: 500;
    color: #111111BF;
}

.pt24 {
    padding-top: 24px;
}


.Au_Section2Img {
    width: 65%;
}

.W70-50Mob {
    width: 70%;
}

.W30-50Mob {
    width: 30%;
}

.Show-Tab {
    display: none;
}

.Show-mob {
    display: none;
}


.Bottom_title_ML {
    margin: 0px auto 0px 50px;
}

.Section3_BG {
    background-image: url("/Assets/AboutUs-Page/Waves3.svg");
    background-size: 50%;
    background-position: right;
    background-repeat: no-repeat;
    /*height: 500px;*/
}

.rotating-circle-container2 {
    position: relative;
    width: 100px !important;
    height: 100px;
    left: 47px;
    top: 33%;
}

.S4-Img1 {
    height: 100%;
    width: 69%;
}

.container_mirror {
    width: 100%;
    height: fit-content;
    min-height: 250px;
    background-color: white;
}

.custom-rectangle_Top_mirror,
.custom-rectangle_Bottom_mirror {
    width: 60%;
    align-self: end;
    /* flip to right side */
    height: 80px;
    background-color: white;
}

.custom-rectangle_Top_mirror {
    position: relative;
    bottom: -1px;
    /* Mirrored horizontally from previous shape */
    clip-path: polygon(100% 0%,
    /* mirror of 0% 0% */
    22.89% 0.55%,
    /* mirror of 77.11% */
    20.84% 1.81%,
    /* mirror of 79.16% */
    18.89% 7.46%,
    /* mirror of 81.11% */
    1.31% 100.00%,
    /* mirror of 98.69% */
    100% 100%);
}
.AU-Section5BG {
    height: 684px;
    width: 100%;
}
.custom-rectangle_Bottom_mirror {
    position: relative;
    bottom: 1px;
    /* Mirrored horizontally from the symmetrical bottom */
    clip-path: polygon(100% 0%, 1.31% 0%,
    /* mirror of 98.69% 0% */
    18.89% 92.54%,
    /* mirror of 81.11% 92.54% */
    20.84% 98.19%,
    /* mirror of 79.16% 98.19% */
    22.89% 99.45%,
    /* mirror of 77.11% 99.45% */
    100% 100%);
}












/*ImgShape*/
.col_img {
    position: relative;
    width: 100%;
    /* or 100% if you want full screen */
    height: 604px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    z-index: 1;
}


    .col_img::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('/assets/bgITf.png');
        /* Replace with your image path */
        background-size: cover;
        background-position: center;
        z-index: 0;
    }


.container_img {
    width: 100%;
    height: fit-content;
    min-height: 250px;
    background-color: white;
}

.custom-rectangle_Top_img,
.custom-rectangle_Bottom_img {
    width: 60%;
    align-self: start;
    height: 80px;
    background-color: white;
}

.custom-rectangle_Top_img {
    /*  bottom: -80px;*/
    position: absolute;
    clip-path: polygon(0% 0%, 77.11% 0.55%, 79.16% 1.81%, 81.11% 7.46%, 98.69% 100.00%, 0% 100%);
}

.custom-rectangle_Bottom_img {
    top: -80px;
    position: relative;
    /* Mirrored vertically (symmetrical) version of .custom-rectangle_Top */
    clip-path: polygon(0% 0%, 98.69% 0%,
    /* mirror of 98.69% 100% */
    81.11% 92.54%,
    /* mirror of 81.11% 7.46% */
    79.16% 98.19%,
    /* mirror of 79.16% 1.81% */
    77.11% 99.45%,
    /* mirror of 77.11% 0.55% */
    0% 100%);
}

.custom-rectangle_Bottom_img,
.custom-rectangle_Top_img {
    transform: rotate(180deg);
    align-self: end;
}


.H-470 {
    height: 470px;
}

.Section6-overlayDiv {
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    justify-self: center;
    width: 80%;
    background: #00000063;
    height: 50%;
    align-self: center;
    position: absolute;
    top: 58%;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    /* left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    justify-self: center;
    width: 80%;
    background: #00000063;
    height: 30%;
    align-self: center;
    position: absolute;
    top: 27%;
    border-radius: 16px;
    display: flex;
    justify-content: center;*/
}

.mt25 {
    margin-top: 25px;
}

.overlayDiv-Content {
    width: 100%;
    justify-self: center;
    justify-content: center;
    align-items: center;
    height: 80%;
    align-self: center;
    align-content: center;
}

.WordToggleFont {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
}

/*.square_clipped {
    display: flex;
    justify-content: end;
    align-items: end;
    width: 25%;
    height: 200px;
    background-color: #ffffff;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(51, 51, 51);
    border-top: none;
    clip-path: polygon(0px 20px, 42% 10%, 55% 25%, 100% 50px, 100% 100%, 0px 100%);
    box-sizing: border-box;
}*/

/*.square-clipped-text {
    width: 100%;
    text-align: start !important;
    font-weight: 600;
    color: #111111BF;
    font-size: 11px;
    padding: 0px 15px 0px 15px;
}*/

.quarter-circle {
    position: relative;
    width: 80px;
    height: 70px;
    background-color: #D43939;
    border-top-left-radius: 100px;
    text-decoration: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.Section3Icon {
    padding-left: 10px;
    width: 50px;
    padding-top: 15px;
}

.GrayCircle {
    width: 40px;
    height: 40px;
    background: #D8D8D8;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 50%;
}

.GrayCircle-Text {
    /*  font-size: 14px;*/
    font-size: 16px;
    color: #111111BF;
    font-weight: 500;
    padding-left: 20px;
}

.Section4-hr {
    width: 85%;
    justify-self: center;
}

.Section5BG {
    background-image: url("/Assets/AboutUs-Page/Section5BG.svg");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    height: 500px;
}



.toggle-btn {
    padding: 0px;
    height: 50% !important;
    margin: 3px 10px;
    border: 0px solid;
    height: 30%;
    width: 8px;
    transition: 0.3s;
}

    .toggle-btn.active {
        background-color: #B00505;
        color: white;
    }

.content-div {
    display: none;
    min-width: 320px;
    background: white;
    min-height: 140px;
    border-radius: 6px;
    padding: 10px;
    font-size: 13px;
}

    .content-div.active {
        display: flex;
    }


.word {
    cursor: pointer;
    color: white;
    margin: 0 10px;
    transition: 0.3s;
}

.Textcursor {
    cursor: text
}

.word.active {
    color: #B00505;
}

.Section5row {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.Section5-SubText {
    color: #363C3C;
    font-weight: 500;
    /*    font-size: 14px;*/
    font-size: 16px;
}

.Au-S6-BG {
    background-image: url("/Assets/AboutUs-Page/S6Bg.svg");
    background-size: 15%;
    background-position: right top;
    background-repeat: no-repeat;
    /* height: 400px;*/
}

.s6 {
    justify-content: center;
    width: 100%;
    gap: 0px;
}
.w29{
    font-size:29px;
}
.w90 {
    width: 80%;
}
.S5Btn {
    font-size: 34px !important;/*new*/
    justify-self: center;
    width: fit-content;
    display: flex;
    align-self: center;
}
.S6-Text {
    margin-top: 30px;
    justify-content: center;
    display: flex;
    margin-bottom: 30px;
}

.Center {
    justify-content: center;
    display: flex;
}

.Au-S7 {
    padding: 0px 60px;
    background-image: url("/Assets/AboutUs-Page/S7_BG.svg");
    /*  background-size: 100%;*/
    /*    background-position: left ;*/
    width: 100%;
    height: 505px;
    background-repeat: no-repeat;
    display: flex;
}

.Au-CardInputs {
    background: white;
    /*  height: 75%;*/
    width: 45%;
    align-self: center;
    justify-self: center;
    padding: 15px;
    border-radius: 16px;
}

.Au-s5LastText {
    margin-top: 10px;
    margin-left: 13px;
    color: #919191;
    font-size: 12px !important;
}

.CustomInput {
    padding: 0px 0px 0px 10px;
    width: 50%;
    border: 1px solid #00000066;
    border-radius: 4px;
    height: 30px;
    font-size:13px;
}
.AU_whiteBG{
    background-color: white !important;
}
.CustomTextArea {
    height: 90px !important;
    padding: 5px 0px 0px 10px;
    width: 100%;
    border: 1px solid #00000066;
    border-radius: 4px;
    height: 30px;
    font-size: 13px;
}

textarea::placeholder {
    font-size: 12px;
}

textarea:focus {
    box-shadow: none;
    /*  box-sizing: unset;*/
    outline: none;
}

.CustomInput:focus {
    box-shadow: none;
    /*  box-sizing: unset;*/
    outline: none;
}

input::placeholder {
    font-size: 12px;
}

.LineHeight24 {
    /*    line-height: 24px;*/
    line-height: 26px;
}



@media (max-width: 850px) {
   
    .S4-Img1 {
        width: 85%;
    }
    .s6 {
        justify-content: center;
        width: 100%;
        gap: 0px;
    }

    .p_Shape {
        padding: 24px 30px;
    }
    .Bottom_title_ML {
        margin: 0px auto 0px 30px;
    }
    .rotating-circle-container2 {
        position: relative;
        width: 80px !important;
        height: 80px !important;
        left: 40px;
        top: 33%;
    }

    .rotateImg {
        width: 43%;
    }

    .Au-CardInputs {
        width: 60%;
    }

    .Show-Tab {
        display: block;
    }

    .hidden-Tab {
        display: none;
    }

    .Au-S7 {
        BACKGROUND-POSITION-X: 15%;
    }

    .AU_FirstSection-Img {
        width: 100%;
        height: 340px;
       /* object-fit: fill;*/
    }

    .AU_FirstSection {
        width: 100%;
        height: 260px;
    }
}

@media (max-width: 769px) {
    .w90 {
        width: 80%;
    }
    .content-div {
        min-width: 260px;
    }

    .quarter-circle {
        position: relative;
        width: 50px;
        height: 40px;
    }

    .square_clipped {
        width: 35%;
    }

    .Section3Icon {
        width: 35px;
        padding-top: 6px;
    }

    .rotateImg {
        width: 70px;
    }

    .Au_Section2Img {
        width: 150px;
    }
}

@media (max-width: 767px) {

    .s6 {
       /* gap: 20px;*/
        justify-content: start;
        justify-self: center;
    }
    /*.Section6-overlayDiv {
        top: 29%;
    }*/
}

@media (max-width: 600px) {
    .w29 {
        font-size: 22px;
    }
    .Aligncenter-Mob {
        align-items: center;
        display: flex;
    
    }
    .WhatMakesDeferent {
        width: 70%;
        justify-self: center;
        display: flex;
        align-self: center;
    }
    
    .w90 {
        width: 50%;
    }
    .Au-S7 {
        height: 485px;
    }

    .Au-CardInputs {
       /* width: 85%;*/
width:100%;
    }

    .leftMobile {
        align-self: start !important;
    }

    .Show-mob {
        display: block;
    }

    .hidden-mob {
        display: none;
    }

    .W70-50Mob {
        width: 50%;
    }

    .W30-50Mob {
        width: 50%;
    }

    .p_Shape {
        padding: 24px 10px;
    }

    .Title {
        font-size: 20px;
    }

    .square_clipped {
        width: 50%
    }

    .Section3_BG {
        background-image: none;
    }

    .overlayDiv-Content {
        flex-direction: column !important;
    }

    .Section6-overlayDiv {
        height: 65%;
        width: 98%;
    }

    .H-470 {
        height: auto;
    }

    .S4-Img {
        margin-bottom: 20px;
        justify-content: center;
        display: flex;
    }

    .Bottom_title_ML {
        margin: 0px auto 0px 10px;
    }

    .WordToggleFont {
        margin-bottom: 10px
    }
    /*  .Section6-overlayDiv {
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 5;
        justify-self: center;
        width: 80%;
        background: #00000063;
        height: 15%;
        align-self: center;
        position: absolute;
        top: 11.5%;
        border-radius: 16px;
        display: flex;
        justify-content: center;
    }*/
}

@media (max-width: 500px) {
    .Au-S7 {
        BACKGROUND-POSITION-X: 21%;
    }
}

@media (max-width: 450px) {
    .square_clipped {
        width: 60%;
    }
}

@media (max-width: 350px) {
    .w90 {
        width: 60%;
    }
    .Au_Section2Img {
        width: 115px;
    }
    .Title {
        font-size: 15px;
    }
    .square_clipped {
        width: 85%;
    }
}


.Shapecontainer.Au-S6-BG {
    position: relative;
    z-index: 1;
}

.team-slider-container {
    position: relative;
    z-index: 2;
}
.team-showOnHover.team-visible .team-person-name {
    font-size: 20px;
}

.team-showOnHover.team-visible .team-person-title {
    font-weight: 600;
}