/* .about-us-page{
    padding: 0vw 0 100vw;
} */
.about-header-parent{
    background: url('/assets/images/aboutUs/about-us-header-img.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 14vw 0 0;
    height: 96vh;
}
.about-header-parent .header-inner-container{
    position: relative;
}
/* .about-header-parent .header-inner-container .curve-img-div{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */
.about-header-parent .header-inner-container .heading{
    font-family: 'FuturaCyrillicBold';
    font-size: 3.752vw;
}
.about-header-parent .header-inner-container .header-text{
    font-family: 'FuturaCyrillicBold';
    font-size: 2.345vw;
    margin-top: 1vw;
    margin-bottom: 0;
    color: #18288D;
}
.about-header-parent .header-inner-container .header-paragraph{
    font-family: 'Futur-medium';
    font-size: 1.355vw;
    color: #2C2C2C;
    margin: 1.5vw 0;
}
.about-header-parent .header-inner-container .learn-more-btn{
    padding: 0.7vw 1vw;
    background: #18288D;
    color: #FFF;
    font-family: 'Futur-medium';
    font-size: 0.8336vw;
    border-radius: 8px;
}
.about-header-parent .header-inner-container .learn-more-btn .right-chervon{
    display: inline-block;
    width: 0.5vw;
    margin-left: 1vw;
}

.software-provider-section{
    padding: 0vw 0vw 6vw;
}
.software-provider-section .heading{
    /* font-family: 'Futur-medium'; */
    font-family: 'FuturaCyrillicDemi';
    font-size: 1.563vw;
    color: #18288D99;
    width: 55%;
    margin: 0 auto;
    text-align: center;
}
.software-provider-section .card-row{
    display: flex;
    justify-content: space-between;
    margin-top: 4.5vw;
}
.software-provider-section .card-row .card-col{
    width: 30%;
    flex: 0 0 30%;
}
.software-provider-section .card-row .card{
    border-radius: 20px;
    background: linear-gradient(173deg, rgba(151, 71, 255, 0.15) 4%, rgba(255, 255, 255, 0.00) 94.79%);
    padding: 1vw 1.5vw;
    border: 0;
}
.software-provider-section .card-row .card .card-heading{
    font-family: 'Futur-medium';
    position: relative;
    /* font-size: 1.355vw; */
    font-size: 1.146vw;
    margin: 1vw 0 1vw;
}
.software-provider-section .card-row .card .card-heading::before{
    content: '';
    position: absolute;
    left: -1rem;
    top: 0.85rem;
    height: 1.5rem;
    width: 1px;
    background: #18288D;
}
.software-provider-section .card-row .card .card-text{
    font-family: 'Futur-medium';
    color: #2C2C2C;
    font-size: 0.94vw;
}

/* Our Mission */
.our-mission-section{
    padding-bottom: 3vw;
}
.our-mission-inner-section{
    background: url('/assets/images/aboutUs/our-mission-section-bg.webp');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 6vw 2vw;
}
.our-mission-inner-section .heading{
    font-family: 'FuturaCyrillicBold';
    font-size: 2.345vw;
}
.our-mission-inner-section .paragraph{
    font-size: 1.355vw;
    width: 80%;
    margin: auto;
}
.our-mission-inner-section .our-mission-image{
    width: 25vw;
    height: auto;
}
.our-mission-inner-section .mission-parameter-col .card{
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.30);
    box-shadow: 12px 12px 100px 0px rgba(0, 0, 0, 0.08);
    border: none;
    padding: 1vw 1vw 1vw 3.5vw;
    position: relative;
    height: 7vw;
    display: flex;
    justify-content: center;
    margin-top: 2vw;
}
.our-mission-inner-section .mission-parameter-col .card .card-heading{
    font-family: 'Futur-medium';
    font-size: 1.355vw;
}
.our-mission-inner-section .mission-parameter-col .card .card-text{
    font-family: 'Futura-Light';
    font-size: 0.94vw;
}
.our-mission-inner-section .mission-parameter-col .card .card-no-div{
    width: 3.5vw;
    height: 3.5vw;
    background: #F7F7FF;
    filter: drop-shadow(12px 12px 100px rgba(117, 63, 251, 0.08));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-50%, -50%);
}
.our-mission-inner-section .mission-parameter-col .card .card-no-div .number-style{
    font-family: 'Futur-medium';
    font-size: 1.3025vw;
    margin-bottom: 0;
}

.success-stories-section{
    background: url('/assets/images/aboutUs/success-stories-bg.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10vw 0 15vw;
}
.success-stories-section .heading{
    font-family: 'FuturaCyrillicBold';
    font-size: 2.345vw;  
}
.success-stories-section .text{
    font-family: 'Futur-medium';
    font-size: 1.355vw;
}
.success-stories-section .success-stories-carousel-parent .carousel{
    padding-bottom: 4vw;
}
.success-stories-section .success-stories-carousel-parent .card-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3vw;
}
.success-stories-section .success-stories-carousel-parent .card{
    border-radius: 10px;
    background: #504CD5;
    border: none;
    width: 100%;
    padding: 1vw;
}
.success-stories-section .success-stories-carousel-parent .card .card-profile-row{
    display: flex;
    align-items: center;
}
.success-stories-section .success-stories-carousel-parent .card .card-profile-row .profile-picture-div{
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
}
.success-stories-section .success-stories-carousel-parent .card .card-profile-row .prifuiile-name{
    font-size: 1.042vw;
    font-family: 'Futur-medium';
}
.success-stories-section .success-stories-carousel-parent .card .card-body-text{
    font-size: 1.042vw;
    font-family: 'Futur-medium';
}
.success-stories-section .success-stories-carousel-parent .card .designation-text{
    font-family: 'Futura-Light';
    font-size: 0.94vw;
    margin-top: 1vw;
}


.synergy-telecom-section{
    padding: 6vw 0;
}
.synergy-telecom-section .heading {
    font-size: 2.345vw; 
    font-family: 'FuturaCyrillicBold';
    text-align: center;
}
.synergy-telecom-section .synergy-telecom-body{
    justify-content: space-between;
}
.synergy-telecom-section .synergy-telecom-body .synergy-points-left{
    width: 58vw;
    height: 58vw;
    border-radius: 50%;
    background: linear-gradient(173deg, rgba(96, 199, 246, 0.20) 4.25%, rgba(255, 255, 255, 0.00) 176.33%);
    margin-left: -10vw;
    position: relative;
}
.synergy-telecom-section .synergy-points-left .card {
    width: 28vw;
    border-radius: 20px;
    background: #FFF;
    padding: 1vw 2vw;
    border: none;
    position: absolute;
}
.synergy-telecom-section .synergy-points-left .card.first-card{
    left: 18vw;
    top: 8.5vw;
}
.synergy-telecom-section .synergy-points-left .card.second-card{
    left: 23vw;
    top: 22vw;
}
.synergy-telecom-section .synergy-points-left .card.third-card{
    left: 28vw;
    top: 36vw;
}
.synergy-telecom-section .synergy-points-left .card .img-fluid{
    width: 2vw;
    height: auto;
}
.synergy-telecom-section .synergy-points-left .card .card-heading{
    /* font-family: 'FuturaCyrillicDemi'; */
    font-family: 'Futur-medium';
    font-size: 1.355vw;
    position: relative;
    margin-top: 1vw;
}
.synergy-telecom-section .synergy-points-left .card .card-heading::before{
    content: '';
    position: absolute;
    left: -1rem;
    top: 1.2rem;
    height: 1.5rem;
    width: 1px;
    background: #18288D;
}
.synergy-telecom-section .synergy-points-left .card .card-text{
    font-family: 'Futur-medium';
    font-size: 1.146vw;
    color: #2C2C2C;
}
.synergy-telecom-section .right-side-parent{
    position: relative;
    width: calc(100% - 50vw);
}
.synergy-telecom-section .right-side-parent .right-img-div{
    width: fit-content;
    margin-left: auto;
}
.synergy-telecom-section .right-side-parent .right-side-para-div{
    position: absolute;
    width: 35vw;
    left: 30%;
    top: 45%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.synergy-telecom-section .right-side-parent .paragraph-body{
    font-family: 'Futur-medium';
    font-size: 1.355vw;
}

.animated  {
    -webkit-animation-duration : 1000 ms  ;
    animation-duration : 1000 ms  ;
    -webkit-animation-fill-mode : both  ;
    animation-fill-mode : both  ;
} 
.fadeOut  {
    -webkit-animation-name : fadeOut  ;
    animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
    0% {
      opacity : 1   ;
    }  
    100% {
      opacity : 0   ;
    }  
}
@keyframes  fadeOut  {
    0% {
      opacity : 1   ;
    }  
    100% {
      opacity : 0   ;
    }  
}

@media screen and (max-width: 1279px) {
    .about-header-parent {
        height: 35vh;
    }
    .synergy-telecom-section .right-side-parent .right-img-div{
        width: 30vw;
    }
}

@media screen and (max-width: 991px) {
    .about-header-parent {
        height: 135vh;
        background: url('/assets/images/aboutUs/about-us-header-mob-img.webp');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 38vw 0 0;
    }
    .about-header-parent .header-inner-container .heading{
        font-size: 9.50vw;
    }
    .about-header-parent .header-inner-container .header-text{
        font-size: 8vw;
        color: #FFFFFF;
    }
    .about-header-parent .header-inner-container .header-paragraph{
        font-size: 4.5vw;
        color: #FFFFFF;
        margin: 3.75vw 0;
    }
    .about-header-parent .header-inner-container .learn-more-btn{
        font-size: 4vw;
        padding: 1.75vw 2vw;
    }
    .about-header-parent .header-inner-container .learn-more-btn .right-chervon{
        width: 2vw;
        margin-left: 2vw;
    }

    .software-provider-section{
        margin-top: -50vw;
    }
    .software-provider-section .heading{
        font-size: 6.5vw;
        width: 100%;
    }
    .software-provider-section .card-row{
        flex-wrap: wrap;
    }
    .software-provider-section .card-row .card-col {
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: 8vw;
    }
    .software-provider-section .card-row .card {
        padding: 4vw 6.5vw;
    }
    .software-provider-section .card-row .card .card-icon{
        width: 7vw;
    }
    .software-provider-section .card-row .card .card-heading{
        font-size: 4.5vw;
        margin: 3vw 0;
    }
    .software-provider-section .card-row .card .card-heading::before {
        top: 1.85rem;
    }
    .software-provider-section .card-row .card .card-text{
        font-size: 4.5vw;
    }

    .our-mission-inner-section{
        padding: 12vw 2vw;
    }
    .our-mission-inner-section .heading{
        font-size: 7.5vw;
    }
    .our-mission-inner-section .paragraph{
        font-size: 4.5vw;
        width: 100%;
    }
    .our-mission-inner-section .our-mission-image{
        width: 60vw;
        margin: 6vw auto;
    }
    .our-mission-inner-section .mission-parameter-col .card{
        height: 25vw;
        width: 92.5%;
        padding: 2vw 2vw 2vw 10.5vw;
        margin-top: 6vw;
        margin-left: auto;
    }
    .our-mission-inner-section .mission-parameter-col .card .card-no-div .number-style{
        font-size: 3.5vw;
    }
    .our-mission-inner-section .mission-parameter-col .card .card-heading,
    .our-mission-inner-section .mission-parameter-col .card .card-text{
        font-size: 4vw;
    }
    .our-mission-inner-section .mission-parameter-col .card .card-no-div{
        width: 12vw;
        height: 12vw;
    }

    .success-stories-section{
        margin-top: 10vw;
        padding: 20vw 0;
    }
    .success-stories-section .heading{
        font-size: 7.5vw;
    }
    .success-stories-section .text{
        font-size: 4.5vw;
        margin: 6vw 0 10vw;
    }
    .success-stories-section .success-stories-carousel-parent .card .card-profile-row .prifuiile-name,
    .success-stories-section .success-stories-carousel-parent .card .card-body-text{
        font-size: 3vw;
    }

    .synergy-telecom-section{
        overflow: hidden;
    }
    .synergy-telecom-section .heading{
        font-size: 7.5vw;
    }
    .synergy-telecom-section .synergy-telecom-body{
        flex-direction: column;
    }
    .synergy-telecom-section .synergy-telecom-body .synergy-points-left{
        width: 140vw;
        height: 140vw;
        margin-left: -30vw;
    }
    .synergy-telecom-section .synergy-points-left .card{
        width: 70vw;
        padding: 2vw 4vw;
    }
    .synergy-telecom-section .synergy-points-left .card.first-card{
        left: 34vw;
    }
    .synergy-telecom-section .synergy-points-left .card.second-card {
        left: 40vw;
        top: 54vw;
    }
    .synergy-telecom-section .synergy-points-left .card.third-card {
        left: 50vw;
        top: 98vw;
    }
    .synergy-telecom-section .synergy-points-left .card .img-fluid {
        width: 6vw;
    }
    .synergy-telecom-section .synergy-points-left .card .card-heading{
        font-size: 4.5vw;
    }
    .synergy-telecom-section .synergy-points-left .card .card-heading::before {
        top: 0.75rem;
    }
    .synergy-telecom-section .synergy-points-left .card .card-text{
        font-size: 4vw;
    }

    .synergy-telecom-section .right-side-parent {
        margin-left: auto;
    }
    .synergy-telecom-section .right-side-parent .paragraph-body{
        font-size: 4.5vw;
    }
    .synergy-telecom-section .right-side-parent .right-side-para-div {
        position: absolute;
        width: 70vw;
        left: -25%;
        top: 45%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    .synergy-telecom-section .right-side-parent .right-img-div {
        width: 40vw;
    }
}

@media screen and (max-width: 575px) {
    .about-header-parent {
        height: 85vh;
    }
    .synergy-telecom-section .heading{
        margin-bottom: 6vw;
    }
    .software-provider-section .card-row .card .card-heading::before {
        top: 0.75rem;
    }
}

@media screen and (max-width: 575px) and (max-height: 800px){
    .about-header-parent {
        height: 105vh;
    }
}