@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');



:root {

    --font-family: "Raleway", sans-serif;

    --main-color: #fcbf00;

    --body-color: #212427;

    --heading-color: #111111;

    --white-color: #ffffff;

    --black-color: #212427;

    --transition: all ease .5s;

    --border-radius: 4px;

    --box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05)
}



body {

    font-size: 18px;

    font-family: "Raleway", sans-serif;

    color: #212427;

    font-weight: 500;



}



a {

    display: inline-block;

    transition: var(--transition);

    text-decoration: none;

    color: var(--body-color)
}



a:hover {

    text-decoration: none;

    color: var(--main-color)
}



a:focus {

    text-decoration: none
}



button {

    outline: 0 !important;

    box-shadow: none;

    border: none
}



button:focus {

    box-shadow: none
}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 700;

    line-height: 1.3
}



h3 {

    font-size: 20px;

}



.d-table {

    width: 100%;

    height: 100%
}



.d-table-cell {

    vertical-align: middle
}



p {

    margin-bottom: 15px;

    line-height: 1.8;

    font-weight: 500;

    font-size: 18px;

}



p:last-child {

    margin-bottom: 0
}



img {

    max-width: 100%;

    height: auto
}



ul {

    list-style: none;

    padding: 0;

    margin: 0
}



.form-control {

    background-color: #f5f6fa;

    border-radius: 0;

    font-size: 16px;

    padding: 8px 15px;

    width: 100%;

    color: #212427;
    margin-bottom: 10px;

}



.form-control::placeholder {

    color: #676a6a
}



.form-control:focus {

    color: var(--black-color);

    background-color: rgba(0, 0, 0, 0);

    box-shadow: unset;

    outline: 0;

    border: 1px solid #c1c1c1;

}



.form-control:hover:focus,

.form-control:focus {

    box-shadow: unset
}



textarea.form-control {

    height: auto
}



.ptb-100 {

    padding-top: 100px;

    padding-bottom: 100px
}



.ptb-70 {

    padding-top: 70px;

    padding-bottom: 70px
}



.pt-100 {

    padding-top: 100px
}



.pb-100 {

    padding-bottom: 100px
}



.pt-70 {

    padding-top: 70px
}



.pb-70 {

    padding-bottom: 70px
}



.mt-30 {

    margin-top: 30px
}



.mb-30 {

    margin-bottom: 30px
}



.ebeef5-bg-color {

    background-color: #ebeef5
}



.f5f6fa-bg-color {

    background-color: #f5f6fa
}



.default-btn {

    /* font-size: 16px; */

    color: #fff;

    padding: 7px 20px;

    transition: var(--transition);

    text-align: center;

    background-color: var(--main-color);

    border-radius: 0;

    border: 1px solid var(--main-color);

    text-transform: capitalize
}



.default-btn:hover {

    color: var(--main-color);

    border-color: var(--main-color) !important;

    background-color: rgba(0, 0, 0, 0)
}



.section-title {

    max-width: 750px;

    margin: 0px auto 20px;

    text-align: center
}



.section-title h2 {

    font-size: 36px;

    margin-bottom: 10px;

    position: relative;

    color: #1d71b8;

    font-weight: 800;

}



.section-title h2:last-child {

    margin-bottom: 0
}



.section-title.white-title span {

    color: #1d71b8;

}



.section-title.white-title h2 {

    color: var(--white-color)
}



.modal-newsletter-area .modal-dialog {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    justify-content: center;

    align-items: center;

    display: flex;

    max-width: 700px;

    border-radius: 0;

    margin: auto !important
}



.modal-newsletter-area .modal {

    background-color: rgba(0, 0, 0, .7)
}



.modal-newsletter-area .modal-body {

    padding: 0 10px
}



.modal-newsletter-area .modal-content {

    border-radius: 0
}



.modal-newsletter-area .modal-content .close {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 1;

    font-size: 20px;

    background-color: var(--main-color);

    color: var(--white-color)
}



.modal-newsletter-area .modal-newsletter-wrap {

    padding: 30px;

    text-align: center
}



.modal-newsletter-area .modal-newsletter-wrap h3 {

    font-size: 30px;

    margin-bottom: 15px;

    margin-top: -8px;

    line-height: normal
}



.modal-newsletter-area .modal-newsletter-wrap p {

    margin-bottom: 30px
}



.modal-newsletter-area .modal-newsletter-wrap .newsletter-form {

    position: relative
}



.modal-newsletter-area .modal-newsletter-wrap .newsletter-form .form-control {

    background-color: var(--white-color);

    font-size: 14px
}



.modal-newsletter-area .modal-newsletter-wrap .newsletter-form .default-btn {

    position: absolute;

    top: 0;

    right: 0;

    background-color: var(--main-color);

    color: var(--white-color);

    height: 50px;

    padding: 10px 20px;

    border: none
}



.modal-newsletter-area .modal-newsletter-wrap .newsletter-form .agree-label {

    text-align: left;

    margin-top: 30px
}



.modal-newsletter-area .modal-newsletter-wrap .newsletter-form .agree-label #chb1 {

    margin-right: 5px
}



.modal-newsletter-area .modal-newsletter-wrap .newsletter-form .agree-label label {

    margin-bottom: 0;

    font-size: 14px
}



.modal-newsletter-area .modal-newsletter-wrap .newsletter-form #validator-newsletter {

    text-align: left;

    color: red;

    margin-top: 10px
}



.modal-newsletter-area .newsletter-img {

    background-image: url(../img/newsletter-img.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%
}



.modal-newsletter-area .newsletter-img img {

    display: none
}



.modal-newsletter-area #validator-newsletter-2 {

    color: red;

    margin-top: 10px;

    font-size: 14px;

    text-align: left
}



.modal-newsletter-area .p-0 {

    padding: 0 !important
}



.modal-newsletter-area .pl-0 {

    padding: 0 !important
}



.navbar-area.navbar-area-two {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    width: 100%;

    z-index: 1
}



.navbar-area .main-nav {

    background-color: var(--white-color);

    box-shadow: var(--box-shadow);

    padding-top: 15px;

    padding-bottom: 15px
}



.navbar-area .main-nav .container-fluid {

    max-width: 1470px;

    padding-left: 30px;

    padding-right: 30px
}



.navbar-area .main-nav .navbar {

    padding: 0
}



.navbar-area .main-nav .navbar .navbar-brand {

    width: 300px;

}



.navbar-area .main-nav .navbar .navbar-brand .white-logo {

    display: none
}



.navbar-area .main-nav nav .navbar-nav .nav-item {

    position: relative;

    padding: 10px 0
}



.navbar-area .main-nav nav .navbar-nav .nav-item a {

    color: #212427;
    font-size: 17px;
    text-transform: capitalize;

    transition: var(--transition);

    font-weight: 500;

    margin-left: 11px;

    margin-right: 11px;

    padding: 0
}



.navbar-area .main-nav nav .navbar-nav .nav-item a i {

    font-size: 22px;

    line-height: 0;

    position: relative;

    top: 4px
}



.navbar-area .main-nav nav .navbar-nav .nav-item a:hover {

    color: var(--main-color)
}



.navbar-area .main-nav nav .navbar-nav .nav-item a.active {

    color: var(--main-color)
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu {

    position: absolute;

    top: 120px;

    left: 0;

    padding: 0;

    opacity: 0;

    width: 250px;

    visibility: hidden;

    z-index: 99;

    display: block;

    padding: 0;

    background-color: var(--white-color);

    border: none;

    border-radius: 0;

    transition: all .2s ease-in-out;

    border-top: 2px solid var(--main-color);

    box-shadow: var(--box-shadow)
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li {

    position: relative;

    padding: 0
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a {

    font-size: 15px;

    color: var(--body-color);

    position: relative;

    padding: 10px 15px;

    border-bottom: 1px dashed #eee;

    margin-left: 0;

    margin-right: 0;

    text-transform: capitalize;

    display: block;

    font-weight: 500
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a i {

    float: right;

    top: 12px;

    transition: var(--transition);

    font-size: 20px
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {

    color: var(--main-color)
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {

    color: var(--main-color)
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {

    left: 100%;

    top: 0
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child a {

    border-bottom: none
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {

    top: -2px !important
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {

    position: absolute;

    left: -100%;

    top: 0;

    opacity: 0 !important;

    visibility: hidden !important
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {

    position: absolute;

    right: -100%;

    top: 0;

    opacity: 0 !important;

    visibility: hidden !important
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {

    color: var(--body-color);

    text-transform: capitalize;

    font-size: 14px;

    font-weight: 500
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover {

    color: var(--main-color)
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus {

    color: var(--main-color)
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {

    color: var(--main-color)
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {

    opacity: 1 !important;

    visibility: visible !important;

    top: -4px !important
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu li:hover .dropdown-menu {

    opacity: 1 !important;

    visibility: visible !important;

    top: -20px !important
}



.navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu:last-child .dropdown-menu {

    left: auto;

    right: -100%
}



.navbar-area .main-nav nav .navbar-nav .nav-item:hover ul {

    opacity: 1;

    visibility: visible;

    top: 100%
}



.navbar-area.is-sticky {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);

    background-color: var(--white-color);

    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown
}



.navbar-area .others-option .option-item {

    display: inline-block;

    position: relative;

    line-height: 1;

    top: 0;

    padding-left: 15px;

}



.navbar-area .others-option .option-item .search-overlay {

    display: none
}



.navbar-area .others-option .option-item .search-overlay.search-popup {

    position: absolute;

    top: 100%;

    width: 300px;

    right: 0;

    background: var(--white-color);

    z-index: 2;

    padding: 20px;

    box-shadow: var(--box-shadow);

    margin-top: 27px;

    border-top: 2px solid var(--border-radius);

    border-radius: var(--border-radius)
}



.navbar-area .others-option .option-item .search-overlay.search-popup .search-form {

    position: relative
}



.navbar-area .others-option .option-item .search-overlay.search-popup .search-form .search-input {

    display: block;

    width: 100%;

    height: 50px;

    line-height: initial;

    border: 1px solid #eee;

    color: var(--heading-color);

    outline: 0;

    transition: var(--transition);

    font-size: 15px;

    padding-top: 4px;

    padding-left: 15px
}



.navbar-area .others-option .option-item .search-overlay.search-popup .search-form .search-input:focus {

    border-color: var(--main-color)
}



.navbar-area .others-option .option-item .search-overlay.search-popup .search-form .search-button {

    position: absolute;

    right: 0;

    top: 0;

    height: 50px;

    background: var(--main-color);

    border: none;

    width: 50px;

    outline: 0;

    color: var(--white-color);

    transition: var(--transition);

    padding: 0
}



.navbar-area .others-option .option-item .search-overlay.search-popup .search-form .search-button:hover {

    background-color: var(--heading-color)
}



.navbar-area .others-option .option-item .search-btn {

    cursor: pointer;

    transition: var(--transition);

    display: inline-flex;

    width: 40px;

    height: 40px;

    justify-content: center;

    align-items: center;

    box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;

    border-radius: 50%;

}





.navbar-area .others-option .option-item .search-btn:hover {

    color: #1d71be;

}



.navbar-area .others-option .option-item .close-btn {

    cursor: pointer;

    display: none;

    transition: var(--transition);

    background-color: var(--main-color);

    width: 40px;

    height: 40px;

    font-size: 20px;

    line-height: 40px;

    border-radius: 50%;

    text-align: center;

    color: var(--white-color)
}



.navbar-area .others-option .option-item .close-btn:hover {

    color: var(--white-color)
}



.navbar-area .others-option .option-item .close-btn.active {

    display: block
}



.navbar-area .others-option .cart-icon {

    display: inline-block;

    margin-right: 30px;

    position: relative;

    top: 5px
}



.navbar-area .others-option .cart-icon a i {

    font-size: 30px;

    transition: var(--transition);

    line-height: 1
}



.navbar-area .others-option .cart-icon a span {

    position: absolute;

    top: -4px;

    right: -7px;

    width: 15px;

    height: 15px;

    line-height: 15px;

    background-color: var(--main-color);

    border-radius: 50%;

    text-align: center;

    color: var(--white-color);

    font-size: 11px
}



.navbar-area .others-option .cart-icon a:hover i {

    color: var(--main-color)
}



.navbar-area .others-option .register {

    display: inline-block
}



.navbar-area .others-option .register .default-btn {

    padding: 15px 30px;

    margin-bottom: -10px;

    position: relative;

    top: -4px
}



.mobile-nav {

    display: none
}



.mobile-nav .logo .white-logo {

    display: none
}



.others-option-for-responsive {

    display: none
}



.others-option-for-responsive .dot-menu {

    padding: 0 10px;

    height: 30px;

    cursor: pointer;

    z-index: 9991;

    position: absolute;

    right: 60px;

    top: 20px
}



.others-option-for-responsive .dot-menu .inner {

    display: flex;

    align-items: center;

    height: 30px
}



.others-option-for-responsive .dot-menu .inner .circle {

    height: 5px;

    width: 5px;

    border-radius: 100%;

    margin: 0 2px;

    transition: var(--transition);

    background-color: var(--black-color)
}



.others-option-for-responsive .dot-menu:hover .inner .circle {

    background-color: var(--main-color)
}



.others-option-for-responsive .container {

    position: relative
}



.others-option-for-responsive .container .container {

    position: absolute;

    right: 0;

    left: 0;

    top: 10px;

    max-width: 262px;

    margin: auto;

    opacity: 0;

    visibility: hidden;

    box-shadow: var(--box-shadow);

    transition: var(--transition);

    transform: scaleX(0);

    z-index: 2;

    padding-left: 15px;

    padding-right: 15px
}



.others-option-for-responsive .container .container.active {

    opacity: 1;

    visibility: visible;

    transform: scaleX(1)
}



.others-option-for-responsive .option-inner {

    padding: 15px;

    box-shadow: var(--box-shadow);

    background-color: var(--white-color)
}



.others-option-for-responsive .option-inner .others-option {

    background-color: var(--white-color);

    border-radius: 30px;

    padding: 10px;

    position: absolute;

    top: 70px;

    left: 0;

    right: 0;

    box-shadow: var(--box-shadow)
}



.others-option-for-responsive .option-inner .others-option .option-item {

    margin-left: 15px;

    padding-left: 15px;

    position: relative
}



.others-option-for-responsive .option-inner .others-option .option-item:first-child {

    margin-left: 0;

    padding-left: 0
}



.buy-now-btn {

    right: 20px;

    z-index: 99;

    top: 50%;

    position: fixed;

    transform: translateY(-50%);

    border-radius: 30px;

    display: inline-block;

    color: #fff;

    background-color: #82b440;

    padding: 10px 20px 10px 42px;

    box-shadow: 0 1px 20px 1px #82b440;

    font-size: 13px;

    font-weight: 600
}



.buy-now-btn img {

    top: 50%;

    left: 20px;

    width: 15px;

    position: absolute;

    transform: translateY(-50%)
}



.buy-now-btn:hover {

    background-color: #ffb607;

    color: #fff
}



.banner-area {

    /* background-image: url(../img/banner-img/banner-bg-1.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 870px;

    padding-top: 130px; */

    overflow: hidden
}



.banner-area .container-fluid {

    max-width: 1470px;

    padding-left: 30px;

    padding-right: 30px
}



.banner-area .social {

    position: relative
}



.banner-area .social .social-wrap {

    position: absolute;

    top: 50%;

    right: -115px;

    z-index: 1;

    transform: rotate(-90deg)
}



.banner-area .social .social-wrap li {

    display: inline-block;

    padding: 0 5px
}



.banner-area .social .social-wrap li.follow-us {

    text-transform: capitalize;

    color: var(--white-color);

    position: relative;

    padding-right: 70px
}



.banner-area .social .social-wrap li.follow-us::before {

    content: "";

    position: absolute;

    top: 13px;

    left: 85px;

    width: 50px;

    height: 1px;

    background-color: var(--white-color);

    z-index: 1
}



.banner-area .social .social-wrap li a i {

    color: var(--white-color);

    transition: var(--transition)
}



.banner-area .social .social-wrap li a:hover i {

    color: var(--main-color)
}



.banner-content {

    margin-top: -275px
}



.banner-content h1 {

    color: var(--white-color);

    font-size: 55px;

    margin-bottom: 25px
}



.banner-content p {

    color: var(--white-color);

    margin-bottom: 35px
}



.banner-area-two {

    background-color: #f5f6fa;

    padding-bottom: 80px;

    position: relative;

    overflow: hidden
}



.banner-area-two .container-fluid {

    max-width: 1470px;

    padding-left: 30px;

    padding-right: 30px
}



.banner-area-two .banner-content {

    margin-top: 180px
}



.banner-area-two .banner-content h1 {

    color: var(--heading-color)
}



.banner-area-two .banner-content p {

    color: var(--body-color)
}



.banner-area-two .banner-img {

    margin-top: 180px;

    position: relative;

    z-index: 0
}



.banner-area-two .banner-img .banner-shape-1 {

    position: absolute;

    top: 0;

    left: -40px;

    z-index: -1;

    animation: moveBounce-top 9s linear infinite
}



.banner-area-two .banner-img .banner-shape-2 {

    position: absolute;

    top: 215px;

    left: -70px;

    z-index: -1;

    animation: moveBounce-top 15s linear infinite
}



.banner-area-two .banner-img .banner-shape-3 {

    position: absolute;

    top: 380px;

    left: -160px;

    z-index: -1;

    animation: moveBounce-top 9s linear infinite
}



.banner-area-two .banner-img .banner-shape-4 {

    position: absolute;

    top: 380px;

    left: -400px;

    z-index: -1;

    animation: rotate3d 4s linear infinite
}



.banner-area-two .banner-img .banner-shape-5 {

    position: absolute;

    top: 490px;

    left: -490px;

    z-index: -1
}



.banner-area-two .banner-img .banner-shape-6 {

    position: absolute;

    top: 515px;

    left: 0;

    z-index: -1;

    text-align: center;

    right: 150px
}



.banner-area-two .banner-img .banner-shape-7 {

    position: absolute;

    top: 475px;

    z-index: -1;

    text-align: center;

    right: 160px
}



.banner-area-two .banner-img .banner-shape-8 {

    position: absolute;

    top: 200px;

    z-index: -1;

    text-align: center;

    right: 0;

    animation: moveBounce-top 4s linear infinite
}



.banner-area-three {

    background-image: url(../img/banner-img/banner-bg-3.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 870px;

    overflow: hidden
}



.banner-area-three .container-fluid {

    max-width: 1470px;

    padding-left: 30px;

    padding-right: 30px
}



.banner-area-three .banner-content {

    margin-top: 140px
}



.banner-area-three .enroll-wrap {

    background-color: var(--white-color);

    max-width: 500px;

    margin-left: auto;

    margin-bottom: 0;

    margin-top: 100px
}



.banner-area-three .enroll-wrap .courses-title {

    background-color: var(--main-color);

    padding: 25px 30px 20px
}



.banner-area-three .enroll-wrap .courses-title span {

    color: var(--white-color)
}



.banner-area-three .enroll-wrap .courses-title h3 {

    color: var(--white-color);

    margin-bottom: 0
}



.banner-area-three .enroll-wrap .courses-form {

    border: 1px solid var(--main-color)
}



.banner-area-three .enroll-wrap .courses-form .form-group .form-control {

    background-color: #f8f9fb;

    border-color: #e1e2e3;

    color: #616161
}



.banner-area-three .enroll-wrap .courses-form .form-group .form-control::placeholder {

    color: #616161 !important
}



.banner-area-three .enroll-wrap .courses-form .form-group .form-control:focus {

    border-color: var(--main-color)
}



.banner-area-three .enroll-wrap .courses-form .form-group .nice-select {

    background-color: #f8f9fb;

    border-color: #e1e2e3
}



.banner-area-three .enroll-wrap .courses-form .form-group .nice-select span {

    color: #616161;

    font-size: 16px
}



.banner-area-three .enroll-wrap .courses-form .form-group .nice-select::after {

    border-color: var(--body-color)
}



.banner-area-three .enroll-wrap .courses-form .default-btn {

    background-color: var(--main-color);

    color: var(--white-color)
}



.banner-area-three .enroll-wrap .courses-form .default-btn:hover {

    background-color: var(--white-color) !important;

    color: var(--main-color) !important;

    border-color: var(--main-color) !important
}



@keyframes moveBounce-top {

    0% {

        transform: translateY(0px)
    }



    50% {

        transform: translateY(20px)
    }



    100% {

        transform: translateY(0px)
    }

}



.rotated {

    animation-name: rotated;

    animation-duration: 20s;

    animation-iteration-count: infinite;

    animation-timing-function: linear
}



@keyframes rotated {

    from {

        transform: rotate(0deg)
    }



    to {

        transform: rotate(360deg)
    }

}



@keyframes rotate3d {

    0% {

        transform: rotateY(0deg)
    }



    100% {

        transform: rotateY(360deg)
    }

}



.partner-area {

    border-bottom: 1px solid #dcdde1
}



.partner-area .owl-carousel .owl-item img {

    width: auto;

    margin: auto
}



.partner-area .partner-item {

    text-align: center
}



.single-achieve {

    text-align: center;

    transition: var(--transition)
}



.single-achieve .achieve-shape {

    position: relative;

    margin-bottom: 20px
}



.single-achieve .achieve-shape i {

    font-size: 60px;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    justify-content: center;

    align-items: center;

    display: flex;

    color: #52a0dd
}



.single-achieve .achieve-shape.shape-2 i {

    color: #925eca
}



.single-achieve .achieve-shape.shape-3 i {

    color: #fa9231
}



.single-achieve .achieve-shape.shape-4 i {

    color: #fc2f5c
}



.single-achieve h3 {

    max-width: 200px;

    margin: 0 auto 5px;

    color: #1d71be;

    font-weight: bold;

    font-size: 26px;

}



.single-achieve:hover {

    transform: translateY(-5px)
}



.education-area {

    overflow: hidden
}



.education-img {

    background-image: url(../img/education-img.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%
}



.education-img img {

    display: none
}



.education-content {

    max-width: 510px;

    margin-left: 80px;

    margin-top: -5px;

    margin-bottom: -3px
}



.education-content .top-title {

    color: var(--main-color);

    font-size: 16px;

    margin-bottom: 5px;

    display: block
}



.education-content h2 {

    font-size: 36px;

    margin-bottom: 20px
}



.education-content h2 span {

    color: var(--main-color);

    text-transform: uppercase
}



.education-content ul {

    margin-top: 20px
}



.education-content ul li {

    position: relative;

    font-weight: 500;

    font-size: 16px;

    padding-left: 35px;

    margin-bottom: 20px;

    color: var(--heading-color)
}



.education-content ul li:last-child {

    margin: 0
}



.education-content ul li i {

    position: absolute;

    top: 1px;

    left: 0;

    width: 20px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    color: var(--white-color);

    background-color: var(--main-color);

    border-radius: 50%
}



.education-content .default-btn {

    margin-top: 47px
}



.education-area-two .education-content {

    max-width: unset;

    margin-left: 0
}



.education-area-two .col-lg-6 {

    position: relative
}



.education-img-wrap .education-img-2 {

    text-align: right
}



.education-img-wrap .education-img-3 {

    position: absolute;

    top: 100px;

    left: 70px
}



.education-img-wrap .education-img-4 {

    position: absolute;

    left: 150px;

    bottom: 0;

    z-index: -1
}



.education-img-wrap .education-shape-1 {

    position: absolute;

    top: 30px;

    left: 0;

    z-index: -1
}



.education-img-wrap .education-shape-2 {

    position: absolute;

    bottom: 0;

    right: 40px;

    z-index: -2
}



.courses-area {

    background-image: linear-gradient(to bottom, #f5f6fa, #edeff6)
}



.single-course {

    margin-bottom: 30px;

    transition: var(--transition);

    background-color: var(--white-color)
}



.single-course .course-content {

    position: relative;

    box-shadow: var(--box-shadow);

    padding: 20px
}



.single-course .course-content .price {

    background-color: var(--main-color);

    width: 70px;

    height: 70px;

    line-height: 70px;

    text-align: center;

    border-radius: 50%;

    display: inline-block;

    color: var(--white-color);

    font-size: 14px;

    font-weight: 700;

    position: absolute;

    top: -35px;

    right: 20px
}



.single-course .course-content .tag {

    color: #ffb607;

    font-size: 16px;

    display: block;

    margin-bottom: 10px;

    font-weight: 700;

}



.single-course .course-content a h3 {

    margin-bottom: 16px;

    transition: var(--transition);

    color: #1d71b8;

    font-size: 18px;

}



.single-course .course-content a:hover h3 {

    color: #fcbf00
}



.single-course .course-content .rating {

    margin-bottom: 20px;

    line-height: 1
}



.single-course .course-content .rating li {

    display: inline-block
}



.single-course .course-content .rating li i {

    color: var(--main-color);

    font-size: 20px
}



.single-course .course-content .rating li span {

    display: inline-block;

    margin-left: 5px;

    position: relative;

    top: -1px
}



.single-course .course-content .rating li a {

    position: relative;

    top: -1px
}



.single-course .course-content p {

    margin-bottom: 18px;

    border-bottom: 1px dotted #909193;

    padding-bottom: 18px
}



.single-course .course-content .lessons {

    line-height: 24px;

}



.single-course .course-content .lessons li {

    display: inline-block
}



.single-course .course-content .lessons .float {

    float: right
}

.lessons i {

    color: #fcbf00;

    font-size: 18px;

    padding-right: 6px;

}

.single-course:hover {

    transform: translateY(-5px)
}



.courses-two-area .owl-theme .owl-dots .owl-dot.active span,

.courses-two-area .owl-theme .owl-dots .owl-dot:hover span {

    background-color: rgba(0, 0, 0, 0)
}



.courses-two-area .owl-dots {

    margin-top: 20px !important;

    display: block;

    position: unset;

    line-height: 1
}



.courses-two-area .owl-dots .owl-dot span {

    width: 16px;

    height: 16px;

    margin: 0 4px;

    background: rgba(0, 0, 0, 0);

    border: 1px solid var(--body-color);

    border-radius: 50%;

    transition: var(--transition);

    position: relative
}



.courses-two-area .owl-dots .owl-dot span::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-color: var(--body-color);

    transition: var(--transition);

    border-radius: 50%;

    margin: 4px
}



.courses-two-area .owl-dots .owl-dot:hover span {

    border-color: var(--main-color)
}



.courses-two-area .owl-dots .owl-dot:hover span::before {

    background-color: var(--main-color);

    margin: 3px
}



.courses-two-area .owl-dots .owl-dot.active span {

    border-color: var(--main-color);

    position: relative
}



.courses-two-area .owl-dots .owl-dot.active span::before {

    margin: 3px;

    background-color: var(--main-color)
}



.courses-two-area .owl-dots .owl-dot .active span,

.courses-two-area .owl-dots .owl-dot .owl-theme .owl-dots .owl-dot:hover span {

    background-color: rgba(0, 0, 0, 0)
}



/* .courses-area-three {

    background-image: url(../img/course-bg-img.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 1;

    overflow: hidden

}



.courses-area-three::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #111;

    opacity: .8;

    z-index: -1

} */



.courses-area-three .owl-theme .owl-nav {

    margin-top: 0 !important
}



.courses-area-three .owl-prev {

    position: absolute;

    left: -50px;

    top: 55%;

    transform: translateY(-55px)
}



.courses-area-three .owl-prev i {

    color: #fcbf00;

    width: 40px;

    height: 40px;

    line-height: 38px;

    text-align: center;

    border: 1px solid #fcbf00;

    border-radius: 50%;

    font-size: 20px;

    transition: var(--transition)
}



.courses-area-three .owl-prev:hover i {

    background-color: #fcbf00;

    color: #fff;

    border-color: #fcbf00;

}



.courses-area-three .owl-next {

    position: absolute;

    right: -50px;

    top: 55%;

    transform: translateY(-55px)
}



.courses-area-three .owl-next i {

    color: #fcbf00;

    width: 40px;

    height: 40px;

    line-height: 38px;

    text-align: center;

    border: 1px solid #fcbf00;

    border-radius: 50%;

    font-size: 20px;

    transition: var(--transition)
}



.courses-area-three .owl-next:hover i {

    background-color: #fcbf00;

    color: #fff;

    border-color: #fcbf00;

}



.courses-area-three .owl-theme .owl-nav [class*=owl-]:hover {

    background-color: rgba(0, 0, 0, 0)
}



.courses-area-three .single-course {

    margin-bottom: 0
}



.counter-area {

    position: relative
}



.counter-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    max-width: 1200px;

    margin: auto;

    border-top: 1px solid #d4d7dd
}



.single-counter {

    text-align: center;

    margin-bottom: 30px;

    transition: var(--transition)
}



.single-counter .counter-shape {

    position: relative;

    margin-bottom: 10px
}



.single-counter .counter-shape h2 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    justify-content: center;

    align-items: center;

    display: flex;

    color: #59a3de;

    font-weight: 700;

    font-size: 36px
}



.single-counter .counter-shape.shape-2 h2 {

    color: #925eca
}



.single-counter .counter-shape.shape-3 h2 {

    color: #fa9231
}



.single-counter .counter-shape.shape-4 h2 {

    color: #fc2f5c
}



.single-counter p {

    font-weight: 500;

    font-size: 20px;

    color: var(--heading-color)
}



.single-counter:hover {

    transform: translateY(-5px)
}



.enroll-area {

    background-image: url(../img/enroll-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%
}



.enroll-wrap {

    text-align: center;

    background-color: var(--main-color);

    padding: 30px
}



.enroll-wrap .courses-form {

    border: 1px solid var(--white-color);

    padding: 30px 40px
}



.enroll-wrap .courses-form span {

    color: var(--white-color);

    font-size: 16px;

    margin-bottom: 5px;

    display: block;

    margin-top: -5px
}



.enroll-wrap .courses-form h3 {

    font-size: 30px;

    margin-bottom: 20px;

    color: var(--white-color)
}



.enroll-wrap .courses-form .form-group {

    margin-bottom: 30px
}



.enroll-wrap .courses-form .form-group .form-control {

    background-color: var(--main-color);

    border-color: #f9d98c;

    background-color: #f2ad09;

    color: var(--white-color)
}



.enroll-wrap .courses-form .form-group .form-control::placeholder {

    color: var(--white-color)
}



.enroll-wrap .courses-form .form-group .nice-select {

    height: 50px;

    width: 100%;

    line-height: 48px;

    font-size: 13px;

    margin-bottom: 30px;

    padding-left: 20px;

    color: var(--white-color);

    border-radius: 0;

    border-color: #f9d98c;

    background-color: #f2ad09
}



.enroll-wrap .courses-form .form-group .nice-select .option {

    color: var(--body-color)
}



.enroll-wrap .courses-form .form-group .nice-select span {

    text-align: left;

    font-weight: normal;

    font-size: 16px;

    margin-top: 0
}



.enroll-wrap .courses-form .form-group .nice-select::after {

    height: 8px;

    width: 8px;

    border-color: var(--white-color);

    right: 20px
}



.enroll-wrap .courses-form .form-group .nice-select.open .list {

    height: 250px;

    overflow-y: scroll
}



.enroll-wrap .courses-form .default-btn {

    background-color: var(--white-color);

    color: var(--heading-color);

    margin-bottom: 0
}



.enroll-wrap .courses-form .default-btn:hover {

    background-color: rgba(0, 0, 0, 0) !important;

    border-color: var(--white-color) !important;

    color: var(--white-color) !important
}



.enroll-img {

    display: none
}



.teachers-area {

    position: relative;

    z-index: 1
}



.teachers-area::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 140px;

    background-color: #f5f6fa;

    z-index: -1
}



.teachers-area-two {

    position: relative;

    background-image: linear-gradient(to bottom, #ffffff, #f5f6fa);

    overflow: hidden
}



.teachers-area-two::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    margin: auto;

    width: 1200px;

    border-bottom: 1px solid #e7e7e7
}



.single-teachers {

    margin-bottom: 30px;

    text-align: center;

    transition: var(--transition)
}



.single-teachers .teachers-content {

    box-shadow: var(--box-shadow);

    position: relative;

    padding: 30px;

    background-color: var(--white-color)
}



.single-teachers .teachers-content ul {

    background-color: var(--main-color);

    line-height: 1;

    max-width: 180px;

    margin: auto;

    position: absolute;

    top: -30px;

    left: 0;

    right: 0;

    transform: scaleX(0);

    transition: var(--transition)
}



.single-teachers .teachers-content ul li {

    display: inline-block;

    padding: 10px
}



.single-teachers .teachers-content ul li a i {

    color: var(--white-color);

    font-size: 20px
}



.single-teachers .teachers-content ul li a:hover {

    transform: translateY(-2px)
}



.single-teachers .teachers-content h3 {

    margin-bottom: 4px;

    margin-top: -10px
}



.single-teachers .teachers-content span {

    margin-bottom: -6px;

    display: block
}



.single-teachers:hover {

    transform: translateY(-5px)
}



.single-teachers:hover .teachers-content ul {

    transform: scaleX(1)
}



.event-area {

    background-image: linear-gradient(to bottom, #f5f6fa, #edeff6)
}



.event-area-two {

    background-image: url(../img/event-img/event-bg-shape.png);

    background-position: top;

    background-repeat: no-repeat;

    overflow: hidden
}



.event-area-two .container {

    max-width: 1350px;

    padding-left: 30px;

    padding-right: 30px
}



.event-area-two .section-title {

    text-align: left;

    margin-left: 0
}



.event-area-two .event-img {

    position: relative;

    z-index: 1
}



.event-area-two .event-img .event-shape-1 {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    text-align: center;

    z-index: -1
}



.event-area-two .event-img .event-shape-2 {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    text-align: center;

    z-index: -1;

    animation: moveBounce-top 9s linear infinite
}



.event-area-two .event-img .video-content {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    justify-content: center;

    align-items: center;

    display: flex
}



.event-area-two.event-area-style {

    background-image: unset
}



.event-area-two.event-area-style .single-tutor {

    background-color: #f8f8fb
}



.event-area-two.event-area-style .single-tutor h3 {

    color: var(--heading-color)
}



.event-area-two.event-area-style .single-tutor p {

    color: var(--body-color)
}



.event-area-two.event-area-style .single-tutor.one {

    margin-top: -30px;

    margin-bottom: 0
}



.event-area-two.event-area-style .single-tutor.two {

    margin-top: 30px;

    margin-bottom: 0
}



.event-area-two.event-area-style .single-tutor.three {

    margin-top: -30px
}



.event-area-two.event-area-style .single-tutor.four {

    margin-top: 30px;

    margin-bottom: 0
}



.event-area-three .section-title {

    text-align: left;

    max-width: unset;

    margin-bottom: 40px
}



.single-event {

    box-shadow: var(--box-shadow);

    background-color: var(--white-color);

    padding: 20px;

    position: relative;

    transition: var(--transition);

    margin-bottom: 30px
}



.single-event img {

    position: relative;

    z-index: 1
}



.single-event .event-content {

    position: absolute;

    top: 20px;

    left: 0;

    padding: 20px;

    padding-left: 230px
}



.single-event .event-content ul {

    line-height: 1;

    margin-bottom: 15px
}



.single-event .event-content ul li {

    display: inline-block;

    font-size: 14px;

    margin-right: 10px
}



.single-event .event-content ul li i {

    color: var(--main-color);

    margin-right: 5px
}



.single-event .event-content a h3 {

    margin-bottom: 20px;

    transition: var(--transition)
}



.single-event .event-content a:hover h3 {

    color: var(--main-color)
}



.single-event .event-content span {

    font-size: 14px
}



.single-event .event-content span i {

    color: var(--main-color);

    margin-right: 5px;

    position: relative;

    top: 1px
}



.single-event:hover {

    transform: translateY(-5px)
}



.event-img-three {

    background-image: url(../img/event-img-2.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

    position: relative
}



.event-img-three .video-content {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    justify-content: center;

    align-items: center;

    display: flex
}



.video-area {

    position: relative
}



.video-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 205px;

    background-color: #ebeef5
}



.video-wrap {

    text-align: center;

    position: relative
}



.video-wrap .video-content {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    justify-content: center;

    align-items: center;

    display: flex
}



.feedback-area {

    position: relative
}



.feedback-area .owl-theme .owl-dots .owl-dot.active span,

.feedback-area .owl-theme .owl-dots .owl-dot:hover span {

    background-color: rgba(0, 0, 0, 0)
}



.feedback-area .owl-dots {

    margin-top: 20px !important;

    line-height: 1
}



.feedback-area .owl-dots .owl-dot span {

    width: 16px;

    height: 16px;

    margin: 0 4px;

    background: rgba(0, 0, 0, 0);

    border: 1px solid #1d71be;

    border-radius: 50%;

    transition: var(--transition);

    position: relative
}



.feedback-area .owl-dots .owl-dot span::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-color: #1d71be;

    transition: var(--transition);

    border-radius: 50%;

    margin: 4px
}



.feedback-area .owl-dots .owl-dot:hover span {

    border-color: var(--main-color)
}



.feedback-area .owl-dots .owl-dot:hover span::before {

    background-color: var(--main-color);

    margin: 3px
}



.feedback-area .owl-dots .owl-dot.active span {

    border-color: var(--main-color);

    position: relative
}



.feedback-area .owl-dots .owl-dot.active span::before {

    margin: 3px;

    background-color: var(--main-color)
}



.feedback-area .owl-dots .owl-dot .active span,

.feedback-area .owl-dots .owl-dot .owl-theme .owl-dots .owl-dot:hover span {

    background-color: rgba(0, 0, 0, 0)
}



.feedback-area .feedback-shape-1 {

    position: absolute;

    top: 100px;

    left: 100px;

    animation: moveBounce-top 9s linear infinite
}



.feedback-area .feedback-shape-2 {

    position: absolute;

    bottom: 100px;

    right: 100px;

    animation: moveBounce-top 9s linear infinite
}



.feedback-area.feedback-area-three {

    background-image: url(../img/feedback-img/feedback-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 1
}



.feedback-area.feedback-area-three::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(-90deg, rgba(0, 0, 17, 0.8), rgba(0, 0, 17, 0.1));

    opacity: .8;

    z-index: -1
}



.feedback-area.feedback-area-three .section-title {

    margin-right: 0;

    margin-left: auto;

    max-width: 600px
}



.feedback-area.feedback-area-three .feedback-item {

    max-width: 600px;

    margin-left: auto;

    margin-right: 0
}



.feedback-area.feedback-area-three .feedback-item i {

    color: var(--main-color)
}



.feedback-area.feedback-area-three .feedback-item p {

    color: var(--white-color);

    margin-bottom: 40px
}



.feedback-area.feedback-area-three .feedback-item h3 {

    color: var(--white-color)
}



.feedback-area.feedback-area-three .feedback-item span {

    color: var(--main-color)
}



.feedback-area.feedback-area-three .owl-theme .owl-nav.disabled+.owl-dots {

    max-width: 600px;

    margin-left: auto
}



.feedback-area.feedback-area-three.feedback-area-style {

    background-image: url(../img/feedback-img/feedback-bg-2.jpg)
}



.feedback-area.feedback-area-three.feedback-area-style::before {

    display: none
}



.feedback-area.feedback-area-three.feedback-area-style .section-title {

    margin-right: auto;

    margin-left: 0;

    max-width: 600px
}



.feedback-area.feedback-area-three.feedback-area-style .feedback-item {

    max-width: 600px;

    margin-left: 0;

    margin-right: auto
}



.feedback-area.feedback-area-three.feedback-area-style .feedback-item i {

    color: var(--main-color)
}



.feedback-area.feedback-area-three.feedback-area-style .feedback-item p {

    color: var(--body-color);

    margin-bottom: 40px
}



.feedback-area.feedback-area-three.feedback-area-style .feedback-item h3 {

    color: var(--heading-color)
}



.feedback-area.feedback-area-three.feedback-area-style .feedback-item span {

    color: var(--main-color)
}



.feedback-area.feedback-area-three.feedback-area-style .owl-theme .owl-nav.disabled+.owl-dots {

    max-width: 600px;

    margin-left: 0;

    margin-right: auto
}



.feedback-item {

    /* text-align: center;

    max-width: 735px; */

    margin: 0 auto 20px;

    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    background-color: #fff;

    transition-duration: .15s;

    border: 1px solid #efefef;

    background-color: #fff !important;
    border-radius: 10px;

    padding: 25px;

}



.feedback-item i {

    font-size: 36px;

    line-height: 1;

    margin-bottom: 5px;

    display: inline-block;

    color: var(--main-color)
}



.feedback-item p {

    font-size: 16px;

    margin-bottom: 20px
}



.feedback-item .feedback-title {

    position: relative;

    display: inline-block;

    padding-left: 80px;

    text-align: left
}



.feedback-item .feedback-title img {

    width: auto;

    margin: auto;

    position: absolute;

    left: 0;

    top: -3px;

    border-radius: 50%
}



.discover-area {

    position: relative;

    z-index: 1;

    overflow: hidden
}



.discover-area .single-course {

    margin-bottom: 0
}



.discover-area .single-course .course-content .rating {

    border-bottom: 1px solid #ebebeb;

    padding-bottom: 20px
}



.discover-area .owl-theme .owl-dots .owl-dot.active span,

.discover-area .owl-theme .owl-dots .owl-dot:hover span {

    background-color: rgba(0, 0, 0, 0)
}



.discover-area .owl-dots {

    margin-top: 0 !important;

    line-height: 1;

    display: grid;

    position: absolute;

    top: 42%;

    right: -40px
}



.discover-area .owl-dots .owl-dot span {

    width: 16px;

    height: 16px;

    margin: 4px 0;

    background: rgba(0, 0, 0, 0);

    border: 1px solid var(--body-color);

    border-radius: 50%;

    transition: var(--transition);

    position: relative
}



.discover-area .owl-dots .owl-dot span::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-color: var(--body-color);

    transition: var(--transition);

    border-radius: 50%;

    margin: 4px
}



.discover-area .owl-dots .owl-dot:hover span {

    border-color: var(--main-color)
}



.discover-area .owl-dots .owl-dot:hover span::before {

    background-color: var(--main-color);

    margin: 3px
}



.discover-area .owl-dots .owl-dot.active span {

    border-color: var(--main-color);

    position: relative
}



.discover-area .owl-dots .owl-dot.active span::before {

    margin: 3px;

    background-color: var(--main-color)
}



.discover-area .owl-dots .owl-dot .active span,

.discover-area .owl-dots .owl-dot .owl-theme .owl-dots .owl-dot:hover span {

    background-color: rgba(0, 0, 0, 0)
}



.discover-area .discover-img {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1
}



.discover-area .discover-img::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #ebeef5;

    opacity: .8
}



.discover-content .top-title {

    color: var(--main-color);

    font-size: 16px;

    margin-bottom: 5px;

    display: block
}



.discover-content h2 {

    font-size: 36px;

    margin-bottom: 10px
}



.discover-content p {

    margin-bottom: 20px
}



.discover-content ul li {

    margin-bottom: 30px;

    font-weight: 500;

    font-size: 20px;

    color: var(--heading-color)
}



.discover-content ul li:last-child {

    margin-bottom: 0
}



.discover-content ul li span {

    background-color: #fc2f5c;

    display: inline-block;

    width: 30px;

    height: 30px;

    line-height: 30px;

    border-radius: 50%;

    text-align: center;

    color: var(--white-color);

    font-size: 18px;

    font-weight: 500;

    margin-right: 15px
}



.discover-content ul li:nth-child(2) span {

    background-color: var(--main-color)
}



.discover-content ul li:nth-child(3) span {

    background-color: #925eca
}



.discover-content ul li:nth-child(4) span {

    background-color: #52a0dd
}



.single-news {

    margin-bottom: 30px;

    transition: var(--transition);

    background-color: var(--white-color)
}



.single-news .news-content {

    position: relative;

    box-shadow: var(--box-shadow);

    padding: 20px
}



.single-news .news-content .tag {

    color: var(--main-color);

    font-size: 15px;

    display: block;

    margin-bottom: 8px
}



.single-news .news-content a h3 {

    font-size: 24px;

    transition: var(--transition);

    margin-bottom: 20px
}



.single-news .news-content a:hover h3 {

    color: var(--main-color)
}



.single-news .news-content .lessons {

    border-top: 1px solid #ebebeb;

    padding-top: 24px;

    line-height: 1
}



.single-news .news-content .lessons li {

    display: inline-block
}



.single-news .news-content .lessons .float {

    float: right
}



.single-news:hover {

    transform: translateY(-5px)
}



.news-listing-content {

    position: relative;

    box-shadow: var(--box-shadow);

    background-color: var(--white-color);

    padding: 20px
}



.news-listing-content .tag {

    color: var(--main-color);

    font-size: 15px;

    display: block;

    margin-bottom: 8px
}



.news-listing-content a h3 {

    transition: var(--transition);

    margin-bottom: 25px
}



.news-listing-content a:hover h3 {

    color: var(--main-color)
}



.news-listing-content .lessons {

    line-height: 1
}



.news-listing-content .lessons li {

    display: inline-block
}



.news-listing-content .lessons .float {

    float: right
}



.news-img {

    background-image: url(../img/news-img/news-img-2.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

    position: relative
}



.news-img.bg-3 {

    background-image: url(../img/news-img/news-img-3.jpg)
}



.news-img.bg-4 {

    background-image: url(../img/news-img/news-img-4.jpg)
}



.blog-column-one-area .single-news .news-content .lessons {

    padding-top: 16px !important
}



.blog-column-one-area .single-news .news-content h3 {

    margin-bottom: 10px
}



.blog-column-two-area .single-news .news-content .lessons {

    padding-top: 16px !important
}



.blog-column-two-area .single-news .news-content h3 {

    margin-bottom: 10px
}



.blog-column-three-area .single-news .news-content .lessons {

    padding-top: 16px !important
}



.blog-column-three-area .single-news .news-content h3 {

    margin-bottom: 10px
}



.left-sidebar-area .single-news .news-content .lessons {

    padding-top: 16px !important
}



.left-sidebar-area .single-news .news-content h3 {

    margin-bottom: 10px
}



.subscribe-wrap {

    max-width: 600px;

    margin: auto;

    position: relative
}



.subscribe-wrap h2 {

    font-size: 36px;

    text-align: center
}



.subscribe-wrap p {

    font-size: 18px;

    margin-bottom: 20px;

    text-align: center
}



.subscribe-wrap .form-control {

    max-width: 400px;

    display: inline-block;

    font-size: 16px;

    background-color: var(--white-color)
}



.subscribe-wrap .form-control:placeholder {

    color: #616161
}



.subscribe-wrap .default-btn {

    height: 50px;

    line-height: 50px;

    padding: 0 30px;

    float: right
}



.subscribe-wrap .subscribe-img {

    position: absolute;

    bottom: -110px;

    left: -375px
}



#validator-newsletter {

    color: #dc3545;

    margin-top: 10px
}



.footer-top-area {

    background-color: #1d71be
}



.footer-widget {

    margin-bottom: 20px
}



.footer-widget h3 {

    color: #fcbf00;

    font-size: 24px;

    position: relative;

    padding-bottom: 15px;

    font-weight: 700;

    margin-bottom: 30px;

}

.footer-widget h3:after {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 44px;

    height: 4px;

    content: '';

    background: #fcbf00;

}



.footer-widget .link li i {

    padding-right: 6px;

    color: #fff;

}

.footer-widget .link li {

    position: relative;

    padding-left: 15px;

    list-style: none;

    color: #fff;

    font-size: 16px;

    margin-bottom: 15px;

}

.footer-widget .link li:before {

    content: "\f105";

    font-family: FontAwesome;

    text-decoration: inherit;

    color: #fff;

    font-size: 16px;

    position: absolute;

    left: 0px;

}

.footer-widget .link li a {

    color: #fff;

}



.footer-widget .link li a:hover {

    color: #fcbf00;

}



.footer-widget .link li:last-child {

    margin-bottom: 0
}

.footer-widget a {

    color: #fff;

}

.footer-widget a:hover {

    color: #fcbf00;

}

.footer-bottom-area {

    background-color: #111;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

}



.footer-bottom-area p {

    color: #fff;

}



.footer-bottom-area p a {

    color: #fff;

}

.footer-bottom-area ul {

    text-align: right;

}

.footer-bottom-area li {

    display: inline-block;

    position: relative;

    padding: 0px 19px 0 25px;

}

.footer-bottom-area li a {

    color: #ffffff;

}

.footer-bottom-area li a:hover {

    color: #fcbf00;

}

.footer-bottom-area li:before {

    display: block;

    content: "";

    position: absolute;

    font-size: 18px;

    background: #1d71b8;

    left: 0;

    top: 50%;

    width: 6px;

    height: 6px;

    transform: translateY(-50%);

    border-radius: 50%;

}



.footer-bottom-area .copyright-wrap p i {

    position: relative;

    top: 1px
}



.single-affordable {

    text-align: center;

    margin-bottom: 30px;

    transition: var(--transition)
}



.single-affordable i {

    font-size: 80px;

    display: inline-block;

    width: 140px;

    height: 140px;

    line-height: 140px;

    margin-bottom: 25px;

    background-color: #edf5fc;

    border-radius: 50%;

    color: #59a3de
}



.single-affordable h3 {

    margin-bottom: 0
}



.single-affordable.two i {

    background-color: #f4effa;

    color: #925eca
}



.single-affordable.three i {

    background-color: #fef4ea;

    color: #fa9231
}



.single-affordable.four i {

    background-color: #ffeaee;

    color: #fc2f5c
}



.single-affordable:hover {

    transform: translateY(-5px)
}



.single-categories {

    text-align: center;

    position: relative;

    margin-bottom: 30px;

    transition: var(--transition)
}



.single-categories .categories-content-wrap {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    justify-content: center;

    align-items: center;

    display: flex;

    background-color: rgba(0, 0, 0, .6)
}



.single-categories .categories-content-wrap .categories-content a {

    display: block
}



.single-categories .categories-content-wrap .categories-content a h3 {

    color: var(--white-color);

    margin-bottom: 0;

    font-size: 24px;

    transition: var(--transition)
}



.single-categories .categories-content-wrap .categories-content a:hover h3 {

    color: var(--main-color)
}



.single-categories .categories-content-wrap .categories-content span {

    color: var(--white-color);

    font-size: 15px
}



.single-categories:hover {

    transform: translateY(-5px)
}



.feature-wrap {

    background-color: var(--main-color);

    padding: 50px 20px;

    padding-bottom: 20px
}



.feature-wrap-two {

    padding: 50px 20px;

    padding-bottom: 20px;

    background-image: url(../img/feature-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 1
}



.feature-wrap-two::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #001;

    opacity: .8;

    z-index: -1
}



.feature-wrap-two .single-feature i {

    border: 1px solid var(--main-color);

    background-color: rgba(0, 0, 0, 0)
}



.single-feature {

    margin-bottom: 30px;

    position: relative;

    padding-left: 105px;

    transition: var(--transition)
}



.single-feature i {

    font-size: 40px;

    width: 75px;

    height: 75px;

    line-height: 75px;

    background-color: var(--white-color);

    color: var(--main-color);

    display: inline-block;

    border-radius: 50%;

    text-align: center;

    position: absolute;

    top: 10px;

    left: 0
}



.single-feature h3 {

    color: var(--white-color)
}



.single-feature p {

    color: var(--white-color)
}



.single-feature:hover {

    transform: translateY(-5px)
}



.tutor-area {

    background-image: url(../img/tutor-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 1
}



.tutor-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #111;

    opacity: .8;

    z-index: -1
}



.single-tutor {

    border: 1px solid var(--white-color);

    text-align: center;

    padding: 30px 20px;

    margin-bottom: 30px;

    transition: var(--transition)
}



.single-tutor i {

    color: var(--main-color);

    line-height: 1;

    font-size: 70px;

    display: inline-block;

    margin-bottom: 20px
}



.single-tutor h3 {

    color: var(--white-color);

    margin-bottom: 15px
}



.single-tutor p {

    margin-bottom: -5px;

    color: var(--white-color);

    font-size: 15px
}



.single-tutor:hover {

    transform: translateY(-5px)
}



.page-title-area {

    position: relative;

    overflow: hidden;

    padding-top: 80px;

    padding-bottom: 80px;

    text-align: center;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: 1
}



.page-title-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    /* background-color: #f5f6fa;

    opacity: .8; */

    z-index: -1
}



.page-title-area.bg-1 {

    background-image: url(../img/inner-bg.jpg)
}



.page-title-area .page-title-content {

    position: relative;

    margin-top: -10px
}



.page-title-area .page-title-content h2 {

    margin-bottom: 15px;

    color: #fff;

    font-size: 30px;

    font-weight: 700
}



.page-title-area .page-title-content ul {

    padding-left: 0;

    list-style-type: none;

    margin-top: 10px;

    margin-bottom: -5px
}



.page-title-area .page-title-content ul li {

    display: inline-block;

    position: relative;

    font-size: 16px;

    padding-right: 15px;

    margin-left: 15px;

    color: #fff;

}



.page-title-area .page-title-content ul li::before {

    content: "";

    position: absolute;

    top: 5px;

    right: -3px;

    background-color: #fff;

    width: 1px;

    height: 15px;

    transform: rotate(25deg)
}



.page-title-area .page-title-content ul li:last-child::before {

    display: none
}



.page-title-area .page-title-content ul li a {

    color: #fff;

}



.page-title-area .page-title-content ul li a:hover {

    color: var(--main-color)
}



.page-title-area .page-title-content ul .active {

    color: var(--main-color)
}



.faq-accordion {

    margin: auto
}



.faq-accordion .accordion {

    list-style-type: none;

    padding-left: 0;

    margin-bottom: 0
}



.faq-accordion .accordion .accordion-item {

    display: block;

    margin-bottom: 10px;

    border: 1px solid #1d71be;

    border-radius: 0px;

}



.faq-accordion .accordion .accordion-item:last-child {

    margin-bottom: 0
}



.faq-accordion .accordion .accordion-item.active {

    margin-bottom: 0
}



.faq-accordion .accordion .accordion-title {

    padding: 15px 30px 18px;

    color: #fff;

    text-decoration: none;

    position: relative;

    display: block;

    background-color: #1d71be;

    font-size: 20px;

    font-weight: 500
}



.faq-accordion .accordion .accordion-title i {

    position: absolute;

    right: 25px;

    font-size: 16px;

    transition: var(--transition-color);

    color: #fff;

    background-color: #fcbf00;

    border-radius: 100px;



    line-height: 36px;

    width: 36px;

    height: 36px;

    text-align: center;



}



.faq-accordion .accordion .accordion-content {

    display: none;

    position: relative;

    padding: 15px 30px;

    padding-bottom: 10px
}



.faq-accordion .accordion .accordion-content p {

    line-height: 1.8
}



.faq-accordion .accordion .accordion-content.show {

    display: block
}



.showing-result {

    margin-right: 1px
}



.showing-result .showing-top-bar-ordering .nice-select {

    /* color: var(--main-color); */

    border-radius: 0;

    border: none;

    float: unset;

    height: unset;

    line-height: initial;

    padding: 11px 35px 11px 15px;

    font-size: 16px;

    border: 1px solid #c1c1c1;

    background-color: #f5f6fa;

    border-radius: 0;

}



.showing-result .showing-top-bar-ordering .nice-select .list {

    background-color: var(--white-color);

    box-shadow: var(--box-shadow);

    border-radius: 0;

    margin-top: 0;

    width: 100%;

    padding-top: 10px;

    padding-bottom: 10px;

    height: 250px;

    overflow-y: scroll
}



.showing-result .showing-top-bar-ordering .nice-select .list .option {

    transition: var(--transition);

    font-size: 16px;

    padding-left: 15px;

    padding-right: 15px
}



.showing-result .showing-top-bar-ordering .nice-select .list .option:hover {

    background-color: var(--main-color) !important;

    color: var(--white-color)
}



.showing-result .showing-top-bar-ordering .nice-select .list .option.selected {

    font-weight: 700;

    color: var(--body-color)
}



.showing-result .showing-top-bar-ordering .nice-select:after {

    right: 20px
}



.showing-result .search-form .search-btn {

    position: absolute;

    top: 0;

    right: 0;

    height: 50px;

    width: 50px;

    line-height: 50px;

    background-color: var(--main-color);

    color: var(--white-color);

    font-size: 20px
}



.showing-result .search-form .form-control {

    border: 1px solid #d7d7d7;

    background-color: #f5f6fa;

    font-size: 16px
}



.showing-result .search-form .form-control::placeholder {

    color: #616161
}



.contact-info-area .single-contact-info {

    text-align: center;

    margin-bottom: 30px;

    padding: 0 30px;

    transition: var(--transition);

    position: relative
}



.contact-info-area .single-contact-info::before {

    content: "";

    position: absolute;

    top: 0;

    left: -15px;

    width: 1px;

    height: 100%;

    background-color: #e5e5e5
}



.contact-info-area .single-contact-info i {

    display: block;

    color: #1d71be;

    transition: var(--transition);

    line-height: 1;

    margin: 0 auto 15px;

    border-radius: 50%;

    font-size: 50px
}



.contact-info-area .single-contact-info h3 {

    transition: var(--transition);

    margin-bottom: 15px;

    color: #1d71be;

}



.contact-info-area .single-contact-info a {

    color: var(--body-color);

    transition: var(--transition);

}

.contact-info-area .single-contact-info:hover {

    transform: translateY(-5px);

}

.contact-info-area .single-contact-info a:hover {

    color: #fcbf00;

}



.contact-info-area .col-lg-4:first-child .single-contact-info::before {

    display: none
}



.main-contact-area .contact-wrap {

    max-width: unset
}



.main-contact-area .contact-wrap .section-title {

    text-align: center !important;

    max-width: 600px
}



.main-contact-area .contact-wrap .section-title h2 {

    margin-bottom: 10px
}



.main-contact-area .contact-wrap .form-group {

    margin-bottom: 15px
}



.main-contact-area .contact-wrap .default-btn {

    margin: auto;

    /* display: table; */

    cursor: pointer
}



.main-contact-area .contact-wrap .contact-form {

    /* max-width: 900px; */

    margin: auto;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.10);

    background-color: #fff;

    padding: 25px;

    border-radius: 2px;

    transition-duration: .15s;

    border: 1px solid #efefef;

    background-color: #fff !important;

}



.main-contact-area .contact-wrap .contact-form #msgSubmit {

    position: unset;

    text-align: center;

    margin-top: 20px
}



.main-contact-area .contact-wrap .contact-form .hidden {

    display: none
}



.main-contact-area .contact-wrap .form-control {

    background-color: #f5f6fa;

    border-color: 1px solid #c1c1c1;

}



.list-unstyled {

    color: red;

    margin-top: 10px;

    font-size: 14px
}



.map-area iframe {

    height: 480px;

    width: 100%;

    border: none !important;

    display: block
}



.single-gallery {

    margin-bottom: 30px;

    transition: var(--transition);

    position: relative
}



.single-gallery a i {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    justify-content: center;

    align-items: center;

    display: flex;

    font-size: 50px;

    background-color: rgba(0, 0, 0, .5);

    transform: scaleX(0);

    transition: var(--transition)
}



.single-gallery:hover {

    transform: translateY(-5px)
}



.single-gallery:hover a i {

    transform: scaleX(1)
}



.user-area-style {

    position: relative;

    z-index: 1
}



.user-area-style .section-title {

    margin-bottom: 0;

    margin-top: 0;

    padding: 30px;

    background-color: var(--main-color);

    text-align: left;

    max-width: unset
}



.user-area-style .section-title h2 {

    font-size: 30px;

    color: var(--white-color)
}



.user-area-style .contact-form-action {

    border: 1px solid #ebf0ff;

    padding: 50px;

    box-shadow: var(--box-shadow)
}



.user-area-style .contact-form-action .section-title {

    margin-bottom: 40px
}



.user-area-style .contact-form-action form .form-condition {

    margin-bottom: 20px
}



.user-area-style .contact-form-action form .form-condition .agree-label {

    font-weight: 600
}



.user-area-style .contact-form-action form .form-condition .agree-label a {

    color: var(--main-color)
}



.user-area-style .contact-form-action form .form-group {

    margin-bottom: 30px
}



.user-area-style .contact-form-action form .default-btn {

    margin-bottom: 25px
}



.user-area-style .contact-form-action form .default-btn.register {

    background-color: rgba(0, 0, 0, 0);

    border: 1px solid var(--heading-color);

    color: var(--heading-color)
}



.user-area-style .contact-form-action form .default-btn.register:hover {

    background-color: var(--main-color);

    color: var(--white-color)
}



.user-area-style .contact-form-action form .login-action {

    margin-bottom: 30px
}



.user-area-style .contact-form-action form .login-action .log-rem {

    display: inline-block
}



.user-area-style .contact-form-action form .login-action .log-rem label {

    margin-bottom: 0
}



.user-area-style .contact-form-action form .login-action .forgot-login {

    display: inline-block;

    float: right
}



.user-area-style .contact-form-action p a {

    color: var(--heading-color)
}



.user-area-style .contact-form-action p a:hover {

    color: var(--main-color)
}



.user-area-style .log-in-area,

.user-area-style .registration-area {

    max-width: 600px;

    margin: auto
}



.user-area-style.recover-password-area .recover {

    max-width: 600px;

    margin: auto
}



.user-area-style.recover-password-area h3 {

    font-size: 40px;

    margin-top: -11px
}



.user-area-style.recover-password-area p {

    margin-bottom: 30px
}



.user-area-style.recover-password-area .now-register {

    float: right
}



.user-area-style .text-right {

    text-align: right
}



label {

    margin-bottom: 8px
}



.privacy-policy-wrap {

    max-width: 800px;

    margin: auto
}



.privacy-policy-wrap .title {

    margin-bottom: 30px;

    text-align: center
}



.privacy-policy-wrap img {

    margin-bottom: 20px
}



.privacy-policy-wrap ul {

    margin-left: 20px;

    margin-bottom: 15px
}



.terms-conditions-wrap {

    max-width: 800px;

    margin: auto
}



.terms-conditions-wrap .title {

    margin-bottom: 30px;

    text-align: center
}



.terms-conditions-wrap img {

    margin-bottom: 20px
}



.terms-conditions-wrap ul {

    margin-left: 20px;

    margin-bottom: 15px;

    list-style-type: disc
}



.single-blog-content .blog-top-content img {

    margin-bottom: 25px
}



.single-blog-content .blog-top-content .research {

    color: var(--main-color);

    margin-bottom: 5px;

    display: block
}



.single-blog-content .blog-top-content h3 {

    margin-bottom: 20px;

    font-size: 30px
}



.single-blog-content .blog-top-content .post-details {

    margin-bottom: 20px;

    line-height: 1
}



.single-blog-content .blog-top-content .post-details li {

    display: inline-block;

    padding-right: 20px;

    margin-right: 20px;

    border-right: 1px solid var(--body-color)
}



.single-blog-content .blog-top-content .post-details li i {

    margin-right: 5px;

    color: var(--main-color);

    position: relative;

    top: 2px
}



.single-blog-content .blog-top-content .post-details li:last-child {

    border-right: none;

    margin-right: 0;

    padding-right: 0
}



.single-blog-content .blog-top-content blockquote {

    position: relative;

    background-color: #f5f6fa
}



.single-blog-content .blog-top-content blockquote::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 2px;

    height: 100%;

    background-color: var(--main-color)
}



.single-blog-content .blog-top-content blockquote i {

    position: absolute;

    top: 15px;

    left: 0;

    font-size: 30px
}



.single-blog-content .blog-top-content blockquote p {

    padding: 30px 50px;

    font-weight: 500;

    font-size: 18px;

    color: var(--heading-color)
}



.single-blog-content .social-wrap {

    background-color: #f5f6fa;

    padding: 20px 30px;

    margin-top: 30px;

    margin-bottom: 50px
}



.single-blog-content .social-wrap li {

    display: inline-block
}



.single-blog-content .social-wrap li span {

    color: var(--heading-color);

    margin-right: 10px;

    font-weight: 500
}



.single-blog-content .social-wrap li a {

    font-size: 16px;

    margin-right: 10px
}



.single-blog-content .social-wrap li a:hover {

    transform: translateY(-2px)
}



.single-blog-content .social-wrap li:last-child a {

    margin-right: 0
}



.single-blog-content .post-next-and-prev-wrap {

    margin-bottom: 50px
}



.single-blog-content .post-next-and-prev-wrap .prev-img {

    position: relative
}



.single-blog-content .post-next-and-prev-wrap .prev-img h3 {

    font-size: 16px;

    position: absolute;

    top: 20px;

    left: 115px
}



.single-blog-content .post-next-and-prev-wrap .next-img {

    position: relative;

    text-align: right
}



.single-blog-content .post-next-and-prev-wrap .next-img h3 {

    font-size: 16px;

    position: absolute;

    top: 20px;

    right: 115px
}



.single-blog-content .comments-wrap {

    margin-bottom: 50px
}



.single-blog-content .comments-wrap h3 {

    margin-bottom: 30px;

    font-size: 24px
}



.single-blog-content .comments-wrap ul li {

    position: relative;

    padding-left: 100px;

    margin-bottom: 30px
}



.single-blog-content .comments-wrap ul li img {

    margin-bottom: 20px;

    position: absolute;

    left: 0;

    top: 0
}



.single-blog-content .comments-wrap ul li h3 {

    margin-bottom: 10px;

    font-size: 16px
}



.single-blog-content .comments-wrap ul li span {

    display: block;

    margin-bottom: 15px
}



.single-blog-content .comments-wrap ul li a {

    font-size: 14px
}



.single-blog-content .comments-wrap ul li a:hover {

    letter-spacing: 1px
}



.single-blog-content .comments-wrap ul li a i {

    margin-right: 5px
}



.single-blog-content .leave-reply-wrap h3 {

    margin-bottom: 20px;

    font-size: 24px;

    margin-top: -10px
}



.single-blog-content .leave-reply-wrap p {

    margin-bottom: 30px
}



.single-blog-content .leave-reply-wrap .form-group {

    margin-bottom: 25px
}



.single-blog-content .leave-reply-wrap .form-group #chb1 {

    margin-right: 5px
}



.single-blog-content .leave-reply-wrap .form-group label {

    margin-bottom: 10px
}



.single-blog-content .leave-reply-wrap input[type=checkbox],

.single-blog-content .leave-reply-wrap input[type=radio] {

    margin-right: 5px;

    position: relative;

    top: 1px
}



.sidebar-widget {

    margin-bottom: 35px
}



.sidebar-widget h3 {

    font-size: 24px;

    padding-bottom: 10px;

    margin-bottom: 25px;

    position: relative;

    border-bottom: 1px solid #efefef
}



.sidebar-widget h3::before {

    content: "";

    position: absolute;

    bottom: -2px;

    left: 0;

    width: 150px;

    height: 3px;

    background-color: var(--main-color)
}



.sidebar-widget.search .search-form {

    position: relative
}



.sidebar-widget.search .search-form .search-button {

    position: absolute;

    width: 50px;

    height: 50px;

    line-height: 50px;

    background-color: var(--main-color);

    top: 0;

    right: 0;

    font-size: 20px;

    color: var(--white-color)
}



.sidebar-widget.categories {

    border: 1px solid #ebf0ff;

    padding: 30px;

    overflow: hidden
}



.sidebar-widget.categories ul li {

    position: relative;

    margin-bottom: 21px
}



.sidebar-widget.categories ul li::before {

    content: "";

    position: absolute;

    top: -10px;

    left: -30px;

    width: 119%;

    height: 1px;

    background-color: #efefef
}



.sidebar-widget.categories ul li:first-child::before {

    display: none
}



.sidebar-widget.categories ul li:last-child {

    margin-bottom: 0
}



.sidebar-widget.popular-post {

    position: relative;

    overflow: hidden;

    border: 1px solid #ebf0ff;

    padding: 30px
}



.sidebar-widget.popular-post .item {

    position: relative;

    margin-bottom: 31px
}



.sidebar-widget.popular-post .item::before {

    content: "";

    position: absolute;

    top: -16px;

    left: -30px;

    width: 119%;

    height: 1px;

    background-color: #efefef
}



.sidebar-widget.popular-post .item:first-child::before {

    display: none
}



.sidebar-widget.popular-post .item:last-child {

    margin-bottom: 0;

    border-bottom: none;

    padding-bottom: 0
}



.sidebar-widget.popular-post .item .thumb {

    float: left;

    height: 80px;

    overflow: hidden;

    position: relative;

    width: 80px;

    margin-right: 15px
}



.sidebar-widget.popular-post .item .thumb .fullimage {

    width: 80px;

    height: 80px;

    display: inline-block;

    background-size: cover !important;

    background-repeat: no-repeat;

    background-position: center center !important;

    position: relative
}



.sidebar-widget.popular-post .item .thumb .fullimage.bg1 {

    background-image: url(../img/single-blog/popular-img-1.jpg)
}



.sidebar-widget.popular-post .item .thumb .fullimage.bg2 {

    background-image: url(../img/single-blog/popular-img-2.jpg)
}



.sidebar-widget.popular-post .item .thumb .fullimage.bg3 {

    background-image: url(../img/single-blog/popular-img-3.jpg)
}



.sidebar-widget.popular-post .item .info {

    overflow: hidden
}



.sidebar-widget.popular-post .item .info .title {

    margin-bottom: 10px;

    line-height: 1.5;

    font-size: 16px
}



.sidebar-widget.popular-post .item .info .title a {

    display: inline-block;

    color: var(--heading-color)
}



.sidebar-widget.popular-post .item .info .title a:hover {

    color: var(--main-color)
}



.sidebar-widget.popular-post .item .info .date {

    font-size: 13px;

    color: var(--body-color);

    display: block
}



.sidebar-widget.tags {

    border: 1px solid #ebf0ff;

    padding: 30px
}



.sidebar-widget.tags ul li {

    display: inline-block;

    margin-bottom: 10px;

    margin-right: 10px
}



.sidebar-widget.tags ul li a {

    border: 1px solid #cfcfcf;

    padding: 8px 12px
}



.sidebar-widget.tags ul li a:hover {

    transform: translateY(-2px);

    background-color: var(--main-color);

    color: var(--white-color);

    border-color: var(--main-color)
}



.sidebar-widget.tags ul li:last-child {

    margin-bottom: 0
}



.single-shop {

    text-align: center;

    margin-bottom: 30px
}



.single-shop .shop-img {

    position: relative;

    margin-bottom: 20px
}



.single-shop .shop-img ul {

    position: absolute;

    bottom: 10px;

    left: 0;

    right: 0;

    transform: scaleY(0);

    transition: var(--transition)
}



.single-shop .shop-img ul li {

    display: inline-block
}



.single-shop .shop-img ul li a i {

    font-size: 20px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    background-color: var(--white-color);

    color: var(--heading-color);

    border-radius: var(--border-radius);

    border: 1px solid #b7b7b7;

    transition: var(--transition)
}



.single-shop .shop-img ul li a:hover i {

    background-color: var(--main-color);

    color: var(--white-color);

    border-color: var(--main-color)
}



.single-shop .shop-img::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: var(--black-color);

    opacity: .1;

    transform: scaleY(0);

    transition: var(--transition)
}



.single-shop h3 {

    margin-bottom: 5px
}



.single-shop span {

    font-size: 16px;

    display: block;

    margin-bottom: 10px
}



.single-shop span del {

    margin-right: 10px
}



.single-shop .default-btn {

    padding: 12px 45px;

    font-size: 15px;

    background-color: rgba(0, 0, 0, 0);

    border-color: var(--heading-color);

    color: var(--heading-color)
}



.single-shop .default-btn:hover {

    background-color: var(--main-color);

    color: var(--white-color)
}



.single-shop:hover .shop-img ul {

    transform: scaleY(1)
}



.single-shop:hover .shop-img::before {

    transform: scaleY(1)
}



.cart-area .product-thumbnail {

    width: 130px
}



.cart-area .cart-table {

    text-align: left;

}



.cart-area .cart-table table thead tr {

    border-style: none
}



.cart-area .cart-table table thead tr th {

    border-bottom: none;

    border: none;

    border-bottom: 1px solid #1d71be;

    color: #1d71be;

    font-size: 16px;

    font-weight: 700;

    padding: 15px
}



.cart-area .cart-table table tbody tr td {

    vertical-align: middle;

    border: none;

    border-bottom: 1px solid #eaedff;

    padding: 15px;

    text-align: left;

}



.cart-area .cart-table table tbody tr td a {

    color: #212427;

}



.cart-area .cart-table table tbody tr td a:hover {

    color: #1d71be
}



.cart-area .cart-table table tbody tr td.product-subtotal {

    font-size: 15px
}



.cart-area .cart-table table tbody tr td.product-subtotal .remove {

    margin-left: 50px;

    width: 30px;

    height: 30px;

    line-height: 34px;

    display: inline-block;

    background-color: var(--white-color);

    border-radius: 50%;

    font-size: 20px;

    transition: var(--transition);

    color: var(--body-color);

    box-shadow: var(--box-shadow);

}



.cart-area .cart-table table tbody tr td.product-subtotal .remove:hover {

    background-color: red;

    color: var(--white-color)
}



.cart-area .cart-table table tbody tr td.product-quantity {

    width: 145px
}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter {

    position: relative
}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter input {

    height: 45px;

    color: var(--body-color);

    outline: 0;

    display: block;

    border: none;

    border: 1px solid #cfcfcf;

    text-align: center;

    width: 100%
}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter .minus-btn {

    position: absolute;

    top: 0;

    left: 0;

    border: 1px solid #cfcfcf;

    cursor: pointer;

    color: var(--body-color);

    width: 40px;

    height: 100%;

    line-height: 48px;

    transition: var(--transition);

    font-size: 20px
}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter .minus-btn:hover {

    background-color: var(--main-color);

    color: var(--white-color)
}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter .plus-btn {

    position: absolute;

    top: 0;

    right: 0;

    border: 1px solid #cfcfcf;

    cursor: pointer;

    color: var(--body-color);

    width: 40px;

    height: 100%;

    line-height: 48px;

    transition: var(--transition);

    font-size: 20px
}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter .plus-btn:hover {

    background-color: var(--main-color);

    color: var(--white-color)
}



.cart-area .coupon-cart {

    margin-top: 20px
}



.cart-area .coupon-cart .form-group {

    position: relative
}



.cart-area .coupon-cart .form-group .form-control {

    border: 1px solid #e1e1e1
}



.cart-area .coupon-cart .form-group .form-control:focus {

    border-color: var(--main-color)
}



.cart-area .coupon-cart .form-group .default-btn {

    position: absolute;

    top: 0;

    right: 0;

    height: 50px
}



.cart-area .coupon-cart .default-btn.update {

    background-color: rgba(0, 0, 0, 0);

    border-color: var(--heading-color);

    color: var(--heading-color);

    float: right
}



.cart-area .coupon-cart .default-btn.update:hover {

    background-color: var(--main-color);

    border-color: var(--main-color);

    color: var(--white-color)
}



.cart-area .cart-checkout-title {

    background-color: var(--main-color);

    padding: 20px 30px;

    color: var(--white-color);

    margin-bottom: 0
}



.cart-area .cart-totals {

    padding: 35px;

    border-radius: 0;

    border: 1px solid #ebf0ff;

    overflow: hidden
}



.cart-area .cart-totals h3 {

    margin-bottom: 25px
}



.cart-area .cart-totals ul {

    padding: 0;

    margin: 0 0 25px;

    list-style-type: none
}



.cart-area .cart-totals ul li {

    color: var(--body-color);

    position: relative;

    padding-bottom: 21px
}



.cart-area .cart-totals ul li::before {

    content: "";

    position: absolute;

    bottom: 10px;

    left: -30px;

    width: 119%;

    height: 1px;

    border-bottom: 1px solid #eaedff
}



.cart-area .cart-totals ul li:last-child {

    padding-bottom: 0
}



.cart-area .cart-totals ul li:last-child::before {

    display: none
}



.cart-area .cart-totals ul li span {

    float: right;

    color: #666;

    font-weight: normal
}



.cart-area .cart-totals .default-btn {

    display: block
}



.checkout-area .billing-details h3 {

    margin-bottom: 20px;

    font-size: 30px
}



.checkout-area .billing-details .form-group {

    margin-bottom: 20px
}



.checkout-area .billing-details .form-group label {

    display: block;

    color: var(--body-color);

    margin-bottom: 10px
}



.checkout-area .billing-details .form-group label .required {

    color: var(--body-color)
}



.checkout-area .billing-details .form-group .nice-select {

    float: unset;

    line-height: 45px;

    color: var(--body-color);

    padding-top: 0;

    padding-bottom: 0
}



.checkout-area .billing-details .form-group .nice-select .list {

    background-color: var(--white-color);

    box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, .1);

    border-radius: 0;

    margin-top: 0;

    width: 100%;

    padding-top: 10px;

    padding-bottom: 10px
}



.checkout-area .billing-details .form-group .nice-select .list .option {

    transition: .5s;

    padding-left: 20px;

    padding-right: 20px
}



.checkout-area .billing-details .form-group .nice-select .list .option:hover {

    background-color: var(--main-color) !important;

    color: var(--white-color)
}



.checkout-area .billing-details .form-group .nice-select .list .option.selected {

    background-color: rgba(0, 0, 0, 0)
}



.checkout-area .billing-details .form-group .nice-select:after {

    right: 20px
}



.checkout-area .billing-details .form-group .nice-select .option:hover,

.checkout-area .billing-details .form-group .nice-select .option.focus,

.checkout-area .billing-details .form-group .nice-select .option.selected.focus {

    background-color: var(--main-color) !important;

    color: var(--white-color) !important
}



.checkout-area .billing-details .form-group textarea {

    padding-top: 13px
}



.checkout-area .billing-details .form-check {

    margin-bottom: 20px
}



.checkout-area .billing-details .form-check .form-check-label {

    color: var(--body-color)
}



.checkout-area .billing-details .form-check label {

    position: relative;

    top: 1px
}



.checkout-area .billing-details .col-lg-12:last-child .form-group {

    margin-bottom: 0
}



.checkout-area .cart-totals {

    border-radius: 0;

    margin-bottom: 30px;

    box-shadow: var(--box-shadow)
}



.checkout-area .cart-totals h3 {

    margin-bottom: 0;

    font-size: 24px;

    background-color: var(--main-color);

    padding: 20px 30px;

    color: var(--white-color)
}



.checkout-area .cart-totals ul {

    padding: 15px 30px;

    overflow: hidden;

    border: 1px solid #eaedff
}



.checkout-area .cart-totals ul li {

    color: var(--body-color);

    position: relative;

    padding-bottom: 21px
}



.checkout-area .cart-totals ul li::before {

    content: "";

    position: absolute;

    bottom: 10px;

    left: -30px;

    width: 200%;

    height: 1px;

    border-bottom: 1px solid #eaedff
}



.checkout-area .cart-totals ul li:first-child {

    padding-top: 0
}



.checkout-area .cart-totals ul li:last-child {

    border-bottom: none;

    padding-bottom: 0
}



.checkout-area .cart-totals ul li:last-child::before {

    display: none
}



.checkout-area .cart-totals ul li span {

    float: right;

    color: #666;

    font-weight: normal
}



.checkout-area .faq-accordion h3 {

    font-size: 24px;

    margin-bottom: 0;

    background-color: var(--main-color);

    padding: 20px 30px;

    color: var(--white-color)
}



.checkout-area .faq-accordion .accordion {

    border: 1px solid #eaedff;

    padding: 30px;

    box-shadow: var(--box-shadow)
}



.checkout-area .faq-accordion .accordion .accordion-content {

    border-top: none;

    padding: 0
}



.checkout-area .faq-accordion .accordion .accordion-title {

    padding: 0;

    position: relative;

    padding-left: 25px;

    background-color: rgba(0, 0, 0, 0);

    border: none;

    margin-bottom: 10px;

    color: var(--heading-color)
}



.checkout-area .faq-accordion .accordion .accordion-title.active::before {

    background-color: var(--main-color)
}



.checkout-area .faq-accordion .accordion .accordion-title.active::after {

    background-color: var(--main-color)
}



.checkout-area .faq-accordion .accordion .accordion-title::before {

    content: "";

    position: absolute;

    top: 4px;

    left: 0;

    width: 15px;

    height: 15px;

    background-color: var(--heading-color);

    border-radius: 50%
}



.checkout-area .faq-accordion .accordion .accordion-title::after {

    content: "";

    position: absolute;

    top: 7px;

    left: 3px;

    width: 9px;

    height: 9px;

    background-color: var(--white-color);

    border-radius: 50%;

    border-radius: 50%
}



.checkout-area .faq-accordion .accordion .accordion-title:hover {

    color: var(--main-color)
}



.checkout-area .faq-accordion .accordion .accordion-item {

    background-color: rgba(0, 0, 0, 0);

    box-shadow: none;

    margin-bottom: 15px
}



.checkout-area .faq-accordion .form-check {

    font-size: 14px
}



.checkout-area .faq-accordion .form-check label {

    margin-bottom: 5px
}



.checkout-area .faq-accordion .form-check label a {

    color: var(--heading-color)
}



.checkout-area .faq-accordion .form-check label a:hover {

    color: var(--main-color)
}



.wishlist-wrap {

    max-width: 1080px;

    margin: auto
}



.wishlist-wrap .default-btn {

    float: right;

    margin-top: -11px;

    color: var(--white-color) !important
}



.wishlist-wrap .default-btn:hover {

    color: var(--main-color) !important
}



.wishlist-wrap .table-responsive>.table-bordered {

    margin-bottom: 0
}



.product-details-area .product-details-desc h3 {

    margin-bottom: 15px;

    font-size: 25px
}



.product-details-area .product-details-desc p {

    margin-bottom: 0
}



.product-details-area .product-details-desc .price {

    margin-bottom: 10px;

    color: #333;

    font-size: 20px;

    font-weight: 500
}



.product-details-area .product-details-desc .price span {

    padding: 0 5px
}



.product-details-area .product-details-desc .price .old-price {

    text-decoration: line-through;

    color: #828893;

    font-size: 24px
}



.product-details-area .product-details-desc .product-review {

    margin-bottom: 15px
}



.product-details-area .product-details-desc .product-review .rating {

    display: inline-block;

    padding-right: 5px;

    font-size: 20px
}



.product-details-area .product-details-desc .product-review .rating i {

    color: #ffba0a
}



.product-details-area .product-details-desc .product-review .rating-count {

    display: inline-block;

    color: #333;

    border-bottom: 1px solid #333;

    line-height: initial;

    position: relative;

    top: -5px
}



.product-details-area .product-details-desc .product-review .rating-count:hover {

    color: var(--main-color);

    border-color: var(--main-color)
}



.product-details-area .product-details-desc .product-summery {

    margin-top: 30px
}



.product-details-area .product-details-desc .product-summery li {

    margin-bottom: 10px;

    color: var(--heading-color);

    font-size: 17px;

    font-weight: 500;

    position: relative
}



.product-details-area .product-details-desc .product-summery li span {

    font-size: 16px;

    font-weight: 400;

    position: absolute;

    left: 115px;

    top: 3px
}



.product-details-area .product-details-desc .product-summery li:last-child {

    margin-bottom: 0
}



.product-details-area .product-details-desc .social-wrap {

    margin-top: 30px
}



.product-details-area .product-details-desc .social-wrap li {

    display: inline-block;

    padding-right: 10px;

    font-size: 17px;

    font-weight: 500;

    color: var(--heading-color)
}



.product-details-area .product-details-desc .social-wrap li span {

    display: inline-block;

    margin-right: 45px
}



.product-details-area .product-details-desc .social-wrap li a i {

    font-size: 20px;

    line-height: 1;

    color: var(--heading-color);

    transition: var(--transition)
}



.product-details-area .product-details-desc .social-wrap li a:hover i {

    color: var(--main-color)
}



.product-details-area .product-details-desc .product-add-to-cart {

    margin-bottom: 30px;

    margin-top: 20px
}



.product-details-area .product-details-desc .product-add-to-cart h3 {

    display: inline-block;

    margin-right: 10px;

    font-size: 17px
}



.product-details-area .product-details-desc .product-add-to-cart .input-counter {

    max-width: 130px;

    min-width: 130px;

    margin-right: 10px;

    text-align: center;

    display: inline-block;

    position: relative;

    border: 1px solid #cfcfcf
}



.product-details-area .product-details-desc .product-add-to-cart .input-counter span {

    position: absolute;

    top: 0;

    background-color: rgba(0, 0, 0, 0);

    cursor: pointer;

    color: #d0d0d0;

    width: 40px;

    height: 100%;

    line-height: 34px;

    transition: .5s
}



.product-details-area .product-details-desc .product-add-to-cart .input-counter span:hover {

    color: var(--main-color)
}



.product-details-area .product-details-desc .product-add-to-cart .input-counter span.minus-btn {

    left: 0;

    border-right: 1px solid #cfcfcf
}



.product-details-area .product-details-desc .product-add-to-cart .input-counter span.plus-btn {

    right: 0;

    border-left: 1px solid #cfcfcf
}



.product-details-area .product-details-desc .product-add-to-cart .input-counter input {

    height: 30px;

    color: #333;

    outline: 0;

    display: block;

    border: none;

    background-color: #f8f8f8;

    text-align: center;

    width: 100%
}



.product-details-area .product-details-desc .product-add-to-cart .input-counter input::placeholder {

    color: #333
}



.product-details-area .product-details-desc .default-btn {

    margin-bottom: 0 !important
}



.product-details-area .product-details-desc .default-btn i {

    position: relative;

    top: -1px;

    margin-right: 5px
}



.product-details-area .product-details-image {

    text-align: center;

    background-color: #f7f7f7
}



.product-details-area .tab .tabs_item {

    display: none
}



.product-details-area .tab .tabs_item:first-child {

    display: block
}



.product-details-area .products-details-tab {

    margin-top: 100px
}



.product-details-area .products-details-tab .tabs {

    list-style-type: none;

    padding-left: 0;

    text-align: center;

    border-bottom: 1px solid #eaedff
}



.product-details-area .products-details-tab .tabs li {

    display: inline-block;

    line-height: initial;

    margin-right: 15px;

    margin-left: 15px;

    margin-bottom: 20px
}



.product-details-area .products-details-tab .tabs li a {

    display: inline-block;

    position: relative;

    color: #333;

    border-bottom: none;

    line-height: 1;

    font-size: 16px;

    font-weight: 500
}



.product-details-area .products-details-tab .tabs li a:hover {

    color: var(--main-color)
}



.product-details-area .products-details-tab .tabs li:last-child {

    margin-right: 0
}



.product-details-area .products-details-tab .tabs li.current a {

    color: var(--main-color)
}



.product-details-area .products-details-tab .tab_content {

    padding: 30px;

    padding-bottom: 0
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content p {

    margin-bottom: 20px
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content p:last-child {

    margin-bottom: 0
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information {

    padding-left: 0;

    margin-bottom: 0;

    list-style-type: none;

    text-align: left
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li {

    border: 1px solid #eaedff;

    border-bottom: none;

    padding: 10px 15px;

    color: #57647c
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li:last-child {

    border-bottom: 1px solid #eaedff
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span {

    display: inline-block;

    width: 30%;

    color: var(--main-color)
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content h3 {

    margin-bottom: 15px
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title {

    position: relative
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating {

    display: inline-block
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating .fas.fa-star {

    color: #ffba0a
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating i {

    color: #ffba0a;

    font-size: 14px
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title p {

    margin-bottom: 0;

    display: inline-block;

    padding-left: 5px;

    line-height: initial
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn {

    position: absolute;

    right: 0;

    bottom: 10px;

    padding: 10px 11px;

    font-size: 11px
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn:focus {

    border: none !important;

    box-shadow: none !important;

    border: 4px;

    background-color: var(--main-color)
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments {

    margin-top: 35px
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {

    margin-top: 30px;

    position: relative;

    padding-right: 200px;

    border-top: 1px dashed #eaedff;

    padding-top: 30px
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating .fas.fa-star {

    color: #ffba0a
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating i {

    font-size: 14px;

    color: #ffba0a
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item h3 {

    margin-top: 10px;

    margin-bottom: 10px
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span {

    margin-bottom: 10px;

    font-size: 13px;

    display: block
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item p {

    margin-bottom: 0
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {

    position: absolute;

    right: 0;

    color: #57647c;

    top: 40px;

    text-decoration: underline
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover {

    color: #ff4800
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form {

    margin-top: 30px
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group {

    margin-bottom: 20px
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group label {

    color: #444
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group textarea {

    padding-top: 15px
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group .form-control {

    font-size: 14px
}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .btn:focus {

    box-shadow: none;

    border: none;

    border-radius: 0
}



.related-product-area .section-title {

    text-align: center;

    margin: -15px auto 50px
}



.event-about-area .section-title {

    margin-top: -10px
}



.event-about-area .event-about-content h3 {

    font-size: 24px;

    margin-bottom: 15px
}



.event-about-area .event-about-content .post-details {

    margin-bottom: 25px;

    line-height: 1
}



.event-about-area .event-about-content .post-details li {

    display: inline-block;

    padding-right: 20px;

    margin-right: 20px;

    border-right: 1px solid var(--body-color)
}



.event-about-area .event-about-content .post-details li i {

    margin-right: 5px;

    color: var(--main-color);

    position: relative;

    top: 2px
}



.event-about-area .event-about-content .post-details li:last-child {

    border-right: none;

    margin-right: 0;

    padding-right: 0
}



.event-about-area .event-about-content img {

    margin-bottom: 15px
}



.event-about-area .event-about-content .description-title {

    margin-bottom: 10px
}



.event-about-area .map-area {

    margin-top: 30px;

    margin-bottom: 30px
}



.account-wrap {

    box-shadow: var(--box-shadow);

    border: 1px solid #eaedff;

    padding: 20px;

    background-color: #fff;

}

.account-wrap h3 {

    color: #1d71be;

}

/*

.account-wrap ul {

    overflow: hidden;

    padding: 15px 30px

}



.account-wrap ul li {

    font-weight: 500;

    position: relative;

    color: var(--heading-color)

}



 .account-wrap ul li::before {

    content: "";

    position: absolute;

    bottom: 15px;

    left: -30px;

    width: 200%;

    height: 1px;

} 



.account-wrap ul li:last-child {

    padding-bottom: 0

}



.account-wrap ul li:last-child::before {

    display: none

}



.account-wrap ul li .bold {

    font-weight: 500;

    color: var(--main-color)

}



.account-wrap ul li span {

    font-weight: normal;

    float: right;

    color: var(--body-color)

}



.account-wrap ul li a {

    float: right

}



*/



.account-wrap .social-content {

    position: relative
}



.account-wrap .social-content p {

    margin-left: 30px;

    margin-right: 30px;

    padding-bottom: 5px;

    text-align: center;

    cursor: pointer
}



.account-wrap .social-content p i {

    font-size: 20px;

    position: relative;

    top: 3px
}



.account-wrap .social-content ul {

    position: absolute;

    top: 15px;

    left: 0;

    right: 0;

    text-align: center;

    transform: scaleX(0);

    transition: var(--transition)
}



.account-wrap .social-content ul li {

    display: inline-block;

    border: none;

    padding: 0
}



.account-wrap .social-content ul li::before {

    display: none
}



.account-wrap .social-content ul li a i {

    width: 30px;

    height: 30px;

    background-color: #f5f6fa;

    line-height: 30px;

    text-align: center;

    border-radius: var(--border-radius);

    font-size: 18px;

    transition: var(--transition)
}



.account-wrap .social-content ul li a:hover i {

    background-color: var(--main-color);

    color: var(--white-color)
}



.account-wrap .social-content:hover ul {

    transform: scaleX(1)
}



.teachers-area-style .section-title {

    margin-top: -10px
}



.single-event-area .single-event-content .title {

    margin-bottom: 15px;

    font-size: 28px
}



.single-event-area .single-event-content h3 {

    font-size: 24px
}



.single-event-area .single-event-content .post-details {

    margin-bottom: 25px;

    line-height: 1
}



.single-event-area .single-event-content .post-details li {

    display: inline-block;

    padding-right: 20px;

    margin-right: 20px;

    border-right: 1px solid var(--body-color)
}



.single-event-area .single-event-content .post-details li i {

    margin-right: 5px;

    color: var(--main-color);

    position: relative;

    top: 2px
}



.single-event-area .single-event-content .post-details li:last-child {

    border-right: none;

    margin-right: 0;

    padding-right: 0
}



.single-event-area .single-event-content img {

    margin-bottom: 25px
}



.single-event-area .map-area {

    margin-top: 30px;

    margin-bottom: 30px
}



.single-course-area .single-course-content h3 {

    font-size: 24px;

    margin-bottom: 25px;

    color: #1d71be;

}



.single-course-area .single-course-content img {

    margin-bottom: 30px;

    width: 100%;

}



.single-course-area .course-rating {

    position: relative;

    margin-bottom: 30px;

    padding-left: 70px
}



.single-course-area .course-rating h4 {

    font-size: 18px
}



.single-course-area .course-rating h4 a {

    color: var(--heading-color)
}



.single-course-area .course-rating h4 a:hover {

    color: var(--main-color)
}



.single-course-area .course-rating span {

    font-size: 14px
}



.single-course-area .course-rating img {

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 50%;

    max-width: 55px
}



.single-course-area .course-rating.star {

    float: right
}



.single-course-area .course-rating.star .rating {

    display: inline-block
}



.single-course-area .course-rating.star .rating i {

    color: var(--main-color)
}



.single-course-area .single-course-tab .tabs {

    background-color: #1d71be;

    text-align: center;

    padding: 5px;

    margin-bottom: 20px;

    box-shadow: var(--box-shadow);

}



.single-course-area .single-course-tab .tabs li {

    display: inline-block;

    padding: 15px
}



.single-course-area .single-course-tab .tabs li a {

    color: #fff;

    font-weight: 500
}



.single-course-area .single-course-tab .tabs li.current a {

    color: var(--main-color);

    position: relative;

    font-weight: 600;

}



/* .single-course-area .single-course-tab .tabs li.current a::before {

    content: "";

    position: absolute;

    bottom: -18px;

    left: 0;

    width: 100%;

    height: 3px;

    background-color: var(--main-color)

} */



.single-course-area .tab_content h3 {

    margin-bottom: 20px !important
}



.single-course-area .course-list {

    padding-left: 10px;

    margin-bottom: 15px;

    margin-top: 15px
}



.single-course-area .course-list li {

    position: relative;

    padding-left: 35px;

    margin-bottom: 15px
}



.single-course-area .course-list li:last-child {

    margin-bottom: 0
}



.single-course-area .course-list li i {

    position: absolute;

    left: 0;

    top: -3px;

    color: var(--main-color);

    font-size: 30px
}



.single-course-area .curriculum-content {

    border: 1px solid #eee
}



.single-course-area .curriculum-content h3 {

    padding: 30px;

    border-bottom: 1px solid #eee;

    margin-bottom: 0
}



.single-course-area .curriculum-content h4 {

    font-size: 18px;

    padding: 20px 30px
}



.single-course-area .curriculum-content ul li {

    background-color: #f8f8f8;

    position: relative;

    padding: 15px 30px
}



.single-course-area .curriculum-content ul li .meet-title {

    color: var(--heading-color)
}



.single-course-area .curriculum-content ul li .meet-title i {

    color: var(--main-color);

    font-size: 18px;

    position: relative;

    top: 2px;

    margin-right: 5px
}



.single-course-area .curriculum-content ul li .meet-time {

    position: absolute;

    top: 15px;

    right: 30px
}



.single-course-area .curriculum-content ul li .meet-time .min {

    background: #f7e7e8;

    padding: 4px 6px;

    font-size: 14px;

    border-radius: 5px;

    margin-right: 5px
}



.single-course-area .curriculum-content ul li .meet-time .preview {

    background: #e3f1f2;

    color: #2dbbc4;

    padding: 4px 6px;

    font-size: 14px;

    border-radius: 5px
}



.single-course-area .curriculum-content ul li .meet-time i {

    margin-left: 5px
}



.single-course-area .curriculum-content ul li.transparent {

    background-color: rgba(0, 0, 0, 0)
}



.single-course-area .advisor-content a {

    display: block
}



.single-course-area .advisor-content a h3 {

    margin-bottom: 10px
}



.single-course-area .advisor-content span {

    margin-bottom: 15px;

    display: block
}



.single-course-area .advisor-content p {

    margin-bottom: 20px
}



.single-course-area .advisor-content ul li {

    display: inline-block;

    padding: 0 5px
}



.single-course-area .advisor-content ul li a i {

    width: 30px;

    height: 30px;

    line-height: 30px;

    background-color: #f5f6fa;

    font-size: 16px;

    text-align: center;

    border-radius: var(--border-radius);

    transition: var(--transition)
}



.single-course-area .advisor-content ul li a:hover i {

    background-color: var(--main-color);

    color: var(--white-color)
}



.single-course-area .review-content h3 {

    display: inline-block
}



.single-course-area .review-content .rating-star {

    display: inline-block;

    position: relative;

    top: 2px;

    margin-left: 10px
}



.single-course-area .review-content .rating-star li {

    display: inline-block
}



.single-course-area .review-content .rating-star li i {

    color: var(--main-color);

    font-size: 18px
}



.single-course-area .review-content span {

    display: block;

    margin-top: 15px;

    margin-bottom: 30px
}



.single-course-area .review-content .rating-bar-content .single-bar {

    position: relative;

    margin-bottom: 20px
}



.single-course-area .review-content .rating-bar-content .single-bar .rating-bar {

    width: 100%;

    background-color: #ddd;

    border-radius: 10px
}



.single-course-area .review-content .rating-bar-content .single-bar .rating-bar .skills {

    text-align: right;

    padding-top: 8px;

    padding-bottom: 8px;

    color: var(--white-color);

    border-radius: 10px
}



.single-course-area .review-content .rating-bar-content .single-bar .rating-bar .skills.html {

    width: 90%;

    background-color: #4caf50;

    border-radius: 10px
}



.single-course-area .review-content .rating-bar-content .single-bar .rating-bar .skills.css {

    width: 80%;

    background-color: #2196f3;

    border-radius: 10px
}



.single-course-area .review-content .rating-bar-content .single-bar .rating-bar .skills.js {

    width: 65%;

    background-color: #f44336;

    border-radius: 10px
}



.single-course-area .review-content .rating-bar-content .single-bar .rating-bar .skills.php {

    width: 60%;

    background-color: gray;

    border-radius: 10px
}



.single-course-area .review-content .rating-bar-content .single-bar .start {

    margin-bottom: 5px
}



.single-course-area .review-content .rating-bar-content .single-bar .percent {

    position: absolute;

    right: 0;

    top: 0;

    margin-bottom: 5px
}



.single-course-area .review-content .course-reviews-content {

    margin-top: 35px
}



.single-course-area .review-content .course-reviews-content h3 {

    margin-bottom: 30px;

    padding-bottom: 10px;

    border-bottom: 1px solid #eee;

    display: block
}



.single-course-area .review-content .course-reviews-content .course-reviews {

    margin-top: 30px
}



.single-course-area .review-content .course-reviews-content .course-reviews li {

    position: relative;

    padding-left: 90px
}



.single-course-area .review-content .course-reviews-content .course-reviews li img {

    position: absolute;

    top: 0;

    left: 0
}



.single-course-area .review-content .course-reviews-content .course-reviews li h3 {

    margin-bottom: 15px;

    border: none;

    padding-bottom: 0
}



.single-course-area .review-content .course-reviews-content .course-reviews li span {

    margin: 0;

    color: var(--heading-color);

    display: block;

    margin-bottom: 10px
}



.tabs_item {

    display: none;

}





.tabs_item.current {

    display: block;

}





.coming-soon-area {

    position: relative;

    height: 100vh;

    overflow: hidden;

    background-image: url(../img/coming-soon-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover
}



.coming-soon-area .coming-soon-content {

    text-align: center;

    max-width: 750px;

    margin-left: auto;

    margin-right: auto;

    position: relative;

    z-index: 2;

    background-color: rgba(255, 255, 255, .9);

    padding: 70px 30px
}



.coming-soon-area .coming-soon-content h1 {

    margin-bottom: 0;

    color: var(--heading-color);

    font-size: 60px;

    margin-top: -18px
}



.coming-soon-area .coming-soon-content p {

    font-size: 16px;

    max-width: 600px;

    margin-top: 15px;

    margin-bottom: 0;

    margin-left: auto;

    margin-right: auto
}



.coming-soon-area .coming-soon-content #timer {

    margin-top: 30px
}



.coming-soon-area .coming-soon-content #timer div {

    display: inline-block;

    color: var(--main-color);

    position: relative;

    margin-left: 35px;

    margin-right: 35px;

    font-size: 45px;

    font-weight: 500
}



.coming-soon-area .coming-soon-content #timer div span {

    display: block;

    text-transform: capitalize;

    margin-top: -5px;

    font-size: 14px;

    font-weight: normal;

    font-weight: 500
}



.coming-soon-area .coming-soon-content #timer div:last-child {

    margin-right: 0
}



.coming-soon-area .coming-soon-content #timer div:last-child::before {

    display: none
}



.coming-soon-area .coming-soon-content #timer div:first-child {

    margin-left: 0
}



.coming-soon-area .coming-soon-content #timer div::before {

    content: "";

    position: absolute;

    right: -50px;

    top: -10px;

    font-size: 70px;

    color: var(--white-color)
}



.coming-soon-area .coming-soon-content .newsletter-form {

    position: relative;

    max-width: 500px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 50px
}



.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {

    display: block;

    width: 100%;

    height: 60px;

    border: none;

    background-color: rgba(255, 255, 255, .3);

    padding-left: 15px;

    color: var(--white-color);

    outline: 0;

    transition: var(--transition);

    border: 1px solid var(--main-color);

    color: var(--body-color)
}



.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus {

    border-color: var(--main-color)
}



.coming-soon-area .coming-soon-content .newsletter-form button {

    position: absolute;

    right: 0;

    top: 0;

    height: 60px;

    padding: 0 30px;

    outline: 0;

    transition: var(--transition);

    font-weight: 500;

    font-size: 15px;

    cursor: pointer
}



.coming-soon-area .coming-soon-content ul {

    margin-top: 30px
}



.coming-soon-area .coming-soon-content ul li {

    display: inline-block;

    margin: 0 5px
}



.coming-soon-area .coming-soon-content ul li a {

    width: 30px;

    height: 30px;

    line-height: 36px;

    background-color: var(--main-color);

    border-radius: 50%;

    color: var(--white-color)
}



.coming-soon-area .coming-soon-content ul li a i {

    font-size: 18px
}



.coming-soon-area #validator-newsletter {

    text-align: left;

    color: #dc3545 !important;

    font-size: 14px
}



.error-area {

    padding: 50px 0;

    height: 100vh;

    text-align: center;

    position: relative;

    z-index: 1;

    background-color: var(--white-color)
}



.error-area .error-content-wrap {

    z-index: 1;

    position: relative
}



.error-area .error-content-wrap h1 {

    font-size: 300px;

    line-height: 1;

    color: var(--main-color)
}



.error-area .error-content-wrap h1 .a {

    display: inline-block
}



.error-area .error-content-wrap h1 .red {

    color: red;

    display: inline-block
}



.error-area .error-content-wrap h1 .b {

    display: inline-block
}



.error-area .error-content-wrap h3 {

    margin: 30px 0 0;

    position: relative;

    color: red
}



.error-area .error-content-wrap p {

    margin: 20px 0 20px;

    font-size: 19px;

    color: var(--main-color)
}



.loader-wrapper {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 10;

    overflow: hidden;

    z-index: 9999;

    background-color: var(--white-color)
}



.loader {

    display: block;

    position: relative;

    left: 50%;

    top: 50%;

    width: 150px;

    height: 150px;

    margin: -75px 0 0 -75px;

    border-radius: 50%;

    animation: spin 1.7s linear infinite;

    z-index: 11
}



.loaded .loader-wrapper {

    visibility: hidden;

    transform: translateY(-100%);

    transition: all .3s 1s ease-out
}



.loaded .loader-wrapper .loader-section.section-left {

    transform: translateX(-100%);

    transition: all .7s .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}



.loaded .loader-wrapper .loader-section.section-right {

    transform: translateX(100%);

    transition: all .7s .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}



.loaded .loader {

    opacity: 0;

    transition: all .3s ease-out
}



.dot-wrap {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)
}



.dot-wrap .dot {

    position: absolute;

    width: 20px;

    height: 20px;

    background: #1d71be;

    animation: animate 4s infinite forwards ease-in-out
}



.dot-wrap .dot:nth-child(1) {

    background: #1d71be;

    left: -24px;

    top: -24px;

    animation-delay: .5s
}



.dot-wrap .dot:nth-child(2) {

    background: #fcbf00;

    left: 0px;

    top: -24px;

    animation-delay: 1s
}



.dot-wrap .dot:nth-child(4) {

    background: #1d71be;

    left: -24px;

    top: 0px;

    animation-delay: 1.5s
}



.dot-wrap .dot:nth-child(3) {

    background: #fcbf00;

    left: 0px;

    top: 0px;

    animation-delay: 2s
}



@keyframes animate {

    0% {

        transform: rotateY(0deg)
    }



    20% {

        transform: rotateY(360deg)
    }



    40% {

        transform: rotateX(180deg)
    }



    60% {

        transform: rotateX(0deg)
    }



    80% {

        transform: rotateX(360deg)
    }



    100% {

        transform: rotateY(180deg)
    }

}



.go-top {

    position: fixed;

    cursor: pointer;

    top: 88%;

    right: -10%;

    background-color: var(--main-color);

    z-index: 4;

    width: 40px;

    text-align: center;

    height: 42px;

    line-height: 42px;

    opacity: 0;

    visibility: hidden;

    transition: .9s
}



.go-top i {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    right: 0;

    margin: 0 auto;

    color: var(--white-color);

    transition: .5s;

    font-size: 20px
}



.go-top i:last-child {

    opacity: 0;

    visibility: hidden;

    top: 60%
}



.go-top::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-color: var(--main-color);

    opacity: 0;

    visibility: hidden;

    transition: .5s
}



.go-top:hover {

    color: var(--white-color);

    background-color: var(--main-color)
}



.go-top:hover::before {

    opacity: 1;

    visibility: visible
}



.go-top:hover i:first-child {

    opacity: 0;

    top: 0;

    visibility: hidden
}



.go-top:hover i:last-child {

    opacity: 1;

    visibility: visible;

    top: 50%
}



.go-top:focus {

    color: var(--white-color)
}



.go-top:focus::before {

    opacity: 1;

    visibility: visible
}



.go-top:focus i:first-child {

    opacity: 0;

    top: 0;

    visibility: hidden
}



.go-top:focus i:last-child {

    opacity: 1;

    visibility: visible;

    top: 50%
}



.go-top.active {

    transform: translateY(0);

    opacity: 1;

    visibility: visible;

    right: 3%;

    top: 88%
}



.video-btn {

    display: inline-block;

    width: 100px;

    height: 100px;

    line-height: 100px;

    text-align: center;

    border-radius: 0;

    color: var(--main-color);

    position: relative;

    top: 3px;

    z-index: 1;

    background-color: rgba(255, 182, 7, .9);

    border-radius: 50%;

    transition: var(--transition)
}



.video-btn i {

    font-size: 100px;

    color: var(--white-color);

    position: absolute;

    top: 0;

    left: 0;

    justify-content: center;

    align-items: center;

    display: flex;

    width: 100%;

    height: 100%
}



.video-btn::after,

.video-btn::before {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    z-index: -1;

    bottom: 0;

    left: 0;

    border-radius: 0;

    border-radius: 50%;

    transition: var(--transition)
}



.video-btn::before {

    animation: none
}



.video-btn::after {

    animation: none
}



.video-btn:hover::before,

.video-btn:hover::after {

    animation: ripple 1.6s ease-out infinite;

    background-color: rgba(255, 182, 7, .9)
}



@keyframes ripple {



    0%,

    35% {

        transform: scale(0);

        opacity: 1
    }



    50% {

        transform: scale(1.5);

        opacity: .8
    }



    100% {

        opacity: 0;

        transform: scale(2)
    }

}



.nice-select .list {

    width: 100%
}



.nice-select .option:hover {

    background-color: var(--main-color);

    color: var(--white-color)
}



.nice-select .option.selected.focus {

    color: var(--main-color)
}



.pagination-area {

    margin-top: 10px;

    text-align: center
}



.pagination-area .page-numbers {

    width: 40px;

    height: 40px;

    line-height: 37px;

    color: var(--heading-color);

    text-align: center;

    display: inline-block;

    position: relative;

    margin-left: 3px;

    margin-right: 3px;

    font-size: 16px;

    background-color: #f5f6fa;

    border: 1px solid #d7d7d7;

}



.pagination-area .page-numbers:hover {

    color: var(--white-color);

    border-color: var(--main-color);

    background-color: var(--main-color)
}



.pagination-area .page-numbers i {

    position: relative;

    font-size: 25px;

    top: 5px
}



.pagination-area .page-numbers.current {

    color: var(--white-color);

    border-color: var(--main-color);

    background-color: var(--main-color)
}



.product-view-one {

    padding-right: 0 !important
}



.product-view-one.modal.show .modal-dialog {

    margin-top: 25px
}



.product-view-one .product-view-one-image {

    background-color: #eee;

    padding: 30px
}



.product-view-one .modal-dialog {

    max-width: 900px;

    margin: 0 auto
}



.product-view-one .modal-content {

    border: none;

    padding: 40px;

    border-radius: 0
}



.product-view-one .modal-content button.close {

    position: absolute;

    right: 0;

    top: 0;

    outline: 0;

    opacity: 1;

    color: var(--heading-color);

    transition: .5s;

    line-height: 35px;

    padding: 0;

    margin: 0;

    font-size: 20px;

    width: 35px;

    text-shadow: unset;

    height: 35px
}



.product-view-one .modal-content button.close:hover {

    background-color: red;

    color: var(--white-color)
}



.product-view-one .modal-content .product-content h3 {

    font-size: 22px;

    margin-bottom: 14px
}



.product-view-one .modal-content .product-content h3 a {

    color: var(--heading-color)
}



.product-view-one .modal-content .product-content h3 a:hover {

    color: var(--heading-color)
}



.product-view-one .modal-content .product-content .price {

    margin-bottom: 10px
}



.product-view-one .modal-content .product-content .price span {

    display: inline-block;

    font-size: 18px;

    color: var(--heading-color)
}



.product-view-one .modal-content .product-content .price del {

    display: inline-block;

    font-size: 18px;

    color: #c1c1c1;

    margin-left: 5px
}



.product-view-one .modal-content .product-content .product-review {

    margin-bottom: 10px
}



.product-view-one .modal-content .product-content .product-review .rating {

    display: inline-block;

    padding-right: 5px
}



.product-view-one .modal-content .product-content .product-review .rating i {

    color: var(--main-color)
}



.product-view-one .modal-content .product-content .product-review .rating-count {

    display: inline-block;

    color: var(--heading-color);

    border-bottom: 1px solid var(--heading-color);

    line-height: initial
}



.product-view-one .modal-content .product-content .product-info {

    list-style-type: none;

    padding: 0;

    margin-top: 0;

    margin-bottom: 0
}



.product-view-one .modal-content .product-content .product-info li {

    font-size: 16px;

    color: var(--heading-color);

    margin-bottom: 10px
}



.product-view-one .modal-content .product-content .product-info li:last-child {

    margin-bottom: 0
}



.product-view-one .modal-content .product-content .product-info li span {

    color: var(--heading-color)
}



.product-view-one .modal-content .product-content .product-info li a {

    display: inline-block;

    font-weight: 500;

    color: var(--heading-color)
}



.product-view-one .modal-content .product-content .product-info li a:hover {

    color: var(--heading-color)
}



.product-view-one .modal-content .product-content .product-color-switch {

    margin-top: 10px;

    margin-bottom: 10px
}



.product-view-one .modal-content .product-content .product-color-switch h4 {

    font-size: 16px;

    color: var(--heading-color);

    margin-bottom: 6px
}



.product-view-one .modal-content .product-content .product-color-switch ul {

    list-style-type: none;

    margin-bottom: 0;

    margin-top: -4px;

    margin-left: -4px;

    padding-left: 0
}



.product-view-one .modal-content .product-content .product-color-switch ul li {

    display: inline-block;

    margin-left: 4px;

    margin-top: 4px
}



.product-view-one .modal-content .product-content .product-color-switch ul li a {

    display: inline-block;

    position: relative;

    border: 1px solid rgba(0, 0, 0, 0);

    width: 25px;

    height: 25px
}



.product-view-one .modal-content .product-content .product-color-switch ul li a::before {

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: #eee;

    margin: 2px;

    transition: .5s
}



.product-view-one .modal-content .product-content .product-color-switch ul li a:hover {

    border-color: var(--heading-color)
}



.product-view-one .modal-content .product-content .product-color-switch ul li a:focus {

    border-color: var(--heading-color)
}



.product-view-one .modal-content .product-content .product-color-switch ul li a.color-white::before {

    background: blue
}



.product-view-one .modal-content .product-content .product-color-switch ul li a.color-black::before {

    background: #222
}



.product-view-one .modal-content .product-content .product-color-switch ul li a.color-green::before {

    background: green
}



.product-view-one .modal-content .product-content .product-color-switch ul li a.color-yellowgreen::before {

    background: #9acd32
}



.product-view-one .modal-content .product-content .product-color-switch ul li a.color-teal::before {

    background: teal
}



.product-view-one .modal-content .product-content .product-color-switch ul li.active a {

    border-color: var(--heading-color)
}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter {

    max-width: 130px;

    min-width: 130px;

    margin-right: 10px;

    text-align: center;

    display: inline-block;

    position: relative
}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter span {

    position: absolute;

    top: 0;

    background-color: rgba(0, 0, 0, 0);

    cursor: pointer;

    color: var(--body-color);

    width: 40px;

    height: 100%;

    line-height: 50px;

    transition: var(--transition)
}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter span:hover {

    color: var(--heading-color)
}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter span.minus-btn {

    left: 0;

    transition: var(--transition)
}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter span.minus-btn:hover {

    background-color: var(--main-color);

    color: var(--white-color)
}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter span.plus-btn {

    right: 0;

    transition: var(--transition)
}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter span.plus-btn:hover {

    background-color: var(--main-color);

    color: var(--white-color)
}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter input {

    height: 48px;

    color: var(--heading-color);

    outline: 0;

    display: block;

    border: none;

    background-color: #f8f8f8;

    text-align: center;

    width: 100%;

    font-size: 17px;

    font-weight: 600
}



.product-view-one .modal-content .product-content .product-add-to-cart .input-counter input::placeholder {

    color: var(--heading-color)
}



.product-view-one .modal-content .product-content .share-this-product h3 {

    font-weight: normal;

    font-size: 16px;

    margin-bottom: 8px;

    margin-top: 10px
}



.product-view-one .modal-content .product-content .share-this-product ul li {

    display: inline-block;

    margin-right: 3px
}



.product-view-one .modal-content .product-content .share-this-product ul li a i {

    display: inline-block;

    width: 25px;

    height: 25px;

    line-height: 25px;

    background-color: #eee;

    border-radius: var(--border-radius);

    text-align: center;

    transition: var(--transition)
}



.product-view-one .modal-content .product-content .share-this-product ul li a:hover i {

    background-color: var(--main-color);

    color: var(--white-color)
}



.product-view-one .owl-carousel .owl-item img {

    width: unset;

    margin: auto
}



.product-view-one #big .item {

    padding: 30px;

    background-color: var(--white-color);

    margin-bottom: 30px
}



.product-view-one .owl-item.active.current {

    background-color: var(--white-color);

    padding: 5px
}



.product-view-one.fade {

    animation: fadeInLeft 1s linear
}



.product-view-one .owl-next {

    position: absolute;

    top: 50%;

    right: 50px;

    margin: 0 !important;

    border-radius: 0 !important;

    transition: var(--transition);

    opacity: 0;

    transform: translateY(-25px)
}



.product-view-one .owl-next i {

    background-color: var(--main-color);

    color: var(--white-color);

    width: 30px;

    height: 30px;

    line-height: 30px;

    display: inline-block;

    transition: var(--transition);

    border-radius: 4px;

    font-size: 15px
}



.product-view-one .owl-prev {

    position: absolute;

    top: 50%;

    left: 50px;

    margin: 0 !important;

    border-radius: 0 !important;

    transition: var(--transition);

    opacity: 0;

    transform: translateY(-25px)
}



.product-view-one .owl-prev i {

    background-color: var(--main-color) !important;

    color: var(--white-color);

    width: 30px;

    height: 30px;

    line-height: 30px;

    display: inline-block;

    transition: var(--transition);

    font-size: 15px;

    border-radius: 4px
}



.product-view-one:hover .owl-prev {

    opacity: 1;

    left: 0
}



.product-view-one:hover .owl-next {

    opacity: 1;

    right: 0
}



.product-view-one .owl-theme .owl-nav {

    margin-top: 0 !important
}



.product-view-one .owl-theme .owl-nav [class*=owl-]:hover {

    background-color: rgba(0, 0, 0, 0)
}



/*# sourceMappingURL=style.css.map */

.btn-contact {

    display: inline-flex;

    position: relative;

    padding: 1.5rem 4rem;

    background: var(--secondary-color);

    color: #ffffff;

    font-size: 1.7rem;

    font-weight: 700;

    line-height: 2.6rem;

    /* transition: 0.25s ease background, 0.25s ease color, 0.25s ease border-color; */

    border: 0;

    cursor: pointer;

    text-align: center;

    justify-content: center;

    align-items: center;

    z-index: 1;

    overflow: hidden;

    gap: 0.75rem;

}

.header-top {

    background: #1d71be;

    padding: 9px 0;

}

.header-left-text ul li {

    list-style: none;

    display: inline-block;

    margin-right: 10px;

}

.header-left-text ul li a {

    display: inline-block;

    font-size: 16px;

    color: #fff;

    margin-right: 10px;

}

.header-left-text ul li a span {

    margin-left: 8px;

}

.header-left-text ul li a span:hover {

    text-decoration: underline;

}

.header-icon-list {

    text-align: right;

}

.header-icon-list ul li {

    display: inline-block;

    list-style: none;

    margin-right: 10px;

    color: #fff;

}

.header-icon-list ul li a {

    font-size: 14px;

    display: inline-block;

    color: #fff;

    line-height: 26px;

}

.header-icon-list ul li a:hover {

    color: #fcbf00;

}

.pt60 {

    padding-top: 60px;

}

.ptb-40 {

    padding-top: 40px;

    padding-bottom: 40px;

}

.ptb-60 {

    padding-top: 60px;

    padding-bottom: 60px;

}

.ptb-space {

    padding-top: 60px;

    padding-bottom: 40px;

}

.pt0 {
    padding-top: 0px !important;
}

.p15 {
    padding: 15px;
}

.fotad1 {

    position: relative;

    padding-left: 25px;

    color: #fff;
    font-size: 16px !important;

}

.fotad2 {

    position: relative;

    padding-left: 25px;
    font-size: 16px !important;
    color: #fff;

}

.fotad3 {

    position: relative;

    padding-left: 20px;
    font-size: 16px !important;
    color: #fff;

}

.fotad1:before {

    content: "\f015";

    font-family: FontAwesome;

    text-decoration: inherit;

    color: #fff;

    font-size: 16px;

    position: absolute;

    left: 0px;

}

.fotad2:before {

    content: "\f0e0";

    font-family: FontAwesome;

    text-decoration: inherit;

    color: #fff;

    font-size: 15px;

    position: absolute;

    left: 0px;

}

.fotad3:before {

    content: "\f095";

    font-family: FontAwesome;

    text-decoration: inherit;

    color: #fff;

    font-size: 18px;

    position: absolute;

    left: 0px;

}

.box {

    margin: 15px auto;

    /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.10); */

    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    background-color: #fff;

    padding: 15px;

    border-radius: 2px;

    transition-duration: .15s;

    border: 1px solid #efefef;

    background-color: #fff !important;

}

.box h3 a {

    margin: 10px 0px 0px;

    transition: var(--transition);

    color: #1d71b8;

    font-size: 18px;

}

.box h3 a:hover {

    color: #fcbf00;

}

.navbar-expand-md .navbar-collapse {

    justify-content: end;

}



/*Menu*/

.mean-container .mean-bar {

    float: left;

    width: 100%;

    position: absolute;

    background: 0 0;

    padding: 20px 0 0;

    z-index: 999;

    border-bottom: 1px solid rgba(0, 0, 0, .03);

    height: 55px
}



.mean-container a.meanmenu-reveal {

    width: 25px;

    height: 30px;

    padding: 12px 15px 0 0;

    position: absolute;

    right: 0;

    cursor: pointer;

    color: #fff;

    text-decoration: none;

    font-size: 16px;

    text-indent: -9999em;

    line-height: 22px;

    font-size: 1px;

    display: block;

}



.mean-container a.meanmenu-reveal span {

    display: block;

    background: #fff;

    height: 4px;

    margin-top: 3px;

    border-radius: 3px
}



.mean-container .mean-nav {

    float: left;

    width: 100%;

    background: #fff;

    margin-top: 55px
}



.mean-container .mean-nav ul {

    padding: 0;

    margin: 0;

    width: 100%;

    border: none;

    list-style-type: none
}



.mean-container .mean-nav ul li {

    position: relative;

    float: left;

    width: 100%
}



.mean-container .mean-nav ul li a {

    display: block;

    float: left;

    width: 92%;

    padding: 10px 15px;

    margin: 0;

    text-align: left;

    border-top: 1px solid #dbeefd;

    text-decoration: none
}



.mean-container .mean-nav ul li a.active {

    color: #000
}



.mean-container .mean-nav ul li li a {

    width: 80%;

    padding: 1em 10%;

    color: #677294;

    border-top: 1px solid #dbeefd;

    opacity: 1;

    text-shadow: none !important;

    visibility: visible;

    text-transform: none;

    font-size: 14px
}



.mean-container .mean-nav ul li.mean-last a {

    border-bottom: none;

    margin-bottom: 0
}



.mean-container .mean-nav ul li li li a {

    width: 70%;

    padding: 1em 15%
}



.mean-container .mean-nav ul li li li li a {

    width: 60%;

    padding: 1em 20%
}



.mean-container .mean-nav ul li li li li li a {

    width: 50%;

    padding: 1em 25%
}



.mean-container .mean-nav ul li a:hover {

    background: #252525;

    background: rgba(255, 255, 255, .1)
}



.mean-container .mean-nav ul li a.mean-expand {

    margin-top: 3px;

    width: 100%;

    height: 24px;

    padding: 12px !important;

    text-align: right;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 2;

    font-weight: 700;

    background: 0 0;

    border: none !important
}



.mean-container .mean-push {

    float: left;

    width: 100%;

    padding: 0;

    margin: 0;

    clear: both
}



.mean-nav .wrapper {

    width: 100%;

    padding: 0;

    margin: 0
}



.mean-container .mean-bar,

.mean-container .mean-bar * {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box
}



.mean-remove {

    display: none !important
}



.mobile-nav {

    display: none
}



.mobile-nav.mean-container .mean-nav ul li a.active {

    color: #fcbf00
}



.main-nav {

    background: #000;

    top: 0;

    left: 0;

    padding-top: 15px;

    padding-bottom: 15px;

    width: 100%;

    z-index: 999;

    height: auto
}



.mean-nav .dropdown-toggle::after {

    display: none
}



.navbar-light .navbar-brand,

.navbar-light .navbar-brand:hover {

    color: #fff;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 1
}



.main-nav nav ul {

    padding: 0;

    margin: 0;

    list-style-type: none
}



.main-nav nav .navbar-nav .nav-item {

    position: relative;

    padding: 15px 0
}



.main-nav nav .navbar-nav .nav-item a {

    font-weight: 500;
    text-transform: uppercase;

    color: #fff;

    padding-left: 0;

    padding-right: 0;

    padding-top: 0;

    padding-bottom: 0;

    margin-left: 15px;

    margin-right: 15px
}



.main-nav nav .navbar-nav .nav-item a.active,

.main-nav nav .navbar-nav .nav-item a:focus,

.main-nav nav .navbar-nav .nav-item a:hover {

    color: #fcbf00
}



.main-nav nav .navbar-nav .nav-item:hover a {

    color: #fcbf00
}



.main-nav nav .navbar-nav .nav-item .dropdown-menu {

    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);

    background: #0d1028;

    position: absolute;

    top: 80px;

    left: 0;

    width: 250px;

    z-index: 99;

    display: block;

    padding-top: 20px;

    padding-left: 5px;

    padding-right: 5px;

    padding-bottom: 20px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}



.main-nav nav .navbar-nav .nav-item .dropdown-menu li {

    position: relative;

    padding: 0
}



.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {

    font-size: 15px;

    font-weight: 500;

    text-transform: capitalize;

    padding: 9px 15px;

    margin: 0;

    display: block;

    color: #fff
}



.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active,

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus,

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {

    color: #fcbf00
}



.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {

    position: absolute;

    left: -100%;

    top: 0;

    opacity: 0 !important;

    visibility: hidden !important
}



.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {

    opacity: 1 !important;

    visibility: visible !important;

    top: -20px !important
}



.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {

    position: absolute;

    left: -100%;

    top: 0;

    opacity: 0 !important;

    visibility: hidden !important
}



.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu li:hover .dropdown-menu {

    opacity: 1 !important;

    visibility: visible !important;

    top: -20px !important
}



.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {

    color: #fff;

    text-transform: capitalize
}



.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover {

    color: #fff
}



.main-nav nav .navbar-nav .nav-item:hover ul {

    opacity: 1;

    visibility: visible;

    top: 100%
}



.main-nav nav .navbar-nav .nav-item:last-child .dropdown-menu {

    left: auto;

    right: 0
}



@media only screen and (max-width:991px) {

    .mobile-nav {

        display: block;

        position: relative
    }



    .mobile-nav .logo {

        text-decoration: none;

        position: absolute;

        top: 11px;

        z-index: 999;

        left: 15px;

        color: #fff;

        font-weight: 700;

        text-transform: uppercase;

        font-size: 20px
    }



    .mean-container .mean-bar {

        background-color: #000;

        padding: 0
    }



    .mean-container a.meanmenu-reveal {

        padding: 15px 15px 0 0
    }



    .mobile-nav nav .navbar-nav {

        height: 300px;

        overflow-y: scroll
    }



    .mobile-nav nav .navbar-nav .nav-item a i {

        display: none
    }



    .main-nav {

        display: none !important
    }

    .footer-bottom-area {
        text-align: center !important;
        padding-bottom: 25px;
    }

    .footer-bottom-area ul {
        text-align: center !important;
    }

    .slider-head {
        font-size: 24px !important;
        padding-bottom: 15px !important;
        text-align: left;
    }

    .slider-para {
        font-size: 14px !important;
        line-height: 24px !important;
        text-align: left;
    }

}



.slider-head {
    z-index: 9;
    white-space: nowrap;
    color: #fff;
    font-size: 54px;
    text-shadow: 0 0 0 transparent, 2px 2px 2px #000;
}

.slider-para {
    z-index: 9;
    white-space: nowrap;
    color: #fff;
    font-size: 18px;
    text-shadow: 0 0 0 transparent, 2px 2px 2px #000
}

.radius {
    border-radius: 20px;
}

.justify {
    align-items: center;
    justify-content: center;
}

.schedule-list {
    line-height: 36px;
}

.schedule-list i {
    font-size: 14px;
    width: 26px;
    text-align: center;
}

.contact-info-area .box {
    padding: 30px 15px;
    margin-bottom: 15px;
    height: 230px;
}

.contact-info-area .box:hover {
    transform: translateY(-5px);
}

.contact-info-area .box h3 {
    color: #1d71be;
}

.terms-conditions-area h3 {
    color: #1d71be;
}

.mylist {

    padding-left: 1px;

}

.mylist li {

    position: relative;

    padding-left: 26px;

    list-style: none;

    font-size: 16px;

    margin-bottom: 15px;

    color: #212427;

}

.mylist li:before {

    content: "\f0a4";

    font-family: FontAwesome;

    text-decoration: inherit;

    color: #212427;

    font-size: 16px;

    position: absolute;

    left: 0px;

}

.pb-30 {
    padding-bottom: 30px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pt-20 {
    padding-top: 20px;
}

.red {
    color: #ff0000;
}

.shedule-img {
    width: 80px;
    padding-right: 10px;
}

.icon {
    background-color: #fcbf00;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.icon:hover {
    background-color: #1d71be;
}

.date {
    background-color: #1d71be !important;
    text-align: center !important;
    color: #fff !important;
    /* font-size: 16px; */
    margin-bottom: 10px;
    padding-bottom: 13px;
}

.date span {
    font-size: 42px !important;
    font-weight: 700 !important;
}

.price {
    color: #fcbf00;
}

.shedulebox {

    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    background-color: #fff;

    transition-duration: .15s;

    border: 1px solid #efefef;

    background-color: #fff !important;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 1px;
}

.shedule-list {
    display: inline-flex;
    margin-bottom: 10px;
}

.shedule-list li {
    padding-right: 20px;
}

.shedule-list li i {
    color: #fcbf00;
    padding-right: 6px;
}

.exam-img {
    position: relative;
}

.exam-date {

    background-color: #fff;

    padding: 10px;

    position: absolute;

    bottom: 10px;

    right: 50%;

    transform: translateX(50%);

    white-space: nowrap;

    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    border: 2px solid #1d71be;

}

.blue {
    color: #1d71be;
}

.text-left {
    text-align: left !important;
}

.enquiry-icon {
    border: 1px solid #111;

    padding: 6px;

    width: 30px;

    height: 30px;

    line-height: 17px;

    text-align: center;

    margin-bottom: 10px;
}

/* Start Nice Selector */



/* End Nice Selector */

/* Apply to your specific dropdown */



/*select.form-control {*/

/*  white-space: nowrap;      */

/*  overflow: hidden;          */

/*  text-overflow: ellipsis;   */

/*  display: block;*/

/*}*/



/*select.form-control option {*/

/*  white-space: nowrap;     */

/*  overflow: hidden;*/

/*  text-overflow: ellipsis;*/

/*}*/

select.form-control {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    display: block;

    position: relative;

}



select.form-control:hover::after {

    content: attr(title);

    position: absolute;

    background: #333;

    color: #fff;

    padding: 4px 8px;

    border-radius: 4px;

    top: -30px;

    left: 0;

    white-space: normal;

    width: max-content;

    max-width: 300px;

    z-index: 1000;

}



#date {

    appearance: auto !important;

    -webkit-appearance: menulist !important;

    -moz-appearance: menulist !important;

    height: 38px !important;

    overflow: hidden !important;

    size: 1 !important;

    cursor: pointer !important;

    z-index: 1;

}



#date option {

    white-space: normal !important;

}



/* If any global CSS tries to force open state */

select[size] {

    size: 1 !important;

}

/*#date {*/

/*    margin-top: -2% !important;*/

/*    width: 108% !important;*/

/*    margin-left: -4% !important;*/

/*    height: 42px !important;*/



/*}*/

#date {
    margin-top: -3% !important;
    width: 110% !important;
    margin-left: -5% !important;
    height: 44px !important;
}

#mobileError {

    display: block;

    margin-top: 5px;

    margin-left: 2px;

}

.error {

    color: red;

}

.hidden_field {

    display: none;

}

/* home_page_search_box */

.search-box {
    position: absolute;
    top: 60px;
    right: 0px;
    background: #fff;
    padding: 10px 0px 10px 10px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 99;
    min-width: 290px;
}

.search-box input {
    border: 1px solid #ccc;
    padding: 6px 10px;
    border-radius: 4px;
    outline: none;
    margin-top: 15px !important;
}

.search-box button {
    background: #1d71be;
    color: #fff;
    border: none;
    padding: 10px 10px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 0px !important;
}

.search-box button:hover {
    background: #fcbf00;
}

@media (max-width: 768px) {
    .search-box {
        top: 50px;
    }

    .search-box input {
        width: 140px;
    }
}


@media (max-width: 480px) {
    /* .search-box {
    position: fixed;            
    top: 10px;
    right: 10px;
    left: 10px;                
    width: auto;
    padding: 12px;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
  } */

    /* .search-box input {
    width: 100%;
  }

  .search-box button {
    width: 100%;
  } */
}

.pt-15 {
    padding-top: 15px !important;
}
.locatebut{
    color: #fff !important;
    padding: 7px 15px !important;
    transition: var(--transition) !important;
    background-color: var(--main-color) !important;
    border-radius: 0!important;
    border: 1px solid var(--main-color) !important;
    text-transform: capitalize !important;
}
.locatebut:hover{
    color: var(--main-color) !important;
    border-color: var(--main-color) !important;
    background-color: rgba(0, 0, 0, 0) !important;
}