/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/app/assets/css/upsc-mains-daily-answer-writing.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.font-14{
font-size: 14px;  
}
.text-justify{
text-align: justify;  
}
.font-20{
font-size: 20px;  
}
.class-card{
background-image: linear-gradient(to right, #feda6d5c 0%, #febcbd1a 100%);
border-radius: 20px;
padding:5px 20px;
position: relative;
overflow: hidden;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
display: flex;
place-items: center;
gap: 10px;
justify-content: space-between;
}
    .class-card h2 {
      font-weight: 700;
      color: #000;
      font-size: 32px;
        font-family: 'Noto Sans Devanagari', 'Mangal', "Roboto", sans-serif;
    }
    .class-card p {
      margin: 5px 0;
      color: #000;
    }
.pre-mains-btn-flex{
display: flex;
gap: 3px;
place-items: center;  
list-style-type: none;
background: rgba(40, 44, 42, 0.05);
padding: 2px;
border: 2px solid transparent;
margin-bottom: 10px;
}
.upsc-pre-mains{
margin-right: 0px;
}
.upsc-pre-mains>a{
background: #ffffff;
color: #000;
padding: 5px 15px !important;
display: block;
text-align: center;
border-radius: 0px !important;
white-space: nowrap;
transition: background-color 0.2s, color 0.2s;
box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
font-weight: 500;
margin-bottom: 0px;
font-size: 14px;
}
.upsc-pre-mains>a:hover, .upsc-pre-mains.active>a{
background: #fe8b4a !important;
color: #fff !important;
border-bottom: none !important;
}
.daw-paper-list-section{
border-right: 1px solid #f7f7f7; 
}

.daw-paper-list{
list-style-type: none;
max-height: 643px;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
padding: 2px; 
}

.paper-badge{
padding: 5px 38px;
font-size: 14px;
font-weight: 900;
line-height: 1;
text-shadow: 2px 1px 3px black;
color: #ffffff;
text-align: center;
white-space: nowrap;
background: linear-gradient(180deg, #eb863b, #ffffff) !important;
border-radius: 6px;
box-shadow: 0px 2px 6px #36363691;
display: block;
}

.paper-badge:hover, .paper-badge:focus{
color: #ffffff;  
}

.daw-subject-list{
padding-left: 0px;
list-style-type: none;
padding-top: 10px;
padding-bottom: 0px;
text-align: center;
margin-left: 0px;
}

.daw-subject-list>li, .daw-date-list>li{
margin-bottom: 5px;  
}

.daw-subject-list>li>a, .daw-date-list>li>a{
display: block; 
color: #454545;
font-size: 14px;
}

.daw-subject-list>li>a:hover, .daw-date-list>li>a:hover, 
.daw-subject-list>li>a:active, .daw-date-list>li>a:active{
color: #fc9928; 
}
.byte-section {
    box-shadow: 4px 1px 14px #8080806b !important;
    border-radius: 18px;
}
.daw-question-paper-section{
    margin-left: 0px;
    margin-right: 0px; 
}
.question-list-section{
border-left: 0px; 
padding: 0px 5px;
}

.question-box{
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
padding: 8px;
border-radius: 8px;
margin-bottom: 10px;
background: #fff9f9;  
}

.question-box>a{
font-weight: 600;
font-size: 14px;
display: block;
color: #645d5d !important;
}

.gs-question-details{
display: flex;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: thin;
margin-top: 5px;
padding-bottom: 0px;
}

.question-topic-inner{
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
border-radius: 5px;
padding: 0px 10px;
margin-left: 5px;
background-color: #f7f6f2;
font-size: 11px;
margin-bottom: 6px;
}

.question-topic-inner>.spheron>.fa-star{
font-size: 11px;
margin-right: 0px;
}

.daw-date-list, .list-type-none{
list-style-type: none;  
}

.daw-date-list{
max-height: 525px;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
margin-left: 0px;
text-align: center;
padding-left: 0px;
}

.gs-csat-btn>a{
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
padding: 7px 15px;
color: #ffffff;
border-radius: 8px;
background: #131618;
margin-right: 3px;
color: #fff;
font-size: 14px;
}

.gs-csat-btn>a:hover, .gs-csat-btn>a:active{
background: #fc9928;
color: #ffffff;
}

.quiz-section-bg{
background: #f4f4f445;  
}

.prelims-quiz-box{
border-bottom: 1px solid #ececec;
display: flex;
place-items: center;
justify-content: space-between;
gap: 10px;
}

.prelims-quiz-box>div>h4{
font-weight: 600 !important;
font-size: 16px;
color: #645d5d;
}

.prelims-quiz-box>div>p{
font-size: 13px;
color: #645d5d;  
}

.quiz-btn{
vertical-align: top;
margin: 0 0 0 10px;
padding: 3px 15px;
border: 1px solid #c65338;
text-align: center;
color: #c65338;
text-transform: uppercase;
white-space: nowrap;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
background: #fff;
border-radius: 5px;
font-size: 14px;
}

.quiz-btn:hover{
color: #fff;
background: #c65338;
border-color: #c65338;
}
.quiz-btn:focus{
color: #c65338;  
}

/* daw details start */

.illustration{
max-height: 130px;
object-fit: contain;
}

/* daw details end */

@media only screen and (max-width:767px){
.daw-date-list{
display: flex;
white-space: nowrap;
gap: 10px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
margin-left: 0px;
}

.daw-date-list>li>a{
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
border-radius: 5px;
padding: 0px 10px;
margin-left: 5px;
background-color: #f7f6f2;
margin-bottom: 6px;
margin-left: 0px;
} 

.daw-date-list>li>a.active, .daw-date-list>li>a:hover{
color: #fd8d0d;
border: 1px solid #fd8d0d;  
}}

@media only screen and (max-width:575px){
.prelims-quiz-box{
flex-wrap: wrap;
justify-content: start;
}  

.prelims-quiz-box>div>p{
margin-bottom: 0px;
}

.quiz-btn{
margin: 0px 0px 10px 0px;
}}

.right-daw{
padding: 10px;
border-radius: 10px;
box-shadow: 4px 1px 14px #8080806b;
margin-bottom: 20px;
}

/* right */
.details-question{
font-size: 18px; 
text-align: justify;   
}

.question-border-bottom{
border-bottom: 1px solid #dee2e6;
margin-bottom: 0px;
padding-bottom: 1px;
}

.download-pdf-section{
background: #f4f4f445;
padding: 10px;
text-align: justify;
}

.gap-10{
gap: 10px;
}

.spheron-submit-btn{
border: 1px solid #c65338;
background: #c65338;
color: #ffffff; 
font-size: 14px; 
}

.spheron-submit-btn:hover, .spheron-submit-btn:focus{
color: #ffffff; 
background: #c65338; 
}

.height-35{
height: 35px;    
}

.flex-scroll{
white-space: nowrap;   
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 5px;
display: flex; 
place-items: center;
scrollbar-width: thin;
}

.flex-scroll>li{
font-size: 12px;  
margin-right: 5px;  
}

.flex-scroll>ul>li>a{
font-size: 12px;
}

.question-rating>svg{
width: 12px;   
margin-right: 1px; 
}

@media only screen and (max-width:991px){
.reverse-flex-direction{
display: flex;
flex-direction: column-reverse;
}}
.topicactive {
  color: #fc9928 !important;
}
.download-pdf-section > ul, .download-pdf-section > ol {
	margin-left: 15px;
}

.downlaod-section {
    display: flex;
    justify-content: space-between;
    place-items: center;
}
a.prelimsactive {
    background: #fff;
    color: #000;
}
.btn-download-pdf{
 border: 1px solid #d60000; 
 color: #d60000;
}
.btn-download-pdf:hover{
 color: #d60000; 
 border: 1px solid #d60000;  
}

.daw-mentorship>.d-flex{
width: 90%;
}
.daw-mentorship>.d-flex>div{
width: 80%;
}
@media only screen and (max-width:767px){
.mobile-column-reverse-flex{
display: flex;
flex-direction: column-reverse; 
}
.daw-mentorship, .daw-mentorship>.d-flex{
display: flex;  
}}
@media only screen and (max-width:575px){
.daw-mentorship, .daw-mentorship>.d-flex, .daw-mentorship>.d-flex>div{
display: block; 
width: 100%; 
}}
    
    /* calendar section */
    .date-section{
     background: #282c2a0d;
     padding: 2px;
     border: 2px solid #0000;  
     max-width: 800px;
     overflow: hidden;
     display: flex;
     margin: auto;
     }
    .date-picker-container {
      border-radius: 0px;
      max-width: 790px;
      display: flex;
      margin: auto;
      box-shadow: 4px 1px 14px #8080806b !important;
      overflow: hidden;
    }
    .date-scroll {
      display: flex;
      flex-grow: 1;
      white-space: nowrap;
      padding: 0px 0;
      gap: 1px;
      position: relative;
    }
    .date-item {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 30px;
      padding: 0px 20px;
      text-align: center;
      font-size: 14px;
      color: #000;
      border-right: 1px solid #e9e9e9;
      cursor: pointer;
      background: #fff !important;
    }
    .dropdown-box {
      border-left: 1px solid #e9e9e9;
      background: linear-gradient(159deg, #fc992866, #ffffff);
      position: relative;
    }
    .dropdown-btn {
    cursor: pointer;
    color: #363636;
    padding: 7px 18px;
    font-size: 14px;
    font-weight: bold;
    background: transparent;
    border-radius: 0px;
    width: 80px;
    width: auto;
    text-align: center;
    }
    .dropdown-btn:focus{
    border-color: transparent;
    box-shadow: none;
    }
    
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: white;
      min-width: 120px;
      z-index: 1000;
      border: 1px solid #ccc;
      max-height: 200px;
      overflow-y: auto;
    }
    .dropdown-content div {
      padding: 8px 10px;
      cursor: pointer;
    }
    .dropdown-content div:hover {
      background-color: #eee;
    }
    .dropdown-box.open .dropdown-content {
      display: block;
    }
    /* Scrollbar styling (optional) */
    .date-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .date-scroll::-webkit-scrollbar-thumb {
      background: #0033cc;
      border-radius: 10px;
    }
    .caret-icon{
      position: absolute !important;
      margin-top: 10px !important;
      right: 8px;
    }
    .date-scroll {
      overflow: hidden;
    }
    .scroll-list {
      display: flex;
      overflow-x: auto;
      scroll-behavior: smooth;
      padding: 0px;
      scrollbar-width: none; /* Firefox */
      gap: 1px;
    }
    .scroll-list::-webkit-scrollbar {
      display: none; /* Chrome/Safari */
    }
    .arrow{
      background: none;
      border: none;
      color: white;
      cursor: pointer;
      z-index: 1;
      display: none;
    }
    .arrow>svg{
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 4px;
    padding: 6px;
    color: #454545;
    transition: all .4s;
    box-shadow: 0 3px 8px #0000003d;
    background: #fff1e1;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    display: inline-block;
    }
    .arrow>svg:hover{
    background: #fc9928;
    color: #fff;
    }
    .arrow.left{
      left: 0;
    }
    .arrow.right{
      right: 0;
    }
    .date-picker-container:hover > .date-scroll > .arrow{
     display: block; 
     position: absolute;
    }

    /* calendar section end */
    
    /* common */
         .subject-card {
      background: linear-gradient(180deg, #fc992866, #ffffff);
      border-radius: 30px;
  
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      font-family: 'Segoe UI', sans-serif;
    }
    .class-mentor {
      background: linear-gradient(356deg, #fc992866, #ffffff);
      border-radius: 20px;
      padding:22px 100px 22px 50px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
      display:flex;
      align-items: center;
      justify-content: space-between;
    }
    .class-mentor>.d-flex{
    width: 90%;    
    }
    .class-mentor>.d-flex>div{
    width: 85%;  
    text-align: center;  
    }
    .illustration {
      max-height: 130px;
      object-fit: contain;
    }
    .enterMentor{
      margin-left: 15px;
    }
    .enlMen{
    color: #fff;
    background-color: #ba351cd1;
    box-shadow: 1px 9px 14px #0000008c;
    border-radius: 23px;
    padding: 5px 31px;
    border: none;
    white-space: nowrap;
    font-size: 14px;
    }
       .class-cardsforum{
      border-radius: 20px;
      padding:5px 20px;
      position: relative;
      overflow: hidden;
      box-shadow: 5px 5px 13px gray;
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

    .class-cardsforum>div{
   width: 70%; 
   text-align: center;
   }
   .class-cardsforum h2{
    font-size: 22px;
    text-align: center;
   }
   .forumEnroll{
    background: #c65338;
    color: white;
    border-radius: 18px;
    padding: 5px 31px;
    font-size: 14px;
    border: none;
    }
    .forumEnroll:hover, .enlMen:hover{
     color: white; 
     background-color: #ba351cd1; 
    }
    .align-items-center{
        align-items: center;
    }
    .free-chat-time{
    font-size: 17px;
    color: #333333;    
    }

    @media only screen and (max-width:767px){
        .mobile-column-reverse-flex {
        display: flex;
        flex-direction: column-reverse;
    }    
    .illustration{
    width: 75px;    
    } 
    .enterMentor, .class-cardsforum h2{
     font-size: 20px;   
    }
    .enlMen{
        padding: 5px 20px;    
    }}
    @media only screen and (max-width:575px){
    .class-mentor{
     display: block;
     padding: 22px;
     text-align: center;
    }
    .enterMentor{
    margin-left: 0px;  
    }
    .class-mentor>.d-flex,.class-cardsforum{
    display: block;  
    text-align: center;  
    }
    .class-cardsforum>div, .class-mentor>.d-flex, .class-mentor>.d-flex>div{
        width: 100%;
    }
    .chat-btn{
        display: flex;
        justify-content: center;    
    }
    }