.guruRecommend{
padding: 10px 26px;
box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
border-radius: 3px 10px 10px 3px;
color: rgb(0, 0, 0);
background-color: #ffffff;
letter-spacing: 0.4px;
font-style: italic;
font-weight: bold;
}
.all-unlock-mock-test-btn{
font-weight: bold;
padding: 5px 20px;
margin: 25px 0px;
color: #fff;
border-radius: 25px 7px 7px 25px;
background: linear-gradient(90deg, rgb(198, 48, 0) 0%, rgb(251, 111, 33) 100%);
display: flex;
gap: 5px;
font-size: 14px;
place-items: center;  
}
.all-unlock-mock-test-btn>span{
background: #ffffff;
border-radius: 100%;
padding: 8px 8px 8px 9px;
width: 30px;
height: 30px;
display: flex;
color: #000; 
}
.mock-test-box{
box-shadow: 4px 1px 14px #8080806b !important;
border-radius: 8px;
margin-bottom: 20px;
background: #fff;
position: relative;
}
.top-mock-test-box{
background: linear-gradient(180deg, #fc992866, #ffffff);
text-align: left;
padding: 10px 10px 5px 10px;
border-radius: 8px 8px 0px 0px;   
position: relative; 
overflow: hidden;
}
.top-mock-test-box>h4{
font-size: 17px;
font-weight: 600 !important;
margin-left: 35px;
}
.mock-test-details{
list-style-type: none; 
padding-left: 10px;
padding-right: 10px;   
}
.mock-test-details>li{
display: flex;
justify-content: space-between;
gap: 10px;
color: #333;
margin-bottom: 5px;
font-size: 14px;
}
.start-test-section{
padding: 10px 10px 10px 10px;    
}
.start-test-btn{
border-radius: 18px;
margin-right: 15px;
padding: 4px 24px;
width: 100%;
background: #ffffff;
color: #000;
border: 1px solid #4e4e4e;
box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
font-size: 14px;
font-weight: 600;
}
.start-test-btn:focus{
 color: #ffffff; 
}
.start-test-btn:hover{
color: #ffffff;
background: #000;
}
.tier-badge{
margin-top: -5px;
margin-left: -42px;
padding: .25em 2.65em;
font-size: 13px;
line-height: 1.5;
position: absolute;
transform: rotate(-45deg);
}
.swiper-button-prev, .swiper-button-next{
color: #000000 !important;
background: #ffffff;
min-width: 40px !important;
min-height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
border-radius: 100%;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
opacity: 1;
}
.swiper-button-prev:hover, .swiper-button-next:hover{
opacity: 1;
}
.swiper-button-prev:after, .swiper-button-next:after{
font-size: 15px !important;
font-weight: 900;
}
.test-box{
box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
border-radius:8px;
background: linear-gradient(180deg, #fc992866, #ffffff);
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
.off-badge{
line-height: 1.5;
padding: 0.35em 2.65em;
transform: rotate(-45deg);
margin-top: 11px;
margin-left: -38px;
position: absolute;
font-size: 12px;
}
.blink-off{
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
}
@-webkit-keyframes blinker{
from {opacity: 1.0;}
to {opacity: 0.0;}
}
.test-box>h2{
font-size: 25px; 
padding: 10px; 
font-family: fontAwesome;
font-weight: 900;
margin-left: 55px;  
}
.price-section{
place-items: center;    
}
.price-section>div{
width: 50%;
}
.price-section>div:nth-child(2){
text-align: center;    
}
.actual-amount{
position: relative; 
font-size: 18px;  
padding: 0px 10px; 
width: fit-content;
margin-bottom: 5px !important;
}
.actual-amount:before{
position: absolute;
content: "";
left: 25px;
top: 50%;
width: 40px;
right: 0;
border-top: 2px solid #dd0031!important;
border-color: inherit;  
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.actual-amount:after{
position: absolute;
content: "";
left: 25px;
top: 50%;
width: 40px;
right: 0;
border-top: 2px solid #dd0031!important;
border-color: inherit;  
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.now-text, .after-off-amount{
font-size: 18px; 
font-weight: 700;
color: #000;
margin-bottom: 0px !important;
padding: 0px 10px;
}
.after-off-amount{
font-size: 20px;  
}
  .after-off-amount>small{
  font-size: 12px;
  color: #424242; 
  font-weight: normal; 
  }
.down-enroll-flex{
padding: 15px; 
display: block;
}
.download-schedule-btn{
font-size: 14px;
background-color: #000;
padding: 3px 15px;
font-weight: 700;
color: #fff;
text-align: center;
border: 1px solid #000;
display: block;
width: 100%;
}
.download-schedule-btn:hover{
color: #fff; 
background-color: #000;
}
.enroll-test-series-btn{
text-align: center;
border: 1px solid #000;
font-size: 14px;
color: #000;
background-color: #fff;
padding: 3px 15px;
font-weight: 700;
display: block;
width: 100%;
margin-bottom: 10px;
}
.enroll-test-series-btn:hover{
color: #000;
border: 1px solid #000;
}
.download-schedule-btn:focus, .enroll-test-series-btn:focus{
box-shadow: none; 
}
.subject-option{
display: flex;
justify-content: space-between;
align-items: center;
background-color: #ffffff;
padding: 0px 0px;
border-radius: 25px;
margin-bottom: 10px;
cursor: pointer;
font-weight: bold;
font-size: 14px;
color: rgb(0, 0, 0);
transition: background 0.3s;
user-select: none;
box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.subject-option input[type="radio"]{
display: none;
}
.subject-label{
flex: 1;
padding: 0px 0px 0px 15px;
}
.toggle-switch{
width: 50px;
height: 30px;
background-color: #ccc;
border-radius: 25px;
position: relative;
transition: background-color 0.3s ease;
}
.toggle-thumb{
position: absolute;
top: 3px;
left: 2px;
width: 25px;
height: 25px;
background-color: white;
border-radius: 50%;
transition: left 0.3s ease;
}
/* Active toggle state */
.subject-option input[type="radio"]:checked + .subject-label + .toggle-switch {
background-color: #ffa238;
}
.subject-option input[type="radio"]:checked + .subject-label + .toggle-switch .toggle-thumb {
left: 24px;
}
.testimonial-items{
border-right: 4px solid #2A3D7D;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
padding: 30px 30px 30px 130px;
margin: 0 15px 30px 15px;
overflow: hidden;
position: relative;
min-height: 306px;
}
.testimonial-items:before{
content: "";
position: absolute;
bottom: -4px;
left: -17px;
border-top: 25px solid #d90000;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
transform: rotate(45deg);
}
.testimonial-items:after{
content: "";
position: absolute;
top: -4px;
left: -17px;
border-top: 25px solid #d90000;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
transform: rotate(135deg);
}
.testimonial-items .pic{
display: inline-block;
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
position: absolute;
top: 60px;
left: 20px;
}
.testimonial-items .pic img{
width: 100%;
height: auto;
}
.testimonial-items .description{
font-size: 15px;
letter-spacing: 1px;
line-height: 25px;
margin-bottom: 15px;
}
.testimonial-items .title{
display: inline-block;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
margin: 0;
}
.testimonial-items .post{
display: inline-block;
font-size: 17px;
color: #000;
font-style:italic;
}
@media only screen and (max-width: 767px){
.testimonial-items{
padding: 20px;
text-align: center;
}
.testimonial-items .pic{
display: block;
position: static;
margin: 0 auto 15px;
}
#customers-testimonials .item{
opacity: 1;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
display: none;
}}
/* Testimonial css end */
.other-test-series-box{
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
border-radius: 8px;
padding: 10px;
text-align: center;
position: relative;
background: linear-gradient(#fc992847, #fff);
}
.other-test-series-box>img{
width: 70px;
margin-top: -45px;
}
.view-more-test-series-btn{
text-align: center;
color: #000;
background-color: #fff;
border: 1px solid #000;
width: max-content;
margin-bottom: 10px;
padding: 3px 15px;
font-size: 14px;
font-weight: 700;
display: block;
transition: 0.3s ease-in-out;
}
.view-more-test-series-btn:focus{
color: #000;
}
.view-more-test-series-btn:hover{
color: #ffffff;
background-color: #000000;  
}
.online-courses-flex{
display: flex;
overflow-x: auto;
white-space: nowrap;
padding-bottom: 10px;
scrollbar-width: thin;
list-style-type: none;
padding: 10px;
}
.online-courses-box{
padding: 10px;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
min-width: 240px;
background-size: cover;
overflow: hidden;
position: relative;
white-space: normal;
margin-right: 15px;
}
.online-course-head{
display: flex;
place-items: center;
column-gap: 10px;
}
.online-course-head>img{
width: 50px;
border-radius: 100%;
}
.online-course-head>p{
font-weight: 700;
font-size: 20px;  
}
.free-trial-btn{
color: #fff;
text-align: center;
background-color: #000;
border: 1px solid #000;
width: 100%;
padding: 2px 15px;
font-size: 14px;
font-weight: 600;
display: block;  
margin-top: 15px;
}
.free-trial-btn:hover{
color: #fff;
background-color: #000;  
}
.free-trial-btn:focus{
color: #fff;  
}
.step-circle{
width: 30px;
height: 30px;
border: 2px solid #fc9928;
border-radius: 50%;
text-align: center;
line-height: 26px;
font-weight: bold;
color: #fc9928;
background-color: white;
z-index: 1;
position: relative;
}
.step-circle.active{
background-color: #fc9928;
color: white;
}
.step-line{
position: absolute;
height: 50px;
width: 2px;
background-color: #fc9928;
left: 13px;
top: 30px;
z-index: 0;
}
.step-label{
font-weight: normal;
color: #555;
}
.step-label.active-label{
font-weight: bold;
color: #fc9928;
}
.video-box{
border: 19px solid #000;
border-radius: 30px;
margin-left: auto;
overflow: hidden;
max-width: 700px;
height: auto;
}