html {
    overflow: scroll;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 0;
    /* Remove scrollbar space */
    background: transparent;
    /* Optional: just make scrollbar invisible */
}

/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}

.text-yellow {
    color: #FFC803 !important;
}

.text-orange {
    color: #FD8800 !important;
}

.text-violet {
    color: #660099 !important;
}

.text-black {
    color: black;
}

.text-dark {
    color: #1f1f1f;
}

.cus-font {
    font-family: 'CustomFont', sans-serif;
}
.cus-font-bold {
    font-family: 'CustomFontBold', sans-serif;
}

.subscribe {
    min-height: 220px;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #660099;
    border-radius: 20px;
    margin-top: -160px;
    font-size: 17px;
}

.subscribe button {
    background: #FFC803;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.subscribe .form-holder {
    background: white;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}

.subscribe .text-white {
    font-size: 20px;
}

.job-post-sm-btn {
    border-radius: 10px !important;
    background: #FFC803 !important;
    margin-top: -10px !important;
    font-weight: bolder !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}

.cus-cent {
    position: relative;
    text-align: center;
    margin-top: -130px;
}
.cus-cent img {
    max-width: 100%;
    height: auto;
}
@media (max-width: 768px) {
    /* Adjust styles for screens with a width of 768px or less */
    .cus-cent img {
        max-width: 80%; /* Adjust the percentage as needed */
        margin-top: 50px;
    }
    .journey-section {
        margin-top: -100px !important;
    }
}

@media (min-width: 768px) {
    .job-post-sm-btn {
        display: none !important;
    }

    .job-data-mobile {
        display: none;
    }
}

@media (max-width: 768px) {
    .subscribe {
        width: 90% !important;
        border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        -ms-border-radius: 0px !important;
        -o-border-radius: 0px !important;
    }

    .subscribe .registration-form {
        margin: 5%;
        padding: 5%;
    }

    .subscribe .text-white {
        font-size: 17px !important;
        font-weight: 300 !important;
        /* text-align : justify !important; */
        padding: 5%;
    }

    .subscribe button {
        background: #FFC803 !important;
        color: black !important;
        text-transform: uppercase;
        font-weight: bolder;
        width: 100%;
    }

    .subscribe button:hover {
        background: #FFC803 !important;
    }

    .job-alert-btn {
        width: 100%;
    }

    .advance-search-btn {
        width: 100%;
    }

    .subscribe .form-holder {
        padding: 5%;
    }

    .job-data-web {
        display: none;
    }

    .job-data-mobile {
        display: block;
    }


    .item .card {
        width: 100% !important;
    }

    .resource-btn {
        border: 1px solid #660099 !important;
    }

    .section {
        padding-top: 0px !important;
        padding-bottom: 80px !important;
    }

    .featured-section {
        margin-top: 200px;
    }

}

.journey-section {
    margin-top: 120px;
}

.section-title {
    font-weight: bolder;
}

.job-post-btn {
    background: #FFC803;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    width: 128px;
    height: 45px;
    padding-top: 13px !important
}

.job-post-btn-sm {
    background: #FFC803;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    width: 100px;
    height: 20px;
    /* padding-top  : 7px !important; */
    font-size: 13px !important;
    margin-right: 20px !important;
    margin-top: -50px !important;
    font-weight: bolder;
}

.font-bold {
    font-weight: bold;
}

.font-bolder {
    font-weight: bolder;
}

.bg-orange-subtle {
    background-color: #FFC803 !important;
    min-width: 40px;
    font-weight: bolder;
    color: #1f1f1f;
}

/* slider  */

.separator {
    display: flex;
    justify-content: center;
    height: 2px;
}

.separator-left {
    display: flex;
    justify-content: left;
    height: 2px;
}

.line {
    width: 180px;
    background-color: #660099 !important;
    /* You can change the color as needed */
}