/* MYCPE ONE STORY Banner */

.Management_Team_Banner {
   background: linear-gradient(106.03deg, #E5DDF1 0%, #DDDDF7 47.5%, #C1E1EC 100%);
   border-radius: 18px;
   padding: 44px 81px;
}

.Management_Team_Banner h1 {
   font-family: Inter;
   font-size: 30px;
   font-weight: 600;
   line-height: 38px;
   text-align: left;
   color: #3E2FB7;
}


/* MYCPE ONE STORY Main */

.About_Us_Bg {
   background: url('../images/new-home/About_Us_Bg.png');
   background-repeat: no-repeat;
   border-radius: 18px;
   background-size: cover;
}

.About_Us_Box {
    background: linear-gradient(278.37deg, #dee3fd2b 0%, #f3ecfd8c 100%);
    border: 1px solid;
    border-image-source: linear-gradient(180deg, #8A75FE -0.01%, #3A58EF 100.01%);
    box-shadow: 2px 4px 12px 0px #00000040;
    border-radius: 18px;
}

.About_Us_Box_Inner {
    padding: 40px;
    border-radius: 18px;
}

.About_Us_Box_Inner h2 {
   background: #EBEEFD;
   border: 1px solid #3A58EF;
   font-family: Inter;
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   text-align: center;
   color: #3E2FB7;
   padding: 10px 20px;
   margin-bottom: 18px;
   display: inline-block;
   border-radius: 8px;
}

.About_Us_Box_Inner h3 {
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    padding-top: 0;
    padding-bottom: 10px;
    color: #3E3C64;
}

.About_Us_Box_Inner p {
   font-family: Inter;
   font-size: 18px;
   font-weight: 400;
   line-height: 28px;
   text-align: center;
   color: #51506E;
   padding-bottom: 30px;
}


/* MYCPE ONE STORY Timeline */

.About_Us_Timeline {
    position: relative;
    margin-bottom: 60px;
}

.About_Us_Timeline img.Timeline_Border_Img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
}

.About_Us_Timeline h3 {
    background: #5849D0;
    padding: 0 25px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #D8DEFC;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 8px;
}

.About_Us_Timeline p {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #51506E;
}

.About_Us_Timeline .Row_1 {
    margin-bottom: 90px;
    margin-top: 50px;
}

.About_Us_Timeline .Row_1 .Row_Left {
    padding-right: 60px;
}

.About_Us_Timeline .Row_1 .Row_Right {
    padding-left: 60px;
}


/* MYCPE ONE STORY Joining Team */

.Joining_Team_Box {
    background: linear-gradient(106.03deg, #E5DDF1 0%, #DDDDF7 47.5%, #C1E1EC 100%);
    padding: 44px 80px;
    border-radius: 8px;
    margin: 60px 0;
 }
 
 .Joining_Team_Box h1, .Joining_Team_Box h2 {
    font-family: Inter;
     font-size: 36px;
     font-weight: 600;
     line-height: 44px;
     letter-spacing: -0.02em;
     text-align: left;
     color: #3E2FB7;
     padding-bottom: 60px;
     text-transform: inherit;
     padding-right: 50px;
 }
 
 .Joining_Team a.Learn_More_Btn {
    border: 1px solid #3a58ef;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    padding: 12px 20px;
    color: #3a58ef;
    display: inline-block;
    border-radius: 4px;
    transition: all ease-out 0.3s;
 }

 .Joining_Team a.Learn_More_Btn:hover {
    background: #3a58ef;
    color: #fff;
 }

 @media (max-width:767px) { 
    .About_Us_Timeline .Row_1 {
        margin-bottom: 50px;
        margin-top: 0px;
    }

    .About_Us_Timeline .Row_1 .Row_Left {
        padding-right: 0;
        padding-left: 30px;
    }

    .About_Us_Timeline .Row_1 .Row_Right {
        padding-left: 30px;
    }

    .About_Us_Timeline .Row_1 .Row_Right h3 {
        margin-left: 10px;
    }

    .About_Us_Timeline .Row_1 .Row_Right p {
        padding: 0 10px 10px;
    }

    .About_Us_Timeline .Row_1 .Row_Left h3 {
        margin-left: 10px;
    }

    .About_Us_Timeline .Row_1 .Row_Left p {
        padding: 0 10px 10px;
    }

    .About_Us_Timeline img.Timeline_Border_Img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        text-align: center;
    }

    .Management_Team_Banner {
        background: linear-gradient(106.03deg, #E5DDF1 0%, #DDDDF7 47.5%, #C1E1EC 100%);
        border-radius: 18px;
        padding: 20px 20px;
    }

    .Management_Team_Banner h1 {
        font-family: Inter;
        font-size: 20px;
        font-weight: 600;
        line-height: inherit;
    }

    .About_Us_Box_Inner {
        padding: 20px;
    }

    .About_Us_Box_Inner p {
        padding-bottom: 20px;
    }

    .Joining_Team_Box {
        background: linear-gradient(106.03deg, #E5DDF1 0%, #DDDDF7 47.5%, #C1E1EC 100%);
        padding: 20px 20px;
        border-radius: 8px;
        margin: 30px 0;
    }

}