/*************
Hash CSS Start
**************/
@media(min-width: 1921px){
    
}
@media(max-width: 991px){
    .header, .container-fluid{
        padding-left: 16px;
        padding-right: 16px;
    }
    .title-area .title {
        font-size: 32px !important;
        line-height: 38px !important;
    }
     .navbar-collapse.show {
        position: absolute;
        top: 92px;
        left: 0;
        width: 100%;
        background-color: var(--white-color);
        margin: 0;
        min-width: 100%;
        z-index: 99;
        box-shadow: 0 3px 10px rgba(0,0,0,10%);
        transition: opacity 0.3s ease;
        opacity: 1;
        border-top: 1px solid var(--main-color);
    }
    .main-menu {
        gap: 12px;
        padding: 26px !important;
    }
    .main-menu .menu-item{
        width: 100%;
    }
    .header{
        justify-content: space-between !important;
    }
    .footer-contact-title{
        margin-top: 80px;
    }
    .secret-img-wrap{
        max-width: 80%;
    }
    .how-does-process-content-wrap {
        max-width: 90% !important;
    }
}
@media(max-width: 767px){
    .header {
        padding: 10px 16px;
    }
    .header .logo {
        max-width: 130px;
    }
    .navbar-collapse.show{
        top: 74px;
    }
    .title-area .title {
        font-size: 28px !important;
        line-height: 34px !important;
        margin-bottom: 20px;
    }
    .title-area p.subtitle {
        font-size: 21px;
        line-height: 32px;
    }
    .footer{
        padding-top: 40px;
    }
    .ft-wrapper{
        margin: 0;
        padding: 0 0 50px;
    }
    .ft-about-content{
        margin-bottom: 30px;
    }
    .ft-wrapper .title{
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 28px;
    }
    .footer-contact-title {
        margin-bottom: 20px !important;
        margin-top: 0;
    }
    .contact-details .item{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 16px;
    }
    .contact-details li i {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 16px;
    }
    .contact-details :where(.item, .item a) {
        gap: 0 16px;
    }
    .slick-arrow-custom {
        width: 38px;
        height: 38px;
        font-size: 18px;
    }
    .slick-arrow-custom.slick-next {
        right: 4px;
    }
    .slick-arrow-custom.slick-prev{
        left: 4px;
    }
    .desktop-card-hading{
        display: none !important;
    }
    .mobile-card-heading{
        display: block;
        width: 100%;
    }

    .hero-sec{
        background: none !important;
    }
    .hero-sec {
        padding: 30px 0 0;
    }
    h1.title {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 20px;
    }
    .hero-content {
        text-align: center;
    }
    .hero-content .global-btn{
        margin: 0 auto;
    }
    .result-sec {
        padding-top: 60px;
    }
    .result-box .title {
        font-size: 24px;
        line-height: 28px;
    }
    .secret-sec {
        padding: 60px 0;
    }
    .secret-sec .title-area {
        text-align: center;
    }
    .secret-sec .title-area .title small{
        line-height: 22px;
        font-size: 22px;
    }
    .secret-sec .desc{
        text-align: center;
    }
    .secret-list .list-item {
        flex-wrap: wrap !important;
        text-align: center;
    }
    .secret-list .list-item .list-img-wrap{
        margin: 0 auto;
    }
    .secret-img-wrap {
        max-width: 100%;
    }
    .secret-img-wrap::before{
        content: none;
    }
    .secret-sec .title-area .title{
        line-height: 32px !important;
    }
    .secret-img-wrap .secret-img {
        margin-bottom: 20px;
    }
    .wl-video-wrapper{
        max-width: 100%;
        margin-left: 0;
    }
    .wl-sec::before{
        content: none;
    }
    .wl-content .desc{
        margin-bottom: 20px;
    }
    .wl-video-wrapper > .global-btn{
        margin-left: unset !important;
    }
    .trans-sec {
        padding: 40px 0;
    }
    .trans-sec .title-area{
        margin-bottom: 20px !important;
    }
    .inner-our-program-container {
        flex-wrap: wrap;
    }
    .inner-our-program-container .card,
    .inner-our-program-container .our-program-work-card-box:nth-child(1),
    .card.how-work-content-inner-wrap{
        width: 100% !important;
        top: unset !important;
        position: relative !important;
        padding: 10px 30px 10px 15px;
        border-radius: 20px;
        margin-bottom: 5px !important;
    }
    .scroll-card-img > img {
        max-width: 55px;
        width: 55px !important;
        object-fit: contain;
    }
    .scroll-card-content h4{
        display: none;
    }
    .our-program-rad-section {
        margin-bottom: 20px !important;
    }
    .trans-bottom-content {
        padding-bottom: 60px;
    }
    .success-sec .title-area, .how-does-proceess .title-area, .testimonials-sec .title-area, .our-experts .title-area{
        margin-bottom: 20px !important;
    }
    .success-container .scroll-card-content .desc {
        margin-bottom: 20px;
    }
    .success-card-box .accordion-toggle h3{
        color: var(--white-color);
    }
    .success-bottom-content {
        padding: 10px 0 60px;
    }
    .how-does-process-content-wrap{
        margin-right: unset !important;
    }
    .card.how-work-content-inner-wrap::before {
        width: 3px;
        left: -25px;
    }
    .card.how-work-content-inner-wrap::after {
        width: 16px;
        height: 16px;
        left: -32px;
    }
    .card.how-work-content-inner-wrap{
        min-height: unset !important;
    }
    .card-count{
        margin-bottom: 0px;
    }
    .card.how-work-content-inner-wrap .accordion-toggle{
        gap: 10px;
    }
    .card.how-work-content-inner-wrap .accordion-toggle .card-count{
        margin-bottom: 0px;
        font-size: 27px;
        line-height: unset;
    }
    .card.how-work-content-inner-wrap .accordion-toggle h3{
        color: var(--text-color);
    }
    .custom-acco-icon {
        position: absolute;
        top: 22px;
        right: 12px;
    }
    .success-card-box .custom-acco-icon{
        color: var(--white-color);
    }
    .how-does-proceess {
        padding-bottom: 20px;
    }
    .testimoninal-slider .slick-track{
        gap: 20px;
        padding: 20px 0 30px;
    }
    .testimoninal-slider .slick-track .slide{
        margin-right: 14px;
    }
    .custom-dots .slick-dots li{
        width: 36px;
    }
    .testimoninal-slider .slick-dots {
        bottom: -34px;
    }
    .testi-content, .result-box .desc{
        font-size: 18px;
        line-height: 26px;
    }
    .success-bottom-content.testi-bottom-content{
        padding: 40px 0 40px;
    }
    .info-box-wrapper {
        padding-bottom: 40px;
    }
    .info-wrapper .desc {
        font-size: 18px;
        line-height: 24px;
    }
    .expert-box{
        border-radius: 20px;
        padding: 20px;
    }
    .expert-img-wrapper{
        margin-bottom: 20px;
    }
    .expert-detail-wrapper .name {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 16px;
    }
    .expert-detail-wrapper .about-expert{
        margin-bottom: 20px;
    }
    .expert-detail-wrapper .role, .expert-detail-wrapper .about-expert{
        font-size: 18px;
        line-height: 26px;
    }
    .experts-wrapper {
        max-width: 100%;
        margin-bottom: 40px;
    }
    .faq-sec {
        padding: 60px 0;
    }
    .faq-btn {
        margin-top: 26px;
    }
    .faq-accordion .accordion-body {
        font-size: 18px;
        line-height: 26px;
    }
    .quiz-wrapper .quiz-content .quiz-img {
        max-width: 170px;
    }
    .quiz-wrapper {
        padding: 20px;
        border-radius: 20px;
    }
    .take-control {
        padding: 40px 0;
    }
    .take-control .title-area p.subtitle {
        font-size: 22px;
        line-height: 32px;
    }
    .info-box-wrapper .row .col-12 .info-wrapper, .control-box-wrapper .row .col-12 .control-wrapper {
        padding: 20px;
    }
    .control-box-wrapper {
        margin-bottom: 20px !important;
    }
    .privacy-links :where(a, span) {
        font-size: 15px;
        line-height: 22px;
    }
    .privacy-banner {
        min-height: 250px;
    }
    .privacy-banner h1 {
        font-size: 42px;
        line-height: 48px;
        margin-bottom: 14px;
    }
    .breadcrumbs li {
        font-size: 22px;
        line-height: 22px;
    }
    .privacy-banner{
        margin-bottom: 40px;
    }
    .privacy-banner {
        min-height: 250px;
    }
    .page-content {
        margin-bottom: 60px;
    }
    
    .quiz-step .popup-title {
        font-size: 16px;
        margin-bottom: 20px !important;
    }
    .quiz-question label{
        font-size: 14px;
        line-height: 22px;
    }
    .quiz-answer label{
        margin-bottom: 10px;
    }
    .quiz-form-wrapper input{
        font-size: 16px;
        padding: 8px;
    }
    #quiz-popup{
        max-height: 600px;
    }
    .quiz-steps-indicator{
        margin-bottom: 1rem;
    }
    .quiz-step {
        padding: 0 20px 20px 20px;
    }
    #quiz-popup-content .wpcf7-response-output{
        margin: -1rem 20px 20px 20px;
    }
      #quiz-popup {
    width: 95%;
    max-height: 90vh;
  }
  .quiz-answer label {
    font-size: 13px;
  }
  .quiz-steps-wrapper{
     overflow-x: auto;
  }
  .quiz-steps-indicator {
    display: flex;
    white-space: nowrap;
    padding: 20px 0;
    scroll-behavior: smooth; /* Smooth scrolling */
    overflow-x: auto;
    min-width: fit-content;
    justify-content: start;
  }
  #close-quiz-btn{
    top: 5px;
  right: 5px;
  }
  .quiz-steps-indicator .step{
    /* display: inline-block; */
    position: relative;
    padding: 10px 20px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out; 
  }
    .form-submit, .form-submit-btn .submit-btn{
        max-width: 100%;
    }
    .privacy-links{
        gap: 14px;
    }
}