/* Auto-extracted from courses.blade.php */

/* ----- block 1 ----- */
.image{
            object-fit:contain;
            height:-webkit-fill-available;
        }
       #videoModal .btn-close{
        float:right;
        position: absolute;
        right: 15px;
        top: 15px;
        background-color: #eeeeee;
       }
        li{
            list-style-type: none;
        }
        .course_details_area .title:after {
            content: "";
            position: absolute;
            left: 0;
            bottom:-1px;
            height: 1px;
            width: 74px;
            background:#fcb037;
        }
        .course_details_area .title {
            font-size: 21px;
            border: none;
            cursor: pointer;
            margin-top: 24px;
            border-bottom: 1px solid #eeeeee;
            position: relative;
            padding-bottom: 10px;
            margin-bottom: 22px;
        }
        
        .video{
            min-height: 110px !important;
        }
        .text-black{
            color:black !important;
        }
        .user_img{
            object-fit: contain;
             width: 52px;
             margin-left: 35px;
        }
        .user-column{
           width:33%;
        }
        .feedback-column{
            width:66%;
        }
        body{
            text-transform:initial; 
        }
        .thumb{
        color:white !important;
        font-size: 26px;
        }
        .count{
            margin-top:16px;
        }
        .thumb-button{
            border-radius:50%;
            height:50px;
            width:50px;
            border:none;
            outline:none;
            background: transparent;
        }

        .fs{
            font-size:21px;
        }
        .btn-social:hover{
                color:red;
        }      

        .form-floating>label {
            color: #131212
        }
        .form-control {
            color:#171616; 
        }
        .accordion-button:not(.collapsed) {
            color: #fafafa !important;
            background-color: #0d1530 !important;
            box-shadow: unset !important;
        }
        .accordion-button {
            color: #fafafa !important;
            background-color: #0d1530 !important;
            box-shadow: unset !important;
            padding: 0%;
            font-size: 1.3rem;
            font-weight: bold;
        }
        .accordion-button::after {
            filter: invert(1) brightness(1.4);
        }
        .module-list > ul > li {
            background: #0d1530;
            border-color: #1a2b5c !important;
        }

       .accordion {
            display: flex;
            flex-direction: column;
            font-family: "Sora", sans-serif;
            text-transform:none;
        }
        .accordion h1 {
            font-size: 32px;
            text-align: center;
        }
        .accordion-item {
            margin-top: 16px;
            border: 1px solid #1a2b5c;
            border-radius: 6px;
            background: #0d1530;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
        }
        .accordion-item .accordion-item-title {
            position: relative;
            margin: 0;
            display: flex;
            width: 100%;
            font-family: sans-serif;
            font-size: 18px;
            cursor: pointer;
            justify-content: space-between;
            flex-direction: row-reverse;
            padding: 14px 20px;
            box-sizing: border-box;
            align-items: center;
            color: #ffffff;
        }
        .accordion-item .accordion-item-desc {
            display: none;
            font-size: 16px;
            line-height: 22px;
            font-weight: 300;
            color: #c9d2e4;
            border-top: 1px dashed rgba(255, 255, 255, 0.18);
            padding: 10px 20px 20px;
            box-sizing: border-box;
        }
        .accordion-item .icon {
            color: #fafafa;
        }
        .accordion-item .faq_text {
            color: #c9d2e4;
        }
        .accordion-item input[type="checkbox"] {
            position: absolute;
            height: 0;
            width: 0;
            opacity: 0;
        }
        .accordion-item input[type="checkbox"]:checked ~ .accordion-item-desc {
            display: block;
        }
        .accordion-item
            input[type="checkbox"]:checked
            ~ .accordion-item-title
            .icon:after {
            content: "-";
            font-size: 20px;
        }
        .accordion-item input[type="checkbox"] ~ .accordion-item-title .icon:after {
            content: "+";
            font-size: 20px;
        }
        .accordion-item:first-child {
            margin-top: 0;
        }
        .accordion-item .icon {
            margin-left: 14px;
        }

        @media (max-width: 768px) {
            .module-list ul{
                padding-left:0px !important;
            }
            .module-list .p-3{
                padding:10px !important;
                margin-bottom:10px !important;
            }
            .accordion-collapse ul{
                padding:0 20px !important;
            }
            .accordion-collapse .col-3{
                width:40% !important;
            }
            .accordion-collapse .col-9{
                width:60% !important;
            }
            .module h5{
                font-size:15px;
                
            }
            .module p{
                font-size: 13px;
                text-align: justify;
            }
            .module-img{
                height: 100px !important;
                width:100px !important;
            }
            .video .btn-play:before {
                left: 80% !important;
            }
            
            .video .btn-play:after {
                left: 80% !important;
            }
            .video .btn-play span{
                left:90%;
            }

            #videoModal .modal-dialog {
            position: relative;
            max-width: 98% !important;
            margin: 65px auto 0 auto;
            box-shadow: 8px 8px 10px rgba(0, 0, 0, .8);
            }

            #videoModal .modal-body {
                position: relative;
                padding: 10px 10px 10px 10px;
            }
        }
                
        
      .loader {
            position: fixed;
            width: 100%;
            height: 100%;
            text-align: center;
            color: #fff;
            background:rgb(1 3 31 / 50%);
            padding-top: 17%;
            z-index: 22222;
         }

         .dropdown-toggle::after {
            display: none !important;
        }
        .language_dropdown{
            background: transparent !important;
            border: none;cursor: pointer;
            margin-top: -3px !important;
            color: var(--light) !important;
            text-transform: uppercase;
            font-weight: 600;
            outline: none;
            transition: .5s;
        }

        .video_timer{
            position: relative; top: -19px; float: right; right: 6%;background: lightgray;color: black;
        }

      @media (max-width: 460px) {
        .loader {
            position: fixed;
            width: 100%;
            height: 100%;
            text-align: center;
            color: #fff;
            background:rgb(1 3 31 / 50%);
            padding-top: 90%;
            z-index: 22222;
      }

      .start_quiz{
        width: 80% !important;
      }

      .language_dropdown{
        color: #000 !important;
        background: transparent !important;
      }

      .video_timer{
            position: relative; top: -19px; float: right; right: 25%;background: lightgray;color: black;
        }

      }

      .dropdown-item{
            color: #fff;
            font-size: 18px;
            text-overflow: ellipsis;
        }
        .faq_title{
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 0.3px;
            font-family: sans-serif;
        }
        .faq_text{
            font-size: 17px;
            letter-spacing: 0.3px;
            font-family: sans-serif;
        }
        .coupan_modal_button{
            margin-right: 3%;
            width: 40% !important;
            margin-left: 3.5%;
        }