/* import files */
@import url(variables.css);
@import url(customglobal.css);

/* responsive media query start */

@media (max-width: 1199px) {

    h3 {
        font-size: var(--fs-m);
    }

    .nav-item {
        margin: 0 10px;
    }

    .nav-bg {
        margin-top: -76px;
    }

    .hero-right-box2 {
        margin-top: -60px;
        margin-right: -20px;
    }

    .feature-blocks {
        margin-top: -120px;
        padding-left: 20px;
        padding-top: 20px;
        padding-right: 20px;
    }

    .ban-feat-box p {
        margin-bottom: 0px;
    }

    .popcus-sec {
        margin-bottom: 550px;
    }

    .bandel-image img {
        height: 500px;
    }

    .hh {
        margin-top: 25px;
        width: 115px;
        height: 122px;
        padding: 20px 15px;
    }

    .buy-dot {
        margin-top: 25px;
    }

    .number {
        font-size: 33px;
    }

    .aboutus-why-box {
        padding: 12px;
    }

    .adms-why-box,
    .adms-collab-box {
        padding: 20px;
    }

    .poly-data-timeline {
        margin-left: 30px;
        padding-left: 60px;
    }
}

@media (max-width: 991px) {

    /* global */
    .com-pad-top {
        padding-top: 50px !important;
    }

    h1 {
        font-size: var(--fs-xl);
    }

    h2 {
        font-size: var(--fs-l);
    }

    h3 {
        font-size: var(--fs-sm);
    }

    h4 {
        font-size: var(--fs-sm);
    }

    p {
        font-size: var(--fs-vsm);
    }

    /* header start */

    .header {
        position: static !important;
    }

    .navbar-nav {
        padding-left: 0;
        margin-top: 12px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 15px;
    }

    .navigation {
        padding: 10px 0px;
    }

    .navbar-brand img {
        width: 120px;
    }

    .top-header-left a,
    .top-header-right a {
        font-size: 14px;
    }

    .navbar-toggler {
        background-color: var(--white);
    }

    /* header end */

    /* //////////////////////////////////////
            home page responsive start
    ////////////////////////////////////// */

    .hero-ban-sec {
        padding: 40px 0 150px;
    }

    .hero-left {
        margin-bottom: 40px;
    }

    .hero-ban-right {
        width: 80%;
        margin: 0 auto;
    }

    .hero-circle-bg {
        width: 600px;
        height: 600px;
    }

    .feature-blocks {
        margin-top: -100px;
        padding-bottom: 20px;
    }

    .ban-feat-img {
        margin-top: 120px;
    }

    .ban-feat-box i {
        font-size: var(--fs-xl);
    }

    .popcus-sec {
        margin-bottom: 350px;
    }

    .popcus-wrp {
        top: 10%;
    }

    .popcus-main-container {
        padding-left: 0px;
    }

    .popcus-head h3 {
        font-size: var(--fs-xl);
    }

    .popcus-slider .owl-nav {
        right: 5%;
        top: -32%;
    }

    .bandel-owl-carousel .owl-nav button span,
    .popcus-slider .owl-nav button span {
        padding: 0px 15px;
        font-size: var(--fs-l);
    }

    .cus-hero {
        margin-bottom: 30px;
    }

    .beston-left-box1 ul {
        margin-bottom: 10px;
    }

    .beston-left ul li {
        padding: 5px 10px;
        margin-bottom: 6px;
        gap: 6px;
    }

    .beston-right {
        margin-top: 60px;
    }

    .cus-partner-title {
        font-size: var(--fs-l);
    }

    .cus-partner-sub {
        font-size: var(--fs-sm);
    }

    /* //////////////////////////////////////
        home page responsive end
    ////////////////////////////////////// */

    .aboutus-card-image {
        height: 280px !important;
    }

    .aboutus-who-sec {
        padding: 10px;
    }

    .counter-box {
        padding: 0px;
    }

    .counter-number {
        font-size: var(--fs-xl);
    }

    .counter-box h5 {
        font-size: 18px;
    }

    .courses-sec .popcus-cnt-image {
        height: 400px !important;
    }

    .place-hero {
        height: 70vh;
    }

    .cont-card-cnt {
        padding: 10px;
    }

    .auth-step {
        width: 49%;
        margin-bottom: 20px;
    }

    .auth-wrp {
        flex-direction: column;
    }

    .auth-left {
        padding: 0px 20px 20px;
    }

    .cert-why-box {
        padding: 15px;
    }

    .adms-pros-box h6 {
        font-size: var(--fs-vsm);
    }

    .adms-why-box,
    .adms-collab-box {
        padding: 15px;
    }

    .adms-recog-count h3 {
        font-size: var(--fs-xl);
    }

    .adms-recog-count h5 {
        font-size: 18px;
    }

    .adms-trans-box {
        height: 100%;
    }

    .clas-cta-sec {
        height: 80vh;
    }

    .guide-note-right-box h5 {
        font-size: 18px;
    }

    .terms-fees-card {
        padding: 20px;
    }

    .terms-refund-policy {
        padding: 30px;
    }
}

@media (max-width: 767px) {

    /* global */
    p {
        font-size: var(--fs-vsm) !important;
        line-height: var(--lh-vsm) !important;
    }

    /* header start */
    .top-header-left {
        display: flex;
        align-self: center;
        justify-content: space-between;
    }

    .top-header-left a,
    .top-header-right a {
        display: inline-block;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
        padding: 10px;
    }

    .nav-item::before {
        height: 3px;
    }

    /* header end */

    /* //////////////////////////////////////
        home page responsive start
    ////////////////////////////////////// */

    .hero-left {
        margin-bottom: 60px;
    }

    .hero-ban-sec {
        padding: 40px 0 60px;
    }

    .ban-feat-img {
        margin-top: 0px;
    }

    .ban-feat-img img {
        width: 100% !important;
    }

    .feature-blocks {
        margin-top: 0px;
    }

    .popcus-slider .owl-nav {
        right: 2%;
        top: -23%;
    }

    .popcus-head h3 {
        margin-bottom: 0px;
    }

    .popcus-cnt-image {
        height: 360px !important;
    }

    .popcus-sec {
        margin-bottom: 480px;
    }

    .cus-slide-item h5 {
        font-size: var(--fs-l);
        margin-top: 20px;
    }

    .cus-slide-item p {
        font-size: 18px;
    }

    .cus-slide-item img {
        height: 320px;
    }

    .beston-right {
        margin-top: 30px;
    }

    /* //////////////////////////////////////
            home page responsive end
    ////////////////////////////////////// */

    .aboutus-card-image {
        height: 260px !important;
    }

    .evnt-upcom-card-img {
        height: 300px;
    }

    .place-hero {
        height: 100vh;
    }

    .auth-left {
        width: 100%;
        padding: 0px;
    }

    .auth-right {
        width: 100%;
        padding: 20px;
    }

    .adms-recog-sec {
        height: 100vh;
    }

    .counter-number {
        font-size: var(--fs-l);
        margin-bottom: 0px !important;
    }

}

@media (max-width: 575px) {

    /* global */
    h1 {
        font-size: var(--fs-l);
        font-weight: var(--fw-semibold);
    }

    h2 {
        font-size: var(--fs-m);
        font-weight: var(--fw-semibold);
    }

    h3 {
        font-size: var(--fs-sm);
        font-weight: var(--fw-medium);
    }

    h4 {
        font-size: var(--fs-sm);
        font-weight: var(--fw-medium);
    }

    h5 {
        font-size: var(--fs-vsm);
        font-weight: var(--fw-regular);
    }

    h6 {
        font-size: var(--fs-vsm);
        font-weight: var(--fw-regular);
    }

    span {
        font-size: 14px;
    }

    .cnt-btn1 {
        padding: 6px 20px;
        margin-right: 10px;
        font-size: 15px;
    }

    .com-pad-top {
        padding-top: 0px !important;
    }

    /* header start */
    .navigation {
        background-image: linear-gradient(to right,
                transparent 50%,
                var(--secondary-color) 50%);
    }

    .top-header {
        border-top: 2px solid var(--secondary-color);
    }

    .top-header-left a,
    .top-header-right a {
        font-size: 13px;
    }

    .top-header-right {
        display: none;
    }

    .top-header-right a {
        font-size: 13px;
    }

    .navigation {
        padding: 5px 0px;
    }

    .navbar-brand img {
        width: 100px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 13px;
        padding: 7px;
    }

    /* header end */

    /* //////////////////////////////////////
            home page responsive start
    ////////////////////////////////////// */

    .hero-ban-sec {
        padding: 30px 0 100px;
    }

    .hero-left {
        margin-bottom: 50px;
    }

    .hero-left h1 {
        font-size: var(--fs-l);
        padding-top: 12px;
    }

    .hero-left p {
        font-size: var(--fs-vsm);
        padding-top: 12px;
    }

    .hero-left-box1 span {
        font-size: 15px;
    }

    .hero-left-box2 {
        display: block;
    }

    .hero-left-box2 small,
    .hero-left-box2 small span {
        font-size: 14px;
    }

    .hero-right-box2 {
        margin-top: -50px;
        margin-right: -35px;
    }

    .hero-right-box3 {
        width: 160px;
        margin-left: -35px;
        margin-bottom: -40px;
    }

    .hero-ban-right {
        width: 90%;
    }

    .ban-feat-img {
        margin-top: -40px;
    }

    .popcus-slider .owl-nav {
        right: 2%;
        top: -22%;
        gap: 10px;
    }

    .bandel-owl-carousel .owl-nav button span,
    .popcus-slider .owl-nav button span {
        padding: 0px 15px;
        font-size: var(--fs-m);
    }

    .popcus-logo img {
        width: 120px;
    }

    .popcus-head h3 {
        font-size: var(--fs-l);
    }

    .popcus-head p {
        font-size: var(--fs-vsm);
    }

    .popcus-cnt p {
        margin-bottom: 0px;
    }

    .popcus-cnt-image {
        height: 300px !important;
    }

    .popcus-sec {
        margin-bottom: 420px;
    }

    .cus-head p {
        font-size: var(--fs-vsm);
        line-height: var(--lh-vsm);
        font-weight: var(--fw-medium);
    }

    .cus-glass {
        bottom: 10px;
        left: 10px;
        right: 10px;
        padding: 10px;
    }

    .cus-btn {
        margin-top: 0px;
    }

    .cus-hero {
        margin-bottom: 10px;
    }

    .cus-slide-item h5 {
        font-size: var(--fs-m);
        margin-top: 12px;
    }

    .cus-slide-item p {
        font-size: var(--fs-vsm);
        margin-bottom: 0px;
    }

    .beston-right {
        margin-top: 30px;
    }

    .bandel-image img {
        height: 420px;
    }

    .bandel-owl-carousel .owl-dots {
        margin: 0px;
    }

    #buysec {
        padding: 40px 0px;
    }

    .hh {
        margin-top: 15px;
        width: 65px;
        height: 100px;
        padding: 10px 5px;
        border: 2px solid var(--white);
    }

    .number {
        font-size: 25px;
    }

    .buy-head h2 {
        font-size: var(--fs-sm);
    }

    .cus-partner-title {
        font-size: var(--fs-m);
    }

    .cus-partner-sub {
        font-size: var(--fs-vsm);
    }

    .cus-partner-item {
        padding: 10px 20px;
    }

    /* //////////////////////////////////////
            home page responsive end
    ////////////////////////////////////// */

    .courses-wrp {
        margin: auto 15px !important;
    }

    .courses-sec .popcus-cnt-title a {
        font-size: var(--fs-sm);
    }

    .evnt-cta-cnt h4 {
        font-size: var(--fs-vsm);
    }

    .auth-step {
        width: 100%;
    }

    .adms-pros-box h6 {
        font-weight: var(--fw-semibold);
    }

    .adms-recog-count h3 {
        font-size: var(--fs-l);
    }

    .adms-recog-count h5 {
        font-size: var(--fs-vsm);
    }

    .adms-collab-head p {
        margin-bottom: 0px;
    }

    .adms-why-box h5,
    .adms-collab-box h5 {
        font-weight: var(--fw-semibold);
        font-size: 18px;
    }

    .terms-admis-cnt {
        padding: 10px;
    }

    .terms-fees-card {
        padding: 16px;
    }

    .terms-respo-card {
        padding: 15px;
    }

    .terms-cert-cnt-point {
        padding: 12px;
        margin-top: 12px;
    }

    .terms-refund-policy {
        padding: 16px;
    }

    .cert-instr-step span {
        margin-bottom: 0px;
    }

    .cusdel-about-box {
        padding: 20px;
    }

    .cusdel-caradm-left-box {
        padding: 10px 14px;
    }

    .cusdel-highlt-module {
        padding: 10px 14px;
        font-size: var(--fs-vsm);
        line-height: var(--lh-vsm);
    }

    .cusdel .btn-link {
        padding: 10px 15px;
    }

    .cusdel .form-box {
        padding: 20px;
    }

    .cusdel .nav-tabs {
        margin-bottom: 15px;
        gap: 8px;
    }

    .cusdel .nav-tabs .nav-link {
        padding: 7px 14px;
        font-size: 14px;
    }

    .cusdel .nav-tabs .nav-item {
        margin: 0px;
    }

    .cusdel .tab-box {
        padding: 20px;
    }

    .cusdel .fees-card {
        padding: 20px;
    }

    .cusdel-caradm-left h2,
    .cusdel-caradm-right h2,
    .cusdel-caradm-left h5,
    .cusdel-caradm-right h5,
    .cusdel-highlt-head h2,
    .cusdel-syllabus-head h2,
    .cusdel-syllabus-head h5,
    .cusdel-cusfee-tabs-head h2,
    .cusdel-cusfee-tabs-head h5,
    .cusdel-cusfee-fees-head h2,
    .cusdel-cusfee-fees-head h5 {
        margin-bottom: 0px !important;
    } 

    .cusdel .form-box h4 {
        margin-bottom: 15px;
    }

    .guide-count-sec {
        height: 75vh;
    }

    .foot-title,
    .foot-logo {
        margin-bottom: 20px;
    }

    .foot-links li {
        margin-bottom: 4px;
    }

    .foot-contact p {
        margin-bottom: 0px;
    }

    .foot-bottom p {
        font-size: var(--fs-vsm);
    }

}

@media (max-width: 424px) {
    .popcus-sec {
        margin-bottom: 550px;
    }
}

/* responsive media query end */