/*Start Cer title*/
/*
    .grid-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
   
        gap: 24px;
       
    }

    .grid-container {

        grid-template-columns: repeat(2, 1fr) !important;
     

    }*/
/*
.cer-sec {
    padding-bottom: 0;
}
.cer-bg-cl {
    background-color: #051130;
    padding-top: 80px;
    padding-bottom: 80px;
}

.cer-content-title {
    font-family: Noto Sans;
    font-size: 25px !important;
    font-weight: 700;
    line-height: 35px !important;
    text-align: center;
    color: #F2F7FF;
    margin: 0;
}


.cer-content-text {
    font-family: Noto Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #F2F7FF;
    margin: 0;
}

.cer-card-boder {
    border: 3px solid #45E8FF;
    border-radius: 20px;
}

.cer-img {
    text-align: center
}

.cer-content {
    gap: 16px;
}

.cer-card {
    gap: 46px;
    margin: 80px 32px;
}
    */

#aboutus__cert--wrapper .aboutus__cert--swiper {
    display: flex;
}

#aboutus__cert--wrapper .swiper-slide, #aboutus__cert--wrapper .swiper-wrapper {
    height: auto;
}

#aboutus__cert--wrapper .swiper-button-next:hover, #aboutus__cert--wrapper .swiper-button-prev:hover {
    opacity: 1 !important;
}

.cer-sec {
    padding: 0;
}

.cer-bg-cl {
    background-color: #051130 !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.cer-content-title {
    font-family: Noto Sans;
    font-size: 25px !important;
    font-weight: 700;
    line-height: 35px !important;
    text-align: center;
    color: #F2F7FF;
    margin: 0;
    padding: 0 4px;
}

.cer-content-text {
    font-family: Noto Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #F2F7FF;
    margin: 0;
}

.cer-card-boder {
    border: 3px solid #45E8FF !important;
    border-radius: 20px !important;
    transition: all 0.3s ease !important; /* Smooth transition for hover effect */
}

    .cer-card-boder:hover {
        border: none !important;
        background: #FFFFFF !important; 
    }

        .cer-card-boder:hover .cer-content-title,
        .cer-card-boder:hover .cer-content-text {
            color: #066BFC !important;
        }

.cer-img {
    text-align: center;
    height: 140px !important;
    justify-content: center !important;
    display: flex !important;
    padding: 0 !important;
}

.object-fit-contain {
    object-fit: contain !important;
}

.cer-content {
    gap: 16px !important;
}

.cer-card {
    gap: 46px !important;
    margin: 80px 32px !important;
}

.list-card-cer {
    padding: 20px;
}

.title-cer {
    gap: 4px !important;
    margin-bottom: 64px !important;
}

.cer-title {
    color: #646970 !important;
    font-family: Noto Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

.reco-title {
    color: #21272D;
    font-family: Noto Sans;
    font-size: 48.83px !important;
    font-weight: 700;
    line-height: 61.04px !important;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

/*End Cer title*/



/* Breakpoints for tablets (max-width: 1024px) */
@media (max-width: 1024px) {

    .list-card-cer {
        justify-content: center !important;
        gap: 24px !important;
    }

    /*Start Cer title*/
    .title-cer {
        margin-bottom: 32px !important;
    }

    .cer-title {
        font-weight: 600 !important;
        line-height: 22.4px !important;
    }

    .reco-title {
        font-size: 39.06px !important;
        line-height: 48.8px !important;
    }

    /*End Cer title*/

    .cer-card {
        margin: 48px 32px !important;
    }

    .cer-content-title {
        font-size: 20px !important;
        line-height: 28px !important;
    }
}

.navBut_wrapper {
    
}

.navBut__right {
    right: 3px !important;
    top: -27px !important;
}

.navBut__left {
    left: -34px !important;
    top: -27px !important;
}

@media (max-width: 991px) { /* Tablet view */
    .cer-bg-cl {
        padding: 80px 60px !important;
    }

    .navBut__right {
        right: -17px !important;
    }

    .navBut__left {
        left: -17px !important;
    }
}

@media only screen and (min-width: 744px) and (max-width: 768px) {
    .cer-card-boder {
        width: 41.66666667% !important;
    }
}

/* Breakpoints for mobile phones (max-width: 600px) */
@media (max-width: 600px) {
    .cer-content-text {
     
        font-size: 14px;
        line-height: 21px;

    }
    .list-card-cer {
        justify-content: center !important;
        gap: 24px !important;
    }
    /*Start Cer title*/
    .title-cer {
        padding-left: 16px !important;
        margin-bottom: 24px !important;
    }

    .cer-title {
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 21px !important;
        text-align:center;
    }

    .reco-title {
        font-size: 31.25px !important;
        line-height: 39px !important;
        text-align:center;
    }

    /*End Cer title*/

    .cer-card {
        gap: 38px !important;
        margin: 48px 32px !important;
    }

    .cer-content-title {
        font-size: 20px !important;
        line-height: 28px !important;
    }
}

@media (max-width: 575px) {
    .cer-img {
        height: 120px !important;
    }
}