/* Optional banner */
.crisp-banner{
background: linear-gradient(335deg, rgb(252 153 40 / 58%) 0%, rgb(252 153 40 / 24%) 50%, rgb(252 153 40 / 6%) 100%);
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
border-radius:10px;
position: relative;
display: flex;
gap: 10px;
margin-bottom: 10px;
padding: 5px 10px 5px 10px;
display: flex;
align-items: center;
} 
.crispimg{
background-attachment: fixed;
width: 130px;
}
.crisp-banner h2{
font-size: 35px;
text-shadow: 0 -1px 0 #ffffff, 0 0px 0 #9e9e9e, 0 0px 0 #d3d3d3, 0 0px 0 #d3d3d3, 0 0px 0 #d3d3d3, 0 1px 0 #8a8a8a, 0 1px 0 #e0e0e0, 0 1px 0 #a2a2a2, 0 1px 0 #c4c4c4, 0 4px 0 #999999, 0 1px 0 #ffffff, 0 1px 0 #ffffff, 0 1px 0 #ffffff, 0 0px 0 #ffffff, 0 1px 0 #ffffff, 0 1px 0 #ffffff, 0 1px 0px rgb(255 255 255 / 90%);
letter-spacing: 4px;
font-family: 'Lobster', cursive;
}
.crisp-banner p{
font-size: 14px;
font-style: italic;
color: #2b2b2b;
}
/* Optional banner */

.optional-syllabus{
border-radius: 18px !important;
background-color: transparent;
color: #000;
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: 6px 15px !important;
display: block;
text-align: center;
margin-bottom: 10px;
}
.optional-syllabus:hover{
color: #000;
}

/* notes section */
.optional-notes{
box-shadow: 4px 1px 14px #8080806b;
margin-bottom: 20px;
border-radius: 10px;
margin-left: 0px;
margin-right: 0px;
}
.optional-notes-list{
padding: 10px;
}
.notes_heading{
color: #ffffff !important;
font-size: 14px;
font-weight: 700;
text-align: left;
margin-bottom: 0px;
background: #fe8b4a !important;
border-radius: 20px;
text-align: center;
padding: 2px 50px;
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;
}
.subject_list{
list-style-type: none;
padding-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.subject_list>li{
margin-bottom: 5px;
}
.subject_list>li>a{
padding: 0px;
display: block;
max-width: 100%;
color: #454545;
}
.subject_list>li>a:hover{
color: #fc9928;
}
.optional-notes-article-section{
background: #f4f4f46e;
padding: 10px;
/* max-height: 550px;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin; */
border-left: 1px solid #e7e7e7;
}
.article-published{
font-size: 24px;
color: #fc9928; 
text-align: center; 
font-weight: bold;
border-bottom: 1px solid #ffead2;
}

.article-section{
box-shadow: 4px 1px 14px #8080806b;
padding: 15px;
border-radius: 10px;
margin-bottom: 10px;
background: #f4f4f46e;
}
.right-section-h1{
font-size: 20px;
border-bottom: 1px solid #eaeced;
padding: 3px 30px;
background-image: linear-gradient(83deg, #ff8b4d, #fc9928);
color: #fff !important;
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;
margin-bottom: 10px;
text-align: center;
margin-top: 0px;
border-radius: 30px;
}
.article-box{
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
padding: 8px;
border-radius: 8px;
margin-bottom: 10px;
background: #fff9f9;
}
.article-box>a{
font-weight: 700;
font-size: 15px;
display: block;
color: #645d5d !important;
}
.ellipsis{
display: -webkit-box;
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.papers-list-flex button{
border-radius: 18px !important;
background-color: transparent;
color: #000;
margin-right: 10px;
box-shadow: rgb(50 50 93 / 74%) 0px 50px 100px -20px, rgb(0 0 0) 0px 30px 60px -30px, rgb(137 137 137 / 70%) 0px -2px 6px 0px inset;
padding: 5px 25px !important;
}
.gs-paper-details{
display: flex;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: thin;
margin-bottom: 4px;
padding-bottom: 5px;
}
.date-div{
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;
}
.justify-content-end{
justify-content: end;    
}
.redcolor{
color: #d60000;
}
.socialIcon{
  width:18px;
}
.px-3{
padding-left: 1px !important;
padding-right: 1px !important;    
}

@media only screen and (max-width:767px){  
.crispimg{
width: 75px;  
}
.crisp-banner h2{
font-size: 25px;  
} 
.notes_heading{
width: 100%; 
padding: 4px 50px; 
}
.optional-syllabus{
padding: 3px 15px !important;
}
.optional-notes-article-section{
border-left: 0px;  
}}

.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;
}
.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: 6px 31px;
border: none;
white-space: nowrap;
}
.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: 90%; 
text-align: center;   
}
.class-cardsforum>.d-flex{
width: 100%;
}
.class-cardsforum>.d-flex>.d-flex{
width: 100%; 
}
.class-cardsforum>.d-flex>.d-flex>img{
width: 30%; 
}
.class-cardsforum>.d-flex>.d-flex>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 25px;
font-size: 14px;
border: none;
}
.forumEnroll:hover, .enlMen:hover{
color: white;  
}
.align-items-center{
align-items: center;
}
.free-chat-time{
font-size: 17px;
color: #333333;    
}
.gs-share-icon{
text-align: right;
}

/* by subject */
.px-4{
padding-left: 4px;
padding-right: 4px;
}
.optional-syllabus-banner{
background: linear-gradient(335deg, rgb(252 153 40 / 58%) 0%, rgb(252 153 40 / 24%) 50%, rgb(252 153 40 / 6%) 100%);
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
border-radius: 10px;
position: relative;
gap: 10px;
margin-bottom: 10px;
padding: 5px 30px 5px 30px;
display: flex;
align-items: center;
}
.optional-syllabus-banner>div{
width: 90%;  
text-align: center;  
}

.optional-syllabus-banner h2{
font-size: 35px;
font-weight: 900;
text-shadow: 1px 1px #fff;
}

.optional-notes{
box-shadow: 4px 1px 14px #8080806b;
margin-bottom: 20px;
border-radius: 10px;
padding: 15px 5px;
margin-left: 0px;
margin-right: 0px;
}
.subjects_list{
list-style-type: none;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 10px;
text-align: center;
}
.subjects_list>li,
.subject_list>li{
margin-bottom: 5px;
}
.subjects_list>li>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: 2px 24px !important;
text-align: center;
margin-bottom: 8px;
border-radius: 18px;
background: #f5f5f5;
color: #333;
text-decoration: none;
cursor: pointer;
font-weight: 500;
display: block;
}

.subjects_list>li>ul{
list-style-type: none;
text-align: center; 
margin-left: 0px; 
}
.subjects_list>li>ul>li>a{
 padding: 3px 10px;
 display: block;
 max-width: 100%;
 color: #454545;
 text-decoration: none; 
}
.subjects_list>li>ul>li>a:hover{
color: #fc9928;  
}
.papers-content-box{
border: 1px solid #ddd;
}
.papers-content-box>.col-md-6{
padding: 0px;    
}
.papers-content-box>.col-md-6:first-child{
border-right: 1px solid #ddd;    
}
.optional-notes-table-head{
background: linear-gradient(359deg, #fc9928b5, #ee8449);
font-size: 17px;
text-align: center;
}
.optional-notes-table-head>h4{
color: #ffffff;
margin-top: 0px;
}

.optional-papers{
padding: 10px 15px !important;
}

.optional-papers>div>div>h5{
background: linear-gradient(180deg, #b8b8b866, #ffffff);
width: fit-content;
color: #000000;
border-radius: 20px;
text-align: center;
padding: 3px 25px;
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;
}

.optional-papers>div>h4{
font-size: 17px;
font-weight: 600;
margin-top: 0px;
}

.optional-papers>div>div>ul{
list-style-type: none;
}

.optional-papers>div>div>ul>li{
margin-bottom: 6px;
}

.text-primary2{
color: #17a2b8;
font-weight: 500;
}
.text-primary2:hover{
 color: #17a2b8;   
}
.border-bottom-grey{
 border-bottom: 1px solid #ddd; 
 padding-bottom: 20px;  
}
.border-bottom-grey:last-child{
  border-bottom: none;
  padding-bottom: 0px;   
}
@media only screen and (max-width:767px){
.crispimg{
width: 75px;
}
.optional-syllabus-banner h2{
font-size: 25px;
}}

.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;
}
/* by subject end */

/* syllabus */
.shadow-lg{
box-shadow: 4px 1px 14px #8080806b;    
} 
.rounded-10{
border-radius: 10px;    
} 
.font-20{
font-size: 20px;    
}
.optiona--detail-banner{
background: linear-gradient(335deg, rgb(252 153 40 / 58%) 0%, rgb(252 153 40 / 24%) 50%, rgb(252 153 40 / 6%) 100%);
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
border-radius:10px;
position: relative;
gap: 10px;
margin-bottom: 10px;
padding: 5px 30px 5px 30px;
display: flex;
align-items: center;  
}
.optiona--detail-banner>.syllabus-heading{
width: 90%;
text-align: center;    
}
.syllabus-heading{
font-size: 35px;
margin-top: 0px; 
}
.optiona--detail-banner>img{
width:130px;    
}
.free-content-btn{
background: #d60000;
border-radius: 12px;
padding: 8px 50px;
text-align: center;
color: #fff;
text-decoration: none;
font-weight: 600;
display: block;
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;
width: fit-content;
-webkit-mask: linear-gradient(-60deg, #000 30%, #0005, #000 40%) right / 350% 100%;
background-repeat: no-repeat;
animation: shimmer_lrn 2s infinite;
}
@keyframes shimmer_lrn{
100% {
    -webkit-mask-position: left;
}}

.free-content-btn:hover, .free-content-btn:focus{
color: #fff;    
}

.books-section{
display: flex;
justify-content: flex-start;
overflow-y: hidden;
overflow-x: auto;
scrollbar-width: thin;
gap: 20px;
}
.book-col{
flex: 1 0 3%;
margin: 10px 5px 5px 5px;   
}
.relevant-books{
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; 
display: block;   
border-radius: 5px;
padding-bottom: 5px;
margin-bottom: 15px;
min-width: 150px;
max-width: 150px;
background: #f6f7f9;
/* background: #fceeeb; */
}
.relevant-books>img{
width: 100%; 
border-radius: 5px 5px 0px 0px;
height: 130px;   
}
.relevant-books>p{
margin-bottom: 0px; 
padding: 0px 10px;   
}
.relevant-books>p>.book-name{
display: block;
color: #000;
font-weight: 500;
font-size: 14px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
/* min-height: 50px; */
}
/* pyq pdf */

.mains-year-no-pdfs{
background-position: center center;
background-repeat: no-repeat;
padding-top: 40px !important;
box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);
padding: 20px;
background-image: url(./public/assets/eguru/images/icons/1bg.webp);
position: relative;
margin-top: 30px;
margin-bottom: 30px;
}
.mains-year-no-pdfs::before{
background: #fc9928;
width: 30%;
margin: 0 35%;
height: 11px;
position: absolute;
left: 0;
top: 0;
content: '';
border-radius: 0px 0px 5px 5px;
}
.mains-year-no-pdfs::after{
background: #fc9928;
width: 30%;
margin: 0 35%;
height: 11px;
position: absolute;
left: 0;
bottom: 0;
content: '';
border-radius: 5px 5px 0px 0px;
}
.no-pdfs{
background: #fff9f9;
transition: 0.5s;
color: #000000;
padding: 5px 60px;
font-size: 20px;
border-radius: 25px 0px 25px 0px;
margin-bottom: 15px;
display: block;
text-align: center;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
width: fit-content;
}
.no-pdfs>p{
display: flex;
gap: 20px;
margin-bottom: 0px;
place-items: center;
}
.no-pdfs:hover, .no-pdfs:focus{
color: #000000;
}
.no-pdfs>p>span:nth-child(1) img{
width: 40px;
}
.no-pdfs>p>span:nth-child(2){
font-size: 14px;
text-align: center;
font-weight: 500;
}
.font-weight-600{
font-weight: 600;    
}
@media only screen and (max-width:767px){
.syllabus-heading{
font-size: 25px;
}
.optiona--detail-banner>img{
width: 75px;  
}
.mobile-font-20{
font-size: 20px;  
}
.mobile-font-17{
font-size: 17px;  
}
.no-pdfs{
width: 100%;  
}
}

@media only screen and (max-width:575px){
.col-12{
width: 100%;    
}
.no-pdfs{
padding: 5px 10px;  
}}
@media only screen and (max-width:450px){
.mobile-col-12{
width: 100%;  
}  
}
/* syllabus end */

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