@media screen and (max-width: 2560px) {
  .course-program .content-wrapper .cta .left {
    gap: 20px;
    width: 52%;
  }
}

@media screen and (max-width: 1920px) {}

@media screen and (max-width: 1660px) {
  header .button-wrpper {
    gap: 20px;
  }
}

@media screen and (max-width: 1440px) {
  header .button-wrpper span a {
    font-size: 12px;
  }

  header .bottom-head .stellarnav ul li a {
    font-size: 12px;
  }

  header .button-wrpper span a {
    padding: 14px 28px;
  }

  header .logo img {
    width: 200px;
  }

  header .button-wrpper {
    gap: 10px;
  }

  header .bottom-head .stellarnav ul {
    gap: 15px;
  }

  header .bottom-head .stellarnav {
    gap: 15px;
  }

  header .button-wrpper {
    gap: 20px;
  }
}

@media screen and (max-width: 1366px) {
  .courses .box {
    min-height: 445px;
  }

  .courses .box p {
    min-height: 221px;
  }

  .course-program .content-wrapper .cta .left {
    gap: 0;
    width: 55%;
  }

  header .button-wrpper {
    gap: 7px;
  }

  header .bottom-head .stellarnav ul {
    gap: 11px;
  }

  header .button-wrpper span a {
    font-size: 12px;
  }

  header .bottom-head .stellarnav ul li a {
    font-size: 12px;
  }

  .course-program .content-wrapper .cta .button-wrap span:nth-child(1) .button {
    padding: 14px 20px;
  }

  .course-program .content-wrapper .cta .button-wrap span:nth-child(2) .button {
    padding: 14px 20px;
    margin-left: 10px;
  }

  .button {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .inner-banner-3 {
    padding-top: 230px;
    padding-bottom: 150px;
  }

  .send-message {
    padding: 80px 0;
  }

  header .button-wrpper span a {
    padding: 10px 20px;
    font-size: 14px;
  }

  header .bottom-head .stellarnav ul {
    gap: 15px;
  }

  .banner.inner-banner.one .text-wrapper {
    margin-top: 185px;
  }

  .banner.inner-banner.one {
    padding-bottom: 100px;
  }

  .about-us .image-wrap img {
    height: 519px;
  }

  .how-it-work .image-wrapper img {
    height: 528px;
  }

  h1 {
    font-size: 65px;
  }

  h2 {
    font-size: 40px;
  }

  .courses .box {
    background-color: var(--bg-color1);
    padding: 55px 23px;
    border-radius: 18px;
  }

  header .button-wrpper span a {
    font-size: 11px;
  }
}

@media screen and (max-width: 1200px) {
  .course-program .content-wrapper .cta .button {
    font-size: 11px;
  }

  .course-program .content-wrapper .cta {
    padding: 48px 29px 55px 37px;
  }

  .send-message.register-form form .register-form-wrap {
    padding: 50px 80px 30px 80px;
  }

  header .button-wrpper span a {
    font-size: 12px;
  }

  header .bottom-head .stellarnav ul {
    gap: 8px;
  }

  header .button-wrpper {
    gap: 5px;
  }

  header .logo img {
    width: 181px;
  }

  .testimonials .heading h2 br {
    display: none;
  }

  header .bottom-head .stellarnav ul {
    gap: 6px;
  }

  header .button-wrpper span a {
    padding: 10px 11px;
    font-size: 10px;
  }
}

@media screen and (max-width: 1156px) {

  .courses .box p {
    min-height: 160px;
  }

  header .logo img {
    width: 123px;
  }

  .courses .box {
    min-height: 385px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .courses .box {
    text-align: center;
    margin-bottom: 30px;
  }

  .course-program .content-wrapper .cta .button-wrap span:nth-child(1) .button {
    padding: 12px 15px;
    font-size: 10px;
    text-align: center;
  }

  .course-program .content-wrapper .cta .button-wrap span:nth-child(2) .button {
    padding: 12px 15px;
    margin-left: 10px;
    font-size: 10px;
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .about .image img {
    height: 786px;
  }

  .d-button-left ul {
    left: 0px;
  }

  .course-program .content-wrapper .cta .left {
    width: 100%;
  }

  .stellarnav>ul>li:hover>ul>li:hover>ul {
    top: 0;
    left: 0;
  }

  .banner {
    padding-bottom: 120px;
  }

  .testimonials iframe {
    height: 530px;

  }

  header .logo img {
    width: 100%;
  }

  header .logo {
    width: 161px;
    flex: 0 0 161px;
  }

  .information .swiper-wrapper .swiper-slide {
    padding: 0 15px;
  }

  .training .wrapper .box p {
    font-size: 18px;
  }

  .header .stellarnav .dropdown-1 ul li:hover a {
    color: #000000 !important;
  }

  .header .stellarnav .dropdown-1 ul {
    opacity: 1;
    visibility: visible;
    background-color: transparent;
    box-shadow: none;
  }

  .course-program .icon-box-wrap ul li p {
    font-size: 14px;
    line-height: 20px;
    color: #3b3b3b;
    width: 257px;
  }

  /* .header .stellarnav .dropdown-1 ul li:hover {
        background-color: transparent;
    }

    .header .stellarnav .dropdown-1 ul li a {
        color: #000;
    }

    .header .stellarnav .dropdown-1 .dropdown-2 ul {
        display: none;
    }

    .header .stellarnav .dropdown-1 .dropdown-2:hover ul {
        display: block;
    }

    .header .dropdown-2 ul {
        display: none;
    }

    .header .dropdown-2:hover ul {
        display: block;
    } */
  .header .stellarnav .dropdown-1:hover .dropdown-2 ul {
    /* display: none; */
    /* height: 0px; */
  }

  .header .stellarnav .dropdown-1 .dropdown-2:hover ul {
    /* display: block; */
    /* position: relative; */
    /* height: auto; */
  }

  /* .header .stellarnav .dropdown-1 .dropdown-2:hover ul a {
        color: #000;
    }

    .header .stellarnav .dropdown-1 ul li:hover {
        background-color: transparent;
    }

    .header .stellarnav .dropdown-1 ul li:hover a {
        color: #000;
    }

    .stellarnav a.dd-toggle .icon-plus {
        float: right;
    } */

  .faq-section .heading-wrapper h3 {
    font-size: 28px;
  }

  .faq-section {
    padding: 50px 0 50px 0;
  }

  header .stellarnav .dropdown-1:hover ul {
    box-shadow: none;
  }

  .details-section.blog-section .details-right-content {
    padding-top: 15px;
  }

  .details-section .details-wrapper img {
    height: 275px;
  }

  .inner-banner-3.details-banner .banne-text {
    width: 100%;
  }

  .blog-section {
    padding: 50px 0 50px 0;
  }

  /* ============================================================================================================= */
  /* .header .stellarnav .dropdown-1 ul {
        gap: 0;
        width: 100%;
        background-color: transparent;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
    }

    .header .stellarnav .dropdown-1 ul li {
        padding: 9px 0;
    }

    .header .stellarnav .dropdown-1 ul li {
        border: none;
    }


    .header .stellarnav .dropdown-1 .dropdown-2 ul {
        opacity: 1;
        visibility: visible;
    }


    .header .stellarnav .dropdown-1:hover ul li {
        padding: 6px 0px;
        border: none;
    } */

  .banner.inner-banner.one .text-wrapper .button {
    padding: 9px 21px 7px 21px;
  }

  .banner.inner-banner.one .text-wrapper h1 {
    margin-bottom: 10px !important;
  }

  .banner.inner-banner.one .text-wrapper p {
    line-height: 15px;
  }

  .video .wrapper h2 {
    padding-bottom: 19px;
    padding-top: 27px;
  }

  .video .wrapper .icon a img {
    width: 37px;
    height: 37px;
  }

  .video .wrapper h2 {
    font-size: 18px;
  }

  .video .button {
    padding: 5px 34px;
  }

  .video .wrapper .button a {
    font-size: 10px;
  }

  .partners.one1 {
    padding-top: 25px;
    padding-bottom: 30px;
  }

  .choose.one .box {
    margin-bottom: 25px;
  }

  .banner.inner-banner.one span .button {
    font-size: 8px;
  }

  .banner .text-wrapper.one p {
    margin-bottom: 35px;
  }

  .messages.one .col-lg-6:nth-child(2) {
    margin-bottom: 47px;
  }

  .course-program .content-wrapper .col-lg-5:nth-child(2) .bottom-text {
    margin-top: 19px;
  }

  .information .sliderTab {
    margin-bottom: 0px;
  }

  .information .slide__nav {
    margin-bottom: 5px;
  }

  .banner.inner-banner.inner-banner-2 .text-wrapper h1 {
    margin-bottom: 8px;
  }

  .partners.contac-partners .heading h2 {
    font-size: 25px;
  }

  .partners.partners-testimonials-page .heading h2 {
    font-size: 25px;
    margin-bottom: 5px;
  }

  .partners.contac-partners {
    padding: 58px 0 22px 0;
  }

  .partners.contac-partners .heading {
    padding-bottom: 33px;
  }

  .send-message .text-center .button {
    margin-top: 0px;
  }

  .send-message textarea {
    padding-bottom: 25px;
  }

  .send-message form input {
    margin-bottom: 37px;
  }

  .send-message form {
    padding: 45px 30px 77px 30px;
  }

  .send-message .heading {
    padding-bottom: 55px;
  }

  .send-message {
    padding-top: 67px;
  }

  .partners.partners-testimonials-page {
    padding-top: 56px;
    padding-bottom: 52px;
  }

  .testimonials.testimonials-page {
    padding-top: 68px;
    padding-bottom: 26px;
  }

  .testimonials.testimonials-page .col-lg-3 a {
    margin-bottom: 16px;
  }

  .inner-banner-3 .banne-text h2 {
    font-size: 38px;
  }

  h2 {
    font-size: 25px;
  }

  .partners.partners-2 .heading h2 {
    font-size: 25px;
  }

  .partners.partners-2 .heading {
    padding-bottom: 30px;
  }

  .partners.partners-2 {
    padding-top: 56px;
  }

  .testimonials.testimonials-1 .heading {
    padding-bottom: 34px;
  }

  .testimonials.testimonials-1 {
    padding-bottom: 60px;
  }

  .testimonials.testimonials-1 .button-wrapper {
    padding-top: 13px;
  }

  .messages {
    padding: 50px 0 0px 0;
  }

  .testimonials.testimonials-1 .heading h2 {
    font-size: 25px;
  }

  .messages .heading {
    padding-bottom: 38px;
  }

  .messages .heading h2 {
    font-size: 25px;
  }

  .about-us .text-wrapper {
    text-align: center;
    padding-top: 44px;
    padding-bottom: 24px;
  }

  .about-us.about-us-1 .text-wrapper .inner-text h2 {
    line-height: 32px;
  }

  .about-us .text-wrapper .inner-text h2 {
    padding-bottom: 19px;
  }

  .about-us .text-wrapper .inner-text {
    padding-bottom: 5px;
  }

  .about-us .image-wrap img {
    width: 100%;
    height: 323px;
    object-fit: cover;
  }

  .course-program {
    padding-bottom: 0;
  }

  .course-program .content-wrapper .text-icon {
    padding-top: 40px;
  }

  .course-program .bottom-text.mt-5 {
    margin-top: 0 !important;
  }

  .course-program .content-wrapper .row .col-lg-5:nth-child(1) {
    margin-bottom: 30px;
  }

  .course-program .content-wrapper .cta {
    /* display: none !important; */
  }

  .course-program .bottom-text.pt-5 {
    margin-top: 5px !important;
  }

  .course-program {
    background-color: #fff;
  }

  .cta-1 {
    padding-bottom: 60px;
  }

  .course-program .content-wrapper {
    background-color: #fff;
    border-radius: 47px 47px 47px 47px;
    padding: 60px 15px 27px 15px;
  }

  .cta-1 .wrapper {
    padding: 63px 12px 48px 12px;
  }

  .cta-1 .image-wrapper img {
    width: 100%;
    height: 408px;
  }

  .cta-1 .image-wrapper {
    padding: 23px 49px 0 49px;
  }

  .cta-1 .content-wrapper .text h2 {
    padding-bottom: 19px;
  }

  .cta-1 .content-wrapper {
    text-align: center;
    padding: 0 49px;
  }

  .course-program .d-flex {
    flex-direction: column;
  }

  .course-program .content-wrapper .cta {
    padding: 49px 50px 55px 50px;
    border-radius: 20px;
    margin-top: 40px;
  }

  .course-program .content-wrapper .cta {
    align-items: start;
  }

  .course-program .button-wrap {
    flex-direction: column;
    width: 100%;
  }

  .course-program .button-wrap span {
    display: block;
    width: 100%;
  }

  .course-program .button-wrap span a {
    display: block;
    width: 100%;
  }

  .course-program .content-wrapper .cta .button-wrap span:nth-child(2) .button {
    margin-left: 0;
    margin-top: 15px;
  }

  .course-program .content-wrapper .cta .left {
    gap: 25px;
    padding-bottom: 46px;
  }

  .cta-1 .content-wrapper .text p {
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
  }

  .cta-1 {
    padding-top: 64px;
  }

  /* .training .wrapper {
        padding-bottom: 45px;
    } */

  .training .botton-text .inner-heading {
    margin-top: 36px;
  }

  .training .inner-heading.two {
    margin-bottom: 37px;
  }

  .training .botton-text {
    padding-top: 40px;
  }

  .training .wrapper .heading-wrapper {
    padding-bottom: 23px;
  }

  .training .wrapper h2 {
    line-height: 32px;
    margin-bottom: 13px;
  }

  .training {
    background-color: #fff;
  }

  .about-us.padding-top-90 {
    padding-top: 36px;
  }

  .information form .left-form {
    padding-bottom: 30px;
  }

  .information .heading-wrap h2 {
    padding-bottom: 17px;
  }

  .information .swiper-slide form .heading-wrap {
    text-align: center;
    padding-top: 49px;
    padding-bottom: 45px;
  }

  .information .swiper-slide form .heading-wrap h2 br {
    display: none;
  }

  .information .swiper-container.sliderContent {
    padding: 1px 5px 54px 5px;
  }

  .information .slide__nav {
    padding: 15px 30px 26px 0;
  }

  .information {
    padding: 4px 0 42px 0;
  }

  .swiper-slide {
    padding: 0 10px;
  }

  .information .sliderTab__next {
    opacity: 0;
  }

  .information .sliderTab__prev.swiper-button-disabled {
    opacity: 0;
  }



  .information .swiper-slide {
    padding: -3px 3px;
    margin-left: 0;
  }

  .swiper-slide.on.swiper-slide-active .slide__nav::after {
    border-bottom: 8px solid #8a1c1c00;
  }

  .slide__nav::after {
    border-bottom: 8px solid #8a1c1c00;
  }

  .information .swiper-container.sliderTab::after {
    background-color: #c7c7c700;
  }

  .banner.inner-banner.inner-banner-2 {
    padding-bottom: 130px;
  }

  .partners.two {
    padding-bottom: 28px;
  }

  .partners.two .heading h2 {
    font-size: 25px;
  }

  .how-it-work .image-wrapper img {
    height: auto;
    width: 100%;
  }

  .how-it-work .text-wrapper p:nth-child(2) {
    margin-bottom: 32px;
  }

  .how-it-work .text-wrapper .button {
    display: inline-block;
    padding: 15px 88px;
  }

  .how-it-work .text-wrapper .button a {
    color: #fff;
    font-size: 15px;
  }

  .how-it-work .text-wrapper p:nth-child(1) {
    margin-bottom: 9px;
  }

  .how-it-work {
    text-align: center;
  }

  .how-it-work .heading-wrapper .font-size-45 {
    font-size: 25px;
    padding-bottom: 22px;
  }

  .how-it-work {
    padding: 50px 0 42px 0;
  }

  .about-us.padding-botton-90 {
    padding-bottom: 30px;
  }

  .banner.inner-banner.one {
    padding-bottom: 130px;
  }

  .banner.inner-banner .text-wrapper {
    margin-top: 228px;
  }

  .banner.inner-banner.one .text-wrapper {
    margin-top: 228px;
  }

  .banner.inner-banner .text-wrapper p {
    font-size: 12px;
    line-height: 20px;
  }

  /* header .stellarnav.mobile.right>ul {
        right: 0px;
        padding: 0 20px;
    }

    header .stellarnav.mobile.right>ul li {
        padding-bottom: 10px;
    } */

  .about {
    text-align: center;
    padding-bottom: 60px;
    padding-top: 60px;
  }

  .about .about-btn {
    display: block;
  }

  .about .image img {
    width: 100%;
  }

  .banner .text-wrapper {
    margin-top: 150px;
  }

  .banner .text-wrapper p br {
    display: none;
  }

  h1 {
    font-size: 38px;
  }

  .top-header {
    font-size: 18px;
  }

  header {
    padding: 5px 0;
  }

  header .stellarnav.right.mobile {
    order: -1;
  }

  header .stellarnav .menu-toggle span.bars span {
    background-color: #000;
  }

  header .button-wrpper {
    display: none;
  }

  footer {
    text-align: center;
  }

  footer .row {
    gap: 40px;
  }

  footer .col-lg-7 .col-lg-5 ul {
    padding-top: 0px;
  }

  footer .copy {
    display: none;
  }

  footer {
    background-color: #cbd2da;
    padding: 50px 0 60px 0;
  }

  footer .logo-wrapper {
    padding: 0 40px;
  }

  footer .logo-wrapper .icon-wrapper {
    padding-top: 10px;
  }

  footer .logo-wrapper .icon-wrapper {
    justify-content: center;
  }

  .partners {
    padding: 0 0 50px 0;
  }

  .video .wrapper {
    padding: 60px 0 20px 0;
  }

  .choose .box {
    margin-bottom: 25px;
  }

  .partners .heading {
    padding-bottom: 25px;
  }

  .partners {
    text-align: center;
  }

  .partners .col-lg-4 {
    margin-bottom: 26px;
  }

  .choose .mb-4 {
    margin: 0 !important;
  }

  .about .col-lg-7 {
    order: -1;
  }

  .choose.one .mb-4 {
    margin-bottom: 30px !important;
  }

  .choose.one .mb-md-4 {
    margin-bottom: 30px;
  }

  .choose {
    padding: 50px 0 20px 0;
  }

  .choose .heading {
    padding-bottom: 30px;
  }

  .testimonials {
    padding: 50px 0 46px 0;
    text-align: center;
  }

  .testimonials .button-wrapper {
    padding-top: 10px;
  }

  .testimonials .col-lg-3 {
    margin-bottom: 30px;
  }

  .testimonials .heading {
    padding-bottom: 40px;
  }

  .about-btn {
    display: block;
    margin-top: 30px;
  }

  .about-btn-2 {
    display: none;
  }

  .courses .box {
    text-align: center;
    margin-bottom: 30px;
  }

  .courses .button-wrap {
    margin-top: 20px;
  }

  /* .testimonials {
    padding: 50px 0 86px 0;
    text-align: center;
} */
  .partners .heading h2 {
    font-size: 25px;
  }

  .banner .text-wrapper.one span a {
    font-size: 8px;
    padding: 9px 23px 7px 23px;
  }

  .course-program .content-wrapper .cta .button-wrap span:nth-child(1) .button {
    padding: 12px 15px;
    font-size: 15px;
    text-align: center;
  }

  .course-program .content-wrapper .cta .button-wrap span:nth-child(2) .button {
    padding: 12px 15px;
    font-size: 15px;
    text-align: center;
  }

  header .bottom-head .stellarnav .dropdown-1 ul li a {
    font-size: 15px;
  }

  header .bottom-head .stellarnav ul li {
    background-color: transparent;
  }

  header .bottom-head .stellarnav ul li a {
    font-size: 15px;
    padding: 10px 20px;
  }

  .stellarnav.mobile.right>ul {
    max-width: 315px;
  }

  .header .stellarnav .dropdown-1 ul {
    gap: 0;
    width: 100%;
  }

  .header .stellarnav ul li {
    width: 100%;
    padding: 0 !important;
    border-bottom: none;
  }

  /* .header .stellarnav .dropdown-1 ul {
    gap: 0;
    width: 100%;
    display: block !important;
  } */

  .header .stellarnav .dropdown-1 .dropdown-2 ul {
    opacity: 1;
    visibility: visible;
    display: none !important;
    position: static !important;
  }

  .header .stellarnav .has-sub ul,
  .header .stellarnav .has-sub.open .has-sub ul {
    display: none !important;
  }

  .header .stellarnav .has-sub.open ul,
  .header .stellarnav .has-sub.open .has-sub.open ul {
    display: block !important;
  }

  .training.training-box-1 .wrapper {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .header .stellarnav ul li a {
    padding: 10px 20px !important;
  }

  .header .stellarnav ul li li a {
    padding-left: 30px !important;
  }

  .header .stellarnav ul li li li a {
    padding-left: 40px !important;
  }

  .header .stellarnav a.dd-toggle {
    padding: 0px 20px !important;
    width: auto !important;
  }

  .header .stellarnav .dropdown-1 ul li li {
    border-color: transparent;
  }

  .header .stellarnav .dropdown-1 ul li:hover a {
    display: block;
    width: inherit;
  }

  .stellarnav.mobile ul {
    position: relative;
    display: none;
    text-align: left;
    background: #000000;
    display: block;
  }

  .header .stellarnav ul li:hover a {
    color: inherit;
  }

  header .bottom-head .stellarnav ul li a,
  .header .stellarnav .dropdown-1 ul li a,
  .header .stellarnav .dropdown-1 .dropdown-2 ul li a {
    color: #fff !important;
  }

  .header .stellarnav .dropdown-1 ul li {
    border-bottom-color: transparent;
  }

  .stellarnav .dd-toggle {
    top: -5px;
  }

  .stellarnav .icon-close:after,
  .stellarnav .icon-close:before {
    border-bottom: solid 3px #fff;
  }

  .stellarnav a.dd-toggle .icon-plus:after,
  .stellarnav a.dd-toggle .icon-plus:before {
    border-bottom: solid 3px #fff;
  }

  .header .stellarnav .dropdown-1 ul li:hover a {
    color: #fff !important;
  }

  .header .stellarnav ul ul a {
    font-weight: normal !important;
    font-size: 13px !important;
  }

  .header .stellarnav ul li a:hover {
    background-color: transparent !important;
    color: #eee !important;
  }

  .header .stellarnav ul li:hover {
    background-color: transparent !important;
  }

  .header .stellarnav .has-sub.open ul li a:hover,
  .header .stellarnav .has-sub.open .has-sub.open ul li a:hover {
    background: rgba(255, 255, 255, 0.1);
  }

  header .bottom-head .stellarnav ul li.active a,
  header .bottom-head .stellarnav ul li.has-sub li.active a {
    color: #ee2020 !important;
  }

  header .bottom-head .stellarnav ul li.has-sub.active>a,
  header .bottom-head .stellarnav ul li.has-sub li a {
    color: #fff !important;
  }

  footer li.active a {
    color: #8A1C1C !important;
  }

  .information .slide__nav {
    min-width: 128px;
  }

  .information .sliderTab__prev {
    left: -14px;
  }

  .send-message.register-page.register-form .submit-form .register-form-wrap .col-lg-6 .text-danger {
    bottom: 8px;
  }

  .send-message.register-form form .register-form-wrap select {
    margin-bottom: 36px;
  }
}

@media screen and (max-width: 800px) {}

@media screen and (max-width: 767px) {
  .about .image img {
    height: 400px;
  }
}

@media screen and (max-width: 667px) {
  /* .slide__nav {
        font-size: 14px;
        min-width: 170px;
    } */

  .cta-1.intensiv-cta .content-wrapper {
    padding: 0 15px;
  }

  .cta-1.intensiv-cta .image-wrapper {
    padding: 23px 15px 0 15px;
  }

  .cta-1.intensiv-cta .image-wrapper img {
    height: 250px;
  }

  .training .wrapper h2 br {
    display: none;
  }

  .faq-section .accordion-button {
    padding: 15px 20px 15px 20px;
  }

  p.text {
    font-size: 15px;
    line-height: 25px;
  }

  .send-message.register-form form .register-form-wrap ul {
    padding-bottom: 10px;
  }

  .send-message.register-form form .register-form-wrap ul li {
    font-size: 14px;
  }

  .send-message.register-form form .register-form-wrap {
    padding: 30px 30px 10px 30px;
  }

  .send-message.register-form form .register-form-wrap label {
    font-size: 15px;
  }

  .information .slide__nav {
    padding: 15px 0px 26px 0;
  }
}

@media screen and (max-width: 575px) {
  .details-section .details-wrapper img {
    margin-bottom: 16px;
  }

  .how-it-work .button .text {
    font-size: 15px;
  }

  .banner.inner-banner.inner-banner-2 .button-wrapper.gap-4 {
    gap: 4px !important;
  }

  .inner-banner-2 .text-wrapper .button-wrapper span:nth-child(2) a {
    font-size: 8px;
    padding: 9px 30px 6px 30px;
  }

  .how-it-work .image-wrapper img {
    height: 323px;
    width: 100%;
    object-fit: cover;

    .courses .box {
      background-color: var(--bg-color1);
      padding: 55px 30px;
      border-radius: 18px;
    }

    /* .about .about-btn{
  display: block;
} */
    .video .row>* {
      padding-right: calc(var(--bs-gutter-x) * 0);
      padding-left: calc(var(--bs-gutter-x) * 0);
    }

    .video .wrapper h2 {
      font-size: 18px;
    }

    .video .button {
      padding: 3px 40px 6px 40px;
    }

    .video .button a {
      font-size: 10px;
    }

    .video .icon img {
      width: 40px;
    }

    .choose .box {
      padding: 26px 59px 40px 26px;
    }

    .courses .box .text {
      font-size: 18px;
    }

    .courses .heading .top-header {
      padding-bottom: 10px;
    }

    .courses .heading {
      padding-bottom: 35px;
    }

    .courses h2 {
      max-width: 292px;
      width: 100%;
      margin: 0 auto;
      line-height: 32px;
    }

    .modal-dialog {
      max-width: 400px !important;
    }

    .modal-dialog {
      width: 100% !important;
    }

    h1 {
      font-size: 38px;
    }

    h2 {
      font-size: 25px;
    }

    .banner .text-wrapper p {
      font-size: 12px;
      line-height: 17.72px;
      max-width: 280px;
      width: 100%;
    }

    .banner.inner-banner .text-wrapper p {
      max-width: 100%;
      margin-bottom: 27px;
      margin-top: 6px;
    }

    .banner .text-wrapper p br {
      display: none;
    }

    .banner .text-wrapper h1 {
      margin-bottom: 12px;
    }

    .banner .text-wrapper p {
      margin-bottom: 20px;
    }

    .banner .button {
      font-size: 8px;
      padding: 9px 22px 6px 22px;
    }

    .banner {
      padding-bottom: 80px;
    }

    /* .about .col-lg-5{
    order: 2;
} */

    .about {
      padding: 35px 0;
      text-align: center;
    }

    .about .top-header {
      padding-bottom: 12px;
    }

    .about .content-wrapper h2 {
      max-width: 320px;
      width: 100%;
      margin: 0 auto;
    }

    .about .content-wrapper p {
      margin-top: 20px;
      padding-bottom: 30px;
    }

    .text {
      font-size: 15px;
      line-height: 33px;
    }
  }

  .inner-banner-2 .text-wrapper .button-wrapper span:nth-child(1) a {
    font-size: 8px;
    padding: 9px 30px 6px 30px;
  }
}

@media screen and (max-width: 480px) {
  .details-section .details-wrapper img {
    height: 230px;
  }
}

@media screen and (max-width: 414px) {
  .about .image img {
    height: 350px;
  }

  .course-program.course-program-box .button-wrapper .button {
    padding: 15px 33px;
  }

  .send-message.register-form form .register-form-wrap label {
    font-size: 13px;
  }

  .send-message.register-page.register-form .submit-form .register-form-wrap .col-lg-6 .text-danger {
    font-size: 12px;
  }

  .send-message form input {
    font-size: 13px;
  }

  .send-message.register-form .mform-inner-heading h6 {
    font-size: 18px;
  }
}

@media screen and (max-width: 380px) {
  .details-section .details-wrapper img {
    height: 200px;
  }

  .course-program .icon-box-wrap ul li span {
    margin-right: 15px;
  }
}

@media screen and (max-width: 375px) {}

@media screen and (max-width: 320px) {}

/* @media screen and (min-width: 1200px) and (max-width: 1400px){
    .courses .box {
    background-color: var(--bg-color1);
    padding: 45px 27px;
    border-radius: 18px;
}
}
@media screen and (min-width: 991px) and (max-width: 1199px){
.courses .box .button{
        padding: 13px 30px;
}
} */