@font-face {
    font-family: 'Arial-Regular'; 
    src: url('../Fonts/arial.ttf'); 
}
@font-face {
    font-family: 'Arial-Bold'; 
    src: url('../Fonts/arialbd.ttf'); 
}
.container{
max-width: 1240px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
html, body{
margin:0;
padding: 0;
font-family: 'Arial-Regular'; 
}
.course-head{
font-size: 30px;
font-family: 'Arial-Bold';
}
.important-note{
border: 3px solid #3e65a0;
border-radius: 5px;
}
.important-note p {
    margin-top: 15px;
}
.course-summary h4, .course-summary p {
    word-break: normal;
}
.courses-list li img {
    height: 235px;
}
.course-content{
margin-top: 75px;
}
.courses-list li{
list-style: none;
float: left;
margin-right: 20px;
margin-bottom: 40px;
padding: 0;
position: relative;
width: calc( 25% - 15px);
margin-left: 0;
background: #fafbfc;
}
.courses-list li img{
width: 100%;
}
.courses-list{
margin: 0 0;
padding: 0;
}
.course-summary{
padding: 15px;
}
.course-name{
margin-top: 0;
}
.course-summary h4{
font-size: 22px;
margin-top: 10px;
margin-bottom: 10px;
}
.course-price::before{
/*content: url(../images/dollar-sign.png);*/
padding-right: 10px;
vertical-align: middle;
}
.note-icon {
    display: inline-block;
    float: left;
    margin-top: 23px;
    width: 15%;
    text-align: center;
}
.important-note p{
    font-size: 23px;
    width: 95%;
}
.load-more{
    text-align: center;
    margin-bottom: 50px;
}
.load-more a{
    text-decoration: none;
    color: #3e65a0;
    font-family:'Arial-Bold'; 
    font-size: 18px;
}
.courses-list a{
    text-decoration: none;
    color: #000;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.course-single-col{
    width:50%;
    float: left;
    display: inline-block;
  
}
.reg-note{
    font-size: 18px;
    color: #d01010;
    margin-left: 2px;
    vertical-align: top;
    word-break: break-word;
}
@media (max-width: 375px){
.reg-note {
    margin-left: 0 !important; 
    display: block;
}
}
.course-single-col .course-summary h4 {
    /*word-break: break-word;*/
}
.reg-price::before{
   content: url(../images/dollar-sign.png);
   padding-right: 10px;
   vertical-align: middle; 
}
.course-des{
    font-size: 16px;
    line-height: 30px;
}
.course-des p{
    font-size: 16px !important;
}
.course-single-col{
    margin-top: 50px;
}
.course-single-col .course-name{
    margin-top: 0;
}
.course-single-col .course-summary{
    padding-top: 0;
}
button.course-login {
    background: #3e65a0;
    border: none;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 50px;
    border-radius: 10px;
    margin-left: 15px;
    margin-bottom: 50px;
}
.course-single-col img {

    margin: 0 auto;
    display: block;
    width: 275px;
    height: auto;
}
.course-summary h4 {
/*white-space: nowrap;*/
text-overflow: ellipsis;
/*overflow: hidden;*/
}
@media (min-width: 768px){
li.course-col {
height: 350px !important;
}
}
@media (max-width: 767px){
.course-summary {
padding: 15px !important;
}
}


@media (min-width: 768px) and (max-width: 1024px){
.courses-list li img {
    height: 40%;
}
}
.course-single-col .course-summary h4 {
   /* white-space: unset !important;*/
}
.course-single-col button.course-login {
    margin-bottom: 20px !important;
}

.courses-list li img {
    /*object-fit: cover;*/
}
.course-summary p {
    word-break: break-word !important;
}

.note-icon {
    margin-top: 5px !important;
    width: 10%;
}
.note-icon img {
    width: 30px !important;
}

.important-note p {
    font-size: 20px !Important;
    width: 100% !important;
    margin-top: 4px !important;
    margin-bottom: 4px !Important;
}

@media (max-width: 1133px) and (min-width: 768px){
.note-icon {
    margin-top: 20px !important;
}
}

@media (min-width: 1201px) {
.course-single-col img {
    width: 420px !important;
    max-height: 313px !important;
}
}
@media (min-width: 768px) {
#page-courses-details .course-description {
    display: block !important;
}
#page-courses-details .course-description {
    display: inline-block;
    margin-top: 30px;
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}
.course-single-col img {
  padding-right: 15px;
}
.course-single-col .course-summary {
    padding-left: 0;
}
}
@media (max-width: 575px) {
.course-description button {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
}
.course-description {
    text-align: justify;
    font-size: 18px;
}