.page-header h1{
    font-family: 'poppins' !important;
    font-weight: 500;
}
.page-header p{
    color: white;
}
.about{
    background: #EFFFF7;
}

.sec-3 img, .sec-5 img, .sec-6 img{
    margin-left: 4%;
}
.sec-5 ul, .sec-6 ul{
    list-style-type: none;
    padding: 0%;
    margin: 0%;
    margin-bottom: 9%;
}
.sec-5 .logo, .sec-6 .logo{
    /* background: url(/static/icons/design-thinking1.png) no-repeat top left; */
    height: 4vw;
    padding-top: 1%;
    padding-left: 8%;
}
.sec-3 h2, .sec-5 h2, .sec-6 h2{
    font-family: 'poppins' !important;
    font-weight: 400;
}
.sec-3 p, .sec-5 p, .sec-6 p{
    color: rgba(0, 0, 0, 0.75);
}
.sec-3 li, .sec-5 li, .sec-6 li{
    color: rgba(0, 0, 0, 0.75);
}
.sec-3 , .sec-5, .sec-6{
    color: black;
}
.sec-3 a, .sec-5 a, .sec-6 a{
    font-family: 'Poppins' !important;
    font-weight: 500;
    background: linear-gradient(90deg, #556CDF 13%, #102380 122.13%);
}

.sec-4 h1, .sec-7 h1{
    font-weight: 400;
}
.sec-4 h4, .sec-7 h4{
    font-size: 1.2rem;
    font-weight: 300;
    font-family: 'Poppins' !important;
}
.sec-4 p, .sec-7 p{
    color: rgba(0, 0, 0, 0.75);
}
.sec-4 a, .sec-7 a{
    font-weight: 600;
    font-family: 'Poppins' !important;
    text-decoration: none;
    color: #24389B;
}
.sec-4 .card, .sec-7 .card-transparent{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.sec-6 .row{
    background-color: white;
}

.sec-7 .card-transparent {
    width: 25%;
    padding-top: calc(var(--bs-gutter-x) / 2);
    font-family: 'poppins' !important;
    font-weight: 600;
    font-size: 15px;
}
.sec-7 .card-transparent a{
    font-weight: 600;
    font-size: 15px;
}

.sec-8{
    background: linear-gradient(90deg, #4361F3 0%, #1F318C 100%);
    width: 96%;
    height: 25vw;
    margin: 5% 2%;
    padding-top: 8%;
    padding-left: 5%;
}
.sec-8 img{
    width: 14%;
    margin-right: 3%;
    margin-bottom: 3%;
}
.sec-8 .text-area h1{
    font-family: 'poppins', sans-serif !important;
    font-weight: 500;
    font-size: 3vw;
    color: white;
}
.sec-8 .text-area p{
    font-family: 'poppins', sans-serif !important;
    font-size: 2.5vw;
    color: white;
    font-weight: 500;
}
.sec-8 .btn{
    font-family: 'Poppins' !important;
    font-weight: 500;
    background-color: white;
    color: #24389B;
    margin-top: 7%;
    width: 55%;
    height: 26%;
    padding-top: 3%;
    font-size: 1.5vw;
    margin-left: 18%;
}
.sec-8 .btn:hover{
    background: white !important;
    color: #24389B !important;
}

.btn{
    color: white;
}
.back-to-top{
    background-color: #182772;
    border-color: #24389B;
}

.mobile-view{
    display: none;
}

@media screen and (max-width: 992px){
    .mobile-view{
        display: unset;
    }
    .desktop-view{
        display: none;
    }

    /* .imgCol{
        min-height: 308px;
    } */

    .sec-5 .logo, .sec-6 .logo {
        /* background: url(/static/icons/design-thinking1.png) no-repeat top left; */
        height: 6vw;
        padding-top: 1%;
        padding-left: 8%;
    }
    .sec-5 img {
        margin-left: 15%;
    }

    .sec-6 .rectrangle{
        height: 100%;
    }
    .sec-6 .about {
        background: white;
    }
    
    /* .sec-8 {
        height: 28vw;
    }
    .sec-8 .btn {
        margin-top: 7%;
        width: 70%;
        height: 26%;
        padding-top: 5%;
        font-size: 1.5vw;
        margin-left: 0%;
    } */
}

@media screen and (max-width: 760px){
    .mobile-view{
        display: unset;
    }
    .desktop-view{
        display: none;
    }

    .page-header p {
        font-size: 2.6vw;
    }
    
    .sec-2{
        padding-left: 0;
        padding-right: 0;
    }
    .sec-3 img{
        margin-left: 0% !important;
        height: unset !important;
    }
    .sec-3 .container{
        padding: 0%;
    }
    .sec-3 {
        padding: 0;
    }
    .sec-3 .about-text{
        padding-right: 8%;
        padding-left: 8%;
    }

    .sec-4 h4, .sec-7 h4 {
        font-size: 14px;
    }

    .sec-5 .about-text{
        padding-top: 1rem !important;
    }
    .sec-5 img {
        margin-left: 4%;
    }

    .sec-5 .logo, .sec-6 .logo {
        height: 14vw;
        padding-top: 1%;
        padding-left: 15%;
    }

    .sec-7 .card-transparent {
        width: 100%;
    }

    .sec-6 .rectrangle {
        height: unset;
    }

    .sec-8{
        height: 45vw;
    }
    .sec-8 .text-area{
        width: 100%;
    }
    .sec-8 .text-area h1{
        font-size: 15px;
    }
    .sec-8 .text-area p{
        font-size: 15px;
    }
    .sec-8 .btn{
        margin-top: 0%;
        margin-left: 0%;
        width: 44%;
        height: 60%;
        font-size: 3vw;
        padding-top: 2%;
    }
}