@media (max-width: 1024px) {
    .header-style-light .logo-header {
        max-width: 75px;
    }



    .why-us-content {
        padding: 0px 5px;
        font-size: 16px;
    }

    .why-us-main {
        padding: 5px;
        margin-top: 0px;
    }

    .arrow-content-right {
        top: 60px;
        font-size: 20px;
    }

    .arrow-head-right {
        bottom: 100px;
        font-size: 36px;
    }


    .arrow-content-left {
        top: 50px;
        font-size: 20px;
    }

    .arrow-head-left {
        font-size: 36px;
        bottom: 100px;
    }
}


@media  (max-width: 991px) {
    .arrow-content-right {
        top: 38px;
        font-size: 17px;
    }

    .arrow-head-right {
        bottom: 83px;
        font-size: 30px;
    }
    .arrow-content-left {
    top: 31px;
    font-size: 17px;
    line-height: 1.5em;
}
.arrow-head-left {
    font-size: 30px;
    bottom: 92px;
}
}
   


@media (max-width: 900px) {

    .header-style-light .header-nav {
        margin: 0px -19px;
    }

    .arrow-content-right {
        top: 40px;
        font-size: 16px;
    }

    .arrow-head-right {
        bottom: 50px;
        font-size: 25px;
    }

    .arrow-content-left {
        top: 41px;
        font-size: 16px;
    }

    .arrow-head-left {
        font-size: 25px;
        bottom: 50px;
    }

}

@media (max-width: 768px) {

    #mobile-side-drawer {
        background: #ffcc00;
    }

    /* html,
    body {
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        overflow-x: hidden;
    } */

    /* .header-style-light.mobile-sider-drawer-menu .header-nav {
        width: 169px !important;
    } */
    .underline {

        left: 33%;
    }

    .underline-how {

        left: 42%;

    }

    .underline-result {
        left: 40%;
    }

    .icon-card {
        margin-bottom: 25px;
    }

    .row.pt-5 {
        padding-top: 0px !important;
    }

    .intern {
        margin-bottom: 20px;
    }

    .job-lg {
        color: #00403d;
        font-size: 22px;
        font-weight: 300;
    }

    #about-section {
        padding: 30px;
    }

    .txt-2 {
        font-size: 30px;
    }

    .about-para {
        font-size: 24px;

    }



    .why-us-content {
        padding: 0px 5px;
        font-size: 11px;
    }

    .para-2 {
        font-size: 20px;
        width: 69%;
    }

    .para-3 {
        font-size: 23px;
        width: 51%;
    }

    #why-us {
        padding: 45px;
    }

    .why-us-head {
        font-size: 32px;
        margin-bottom: 5%;
        line-height: 1;
    }

    .arrow-content-right {
        top: 44px;
        font-size: 15px;
    }

    .arrow-head-right {
        bottom: 70px;
        font-size: 26px;
    }

    .arrow-content-left {
        top: 44px;
        font-size: 15px;
    }

    .arrow-head-left {
        font-size: 26px;
        bottom: 70px;
    }

    .footer-dark .logo-footer {
        max-width: 100px;
    }
}

@media (max-width: 600px) {
    .why-us-head {
        font-size: 20px;
        line-height: 26px;
    }

    p.para-3.result_bor {
        margin-top: 30px !important;
        font-size: 16px;
    }

    #result h3 {
        font-size: 20px;
    }

    .para-2,
    h4.tez-tag {
        font-size: 16px;
    }

    .header-style-light .main-bar {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .underline {
        left: 29%;
    }

    .underline-how {
        left: 40%;
    }

    .underline-result {
        left: 37%;
    }

    .para-3 {
        width: 52%;
    }

    .why-us-content li {
        font-size: 19px;
        padding: 5px;
    }

    .para-2 {
        width: 70%;
    }

    #find-job {
        padding: 20px;
    }

    .job-lg {
        font-size: 23px;
    }

    #result {
        padding: 36px;
    }

    .under1 {
        left: -58%;
        top: -4px;
    }

    .game-section {
        padding: 45px 15px 20px;
    }

    .arrow-content-right {
        top: 31px;
        font-size: 15px;
        line-height: 1;
    }

    .arrow-head-right {
        bottom: 52px;
        font-size: 22px;
        line-height: 1;
    }

    .arrow-content-left {
        top: 36px;
        font-size: 11px;
    }

    .arrow-head-left {
        bottom: 45px;
        font-size: 22px;
    }

    .txt-2 {
        font-size: 20px;
        margin: 0 !important;
        line-height: normal;
    }

    .job-lg {
        font-size: 16px;
        font-weight: 400;
        padding: 0 40px;
    }

    .why-us-content li {
        font-size: 16px;
        padding: 5px;
        line-height: 24px;
        text-align: left;
    }

    .arrow-head-right {
        bottom: 30px;
    }
}

@media (max-width: 426px) {
    .header-style-light .logo-header {
        max-width: 60px;
    }

    .why-us-head {
        font-size: 20px;
        line-height: normal;
    }

    p.para-3.result_bor {
        margin-top: 30px !important;
    }

    .underline {
        left: 21%;
    }

    .txt {
        font-size: 25px;
    }

    .job-lg {
        font-size: 20px;
    }

    .txt-2 {
        font-size: 24px;
        margin: 0 !important;
    }

    .about-para {
        font-size: 20px;
    }

    #result {
        padding: 20px;
    }

    .para-2 {
        font-size: 16px;
        width: 75%;
    }

    .under1 {
        left: -100%;
    }

    h4.tez-tag {
        font-size: 22px;
    }

    .para-3 {
        font-size: 19px;
        width: 60%;
    }

    .why-us-head {
        font-size: 20px;
        margin-bottom: 5%;
        line-height: 28px;
    }

    .line-title {
        font-size: 23px;
    }

    .job-lg {
        font-size: 16px;
        font-weight: 400;
        padding: 0 40px;
    }

    .why-us-content li {
        font-size: 16px;
        padding: 5px;
        line-height: 24px;
        text-align: left;
    }

    .underline {
        left: 21%;
        width: 50%;
        margin: -46px auto 40px;
        left: auto;
        right: auto;
        position: relative;
    }

    .underline-how,
    .underline-result {
        width: 50%;
        margin: 0 auto;
        display: block;
        float: none;
        left: 0;
        right: 0;
    }

    h4.tez-tag {
        font-size: 16px;
    }

    .arrow-content-right {
        top: 27px;
        font-size: 13px;
    }

    .arrow-head-right {
        bottom: 45px;
        font-size: 19px;
    }

    .arrow-head-left {
        bottom: 72px;
        font-size: 20px;
    }

    .arrow-content-left {
        left: 18%;
    }

    .arrow-content-left {
        top: 28px;
        font-size: 12px;
        line-height: 1;
        font-weight: 300;
        width: 63%;
    }

    .arrow-head-left {
        bottom: 39px;
        font-size: 19px;
    }
}

@media (max-width: 376px) {
    .header-style-light .logo-header {
        max-width: 60px;
    }

    .why-us-head {
        font-size: 20px;
        line-height: 28px;
    }

    p.para-3.result_bor {
        margin-top: 30px !important;
    }

    .header-style-light .logo-header {
        max-width: 60px;
    }

    #result h3 {
        font-size: 20px;
    }

    h4.tez-tag {
        font-size: 16px
    }

    .underline {
        left: 15%;
    }

    .txt-2 {
        font-size: 21px;
    }

    .about-para {
        font-size: 15px;
    }

    .job-lg {
        font-size: 16px;
        font-weight: 400;
        padding: 0 40px;
    }

    .para-2 {
        font-size: 16px;
        width: 100%;
    }

    .underline-how {
        left: 33%;
    }

    .underline-result {
        left: 28%;
    }

    .para-3 {
        font-size: 16px;
        width: 68%;
    }

    .job-lg {
        font-size: 18px;
    }

    .txt {
        font-size: 24px;
    }

    .why-us-head {
        font-size: 20px;
        margin-bottom: 5%;
        line-height: 26px;
    }

    .why-us-content li {
        font-size: 16px;
    }

    .why-us-main {

        border-radius: 0%;

    }

    #vision {
        padding: 0px;
    }



    .why-us-content li {
        font-size: 16px;
        padding: 5px;
        line-height: 24px;
        text-align: left;
    }

    .underline {
        left: 21%;
        width: 50%;
        margin: -46px auto 40px;
        left: auto;
        right: auto;
        position: relative;
    }

    .underline-how,
    .underline-result {
        width: 50%;
        margin: 0 auto;
        display: block;
        float: none;
        left: 0;
        right: 0;
    }

    h4.tez-tag {
        font-size: 16px;
    }

    .right-arrow {
        padding: 20px 10px;
        margin-top: 0;

    }

    .arrow-content-right {
        position: absolute;
        top: 75px;
        left: 19%;
        font-size: 20px;
        text-align: justify;
        width: 66%;
    }

    .arrow-content-right {
        top: 28px;
        font-size: 12px;
    }

    .arrow-content-left {
        top: 28px;
        font-size: 12px;
        line-height: 1;
        font-weight: 300;
        width: 65%;
    }

    .arrow-head-left {
        bottom: 38px;
        font-size: 18px;
    }

    .left-arrow {
        padding: 20px 10px;
        margin-top: 0;
    }
}

@media (max-width: 320px) {
    .why-us-head {
        font-size: 20px;
        line-height: 26px;
    }

    .why-us-content li {
        font-size: 16px;
        padding: 5px;
        line-height: 24px;
        text-align: left;
    }

    p.para-3.result_bor {
        margin-top: 30px !important;
    }

    .txt {
        font-size: 20px;
    }

    .job-lg {
        font-size: 15px;
    }

    .txt {
        font-size: 20px;
        margin-bottom: 0;
    }

    #about-section {
        padding: 20px;
    }

    .txt-2 {
        font-size: 20px;
        line-height: normal;
    }

    .about-para {
        font-size: 13px;
    }

    .para-2 {
        font-size: 16px;
        width: 85%;
    }

    .para-3 {
        font-size: 16px;
        width: 73%;
    }

    .under1 {
        left: -166%;
    }

    .why-us-head {
        font-size: 17px;
    }

    .why-us-content {
        padding: 0px 5px;
        font-size: 14px;
    }

    #why-us {
        padding: 20px;
    }





    .job-lg {
        font-size: 16px;
        font-weight: 400;
        padding: 0 40px;
    }

    .underline {
        left: 21%;
        width: 50%;
        margin: -46px auto 40px;
        left: auto;
        right: auto;
        position: relative;
    }

    .underline-how,
    .underline-result {
        width: 50%;
        margin: 0 auto;
        display: block;
        float: none;
        left: 0;
        right: 0;
    }

    h4.tez-tag {
        font-size: 16px;
    }

    .arrow-content-right {
        top: 26px;
        font-size: 11px;
    }

    .arrow-para {
        text-align: -webkit-auto;
    }

    .arrow-head-right {
        bottom: 49px;
        font-size: 18px;
    }

    .arrow-head-left {
        bottom: 41px;
        font-size: 16px;
    }

    .arrow-content-left {
        top: 19px;
        font-size: 11px;
        line-height: 1;
        font-weight: 300;
        width: 65%;
    }

    .arrow-content-left {
        left: 18%;
    }
}