h1{
font-size: 32px;
font-weight: 700;    
}
h2{
font-size: 28px;
font-weight: 700;    
}
h3{
font-size: 24px;
font-weight: 700;
color: #000000;
}
.font-14{
font-size: 14px;    
}
.current-affais-topic-list{
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.highlightscoursepoint>p{
background-color: #ffffff;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
padding: 10px;
border-radius: 5px;
border-top: 3px solid #d60000;
text-align: center;
}
.facultysectiondetailsdiv{
padding: 16px;
border-top: 5px solid #fc9928;
margin-top: 15px;
max-width: 100%;
box-shadow: 0 10px 20px rgb(203 220 233 / 80%);
border-radius: 5px;
height: 300px;
}
.facultydivhead{
display: flex;
place-items: center;
column-gap: 10px;
}
.facultydivhead>img{
min-width: 50px;
max-width: 50px;
height: 50px;
border-radius: 100%;
}
.facalty_name{
margin-bottom: 0px !important;
margin-top: 0px !important;
}
.facalty_name>a{
font-weight: 600;
letter-spacing: 0.6px;
color: #333333;
font-size: 18px;
}
.facalty_quali{
color: black;
}
.facultydivbody{
height: 210px;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
}
.recommended-courses-main{
overflow-x: auto;
white-space: nowrap;
padding-bottom: 10px;
scrollbar-width: thin;
display: flex;
overflow-y: hidden;
}
.recommended-courses-div{
border: 2px solid #e3e3e3;
padding: 10px;
border-radius: 5px;
box-shadow: 0 3px 8px #0000003d;
min-width: 240px;
position: relative;
margin-right: 15px;
}
.recommended-course-head{
display: flex;
place-items: center;
column-gap: 10px;
}
.recommended-course-head>img{
height: 50px;
width: 50px;
border-radius: 100%;
}
.recommended-courses-div>a{
background-color: #FC9928;
border-color: #FC9928;
color: #fff;
width: 100%;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.recommended-courses-div>a:hover{
background-color: #ee8003;
border-color: #e47b03;
color: #fff;
}
/* enroll */
.pricingTable{
padding-bottom: 10px;
background: #fff;
border-bottom: 15px solid #faac01;
text-align: center;
overflow: hidden;
position: relative;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.pricingTable:before{
content: "";
width: 100%;
height: 350px;
background: #faac01;
position: absolute;
top: -150px;
left: 0;
transform: skewY(-20deg);
}
.pricingTable .pricingTable-header{
padding: 20px 20px 60px;
text-align: left;
position: relative;
}
.pricingTable .title{
font-size: 25px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
margin: 0;
}
.pricingTable .price-value{
display: inline-block;
width: 170px;
height: 110px;
padding: 15px;
border: 2px solid #faac01;
border-top: none;
border-bottom: none;
position: relative;
}
.pricingTable .price-value:before, .pricingTable .price-value:after{
content: "";
width: 121px;
height: 121px;
border: 3px solid #faac01;
border-right: none;
border-bottom: none;
position: absolute;
top: -60px;
left: 50%;
transform: translateX(-50%) scaleY(0.5) rotate(45deg);
}
.pricingTable .value{
width: 100%;
height: 100%;
background: #fff;
border: 2px solid #faac01;
border-top: none;
border-bottom: none;
/* color: #faac01; */
z-index: 1;
position: relative;
}
.pricingTable .value:before, .pricingTable .value:after{
content: "";
width: 97px;
height: 97px;
background: #fff;
border: 3px solid #faac01;
border-bottom: none;
border-right: none;
position: absolute;
top: -48px;
left: 50%;
z-index: -1;
transform: translateX(-50%) scaleY(0.5) rotate(45deg);
}
.pricingTable .currency{
display: inline-block;
font-size: 30px;
margin-top: 7px;
vertical-align: top;
color: #d60000;
}
.pricingTable .amount{
display: inline-block;
font-size: 30px;
font-weight: 600;
line-height: 65px;
color: #d60000;
}
.pricingTable .month{
display: block;
font-size: 16px;
line-height: 0;
}
.pricingTable .value:after{
border-right: 3px solid #faac01;
border-bottom: 3px solid #faac01;
border-top: none;
border-left: none;
top: auto;
bottom: -48px;
}
.pricingTable .price-value:after{
border-top: none;
border-left: none;
border-bottom: 3px solid #faac01;
border-right: 3px solid #faac01;
top: auto;
bottom: -60px;
}
.pricingTable .pricing-content{
padding: 50px 0 0 0px;
margin-bottom: 20px;
list-style: none;
text-align: left;
transition: all 0.3s ease 0s;
text-align: center;
}
.pricingTable .pricing-content li{
padding: 5px 0;
font-size: 16px;
color: #808080;
position: relative;
}
.text-dan{
color: gray !important;
font-size: 16px;
font-weight: 500;
}
.perofftext{
color: #ff2626;
font-weight: 600;
}
.sm_onlinep, .sm_recp{
color: black !important;
}
.price_plane{
color: #faac01 !important;
}
.pricingTable .pricingTable-signup{
display: inline-block;
width: 60%;
height: 40px;
line-height: 39px;
font-size: 18px;
font-weight: 700;
color: #faac01;
text-transform: uppercase;
border: 2px solid #faac01;
margin: 0 auto 10px;
position: relative;
transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-signup:hover{
background: #faac01;
color: #fff;
}
.online-course-buy{
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
border-radius: 5px;
padding: 16px;
width: 100%;
font-size: 15px;
display: block;
text-align: center;
border: 1px solid #d60000;
color: #d60000 !important;
font-weight: 600;
background: #ffffff;
}
.online-course-buy:hover{
background: #d60000;
color: #ffffff !important;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.watch-demo{
background: #faac01;
width: 100%;
padding: 16px;
font-size: 15px;
display: block;
text-align: center;
color: #ffffff;
border-radius: 5px;
margin: 10px 0;
transition: .3s ease-in;
position: relative;
color: #fff !important;
font-weight: bold;
overflow: hidden;
}
.free_btn_icon{
position: absolute;
left: 0px;
top: 0px;
}
.free_btn_icon>img{
width: 60px;
top: 5px;
position: relative;
}
.watch-demo:after{
content: '';
padding: 16px;
top: 0;
transform: translateX(100%);
width: 100%;
height: 58px;
position: absolute;
z-index: 1;
animation: 5s infinite slide;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0)));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
}
@keyframes slide{
0% { transform: translateX(-150%); }
100% { transform: translateX(100%); }    
}
.watch-demo:hover{
background: #000000;    
}