@font-face {
    font-family: asdfont-bold;
    src: url(/css/fonts/Nunito-Bold.ttf);
}

@font-face {
    font-family: asdfont-mediumbold;
    src: url(/css/fonts/Nunito-SemiBold.ttf);
}

.asdfont-bold {
    font-family: asdfont-bold !important;
}

.asdfont-mediumbold {
    font-family: asdfont-mediumbold !important;
}

.apple-specialist-degree-section {
    background:#F5F5F5;
    margin: 30px 12%;
    border-radius: 20px;
    direction: ltr !important;
}
.mobile-custom-break{
    display: none;
}
.apple-specialist-degree-title {
    font-size: 36px;
    /* color: #FFFFFF; */
}

.apple-specialist-degree-introducing {
    font-size: 26px;
    /* color: #FFFFFF; */
}

.apple-specialist-degree-details-section {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    padding-bottom: 20px;
}

.apple-specialist-degree-btn {
    width: 205px !important;
    font-size: 24px !important;
    padding: 5 30 !important;
    border-radius: 25px !important;
}

#apple-specialist-degree-vimeo {
    position: relative;
    width: 100%;
    height: 450px;
}


.custom-yellow-line {
    width: 165px;
    position: relative;
    z-index: 1;
    bottom: 20;
    left: 175px;
}

.apple-specialist-degree-section .banner-sub-title {
    font-size: 25px;

}

.apple-specialist-degree-section .apple-banner-title {
    font-size: 12px;
}

@media only screen and (max-width: 1180px) {
    .apple-specialist-degree-section {
        margin: 30px 50px;
    }

    .apple-specialist-degree-details-section {
        gap: 15px;
    }
}
@media only screen and (max-width: 1000px) {

    .apple-specialist-degree-section .banner-sub-title {
        font-size: 20px;
    
    }
    
    .apple-specialist-degree-section .apple-banner-title {
        font-size: 10px;
    }
    .apple-specialist-degree-details-section {
        gap: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .apple-specialist-degree-section {
        margin: 20px 5%;
    }
    .mobile-custom-break{
        display: unset;
    }
    .apple-specialist-degree-details-section {
        display: none;
    }

    #apple-specialist-degree-vimeo {
        position: relative;
        width: 100%;
        height: 348px;
    }

    .custom-yellow-line {
        width: 159px;
        position: relative;
        z-index: 1;
        bottom: 24px;
        left: 87px;
        top: -12px;
    }
}


@media only screen and (max-width: 326px) {
    .apple-specialist-degree-title {
        font-size: 28px;
    }

    .apple-specialist-degree-introducing {
        font-size: 20px;
    }

    .apple-specialist-degree-btn {
        width: 180px !important;
        font-size: 19px !important;
    }

    .custom-yellow-line {
        width: 130px;
        left: 68px;
    }
}