.font-20{
font-size: 20px;    
}
.font-18{
font-size: 18px;    
} 
.font-weight-500{
font-weight: 500;    
}
.font-16{
font-size: 16px;    
}
.red-text-color{
color: #d90000;
}
.dark-color{
color: #000000;
}
.font-25{
font-size: 25px;
}
.font-28{
font-size: 28px;
}
.italic{
font-style: italic;
}
.font-weight-500{
font-weight: 500;
}
.features-table-head{
background: #354882;
color: #ffffff;
font-size: 18px;
}
.features-table-head > tr{
pointer-events: none;
}
.table-shadow{
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
border: 1px solid #FC9928;
}
.table-striped>tbody>tr:nth-of-type(odd){
background-color: #e6e8f4;
}
.first-td-padding{
padding: 13px 8px 8px 8px !important;
}
.logo-images{
width: 30px;    
}
.text-color-decoration>a{
text-decoration: underline;
color: #4040be;
}
.text-color-decoration>a:hover{
color: #000;
}
.syllabus-btans{
text-align: center;
display: block;
margin-bottom: 15px;
padding: 3px;
border-radius: 5px;
font-size: 14px;
min-height: 55px;
box-shadow: 0 10px 36px #00000029, 0 0 0 1px #0000000f;
color: #999999;
text-decoration: none;
}
.syllabus-btans:hover{
background: #fc9928;
color: #ffffff;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
border-left: 1px solid #aaaaaa;
border-top: 1px solid #aaaaaa;
}
.table>thead>tr>th{
border-bottom: 2px solid #aaaaaa;
}
.exam-bg{
background: #fdd9b0;
color: #000000;
width: 170px;
}
.syllabus-bg{
background: #FFF4E0;
color: #000000;
}
.pyq-bg{
background: #FFF4E0;
color: #000000;
}
.mock-test-bg{
background: #FFF4E0;
color: #000000;
}
.dark-black{
color: #000000;
}
.spheran{
color: #fc9928;
}
.features-flex-box{
display: flex;
width: 100%;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
border: 1px solid #FC9928;
overflow-x: auto;
border-radius: 5px;
white-space: nowrap;
margin-bottom: 20px;
scrollbar-width: thin;
}
.features-flex-box > div{
width: 100%;
}
.features-flex-box > div >  h3{
border-left: 1px solid #aaaaaa;
border-bottom: 2px solid #aaaaaa;
padding: 5px 10px;
}
.features-flex-box > div > ul > li{
list-style-type: none;
border-left: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
padding: 5px 10px;
}
.features-flex-box > div > ul > li.second-padding{
padding: 6.4px 10px;
}
.features-flex-box > div > ul > li.third-padding{
padding: 9.5px 10px;
}
.features-flex-box > div > ul > li>a{
color: #fc9928;
text-decoration: underline;
}
.features-flex-box > div > ul > li>a:hover{
color: #ef0000;
}
.features-flex-box > div:nth-child(1){
background: #ff8800;
color: #ffffff;
}
.features-flex-box > div:nth-child(2){
background: #ff9d01;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.features-flex-box > div:nth-child(2)  > ul > li>a{
color: #ffffff;
}
.features-flex-box > div:nth-child(3){
background: #f6932e;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.features-flex-box > div:nth-child(3)  > ul > li>a{
color: #ffffff;
}
.features-flex-box > div:nth-child(4){
background: #d6771b;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.features-flex-box > div:nth-child(4)  > ul > li>a{
color: #ffffff;
}
.features-flex-box > div:nth-child(2)  > ul > li>a:hover,   .features-flex-box > div:nth-child(3)  > ul > li>a:hover,   .features-flex-box > div:nth-child(4)  > ul > li>a:hover{
color: #000000;
}
@media only screen and (max-width:767px){
.features-flex-box > div:nth-child(1){
min-width: 140px;
max-width: 140px;
}}
.features-flex-box > div >  h3.bl-0, .features-flex-box > div > ul > li.bl-0{
border-left: 0px;
}
.features-flex-box > div > ul > li:last-child{
border-bottom: 0px;
}
.test-series-section{
box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
padding: 5px 15px 5px 15px;
border-radius: 5px;
position: relative;
}
.test-series-section:before, .test-series-section:after{
border-width: 4px;
border-style: solid;
content: "";
position: absolute;
height: 80px;
width: 80px;
}
.test-series-section::before{
top: 0;
border-color: #fc9928;
left: 0px;
border-bottom-color: transparent !important;
border-right-color: transparent !important;
}
.test-series-section::after{
right: 0px;
border-color: #fc9928;
bottom: 0;
border-top-color: transparent !important;
border-left-color: transparent !important;
}
.test-btans{
display: inline-block;
border: 1px solid #d60000;
color: #d60000;
padding: 2px 15px;
border-radius: 5px;
font-weight: 400;
transition: .3s linear;
font-size: 13px;
text-decoration: none;
}
.test-btans:hover{
background-color: #d60000;
color: #fff;
}
.test-btans:focus{
color: #d60000;
}
.free-paid-mock-section{
border: 1px solid #dddddd;
padding-bottom: 10px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
margin-bottom: 10px;
border-radius: 8px;
background: #FFF4E0;
}
/* demo video section css */
.demo-video-box {
position: relative;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
display: block;
padding: 1px;
border: 2px solid black;
margin-bottom: 10px;
border-radius: 5px;
}
.demo-video-box>img{
border-radius: 5px;
}
.course-demo-video{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #ffffffab;
width: 70px;
height: 70px;
border-radius: 100%;
}
.course-demo-video>svg{
padding-top: 15px;
font-size: 40px;
color: #ff0000;
padding-left: 5px;
}
@media only screen and (max-width:575px){
.course-demo-video{
width: 50px;
height: 50px;
}  
.course-demo-video>i{
line-height: 50px;
font-size: 30px;
}}
/* Demo video section css end */
/* apps and social icons */
/* .app-icons-section{
border-radius: 5px;
margin-top: 30px;
margin-bottom: 10px;
display: flex;
place-items: center;
gap: 20px;
width: 100%;
}
.app-icons-section>p{
font-size: 14px;
width: 50%;
border-radius: 13px;
}
.app-icons-section > p>span:nth-child(1), .social-channel-icons > p>span:nth-child(1){
width: 100%;   
}
.app-icons-inner{
flex-wrap: wrap;
place-items: center;
padding: 10px 2px;
position: relative;
margin-bottom: 0px;
justify-content: space-between;
background: #20615B;
justify-content: center;
}
@property --angle{
syntax: "<angle>";
initial-value: 0deg;
inherits: false;
}
.app-icons-inner::after,
.app-icons-inner::before{
content: "";
position: absolute;
inset: -0.2rem;
z-index: -1;
background: linear-gradient(var(--angle),rgb(0, 0, 0), #fc9928, #fc9928);
animation: rotate 4s linear infinite;
border-radius: 15px;
}
.app-icons-inner::after{
filter: blur(2px);
}
@keyframes rotate{
0% { --angle: 0deg; }
100% { --angle: 360deg;
}}
.app-icons-inner>span{
color: rgb(255, 255, 255);
}
.place-items-center{
place-items: center;
}
.google-play-img, .app-store-img{
display: flex;
justify-content: space-around;
background: black;
color: #fff;
padding: 4px 15px 0px;
border-radius: 8px;
place-items: center;
text-decoration: none;
}
.google-play-img:focus, .app-store-img:focus{
color: #fff; 
}
.google-play-img>img{
min-width: 25px;
height: 25px;
margin-right: 8px;
}
.google-play-img>span>small, .app-store-img>span>small{
font-size: 10px;
line-height: 1;
}
.d-block{
display: block;
}
.google-play-img>span>span, .app-store-img>span>span{
font-weight: 600;
font-size: 14px;
line-height: 1.4;
}
.app-store-img{
color: #fff;
margin-left: 10px;
}
.app-store-img>svg{
font-size: 25px;
margin-right: 8px;
}
.social-channel-icons{
flex-wrap: wrap;
place-items: center;
padding: 13px 2px;
position: relative;
margin-bottom: 0px;
justify-content: space-between;
background: #4ABDAC;
justify-content: center;
}
.social-channel-icons>span{
color: #ffffff;
}
.telegram-channel-icon{
color: #ffffff;
padding: 4px 15px;
background: #1873ca;
border-radius: 8px;
display: flex;
place-items: center;
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.whatsapp-channel-icon{
background-color: #4dc247;
margin-left: 15px;
color: #ffffff;
padding: 4px 15px;
border-radius: 8px;
display: flex;
place-items: center;
font-size: 14px;
font-weight: 600;
text-decoration: none;
} */
/* .whatsapp-channel-icon>svg, .telegram-channel-icon>svg{
color: #ffffff;
margin-left: 10px;
font-size: 25px;
}
.google-play-img:hover, .app-store-img:hover{
color: #ffffff;
}
.whatsapp-channel-icon:hover, .telegram-channel-icon:hover, .whatsapp-channel-icon:focus, .telegram-channel-icon:focus{
color: #ffffff;
}
.text-shadows{
text-shadow: 1px 1px #92964b;
} */
/* .social-channel-icons::after, .social-channel-icons::before{
content: "";
position: absolute;
inset: -0.2rem;
z-index: -1;
background: linear-gradient(var(--angle),rgb(0, 0, 0), #fc9928, #fc9928);
animation: rotate 4s linear infinite;
border-radius: 15px;
}
.social-channel-icons::after{
filter: blur(1px);
}
@keyframes animatedgradient{
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }} */

.social-channel-links>img{
width: 40px;
box-shadow: 0 2px 4px #0e1e251f, 0 2px 16px #0e1e2552;
border-radius: 100%;
}
/* .app-icons{
width: 35px;   
} */
.app-social-section{
background: rgb(2, 29, 58);
}

@media only screen and (max-width: 991px){
.app-icons-section{
flex-wrap: wrap;
}
.app-icons-section>p{
width: 100%;  
}}
@media only screen and (max-width: 635px){
.app-img{
width: 90px;    
}
.social-channel-links>img{
width: 30px;    
}}
@media only screen and (max-width:575px){
.mobile-justify-content-start{
justify-content: start !important;
} 
.social-channel-links>img{
width: 25px;
}   
.logo-images{
width: 23.4px;    
} 
.test-btans{
font-size: 12px;    
} 
.course-demo-video > svg{
padding-top: 13px;
font-size: 25px;
}
.mobile-mx-2{
margin-right: 1px !important;
margin-left: 1px !important;    
}
.mpr-3{
padding-right: 3px !important;
}
.mpl-3{
padding-left: 3px !important;
}
.syllabus-btans{
 font-size: 12px;   
 min-height: auto;
padding: 10px 5px;
}
.syllabus-btans>span>img{
 width: 25px !important;
 height: 25px;   
}
.app-social-section{
display: block !important;
text-align: center;
}
}
@media only screen and (max-width:550px){
.app-icons-section .font-28, .social-channel-icons .font-28{
font-size: 20px !important;
}
.google-play-img>span>span, .app-store-img>span>span{
font-size: 15px;
}
.google-play-img>span>small, .app-store-img>span>small{
font-size: 10px;
}
.google-play-img>img{
min-width: 20px;
height: 20px;
}
.app-store-img>i{
font-size: 20px;
}
.telegram-channel-icon, .whatsapp-channel-icon{
font-size: 15px;
}
.whatsapp-channel-icon>i, .telegram-channel-icon>i{
font-size: 20px;
}}   