.main_head_strips{
border: 2px solid #d60000;
padding: 2px;
margin-left: 2px;
}
.main_head_strips .main_head_strip{
background: #d60000;
text-align: center;
font-weight: bold;
font-size: 20px;
color: white;
text-shadow: 1px 1px black;
}
.tab-buttons{
display: flex;
justify-content: start;
gap: 10px;
margin-bottom: 20px;
border-bottom: 2px solid #fc9928;
}
.tab-buttons>button{
padding: 3px 15px;
border: none;
cursor: pointer;
background: #ffffff;
border-radius: 5px;
transition: 0.3s;
margin: 5px;
color: #fc9928;
border: 1px solid #fc9928;
}
.tab-buttons>.active ,.tab-buttons>button:hover{
background: #fc9928;
color: white;
}
.tab-buttons2{
border-bottom: 0px;    
}
.tab-buttons2>button{
border: 1px solid #d60000;    
color: #d60000;
}
.tab-buttons2>.active ,.tab-buttons2>button:hover{
background: #d60000;
color: white;   
}
/* mock paid test series */
.mock-test-series-start-main{
background-image: linear-gradient(#fff9f9 0%, #ffffff8a 30%, #fff 100%);
padding: 30px;
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;
min-height: 393px;
}
.ribbon{
position: relative;
text-transform: uppercase;
color: white;
}
.ribbon3{
width: 50px;
height: 22px;
line-height: 24px;
padding-left: 13px;
position: absolute;
left: -34px;
font-size: 11px;
top: -25px;
background: #198754;
}
.ribbon3:before, .ribbon3:after{
content: "";
position: absolute;
}
.ribbon3:before{
height: 0;
width: 0;
top: -8.5px;
left: 0.1px;
border-bottom: 9px solid black;
border-left: 9px solid transparent;
}
.ribbon3:after{
height: 0;
width: 0;
right: -14.5px;
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-left: 15px solid #198754;
}
.mock-test-main-start{
display: flex;
justify-content: space-between;
}
.mock-test-main-start .exam-logo-img{
background-color: #dddddd;
border-radius: 100%;
height: 40px;
width: 40px;
padding: 3px;
}
.test-expire-date{
margin-bottom: 0px;
position: absolute;
right: 15px;
top: 0px;
border: 1px solid #198754;
border-radius: 8px;
font-size: 10px;
padding: 1px 5px;
}
.test-inner .test-inner-para span{
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 10px;
padding: 2px 5px 2px 5px;
margin-left: 5px;
white-space: normal;
display: inline-block;
background-color: white;
font-size: 10px;
}
.test-inner .test-inner-para span img{
width: 15px;
height: 11px;
}
.totat-percentage{
display: flex;
justify-content: space-between;
font-size: 12px;
}
.totat-percentage .count-percentage{
color: #46b8da;
}
.progress-indicator{
width: 100%;
display: block;
border-radius: 12px;
height: 6px;
}
.key-features{
padding: 15px 0 0 15px;
}
.key-features li{
list-style: disc !important;
font-size: 13px;
}
.test-series-go-btan{
width: 100%;
margin-top: 30px;
background: #d60000;
color: #ffffff;
border-color: #d60000;
}
.test-series-go-btan:hover{
background: #d60000;
color: #ffffff;
border-color: #d60000;
}
.free-ribbon{
background: #ffc107;
}
.free-ribbon:after{
border-left: 15px solid #ffc107;
}
/* online courses */
.dashboard-online_couses_div{
display: flex;
justify-content: space-between;
place-items: center;
}
.thirtyshorts{
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
padding: 8px;
border-radius: 10px 10px 0px 0px;
border-bottom: 2px solid #fc9928;
}
.online-course-analytics{
display: flex;
place-items: center;
flex-wrap: wrap-reverse;
}
.thirtyh3{
color: black;
font-weight: 600;
letter-spacing: 0.6px;
font-size: 15px;
}
.online-course-analytics-btan{
padding: 2px 10px;
margin-left: 10px;
margin-top: -10px;
color: #ffffff;
}
.double-line-bottom-theme-colored-2{
margin-bottom: 20px;
margin-top: 8px;
padding-bottom: 0px;
position: relative;
}
.double-line-bottom-theme-colored-2::before{
bottom: -1px;
content: "";
height: 6px;
left: 10px;
position: absolute;
width: 24px;
border-radius: 8px;
background: #FC9928;
}
.double-line-bottom-theme-colored-2::after{
bottom: 1px;
content: "";
height: 2px;
left: 0px;
position: absolute;
width: 64px;
border-radius: 8px;
background: #FC9928;
}
.thirtyshortsond{
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.thirtyshortsond p{
margin-right: 10px;
}
.oandd{
color: black;
font-weight: 600;
font-size: 13px;
}
.ondspan{
color: gray;
font-weight: 500;
font-size: 12px;
}
.total-online-classes{
background-color: #eab17f;
color: white !important;
border-radius: 50%;
padding: 2px 6px;
}
.dashboard-online_couses_div .dashboard_online_watch_image{
width: 110px;
}
.video-classes-start>img{
width: 100%;
height: 60px;
}