/* Theme Name: DDD Theme
Version: 1.01
 */




/* ---------- style.css ---------- */

/* font */


/* devanagari */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v12/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}


/* latin-ext */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v12/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v12/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* devanagari */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}


/* latin-ext */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* devanagari */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}


/* latin-ext */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* devanagari */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}


/* latin-ext */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* devanagari */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}


/* latin-ext */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* /fonts */

p {
    margin-bottom: 0;
}

html,
body {
    height: 100%;
    margin: 0;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #242F57;
    display: flex;
    flex-direction: column;
}

.container-fluid {
    padding: 0 6rem;
}

.silver {
    background: #FAFAFB;
}

.modal-content {
    /* width: auto !important;*/
    border-radius: 10px;
}

textarea {
    resize: none;
}

button {
    outline: none !important;
}

.theme-color {
    color: #0052CC !important;
}

.section:focus {
    outline: unset
}

.top-bg {
    background-color: #0052cc;
    border-radius: 0px 0px 10px 10px;
    padding: 5px 10px 10px 10px;
    color: #fff;
}

.flags {
    display: flex;
    align-items: center;
    padding: 0px;
    margin-bottom: 0px;
}

.flags li {
    list-style: none;
    padding-left: 5px;
    padding-right: 5px;
}

.follow-us-text {
    font-size: 14px;
    font-weight: 600px;
    color: #fff;
}

.top-social {
    display: flex;
    align-items: center;
    padding: 0px;
    margin-bottom: 0px;
}

.top-social li {
    list-style: none;
    padding-left: 2px;
    padding-right: 2px;
}

.top-search {
    background: #99BAEB;
    border-color: unset;
    border-radius: 10px !important;
    color: #fff !important;
    border: unset;
    width: 157px !important;
    font-size: 12px;
    display: flex !important;
    align-items: center;
    height: 25px;
}

.top-search:focus {
    background: #99BAEB !important;
    z-index: 0 !important;
    ;
}

.top-search:focus .input-group-append .fa {
    color: #fff !important;
}

.top-search::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff !important;
    opacity: 1;
    /* Firefox */
}

.top-search:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff !important;
}

.top-search::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff !important;
}

.input-group-append {
    position: absolute !important;
    top: 5px !important;
    right: 9px !important;
    font-size: 13px;
}

.top-address-text {
    color: #242F57;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

.btn-login {
    background: #D42731;
    color: #fff !important;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    justify-content: center;
    padding: 12px;
    border-radius: 10px;
}

.header-menu-bg {
    background: url("images/blue-bg.png");
    background-color: #0F49B0;
    padding: 7px;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar-header {
    position: absolute;
    z-index: 1000;
    transition: 0.3s;
}

.page-header {
    height: 500px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.page-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    transition: .5s ease;
    background-color: #ffffff96;
    color: #0052CC;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: unset;
}

.slider-end {
    width: 100%;
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
}

.page-header-title {
    font-size: 36px;
    font-family: 'Montserrat';
    font-weight: 800;
    line-height: 36px;
}


/*******Menu Popup******/

.overlay {
    width: 100%;
    background: url(images/slider1.jpg) center center / cover;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    height: 100vh;
    background: #0052cc45;
}

.overlay-content-left {
    background-color: #fff;
}

.overlay a {
    text-decoration: none;
    color: #fff;
    display: block;
    transition: 0.3s;
    padding: 20px 0px;
}

.overlay a:hover,
.overlay a:focus {
    color: #fff;
}

.overlay .closebtn {
    position: absolute;
    top: -12px;
    right: 12px;
    font-size: 60px;
    z-index: 99999999999999;
}

.overlay .nav-link {
    font-size: 22px !important;
    transition: 0.3s;
    font-family: 'poppins', sans-serif;
    font-weight: 500 !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

.overlay .header-menu {
    display: none;
}

.largeaffiliatelogo {
    height: 147px !important;
    object-fit: cover;
    width: auto !important;
    padding: 10px;
}



@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }
    
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

/*************/
.navbar-nav .social a i {
    font-size: 18px;
}
.top-social-nav {
    flex-direction: inherit;
}
.select {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0;
    background: transparent;
    color: #fff;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 72px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .select {
        padding-right: 18px
    }
}
.selectlabel {
    position: relative
}
.selectlabel:after {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 11px;
    color: #0052CC;
    right: 8px;
    top: 4px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
}
.selectlabel:before {
    content: '';
    right: 4px;
    top: 0px;
    width: 23px;
    height: 18px;
    position: absolute;
    pointer-events: none;
    display: block;
}
.flag-dropdown {
    padding: 3px 0px;
    ;
}
.carousel-item {
    height: 115vh;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.complete-bar .navbar-nav .nav-link:hover,
.complete-bar .dropdown-item:hover {
    color: #0052CC !important;
}
.navbar-nav .nav-link:hover,
.dropdown-item:hover,
.seeAll:hover,
footer ul li a:hover,
footer ul li i:hover {
    color: #fff !important;
}
.dropdown-item.active,
.dropdown-item:active {
    color: #0052CC;
    text-decoration: none;
    background-color: #fff;
}
a {
    color: #1E1C24;
    transition: 0.3s;
}
footer a {
    color: #fff;
    transition: 0.3s;
}
a:hover {
    text-decoration: none;
    color: #0052CC
}
.dropdown-toggle::after {
    color: #0052CC
}
.navbar-header {
    position: absolute;
    z-index: 1000;
    transition: 0.3s;
    background: #fff;
    border-top: 7px solid #0052CC;
    padding-top: 0px;
}
.popup-menu .nav-link,
.popup-menu .nav-link:hover {
    color: #0052CC !important;
}
.popup-social {
    background-color: #0052CC;
    padding: 15px 0px;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.navbar-nav .nav-link {
    color: #fff;
    font-size: 16px;
    transition: 0.3s;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    padding-left: 0px !important;
    padding-right: 0px !important;
    letter-spacing: 0.14px;
}
.underline-animation,
.back {
    position: relative;
}
.underline-animation:before,
.back:before,
.navbar-nav .nav-link:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 3px;
    left: 0;
    background-color: #fff;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
.underline-animation:hover:before,
.back:hover:before,
.navbar-nav .nav-link:hover:before {
    visibility: visible;
    width: 100%;
}
.top-border-bottom {
    border-bottom: 1px solid #E5E5E5;
}
.header-menu-top .nav-link {
    color: #44444F;
    font-size: 13px;
    transition: 0.3s;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.header-menu,
.header-menu li {
    position: relative;
}
.social-icon {
    height: 28px;
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    color: #FFFFFF;
}
.navbar-nav li {
    padding: 0px 39px;
}
.top-navbar {
    flex-direction: column;
    align-items: flex-end;
}
.member-login {
    font-size: 13px !important;
}


.mb-20 {
    margin-bottom: 20px;
}
.top-bg-column {
    width: 40%;
    display: flex;
    justify-content: center;
}
.fs-normal {
    font-family: normal;
}
.contact-item {
    color: #fff;
    font-family: Roboto;
    font-size: 17px;
}
.menu-toggler {
    font-size: 30px;
    cursor: pointer;
    color: #0052CC;
    border: 2px solid #0052CC;
    border-radius: 8px;
    padding: 4px;
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropdown-slide>.dropdown-menu {
    opacity: .3;
    display: block;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
.show.dropdown-slide>.dropdown-menu {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
}
a:not([href]):not([tabindex]) {
    color: #44444F;
    text-decoration: none;
}
.form-group {
    position: relative;
}
.form-group .palceholder {
    position: absolute;
    top: 7px;
    left: 8px;
    color: #B1B1B1;
    display: none;
    z-index: 11;
}
.form-group label {
    font-weight: normal;
    color: #797979;
}
.form-group .theme-color {
    color: #0052CC;
    font-weight: 700;
    font-size: 22px;
    text-decoration: underline;
}
.navbar-toggler {
    padding: 0px;
}
.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none;
    outline: unset;
    /* border: unset; */
}
.stickybar .social-bar,
.stickybar .language-bar {
    display: none !important;
}
.stickybar .site-logo {
    width: 150px;
}
.stickybar .show-vertically {
    padding-bottom: 10px;
    padding-top: 5px;
}
.contact-link {
    color: #fff;
    font-size: 20px;
    transition: 0.3s;
    font-family: 'Roboto',
    sans-serif;
    font-weight: 300;
}
.slider-title {
    color: #0052CC;
    font-size: 20px;
    transition: 0.3s;
    font-family: 'Manrope',
    Roboto;
    font-weight: bold;
}
.slider-main-title {
    color: #FFFFFF;
    font-size: 70px;
    transition: 0.3s;
    font-family: 'Roboto',
    Roboto;
    font-weight: 900;
}
.dmv-approved {
    position: absolute;
    bottom: 40px;
    right: -45px;
}
.search-field {
    padding: 23px;
    border-right: 0px;
    border-radius: 5px 0px 0px 5px;
}
.search-button {
    background: #028cad;
    border-radius: 5px !important;
    width: 120px;
}
.search-button:hover,
.search-button:focus,
.search-button:active {
    background-color: #007089 !important;
    border-color: #007089 !important;
    outline: unset;
    box-shadow: #0052CC;
}
.slider-offer {
    background: #f6faff;
    color: #242F57;
    padding: 25px;
    padding-bottom: 0px;
    border-radius: 10px;
    width: 440px;
    margin-bottom: 0px;
    position: relative;
}
.slider-offer-title {
    font-size: 32px;
    color: #242F57;
    font-weight: 600;
}
.slider-offer-title strong {
    color: #296DD5;
    font-weight: 700;
}
.slider-offer p {
    font-size: 18px;
    font-weight: 600;
}
.slider-offer ul li {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
}
.slider-offer-price {
    font-weight: bold;
    font-size: 55px;
    color: #296DD5;
}
.slider-offer .btn {
    width: 270px;
    margin: 0 auto;
    margin-bottom: -28px;
    padding: 15px 0px;
    font-size: 19px;
}
.slider-end {
    width: 100%;
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
}
.slide-image {
    -webkit-animation: zoom 10s;
    animation: zoom 10s;
    height: 100vh;
    width: 100%;
    object-fit: cover;
}
.slider-logos {
    bottom: 0;
    z-index: 99;
    padding: 40px 0px;
    background-color: #0052cca6;
}
.slick-prev::before {
    font-family: FontAwesome;
    content: "\f104";
    font-size: 70px;
}
.slick-next::before {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 70px;
}
.slick-prev:before,
.slick-next:before {
    opacity: 1 !important;
    font-weight: 800;
}
.slick-prev,
.slick-next {
    top: -7px;
}
.slick-slide:active,
.slick-slide:focus {
    outline: unset;
}
.review-slider .slick-prev,
.review-slider .slick-next {
    top: 50%;
}
.review-slider .slick-prev:before,
.review-slider .slick-next:before {
    color: #D42731;
    font-weight: 800;
}
.accepted-by {
    font-weight: 500;
    color: #fff;
    font-size: 27px;
    margin: 0 auto 30px;
	max-width: 90%;
}
.ac-logo {
    width: 100%;
    padding: 0px 17px;
    height: 40px;
    object-fit: scale-down;
}
.top-contact-section {
    color: #fff;
    font-family: 'Roboto',
    sans-serif;
}
.top-contact-section a {
    font-family: 'Roboto',
    sans-serif;
    color: #fff;
    font-size: 17px !important;
    font-weight: 500;
}
.top-contact-section a:hover {
    color: #0052CC;
}
.top-contact-section .callus,
.top-contact-section .mailus {
    font-weight: 300;
    font-size: 13px;
}
.top-contact-section i {
    color: #0052CC;
    font-size: 17px !important;
}
.form__group {
    position: relative;
    padding: 30px 0 0;
}
.form__field {
    font-family: inherit;
    width: 100%;
    border: 1px solid #d9d9d9;
    border-left: 0px;
    background-color: #ffffff;
    outline: 0;
    font-size: 15px;
    color: #44444F;
    padding: 4px 10px 4px 0px;
    transition: border-color 0.2s;
    border-top: 0px;
    border-right: 0px;
    font-weight: 500;
    letter-spacing: .5px;
}
.form__field::placeholder {
    color: transparent;
}
.form__field:placeholder-shown~.form__label {
    font-size: 12px;
    cursor: text;
    top: 28px;
    color: #9b9b9b;
}
.form__label,
.form__field:focus~.form__label {
    position: absolute;
    top: 13px;
    display: block;
    transition: 0.2s;
    font-size: 12px;
    color: #9b9b9b;
    opacity: 0.7;
}
.form__field:focus~.form__label {
    color: #b7b7b7;
}
.underline-title {
    font-weight: bold;
    font-size: 45px;
    color: #223161;
    font-family: 'Roboto',
    sans-serif;
    position: relative;
}
.underline-title:before {
    content: "";
    position: ABSOLUTE;
    background: #D93028;
    height: 5px;
    width: 48%;
    bottom: 13px;
}
.under-line:before {
    content: "";
    position: ABSOLUTE;
    background: #D93028;
    height: 5px;
    width: 26%;
    top: 56px;
}
.ourclient-section .desc {
    color: #272727;
    font-weight: bold;
    font-family: 'Roboto',
    sans-serif;
    font-size: 17px;
}
.slick-track {
    display: flex;
}
.slick-navs {
    border: 1px solid #1C354A;
    background: unset;
    border-radius: 48px;
    height: 40px;
    width: 40px;
    line-height: 38px;
    color: #1C354A;
}
.slick-slide .client-img {
    display: block;
    height: auto;
    object-fit: scale-down;
    position: absolute;
    bottom: -38%;
    right: -9%;
    width: 300px;
}
.white-color {
    color: #fff;
}

/* Base for label styling */
.checkbox input[type="checkbox"]:focus+label::before {
    outline: none;
    outline-offset: unset;
}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked+label,
[type="checkbox"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="checkbox"]:checked+label:before,
[type="checkbox"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    background: #fff;
}
[type="checkbox"]:checked+label:after,
[type="checkbox"]:not(:checked)+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #0052CC;
    position: absolute;
    top: 5px;
    left: 5px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.testinomial-section {
    margin: 50px 0px;
}
.testinomial-title {
    font-size: 35px;
    line-height: 37px;
    font-weight: 700;
    color: #242F57;
}
.testinomial-desc {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    color: #696871;
    ;
}
.client-review {
    padding: 25px;
    box-shadow: 0px 2px 4px #00000030;
    margin: 25px;
    min-height: 375px;
}
.fa-star {
    color: #D8D7E6;
}
.star-checked {
    color: #F04037;
}
.review-text {
    margin-top: 20px;
    font-size: 19px;
    line-height: 24px;
    font-weight: 400;
    color: #19191B;
    font-style: italic;
}
.client-info img {
    height: 47px;
    width: 47px;
    border-radius: 50px;
    margin-right: 10px;
}
.client-name {
    font-size: 20px;
    color: #19191B;
    font-weight: 700;
}
.see-all {
    color: #296DD5;
    text-decoration: underline;
    font-size: 16px;
}
.about-section {
    background-image: url(images/about-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 180px 0px;
    position: relative;
    margin: 50px 0px;
}
img.about-image {
    height: 200px;
    width: 100%;
    object-fit: scale-down;
}
.inner-about-section {
    position: relative;
    z-index: 99;
}
.blue-overlay {
    background: #0052CC;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    left: 0;
    top: 0;
    z-index: 1;
}
.about-title {
    color: #fff;
    font-weight: 400;
    font-size: 22px;
}
.course-section {
    margin: 50px 0px;
}
.course-title {
    color: #242F57;
    font-weight: 600;
    font-size: 27px;
    margin-top: 35px;
}
.course-desc {
    color: #696871;
    font-weight: 400;
    font-size: 17px;
    margin-top: 30px;
    line-height: 26px;
}
.course-desc p {
    margin-bottom: 25px;
}
.course-desc a {
    color: #3393F3;
    display: block;
    margin: 15px 0px;
    font-weight: 500;
}
.feature-section {
    margin: 100px 0px;
    background-image: url(images/dashboard.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.feature-row {
    min-height: 612px;
}
.feature-title {
    color: #242F57;
    font-weight: 700;
    font-size: 45px;
}
.feature-desc {
    color: #696871;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
}
ul.features {
    list-style: none;
    padding-left: 1em;
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
.features li:before {
    content: '';
    height: 20px;
    width: 20px;
    background-image: url(images/feature.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding-top: 15px;
    display: inline-flex;
    align-items: CENTER;
}
.features li {
    color: #19191B;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 7px;
}
.feature2-section {
    margin: 100px 0px;
	/*
    background-repeat: no-repeat;
    background-image: url(images/hand.png);
    background-size: 21%;
    background-position: left 100%;
	*/
}
.feature2-phone {
    height: 700px;
}
.offer-section {
    margin: 50px 0px;
}
.offer-bg {
    background-repeat: no-repeat;
    background-image: url(images/offer.png);
    height: 250px;
    width: 208px;
    background-size: contain;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.offer-price {
    color: #fff;
    font-weight: 700;
    font-size: 47px;
    padding: 12px;
    margin-bottom: 35px;
}
.offer-subtitle {
    color: #242F57;
    font-weight: 600;
    font-size: 25px;
}
.agent-section {
    background-image: url(images/agent-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
    position: relative;
    margin: 50px 0px;
    background-position: center;
}
.agent-title {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
}
.agent-link {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 14px 70px;
    border: 2px solid;
    border-radius: 10px;
    transition: all 0.3s;
    ;
}
.agent-link:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0px 3px 7px #00000047;
}
.download-section {
    margin: 50px 0px 0px 0px;
}
.download-title {
    color: #21263D;
    font-weight: 600;
    font-size: 34px;
    line-height: 43px;
}
.download-title strong {
    color: #3393F3;
    font-weight: 600;
}
.payment-section {}
.payment-title {
    color: #242F57;
    font-weight: 700;
    font-size: 30px;
}
.payment-desc {
    color: #696871;
    font-weight: 400;
    font-size: 17px;
}
.footer-nav-section {
    padding: 20px 0px;
}
.footer-nav-section ul li a {
    font-family: 'Roboto',
    sans-serif;
    font-size: 20px;
    font-weight: 400;
}
.footer-nav-section ul li {
    padding: 0px 20px;
}
footer {
    color: #19191B;
    position: relative;
    margin-top: auto;
}
footer .social ul li a {
    font-size: 25px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
}
.important-links {
    font-family: 'Poppins',
    sans-serif;
    color: #19191B;
    font-size: 16px;
    font-weight: 600;
}
.footer-right-links .flink {
    /*  color: #296DD5;*/
    font-size: 16px;
    font-weight: 400;
    width: fit-content;
}
.footer-copyright {
    font-size: 14px;
    font-family: 'Poppins',
    sans-serif;
    font-weight: 300;
}
footer ul li i {
    transition: 0.3s;
    cursor: pointer;
}
.flink,
.fdesc2 {
    font-family: 'Poppins',
    sans-serif;
    display: block;
    width: 100%;
    color: #19191B;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0rem;
}
footer a:hover {
    color: #0052cc;
}
.subfooter-bg {
    background: url("images/footer-blue-bg.png");
    background-color: #0F49B0;
    padding: 40px 10px;
    padding-bottom: 10px;
    background-size: contain;
    color: #fff;
    background-position: center;
}
.subfooter-bg .text1 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.subfooter-bg .text2 {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}
.subfooter-logo {
    background: #0f4ab0;
    padding: 23px 10px;
    border-radius: 101px;
    padding-bottom: 0px !important;
    margin-top: -90px;
}
.footer-social i {
    color: #0052cc;
    font-size: 30px;
    margin-right: 10px;
    transition: all 0.3s;
}
.footer-social i.fa-linkedin {
	margin-right: 6px;
}
.footer-social i:hover {
    transform: translateY(-3px);
    text-shadow: 0px 3px 7px #00000047;
}
.social:hover {
    background: transparent linear-gradient(180deg,
    #F89C72 0%,
    #EF633E 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 7px #00000047;
    color: #fff;
    border: unset;
}
.social a:hover {
    color: #fff !important;
}
footer ul li a:hover,
footer ul li i:hover {
    color: #fff !important;
}
.footer-terms a {
    color: #fff;
    transition: 0.3s;
    font-size: 13px;
    font-weight: 300;
}
.footer-terms a:hover {
    color: #000 !important;
}
.ftitle {
    font-family: 'Poppins',
    sans-serif;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    margin-top: 1.5rem;
}
.animated {
    overflow: hidden;
}
.stickybar {
    height: auto;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fffffff7;
    box-shadow: 0 1px 3px rgba(0,
    0,
    0,
    0.11);
    padding: 0 20px;
    padding-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: slide-down .3s ease-out;
    -moz-animation: slide-down .3s ease-out;
}
@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes slide-down {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
.stickybar .top-contact-section {
    display: none !important;
}
.translate {
    transform: rotate(50deg);
    width: 100%;
    height: 250%;
    left: -220px;
    top: -30px;
    background: #0052CCdb;
    position: absolute;
    transition: all .3s ease-Out;
}
.blue-border {
    border-color: #223161;
}
.blue-border a {
    color: #223161;
}
.blue-border .translate {
    background: #0d183c;
}
.blue-border:hover {
    background: #223161;
}
.clear-both {
    clear: both;
}
.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 2em;
    height: 2em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}
.loader {
    color: #ff6c2b;
    font-size: 10px;
    margin: 20px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}
.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader:after {
    left: 3.5em;
}
@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
.underline-animation,
.back {
    position: relative;
}
.underline-animation:before,
.back:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -3px;
    left: 0;
    background-color: #0052CC;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
.underline-animation:hover:before,
.back:hover:before {
    visibility: visible;
    width: 100%;
}
@media (max-width: 1800px) {
    .feature-section {
        background-size: 760px;
        margin: 20px 0px;
    }
    /* .signup-header .btn-login{
      padding: 0.8rem 0.8rem !important;
    } */
}
@media (max-width: 1500px) {
    .feature2-phone {
        height: 550px;
    }
    .feature-section {
        background-size: 600px;
    }
    .feature-row {
        min-height: 430px;
    }
}
@media (min-width: 1340px) {
    .container-fluid {
        padding-right: 3rem;
        padding-left: 3rem;
    }
}
@media (max-width: 1339px) {
    .container-fluid {
        padding-right: 3rem;
        padding-left: 3rem;
    }
    .download-app {
        width: 100%;
        ;
    }
}
@media (max-width: 1280px) {
    .client-review {
        margin: 15px;
    }
    .contact-link {
        font-size: 18px;
    }
    .feature-section {
        margin: 20px 0px;
        background-size: 500px;
    }
    .signup-header .btn-login {
        padding: 0.8rem 0.5rem !important;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}
@media (max-width: 1024px) {
    .slider-main-title {
        font-size: 60px;
    }
}
@media (max-width: 1001px) {
    .feature2-phone {
        width: 100%;
        object-fit: scale-down;
    }
    .feature2-section .features {
        columns: unset;
    }
    .feature-title {
        font-size: 35px;
    }
    .feature2-section {
        background-image: unset;
    }
    .about-section {
        padding: 100px 0px;
    }
}
@media (max-width: 768px) {}
@media (max-width: 480px) {
    .stickybar {
        padding: 0 16px;
    }
    .page-header {
        height: 300px;
    }
    .slick-list {
        padding: 0 0% 0 0;
    }
    .w-82 {
        margin-top: 20px;
    }
    .header-menu-top .nav-link {
        padding: 5px 0px;
    }
    .site-logo {
        width: 140px;
    }
    .mobile-menu-button {
        margin-bottom: 10px
    }
    .slide-image {
        -webkit-animation: unset;
        animation: unset;
    }
}

/* -------------------------------------login-------------------------------------- */
.form-img img {
    height: 556px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    object-fit: cover;
    margin-top: 206px;
}
.user-form {
    background: #fff;
    padding: 30px;
    width: 470px;
    border-radius: 10px;
    box-shadow: 0px 2px 4px #1C295A09;
    border: 1px solid #EAEDF7;
}
.user-form h3 {
    color: #242F57;
    font-weight: 600;
    font-size: 22px;
}
.user-form label {
    color: #7F8FA4;
    font-size: 14px;
}
.user-form input {
    border: 1px solid #E1E8EE;
    border-radius: 5px;
    height: 36px;
    color: #BFC7D1;
    background: #E1E8EE17;
}
.blue-text a {
    color: #0052CC;
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
}
.cant-login {
    text-align: end;
}
.login-btn {
    background: #D42731 0% 0% no-repeat padding-box;
    border-radius: 13px;
    width: 276px;
    height: 57px;
    color: #fff;
    margin: 1rem auto;
    display: block;
    border: 0px solid #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.88px;
}
.login-btn:hover {
    background: #000;
    color: #fff;
    border: 0px solid #000;
}
.selectCheckbox1:hover {
    background: #D42731;
    color: #fff;
    border: 0px solid #D42731;
}
.or h4 {
    font-size: 17px;
    letter-spacing: 0.12px;
    color: #92929D;
    text-align: center;
}
.or {
    position: relative;
}
.or h4:before {
    position: absolute;
    content: "";
    left: 0;
    top: 8px;
    height: 1px;
    width: 170px;
    border: 1px solid #F1F1F5;
}
.or h4:after {
    position: absolute;
    content: "";
    right: 0;
    top: 8px;
    height: 1px;
    width: 170px;
    border: 1px solid #F1F1F5;
}
.single-social {
    display: flex;
    justify-content: center;
    border: 1px solid #F1F1F5;
    height: 38px;
    align-items: center;
    border-radius: 10px;
}
.single-social h5 {
    color: #696974;
    font-size: 12px;
    padding-left: 20px;
}
.single-social img {
    height: 16px;
}
.sign-up {
    margin: 1.8rem 0 0 0;
}
.copy-right {
    font-size: 13px;
    color: #242F57;
    /*margin:0 auto;*/
    margin-bottom: 15px;
}

/* footer */
.silver footer {
    padding-top: 100px;
    padding-bottom: 20px;
}
.footer-main {
    padding: 0 50px;
}
.terms {
    font-weight: 500;
    font-size: 13px;
    color: #242F57;
}

/* -------------------------------------cant-login-------------------------------------- */
.reset-password h4 {
    font-weight: 700;
    font-size: 21px;
    color: #242F57;
}
.reset-password {
    font-size: 14px;
    color: #242F57;
    padding: 0 50px;
}
.remember h5 {
    font-size: 12px;
    color: #242F57;
}

/* ---------------------------------------sign-up--------------------------------- */
.single-step {
    width: 40px;
    height: 4px;
    background: #E2E2EA 0% 0% no-repeat padding-box;
}
.step-text {
    color: #92929D;
    font-size: 12px;
}
.read-terms h5 {
    color: #92929D;
    line-height: 1.6;
    padding: 0 20px;
}

/* ----------------------------------------.sign-up2---------------------------------- */
.signup-header .site-logo {
    height: 98px;
    object-fit: contain;
}
.signup-header .nav-link {
    color: #242F57;
    text-transform: none;
    font-size: 14px;
}
.signup-header .btn-login {
    padding: 1rem 3rem;
}
.signup-header .navbar-nav {
    display: flex !important;
    justify-content: space-around;
    padding: 0;
}
.signup-header .navbar-nav li {
    padding: 0 10px;
}

/* upgrade-course */
.upgrade-course {
    background: #fff;
    padding: 50px;
    margin-top: 180px;
    box-shadow: 0px 2px 4px #1C295A09;
    border: 1px solid #EAEDF7;
    border-radius: 10px;
}
.upgrade-heading h3 {
    font-size: 35px;
    color: #242F57;
    font-weight: 600;
}
.upgrade-heading p {
    color: #636E95;
    margin: 30px 0;
}
.upgrade-step-main {
    padding: 0 120px;
}
.upgrade-step-main .col-md-2 {
    padding: 0 10px;
}
.upgrade-step {
    width: 100%;
    height: 9px;
    border: 1px solid #3393F3;
    border-radius: 7px;
}
.upgrade-step-active {
    background: #3393F3;
}
.upgrade-step-main h5 {
    color: #3393F3;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}

/* insurance */
.insurance {
    background: #F4F7FF;
    padding: 30px;
    border-radius: 40px;
    margin: 50px 120px 0;
}
.insurance-text h4 {
    font-size: 22px;
    color: #242F57;
    padding-right: 200px;
    font-weight: 600;
}
.fs-14px {
    font-size: 14px !important;
}
.insurance-text p {
    font-size: 11px;
    color: #242F57;
    margin-bottom: 0;
}

/* insurance-price */
.insurance-price {
    justify-content: flex-end;
    margin-top: -20px;
}
.insurance-price h5 {
    color: #0052CC;
    font-size: 26px;
    font-weight: 600;
}
.insurance-price i {
    color: #369AFE;
    font-size: 24px;
}

/* ----------------------------------------.sign-up3---------------------------------- */
.single-select {
    background: #F4F7FF;
    border-radius: 30px;
    padding: 18px;
    height: 100%;
}
.select-price h3 {
    letter-spacing: 1.06px;
    color: #242F57;
    font-size: 23px;
    font-weight: 700;
    font-family: 'Montserrat',
    sans-serif;
    line-height: 25px;
}
.select-price h5 {
    letter-spacing: 0.56px;
    color: #242F57;
    font-size: 14px;
    font-weight: 600;
}
.select-paragraph p {
    letter-spacing: 0.5px;
    font-size: 12px;
    color: #242F57;
    font-weight: 500;
}
.single-select .btn {
    margin-top: 40px;
}
.select2 {
    position: relative;
}
.select-img {
    position: relative;
    margin-bottom: 10px;
}
.select-img i {
    position: absolute;
    content: "";
    top: -15px;
    right: -5px;
    font-size: 24px;
    color: #369AFE;
}
.upgrade-course .blue-text a {
    font-size: 16px;
}
.single-select .login-btn {
    width: 100%;
}
.small-logo img {
    height: 60px;
    margin-bottom: 30px;
}
.my-15 p {
    margin: 15px 0;
}

/* ------------------signup5--------------- */

/* contact-info */
.contact-info h4 {
    font-size: 18px;
    letter-spacing: 0.5px;
    color: #636E95;
    font-weight: 600;
}
.contact-info .dark_label {
    font-size: 22px !important;
    font-weight: 600;
    color: #242F57 !important;
}
.complete-profile {
    padding: 50px 100px;
}
.contact-form .form-group label {
    font-size: 14px;
    letter-spacing: 0px;
    color: #7F8FA4;
}
.contact-form .form-group input,
.contact-form .form-group select,
.form-group textarea {
    font-size: 14px;
    letter-spacing: 0px;
    color: #334150;
    background: #E1E8EE17 0% 0% no-repeat padding-box;
    border: 1px solid #E1E8EE;
    border-radius: 5px;
    outline: none;
}
.form-group textarea {
    height: 130px;
}
.px-10 {
    padding: 0 10px !important;
}
.form-check-label {
    letter-spacing: 0px;
    color: #7F8FA4 !important;
    font-size: 14px;
}
.form-check input {
    border: 1px solid #3393F3;
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
.font-16 {
    font-size: 16px;
    color: #636E95;
}

/* verification-setup */
.verification-btn {
    background: #FAFCFE 0% 0% no-repeat padding-box;
    border: 1px solid #D2D5E1;
    border-radius: 10px;
    padding: 0.8rem 1.5rem;
    margin: 0 12px;
}
.verification-text p {
    font-size: 14px;
    color: #242F57;
}
.verification-btn h5 {
    font-size: 16px;
    color: #636E95;
}
.verification-title h3 {
    letter-spacing: 0.5px;
    color: #242F57;
    font-size: 22px;
    font-weight: 600;
}

/* question */
.question {
    background: #F3F9FF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #1C295A09;
    border: 1px solid #369AFE;
    border-radius: 10px;
    letter-spacing: 0.5px;
}
.question h5 {
    color: #369AFE;
}
.que-form input {
    font-size: 14px;
    letter-spacing: 0px;
    color: #334150;
    background: #E1E8EE17 0% 0% no-repeat padding-box;
    border: 1px solid #E1E8EE;
    border-radius: 5px;
    outline: none;
}
.que-form label {
    color: #242F57;
    font-size: 14px;
}

/* payment-detail */
.payment-detail h3 {
    font-size: 22px;
    letter-spacing: 0.5px;
    color: #242F57;
    font-weight: 600;
}
.payment-detail1 .media-body h5 {
    letter-spacing: 0.5px;
    color: #242F57;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 500;
}
.payment-detail1 .media-body p {
    letter-spacing: 0.5px;
    color: #636E95;
    opacity: 0.9;
    font-size: 12px;
    margin-bottom: 0;
    ;
}
.payment-price h4 {
    color: #3393F3;
    font-size: 22px;
    font-weight: 600;
}
.cancel i {
    color: #FF235A;
    font-size: 22px;
    padding-left: 30px;
}
.cancel2 i {
    color: #FF235A;
    font-size: 22px;
    padding-left: 30px;
}
.cancel-none {
    display: none !important;
}
.cancel-none2 {
    display: none !important;
}
.affiliate-code h3 {
    letter-spacing: 0.36px;
    color: #242F57;
    font-size: 16px;
    font-weight: 600;
}
.affiliate-code .form-group i {
    font-size: 20px;
    color: #296DD5;
}
.affiliate-code p {
    font-size: 12px;
    color: #636E95;
    margin-top: 30px;
    margin-bottom: 0;
}
.patment-method-btn-active {
    background: #F3F9FF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #1C295A09;
    border: 1px solid #369AFE;
    border-radius: 10px;
}
.blue-round {
    height: 24px;
    width: 24px;
    border-radius: 30px;
    border: 5px solid #369AFE;
}
.payment-method-btn h5 {
    font-size: 16px;
    color: #636E95;
}
.payment-method-btn-active h5 {
    font-size: 16px;
    color: #369AFE;
}
.payment-method-btn-active {
    width: 100%;
    background: #F3F9FF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #1C295A09;
    border: 1px solid #369AFE;
    border-radius: 10px;
    padding: 40px;
    height: 108px;
}
.payment-method-btn {
    width: 100%;
    background: #FAFCFE 0% 0% no-repeat padding-box;
    border: 1px solid #D2D5E1;
    border-radius: 10px;
    padding: 40px;
    height: 108px;
}
.round {
    border: 1px solid #D2D5E1;
    border-radius: 12px;
    height: 24px;
    width: 24px;
}

/* -----------------------birthdate-------------------- */
.of-my {
    color: #3393F3;
    font-size: 14px;
    margin-bottom: 0;
}
.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 0.4;
}

/* verification-code */
.ver-code {
    margin: 100px 0;
}
.ver-code h5 {
    letter-spacing: 0.5px;
    color: #636E95;
    font-size: 18px;
    font-weight: 600;
}
.ver-code p {
    color: #636E95;
    font-size: 16px;
    margin-top: 15px;
}

/* ------------------------------------------------sidebar------------------------------------- */
.sidebar {
    height: 100%;
    width: 85px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background: #0052CC 0% 0% no-repeat padding-box;
    color: #fff;
    transition: 0.5s;
    overflow-x: hidden;
    padding-top: 60px;
    white-space: nowrap;
    margin: 20px;
    border-radius: 20px;
}
.sidebar a i {
    font-size: 25px;
    height: 25px;
    width: 25px;
}
.sidebar a {
    padding: 32px 8px 32px 32px;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    display: block;
}
.sidebar a:hover,
.sidebar a.active {
    background: #3375D6;
    color: #f1f1f1;
}
span.icon-text {
    padding-left: 40px;
}
main .sidebar {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 18px;
    margin-left: 50px;
}
.material-icons,
.icon-text {
    vertical-align: middle;
}
.material-icons {
    padding-bottom: 3px;
    margin-right: 30px;
}
#main {
    padding: 30px 30px 50px 0px;
    margin-left: 150px;
    transition: margin-left 0.5s;
}
@media screen and (max-height: 450px) {
    .sidebar {
        padding-top: 15px;
    }
    .sidebar a {
        font-size: 18px;
    }
}

/* ------------------------------------------purchase-course--------------------------------------- */
.purchase-header .bookmark i {
    font-size: 30px;
    color: #3393f3;
}
.purchase-header .bookmark h6 {
    font-size: 18px;
    color: #3393f3;
    font-weight: 400;
}
.view-history {
    font-size: 12px;
    letter-spacing: 0.27px;
    color: #242F57;
    margin-top: 10px;
}
.view-history a {
    color: #3393F3;
}
.purchase-right-icon {
    background: #ECF0FC;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    border-radius: 15px;
    text-align: center;
}
.purchase-right-icon img {
    margin: 0 auto;
}
.purchase-user {
    color: #242F57;
    font-size: 18px;
    font-weight: 600;
}
.purchase-section .insurance {
    margin: 0 !important;
}
.purchase-section {
    margin-top: 30px;
}
.blue {
    font-size: 14px;
    color: #3393F3;
}
.purchase-section .insurance-text p {
    font-size: 14px;
}
.purchase-section .insurance p strong {
    font-weight: 600;
}
.purchase-section .insurance .insurance-img img {
    height: 270px;
    width: 270px;
}
.purchase-section .insurance .login-btn {
    margin: 0 0 -30px;
}
.purchase-section .insurance .row .col-lg-4 {
    display: flex;
    align-items: flex-end;
}
.purchase-section .select-price h5 {
    font-size: 17px;
    font-weight: 700;
}
.purchase-section thead {
    background: #F4F7FF 0% 0% no-repeat padding-box;
    color: #0052CC;
    font-weight: 600;
    border-radius: 20px 20px 0px 0px;
}
.purchase-section tbody {
    background: #fff;
    color: #323132;
    font-size: 14px;
    border-radius: 20px 20px 0px 0px;
}
.purchase-section .insurance-detail .row .col-xl-4 {
    display: flex;
    align-items: flex-end;
}
.table thead th {
    font-weight: 600;
    text-transform: uppercase;
}
.table thead th,
.table td,
.table th {
    border: 0;
}
.purchase-title h2 {
    color: #242F57;
    font-size: 35px;
    font-weight: 600;
    margin: 30px 0;
}
.purchase-title p {
    color: #242F57;
    font-size: 12px;
}
.code {
    background: #0052cc;
    align-items: center;
    color: #fff;
    padding: 14px 30px;
    border-radius: 28px;
}
.code-icon {
    height: 62px;
    width: 62px;
    background: #8AAFE8;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.code p {
    margin-bottom: 0;
}

/* refer-and-earn */
.copy {
    font-size: 15px;
    color: #242F57;
}
.or {
    font-size: 24px;
    color: #242F57;
    font-weight: 600;
}
.single-email p {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 300;
    color: #334150;
}
.single-email {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E2E2E2;
    border-radius: 30px;
    padding: 6px 20px;
    width: 100%;
}
.grn {
    color: #00DF81;
}
.red {
    color: #FF235A;
    font-size: 12px;
    ;
}
.coupen-code {
    color: #3393F3;
}

/* ------------------------dashboard------------------------ */
.dashboard-main-box {
    background: #3393F3;
    position: relative;
    overflow: hidden;
    padding: 30px 50px;
    border-radius: 40px;
    color: #fff;
}
.dashboard-left {
    position: absolute;
    content: "";
    left: 0;
    top: -50px;
    height: auto;
    width: 200px;
}
.dashboard-right {
    position: absolute;
    content: "";
    right: -20px;
    bottom: -140px;
    height: auto;
    width: 700px;
}
.dashboard-main-box h3 {
    font-size: 43px;
    font-weight: 500;
}
.dashboard-main-box .row .col-lg-5 p {
    font-size: 15px;
}
.dashboard-main-box h6 {
    font-size: 18px;
    font-weight: 300;
}
.dashboard-main-box h6 strong {
    font-weight: 500;
}
.pink-box {
    background: #FC85A3;
}
.grn-box {
    background: #5EC298;
}
.purple-box {
    background: #8476CD;
}
.pink-box .icon-3box {
    background: #fdc2d1;
}
.grn-box .icon-3box {
    background: #A7DEC7;
}
.purple-box .icon-3box {
    background: #C1BBE6;
}
.icon-3box {
    height: 62px;
    width: 62px;
    border-radius: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-box {
    padding: 15px 15px;
    border-radius: 25px;
    opacity: 1;
}
.single-box h6 {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 0;
}
.single-box h6 strong {
    font-weight: 500;
}
.dashboard-insurance .insurance-img img {
    height: auto !important;
    width: auto !important;
}
.dashboard-insurance .insurance-text p {
    font-size: 11px;
}
.check {
    font-size: 24px;
    color: #369AFE;
    position: absolute;
    right: 20px;
    top: -65px;
}
.rebuy-course {
    color: #242F57;
    font-size: 11px;
}
.expired h3 {
    color: #D42731;
    opacity: 0.15;
    font-size: 137px;
    font-weight: 600;
}

/* ----------------------course-content---------------------- */
.bg1 {
    background-image: url('images/course-content-1.png');
}
.bg2 {
    background-image: url('images/course-content-2.png');
}
.bg3 {
    background-image: url('images/course-content-3.png');
}
.bg4 {
    background-image: url('images/course-content-4.png');
}
.bg5 {
    background-image: url('images/course-content-5.png');
}
.bg6 {
    background-image: url('images/course-content-6.png');
}
.course-content-page .single-box {
    opacity: 1;
}
.restart p {
    font-size: 15px;
    color: #fff;
    margin-bottom: 0;
}
.restart i {
    font-size: 22px;
    color: #fff;
}
.single-course-content {
    height: 300px;
    width: 100%;
    color: #fff;
    border-radius: 30px;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.single-course-content h6 {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.4;
}
.per-line1 {
    height: 4px;
    background: #fff;
    position: relative;
}
.per-line1::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #00df81;
}
.per-80::before {
    width: 80%;
}
.course-content h3 {
    color: #242F57;
    font-size: 35px;
    font-weight: 600;
}
.content-per p {
    color: #00DF81;
    font-size: 16px;
    margin-bottom: 5px;
}
.course-content-icon img {
    color: #00df81;
    height: 32px;
    width: 32px !important;
    margin-left: auto;
}
.course-content-icon {
    position: absolute;
    content: "";
    right: 15px;
    top: 15px;
}
.course-content-text {
    /*position:absolute;
    bottom:30px;
    padding: 0 30px;
    width: 100%;*/
    z-index: 27;
    color: white;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    background: linear-gradient(0deg,
    rgb(0 0 0 / 85%) 0%,
    rgb(255 255 255 / 0%) 100%);
    align-items: flex-end;
    border-radius: 5px;
    padding: 0px 30px;
    border-radius: 30px;
    padding-bottom: 30px;
}
.time p {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    margin: 0;
}
.time h6 {
    font-size: 18px;
    margin-bottom: 0;
}
.per {
    background: #E5E5E5;
    width: 90%;
    height: 30px;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.per::before {
    position: absolute;
    content: "";
    background: #3393F3;
    width: 30%;
    height: 100%;
    top: 0;
    left: 0;
}
.per p {
    position: relative;
    z-index: 1111;
    color: #fff;
    margin-bottom: 0;
    padding-left: 10px;
}

/* owl-carousel */
.owl-carousel-1 .owl-next {
    height: 46px;
    width: 46px;
    background: #EEF2FE !important;
}
.owl-carousel-1 .owl-prev {
    height: 46px;
    width: 46px;
    background: #EEF2FE !important;
}
.owl-carousel-1 .owl-nav {
    display: flex;
    position: absolute;
    content: "";
    top: -80px;
    right: 160px;
}
.owl-carousel-1 .owl-dots {
    display: none;
}

/* ----------------------My-bookmark---------------------- */
.my-bookmark .form-check input {
    height: 16px;
    width: 16px;
}
.my-bookmark table th {
    font-size: 12px;
    color: #97A0C3;
    text-transform: uppercase;
    opacity: 0.9;
    font-weight: 400;
    background: #fff;
    letter-spacing: 2px;
    padding-top: 8px;
}
.my-bookmark table th i {
    font-size: 10px;
}
.my-bookmark table td {
    font-size: 14px;
    color: #242F57;
    font-weight: 400;
}
.bookmarked {
    color: #1FD0A3;
    font-size: 12px;
    font-weight: 600;
    background: #DBF7F0;
    padding: 0.5rem 1rem;
    border-radius: 5px;
}
.action i {
    color: #FF235A;
    font-size: 20px;
}

/* ----------------------My-bookmark---------------------- */
.about-content img {
    height: 98px;
}
.about-content p {
    font-size: 16px;
    color: #242F57;
}
.about-img img {
    border-radius: 40px;
    padding: 30px;
}

/*--------------------- notification -------------------------- */
.notification-modal .modal-dialog {
    max-width: 625px;
    margin: 8rem 210px 0 auto;
}
.notification-modal .modal-header {
    align-items: center;
}
.notification-modal .modal-header h5 {
    font-size: 14px;
    font-weight: 600;
    color: #242F57;
}
.modal-content {
    border: 0;
}
.notification-modal .modal-footer a {
    color: #3393F3;
    font-size: 14px;
}
.single-notification h6 {
    font-size: 15px;
    color: #171725;
    font-weight: 400;
    margin-top: 8px;
}
.single-notification p {
    font-size: 14px;
    color: #92929D;
    margin-bottom: 8px;
}
.read-mark {
    color: #3393F3;
    font-size: 14px;
    font-weight: 400;
}

/*--------------------- Purchased-course-expired -------------------------- */
.insurance .expired {
    position: absolute;
    content: "";
    right: 50px;
}
#upgradecourse .modal-body {
    padding: 1rem 2rem;
}

/*--------------------- Find-class-room -------------------------- */
.find-class-room h6 strong h5 {
    font-size: 29px;
}
.find-class {
    position: absolute;
    content: "";
    right: -20px;
    bottom: -140px;
    height: auto;
    width: 610px;
}

/* ----------------------------------------write-to-us---------------------------------- */
.write-to-us {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #1C295A09;
    border: 1px solid #EAEDF7;
    border-radius: 10px;
    padding: 30px;
}
.write-us-title h3 {
    font-size: 22px;
    color: #242f57;
    font-weight: 600;
}

/* ----------------------------------------------resources------------------------------------- */
.blog {
    min-width: auto;
    margin: 0 auto;
}
.blog .card-title {
    letter-spacing: -0.66px;
    font: Bold 21px/32px Poppins;
    font-size: 21px;
    color: #19191B !important;
}
.blog-date p {
    color: #767581;
}
.blog .card-text p {
    color: #767581 !important;
    font-weight: 300;
    font-size: 16px;
}
.blog .card-body {
    padding: 1.5rem;
}
.blog .card-btn {
    font: Bold 16px/28px Poppins;
    letter-spacing: -0.5px;
    color: #F04037;
    transition: 0.5s all;
}
.blog .card-btn:hover {
    color: #000;
}
.blog .card {
    transition: 0.5s all;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #EAE9F2;
}
.blog .card:hover {
    box-shadow: 0px 15px 25px #413E654C;
    margin-top: -2px;
}
.blog .card-img-top {
    min-height: 336px;
    width: 100%;
    object-fit: cover;
    max-height: 336px;
}
.p-24 {
    padding: 0 24px;
}

/* ---------------resorce-detail--------- */
.back-a {
    color: #369AFE;
    font-size: 14px;
    font-weight: 600;
}
.blog-detail h2 {
    font-size: 35px;
    color: #242F57;
    font-weight: 600;
}
.blog-detail h4 b {
    color: #19191B;
    font-size: 24px;
}
.blog-detail ul li {
    padding: 10px 20px;
    font: Regular 21px/39px Poppins;
    letter-spacing: -0.66px;
    color: #696871;
}
.blog-detail p {
    color: #696871;
}
.blog-detail-img img {
    height: 450px;
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
}
.blog-detail h4 b {
    color: #19191B;
}
.blog-detail h2 {
    text-align: center;
    font: Bold 60px/70px Poppins;
    letter-spacing: -1.88px;
    color: #19191B;
}
.circle {
    position: relative;
}
.circle::before {
    position: absolute;
    content: '';
    height: 8px;
    width: 8px;
    background: #5454D4;
    border-radius: 20px;
    top: 18px;
    left: -5px;
}
.client {
    padding-left: 100px;
    position: relative;
    font-size: 21px;
}
.client::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(images/quote.png);
}
.blog-content {
    background: #EAE9F2;
    padding: 0.5rem 1rem;
    margin-right: 10px;
    border-radius: 5px;
    font-weight: 500;
}
.blog-detail-page p {
    font-weight: 400;
}

/* -------------------------------32_course-detail----------------------- */
.driver-image img {
    border-radius: 20px;
    height: 422px;
    width: 100%;
}
.driver-text {
    height: 100%;
    width: 100%;
    background: #fff;
    border: 1px solid #EAEDF7;
    border-radius: 20px;
}
.driver-text h3 {
    color: #242F57;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
}
.driver-text .per-line1 {
    background: #BFC7D1;
}
.driver-text .content-per p {
    color: #242F57;
    font-size: 16px;
    font-weight: 600;
}
.driver-text .content-per .time p {
    color: #242F57;
    font-size: 16px;
    font-weight: 500;
}
.driver-text .content-per .time h6 {
    font-weight: 600;
    font-size: 18px;
}
.lesson h4 {
    font-size: 18px;
    font-weight: 700;
    color: #242F57;
}
.lesson h6 {
    font-size: 15px;
    font-weight: 600;
    color: #242F57;
}
.active-lesson {
    color: #00DF81 !important;
}
.single-lesson img {
    height: 22px;
}
.multiple-choice {
    background: #CBDBF7;
    padding: 10px 20px;
    border-radius: 10px;
    margin-top: 12px;
}

/* ------------------------------course-detail35 --------------------*/
.course-detail35 .read-section {
    padding-bottom: 300px;
    position: relative;
}
.course-detail35 .continue-page-number {
    position: absolute;
    content: "";
    bottom: 30px;
    right: 50px;
}

/* -----------------------------course-detail2----------------- */
.read-section {
    background: #fff;
    padding: 20px 40px 20px 40px;
    border: 1px solid #EAEDF7;
    border-radius: 10px;
}
.read-bookmark i {
    color: #ababab;
    font-size: 20px;
}
.read-bookmark .fill i {
    color: #3393F3 !important;
}
.read-bookmark a {
    color: #3393f3;
    font-size: 12px;
}
.read-heading p span {
    color: #3393F3;
}
.read-head-left h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
}
.read-heading p {
    color: #ACACBF;
    font-weight: 500;
    font-size: 14px;
}
.font-size-icon {
    background: #CBDBF7;
    height: 34px;
    width: 34px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
.font-size h4 {
    font-size: 14px;
    font-weight: 600;
}
.read-blue {
    background: #f4f7ff;
    padding: 30px 22px;
    border-radius: 20px;
    margin-top: 20px;
}
.read-blue h5 {
    font-weight: 600;
}
.read-blue p {
    /*font-style: italic;*/
}
.blue-h5 {
    font-size: 14px;
    color: #3393F3;
}
.read-img {
    text-align: end;
}
.read-img video {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    border-radius: 20px;
    margin-top: 40px;
}
.continue-btn {
    background: #296DD5;
    border-radius: 13px;
    width: 276px;
    height: 57px;
    color: #fff;
    margin: 1rem auto;
    display: block;
    border: 0px solid #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.88px;
    transition: 0.3s all;
}
.opacity-05 {
    opacity: 0.5;
}
.continue-btn:hover {
    background: #000;
    color: #fff;
    border: 0px solid #000;
}
.continue-page-number {
    position: absolute;
    content: "";
    bottom: 0px;
    right: 0;
    margin-top: 30px;
}
.continue-page-number p {
    color: #0052CC;
    font-size: 16px;
    font-weight: 600;
    text-align: right;
}
.nav-pills .nav-link.active {
    background: #3393F3;
    padding: 0.5rem 3rem;
    border-radius: 0px;
}
.nav-pills .nav-link {
    border: 1px solid #CFCFCF;
    background: transparent;
    padding: 0.5rem 3rem;
    border-radius: 0px;
    color: #242F57;
    font-weight: 600;
}

/* ----------------course-detail-12------------------- */
.course-detail-12 h5 {
    font-size: 14px;
    font-weight: 600;
}
.course-detail-12 p {
    font-size: 14px;
}
.course-detail-list p {
    padding: 5px 0;
}

/* 45_course-detail */
.course-question h4 {
    font-size: 21px;
    font-weight: 600;
}
.single-question-img img {
    height: 266px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.course-single-question .form-check {
    padding: 6px 0 6px 32px;
    background: #E1E8EE17 0% 0% no-repeat padding-box;
    border: 1px solid #E1E8EE;
    border-radius: 8px;
}
.course-single-question .form-check input {
    border: 1px solid #3393F3;
    height: 16px;
    width: 20px;
}
.question-option {
    margin-left: 30px;
}
.upgrade-single-step {
    flex-basis: 120px;
    margin: 0 10px;
}
.course-detail45 .upgrade-course {
    background: #fff;
    padding: 50px 50px 180px 50px;
    margin-top: 180px;
    box-shadow: 0px 2px 4px #1C295A09;
    border: 1px solid #EAEDF7;
    border-radius: 10px;
}
.course-detail45 .continue-page-number {
    position: absolute;
    content: "";
    bottom: 20px;
    right: 40px;
}
.course-detail45 .continue-page-content {
    position: absolute;
    content: "";
    bottom: 50px;
    left: 40px;
}
.continue-page-content p {
    font-size: 14px;
    font-weight: 500;
}

/* 46_course-detail */
.course-detail46 .upgrade-course {
    padding: 50px 50px 50px 50px;
}
.course-detail46 .setup-complete-logo img {
    height: 70px;
}
.secure h3 {
    font-size: 30px;
    color: #0052CC;
    font-weight: 600;
}
.secure h5 {
    color: #3393F3;
    font-size: 21px;
    font-weight: 600;
}
.continue-page-content p span {
    color: #3393F3;
}
.quiz {
    font-size: 58px !important;
}
.continue-page-number2 p {
    color: #0052CC;
    font-size: 16px;
    font-weight: 600;
    text-align: right;
}
#certificate .modal-title {
    font-size: 26px;
    font-weight: 600;
}
#certificate .modal-header {
    padding: 1rem 2.5rem 1rem;
    align-items: center;
}
#certificate .modal-body {
    padding: 0rem 2.5rem 2.5rem;
}

/* ----------------------48-purchase2-------------------- */
.purchase2 .purchase-section .insurance {
    position: relative;
}
.view {
    content: "";
    right: 34px;
    color: #3393F3;
    font-size: 18px;
    font-weight: 600;
    z-index: 11;
}
.Upgraded {
    background: #00DF81;
}

/* 50_course-detail-17 */
.quiz-text h5 {
    font-size: 21px;
    font-weight: 600;
}
.course-detail50 .continue-page-number2 .login-btn {
    margin: 0 !important;
}
.take {
    color: #D42731;
    font-weight: 600;
    margin-right: 20px;
}
.big-video video {
    position: relative;
    overflow: hidden;
}
.big-video video::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 11;
}
.pb-100 {
    padding-bottom: 200px;
}

/* 54-feedback */
.course-modal .modal-title {
    font-size: 26px;
    font-weight: 600;
}
.feedback-content h5 {
    font-size: 15px;
    font-weight: 600;
}
.w-500 {
    width: 500px;
}
#feedback {
    width: 100% !important;
    padding: 0 20px;
}
.feedback-content p {
    font-size: 14px;
}
.star {
    font-size: 32px;
}

/* 55-table-content */
#table-content td img {
    width: 22px;
    height: 22px;
}
.w-670 {
    min-width: 670px !important;
}
.unit1 td h6 {
    padding-right: 50px;
}

/* 56_question-answer */
.course-modal td img {
    height: 20px;
}

/* 59-faqs */
.faqs .card-header {
    background: #fff !important;
}
.faqs .card-header a {
    font-weight: 500;
}
.faqs .card:hover {
    box-shadow: 0 0px 15px 0 #d4d4d49c;
    margin-top: 0;
}
.accordion .card {
    box-shadow: 0 0px 15px 0 #d4d4d49c;
}
.accordion .card button {
    font-weight: 500;
    font-size: 18px;
    padding: 0;
    text-decoration: none;
}
.accordion .btn-link {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 10px !important;
    font-size: 16px !important;
    outline: none !important;
}
.accordion .card-body {
    font-size: 14px;
}
.chat-with-support {
    font-size: 16px;
    color: #636E95;
}
.btn-link.collapsed i::before {
    content: "\f054";
}
.btn-link i::before {
    content: "\f078";
}

/* 60-help */
.person-name h5 {
    font-size: 16px;
}
.person-name p {
    color: #97A0C3;
    font-size: 12px;
}
.chat-timing p {
    font-size: 10px;
}
.single-person.active {
    background: #F4FAFF;
    border-left: 2px solid #369AFE;
}
.pending-msg {
    background: #369AFE;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px auto;
}
.col-18 {
    width: 18%;
    position: relative;
}
.col-18 .read-section {
    min-height: 100%;
}
.col-18 .read-section .login-btn {
    position: absolute;
    content: "";
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
}
.col-80 {
    width: 80.5%;
    margin-left: auto;
}
.per-img img {
    height: 48px;
    width: 48px;
    border-radius: 50%;
}
.per-name {
    font-size: 16px;
    font-weight: 600;
}
.chat-timing p {
    color: #97A0C3;
}
.ticket-detail p {
    font-size: 14px;
}
.open p {
    color: #00DF81;
    font-weight: 600;
}
.close p {
    color: red;
    font-weight: 600;
}
.chat {
    background: #FAFCFE;
}
.other-pic img {
    height: 42px;
    width: 42px;
    border-radius: 50%;
}
.person-name-and-pic {
    padding: 30px 40px 20px 30px;
}
.person-name-and-pic {
    padding: 30px 40px 20px 30px;
}
.ticket-detail {
    padding: 0 30px;
}
.chat {
    max-height: 690px;
    overflow-y: scroll;
    padding: 30px;
}
.chat::-webkit-scrollbar-track {
    background-color: #FAFCFE !important;
}
.chat::-webkit-scrollbar {
    width: 5px;
    background-color: #FAFCFE !important;
}
.chat::-webkit-scrollbar-thumb {
    background-color: #98c2ff !important;
    border-radius: 20px;
}
.other-text {
    padding: 15px 22px;
    background: #EFF2F7;
    border-radius: 10px;
}
.own-text {
    padding: 15px 22px;
    background: #56AAFF;
    color: #fff;
    border-radius: 10px;
}
.chatuserimg {
    height: 42px;
    width: 42px;
    border-radius: 50%;
    object-fit: cover;
}
.need-chat-person .chatsendername {
    font-weight: 600;
    font-size: 14px;
}
.chatmsgtxt {
    font-size: 14px;
}
.typing {
    padding: 20px 30px;
}
.pin i {
    font-size: 24px;
}
.typing input {
    background: #FAFCFE 0% 0% no-repeat padding-box;
    border: 1px solid #D2D5E1;
    border-radius: 10px;
    height: 42px;
    font-size: 14px;
    color: #BFC7D1;
}
.emoji {
    position: absolute;
    content: "";
    top: 12px;
    right: 20px;
}
.emoji .chatspinloader {
    width: 1.2rem;
    height: 1.2rem;
}
.new-ticket-popup .modal-content {
    min-width: 100%;
}
.new-ticket-popup .modal-body,
.new-ticket-popup .modal-header {
    padding: 0 30px;
}
.new-ticket-popup label {
    color: #7F8FA4;
    font-size: 14px;
}
.new-ticket-popup input {
    background: #E1E8EE17 0% 0% no-repeat padding-box;
    border: 1px solid #E1E8EE;
}

/* 62-setting */
.edit-per-img img {
    height: 65px;
    width: 65px;
}
.edit-per-name h5 {
    font-size: 16px;
}
.edit-per-name p {
    font-size: 12px;
}
.edit-btn .dropdown a,
.blue_txt {
    font-size: 14px;
    color: #369AFE;
    font-weight: 500;
}
.edit-btn .dropdown i {
    font-size: 14px;
    color: #7C88B1;
}
.type {
    color: #636E95;
    font-size: 18px;
    font-weight: 600;
}

/* toggle-btn */

/* Rounded sliders */

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* validation-popup */
#validation-que .modal-content {
    min-width: 100%;
    padding: 30px 30px 0 30px !important;
}
#validation-que h4 {
    font-size: 22px;
}
.blue-font {
    color: #296DD5 !important;
    font-size: 14px !important;
}

/* The slider */
.toggle-button {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ECEFF8;
    -webkit-transition: .4s;
    transition: .4s;
}
.toggle-button:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked+.toggle-button {
    background-color: #5EC298;
}
input:focus+.toggle-button {
    box-shadow: 0 0 1px #5EC298;
}
input:checked+.toggle-button:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.toggle-button.round-toggle {
    border-radius: 11px;
}
.toggle-button.round-toggle:before {
    border-radius: 30%;
}
.edit-single-info {
    font-size: 14px;
    font-weight: 600;
}
.edit1 {
    font-size: 14px;
    color: #369AFE;
    font-weight: 500;
}
#collapseExample1,
#collapseExample2,
#collapseExample3,
#collapseExample4 {
    display: none !important;
}
#collapseExample1.show,
#collapseExample2.show,
#collapseExample3.show,
#collapseExample4.show {
    display: block !important;
}

/* affiliate-login */
.blue-btn {
    background: #08C0D7;
}
#affiliate-login .blue-text a,
#affiliatecantlogin .blue-text a,
.affiliatecantlogin .blue-text a {
    color: #08C0D7;
}

/* ------------------------------------------71affiliate-dashboard----------------------------------------- */
.affiliate-dashboard .single-box {
    padding: 15px 24px;
    border-radius: 25px;
    opacity: 1;
}
.affiliate-dashboard .dashboard-main-box {
    background: #4424A7;
}
.affiliate-dashboard .dashboard-right {
    position: absolute;
    content: "";
    right: -20px;
    bottom: -150px;
    height: auto;
    width: auto;
}
.center-round {
    position: absolute;
    content: "";
    top: -150px;
    left: -340px;
    right: 0;
    margin: auto;
    height: 290px;
    width: 290px;
}
.blue-box {
    background: #08C0D7;
}
.org-box {
    background: #FF9065;
}
.yellow-box {
    background: #FFCC40;
}
.blue-box .icon-3box {
    background: #77dde9;
}
.org-box .icon-3box {
    background: #ffc2ab;
}
.yellow-box .icon-3box {
    background: #ffe396;
}
.affiliate-dashboard .text-3box h2 {
    font-size: 35px;
    font-weight: 600;
    color: #fff;
}
.affiliate-dashboard .text-3box {
    width: 80%;
}
.embed-heading h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
.embed-heading i {
    color: #92929D;
}
.copy-icon {
    padding: 15px;
    border-radius: 10px;
    background: #D6F2F6;
    display: flex;
    align-items: center;
    justify-content: center;
}
.copy-and-share p {
    font-size: 15px;
    font-weight: 500;
}
.full-code {
    background: #EFEFEF;
    padding: 30px 20px;
    border-radius: 10px;
    font-weight: 500;
}
.copy-link {
    background: #8B77C9;
    padding: 15px 25px;
    border-radius: 15px;
    margin: 0 25px;
    overflow: hidden;
    position: relative;
    height: 70px;
    display: flex;
    align-items: center;
    width: 80%;
}
.copy-link-icon {
    padding: 15px;
    border-radius: 15px;
    background: #C0B5E2;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    content: "";
    right: 10px;
    top: 6px;
}
.copy-link .custom-tooltip {
    color: #4424A7;
    font-weight: 900;
    position: absolute;
    display: none;
    border-radius: 4px;
    font-size: 14px;
    right: 62px;
}
.copy-and-share .custom-tooltip {
    color: #08C0D7;
    font-weight: 900;
    position: absolute;
    display: none;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 12px;
    right: -10px;
    top: -25px;
}
.coupen-section {
    background: #fff;
    padding: 20px 40px 20px 40px;
    border: 1px solid #EAEDF7;
    border-radius: 10px;
    height: 830px;
}
.single-coupen {
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    padding: 40px 40px;
    position: relative;
    background-size: contain;
    border-radius: 10px;
}
.coupen-text {
    font-size: 22px;
    font-weight: 600;
    padding-right: 20px;
}
.coupen-logo {
    padding-right: 15px;
    border-right: 2px dashed #D1D1D1;
}
.coupen-copy {
    position: absolute;
    content: "";
    top: 20px;
    right: 20px;
}
.coupen-copy img {
    height: 25px;
}
.copy-detail-text {
    margin-top: 20px;
}

/* affiliate-setting */
.affiliate-right .purchase-right-icon {
    background: #DFDAEF;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    border-radius: 15px;
    text-align: center;
}
.affiliate-sidebar {
    background: #4424A7;
    height: auto;
}
.affiliate-help .pending-msg {
    background: #369AFE;
}
.affiliate-help .own-text {
    background: #56AAFF;
}

/* 67-report */
.chart {
    background: #FAFAFB;
    padding: 20px;
    border-radius: 20px;
}
.big {
    min-width: 100px;
}
.affiliate-report table {
    border-radius: 20px;
}
.affiliate-report table tbody {
    border: 1px solid #FAFAFB;
}

/* manage-landing-page */
.upload-img {
    height: 140px;
    width: 140px;
    background: #EBEBEB;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9092A4;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    padding: 40px;
}
.upload {
    width: 140px;
}
.read-head-left h6 {
    font-size: 14px;
    font-weight: 600;
}

/* owl-carousel */
.owl-prev i {
    color: #4F88E0;
}
.owl-next i {
    color: #4F88E0;
}
html .owl-prev {
    border-radius: 10px !important;
}
html .owl-next {
    border-radius: 10px !important;
}

/* voice-verification */
#video-verification h5 {
    color: #696871;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 80px;
    margin-top: 30px;
    line-height: 38px;
}
.curve {
    margin-top: 100px;
}
.recording {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 3px solid #D4D4D4;
    margin: 50px auto;
    animation: recording 0.8s infinite;
}
@keyframes recording {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.ui.dimmer.modals {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999;
    align-items: center!important;
    justify-content: center!important;
}
.ui.dimmer.modals .modal {
    position: relative !important;
    width: auto !important;
    display: none;
    z-index: 1001;
    text-align: left;
    background: #fff;
    border: none;
    -webkit-box-shadow: 1px 3px 3px 0 rgba(0,
    0,
    0,
    .2),
    1px 3px 15px 2px rgba(0,
    0,
    0,
    .2);
    box-shadow: 1px 3px 3px 0 rgba(0,
    0,
    0,
    .2),
    1px 3px 15px 2px rgba(0,
    0,
    0,
    .2);
    -webkit-transform-origin: 50% 25%;
    transform-origin: 50% 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: .28571429rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    will-change: top,
    left,
    margin,
    transform,
    opacity;
    height: auto !important;
}
.ic.icon {
    display: inline-block;
    opacity: 1;
    margin: 0 .25rem 0 0;
    width: 1.18em;
    height: 1em;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ic.icons {
    display: inline-block;
    position: relative;
    line-height: 1;
}
i.icon.arrow {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-top: 10px;
}
i.icon.arrow.circle.left:before {
    position: initial;
    content: "\f0a8";
    background: unset;
}
i.icon.arrow.circle.right:before {
    position: initial;
    content: "\f0a9";
    background: unset;
}
.inverted.basic {
    position: absolute;
    bottom: 0%;
    z-index: 8;
    margin: auto;
    font-weight: 600;
    display: inline-block;
    opacity: 1;
    background: transparent;
    color: #fff;
    outline: 0;
    border: unset;
    border: none;
    -webkit-box-shadow: 0 0 0 2px #fff inset!important;
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 13px;
    display: flex;
    opacity: 1;
    align-items: center;
}
i.chevron.circle {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: 5px;
}
i.icon.chevron.circle.right:before {
    content: "\f138";
    background: unset;
    position: initial;
}
.ui.header span {
    font-size: 16px;
}
.ui.modal>.close {
    z-index: 500;
    cursor: pointer;
    position: absolute;
    top: -2.5rem;
    right: -2.5rem;
    z-index: 1;
    opacity: .8;
    font-size: 1.25em;
    color: #fff;
    width: 2.25rem;
    height: 2.25rem;
    padding: .625rem 0 0 0;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
i.icon.close:before {
    content: "\f00d";
}
.ui.modal>.close:hover {
    opacity: 1;
}
.lesson-tick {
    color: #BFC7D1;
    font-size: 20px;
}
.lesson-tick.fill {
    color: #00df81;
}
.progress {
    margin-bottom: 10px;
    height: 5px;
}
.progress-bar {
    background-color: #00df81;
}
.main.progress {
    height: 30px !important;
    border-radius: 8px;
}
.main.progress p {}
.main.progress .progress-bar {
    background-color: #0052cc !important;
    font-size: 15px;
    text-align: left;
    padding-left: 10px;
}
.progress {
    background-color: #a7a7a7 !important;
}
.progress-bar {
    width: 0;
    animation: progress 1.5s ease-in-out forwards;
    .title {
        opacity: 0;
        animation: show 0.35s forwards ease-in-out 0.5s;
    }
}
@keyframes progress {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}
@keyframes show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.site-color {
    color: #3393f3 !important;
}
.question-option .form-check-label,
.question-option .form-check,
.question-option .form-check-input {
    cursor: pointer;
}
.h-150 {
    height: 150px;
}
.cursor-pointer {
    cursor: pointer;
}
.wrong-answer {
    background: #ff7a82 !important;
    border-color: #d42731 !important;
}
.wrong-answer .form-check-label {
    color: #fff !important;
}
.correct-ans {
    background: #00800085 !important;
    border-color: #008000 !important;
}
.correct-ans .form-check-label {
    color: #fff !important;
}
table.dataTable.no-footer {
    border-bottom: unset !important;
    padding: 10px 0px;
    background: #fff;
}
table.dataTable.no-footer {
    border-bottom: unset !important;
}
table.dataTable thead th,
table.dataTable thead td {
    border-bottom: unset !important;
}
.table input[type="checkbox"]:checked,
input[type="checkbox"]:not(:checked) {
    position: initial !important;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #d42731;
    border-color: #d42731;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #d42731;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

/********** lesson pages *********/

/* 91-course-detail-20 */
.course-detail-20 .read-section {
    padding-bottom: 150px;
    position: relative;
}
.course-detail-20 p {
    font-size: 14px;
}
.course-detail-20 .continue-page-number {
    position: absolute;
    content: "";
    bottom: 30px;
    right: 40px;
}
.accident-ul {
    margin-bottom: 0;
}
.accident-ul li {
    font-size: 14px;
}
.accident {
    height: 238px;
    width: 100%;
    object-fit: cover;
}
.small-text {
    font-size: 10px;
}

/* 92-course-detail-22 */
.reason-table {
    border-radius: 15px;
    overflow: hidden;
}
.reason-table thead {
    border-bottom: 1px solid #3393F3;
}
.reason-table thead tr th {
    color: #296DD5;
    text-transform: capitalize;
}
.reason-table tbody {
    background: #F4F7FF;
}
.reason-table tbody tr td {
    font-size: 16px;
    color: #242F57;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
}
.reason-table-main {
    background: #F4F7FF;
    padding: 14px;
}
.minimum-cost h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
}

/* reasons */
.reason-title {
    color: #242F57;
    font-size: 29px;
    font-weight: 600;
    text-align: center;
}
.single-reason {
    background: #EEEEEE;
    height: 100%;
    overflow: hidden;
}
.single-reason h4 {
    font-size: 18px;
    font-weight: 600;
}
.single-reason p {
    font-size: 13px;
}
.reason1 {
    border-radius: 0 150px 0 150px;
    padding: 4rem 11rem 4rem 4rem;
}
.reasons .col-xl-6 {
    padding: 15px;
}
.reason-badge1 {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    height: 146px;
    width: 146px;
    border-radius: 50px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 68px;
    font-weight: 600;
    background: #9ED342;
    color: #fff;
    box-shadow: inset 4px 5px 16px 3px rgba(0,
    0,
    0,
    0.45);
}
.reason2 {
    border-radius: 150px 0 150px 0;
    padding: 4rem 4rem 4rem 11rem;
}
.reason-badge2 {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 146px;
    width: 146px;
    border-radius: 0 50px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 68px;
    font-weight: 600;
    background: #43D1A1;
    color: #fff;
    box-shadow: inset -4px 5px 16px 3px rgba(0,
    0,
    0,
    0.45);
}
.reason3 {
    border-radius: 150px 0 150px 0;
    padding: 4rem 11rem 4rem 4rem;
}
.reason-badge3 {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 146px;
    width: 146px;
    border-radius: 0 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 68px;
    font-weight: 600;
    background: #40D3E2;
    color: #fff;
    box-shadow: inset 4px -5px 16px 3px rgba(0,
    0,
    0,
    0.45);
}
.reason4 {
    border-radius: 0 150px 0 150px;
    padding: 4rem 4rem 4rem 11rem;
}
.reason-badge4 {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 146px;
    width: 146px;
    border-radius: 0 0 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 68px;
    font-weight: 600;
    background: #41A7E0;
    color: #fff;
    box-shadow: inset -4px -5px 16px 3px rgba(0,
    0,
    0,
    0.45);
}
.reason-dot1 {
    position: absolute;
    content: "";
    top: 1rem;
    left: 1rem;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #9ED342;
}
.reason-dot2 {
    position: absolute;
    content: "";
    top: 1rem;
    right: 1rem;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #43D1A1;
}
.reason-dot3 {
    position: absolute;
    content: "";
    bottom: 1rem;
    left: 1rem;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #40D3E2;
}
.reason-dot4 {
    position: absolute;
    content: "";
    bottom: 1rem;
    right: 1rem;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #41A7E0;
}

/* summary-report */
.summary-reported h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}
.single-summary-report {
    border-radius: 36px;
    padding: 2rem;
    color: #fff;
    margin: 25px 6px;
    min-height: 200px;
}
.single-summary-report h3 {
    font-size: 2em !important;
    font-weight: 600;
}
.single-summary-report p {
    font-size: 14px;
}
.report1 {
    background: #9ED342;
}
.report2 {
    background: #43D1A1;
}
.report3 {
    background: #40D3E2;
}
.report4 {
    background: #41A7E0;
}

/* report-step */
.single-report-step {
    width: 100%;
    border-radius: 50px;
    padding: 1.2rem;
    background: #EEEEEE;
    text-align: center;
    margin: 22px 0;
}
.single-report-step p {
    color: #242F57;
    font-size: 14px;
}

/* 95-course-detail-24 */
.blue-title {
    color: #3393F3;
    font-weight: 600;
}
.speed {
    background: #F4F7FF;
    border-radius: 14px;
    color: #296DD5;
}
.speed h4 {
    font-size: 24px;
    font-weight: 600;
}
.speed h5 {
    font-weight: 300;
    font-size: 26px;
    margin-top: 1.5rem;
}
.speed-img {
    height: 100%;
}
.speed-img img {
    min-height: 100%;
    height: 206px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.speed-text {
    padding: 1rem 4rem;
}
.per-100 {
    height: 100%;
}
p b {
    font-weight: 600;
    font-size: 19px;
}
.slogan {
    background: #F4F7FF;
    padding: 2rem;
    width: 100%;
    border-radius: 14px;
}
.slogan h2 {
    color: #296DD5;
    font-size: 41px;
    font-weight: 600;
}
.accident3-img img {
    width: 100%;
    height: 653px;
    object-fit: cover;
}
.accident4-img img {
    height: 342px;
    width: 100%;
    object-fit: cover;
}
.read-blue h3 {
    font-size: 21px;
    font-weight: 600;
    color: #3393F3;
}
.single-accident img {
    height: 202px;
    max-width: 100%;
    width: 354px;
    object-fit: cover;
}
.single-accident h5 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
}

/* 91-lession1-cd-50 */
.border-15 {
    border-radius: 15px;
}
.cd50-side-img {
    height: 592px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.cd50-side-img2 {
    height: 780px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* 91-lession1-cd-21 */
.cd21-side-img {
    height: 792px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* 91-lession1-cd-51 */
.cd51-side-img {
    height: 558px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* 92-lession2-cd-24 */
.cd24-side-img {
    height: 428px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* 92_lesson2-cd27 */
.cd-25-img1 {
    height: 384px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.cd-25-img2 {
    height: 470px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.cd-25-img3 {
    height: 295px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* 92_lesson2-cd26 */
.cd-26-img {
    height: 470px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* 92_lesson2-cd49 */
.single-accident1 img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 15px;
}
.single-accident2 img {
    width: 100%;
    height: 288px;
    object-fit: cover;
    border-radius: 15px;
}
.single-accident3 img {
    width: 100%;
    height: 570px;
    object-fit: cover;
    border-radius: 15px;
}

/* 93_lesson4-cd32 */
.cd-32-img {
    width: 100%;
    height: 414px;
    object-fit: cover;
    border-radius: 15px;
}
.cd-32-img2 {
    width: 100%;
    height: 590px;
    object-fit: cover;
    border-radius: 15px;
}

/* 93_lesson4-cd33 */
.cd-33-img img {
    height: 414px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
    margin: 1.5rem 0;
}

/* 93_lesson4_cd34 */
.single-impact {
    margin: 6rem 0;
    text-align: left;
}
.single-impact p {
    padding: 0 !important;
}
.single-impact h5 {
    font-size: 18px;
    font-weight: 600;
}

/* 93-lesson4_cd36 */
.essential-terms h3 {
    font-size: 29px;
    font-weight: 600;
    text-align: center;
}
.cd-36-img img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* 93-lesson4_cd35 */
.cd-35-img img {
    height: 482px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* 93_lesson4-37 */
.single-drugs-table h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 1.3rem 0;
}
.cd-37-img1 img {
    height: 520px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.cd-37-img2 img {
    height: 472px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* 93_lesson4-52 */
.cd-52-img img {
    height: 470px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* 93_lesson4-53 */
.cd-53-img1 img {
    height: 524px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.cd-53-img2 img {
    height: 500px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* 93_lesson4-54 */
.cd-54-img1 img {
    height: 226px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.cd-54-img2 img {
    height: 470px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* 93_lesson4-54 */
.cd-55-img1 img {
    height: 403px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.cd-55-img2 img {
    height: 431px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
    margin-top: 3.5rem;
}

/* lesson5-36 */
.cd-36-img1 img {
    height: 450px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.cd36-video video {
    height: 420px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.cd36-img2 img {
    height: 420px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson5-37 */
.cd-37-img1 img {
    height: 600px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson5-37 */
.cd38-img1 img {
    height: 455px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.action-sec h3 {
    font-size: 18px;
    color: #296DD5;
    font-weight: 600;
    margin: 2rem 0;
}
.action-sec-content-main {
    background: #F4F7FF;
    border-radius: 10px;
    padding: 2rem 1.5rem;
}
.action-sec-img img {
    height: 330px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson5-39 */
.cd39-img1 img {
    height: 258px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.cd39-img2 img {
    height: 480px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson5-56 */
.cd56-img1 img {
    height: 252px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson5-57 */
.airbag img {
    height: 252px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.cd57-img img {
    height: 314px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson5-58 */
.cd58-img1 img {
    height: 385px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.cd58-video video {
    height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
video {
    outline: none;
}

/* lesson5-cd59 */
.single-part-details {
    color: #000;
    padding: 2rem;
    border-radius: 15px;
    margin: 2rem 0;
}
.single-part-details h4 {
    font-size: 20px;
    font-weight: 600;
}
.part1 {
    background: #9ED342;
}
.part2 {
    background: #41A7E0;
}
.part3 {
    background: #43D1A1;
}
.part4 {
    background: #40D3E2;
}
.part5 {
    background: #43D1A1;
}
.part6 {
    background: #40D3E2;
}
.part7 {
    background: #9ED342;
}
.cd59-img img {
    height: 840px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson6-cd40 */
.cd40-img1 img {
    height: 362px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.cd40-img2 img {
    height: 362px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson6-cd41 */
.cd41-img1 img {
    height: 734px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.cd41-img2 img {
    height: 274px;
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
}

/* lesson6-cd42 */
.cd42-img1 img {
    height: 302px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.cd42-video video {
    height: 420px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson6-cd43 */
.cd43-img img {
    height: 302px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson-7-traffic-laws */
.lesson3-img img {
    height: 362px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.traffic-laws-table tr:nth-child(even) {
    background: #DFEFFF;
}
.traffic-laws-table tr td {
    width: 50%;
}

/* lesson-7-traffic-laws1 */
.lesson7-img img {
    height: 734px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson7-traffic-laws2 */
.single-suspend-reason {
    background: #F7F7F7;
    border-radius: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100px;
    width: 100%;
    padding: 0.5rem;
}
.single-suspend-reason-main {
    width: 30%;
    padding: 0 1rem;
}
.suspend-reason-img-main {
    width: 40%;
    padding: 0 1rem;
}
.middle-suspend-reason {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -160px;
}

/* lesson7-law3 */
.law3-img img {
    height: 348px;
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
}
.law-sub-img img {
    height: 244px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.law4-img img {
    height: 486px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson7-law5 */
.single-traffic-signal {
    padding: 0rem 2rem;
    border-radius: 36px;
    margin: 1rem 0;
    height: 177px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-traffic-signal h4 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}
.signal1 {
    background: #9ED342;
}
.signal2 {
    background: #43D1A1;
}
.signal3 {
    background: #40D3E2;
}
.signal4 {
    background: #41A7E0;
}
.law6-img img {
    height: 328px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson7-law7 */
.law7-img img {
    height: 328px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson7-law8 */
.law8-img img {
    height: 234px;
    width: 100%;
    object-fit: scale-down;
    border-radius: 15px;
}

/* lesson7-law9 */
.law9-img img {
    height: 290px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.law9-img2 img {
    height: 317px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson7-law10 */
.law10-img {
    text-align: center;
}
.law10-img img {
    height: 182px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.law10-img h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 1rem;
}

/* lesson7-law11 */
.law11-img img {
    height: 357px;
    width: 100%;
    object-fit: scale-down;
    border-radius: 15px;
}

/* lesson7-law12 */
.law12-img1 img {
    height: 372px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson7-img13 */
.law13-img img {
    height: 486px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson7-img13 */
.law14-img img {
    height: 269px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.img-h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 1rem;
    text-align: center;
}

/* lesson7-img15 */
.law15-img img {
    height: 269px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.law15-img-4 img {
    height: 350px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson7-img16 */
.law16-img img {
    height: 515px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson3-img */
.lesson3-img img {
    height: 281px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.lesson3-img2 img {
    height: 362px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.lesson3-img2 img {
    height: 362px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson3-law1 */
.lesson3-law1-img img {
    height: 377px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.lesson3-law1-img2 img {
    height: 355px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson3-law4 */
.lesson3-law4-img1 img {
    height: 412px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.lesson3-law4-img2 img {
    height: 348px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson3-law5 */
.pt-6 {
    padding-top: 6rem;
}

/* lesson3-law6 */
.lesson3-law6-img img {
    height: 323px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.lesson3-law6-video {
    height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson3-law9 */
.lesson3-law9-img1 img {
    height: 324px;
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
}

/* lesson3-law10 */
.lesson3-law10-img img {
    height: 412px;
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
}

/* lesson3-law11 */
.lesson3-law11-img1 img {
    height: 320px;
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
}
.lesson3-law11-img2 img {
    height: 355px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson3-law12 */
.lesson3-law12-img img {
    height: 452px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson-law13 */
.lesson3-law13-img1 img {
    height: 440px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.lesson3-law13-img2 img {
    height: 320px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson-law14 */
.lesson3-law14-img img {
    /*height: 286px;*/
    height: 700px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lesson-law15 */
.lesson3-law15-img img {
    height: 230px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.lesson3-law15-img2 img {
    height: 520px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* lasson3-law18-img1 */
.lesson3-law18-img1 img {
    width: 100%;
    height: 440px;
    object-fit: cover;
    border-radius: 15px;
}
.lesson3-law18-img2 img {
    width: 100%;
    height: 330px;
    object-fit: cover;
    border-radius: 15px;
}
.weaccept {
    font-size: 16px;
    font-weight: 600;
    color: #296dd5;
}
.input-group {
    position: relative;
    width: 100%;
}
.toggle {
    background: none;
    border: none;
    color: #337ab7;
    /*display: none;*/
    /*font-size: .9em;*/
    font-weight: 600;
    /*padding: .5em;*/
    position: absolute;
    right: .75em;
    top: 2.25em;
    z-index: 9;
}
.force-static {
    position: relative !important;
    display: block !important;
    margin-right: 10px;
    left: unset !important;
}
.mobile-image {
    display: none;
}
.tablet-image {
    display: none;
}
.web-image {
    display: inline-block;
}
.form-control {
    border-radius: .25rem !important;
}
.img-zoomarea {
    display: none !important;
}
.aud_play_pause {
    display: inline-block;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #212529;
    font-size: 16px;
    border-radius: 50px;
    padding: 7px 11px 5px 12px;
    margin-left: 10px;
}
.aud_play_pause:hover {
    color: #FFFFFF;
    background-color: #212529;
}
.skiptranslate {
    display: none;
}
.greenText {
    color: green !important;
    font-weight: 700 !important;
    font-size: 13px !important;
}
.tc-text {
    font-size: 12px;
    color: #92929D;
    margin-bottom: 9px;
}

/* The fulloverlay (background) */
.fulloverlay {
    /* Height & width depends on how you want to reveal the fulloverlay (see JS below) */
    height: 100%;
    width: 100%;
    position: fixed;
    /* Stay in place */
    z-index: 99999999999999999999999999;
    /* Sit on top */
    left: 0;
    top: 0;
    background-color: #fff;
    /* Black fallback color */
    background-color: #fff;
    /* Black w/opacity */
    overflow-x: hidden;
    /* Disable horizontal scroll */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in or slide down the fulloverlay (height or width, depending on reveal) */
    display: none;
}

/* Position the content inside the fulloverlay */
.fulloverlay-content {
    position: relative;
    top: 25%;
    /* 25% from the top */
    width: 100%;
    /* 100% width */
    text-align: center;
    /* Centered text/links */
    margin-top: 30px;
    /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the fulloverlay */
.fulloverlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    /* Display block instead of inline */
    transition: 0.3s;
    /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.fulloverlay a:hover,
.fulloverlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.fulloverlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}
.modal-header--sticky {
    position: sticky;
    top: 0;
    background-color: inherit;
    z-index: 1055;
    width: 100%;
    display: block;
}
.modal-footer--sticky {
    position: sticky;
    bottom: 0;
    background-color: inherit;
    z-index: 1055;
    width: 100%;
    display: block;
}




/* --------- custom.css ---------- */

#pwd_strength_wrap {
	border: 1px solid #D5CEC8;
	display: none;
	float: left;
	padding: 10px;
	position: relative;
	width: 100%
}

#pswd_info ul {
	list-style-type: none;
	margin: 5px 0 0;
	padding: 0;
}

#pswd_info ul li {
	padding: 0 0 0 20px;
	font-size: 15px;
}

#pswd_info ul li.valid {
	background-position: left -42px;
	color: green;
}

#passwordStrength-container {
	background: #E2E2EA 0% 0% no-repeat padding-box;
	width: 100%;
	margin-right: 7px;
	border-radius: 50px;
	;
}

#passwordStrength {
	display: block;
	height: 5px;
	margin-bottom: 0px;
	transition: all 0.4s ease;
	border-radius: 50px;
}

.strength0 {
	background: none;
	/* too short */
	width: 0px;
}

.strength1 {
	background: none repeat scroll 0 0 #FF4545;
	/* weak */
	width: 25%;
}

.strength2 {
	background: none repeat scroll 0 0 #FFC824;
	/* good */
	width: 50%
}

.strength3 {
	background: none repeat scroll 0 0 #6699CC;
	/* strong */
	width: 75%
}

.strength4 {
	background: none repeat scroll 0 0 #008000;
	/* best */
	width: 100%
}

.user-form {
	margin-top: -450px;
}

.fs-12 {
	font-size: 12px;
}

.cerror {
	color: red;
	font-size: 12px;
}

.loader {
	color: #D42731 !important;
}

.insurance-img img {
	width: 192px;
	height: 180px;
	object-fit: contain;
	border-radius: 20px;
}

.addonimage {
	width: 83px;
	height: 84px;
	object-fit: contain;
	border-radius: 15px;
}

input[type="checkbox"][id^="myCheckbox"] {
	display: none;
}

.checkedlabel {
	padding-left: 0px !important;
}

[type="checkbox"]:checked+.checkedlabel:before {
	content: "\f00c";
	position: absolute !important;
	left: 84px !important;
	top: -6px !important;
	width: 23px !important;
	height: 23px !important;
	border: unset !important;
	background: #369AFE !important;
	border-radius: 12px;
	color: #fff;
	font-size: 16px !important;
	align-items: center;
	display: flex;
	font: normal normal normal 14px/1 FontAwesome;
	justify-content: center;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

[type="checkbox"]:checked+.checkedlabel1:before {
	left: 43px !important;
}

[type="checkbox"]:not(:checked)+.checkedlabel:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border: unset;
	background: unset;
}

[type="checkbox"]:checked+.checkedlabel:after,
[type="checkbox"]:not(:checked)+.checkedlabel:after {
	background: unset;
}

.checkedlabel img {
	height: 100px;
	width: 100px;
	transition-duration: 0.2s;
	transform-origin: 50% 50%;
}

 :checked+.checkedlabel {
	border-color: #ddd;
}

 :checked+.checkedlabel:before {
	content: "✓";
	background-color: grey;
	transform: scale(1);
}

 :checked+.checkedlabel img {
	/*transform: scale(0.9);*/
	/* box-shadow: 0 0 5px #333; */
	z-index: -1;
}

.cart-item-image {
	height: 50px;
	width: 50px;
	border-radius: 10px;
	object-fit: contain;
}

.cart-details {
	padding-right: 15px;
}
/* checkbox css changes H-D */

.single-vehical-check label {
	color: #242F57;
	font-size: 14px;
}

@media (max-width: 991px) {
	.address-logo {
		display: block !important;
	}
    .site-logo,
    .top-address-text {
        display: none;
    }
}

@media (max-width: 1210px) {
	.form-img img {
		margin-top: 120px
	}
}

@media (max-width: 1450px) {
	.video-arrow {
		width: 150px !important;
	}
}

@media (max-width: 1199px) {
	.read-img video {
		width: 77% !important;
	}
	.video-arrow {
		left: unset !important;
	}
}

@media (max-width: 1100px) {
	.video-arrow {
		width: 120px !important;
	}
}

@media (max-width: 900px) {
	.read-img video {
		width: 100% !important;
	}
	.video-arrow {
		display: none !important;
	}
}

.date-dropdowns select {
	word-wrap: normal;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	margin-right: 8px;
	margin-top: .5rem!important;
}

.identity-button.active {
	background: #F3F9FF 0% 0% no-repeat padding-box;
	box-shadow: 0px 2px 4px #1C295A09;
	border: 1px solid #369AFE;
	border-radius: 10px;
}

#dobtab select {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.editOption {
	width: 90%;
	position: relative;
	top: -33px;
	border: 0;
	padding-left: 9px;
	border-left: 1px solid #ced4da;
}

.editOption:focus,
.editOption:active {
	outline: unset;
}

.h-38 {
	height: 38px;
}

.relationDropdown .select2:before {
	position: absolute;
	content: unset !important;
	background-image: url('../images/tick.png');
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
}

.w-100px {
	width: 100px;
}

.login-btn {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sidebar-header-img {
	padding: 10px;
	height: 70px;
	width: 88px;
	object-fit: scale-down;
}
/* Scrollbar Styling */

 ::-webkit-scrollbar {
	width: 10px;
}

 ::-webkit-scrollbar-track {
	background-color: #ebebeb;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

 ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #98c2ff;
}

.light-blue-icons {
	color: #6D9DE2 !important;
	font-size: 30px;
}

.light-blue-icons:hover {
	text-decoration: none;
	color: #0052CC !important;
}

.light-purple-icons {
	color: #8476CD!important;
	font-size: 30px;
}

.light-purple-icons:hover {
	text-decoration: none;
	color: #4424A7 !important;
}

.toggle-password {
	position: absolute;
	bottom: 9px;
	right: 9px;
	color: #6D9DE2 !important;
	cursor: pointer;
}

.linear-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	transition: .5s ease;
	color: #fff;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	border-radius: 30px;
	background: #FFFFFF;
	background: -webkit-linear-gradient(top, #FFFFFF, #000000);
	background: -moz-linear-gradient(top, #FFFFFF, #000000);
	background: linear-gradient(to bottom, #ffffff00, #000000);
}
/* .d-none {
	display: none !important;
}
*/

.customtimer {
	font-size: 20px;
	font-weight: 700;
	background: #ecf0fc;
	text-align: center;
	align-items: center;
	justify-content: center;
	width: fit-content;
	padding: 5px 10px;
	color: #296dd5;
	border-radius: 10px;
	margin: 10px 3px;
}

.blog-innerpage-section {
	margin: 50px 0px;
	min-height: 600px;
	display: contents;
}

.innerpage-section {
	margin: 50px 0px;
}

.complete-bar .header-top-menu .dropdown-toggle::after {
	color: #000 !important;
}

.header-top-menu .dropdown-toggle::after {
	color: #fff !important;
}

blockquote {
	background-color: #f3f3f3;
	border-left: solid 6px #a5a5a5;
	padding: 15px 25px 15px 25px;
}

blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 5px solid #dddddd;
}

blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 5px solid #a5a5a5;
}

blockquote:before,
blockquote:after {
	content: "";
}

blockquote:before,
blockquote:after {
	content: "";
}

.blog .purchase-title h2 {
	font-weight: 600 !important;
	line-height: 34px !important;
	color: #333 !important;
	font-size: 24px;
}

.innerpage-section h2 {
	font-weight: 700;
	font-size: 22px;
}

.innerpage-section h1 {
	margin: 30px 0;
	font-weight: 700;
	font-size: 38px;
}

.innerpage-section a {
	color: #298fc8;
	text-decoration: underline;
}

.innerpage-section p {
	line-height: 28px;
	margin-bottom: revert !important;
}

.whyus p {
	line-height: 28px;
	margin-bottom: 25px !important;
}

.whyus li {
	margin: 10px 0px;
}

.dropdown-item:focus,
.dropdown-item:hover {
	background-color: #99baeb;
}

.addon .carousel-item {
	height: auto;
	min-height: unset;
}

.addon-nav {
	font-size: 38px;
	color: #0052cc;
}

.carousel-control-next,
.carousel-control-prev {
	width: 10%;
}

.counterW {
	margin: 0 0 0 60px;
}

.ratingW {
	position: relative;
	margin: 10px 0 0;
}

.ratingW li {
	display: inline-block;
	margin: 0px;
}

.ratingW li a {
	display: block;
	position: relative;
	/*margin:0 3px;  width:28px; height:27px;color:#ccc; background:url('../img/ico/icoStarOff.png') no-repeat; background-size:100%;*/
}
/*.ratingW li.on a {background:url('../img/ico/icoStarOn.png') no-repeat; background-size:100%;}*/

.star {
	position: relative;
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .9em;
	margin-right: .9em;
	margin-bottom: 1.2em;
	border-right: .3em solid transparent;
	border-bottom: .7em solid #ddd;
	border-left: .3em solid transparent;
	/* Controlls the size of the stars. */
	font-size: 24px;
}

.star:before,
.star:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: .6em;
	left: -1em;
	border-right: 1em solid transparent;
	border-bottom: .7em solid #ddd;
	border-left: 1em solid transparent;
	-webkit-transform: rotate(-35deg);
	transform: rotate(-35deg);
}

.star:after {
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
}

.ratingW li.on .star {
	position: relative;
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .9em;
	margin-right: .9em;
	margin-bottom: 1.2em;
	border-right: .3em solid transparent;
	border-bottom: .7em solid #FC0;
	border-left: .3em solid transparent;
	/* Controlls the size of the stars. */
	font-size: 24px;
}

.ratingW li.on .star:before,
.ratingW li.on .star:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: .6em;
	left: -1em;
	border-right: 1em solid transparent;
	border-bottom: .7em solid #FC0;
	border-left: 1em solid transparent;
	-webkit-transform: rotate(-35deg);
	transform: rotate(-35deg);
}

.ratingW li.on .star:after {
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
}

.custom-que {
	font-size: 18px !important;
	font-weight: 500 !important;
	margin-bottom: 13px !important;
	color: #242F57 !important;
}

.read-section li {
	margin: 5px 0px;
}

.home-section-6 {
padding: 30px 0;
background-color: #eee;
margin-top: 40px;
}

.home-section-6 p {
	font-size: 13px;
	line-height: 22px;
	color: #606060;
}

.accordion {
	margin-top: 40px;
}

.accordion .card {
	border: none;
	margin-bottom: 20px;
}

.accordion .card h2 {
	background: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png) no-repeat calc(100% - 10px) center;
	background-size: 20px;
	cursor: pointer;
	font-size: 18px;
}

.accordion .card h2.collapsed {
	background-image: url(https://cdn0.iconfinder.com/data/icons/arrows-android-l-lollipop-icon-pack/24/expand2-256.png);
}

.accordion .card-body {
	padding-left: 0;
	padding-right: 0;
}

.faq .card {
	margin: 10px 0px;
	padding: 15px;
}

.faq .card p {
	line-height: inherit;
	margin-bottom: revert !important;
}


.alert {
	font-size: 12px;
}

.profile-images {
	position: relative;
	width: 180px;
	height: 180px;
	margin: 3rem auto;
}

.profile-images .profile-image {
	width: 180px;
	height: 180px;
	object-fit: cover;
	border-radius: 50%;
	border: 1px solid #F2F2F2;
}

.replacediv {
	width: 180px;
}

.managelanding-logo .landinglogo {
	width: 180px;
	height: 180px;
	object-fit: cover;
	border-radius: 50%;
	border: 1px solid #F2F2F2;
}

.upload-btn {
	position: absolute;
	right: -15px;
	bottom: -10px;
}

.upload-file {
	height: 0px;
	width: 0px;
	opacity: 0;
}

.profile-pic {
	height: 75px;
	width: 75px;
	object-fit: cover;
	border-radius: 15px;
}

.disabled-course {
	z-index: 28;
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 30px;
	background: #ffffff82;
	cursor: grab;
}

.how-work-section {
	background-image: url(images/how-work.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0px;
	position: relative;
	margin: 50px 0px;
}

.how-work-title {
	color: #fff;
	font-weight: 700;
	font-size: 35px;
}

.how-work-step {
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	text-transform: uppercase;
}

.how-work-select {
	color: #fff;
	font-size: 23px;
	font-weight: 700;
}

.fs-20 {
	font-size: 20px !important;
}

.home-step-tab {
	border: 1px solid #fff;
	border-radius: 30px;
}

.home-step-tab .nav-link.active {
	background: #fff;
	color: #0052CC;
	border-radius: 30px;
	margin: 3px;
}

.home-step-tab .nav-link {
	color: #fff;
	border: unset;
	margin: 3px;
}

.w-content {
	width: fit-content !important;
}

#latestBlog .p-24 {
	display: flex;
}

.fs-14px {
	font-size: 14px;
}

.date-dropdowns .year {
	display: none;
}

.field_group_name_header {
	background-color: #000;
}

.read-section p {
	margin-bottom: 4px;
}

.fs-19 {
	font-size: 21px;
}

.single-reason p {
	font-size: 15px;
}

.read-section li {
	margin: 5px 0px;
	font-size: 16px;
}

.read-section li:first-letter {
	text-transform: capitalize
}

.px60 {
	height: 60px !important;
	width: 60px !important;
}

.black-button {
	background: #000 0% 0% no-repeat padding-box;
}

.d-none-important {
	display: none !important;
}

.course-indicator {
	width: 100%;
	padding: 7px 20px;
	color: #fff;
	margin: 27px 0px 0px;
}

.ci-notcompelted {
	background-color: #AE0000;
}

.ci-compelted {
	background-color: #066709;
}

.quiz-btn {
	background: #0172C0 0% 0% no-repeat padding-box !important;
	width: 100% !important;
}

.quiz-not-btn {
	background: #7B7B7B 0% 0% no-repeat padding-box !important;
	width: 100% !important;
}

.read-color {
	color: #14a013 !important;
}

.red-color {
	color: #AE0000 !important;
}

.green-color {
	color: #14a013 !important;
}

.quiz-status {
	font-size: 20px;
	margin-bottom: 0px;
	font-weight: 700;
}

.quiz-score {
	font-size: 21px;
	font-weight: 500;
}

.quiz-result-text {
	font-size: 18px;
	font-weight: 700;
}

.quiz-desc-text {
	font-size: 17px;
	font-weight: 500;
}

.score-box {
	height: 120px;
	width: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px auto;
	color: #fff;
	border-radius: 64px;
	font-weight: 600;
	font-size: 21px;
}

.sig1 {
	background: #000;
}

.sig2 {
	background: #74350a;
}

.sig3 {
	background: #ffff00;
}

.sig3 h4 {
	color: #000 !important;
}

.sig4 {
	background: #ff0000;
}

.sig5 {
	background: #2f5597;
}

.sig6 {
	background: #1e9a5f;
}

.sig7 {
	background: #ff9900;
}

.course-count {
	height: 30px;
	width: 30px;
	background: #fff;
	border-radius: 30px;
	position: absolute;
	top: 14px;
	left: 15px;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fs-14 {
	font-size: 14px !important;
}

.fw-700 {
	font-weight: 700 !important;
}

#feedBackForm .tooltip {
	opacity: 1;
}

.read-section .img-fluid,
.lesson3-law20-img3 img {
	border-radius: 15px;
}
/* lesson3-video-arrow */

.video-arrow {
	position: absolute;
	top: 50px;
	left: -250px;
	width: 200px;
}

.law7-img .img-c {
	height: 100% !important;
	width: 100% !important;
	object-fit: unset !important;
	border-radius: 15px !important;
}

.addon .carousel-control-prev,
.addon .carousel-control-next {
	display: none;
}

.facts-button {
	background: #ECF0FC;
	height: 34px;
	/* width: 60px; */
	display: flex;
	align-items: center;
	border-radius: 15px;
	text-align: center;
	padding: 2px 10px;
	font-size: 13px !important;
}

.pagination .page-link {
	color: #296dd5;
}

.pagination .page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: #296dd5;
	border-color: #296dd5;
}

.video-arrow {
	cursor: pointer
}

.ver-btns div {
	width: 100%;
}

.highlighted {
	color: #0052CC;
}

.w-250 {
	width: 250px;
}

.needtime {
	width: 136px;
	text-align: end;
	font-weight: bold;
}

.disabled {
	pointer-events: none;
	cursor: default;
}

.feedback-btn {
	background: #296DD5;
	border-radius: 13px;
	width: 276px;
	height: 57px;
	color: #fff;
	margin: 1rem auto;
	display: block;
	border: 0px solid #000;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.88px;
	transition: 0.3s all;
}

.feedback-btn:hover {
	background: #000;
	color: #fff;
	border: 0px solid #000;
}

.sticky-bookmark {
	top: 0;
	width: max-content;
	background: #fff;
	left: 0;
	padding: 0px;
	z-index: 999;
	box-shadow: 2px 11px 21px -8px rgb(0 0 0 / 24%);
	-webkit-box-shadow: 2px 11px 21px -8px rgb(0 0 0 / 24%);
	-moz-box-shadow: 2px 11px 21px -8px rgb(0 0 0 / 24%);
	right: 0;
	margin: 0 auto;
	border-radius: 0px 0px 16px 16px;
	margin-bottom: 16px;
}

.sidebar {
	z-index: 9999;
}

.welcome-text {
	color: #000;
	font-weight: 500;
	font-size: 16px;
}

.security-check {
	background: #fff;
	padding: 20px 20px;
	border-radius: 15px;
}

.security-title h3 {
	background: #296DD5;
	color: #fff;
	font-size: 24px;
	margin-bottom: 0;
	padding: 12px;
}

.security-alert {
	color: #0052CC !important;
	font-weight: 600;
	font-size: inherit;
}

.type-following {
	padding: 25px 20px;
	background-color: #deeafd;
	border-radius: 11px;
	text-align: center;
}

.fs-18px {
	font-size: 18px !important;
}

.display-inline-grid {
	display: inline-grid;
}

.h22 {
	height: 22px !important;
}

.tooltip-inner {
	background-color: #296dd5 !important;
}

.slider-handle {
	background-color: #296dd5 !important;
	background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%) !important;
	background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%) !important;
	background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%) !important;
}

.plogo {
	width: 300px;
}

.w80 {
	width: 80px;
}

.sign-form {
	/*background: #fff;
	padding: 30px;
	width: 470px;
	border-radius: 10px;
	box-shadow: 0px 2px 4px #1c295a09;
	border: 1px solid #EAEDF7;*/
	background: #fff;
	padding: 30px;
	border-radius: 10px;
}

.sign-form-container {
	background-color: #fff;
	margin-top: -431px;
	padding: 25px 0px 30px 20px;
	border-radius: 10px;
}

.sign-content {
	border: 1px solid #EAEDF7;
	box-shadow: 0px 2px 4px #1c295a09;
	padding: 30px;
	border-radius: 10px;
}

.save-green {
	color: #2DB43F;
	font-weight: 600;
}

.sign-left-bg {
	background: #F5F5F5;
	padding: 23px;
	border-radius: 15px;
}

.left-0 {
	left: 0px !important;
}

.fs-26px {
	font-size: 26px !important;
}

.border-none {
	border: unset;
}

.payment-bottom {
	padding: 20px;
	background: #F5F5F5;
	border-radius: 10px;
}

.color-red {
	color: red;
}

.course-progress {
	color: #0052CC;
	font-weight: 600;
	font-size: 26px;
}

.addon-title-bg {
	background: #F4F7FF;
}

.fs-23px {
	font-size: 23px;
}

.bookmark-icon {
	font-size: 10px;
	width: 60px;
}

.sperator {
	width: 3px;
	height: 43px;
	background: #DEDEDE;
	margin: 0px 10px;
}

.w-200 {
	width: 200px !important;
}

.radio-img>input {
	display: none;
}

.radio-img>.image {
	cursor: pointer;
	border: 2px solid #c1c1c185;
	height: 50px;
	width: 140px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	padding: 10px;
	background-origin: content-box;
	margin: 0px 6px;
	border-radius: 7px;
}

.radio-img>input:checked+.image {
	border: 2px solid #296DD5;
}

.cc-title {
	color: #3393F3;
	font-size: 28px;
	font-weight: 600;
}

.cc-box {
	background: #F4F7FF;
	padding: 40px;
	border-radius: 10px;
}

.cc-box li {
	margin-bottom: 15px;
}

.cc-main-box {
	background: #fff;
	padding: 22px;
	margin: 20px 0px;
	border: 1px solid #ececec;
	border-radius: 10px;
}

.cc-color {
	color: #242F57
}

.cc2-box {
	background: #F4F7FF;
	margin-top: 32px !important;
	border-radius: 10px;
}

.cc2-box img {
	height: 330px;
	width: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.cc-download {
	margin: 40px 0px;
	text-align: center;
	background: #f4f7ff;
	padding: 24px;
	border-radius: 10px;
}

.cc-download-title {
	color: #296dd5;
	font-weight: 600;
	font-size: 24px;
}

.typing-img {
	height: 200px;
}

.tryText {
	font-size: 14px;
}

.info-box {
	background-color: #F4F7FF;
	padding: 30px;
	border-radius: 10px;
	font-size: 15px;
	margin: 12px 0px;
	background-image: url(images/cer-bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}

.h-55 {
	height: 55px;
}

.question-box {
	background: #ecf0fc;
	margin: 10px 0px;
}

.question-box-question {
	background: #6d9de263;
	padding: 14px 18px;
	font-size: 18px;
	font-weight: 600;
}

.question-box ul {
	list-style: none;
	padding: 10px 38px;
}

.question-box ul li {
	margin: 3px 0px;
}

.question-box ul li label {
	margin-bottom: 0px;
	cursor: pointer;
}

.signup-disclaimer {
	color: #b1b1b1;
	text-align: initial;
	font-size: 13px;
	margin: 16px 0px;
}

.course-box {
	padding: 30px;
	background: #F4F7FF;
	border-radius: 15px;
}

.payment-subprice h4 {
	color: #3393F3;
	font-size: 17px;
	font-weight: 600;
	text-align: right;
}

.payment-subprice .text {
	font-weight: 500;
	color: #636e95c7;
	font-size: 14px;
}

.payment-subprice i {
	color: #3393F3;
	font-size: 17px;
	margin-left: 7px;
}

.payment-subprice .title {
	color: #3393F3;
	font-weight: 600;
	font-size: 17px;
}

.calculatespan {
	position: relative;
	margin-left: .5rem;
}

.calculatespan::after {
	content: "$";
	position: absolute;
	left: 10px;
	top: 8px;
}

.calculatespan input {
	padding-left: 20px;
	width: 100px;
}

.cus-checkbox {
	position: relative !important;
	left: unset !important;
}

.cal-dis {
	color: #808080;
	text-align: initial;
	font-size: 13px;
	margin: 7px 0px;
}

.totalSaving {
	color: #0052CC;
	font-size: 24px;
	font-weight: 600;
}

.flink,
.flink:hover,
.alink,
.alink:hover {
	color: #0052cc;
	text-decoration: underline;
}

.flinks {
	font-family: 'Poppins', sans-serif;
	display: block;
	width: 100%;
	color: #19191B;
	font-size: 16px;
	font-weight: 400;
	margin: 10px 0rem;
}

.color-black {
	color: #19191B;
}

.enter-mail-id {
	font-size: 14px !important;
	letter-spacing: 0px !important;
	color: #334150 !important;
	background: #E1E8EE17 0% 0% no-repeat padding-box !important;
	border: 1px solid #E1E8EE !important;
	border-radius: 5px !important;
	outline: none !important;
	display: block !important;
	width: 100% !important;
	height: calc(1.5em + .75rem + 2px) !important;
	padding: .375rem .75rem !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: #495057 !important;
	background-color: #fff !important;
	background-clip: padding-box !important;
	border: 1px solid #ced4da !important;
	border-radius: .25rem !important;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}

.email-ids {
	font-size: 14px !important;
	font-weight: 300 !important;
	color: #334150 !important;
	background: #fff !important;
}

.to-input {
	display: none !important;
}

@media (max-height:850px) {
	.h-100.slider-text-container {
		height: 107% !important;
	}
	.slider-logos {
		position: relative;
	}
	.navbar.navbar-header {
		position: relative;
	}
}

.skiptranslate {
	display: none;
}