body {
        font-family: 'Poppins', sans-serif;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Montserrat', sans-serif;
    }
    /* global */
    
     :root {
        --pink-color: #ff408d;
        --white: #fff;
        --light-bg: #eeeeee;
        --light-green: #279ea4;
        --red-theme: #e21f23;
        --small-font: 16px;
        --medium-font: 28px;
        --large-font: 44px;
    }
    /* header */
    
    .login {
        color: rgba(0, 0, 0, .55);
        margin: 0 40px;
    }
    
    .login:hover {
        color: rgba(0, 0, 0, .8);
    }
    
    .login-enroll a {
        text-decoration: none;
    }
    
    .enroll-now {
        background: var(--pink-color);
        color: var(--white);
        padding: 10px 20px;
        border-radius: 30px;
    }
    
    .enroll-now:hover {
        background: #ef2a79;
        color: var(--white);
    }
    /* enrollment-box */
    
    .enrollment-box {
        margin-top: -100px;
        margin-bottom: 100px;
    }
    
    .rest-enroll {
        background: var(--light-bg);
        padding: 30px 80px;
        border-radius: 60px
    }
    
    .big-title {
        font-size: var(--large-font);
        font-weight: 700;
    }
    /* countdown timer */
    /* Countdown style */
    
    .countdownHolder {
        width: 80%;
        margin: 0 auto 0 0;
        font: 40px/1.5 'Montserrat', sans-serif;
        text-align: center;
        letter-spacing: -3px;
        display: flex;
        margin-top: 20px;
        justify-content: space-between;
    }
    
    .position {
        display: inline-block;
        height: 1.6em;
        overflow: hidden;
        position: relative;
        width: 1.6em;
    }
    
    .digit {
        position: absolute;
        display: block;
        width: 1.5em;
        background-color: #444;
        border-radius: 0.2em;
        text-align: center;
        color: #fff;
        letter-spacing: -1px;
    }
    
    .digit.static {
        box-shadow: 1px 1px 1px #ef2a79;
        background: var(--pink-color);
    }
    /**
   * You can use these classes to hide parts
   * of the countdown that you don't need. */
    
    .countDays,
    .countDiv0 {
        /* display:none !important; */
    }
    
    .countDiv {
        display: none;
    }
    
    .countDays,
    .countHours,
    .countMinutes {
        position: relative;
    }
    
    .countDays:before {
        content: "Days";
        font-size: 14px;
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0;
        letter-spacing: 1px;
        color: #696969;
    }
    
    .countHours:before {
        content: "Hours";
        font-size: 14px;
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0;
        letter-spacing: 1px;
        color: #696969;
    }
    
    .countMinutes:before {
        content: "Minutes";
        font-size: 14px;
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0;
        letter-spacing: 1px;
        color: #696969;
    }
    
    .countDiv {
        display: inline-block;
        width: 36px;
        height: 1.6em;
        position: relative;
    }
    
    .countDiv:before {
        position: absolute;
        width: 5px;
        height: 5px;
        background-color: #444;
        border-radius: 50%;
        left: 50%;
        margin-left: -3px;
        top: 0.5em;
        box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
        content: '';
    }
    
    .countDiv:after {
        position: absolute;
        width: 5px;
        height: 5px;
        background-color: #444;
        border-radius: 50%;
        left: 50%;
        margin-left: -3px;
        top: 0.5em;
        box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
        content: '';
        top: 0.9em;
    }
    
    .countdown-timer {
        background: var(--white);
        padding: 30px;
        border-radius: 20px;
    }
    
    .uwi-campus {
        border-right: 2px solid #000;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
    
    .uwi-campus h2 {
        font-weight: 600;
        margin-bottom: 4px;
    }
    
    .uwi-campus h4 {
        font-weight: 600;
    }
    
    .countSeconds {
        display: none;
    }
    
    .countDiv.countDiv2 {
        display: none;
    }
    /* 
 */
    
    .learning-track {
        background: var(--white);
        border-radius: 20px;
        margin-top: 40px;
    }
    
    .learning-track h2 {
        text-align: center;
        background: var(--light-green);
        color: var(--white);
        padding: 30px 0;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        font-size: var(--large-font);
        font-weight: 700;
    }
    /* radiobox */
    
    .checkbox-custom,
    .radio-custom {
        opacity: 0;
        position: absolute;
    }
    
    .checkbox-custom,
    .checkbox-custom-label,
    .radio-custom,
    .radio-custom-label {
        display: inline-block;
        vertical-align: middle;
        margin: 5px;
        cursor: pointer;
    }
    
    .checkbox-custom-label,
    .radio-custom-label {
        position: relative;
    }
    
    .radio-custom+.radio-custom-label:before {
        content: '';
        background: #fff;
        border: 2px solid #279ea4;
        display: inline-block;
        vertical-align: middle;
        width: 50px;
        height: 50px;
        padding: 2px;
        margin-right: 0;
        text-align: center;
    }
    
    .checkbox-custom+.checkbox-custom-label:before {
        content: '';
        background: #fff;
        border: 2px solid #279ea4;
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 30px;
        padding: 2px;
        margin-right: 0;
        text-align: center;
        border-radius: 4px
    }
    
    .checkbox-custom:checked+.checkbox-custom-label:before {
        content: "\f00c";
        font-family: 'FontAwesome';
        background: #279ea4;
        color: #fff;
    }
    
    .radio-custom+.radio-custom-label:before {
        border-radius: 4px;
    }
    
    .radio-custom:checked+.radio-custom-label:before {
        content: "\f00c";
        font-family: 'FontAwesome';
        color: #fff;
        font-size: 2em;
        background: #279ea4;
    }
    
    .checkbox-custom:focus+.checkbox-custom-label,
    .radio-custom:focus+.radio-custom-label {
        /* outline: 1px solid #ddd; */
        /* focus style */
    }

    .radio-custom:disabled+.radio-custom-label:before {
        content: "\f00c";
        font-family: 'FontAwesome';
        background: lightgray;
        color: #fff;
    }

    .radio-custom:disabled+.radio-custom-label:before {
        background: #fff;
        border: 2px solid lightgray;
    }

    .radio-custom:disabled:checked+.radio-custom-label:before {
        content: "\f00c";
        font-family: 'FontAwesome';
        color: #fff;
        font-size: 2em;
        background: lightgray;
    }
    
    /* custom radio button */
    
    .clild-slect.p-0 {
        display: block;
    }
    
    .clild-slect.p-0 li {
        display: block;
        line-height: 40px;
    }
    
    .clild-slect.p-0 li input {
        margin-right: 20px;
    }
    
    .select-track {
        padding-left: 0;
    }
    
    .select-track>li {
        display: block;
        position: relative;
        padding: 15px 15%;
        height: 100%;
        border-bottom: 4px solid #eee
    }
    
    .select-track>li:last-child {
        border-bottom: 0
    }
    
    .select-track>li div {
        position: absolute;
        left: 40px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .clild-slect.p-0 h6 {
        font-size: 1.3rem;
        margin-bottom: .4em;
    }
    
    .select-track>li img {
        margin: 15px auto;
        display: flex;
    }
    
    .total-carts {
        padding-left: 0;
    }
    
    .total-carts li {
        display: flex;
        width: 100%;
        justify-content: space-between;
        background: var(--white);
        padding: 0 30px;
        border-radius: 15px;
        align-items: center;
        margin-bottom: 8px;
        font-family: 'Montserrat';
        min-height: 80px;
    }
    
    .total-carts li strong {
        font-size: 1.2rem;
    }
    
    .total-carts li a {
        color: var(--light-green);
        text-decoration: none;
    }
    
    .size-guide {
        width: 40px;
        height: 40px;
        background: #333;
        display: inline-flex;
        align-items: center;
        color: var(--white);
        justify-content: center;
    }
    
    .enroll-now.eng-big {
        text-decoration: none;
        margin: 30px auto 0;
        display: flex;
        padding: 0px;
        align-items: center;
        width: 190px;
        justify-content: space-around;
        padding-left: 20px;
    }
    
    .enroll-now.eng-big i {
        font-size: 2.5em;
        margin-left: 10px;
    }
    /* footer */
    
    .footer-1 {
        background: var(--light-bg);
        padding: 40px 0;
    }
    
    .footliks h3 {
        font-weight: 600;
        text-transform: uppercase;
        font-size: var(--medium-font);
        color: var(--red-theme);
        margin-bottom: 30px;
    }
    
    .nav-footer {
        padding-left: 0;
        margin-bottom: 0;
    }
    
    .nav-footer li {
        display: block;
        padding-bottom: 10px;
    }
    
    .nav-footer li a {
        text-decoration: none;
        padding-left: 10px;
        color: #333;
    }
    
    .nav-footer li i {
        color: #fcae30;
    }
    
    .social-media {
        padding-left: 0;
        display: flex;
        list-style: none;
    }
    
    .social-media li {
        padding-right: 20px;
    }
    
    .footer-2 {
        text-align: center;
        background: var(--light-green);
        color: var(--white);
    }
    
    .footer-2 p {
        margin-bottom: 0;
        padding: 18px 0;
    }
    
    .hero-bg img {
        width: 100%;
    }
    /*  */
    
    .countDiv {
        display: none;
    }

    .hero-bg {
        margin-top: 120px;
    }
    /* mobile responisve */
    
    @media screen and (max-width: 767px) {
         :root {
            --small-font: 16px;
            --medium-font: 1.5rem;
            --large-font: 2rem;
        }
        .navbar-brand {
            width: 160px;
        }
        .navbar-collapse {
            padding: 10px 0 20px;
        }
        .rest-enroll {
            background: var(--light-bg);
            padding: 15px;
            border-radius: 15px;
        }
        .enrollment-box {
            margin-top: 15px;
            margin-bottom: 15px;
        }
        .position {
            width: 1.3em;
            display: inline-flex;
            justify-content: center;
        }
        .digit {
            width: 1em;
        }
        .countdown-timer {
            background: var(--white);
            padding: 15px;
            border-radius: 15px;
        }
        .countdownHolder {
            display: flex;
            font: 33px/1.5 'Montserrat', sans-serif;
            width: 100%;
            padding-bottom: 15px;
            justify-content: space-evenly;
        }
        .learning-track h2 {
            padding: 15px
        }
        .radio-custom+.radio-custom-label:before {
            width: 35px;
            height: 35px;
        }
        .select-track>li img {
            margin: 5px auto;
            display: flex;
        }
        .select-track>li div {
            left: 10px
        }
        .select-track>li {
            padding: 15px 8% 15px 20%;
        }
        .total-carts li {
            padding: 10px;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
        }
        .social-media li {
            padding-right: 10px;
            width: 60px;
        }
        /* countdown */
        .countDays:before,
        .countHours:before,
        .countMinutes:before {
            bottom: -20px
        }
        /*  */
        .radio-custom:checked+.radio-custom-label:before {
            font-size: 1.1em;
        }

        .hero-bg {
            margin-top: 70px;
        }
    }
    /* tablet  */
    
    @media screen and (min-width: 768px) and (max-width: 991px) {
         :root {
            --small-font: 16px;
            --medium-font: 1.5rem;
            --large-font: 2rem;
        }
        .rest-enroll {
            background: var(--light-bg);
            padding: 20px;
            border-radius: 20px;
        }
        .select-track>li div {
            left: 20px
        }
        .select-track>li {
            padding: 10px 15%;
        }
        .learning-track h2 {
            padding: 15px 0
        }
        .social-media li {
            padding-right: 10px;
            width: 60px;
        }
        .navbar-collapse {
            padding: 10px 0 30px
        }
        .countdownHolder {
            width: 100%;
        }
        /*  */
        .position {
            display: inline-block;
            height: 2em;
            overflow: hidden;
            position: relative;
            width: 1.8em;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .digit {
            position: absolute;
            display: block;
            width: 1.1em;
            background-color: #444;
            border-radius: 0.2em;
            text-align: center;
            color: #fff;
            letter-spacing: -1px;
        }
        .countdownHolder {
            font: 24px/1.5 'Montserrat', sans-serif;
        }
    }
    /* big */
    
    @media screen and (min-width: 992px) and (max-width: 1199px) {
        .login {
            color: rgba(0, 0, 0, .55);
            margin: 0 30px;
        }
        .enroll-now {
            padding: 10px 14px;
        }
         :root {
            --small-font: 16px;
            --medium-font: 1.5rem;
            --large-font: 2rem;
        }
        .select-track>li div {
            left: 15px;
        }
        /*  */
        .position {
            display: inline-block;
            height: 2em;
            overflow: hidden;
            position: relative;
            width: 1.8em;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .digit {
            position: absolute;
            display: block;
            width: 1.1em;
            background-color: #444;
            border-radius: 0.2em;
            text-align: center;
            color: #fff;
            letter-spacing: -1px;
        }
        .countdownHolder {
            font: 24px/1.5 'Montserrat', sans-serif;
        }
    }
    
    @media screen and (min-width: 1200px) and (max-width: 1400px) {
        .position {
            display: inline-block;
            height: 2em;
            overflow: hidden;
            position: relative;
            width: 1.8em;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .digit {
            position: absolute;
            display: block;
            width: 1.5em;
            background-color: #444;
            border-radius: 0.2em;
            text-align: center;
            color: #fff;
            letter-spacing: -1px;
        }
        .countdownHolder {
            font: 24px/1.5 'Montserrat', sans-serif;
            width: 70%;
        }
    }
    /*  */
    
    .radio-circle[type="radio"]:checked,
    .radio-circle[type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }
    
    .radio-circle[type="radio"]:checked+label,
    .radio-circle[type="radio"]:not(:checked)+label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
    }
    
    .radio-circle[type="radio"]:checked+label:before,
    .radio-circle[type="radio"]:not(:checked)+label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 22px;
        height: 22px;
        border: 2px solid #279ea4;
        border-radius: 4px;
        background: #fff;
    }
    
    .radio-circle[type="radio"]:checked+label:after,
    .radio-circle[type="radio"]:not(:checked)+label:after {
        content: "\f00c";
        font-family: 'FontAwesome';
        width: 14px;
        height: 14px;
        position: absolute;
        top: 2px;
        left: 4px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        color: #279ea4;
    }
    
    .radio-circle[type="radio"]:not(:checked)+label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    .radio-circle[type="radio"]:checked+label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .radio-circle[type="radio"]:disabled+label:before {
        border: 2px solid lightgray;
    }

    .radio-circle[type="radio"]:checked:disabled+label:after {
        color: lightgray;
    }

    

.btn-outline-dark:hover:not([disabled]) {
    color: #fff;
    background-color: lightgray;
}