.whole_card_container {
        display: flex;
        flex-direction: row;
        margin-top: 35px;
    }

    .swiper-btn-prev {
        font-size: 60px;
        position: absolute;
        top: 50%;
        right: 100%;
        text-decoration: none
    }

    .swiper-btn-next {
        position: absolute;
        font-size: 60px;
        left: 100%;
        top: 50%;
        text-decoration: none;
    }

    .swiper-btn-prev img:hover,
    .swiper-btn-next img:hover {
        background-color: #ccc !important;
        border-radius: 50% !important;
        padding: 8px !important;
        transition: all 0.6s ease !important;
    }

    @media (max-width: 991px) {
        .whole_card_container {
            display: grid !important;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
            gap: 40px !important;
        }
    }

    @media(max-width:767px) {
        .footer-layout-sec {
            flex-direction: column !important;
            width: 100% !important;
        }

        .heading-study-material {
            padding: 0 !important;
            margin: 0 auto !important;
            text-align: center !important;
        }

        .container {
            margin-top: 0px !important;
            padding-top: 10px !important;
        }

        .whole_card_container {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            gap: 25px 0px !important;
        }

        .questions h3 {
            font-size: 25px !important;
        }

        .questions p {
            font-size: 17px !important;
        }

        .swiper-btn-prev {
            position: absolute !important;
            top: 100% !important;
            right: 50% !important;
            margin: 20px !important;
        }

        .swiper-btn-next {
            position: absolute;
            font-size: 60px;
            left: 50%;
            top: 100%;
            margin: 20px;
            text-decoration: none !important;
        }
    }

    @media(max-width:580px) {
        .whole_card_container {
            gap: 25px 0px !important;
        }

        .key-skils-container p {
            font-size: 16px !important;
        }

        .key-notes p {
            font-size: 17px !important;
        }
    }

    @media(max-width:516px) {
    
    .swiper-slide-active .card{
      transform : scale(1) !important;
    }
    
        .footer-layout-sec .col {
            margin: 0 auto !important;
        }

        .footer-layout-sec .col {
            flex-direction: column !important;
        }

        .footer-layout-sec .add-boxs {
            flex-wrap: wrap !important;
            display: flex !important;
            justify-content: start !important;
            padding-left: 20px !important;
        }

        .view_all_courses {
            display: flex !important;
            justify-content: center !important;
        }

        h2 {
            font-size: 28px !important;
        }

        h3 {
            font-size: 25px !important;
        }
        .key-skils-container{
            padding:0px 20px ;
        }
        .display-4{
            font-size: 36px !important;
        }
        #head_container{
            margin: 0px !important;
            margin-top:20px !important ;
            margin-bottom: 30px !important;

        }
        #why_course_text{
            font-size: 28px !important;
            text-align: center !important;
        }
        .about_coursePara{
            margin-top: 0px !important;
        }
    
    }
    .lesson_card:hover .go-course .text {
        padding-bottom: 0;
        visibility: visible;
        opacity: 1;
    }
    
    @media (max-width:430px) {
        #course_profile_desc_container{
            gap: 10px !important;
            padding: 15px !important;
        }
        .key-skils-container p{
            font-size: 14px !important;
        }
        #course_quoute{
            font-size: 16px !important;
        }
        .tick_icon{
            margin-right: 4px !important;
        }
        .key-skils-container{
            padding: 0px 20px !important;
            margin-top: 15px !important;
            gap: 0px !important;
        }
        .card-img-top{
            width: 100% !important;
        }
        .card-title{
            margin-bottom: 0px !important;
        }
        .swiper{
            height: 630px !important;
            padding-top: 0px !important;
        }
        .display-4{
            font-size: 32px !important;
        }
        .question1 {
            padding: 10px !important;
        }
        .question2 {
            padding: 10px !important;
        }
        .swiper-btn-next{
            margin: auto !important;
            
        }
        .swiper-btn-prev{
            margin: auto !important;
           
        }
        .arrow-icons{
            width: 30px !important;
            height: 30px !important;
            margin: 5px !important;
        }
        #why_course_text{
            font-size: 26px !important;
            text-align: center !important;
        }
        .questions p{
            font-size: 14px !important;
        }
        .questions h3{
            font-size: 21px !important;
            padding-left: 0px !important;
            padding: 0px !important;
        }
        #qoute_container{
            margin-top: 20px !important;
        }
        #qoute_head{
            font-size: 28px !important;
        }
        #domain_profile_image{
            padding: 20px !important;
        }
        .key-notes p {
            font-size: 14px !important;
        }
        #domain_profile_head{
            font-size: 28px !important;
        }
        #about_course{
            font-size: 32px !important;
            padding-top: 20px !important;
        }
        #qouate_icon_left{
            font-size: 50px !important;
        }
        #qouate_icon_right{
            font-size: 50px !important;
            padding-right: 0px !important;
        }
        
        
        

    }

    @media (max-width:390px){
        #qoute_head{
            font-size: 24px !important;
        }
        #about_course{
            font-size: 28px !important;
            padding-top: 20px !important;
        }
        #domain_profile_head{
            font-size: 24px !important;
        }
    }

    @media (max-width:360px) {
        #course_profile_desc_container{
            gap: 7px !important;
            padding: 15px !important;
        }
        #course_quoute{
            font-size: 14px !important;
        }
        .card-img-top{
            width: 100% !important;
        }
        .display-4{
            font-size: 24px !important;
        }
        .key-skils-container p{
            font-size: 12px !important;
        }
       
        #why_course_text{
            font-size: 21px !important;
            text-align: center !important;
        }
        .questions p{
            font-size: 12px !important;
        }
        .questions h3{
            font-size: 18px !important;
        }
        #qoute_head{
            font-size: 21px !important;
        }
        .key-notes p {
            font-size: 12px !important;
        }
        #domain_profile_head{
            font-size: 21px !important;
        }
        #about_course{
            font-size: 24px !important;
            padding-top: 20px !important;
        }
    }
    @media (max-width:320px) {
        #course_quoute{
            font-size: 12px !important;
        }
        .card-img-top{
            width: 100% !important;
        }
        .key-skils-container p{
            font-size: 12px !important;
        }
        #why_course_text{
            font-size: 18px !important;
            text-align: center !important;
        }
        #qoute_container{
            margin-top: 15px !important;
        }
        #qoute_head{
            font-size: 18px !important;
        }
        #domain_profile_head{
            font-size: 18px !important;
        }
        #about_course{
            font-size: 21px !important;
            padding-top: 20px !important;
        }
        
    }