/* 
    Custom CSS For Frontend View
    1. Utility
*/

/* Utility */
.r-15 {
    right: 15px;
}
.r-15-f {
    right: 15px !important;
}

.bd-b-1 {
    border-bottom: solid 1px #dddddd;
}
.bd-b-1-f {
    border-bottom: solid 1px #dddddd !important;
}

.w-100p {
    width: 100%;
}
.wd-75 {
    width: 75px;
}
.wd-100 {
    width: 100px;
}
.wd-100-f {
    width: 100px !important;
}

.pd-y-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.pd-y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.pd-y-5-f {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.pd-y-15-f {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #145fad;
}

.text-align-justify {
    text-align: justify;
}


/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .wd-md-50p {
        width: 50% !important;
    }

    .pd-r-md-25 {
        padding-right: 25px !important;
    }

    .text-md-20 {
        font-size: 20px;
    }

    .text-md-24 {
        font-size: 24px;
    }

    .text-md-26 {
        font-size: 26px;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}



/* Custom */
.white-menu .wsmainfull,
.white-menu .wsmainfull.scroll {
    background-color: #145fad !important;
}
.navbar-dark .wsmenu > .wsmenu-list > li > a {
    color: #444;
}
/* .navbar-dark .wsmenu > .wsmenu-list > li > a.btn-rose {
    background-color: #ffffff;
    border-color: #333;
    color: #333;
} */

/* // Large devices (desktops, 992px and up) */
@media (min-width: 576px) {}
/* // Medium devices (tablets, 768px and up) */
@media (min-width: 992px) {
    .navbar-dark .wsmenu > .wsmenu-list > li > a {
        color: #ffffff !important;
    }
    .navbar-dark .wsmenu > .wsmenu-list > li:hover > a {
        text-decoration: underline 2px;
    }
    .navbar-dark .wsmenu > .wsmenu-list > li > a.btn {
        color: #444 !important;
    }
    .navbar-dark .wsmenu > .wsmenu-list > li > a.btn:hover {
        color: #ffffff !important;
    }
}

.slider .slides li img {
    background-position: center;
}

.division {
    padding-top: 15px;
}

.what-you-learn {
    padding: 10px 5px;
    margin: 25px 0;
}

.cart-item h6,
.cart-item p,
.cart-item .old-price,
.cart-item .course-price,
.cart-item a {
    font-size: .9rem;
}

.old-price,
.course-price {
    margin: 0;
}

.form-error {
    font-size: .75rem;
    color: #ff1f59;
    font-style: italic;
}

/* blogs */
#blogs .top-news .link-list li {
    display: block;
    text-align: center;
    text-align: left;
    border-bottom: 1px dashed #c0c0c0;
}
#blogs .top-news .link-list li a {
    line-height: 22px;
    border-right: none;
    text-align: left;
    padding: 13px 0px;
    background: #fff;
    background-image: none;
    border-right: 0 none;
    display: block;
    background-color: #fff;
    color: #888;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
#blogs .news img {
    border: 0 none;
    max-width: 100%;
}
#blogs .latest-news li:first-child {
    padding: 0 0 15px;
}
#blogs .latest-news li {
    padding: 15px 0;
    border-bottom: 1px dashed #c0c0c0;
}
#blogs .latest-news li img {
    text-align: center;
    float: left;
    width: 85px;
    height: 85px;
}
#blogs .latest-news li .post-summary {
    overflow: hidden;
    padding-left: 20px;
}
#blogs .latest-news li .post-summary p {
    color: #999;
    font-size: 15px;
    font-weight: 300;
    margin-top: 6px;
    margin-bottom: 0;
}

/* bacground color */
.bg-purple {
    background-color: #673ab7;
}
.bg-blue-smooth {
    background-color: #2da7ff;
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .division {
        padding-top: 25px;
    }

    .what-you-learn {
        padding: 25px 15px;
        margin: 35px 0;
    }

    .cart-item h6,
    .cart-item p,
    .cart-item .old-price,
    .cart-item .course-price,
    .cart-item a {
        font-size: 1rem;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .division {
        padding-top: 50px;
    }

    .what-you-learn {
        margin: 45px 0;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .division {
        padding-top: 75px;
    }

    .cart-total .course-price {
        font-size: 1.25rem;
    }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .division {
        padding-top: 100px;
    }
}

/* Ratting */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200&display=swap');
.review-box {
    padding: 5px
}

.review-area textarea {
    resize: none;
    border: 1px solid #ff0000 !important;
}

.review-area textarea:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ffffff;
    outline: 0;
    box-shadow: 0 0 0 1px rgb(255, 0, 0) !important;
}

.rating {
    display: inline-flex;
    margin-top: -10px;
    flex-direction: row-reverse
}

.rating>input {
    display: none
}

.rating>label {
    position: relative;
    width: 28px;
    font-size: 35px;
    color: #ff0000;
    cursor: pointer
}

.rating>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating>label:hover:before,
.rating>label:hover~label:before {
    opacity: 1 !important
}

.rating>input:checked~label:before {
    opacity: 1
}

.rating:hover>input:checked~label:before {
    opacity: 0.4
}

/* Button */
.btn-rose, .scroll .btn-rose, .white-color .btn-rose {
    color: #444!important;
    background-color: #fff;
    border-color: #444;
}
.black-hover:hover, .scroll .black-hover:hover {
    color: #fff!important;
    background-color: #333;
    border-color: #fff;
}

/* badge */
.badge-danger {
    color: #fff;
    background-color: #dc3545 !important;
    border: 1px solid #dc3545;
}
.badge-warning {
    color: #212529;
    background-color: #ffc107 !important;
    border: 1px solid #ffc107;
}
.badge-success {
    color: #ffffff;
    background-color: #28a745 !important;
    border: 1px solid #28a745;
}

@media (min-width: 768px) and (max-width: 991.95px) {
    #about-2 .img-block img, #about-3 .img-block img {
        width: 100%;
    }
    #about-2 .img-block {
        left: unset;
    }
}