.fblue{
    color:#111d5e!important;
}
.btn-rds{
    background-color: #111d5e; 
    border-radius: 30px;
    border:0;
}
.v-active{
    background: #dadada;
}
.dpre {
    white-space: pre-line;
    display: block;
}

.dpre img,
.dpre iframe {
    max-width: 100%;
}
.sub2{
    overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
 
}
.sub1{
    overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
}
.sub3{
    overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
}
.img100{
    width:100%;
}
.mimg100{
    max-width: 100%;
}
.arrawq{
    display: inline-block;
    float: right;
}
.fgreen{
    color:green;
}
.courses-img img{
    height: 250px;
    width: 100%;
    object-fit: cover;
}

.slider-item{
    height:700px;
}
.social-style li a{
    position: relative;
    display: inline-block;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ac001b;
    border-radius: 6px;
    background: #fff;
}
 
.social-style span a{
    position: relative;
    display: inline-block;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #e32945;
    border-radius: 6px;
    background: #fff;
}
.fred{
    color: #ac001b;
}
.navbar-nav{
    align-items: center;
}
.img-profile{
    width:24px;
    height:24px;
    border-radius: 50%;

}
.f24{
    font-size: 24px;
}
.f20{
    font-size: 20px;
}
.img-profile2{
    width:100px;
    height:100px;
    border-radius: 50%;
}
.img-profile3 img{
    width:100px;
    height:100px;
    border-radius: 50%;
}
.img-profile4{
    width:60px!important;
    height:60px!important;
    /* border-radius: 50%; */
}
.w-30{
    width:30%;
}
.w-40{
    width:40%;
}
.cardbody{
    background-color: #e9e9e9;
    padding: 30px 16px;
    border-radius: 8px;
}
.fwhite{
    color:white!important;
}
.ifmimg100 iframe{
    width: 100%;
}
.divbat{
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px;
    background: #d2d3d4;
    border-radius: 10px;
}
.campus-slider4.owl-carousel .owl-item img{
display: unset;
}
@media only screen and (max-width: 767px) 
{
    .w-30,.w-40{
        width:100%;
    }
    .slider-item{
        height:500px;
    }
}
 
 .bgclear{
background-color: #20a2c9;
    border: 1px solid #20a2c9;
 }
 .bgsave{
background-color: #20c997;
    border: 1px solid #20c997;
 }
 .bgpreview{
    background-color: #ffc107;
    border: 1px solid #ffc107;
 }
 .designbtn .btn{
    padding: 10px 13px;

 }



/*Icon progressbar*/
#progressbar {
    margin-bottom: 50px;
    overflow: hidden;
    color: #455A64;
    padding-left: 0px;
    margin-top: 0;
} 

#progressbar li {
    list-style-type: none;
    font-size: 13px;
    width: 14%;
    float: left;
    position: relative;
    font-weight: 400;
}

#progressbar .step0:before {
    font-family: FontAwesome;
    content: "\f10c";
    color: #fff;
}

#progressbar li:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    font-size: 20px;
    background: #ffdadf;
    border-radius: 50%;
    margin: auto;
    padding: 0px;
}

/*ProgressBar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 12px;
    background: #ffdadf;
    position: absolute;
    left: 0;
    top: 16px;
    z-index: -1;
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: -50%;
}

#progressbar li:nth-child(2):after, #progressbar li:nth-child(3):after,#progressbar li:nth-child(4):after,#progressbar li:nth-child(5):after,#progressbar li:nth-child(6):after {
    left: -50%;
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    left: 50%;
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

/*Color number of the step and the connector before it*/
#progressbar li.active:before, #progressbar li.active:after {
    background: #ac001b;
}
#progressbar li.current:before {
    border: solid 3px #ac001b;
}
#progressbar li.current:after{
    background: #ac001b;

}
#progressbar li.current:before {
    content: "\f111"; 
    width: 40px;
    height: 40px;
    line-height: 34px;
    display: block;
    font-size: 14px;
    color: #ac001b;
    border-radius: 50%;
    margin: auto;
    padding: 0px;
}

#progressbar li.active:before {
    font-family: FontAwesome;
    content: "\f00c";
}

.icon {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}

.icon-content { 
    padding-bottom: 20px;
}

@media screen and (max-width: 992px) {
    .icon-content {
        width: 50%;
    }
}