.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    font-weight: 600;
}

body {
    overflow-x: hidden !important;
    font-size: 16px;
    color: #161c2d;
}
/* For non-Safari browsers */
body {
    font-family: 'Nunito', sans-serif !important;
}
/* General Safari targeting */
@supports (-webkit-touch-callout: none) {
    body {
        font-family: 'Lato', sans-serif !important;
    }
}

/* More specific targeting using media queries for older versions */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        body {
            font-family: 'Lato', sans-serif !important;
        }
    }
}

@font-face {
    font-family: impact;
    src: url("../fonts/impact.ttf");
    font-display: swap;
}

@font-face {
    font-family: myFirstFont;
    src: url(sansation_bold.woff);
    font-weight: bold;
    font-display: swap;
}

.calculator_wrapper em {
    font-style: normal !important;
}

.calculate_order.calculate_order_form h3 span {
    color: #4bbb87;
}

::-moz-selection {
    background: #4466d8;
    color: #fff;
}

::selection {
    background: #4466d8;
    color: #fff;
}

a {
    text-decoration: none !important;
    outline: none !important;
}

p {
    line-height: 1.6;
}


.bg-primary {
    background-color: #2f55d4 !important;
}

.bg-success {
    background-color: #2eca8b !important;
}

.text-primary {
    color: #2f55d4 !important;
}

.text-success {
    color: #2eca8b !important;
}

.list-inline-item:not(:last-child) {
    margin-right: 5px;
    margin-bottom: 5px;
}

.rounded {
    border-radius: 10px !important;
}

.rounded-top {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.rounded-left {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.rounded-bottom {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.rounded-right {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.btn {
    padding: 8px 20px;
    outline: 0;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 0.8px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 700;
    border-radius: 10px;
    outline: none !important;
}

    .btn:focus {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

.shadow {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) !important;
}

.with-gradient {
    position: relative;
    background-image: url("../images/banner-background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transform-style: preserve-3d;
    perspective: 1000px;
}

    .with-gradient:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: radial-gradient(circle, rgb(10, 42, 127) 0%, rgb(33, 65, 150) 0%, rgba(10, 42, 127, 0.48) 63%);
        transform: translateZ(0);
    }

    .with-gradient.home_ser {
        background-image: url('../images/banner_man_left.jpg') !important;
    }

        .with-gradient.home_ser::before {
            background-image: radial-gradient(circle, rgb(10, 42, 127) 0%, rgb(33, 65, 150) 0%, rgba(10, 42, 127, 0.75) 63%);
        }

.bug-fix {
    transform: translateZ(5px);
}

.faqs {
    background-color: #f8f9fa;
    padding-bottom: 60px;
    padding-top: 60px;
}

.faq-container .question {
    font-size: 20px;
}

.faq-content .card .faq .card-header {
    padding-right: 0px !important;
    width: 100%;
    border-bottom: unset;
    padding-left: 0 !important;
}

    .faq-content .card .faq .card-header.card-header-2 {
        border-bottom: 0;
    }

#faqs img {
    width: 98%;
}

.faq-content .card .faq .card-header.card-header-2 .faq-question {
    font-size: 18px;
}

.faq-content .card a.faq[data-bs-toggle='collapse'] {
    background-color: #fff;
    color: #2f55d4;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

    .faq-content .card a.faq[data-bs-toggle='collapse']:before {
        content: '\f078';
        display: block;
        font-family: 'Font Awesome 5 FREE';
        font-weight: 900;
        font-size: 18px;
        color: #3c4858;
        position: absolute;
        right: 20px;
        top: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        display: none;
    }

    .faq-content .card a.faq[data-bs-toggle='collapse'].collapsed {
        background-color: #fff;
        color: #3c4858;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

        .faq-content .card a.faq[data-bs-toggle='collapse'].collapsed:before {
            top: 15px;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

.faq-content .card .title {
    font-size: 18px;
}

.nav-pills .nav-link {
    color: #3c4858 !important;
    margin: auto 15px;
    border: 1px solid #dee2e6;
    padding: 5px;
}

    .nav-pills .nav-link.active {
        background-color: #2f55d4;
        color: #fff !important;
        border-color: #2f55d4 !important;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    }

.nav-pills a .skill-container .title {
    font-size: 18px;
    font-weight: 700;
}

/***********SAMPLE*************/

.sample {
    padding: 50px 0px;
}

#owl-sample .owl-wrapper-outer {
    padding: 30px 0px;
}

.sample-set {
    box-shadow: 0px 2px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    background-color: #f3f3f3;
    padding: 35px 10px 35px 25px;
    margin: 0px 18px;
    max-height: 160px;
}

.sample-left h4 {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    padding-left: 50px;
    line-height: 50px;
    height: 50px;
}

    .sample-left h4 span {
        line-height: 24px;
        display: inline-block;
    }

    .sample-left h4 img {
        display: inline-block;
        margin-right: 10px;
        width: 40px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

.sample-left p {
    line-height: 1;
    margin-bottom: 0;
}

.sample-right {
    margin-top: 5px;
}

    .sample-right p {
        line-height: 18px;
        margin-bottom: 0;
    }

    .sample-right a:nth-of-type(1) {
        display: inline-block;
        padding: 6px 0px;
        background-color: #2eca8b;
        text-transform: uppercase;
        color: white;
        width: 115px;
        border-radius: 10px;
        text-align: center;
        font-size: 14px;
    }

    .sample-right a:nth-of-type(2) {
        display: inline-block;
        padding: 6px 0px;
        background-color: #2f55d4;
        text-transform: uppercase;
        color: white;
        width: 150px;
        border-radius: 10px;
        text-align: center;
        font-size: 14px;
    }

/***********LOGIN*************/

.login-form .form-group {
    margin-bottom: 15px;
}

    .login-form .form-group label {
        font-size: 14px;
        font-weight: 700;
    }

    .login-form .form-group i {
        position: absolute;
        left: 0;
        top: 60%;
    }

    .login-form .form-group .form-control {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #dee2e6;
        height: 42px;
        font-size: 13px;
        border-radius: 10px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .login-form .form-group .form-control.active,
        .login-form .form-group .form-control:focus {
            border-color: #2f55d4;
        }

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #2f55d4;
    background-color: #2f55d4;
}

.custom-control-input:focus ~ .custom-control-label::before,
.login-form .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #2f55d4;
}

/***************************CALCULATOR***************************/

.order-form {
    padding: 0px 0 0px 25px;
}

.calculate_order {
    background-color: #f6f6f6;
    border-radius: 25px;
    padding-top: 25px;
    overflow: hidden;
}

    .calculate_order h3 {
        font-size: 18px;
        font-weight: 800;
        color: #3c4858;
        text-align: left;
        line-height: 5px;
    }

    .calculate_order select {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.3;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url(../images/dropdown-icon-green.png);
        background-repeat: no-repeat;
        background-position: 98% 50%;
        background-color: #fff;
        border: 1px solid #2f55d4;
        border-radius: 20px;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.075);
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 36px;
        outline: 0;
        position: relative;
        text-align: left !important;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        white-space: nowrap;
        width: 100%;
        padding: 7px 10px;
        color: #161c2d;
    }

        .calculate_order select::-ms-expand {
            display: none;
        }

    .calculate_order .two_selectbox {
        margin: 0 auto;
    }

    .calculate_order span.pages {
        text-align: center;
        display: inline-block;
        color: #858484;
        font-size: 13px;
        font-weight: 300;
        padding: 0;
        position: relative;
        left: -12px;
        top: 10px;
    }

    .calculate_order .pages_number {
        padding: 0;
    }

    .calculate_order .quantity-right-plus {
        display: inline-block;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap;
        margin: 0px auto 0px;
        padding: 6.8px 10px;
        font-size: 13px;
        border-radius: 20px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        text-align: center;
        text-decoration: none;
        outline: medium none;
        background-color: #2f55d4;
        color: white;
        height: 36px;
        width: 34px;
        padding: unset;
    }

    .calculate_order .quantity-left-minus {
        display: inline-block;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap;
        margin: 0px auto 0px;
        padding: 6.8px 10px;
        font-size: 13px;
        border-radius: 20px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        text-decoration: none;
        outline: medium none;
        text-align: center;
        background-color: #2f55d4;
        color: white;
        height: 36px;
        width: 34px;
        padding: unset;
        z-index: 222;
        position: relative;
    }

    .calculate_order select#pagesDropdown {
        width: 80%;
        border-radius: 0px;
        margin: 0 0 0 30px;
        padding: 0 0 0 10px;
        background-position: 98% 50%;
        text-transform: capitalize;
    }

    .calculate_order input.pages {
        padding: 5px;
        font-size: 14px;
        line-height: 1.2;
        color: #858484;
        border-radius: 0;
        text-align: center;
        font-weight: 500;
        height: 36.5px;
        outline: medium none !important;
        -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.075);
        box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.075);
        border: 1px solid #e9ecef;
    }

#pages {
    padding: 0;
    border-radius: 20px;
}

.cc-floating.cc-theme-classic {
    background-color: #e9ecef;
    padding: 15px 100px 15px 10px;
    max-width: 320px;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    background-color: white;
    border: 2px solid #e9ecef;
    color: #2f55d4;
    transition: all 500ms ease;
    padding: 5px 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    min-width: 75px;
    outline: none !important;
}

    .cc-floating.cc-type-info.cc-theme-classic .cc-btn:hover {
        background-color: transparent;
        color: #2f55d4;
        border: 2px solid #2f55d4;
    }

.cc-floating .cc-message {
    color: #000;
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 17px;
}

.cc-link {
    color: #2f55d4;
    opacity: 1;
    outline: none;
    padding: 0;
}

    .cc-link:hover {
        color: rgba(255, 255, 255, 1);
    }

.pages_number {
    position: relative;
}

    .pages_number .input-group-btn {
        position: absolute;
    }

        .pages_number .input-group-btn:nth-of-type(1) {
            left: 0;
        }

        .pages_number .input-group-btn:nth-of-type(2) {
            right: 0;
            top: 0;
        }

.stand_prices p {
    font-size: 14px;
    color: #214196;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0;
    margin-top: 0 !important;
}

    .stand_prices p span:nth-child(4) {
        float: right;
        font-weight: 800;
        font-size: 14px;
        position: relative;
        margin-top: 0;
        color: #969696;
    }

.disc_prices p {
    color: #214196;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 10px !important;
    font-weight: 600;
    margin-top: 0 !important;
}

    .disc_prices p span {
        font-size: 26px;
        display: inline-block;
        font-weight: 900;
    }

.disc_description {
    font-size: 14px;
    color: #828282;
    line-height: 1.2;
    margin-bottom: 0px;
}

.total_prices {
    background-color: #444445;
    padding: 5px 15px;
}

    .total_prices p {
        margin-bottom: 0px;
        color: white;
        font-size: 14px;
        line-height: 1;
    }

.comparison_media {
    padding: 10px 25px;
}

.total_prices p span {
    font-size: 36.38px;
    font-weight: 900;
    color: white;
    display: inline-block;
    position: relative;
}

.btn-submit {
    width: 100%;
    background-color: aqua;
    text-align: center;
    border: none;
    padding: 8px 0px 30px;
    font-size: 24px;
    color: white;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    font-weight: 700;
    background-color: #2eca8b;
    transition: all 500ms ease;
    outline: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all .5s ease;
}

    .btn-submit:hover {
        background-color: #00aa65 !important;
    }

_::-webkit-full-page-media,
_:future,
:root .panel {
    background-color: #fff;
}

.btn-submit:focus {
    outline: none;
}

.btn-submit:hover {
    background-color: #2f55d4;
}

.stats {
    padding: 30px 0px 30px 0px;
}

h1.main-title.stats-title {
    font-size: 30px;
    margin-bottom: 0.5rem;
}

    h1.main-title.stats-title span {
        color: #fff;
        font-weight: 900;
    }

.stats-rate {
    padding: 12px 7px;
    border: 1px solid #dee2e6;
    display: flex;
    align-items: center;
    border-radius: 5px;
}

    .stats-rate img {
        width: 30px;
        height: 30px;
        margin-right: 5px;
    }

    .stats-rate p {
        margin-bottom: 0;
        line-height: 1;
        font-size: 14px;
    }

    .stats-rate h4 {
        margin-bottom: 0;
        line-height: 1;
        margin-left: 10px;
        font-weight: 300;
        color: #2f55d4;
    }

.stats-star {
    display: inline-block;
    line-height: 1;
}

    .stats-star i {
        font-size: 8px;
        color: #ffd10c;
    }

.skills {
    border: 1px solid #dee2e6;
    padding: 20px 15px 30px 15px;
    border-radius: 5px;
    margin-top: 0 !important;
    background-color: #fff;
}

.progress-set {
    margin-bottom: 31.5px;
    margin-top: 20px;
}

    .progress-set h4 {
        color: #8492a6;
        font-size: 16px;
        margin-bottom: 22.8px;
    }

.progress-bar {
    width: 100%;
    height: 8px;
    background-color: #e9ecef;
    position: relative;
    border-radius: 8px;
}

    .progress-bar > span {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 8px;
        background-color: #2f55d4;
        background-size: 16px 15px;
        animation: progress 30s linear infinite;
        overflow: visible !important;
    }

        .progress-bar > span > span.progress-in {
            position: absolute;
            color: #8492a6;
            right: -15px;
            top: -20px;
            font-size: 14px;
        }

            .progress-bar > span > span.progress-in::after {
                content: '%';
            }

@keyframes progress {
    0% {
        background-position: -100% 0;
    }

    50% {
        background-position: 0 0;
    }

    100% {
        background-position: 100% 0;
    }
}

.custom-input-subject {
    display: inherit;
}

    .custom-input-subject label {
        color: #8492a6;
        font-size: 14px;
        margin-bottom: 10px;
    }

.subject-form-set button {
    padding: 0 10px;
    width: 170px;
    height: 43px;
    border-radius: 5px;
    color: #fff;
    line-height: 43px;
    text-align: center;
    background-color: #2f55d4;
    border: 1px solid #2f55d4;
    transition: all 0.5s ease;
    display: inline-block;
    outline: none !important;
}

    .subject-form-set button:hover {
        color: #2f55d4;
        background-color: #fff;
    }

.subject-select {
    padding: 0 10px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    width: 360px;
    height: 43px;
    line-height: 44px;
    position: relative;
}

    .subject-select .list {
        max-height: 220px;
        overflow-y: scroll;
        width: 100%;
    }

div.hide_first,
div.hide_second {
    display: none;
}

.listblock {
    visibility: visible !important;
}

.Level-text {
    display: block;
    width: 236px;
    height: 30px;
    position: relative;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 38px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
}

.review-owl {
    position: relative;
}

.Level-text .last_hour {
    color: #2f55d4;
}

.Level-text .online {
    padding: 3px 5px;
    background-color: #2eca8b;
    color: #fff;
    border-radius: 15px;
    font-size: 10px;
    animation: blinking-2 2s linear infinite;
    border: 1px solid #2eca8b;
    position: relative;
    top: -2px;
}

@keyframes blinking-2 {
    0% {
        color: #2eca8b;
        background-color: #fff;
    }

    49% {
        color: #2eca8b;
        background-color: #fff;
    }

    50% {
        color: #fff;
        background-color: #2eca8b;
    }

    100% {
        color: #fff;
        background-color: #2eca8b;
    }
}

#review_area {
    position: relative;
    max-height: 600px;
    overflow: hidden;
    margin-top: 10px !important;
}

.recent-review {
    border: 1px solid #dee2e6;
    border-radius: 5px;
    position: relative;
    margin-top: 15px;
    background-color: #fff;
    max-width: 530px;
    margin: 0 auto;
    padding: 0px 0 15px 0;
}

    .recent-review .avatar {
        width: 82px;
        height: 82px;
        border-radius: 50%;
        line-height: 50px;
        color: #2d3e54;
        font-size: 30px;
        text-align: center;
        border: 1px solid #dee2e6;
        background-color: #f4f4f4;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url('../images/team_sprite.png');
    }

        .recent-review .avatar.male {
            background-position: -90px 0;
        }

        .recent-review .avatar.male1 {
            background-position: 0;
        }

        .recent-review .avatar.male2 {
            background-position: -270px 0;
        }

        .recent-review .avatar.male3 {
            background-position: -180px 0;
        }

        .recent-review .avatar.male4 {
            background-position: -360px 0;
        }

        .recent-review .avatar.female {
            background-position: 0px 0px;
        }

.recent-review-left h4 {
    line-height: 5px;
    font-size: 18px;
}

.recent-review-left p {
    color: #2f55d4;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0;
}

.recent-review-left span {
    font-size: 13px;
    line-height: 1;
}

    .recent-review-left span i {
        color: #8492a6;
    }

.recent-review-right span:nth-child(2) {
    text-align: center;
}

.recent-review-right span:nth-child(1) {
    display: none;
}

.recent-review-right .review-star i {
    color: #f17425;
    font-size: 14px;
}

.recent-review-left .review-star span {
    color: #6c757d !important;
    display: inline-block;
    padding: 2px 6px 2px 0px;
    border-right: 2px solid #ccc;
}

.recent-review-left .review-star i {
    color: #f17425;
    font-size: 13px;
    position: relative;
}

.recent-review-right .review-star i.last-star {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #f17425 70%, rgba(241, 116, 37, 0.5) 70%);
}

.recent-review-right .review-star i.last-star-45 {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #f17425 50%, rgba(241, 116, 37, 0.5) 50%);
}

.recent-review-right .review-star i.last-star-46 {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #f17425 60%, rgba(241, 116, 37, 0.5) 60%);
}

.recent-review-right .review-star i.last-star-47 {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #f17425 70%, rgba(241, 116, 37, 0.5) 70%);
}

.recent-review-right .review-star i.last-star-48 {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #f17425 80%, rgba(241, 116, 37, 0.5) 80%);
}

.recent-review-right .review-star i.last-star-49 {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #f17425 85%, rgba(241, 116, 37, 0.5) 85%);
}

.stats-star i.last-star-44 {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #ffd10c 40%, rgba(255, 209, 12, 0.4) 40%);
}

.stats-star i.last-star-45 {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #ffd10c 50%, rgba(255, 209, 12, 0.4) 50%);
}

.stats-star i.last-star-46 {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #ffd10c 60%, rgba(255, 209, 12, 0.4) 60%);
}

.stats-star i.last-star-47 {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #ffd10c 70%, rgba(255, 209, 12, 0.4) 70%);
}

.stats-star i.last-star-48 {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #ffd10c 75%, rgba(255, 209, 12, 0.4) 75%);
}

.recent-review-right h5 {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 7px;
    font-size: 14px;
    margin-top: 10px;
}

    .recent-review-right h5 i {
        color: #8492a6;
        font-size: 12px;
    }

.recent-review-right span {
    font-size: 13px;
}

    .recent-review-right span i {
        color: #8492a6;
    }

#owl-10.owl-theme .owl-controls .owl-page span,
#owl-11.owl-theme .owl-controls .owl-page span,
#owl-12.owl-theme .owl-controls .owl-page span,
#owl-13.owl-theme .owl-controls .owl-page span,
#owl-14.owl-theme .owl-controls .owl-page span,
#owl-15.owl-theme .owl-controls .owl-page span,
#owl-16.owl-theme .owl-controls .owl-page span,
#owl-17.owl-theme .owl-controls .owl-page span,
#owl-18.owl-theme .owl-controls .owl-page span,
#owl-19.owl-theme .owl-controls .owl-page span,
#owl-20.owl-theme .owl-controls .owl-page span,
#owl-21.owl-theme .owl-controls .owl-page span,
#owl-22.owl-theme .owl-controls .owl-page span,
#owl-23.owl-theme .owl-controls .owl-page span,
#owl-24.owl-theme .owl-controls .owl-page span,
#owl-25.owl-theme .owl-controls .owl-page span,
#owl-26.owl-theme .owl-controls .owl-page span,
#owl-27.owl-theme .owl-controls .owl-page span,
#owl-6.owl-theme .owl-controls .owl-page span,
#owl-7.owl-theme .owl-controls .owl-page span,
#owl-8.owl-theme .owl-controls .owl-page span,
#owl-9.owl-theme .owl-controls .owl-page span {
    background-color: #3e61d7 !important;
    border: 2px solid #3e61d7 !important;
}

#owl-10.owl-theme .owl-controls .owl-pagination,
#owl-11.owl-theme .owl-controls .owl-pagination,
#owl-12.owl-theme .owl-controls .owl-pagination,
#owl-13.owl-theme .owl-controls .owl-pagination,
#owl-14.owl-theme .owl-controls .owl-pagination,
#owl-15.owl-theme .owl-controls .owl-pagination,
#owl-16.owl-theme .owl-controls .owl-pagination,
#owl-17.owl-theme .owl-controls .owl-pagination,
#owl-18.owl-theme .owl-controls .owl-pagination,
#owl-19.owl-theme .owl-controls .owl-pagination,
#owl-20.owl-theme .owl-controls .owl-pagination,
#owl-21.owl-theme .owl-controls .owl-pagination,
#owl-22.owl-theme .owl-controls .owl-pagination,
#owl-23.owl-theme .owl-controls .owl-pagination,
#owl-24.owl-theme .owl-controls .owl-pagination,
#owl-25.owl-theme .owl-controls .owl-pagination,
#owl-26.owl-theme .owl-controls .owl-pagination,
#owl-27.owl-theme .owl-controls .owl-pagination,
#owl-6.owl-theme .owl-controls .owl-pagination,
#owl-7.owl-theme .owl-controls .owl-pagination,
#owl-8.owl-theme .owl-controls .owl-pagination,
#owl-9.owl-theme .owl-controls .owl-pagination {
    text-align: left;
}

.owl-carousel {
    touch-action: manipulation;
}

.iti {
    position: relative;
    display: block !important;
}

/***************************CALCULATOR***************************/

.section {
    padding: 100px 0;
    position: relative;
}

.section-two {
    padding: 60px 0;
    position: relative;
}

.title-heading {
    line-height: 26px;
    padding-top: 0;
    margin-top: 0 !important;
}

    .title-heading .heading {
        font-size: 38px;
        line-height: 1.2;
        letter-spacing: 1px;
        font-weight: 700;
    }

    .title-heading .para-desc {
        font-size: 17px;
        margin-bottom: 0;
    }

.section-title {
    position: relative;
}

    .section-title .main-title, .about .main-title {
        font-size: 38px;
        letter-spacing: 0.8px;
        text-align: center;
    }

    .section-title .title {
        letter-spacing: 0.5px;
        font-size: 30px;
    }

.para-desc {
    max-width: 680px;
}

.mt-100 {
    margin-top: 100px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-lg-60 {
    margin-bottom: 60px;
}

.mt-lg-32 {
    margin-top: 32px;
}

.h-300 {
    min-height: 300px;
}

.home-shape-bottom {
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    bottom: -1px;
    left: 0;
}

.home-shape-bottom2 {
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    bottom: -52px;
    left: 0;
    z-index: 99;
}

.home-shape-bottom img {
    width: 100%;
    height: auto;
}

.home-shape-bottom2 img {
    transform: rotate(180deg);
}

.home-shape-bottom3 img {
    transform: rotateZ(180deg) rotateY(180deg);
}

.home-shape-arrow {
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    bottom: -38px;
    z-index: 1;
    left: 0;
}

.home-shape-arrow2 {
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    z-index: 1;
    left: 0;
}

.home-shape-arrow3 {
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    top: -1px;
    z-index: 1;
    left: 0;
}

.home-shape-arrow2 img {
    height: auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.home-shape-arrow3 img {
    height: auto;
    width: 100%;
    object-fit: cover;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.home-shape-arrow img {
    height: auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.home-shape-arrow .arrow-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: inline-block;
}

.mover {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}

@keyframes mover {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}

.login_page {
    padding: 20px 25px;
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

#topnav {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
    background-color: transparent;
    border: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 10px 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    transform: translateZ(6px);
}

    #topnav .navigation-menu > li > a {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    #topnav .logo {
        float: left;
        color: #3c4858 !important;
    }

    #topnav .navbar-toggler {
        padding: 0;
        font-size: 28px;
        line-height: 1;
        border: 0px;
        border-radius: 0px;
        cursor: pointer;
    }

    #topnav .navigation-menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #topnav .navigation-menu > li {
            float: left;
            display: block;
            position: relative;
            margin: 0 0px;
        }

            #topnav .navigation-menu > li > a {
                display: block;
                color: #161c2d;
                font-size: 12px;
                font-weight: 700;
                letter-spacing: 1px;
                line-height: 24px;
                -webkit-transition: all 0.5s;
                transition: all 0.5s;
                padding-left: 7px;
                padding-right: 7px;
            }

                #topnav .navigation-menu > li > a:active,
                #topnav .navigation-menu > li > a:hover {
                    color: #2f55d4;
                }

    #topnav .menu-extras {
        float: right;
    }

    #topnav.nav-sticky {
        background: #fff;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
        position: fixed;
    }

.logo {
    font-weight: 700;
    font-size: 24px;
    padding: 3px 0;
    letter-spacing: 1px;
    line-height: 68px;
    max-width: 100%;
}

#topnav .btn_user_mbile {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    padding: 10px;
    min-width: 100px;
    color: #fff;
    text-align: center;
    background: #2dc98a;
    border: 2px solid #2dc98a;
    border-radius: 10px;
    transition: all 0.3s linear;
    box-sizing: border-box;
    outline: none !important;
}

    #topnav .btn_user_mbile.btn_animated {
        display: inline-block;
        margin-left: 5px;
        min-width: unset;
        width: 50px;
        height: 50px;
        padding: 7px;
        background-color: #e9edfb;
        border: 0;
        border-radius: 50%;
        animation: fade 0.7s forwards infinite;
        text-align: center;
    }

@keyframes fade {
    from {
        background-color: rgba(233, 237, 251, 1);
    }

    to {
        background-color: rgba(233, 237, 251, 0.5);
    }
}

#topnav .btn_user_mbile.btn_animated i {
    font-size: 16px;
    line-height: 30px;
    color: #2f55d4;
    display: inline-block;
    width: 36px;
    height: 36px;
    padding: 0px;
    text-align: center;
    background: #fff;
    border: 2px solid #2f55d4;
    border-radius: 50%;
    transition: all 0.3s linear;
    box-sizing: border-box;
    position: relative;
}

#topnav .navbar_btns {
    list-style: none;
    margin: 0;
    font-size: 0;
    padding: 0;
}

    #topnav .navbar_btns li {
        display: inline-block;
        padding: 0;
        margin-left: 15px;
    }

ul.list-unstyled.footer-list.mt-4.ql_sec_adj.margintop {
    margin-top: 43px !important;
}

ul.list-unstyled.footer-list.mt-4.indexmargintop {
    margin-top: 43px !important;
}

#topnav .navbar_btns li a {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    padding: 6px 10px;
    min-width: 100px;
    text-align: center;
    color: #fff;
    background-color: #2f55d4;
    border: 2px solid #2dc98a;
    border-radius: 10px;
    transition: all 0.3s linear;
    box-sizing: border-box;
}

.feedback_btn {
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    padding: 10px;
    display: inline-block;
    min-width: 100px;
    color: #fff;
    text-align: center;
    background: #2f55d4;
    border: 2px solid #2f55d4;
    border-radius: 10px;
    transition: all 0.3s linear;
    box-sizing: border-box;
    outline: none !important;
    margin-top: 15px;
}

.rating-stars ul {
    list-style-type: none;
    padding: 0;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    margin-bottom: 0;
}

    .rating-stars ul > li.star {
        display: inline-block;
    }

        .rating-stars ul > li.star > i.fa {
            font-size: 1.5em;
            color: #ccc;
        }

#photoContainer {
    border: 1px solid #333;
}

#msg {
    width: 250px;
    margin: 0 0 0 30px;
}

.rating-stars ul > li.star.hover > i.fa {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background: linear-gradient(90deg, #ffcc36 50%, #ffcc36 51%);
    color: transparent;
}

.rating-stars ul > li.star.hover-half > i.fa {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background: linear-gradient(90deg, #ffcc36 50%, #cccccc 51%);
    color: transparent;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background: linear-gradient(90deg, #ff912c 50%, #ff912c 51%);
    color: transparent;
}

.rating-stars ul > li.star.selected-half > i.fa {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background: linear-gradient(90deg, #ff912c 50%, #cccccc 51%);
    color: transparent;
}

.rating-stars ul > li.star.hover-half-alter > i.fa {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background: linear-gradient(90deg, #ff912c 50%, #ffcc36 51%);
    color: transparent;
}

.rating-stars ul > li.star.selected_1 > i.fa {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background: linear-gradient(90deg, #ff912c 10%, #cccccc 11%);
    color: transparent;
}

.rating-stars ul > li.star.selected_2 > i.fa {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background: linear-gradient(90deg, #ff912c 20%, #cccccc 21%);
    color: transparent;
}

.rating-stars ul > li.star.selected_3 > i.fa {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background: linear-gradient(90deg, #ff912c 30%, #cccccc 31%);
    color: transparent;
}

.rating-stars ul > li.star.selected_4 > i.fa {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background: linear-gradient(90deg, #ff912c 40%, #cccccc 41%);
    color: transparent;
}

.rating-stars ul > li.star.selected_5 > i.fa {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background: linear-gradient(90deg, #ff912c 50%, #cccccc 51%);
    color: transparent;
}

.rating-stars ul > li.star.selected_6 > i.fa {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background: linear-gradient(90deg, #ff912c 60%, #cccccc 61%);
    color: transparent;
}

.rating-stars ul > li.star.selected_7 > i.fa {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background: linear-gradient(90deg, #ff912c 70%, #cccccc 71%);
    color: transparent;
}

.rating-stars ul > li.star.selected_8 > i.fa {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background: linear-gradient(90deg, #ff912c 80%, #cccccc 81%);
    color: transparent;
}

.rating-stars ul > li.star.selected_9 > i.fa {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background: linear-gradient(90deg, #ff912c 90%, #cccccc 91%);
    color: transparent;
}

.rating-widget {
    position: relative;
}

.default-hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.col-td-3 {
    max-width: 21%;
    width: 100%;
}

.col-td-4 {
    max-width: 33%;
    width: 100%;
}

    .col-td-4 td,
    .col-td-3 td {
        font-size: 14px;
    }

.preview-table .col-td-4 td,
.preview-table .col-td-3 td {
    padding: 2.5px 2px;
    font-size: 14px;
}

.table-rating-detail,
.table-review-detail {
    border-top: none !important;
}

.single-row .preview-table.table-rating-detail tr:nth-child(1),
.single-row .preview-table.table-review-detail tr:nth-child(1) {
    background-color: white;
}

#review_details {
    display: none;
}

.col-td-6 {
    max-width: 50%;
    width: 100%;
}

.single-row .preview-table tr.no_background {
    background-color: transparent !important;
}

.success-box {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
    color: white;
    background-color: grey;
    font-size: 14px;
    padding: 3px 5px;
    border-radius: 2.5px;
    width: 80px;
    text-align: center;
}

.feedback_btn:hover {
    background-color: white;
    color: #2f55d4;
}

#topnav .navbar_btns li a:hover {
    color: #2f55d4;
    background: transparent;
}

#topnav .navbar_btns li a.btn_tel {
    height: 50px !important;
    position: relative;
    top: 0;
    padding: 8px 10px !important;
    line-height: 30px !important;
    display: none;
}

    #topnav .navbar_btns li a.btn_tel:hover {
        background: #fff;
        color: #2f55d4 !important;
    }

    #topnav .navbar_btns li a.btn_tel i {
        transform: rotate(92deg);
        margin-right: 2px;
    }

.home-center {
    display: table;
    width: 100%;
    height: 100%;
}

.home-desc-center {
    display: table-cell;
    vertical-align: middle;
}

.bg-half-170 {
    padding: 170px 0;
    background-size: cover;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    position: relative;
    background-position: center center;
}

li.feature-list {
    margin-bottom: 5px;
    font-size: 15px;
    position: relative;
}

.features .icon {
    font-size: 24px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #edf0fb;
    text-align: center;
}

.features .image img {
    height: 60px;
}

.features .title-2 {
    font-size: 20px;
}

.key-feature {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    padding: 50px 15px;
    width: 100%;
}

    .key-feature .icon {
        height: 80px;
        width: 80px;
        line-height: 80px;
        background-color: #edf0fb;
        margin: 0 auto;
        background-image: url(../images/areas.png);
        background-size: 500%;
        background-repeat: no-repeat;
    }

.icon-1 {
    background-position: -1% -4%;
}

.icon-2 {
    background-position: 31% -4%;
}

.icon-3 {
    background-position: 66% -3%;
}

.icon-4 {
    background-position: 104% -1%;
}

.icon-5 {
    background-position: -1% 31%;
}

.icon-6 {
    background-position: 31% 33%;
}

.icon-7 {
    background-position: 67% 34%;
}

.icon-8 {
    background-position: 104% 32%;
}

.icon-9 {
    background-position: -4% 69%;
}

.icon-10 {
    background-position: 30% 68%;
}

.icon-11 {
    background-position: 65% 69%;
}

.icon-12 {
    background-position: 102% 69%;
}

.icon-13 {
    background-position: -4% 102%;
}

.icon-14 {
    background-position: 30% 104%;
}

.icon-15 {
    background-position: 65% 103%;
}

.icon-16 {
    background-position: 103% 104%;
}

.icon-17 {
    background-position: -1% -4%;
}

.icon-18 {
    background-position: 31% -4%;
}

.icon-19 {
    background-position: 66% -3%;
}

.icon-20 {
    background-position: 104% -1%;
}

.icon-21 {
    background-position: -1% 31%;
}

.icon-22 {
    background-position: 31% 33%;
}

.icon-23 {
    background-position: 67% 34%;
}

.icon-24 {
    background-position: 104% 32%;
}

.icon-25 {
    background-position: -4% 69%;
}

.icon-26 {
    background-position: 30% 68%;
}

.icon-27 {
    background-position: 65% 69%;
}

.icon-28 {
    background-position: 102% 69%;
}

.icon-29 {
    background-position: -4% 102%;
}

.icon-30 {
    background-position: 30% 104%;
}

.key-feature .icon i {
    font-size: 60px;
}

.key-feature:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    background-color: #2f55d4 !important;
}

.owl-carousel .owl-wrapper:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    touch-action: pan-y;
    -ms-touch-action: pan-y;
}

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
        padding-bottom: 15px;
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 0.5s ease-in-out;
            -moz-transition: height 0.5s ease-in-out;
            -ms-transition: height 0.5s ease-in-out;
            -o-transition: height 0.5s ease-in-out;
            transition: height 0.5s ease-in-out;
        }

    .owl-carousel .owl-item {
        float: left;
    }

.owl-controls .owl-buttons div,
.owl-controls .owl-page {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

    .owl-theme .owl-controls .owl-buttons div {
        color: #fff;
        display: inline-block;
        zoom: 1;
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: #869791;
        filter: Alpha(Opacity=50);
        opacity: 0.5;
    }

    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        opacity: 1;
        text-decoration: none;
    }

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 7px;
            filter: Alpha(Opacity=50);
            opacity: 0.5;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            background: #869791;
        }

        .owl-theme .owl-controls .owl-page.active span,
        .owl-theme .owl-controls.clickable .owl-page:hover span {
            filter: Alpha(Opacity=100);
            opacity: 1;
        }

        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #fff;
            padding: 2px 10px;
            font-size: 12px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center;
}

#carousel1 .carousel-inner,
#carousel2 .carousel-inner {
    padding: 20px 50px;
}

#carousel1 .carousel-indicators,
#carousel2 .carousel-indicators {
    bottom: -65px;
}

    #carousel1 .carousel-indicators li,
    #carousel2 .carousel-indicators li {
        background-color: #2f55d4;
    }

#carousel1 .carousel-control-next,
#carousel1 .carousel-control-prev,
#carousel2 .carousel-control-next,
#carousel2 .carousel-control-prev {
    color: #2f55d4;
    font-size: 36px;
}

#carousel1 .carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 40%;
    transition: all 0.5s ease;
}

    #carousel1 .carousel-indicators li.active {
        transform: rotate(45deg);
    }

#carousel1 .carousel-control-prev {
    left: -45px;
}

#carousel2 .carousel-control-prev {
    left: 0;
}

#carousel1 .carousel-control-next {
    right: -50px;
}

#carousel2 .carousel-control-next {
    right: 0;
}

.key-feature:hover h4.title {
    color: #fff;
}

.features .title,
.key-feature .content .title {
    font-size: 18px;
}

.owl-theme .owl-controls .owl-page span {
    background: #2f55d4 !important;
}

.customer-testi .content:before {
    content: '';
    position: absolute;
    top: 30px;
    margin-left: -3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 8px solid #495057;
    border-color: transparent #fff #fff transparent;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.15);
}

#customer-testi .customer-testi,
#customer-testi .customer-testi img {
    transition: transform 0.5s ease, border 0.5s ease;
}

    #customer-testi .customer-testi:hover {
        border: 1px solid #2f55d4 !important;
    }

    #customer-testi .customer-testi img {
        width: 150px;
        height: 80px;
    }

        #customer-testi .customer-testi img:hover {
            transform: scale(1.05);
        }

.pill-set {
    color: #fff;
    font-size: 12px;
    margin-top: 20px;
}

.owl-theme .owl-controls .owl-page span {
    border-radius: 2px;
    background: 0 0;
    border: 2px solid #2f55d4;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#customer-testi.owl-theme .owl-controls .owl-page {
    display: none !important;
}

#customer-testi .owl-wrapper-outer {
    padding-bottom: 20px;
}

.alignment {
    margin-top: -5px;
    height: 85px !important;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #2eca8b;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pricing-rates {
    padding: 50px 30px;
    margin-bottom: 20px;
    border: 1px solid #4466d8;
    position: relative;
    z-index: 1;
}

    .pricing-rates.left-wala {
        transition: all 0.5s ease;
        border: 1px solid #4466d8;
        padding: 15px 10px !important;
        transform: translatex(1px);
    }

    .pricing-rates .title {
        color: #2f55d4;
    }

    .pricing-rates.left-wala span {
        transition: color 0.5s ease;
    }

    .pricing-rates.left-wala:hover {
        background-color: #2f55d4;
        cursor: pointer;
    }

        .pricing-rates.left-wala:hover .title,
        .pricing-rates.left-wala:hover span,
        .pricing-rates.left-wala:hover ul li {
            color: #fff !important;
        }

    .pricing-rates ul li {
        text-align: left;
        transition: color 0.5s ease;
    }

        .pricing-rates ul li span {
            float: right;
        }

    .pricing-rates .title {
        font-weight: 700;
        font-size: 22px;
    }

    .pricing-rates .feature .feature-list {
        margin: auto auto 15px;
        font-size: 14px;
        position: relative;
    }

    .pricing-rates.business-rate {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .pricing-rates.business-rate:hover {
            -webkit-transform: scale(1.03);
            transform: scale(1.03);
            z-index: 2;
            border-color: #2f55d4;
        }

            .pricing-rates.business-rate:hover .title {
                color: #2f55d4;
            }

    .pricing-rates.starter-plan {
        z-index: 2;
    }

    .pricing-rates.best-plan {
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .pricing-rates.best-plan .lable {
            width: 200px;
            position: absolute;
            top: 15px;
            right: -65px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            z-index: 1;
        }

            .pricing-rates.best-plan .lable h6 {
                font-size: 12px;
            }

        .pricing-rates.best-plan:hover {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
        }

#FREE_plan.pricing-rates {
    padding: 15px 10px;
    margin-top: 35px;
    max-width: 350px;
    margin-left: auto;
}

    #FREE_plan.pricing-rates .title {
        font-size: 19px;
        color: #fff;
        position: absolute;
        left: 33px;
        top: 8px;
    }

        #FREE_plan.pricing-rates .title .heading_tag {
            padding: 2px;
            border: 1px solid #4466d8;
            border-radius: 30px;
            /* display: inline-block; */
            min-width: 120px;
            position: relative;
            float: right;
        }

            #FREE_plan.pricing-rates .title .heading_tag span {
                font-size: 16px;
                display: inline-block;
                position: relative;
                font-weight: 600;
                color: #4466d8;
            }

                #FREE_plan.pricing-rates .title .heading_tag span.t_price::after {
                    content: '';
                    display: block;
                    background: #4466d8;
                    height: 2px;
                    width: 100%;
                    position: absolute;
                    top: 8px;
                    left: -1px;
                }

    #FREE_plan.pricing-rates ul li {
        margin-bottom: 23px;
    }

        #FREE_plan.pricing-rates ul li .price_tag {
            padding: 4px;
            border: 1px solid #4466d8;
            border-radius: 30px;
            display: inline-block;
            min-width: 99px;
            text-align: center !important;
            position: absolute;
            right: 0;
            top: -5px;
        }

            #FREE_plan.pricing-rates ul li .price_tag span {
                font-size: 13px;
                line-height: normal;
                color: #2f55d4;
                font-weight: 600;
                display: inline-block;
                float: none !important;
                clear: both;
                position: relative;
            }

                #FREE_plan.pricing-rates ul li .price_tag span.single_price::after {
                    content: '';
                    display: block;
                    background: #2f55d4;
                    height: 1px;
                    width: 100%;
                    position: absolute;
                    top: 8px;
                    left: 0px;
                }

            #FREE_plan.pricing-rates ul li .price_tag .FREE {
                padding: 2px;
                border-radius: 30px;
                min-width: 50px;
            }

.boundry {
    border: 1px solid grey;
    padding: 50px 15px;
    display: inline-block;
}

.bg-cta {
    padding: 50px 0;
}

.page-title {
    font-size: 20px;
}

h4.serviclist {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
}

h4.cardhead {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
    text-align: left;
}

.event-schedule {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .event-schedule .date .day {
        font-size: 18px;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        background: #e9edfa;
        line-height: 48px;
        border: 2px solid #fff;
        -webkit-box-shadow: 0 0 2px 0.25px #4466d8;
        box-shadow: 0 0 2px 0.25px #4466d8;
    }

    .event-schedule .date .month {
        font-size: 13px;
    }

    .event-schedule .content {
        width: 100%;
    }

        .event-schedule .content .title {
            font-size: 20px;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
            display: flex;
        }

            .event-schedule .content .title .star-set {
                display: inline-block;
                margin-left: auto;
            }

                .event-schedule .content .title .star-set i {
                    font-size: 15px;
                    color: #ffe400;
                    letter-spacing: -3px;
                }

            /*

.event-schedule .content {
	min-width: 430px
}
*/

            .event-schedule .content .title:hover {
                color: #2f55d4 !important;
            }

        .event-schedule .content .location-time {
            font-size: 14px;
        }

    .event-schedule:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
        border-color: #2f55d4 !important;
        background: #f8f9fc !important;
    }

.team img {
    height: 200px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team .name:hover {
    color: #2f55d4 !important;
}

.team .team-icon {
    position: absolute;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    right: 0;
    opacity: 0;
    left: 0;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team:hover img {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    opacity: 0.2;
}

.team:hover .overlay-team {
    opacity: 0.6;
}

.team:hover .team-icon {
    opacity: 1;
}

#loading_animation {
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 99999999999999999999;
    display: none;
}

#animated {
    width: 250px;
    margin: 0 auto;
    position: absolute;
    z-index: 1;
    top: calc(50% - 125px);
    left: calc(50% - 125px);
}

.footer {
    background: #202942;
    padding: 35px 0 60px;
    position: relative;
    color: #adb5bd;
}

    .footer .logo-footer {
        color: #f8f9fc;
        font-weight: 700;
        font-size: 24px;
        padding: 3px 0;
        letter-spacing: 1px;
    }

    .footer .footer-head {
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 500;
        color: #fff;
        white-space: pre;
    }

    .footer .footer-media .footer-head {
        position: relative;
        top: 20px;
        left: 15px;
    }

    .footer .text-foot {
        color: #adb5bd;
    }

    .footer .footer-list {
        margin-bottom: 0;
    }

        .footer .footer-list li {
            margin-bottom: 10px;
        }

            .footer .footer-list li a {
                -webkit-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

                .footer .footer-list li a:hover {
                    color: #e6e8ea;
                }

            .footer .footer-list li:last-child {
                margin-bottom: 0;
            }

    .footer.footer-bar {
        padding: 30px 0;
    }

hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #333744;
}

.services {
    padding-bottom: 100px;
    background-color: #f8f9fc;
    padding-top: 50px;
}

.payment-method {
    max-width: 255px;
}

/**********************PLACEORDER PAGE***************************/

.order {
    padding-bottom: 60px;
    overflow: hidden !important;
}

.order-set h4 {
    font-size: 20px;
    margin-bottom: 5px !important;
}

.order-set h4,
.order-set label {
    color: #777777;
}

.order-set label {
    position: relative;
    margin-bottom: 0 !important;
    color: #161c2d;
}

#placeOrderForm .form-control {
    height: auto;
    padding: 5px 10px;
    border: 1px solid #e3dede;
    margin-bottom: 0 !important;
    resize: none;
}

#placeOrderForm select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../images/dropdown-icon.png');
    background-repeat: no-repeat;
    background-position: 99% 50%;
}

    #placeOrderForm select.form-control::-ms-expand {
        display: none;
    }

#placeOrderForm .form-control::placeholder {
    color: #a1a7ad !important;
    font-style: italic !important;
    font-size: 1rem;
    line-height: 1.5;
}

#placeOrderForm .form-control:focus::placeholder {
    opacity: 0 !important;
}

#placeOrderForm .form-control:focus::-webkit-input-placeholder {
    opacity: 0 !important;
}

#placeOrderForm .form-control:focus:-moz-placeholder {
    opacity: 0 !important;
}

#placeOrderForm .form-control:focus::-moz-placeholder {
    opacity: 0 !important;
}

#placeOrderForm .form-control:focus:-ms-input-placeholder {
    opacity: 0 !important;
}

#placeOrderForm .form-group .input-group {
    position: relative;
    text-align: center;
}

#placeOrderForm .form-group .input-group {
    position: relative;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

    #placeOrderForm .form-group .input-group > .form-control {
        text-align: center !important;
    }

    #placeOrderForm .form-group .input-group > span {
        display: inline-block;
        text-align: center;
        color: #2f55d4;
        background: white;
        width: 35px;
        height: 38px;
        position: relative;
        border-radius: 5px !important;
        top: 0px;
        z-index: 9;
        line-height: 36px;
        cursor: pointer;
        border: 1px solid #2f55d4;
    }

    #placeOrderForm .form-group .input-group #txt_nop,
    #placeOrderForm .form-group .input-group #txt_nor {
        border-radius: 5px;
    }

    #placeOrderForm .form-group .input-group > span {
        background: #2f55d4;
        color: #fff !important;
        transition: all 500ms ease;
    }

        #placeOrderForm .form-group .input-group > span:hover {
            background: #fff;
            color: #2f55d4 !important;
        }

    #placeOrderForm .form-group .input-group span.q_minus,
    #placeOrderForm .form-group .input-group span.q_minus_ref {
        left: 1px;
        margin-right: 5px;
    }

    #placeOrderForm .form-group .input-group span.q_plus,
    #placeOrderForm .form-group .input-group span.q_plus_ref {
        right: 1px;
        margin-left: 5px;
    }

    #placeOrderForm .form-group .input-group > span i {
        font-size: 17px;
        text-align: center;
        position: relative;
        top: 2px;
    }

.custom-check {
    border: 1px solid #e3dede;
    display: block;
    width: 100%;
    padding: 7px 10px;
    border-radius: 5px;
    line-height: 22px;
}

.order-table {
    width: 100%;
    margin-bottom: 10px;
}

    .order-table tr {
        border-bottom: 1px solid #e3dede;
    }

        .order-table tr td {
            padding: 5px 6px;
            color: #777777;
        }

.order-set .nice-select {
    float: none;
    line-height: 28px;
    border: 1px solid #e3dede;
}

    .order-set .nice-select .list {
        width: 100%;
        max-height: 160px;
        overflow-y: auto;
    }

.question {
    font-size: 8px;
    color: #2f55d4;
    border: 1px solid #2f55d4;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 12px;
    text-align: center;
    position: relative;
    top: -2px;
    left: 5px;
}

.order-set label {
    position: relative;
    cursor: pointer;
}

.order-set .form-group {
    margin-bottom: 10px;
    align-items: center;
}

.tool {
    position: absolute;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 10px;
    background-color: #4466d8;
    width: 280px;
    white-space: normal;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    line-height: 16px;
    transition: all 500ms ease;
    top: -10px;
    z-index: -1;
    transform: translate(0%, -100%);
    left: 50%;
    color: white;
    font-weight: 300;
    opacity: 0;
    text-align: center;
}

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

.custom-check .tool-wrap .tool {
    left: 50%;
    bottom: inherit;
    top: 0%;
    transform: translate(-100%, -105%);
}

.promo-tool .tool-wrap .tool {
    transform: translate(-50%, -105%);
}

.question:hover {
    background-color: #2f55d4;
    color: white;
    cursor: pointer;
}

    .question:hover .tool {
        opacity: 1;
        z-index: 99;
    }

.order-header {
    padding-top: 35px;
    text-align: center;
}

    .order-header h2 {
        font-size: 36px;
    }

    .order-header img {
        margin: 0 auto;
    }

    .order-header.privacy-head {
        padding-top: 40px;
    }

        .order-header.privacy-head.signup-head {
            padding-top: 15px;
        }

.border-order {
    border: 1px solid #e3dede;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.check-out.nav-sticky.nav-sticky-bottom.move_up {
    top: 1000px !important;
}

.guide-line {
    text-align: center;
    background-color: #f3f3f3;
    padding: 8px 5px;
    margin-bottom: 15px;
    border-radius: 0.25rem;
    display: inline-block;
    width: 100%;
}

    .guide-line span {
        display: inline-block;
        margin-bottom: 0px;
        line-height: 1;
    }

        .guide-line span:nth-of-type(1) {
            color: #3a3a34;
        }

        .guide-line span:nth-of-type(2) {
            color: #2f55d4;
            transition: all 500ms ease;
        }

            .guide-line span:nth-of-type(2):hover {
                color: #2eca8b;
            }

#topnav.nav-sticky.place-nav {
    position: inherit;
}

.place-bar {
    padding: 10px 15px 10px 15px;
    background-color: #f2f2f2;
    display: none;
    width: 100%;
    align-items: center;
    position: fixed;
    bottom: 0;
    z-index: 999;
    left: 0;
}

    .place-bar p {
        margin-bottom: 0px;
        line-height: 1;
    }

    .place-bar button {
        display: inline-block;
        padding: 10px 0px;
        width: 90px;
        color: white;
        background-color: #2eca8b;
        text-align: center;
        border-radius: 10px;
        border: none;
        margin-left: 15px;
    }

    .place-bar p span:nth-of-type(1) {
        font-size: 16px;
        font-weight: 700;
        color: grey;
        display: inline-block;
        margin-bottom: 5px;
    }

    .place-bar p span:nth-of-type(2) {
        font-size: 24px;
        color: #2f55d4;
        display: inline-block;
        font-weight: 700;
    }

    .place-bar p span:nth-of-type(3) {
        text-decoration: line-through;
    }

/*******************************PLACE ORDER*******************************/

.pages_number.inner-number .pages-number {
    border-radius: 0.25rem;
    text-align: center;
}

.pages_number.inner-number .btn {
    background-color: #e9ecef;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    outline: none !important;
}

/*******************************PLACE ORDER*******************************/
/*login form*/
.form_container {
    border: 1px solid #ddd;
    padding: 30px 0px 0px;
    border-radius: 4px;
}

    .form_container label {
        color: #161c2d;
        font-size: 15px;
        font-weight: 400;
        width: 100%;
        margin: 0 auto 5px;
        line-height: 23px;
    }

    .form_container .form-control {
        padding: 10px !important;
        margin-bottom: 20px !important;
        color: #5a5757;
        font-size: 15px !important;
        line-height: normal !important;
        height: auto !important;
        border-radius: 3px !important;
        border: 1px solid rgba(119, 119, 119, 0.53);
    }

    .form_container input.form-control::placeholder {
        font-size: 15px;
        color: #5a5757 !important;
        font-style: italic !important;
    }

    .form_container input.form-control:focus::placeholder {
        opacity: 0 !important;
    }

    .form_container input.form-control:focus::-webkit-input-placeholder {
        opacity: 0 !important;
    }

    .form_container input.form-control:focus:-moz-placeholder {
        opacity: 0 !important;
    }

    .form_container input.form-control:focus::-moz-placeholder {
        opacity: 0 !important;
    }

    .form_container input.form-control:focus:-ms-input-placeholder {
        opacity: 0 !important;
    }

.form_wraper {
    padding: 0px 30px;
}

    .form_wraper form label {
        font-weight: 700;
    }

.cancel_area {
    background: #f5f5f5;
    padding: 20px 0px;
    margin-top: 20px;
    border-top: 1px solid #ddd;
}

    .cancel_area h4 {
        margin: 0 auto 10px;
        font-size: 18px;
        text-transform: none !important;
        line-height: 20px;
        color: #333;
        font-weight: 500;
    }

.reset_link {
    color: #2f55d4;
    font-size: 15px;
    text-decoration: none !important;
    float: right;
    transition: all 500ms ease;
}

    .reset_link:hover {
        color: #2eca8b;
    }

.btn_cmn {
    background: #2f55d4;
    color: #fff;
    display: inline-block;
    padding: 12px;
    border: 0;
    font-size: 17px;
    width: 190px;
    outline: none !important;
}

    .btn_cmn:hover {
        background-color: #2f55d4;
    }

.formBtm_btn {
    background: #2f55d4;
    color: #fff !important;
    display: block;
    padding: 12px;
    border: 0;
    font-size: 17px;
    width: 80%;
    margin: 0 auto;
    outline: none !important;
}

header #order_btn {
    display: block;
    min-width: 111px;
    outline: none !important;
}

#order_btn {
    display: block;
    width: 100%;
}

.formBtm_btn:hover {
    background-color: #2f55d4;
}

#orderDetails-wrape .order_details_tbl th {
    font-size: 17px;
    font-weight: 700;
    color: #2f55d4;
}

#orderDetails-wrape {
    box-shadow: 0px 0px 4px 0px #212121;
    -webkit-box-shadow: 0px 0px 4px 0px #212121;
}

    #orderDetails-wrape .order_details_tbl {
        border-top: 2px solid #2f55d4;
        border-bottom: 2px solid #2f55d4;
        margin-bottom: 0;
    }

        #orderDetails-wrape .order_details_tbl td {
            color: #575757;
            font-size: 15px;
        }

            #orderDetails-wrape .order_details_tbl td .status {
                display: block;
                margin-bottom: 5px;
            }

form[name='ChangePassword-form'] .message_box p,
form[name='ResetPassword-form'] + .message_box p {
    text-transform: none !important;
}

/*******************************PLACE ORDER*******************************/

#home {
    padding: 70px 0 130px;
    position: relative;
    overflow: visible;
    z-index: 1;
}

.feature-set {
    margin-top: 20px;
}

.hbox-2 {
    display: inline-block;
    margin-bottom: 20px;
}

    .hbox-2 i {
        font-size: 36px;
        color: #fff;
        float: left;
        transition: transform 0.5s ease;
        margin-right: 10px;
        margin-top: 25px;
    }

    .hbox-2:hover i {
        transform: rotate(360deg);
    }

    .hbox-2 .hbox-2-txt p {
        font-size: 16px;
        color: #fff;
        line-height: 18px;
        padding-top: 30px;
        text-align: left;
    }

.login_page span.big-money {
    font-size: 22px;
    color: #4466d8;
    font-weight: 700;
}

.message_box {
    border: 3px solid #c0c0c0;
    text-align: left;
    margin: 10px auto;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .message_box p.text-danger,
    .message_box p.text-success {
        padding: 0px !important;
        margin: 0px;
        font-size: 14px;
        text-transform: uppercase;
    }

    .message_box p.text-danger {
        color: #ff0000 !important;
    }

    .message_box p.text-success {
        color: #2f55d4 !important;
    }

    .message_box p {
        margin-bottom: 10px;
        margin: 0px;
        font-size: 14px;
        line-height: 1.4;
        color: #9ba2ab;
    }

#lbl_gtotal_m {
    text-decoration: line-through;
}

.message_box p:nth-last-child(1) {
    margin-bottom: 0 !important;
}

.promo-error-container .message_box {
    text-align: left;
}

    .promo-error-container .message_box p:nth-of-type(1) {
        text-transform: uppercase !important;
    }

    .promo-error-container .message_box p:nth-of-type(2) {
        text-transform: none !important;
    }

.hbox-2 .hbox-2-txt p span.big-money {
    text-decoration: line-through;
    font-size: 24px;
    color: #4466d8;
    font-weight: 700;
}

#owl-fade + .owl-nav button,
#owl-fade + .owl-nav + .owl-dots button {
    display: none !important;
}

.hot {
    font-size: 24px;
    color: #2f55d4;
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
    box-shadow: 0 0 0 0 rgba(47, 85, 212, 0.5);
    animation: blink 2s linear infinite;
    border: 5px solid #2f55d4;
    display: inline-block;
    font-size: 24px !important;
    margin-left: 10px;
}

.seal {
    float: right;
    margin-top: 5px;
}

    .seal a {
        color: #2f55d4 !important;
        text-decoration: none !important;
        font-weight: 600;
        font-size: 14px;
        margin-left: 5px;
    }

        .seal a.btn {
            width: 110px;
        }

.features i {
    font-size: 24px;
    color: #2f55d4;
}

.seal a.btn.phone {
    width: 170px;
}

#phone {
    /* padding-left: 90px !important; */
    margin-bottom: .5rem !important;
}

.login-form .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 16px;
}

.login-form .intl-tel-input .selected-flag .iti-arrow {
    right: 5px;
}

#how-to img {
    width: 100%;
}

#how-to .feature-list li i {
    float: left;
    line-height: 24px;
}

@keyframes blink {
    0% {
        box-shadow: 0 0 0 3px rgba(47, 85, 212, 0.8);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(47, 85, 212, 0.3);
    }

    100% {
        box-shadow: 0 0 0 15px rgba(47, 85, 212, 0);
    }
}

.calculate-set {
    margin-bottom: 30px;
}

    .calculate-set i {
        float: left;
        font-size: 40px;
        color: #2f55d4;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-right: 20px;
        line-height: 60px;
    }

    .calculate-set p {
        padding-left: 57px;
        color: gray;
    }

.flip-box {
    background-color: transparent;
    width: 100%;
    margin-top: 30px;
}

    .flip-box h5 {
        font-size: 21px;
        font-weight: 700;
        line-height: 1.1;
    }

    .flip-box p {
        font-size: 17px;
    }

    .flip-box .counter-box {
        padding: 30px 10px;
    }

.location-time {
    margin-bottom: 0 !important;
}

    .location-time i {
        color: #ffe400;
    }

.flags {
    padding: 6px 0;
    border: 1px solid #ced4da;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

    .flags a {
        color: #6c757d;
        font-size: 13px;
    }

    .flags .dropdown-toggle::after {
        border-top: 5px solid;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        vertical-align: 3px;
        margin-right: 5px;
    }

    .flags .dropdown-toggle img {
        width: 25px;
        height: 12px;
        padding-left: 6px;
    }

#counter .counter-box i {
    color: #2f55d4;
    font-size: 48px;
}

.counter {
    padding: 70px 0;
}

.how-2 .feature-list li {
    margin-bottom: 50px;
}

    .how-2 .feature-list li i {
        position: relative;
    }

        .how-2 .feature-list li i::after {
            content: '';
            position: absolute;
            width: 1px;
            height: 20px;
            background-color: #0ff;
            left: 50%;
            top: 0;
            transform: translateX(-50%);
        }

.secure-seal {
    margin: 0 auto;
    margin-top: 10px;
}

    .secure-seal img {
        width: 100%;
        transform: translateX(-10px);
    }

.secure-seal2 {
    width: 90%;
    margin: 0 auto;
}

.tabcontent {
    position: absolute;
    transition: opacity 0.5s linear;
}

.how-2 {
    padding-bottom: 50px;
    padding-top: 40px;
}

.order2 {
    padding: 70px 0;
}

.bg1 {
    height: 550px;
    width: 72%;
    background-size: contain;
    background-position: right;
    left: 110px;
    top: 5%;
    background-repeat: no-repeat;
}

.bg2 {
    height: 550px;
    width: 72%;
    background-size: contain;
    left: 110px;
    background-position: right;
    top: 5%;
    background-repeat: no-repeat;
}

.bg3 {
    height: 550px;
    width: 72%;
    background-size: contain;
    left: 110px;
    background-position: right;
    top: 5%;
    background-repeat: no-repeat;
}

.bg4 {
    height: 550px;
    width: 72%;
    background-size: contain;
    left: 110px;
    background-position: right;
    top: 13%;
    background-repeat: no-repeat;
}

.tab-set {
    position: relative;
}

#animated {
    width: 250px;
    margin: 0 auto;
    position: absolute;
    z-index: 1;
    top: calc(50% - 125px);
    left: calc(50% - 125px);
}

.animated-loader-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999999;
    display: none;
}

.custom-tab button {
    display: inline-block;
    border: none;
    outline: none !important;
    width: 100%;
    background-color: transparent;
    position: relative;
    margin: 20px auto 20px auto;
    padding: 15px 20px;
    border-radius: 15px;
    transition: all 0.5s linear;
    font-size: 20px;
    text-align: left;
}

    .custom-tab button h4 {
        transition: all 0.5s linear;
    }

    .custom-tab button p {
        font-size: 18px;
        color: grey;
        transition: all 0.5s linear;
        line-height: 30px;
        margin-bottom: 0px;
    }

    .custom-tab button:focus {
        outline: none;
    }

    .custom-tab button.active {
        background-color: #2eca8b;
    }

        .custom-tab button.active p,
        .custom-tab button.active h4 {
            color: #fff;
        }

.features i {
    transition: color 0.5s ease;
    position: relative;
    line-height: 32px;
}

    .features i::after,
    .features span::after {
        content: '';
        position: absolute;
        width: 50px;
        height: 50px;
        border-radius: 10px;
        -webkit-transform: rotate(22deg) translateX(-50%);
        transform: rotate(22deg) translateX(-50%);
        background-color: #f1f4fc;
        z-index: -1;
        left: 50%;
        transition: background-color 0.5s ease;
    }

.features span::after {
    left: 28px;
}

.features:hover i {
    color: #fff;
}

    .features:hover i::after {
        background-color: #2f55d4;
    }

.feature_top.feat_adj span img {
    width: 10%;
}

.feature_top span {
    padding: 6px;
    text-align: center;
}

.feature_top.feat_adj span {
    padding: 0px;
    text-align: center;
}

.features:hover span::after {
    background-color: #2f55d4;
}

.features:hover img {
    filter: brightness(0) invert(1);
}

#calculate {
    padding: 100px 0;
}

a.btn {
    width: 285px;
    padding: 8px 4px;
}

.btn-set2 a.btn {
    width: 268px;
}

.btn-set3 a.btn {
    width: auto;
    padding: 8px 15px;
}

.btn-set4 a.btn {
    width: 333px;
}

a.btn.btn-primary {
    color: #2f55d4 !important;
    background-color: transparent !important;
    transition: all 0.5s ease;
}

a.btn.btn-success {
    color: #2eca8b !important;
    background-color: transparent !important;
    transition: all 0.5s ease;
    outline: none !important;
}

a.btn.btn-primary.black-btn2,
.redeem,
#order_btn {
    color: #fff !important;
    background-color: #2f55d4 !important;
    border: 2px solid #2f55d4;
}

#placeOrderForm .redeem2 {
    background-color: transparent;
    font-size: 14px !important;
    color: #2f55d4;
    border: none;
    border-bottom: 2px solid #2f55d4;
    border-radius: 0;
    padding: 0;
    width: 100px;
    height: 24px;
}

.preview-set a.redeem {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 20px;
    text-transform: uppercase;
    padding: 7px 12px;
}

.pricing-rates ul li span.many-more {
    color: #2f55d4;
    transition: all 250ms ease;
    float: none;
}

    .pricing-rates ul li span.many-more:hover {
        color: #2eca8b;
        cursor: pointer;
    }

.preview-set a.redeem.reverse {
    background-color: transparent !important;
    color: #2f55d4 !important;
}

    .preview-set a.redeem.reverse:hover {
        background-color: #2f55d4 !important;
        color: white !important;
    }

.pb-30 {
    padding-bottom: 30px;
}

a.btn.btn-success.black-btn2 {
    color: #fff !important;
    background-color: #2eca8b !important;
    border: 2px solid #2eca8b;
}

a.btn.btn-success.black-btn {
    color: #fff !important;
    background-color: #2eca8b !important;
    transition: all 0.5s ease;
    border: 2px solid transparent;
}

a.btn.btn-primary.black-btn {
    color: #fff !important;
    background-color: #2f55d4 !important;
    transition: all 0.5s ease;
    border: 2px solid transparent;
}

    a.btn.btn-primary.black-btn:hover {
        color: #fff !important;
        background-color: transparent !important;
        border: 2px solid #fff;
    }

a.btn.btn-success.black-btn:hover {
    color: #fff !important;
    background-color: transparent !important;
    border: 2px solid #fff;
}

a.btn.btn-primary.black-btn2:hover,
.redeem:hover,
#order_btn:hover {
    color: #2f55d4 !important;
    background-color: transparent !important;
}

a.btn.btn-success.black-btn2:hover {
    color: #2eca8b !important;
    background-color: transparent !important;
}

.redeem {
    transition: all 500ms ease;
}

a.btn.btn-primary.black-btn2-2 {
    border: 2px solid #2f55d4;
}

    a.btn.btn-primary.black-btn2-2:hover {
        color: white !important;
        background-color: #2f55d4 !important;
    }

a.btn.btn-success.black-btn2-2:hover {
    color: #2eca8b !important;
    background-color: transparent !important;
}

#pop-up {
    padding-top: 25vh;
}

.modal-backdrop {
    display: none;
}

.pop-up {
    background-color: rgba(0, 0, 0, 0.8);
}

.payment {
    width: 115%;
}

.pop-up-modal {
    max-width: 767px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;
}

.pop-up-set img {
    width: 100%;
    height: 435px;
    object-fit: contain;
    background-color: #000;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

#pop-up .count-down,
.email-landing .count-down {
    padding-left: 0;
    margin-bottom: 0;
}

    #pop-up .count-down li,
    .email-landing .count-down li {
        display: inline-block;
        color: #fff;
        font-weight: 600;
        background-color: #2f55d4;
        border-radius: 5px;
        padding: 15px 5px;
        margin-right: 5px;
        margin-left: 5px;
        width: 90px;
    }

        #pop-up .count-down li p,
        .email-landing .count-down li p {
            margin-bottom: 0;
            line-height: 1;
            font-size: 20px;
        }

        #pop-up .count-down li span {
            font-size: 20px;
            color: #fff;
            width: 40px;
            height: 40px;
            background-color: #212121;
            border-radius: 5px;
            display: inline-block;
            line-height: 40px;
        }

        .email-landing .count-down li span {
            font-size: 36px;
            line-height: 1;
            margin-bottom: 10px;
            display: inline-block;
        }

    .email-landing .count-down li {
        box-shadow: 3px 3px 5px 2px grey;
    }

.counter3 .count-down {
    display: flex;
}

#pop-up .pop-up-set h1 {
    background-color: #fff;
    position: relative;
    font-size: 22px;
    line-height: 30px;
    padding-top: 20px;
    padding-bottom: 10px;
    text-transform: capitalize;
}

#pop-up .pop-up-set hr {
    width: 55%;
    border-top: 1px solid grey;
}

#pop-up .pop-up-set h3 {
    font-size: 16px;
    margin-bottom: 10px;
    padding: 0 5px
}

#pop-up .pop-up-set h2 {
    font-size: 18px;
}

.pop-close {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    background-color: #2f55d4;
    position: absolute;
    right: -36px;
    top: -23px;
    color: #fff;
}

    .pop-close:hover {
        cursor: pointer;
    }

.pop-close-2 {
    color: grey;
    cursor: pointer !important;
}

.modal-button {
    position: absolute;
    z-index: -9999;
    background-color: transparent;
    border: none;
}

.privacy {
    padding: 0 0;
}

#home.privacy-title {
    background-image: linear-gradient(rgba(47, 85, 212, 1), rgba(0, 0, 0, 0.5));
    padding: 180px 0 90px;
    background-size: cover;
    background-position: center;
}

#home.thankyou {
    background-image: url("../images/ThankyouPage.jpg");
    padding: 200px 0 45px;
    background-size: cover;
    background-position: center;
    margin-top: 65px;
}

.privacy-title .page-next-level .title {
    font-size: 48px;
}

.privacy-title.signup-title {
    padding: 150px 0 40px;
}

.thank {
    padding-bottom: 0;
    padding-top: 50px;
}

.thank-bg {
    background-image: url(../images/modern01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0 60px;
    background-attachment: fixed;
    margin-top: 50px;
}

    .thank-bg h2 {
        font-size: 48px;
        color: #fff;
    }

.thank-feature {
    padding: 50px 0;
}

.email-landing {
    margin-bottom: 20px;
}

.email-land-set {
    border: 1px solid #2f55d4;
    margin: 20px auto;
    background-color: #f3f3f3;
}

    .email-land-set td {
        padding: 30px 20px;
    }

.banner_small {
    margin-top: 82px;
    padding: 25px 0 25px 0;
}

    .banner_small .page_tagline {
        color: #525252;
        font-size: 22.3px;
        line-height: 1.2;
        margin: 0;
        margin-bottom: 5px;
    }

.btn-w100 {
    width: 100%;
    margin-top: 10px;
}

.reset_link {
    color: #2f55d4;
}

.preview {
    padding: 20px 0 60px 0;
}

.preview-table {
    text-align: left;
    border-top: 2px solid #2f55d4;
}

    .preview-table tr td {
        padding: 10px 15px;
    }

    .preview-table tr:nth-child(odd) {
        background-color: #f2f2f2;
    }

.mobile-details.preview-table tr:nth-child(odd) {
    background-color: #ffffff;
}

.mobile-details.preview-table tr:nth-child(2n) {
    background-color: #f2f2f2;
}

.table-hover.mobile-details tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.075);
}

.preview-set ul li h3 {
    font-size: 26px;
    color: #fff;
    background-color: #2f55d4;
    text-align: center;
    margin-bottom: 0;
    padding: 20px 10px;
}

.preview-set ul li {
    transition: all 0.5s ease;
}

    .preview-set ul li:hover {
        background-color: #2f55d4;
    }

        .preview-set ul li:hover a {
            color: #fff;
        }

    .preview-set ul li a {
        padding: 20px 20px;
        display: inline-block;
        font-size: 16px;
        color: inherit;
        text-decoration: none;
        transition: all 0.5s ease;
    }

        .preview-set ul li a i {
            font-size: 20px;
        }

.preview-set ul {
    list-style: none;
    padding-left: 0;
}

.editOrder {
    color: #2f55d4;
}

.orderAmount {
    color: #2eca8b;
    font-size: 20px;
    font-weight: 700;
}

.custom-pagination {
    justify-content: center;
    margin-top: 20px;
}

    .custom-pagination li a {
        background-color: #d4edda;
        padding: 10px 15px;
        margin: 0 5px;
        display: inline-block;
        color: white;
    }

    .custom-pagination .page-item a {
        border: 1px solid transparent;
    }

    .custom-pagination .page-item:nth-of-type(2n + 1) a {
        background-color: #2f55d4;
    }

    .custom-pagination .page-item:last-of-type a {
        background-color: #f2f2f2;
        color: #2f55d4;
    }

    .custom-pagination .page-item:hover a {
        background-color: inherit;
        color: #2f55d4;
        border: 1px solid grey;
    }

/*** SAMPLE MODAL ***/

#Sample_Modal {
    background: rgba(0, 0, 0, 0.9);
}

    #Sample_Modal .modal-dialog {
        width: 100%;
        max-width: 70%;
        margin: 50px auto auto;
    }

    #Sample_Modal .responsive-wrapper-padding-bottom-90pct {
        padding-bottom: 90%;
        position: relative;
    }

    #Sample_Modal .modal-dialog iframe {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    #Sample_Modal .modal-dialog .modal-body {
        padding: 0.25rem;
    }

    #Sample_Modal .close {
        position: absolute;
        right: -20px;
        top: -20px;
        z-index: 99;
        width: 35px;
        height: 35px;
        color: white;
        background-color: #20b57b;
        border-radius: 50%;
        text-align: center;
        opacity: 1;
        line-height: 35px;
    }

    #Sample_Modal .set-border-cicis-menu-to-go {
        border: 3px solid grey;
    }

/************************************SIGN-UP************************************/

.sign-up-outer {
    border: 1px solid #dddddd;
    padding: 15px 15px 0px 15px;
    border-radius: 5px;
    position: relative;
}

    .sign-up-outer h4 {
        font-size: 22px;
        font-weight: 800;
        background-color: white;
    }

.sign-up-right {
    padding: 10px 15px 9px 65px;
    position: relative;
    text-align: left;
    border-bottom: 1px solid rgba(68, 102, 216, 0.4);
}

    .sign-up-right img {
        width: 45px;
        height: 45px;
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        object-fit: cover;
    }

    .sign-up-right h5 {
        font-weight: 700;
        font-size: 16px;
        color: #2f55d4;
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .sign-up-right p {
        margin-bottom: 0px;
        font-size: 16px;
    }

.signup-form button.btn_cmn {
    display: block;
    width: 100%;
    border-radius: 3.5px;
}

button.login-btn.btn_cmn {
    border-radius: 3.5px;
}

.side-word {
    color: #2f55d4;
    transition: all 500ms ease;
}

    .side-word:hover {
        color: #2eca8b;
    }

/************************************SIGN-UP************************************/

.return {
    padding: 65px 0;
}

p.start-over {
    font-size: 18px;
}

.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.expert {
    width: 50%;
}

.bounce-effect {
    animation: bouncing 2s linear infinite;
}

.btn-effect {
    width: 268px;
    animation: blinking 1.2s linear infinite;
    background-color: #2f55d4;
    border: 2px solid #2f55d4;
}

.cc-window {
    z-index: 9999999999;
}

.signup-form .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 20px !important;
}

.signup-form .intl-tel-input.separate-dial-code.allow-dropdown .selected-flag {
    width: 84px !important;
    padding: 0 0 0 5px;
}

@keyframes blinking {
    0% {
        color: #2f55d4;
        background-color: #fff;
    }

    49% {
        color: #2f55d4;
        background-color: #fff;
    }

    50% {
        color: #fff;
        background-color: #2f55d4;
    }

    100% {
        color: #fff;
        background-color: #2f55d4;
    }
}

.btn-effect:hover {
    animation-play-state: paused;
    background-color: #fff !important;
    color: #2f55d4 !important;
}

@keyframes bouncing {
    0%, 10%, 26%, 40%, 50% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    20%, 21% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -16px, 0);
        transform: translate3d(0, -16px, 0);
    }

    35% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -8px, 0);
        transform: translate3d(0, -8px, 0);
    }

    45% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce-effect:hover {
    animation-play-state: paused;
}

.order_sidebar {
    max-width: 400px;
    margin: 0 0 0 auto;
    width: 100%;
}

#placeorder_sidebar.order_sidebar .pricing_detail_bx {
    text-align: center;
}

.order_sidebar .pricing_detail_bx .box_title,
.order_sidebar .features_heading {
    font-size: 18px;
    font-weight: 700;
    color: #161c2d;
    text-transform: uppercase;
}

.order_sidebar .features_heading {
    margin: 20px auto !important;
}

.preview-table {
    text-align: left;
    border-top: 2px solid #2f55d4;
    margin-bottom: 0px;
}

    .preview-table tr td {
        padding: 9.5px 8px;
        font-size: 15px;
        line-height: 1.4;
    }

        .preview-table tr td .guideline_content {
            height: 75px;
            overflow-y: scroll;
            word-wrap: anywhere;
        }

        .preview-table tr td.label {
            font-weight: 700;
            color: #212121;
        }

        .preview-table tr td.border_label {
            font-weight: 400;
        }

        .preview-table tr td.tbl_head {
            color: #007bff !important;
        }

        .preview-table tr td.label.lbl_guideline {
            vertical-align: top;
        }

        .preview-table tr td .order_amount {
            font-weight: 700;
            font-size: 22px;
            color: #2eca8b;
        }

    .preview-table tr:nth-child(odd) {
        background-color: #f2f2f2;
    }

.single-row .preview-table td.border_label {
    border: 1px solid #c0c0c0;
}

    .single-row .preview-table td.border_label span.w-50 {
        width: 50%;
        display: inline-block;
    }

.single-row.table-rating .preview-table.table td,
.single-row.table-rating .preview-table.table th {
    border-top: none;
}

.single-row .preview-table tr:nth-child(2n + 1) {
    background-color: #ffffff;
}

.single-row .preview-table tr:nth-child(1) {
    background-color: #f2f2f2;
}

.single-row.table-rating .preview-table td i {
    font-size: 24px;
}

.single-row.table-rating .preview-table textarea.form-control {
    font-style: italic;
}

.table-responsive.single-row {
    overflow-x: visible;
}

/*sidebar price box*/
.pricing_detail_bx {
    padding: 20px 40px;
    border: 1px solid #dddddd;
    border-radius: 4px;
}

.order_sidebar img {
    max-width: 100% !important;
}

.pricing_detail_bx .cost_checklist {
    padding: 15px 0;
    margin: 0 auto;
    text-align: left;
    list-style-type: none;
    position: relative;
    border-top: 2px dotted #ddd;
}

    .pricing_detail_bx .cost_checklist li {
        font-size: 15px;
        line-height: 1;
        display: block;
        position: relative;
        padding: 5px 0;
        margin-bottom: 5px;
        color: #212529;
    }

        .pricing_detail_bx .cost_checklist li span {
            display: inline-block;
        }

        .pricing_detail_bx .cost_checklist li:nth-last-child(1) {
            margin-bottom: 0;
        }

        .pricing_detail_bx .cost_checklist li span.p_tag {
            position: absolute;
            right: 0;
        }

.pricing_detail_bx #FREE_plan.pricing-rates {
    padding: 0 6px;
    border: 0;
    box-shadow: none !important;
    /*    margin: 30px auto 0;*/
}

.pricing_detail_bx .pricing-rates .feature .feature-list {
    line-height: 0.7;
}

.pricing_detail_bx #FREE_plan.pricing-rates ul li .price_tag {
    min-width: 85px;
    padding: 0;
    border: 0;
    top: 0px;
}

    .pricing_detail_bx #FREE_plan.pricing-rates ul li .price_tag span.single_price::after {
        top: 8px;
    }

    .pricing_detail_bx #FREE_plan.pricing-rates ul li .price_tag .FREE {
        padding: 2px 2px 1px;
        border-radius: 30px;
        min-width: 50px;
        color: #2f55d4 !important;
        background-color: #2eca8b !important;
    }

.pricing_detail_bx .price_box {
    padding-bottom: 25px;
    border-bottom: 2px dotted #ddd;
}

    .pricing_detail_bx .price_box h4 {
        font-size: 19px;
        font-weight: 700;
        text-align: left;
        background: #fff;
        box-shadow: 5px 5px 35px 10px rgba(59, 83, 204, 0.15);
        padding: 15px;
        border-radius: 10px;
        position: relative;
        color: #2eca8b;
        line-height: 1;
    }

        .pricing_detail_bx .price_box h4 span {
            display: inline-block;
        }

        .pricing_detail_bx .price_box h4 .order_price {
            position: absolute;
            right: 15px;
        }

            .pricing_detail_bx .price_box h4 .order_price .discounted_price {
                color: #666;
                position: relative;
                margin-right: 1px;
                padding: 0px 2px;
                font-size: 14px;
                display: none !important;
            }

            .pricing_detail_bx .price_box h4 .order_price .total_cost {
                font-size: 18px;
                font-weight: 700;
                color: #2eca8b;
            }

    .pricing_detail_bx .price_box .btn_proceed {
        color: #fff !important;
        background: #2f55d4;
        padding: 10px;
        display: block;
        width: 100%;
        margin: 20px auto 0;
        text-align: center;
        font-weight: 600;
        text-transform: uppercase;
        box-shadow: 0 1px 5px 1px #2f55d4;
        border: 2px #2f55d4;
        border-radius: 30px;
        outline: none !important;
    }

        .pricing_detail_bx .price_box .btn_proceed:hover {
            background: #2eca8b;
            box-shadow: 0 1px 5px 1px #2eca8b;
        }

#placeOrderForm .btn_RedeemPromo {
    padding: 0;
    color: #2eca8b;
    font-weight: 700;
    border: 0;
    outline: none !important;
    text-decoration: underline !important;
    background: none !important;
    font-size: 15px;
    line-height: 1;
    position: relative;
    top: 15px;
    text-align: center;
    white-space: nowrap;
}

    #placeOrderForm .btn_RedeemPromo:hover {
        color: #2f55d4;
    }

.banner_feature_wraper {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

    .banner_feature_wraper span {
        margin-right: 5px;
        display: inline-block;
    }

.bdr_l_r {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding-right: 0;
}

#userarea_counter h4 {
    font-size: 18px;
    font-weight: 700;
    color: #161c2d;
}

.banner_feat_mtp {
    margin-top: 10px;
}

.feat_logo {
    background-image: url(../images/feature_logo_sprite.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 48px;
    width: 125px;
}

.feat_logo_1 {
    background-position: 0;
}

.feature_logo_sprite ul li, .feature_logo_sprite ul li {
    display: inline-block;
    margin-right: 25px;
    position: relative;
    border-radius: 41px;
}

.feature_logo_sprite ul li {
    display: inline-block;
}

.feat_logo_2 {
    background-position: -135px 0;
}

.feature_logo_sprite {
    margin-top: 10px;
}

    .feature_logo_sprite ul {
        list-style: none;
        padding: 0;
    }

.review_seals_wrapper {
    padding: 0px 0px;
    margin: 0 auto;
    margin-top: 0px;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 5px;
}

    .review_seals_wrapper .main-title.stats-title {
        font-size: 25px;
        text-align: left;
        line-height: 1.4;
        margin: 0 auto;
        max-width: 205px;
        color: #fff;
        padding: 15px 0;
    }

.review_seals_list {
    margin: 21px auto 0px;
    padding: 0;
    font-size: 0;
    position: relative;
}

    .review_seals_list li {
        display: inline-block;
        width: 25%;
        padding: 0;
        margin: 5px 0 0;
        text-align: center;
        position: relative;
    }

        .review_seals_list li .rating_bx {
            position: relative;
            max-width: 165px;
            height: 65px;
            margin: 0 auto;
            text-align: left;
        }

            .review_seals_list li .rating_bx .star_ratings {
                font-size: 18px;
                font-weight: 700;
                display: block;
                position: absolute;
                left: 1px;
            }

                .review_seals_list li .rating_bx .star_ratings i {
                    font-size: 13px;
                    font-weight: 600;
                    display: inline-block;
                    color: #ffd10c;
                    letter-spacing: -2px;
                }

                    .review_seals_list li .rating_bx .star_ratings i.star-48 {
                        background-image: linear-gradient(90deg, #ffd10c 80%, rgba(255, 209, 12, 0.4) 80%);
                    }

                    .review_seals_list li .rating_bx .star_ratings i.star-46,
                    .review_seals_list li .rating_bx .star_ratings i.star-47,
                    .review_seals_list li .rating_bx .star_ratings i.star-48,
                    .review_seals_list li .rating_bx .star_ratings i.star-49 {
                        background-clip: text;
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                    }

                    .review_seals_list li .rating_bx .star_ratings i.star-46 {
                        background-image: linear-gradient(90deg, #ffd10c 60%, rgba(255, 209, 12, 0.4) 60%);
                    }

                    .review_seals_list li .rating_bx .star_ratings i.star-49 {
                        background-image: linear-gradient(90deg, #ffd10c 90%, rgba(255, 209, 12, 0.4) 90%);
                    }

                    .review_seals_list li .rating_bx .star_ratings i.star-48 {
                        background-image: linear-gradient(90deg, #ffd10c 80%, rgba(255, 209, 12, 0.4) 80%);
                    }

#reviews_area_main,
#benefits {
    padding: 130px 0 53px;
    position: relative;
    z-index: 0;
}

    #benefits.ben {
        padding: 60px 0 130px;
    }

.custom-tab button {
    display: inline-block;
    width: 75%;
    background-color: transparent;
    position: relative;
    margin: 25px auto;
    padding: 12px 15px;
    border-radius: 25px;
    transition: all 0.5s linear;
    border: 1px dashed #2eca8b;
    font-size: 20px;
    text-align: center;
    outline: none !important;
}

    .custom-tab button h4 {
        color: #161c2d;
    }

    .custom-tab button p {
        font-size: 16px;
        transition: all 0.5s linear;
        line-height: 1.4;
        padding: 0 5px;
        margin-bottom: 0px;
        text-align: left;
        color: #6c757d;
    }

    .custom-tab button i {
        width: 30px;
        height: 30px;
        color: #fff;
        background-color: #2eca8b;
        border-radius: 50%;
        line-height: 30px;
        font-size: 20px;
        margin-right: 10px;
        text-align: center;
        position: absolute;
        top: -40px;
        left: 50%;
        transform: translateX(-50%);
    }

.dark {
    display: none;
}

#topnav .navbar_btns li a:hover .light {
    display: none;
}

#topnav .navbar_btns li a:hover .dark {
    display: inline-block;
}

.btn_tel.btn_call {
    height: 42px;
    position: relative;
    top: 2px;
    padding-top: 9px !important;
}

    .btn_tel.btn_call img {
        position: relative;
        top: -2px;
    }

.cc-link:active,
.cc-link:visited {
    color: #fff;
}

.faqs .card-header:hover {
    cursor: pointer;
}

#topnav .navigation-menu > li:nth-child(4)::after {
    display: none;
}

#topnav .navbar_btns li:nth-last-child(1) a:hover {
    background-color: #fff;
}

.banner_feature_wraper span:nth-child(1) {
    margin-right: 10px;
    display: inline-block;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 25px;
    padding: 3px;
    position: relative;
    top: 0px;
}

.banner_feature_wraper span .fas,
.banner_feature_wraper span .fa,
.banner_feature_wraper span .far {
    font-size: 20px;
    line-height: 28px;
}

.banner_feature_wraper span .fas,
.banner_feature_wraper span .fa,
.banner_feature_wraper span .far {
    color: #1f3b8c;
}

    .banner_feature_wraper span .fas.fa-star {
        color: #ffc107;
    }

.calculator_wrapper {
    background-color: #fff;
    border-radius: 25px;
    margin-bottom: 40px;
    border: 1px solid #d5d5d5;
    position: absolute;
    width: 97.5%;
    top: 5px;
    padding-top: 0;
}

.calculator_left,
.calculator_right {
    padding: 20px 0 0 !important;
}

.cal_right_tp {
    padding: 0 15px;
}

.page_ser_mtp {
    margin-top: 15px;
}

.calculator_right {
    border-left: 1px solid #d5d5d5;
    border-radius: 24px;
}

.banner_right_adj {
    position: absolute;
    z-index: 4;
    top: -52px;
    display: none;
}

.review_left_bg {
    background-color: #214196;
}

.rating_bx .log {
    width: 100%;
    height: 35px;
}

#discount_price .dollor {
    font-size: 14px;
    font-weight: 800;
}

#standard_price .dollor {
    font-size: 14px;
    font-weight: 700;
}

.total_prices p .dollar {
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    left: -10px;
    top: 2px;
}

.stand_prices p .dollar {
    font-weight: 800;
}

.feature_top h4 {
    display: inline-block;
    position: absolute;
    top: 48px;
    left: 75px;
}

.feature_right_top {
    margin: 20px 0 60px;
    text-align: center;
}

.cta_common {
    background-color: #444446;
    padding: 60px 0;
}

.cta_common-left .media .fa {
    font-size: 50px;
}

.cta_common-left .media h5,
.cta_common-left .media {
    color: #fff;
}

    .cta_common-left .media .media-body {
        margin-left: 10px;
    }

    .cta_common-left .media p {
        color: #82979f !important;
    }

.cta_common-right a {
    padding: 6px 30px;
    border-radius: 10px;
    border: 2px solid transparent;
    transition: all 0.2s linear;
}

    .cta_common-right a:nth-child(1) {
        background-color: #2f55d4;
        color: #fff;
        margin-right: 5px;
    }

    .cta_common-right a:nth-child(2) {
        background-color: transparent;
        color: #fff;
        border: 2px solid #2eca8b;
    }

        .cta_common-right a:nth-child(2):hover {
            background-color: #2eca8b !important;
        }

.cta_common-right ul {
    list-style: none;
}

    .cta_common-right ul li {
        display: inline-block;
    }

.cta_common-right a:hover {
    background-color: transparent !important;
    color: #fff !important;
    border: 2px solid #fff;
}

.home_process .para-desc {
    max-width: 876px;
}

.home_process .tabcontent {
    margin-top: 60px;
}

.ready {
    background-color: #f8f9fa;
    padding: 60px 0;
}

.ready_content p {
    color: #6c757d;
}

    .ready_content p span {
        color: #2f55d4;
    }

.ready_content a {
    background-color: #2f55d4;
    padding: 6px 15px;
    border-radius: 5px;
    color: #fff;
    border: 2px solid #2f55d4;
    margin-top: 5px !important;
    transition: all 0.4s linear;
    display: inline-block;
}

    .ready_content a:hover {
        background-color: #fff;
        color: #2f55d4;
    }

.text-purple {
    color: #2f55d4;
}

.comparison {
    padding: 60px 0 120px;
}

.comparison_wrapper {
    border: 1px solid #dee2e6;
}

.comparison_head h6 {
    font-weight: 600;
    margin-bottom: 0;
    padding: 25px 45px;
}

.comparison_media .media .fas,
.comparison_media .media .fa, .comparison_media .media img {
    color: #2f55d4;
}

.comparison_media.last_media .media .fa {
    color: #019800;
}

.comparison_media .media .media-body {
    position: relative;
    top: -5px;
    left: 5px;
}

.comparison_media.other_media .media .fas {
    color: #cd0001;
}

.comparison_media.last_media .media .fas {
    color: #019800;
}

.text-greeen {
    color: #019800;
}

.comparison_media.other_media .media span,
.comparison_media.last_media .media span {
    display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    text-align: center;
    position: relative;
    top: -5px;
    padding: 0px 4.5px;
}

.comparison_body {
    border-top: 1px solid #dee2e6;
}

.comparison_media .media-body p {
    margin-bottom: 0;
    margin-left: 5px;
}

.comparison_tbl .comparison_head {
    padding: 15px 0 15px 55px;
}

    .comparison_tbl .comparison_head:nth-child(1) {
        padding: 15px 0 15px 65px;
    }

.comparison_tbl .table-bordered td,
.comparison_tbl .table-bordered th {
    border: unset;
}

.comparison_tbl {
    border: 1px solid #dee2e6;
    border-bottom: unset;
}

    .comparison_tbl .table thead th {
        vertical-align: bottom;
        border-bottom: 1px solid #dee2e6;
    }

    .comparison_tbl .table th {
        border-top: 0;
    }

.about {
    padding: 40px 0 60px;
    background-color: #fff;
}

.about_left p {
    color: #6c757d;
}

.about_left a {
    border: 1px solid #2f55d4;
    padding: 8px 15px;
    color: #2f55d4;
    border-radius: 4px;
    margin-top: 5px;
    display: inline-block;
    transition: all 0.5s linear;
}

    .about_left a:hover {
        background-color: #2f55d4;
        color: #fff;
    }

    .about_left a span {
        margin-left: 6px;
        display: inline-block;
        position: relative;
        top: 1px;
    }

#owl-4 .owl-carousel .owl-item {
    width: 100%;
}

.about_right {
    text-align: right;
}

.about_left {
    margin-top: 35px;
}

#counter h2 {
    margin-top: 10px;
}

#counter h5 {
    margin-top: 10px;
    margin-bottom: 10px !important;
}

#counter {
    margin-top: 10px;
}

.comparison_tbl .table td {
    padding-bottom: 0;
}

.navigation-menu li p span .fa {
    transform: rotateY(160deg) !important;
    font-size: 30px;
    color: #2eca8b;
}

.navigation-menu.text-center {
    position: relative;
    top: 0px;
    margin-left: auto !important;
}

.navigation-menu li p {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    text-align: left;
}

#nav_responsive {
    position: relative;
}

#topnav .navbar_btns li:nth-child(2) a {
    background-color: #2dc98a;
    color: #fff;
}

    #topnav .navbar_btns li:nth-child(2) a:hover {
        background-color: #fff !important;
        color: #2dc98a !important;
    }

    #topnav .navbar_btns li:nth-child(2) a:hover {
        background-color: #2f55d4;
        color: #fff;
    }

.cta_common-left h5 {
    color: #2eca8b;
    font-weight: 800;
    margin-bottom: 0;
}

.cta_common-left p {
    color: #fff;
    font-size: 19px;
    line-height: 22px;
}

.cta_common-right .media-body p {
    margin-bottom: 0;
    font-size: 14px;
}

.cta_common-right .media-body h5 {
    font-size: 16px;
}

.cta_common-right .media-body,
.ready_right .media-body {
    margin-left: 15px !important;
    color: #fff;
    position: relative;
    top: -10px;
}

.ready_right .media-body {
    color: #161c2d;
    margin-left: 20px !important;
}

    .ready_right .media-body::before {
        content: '';
        background-color: #2eca8b;
        height: 48px;
        width: 1px;
        display: inline-block;
        position: absolute;
        left: -14px;
        top: 2px;
    }

.cta_common-right .media-body::before {
    content: '';
    background-color: #2eca8b;
    height: 48px;
    width: 1px;
    display: inline-block;
    position: absolute;
    left: -14px;
    top: 2px;
}

.cta_common-right .media .fa,
.cta_common-right .media .fas {
    font-size: 32px;
    color: #2eca8b;
}

.ready_right .media .fa,
.ready_right .media .fas {
    font-size: 32px;
    color: #2e54d5;
}

.cta_common-right .media .fas.fa-headset {
    margin-right: 10px;
}

.cta_common-right .media .fa.fa-phone,
.ready_right .media .fa.fa-phone {
    transform: rotateZ(45deg);
}

.cta_cmn_btn {
    margin-top: 20px;
}

.cta_comn_img_wrapper img {
    position: absolute;
    left: -30px;
    top: -15px;
}

.ready {
    background-image: url('../images/ready-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.ready_right p {
    margin-bottom: 0;
}

.ready_right h5 {
    color: #2e54d5;
    font-weight: 800;
    padding: 0 0 20px;
    max-width: 410px;
    text-transform: uppercase;
}

.ready_right .media-body h5 {
    color: #161c2d;
    font-weight: 600;
    font-size: 16px;
}

.ready_right .media-body.media-body-second::before {
    left: -10px;
}

.ready_right .cta_cmn_btn a:nth-child(1),
.testimonial_area .cta_cmn_btn a:nth-child(1), .services .cta_cmn_btn a:nth-child(1) {
    background-color: #2eca8b;
    color: #fff;
    margin-right: 0px;
}

.ready_right .cta_cmn_btn a:nth-child(2) {
    background-color: transparent;
    color: #2f55d4;
    border: 2px solid #2f55d4;
}

.ready_right a,
.testimonial_area .cta_cmn_btn a:nth-child(1), .services .cta_cmn_btn a:nth-child(1) {
    padding: 6px 25px;
    border-radius: 10px;
    border: 2px solid transparent;
    transition: all 0.2s linear;
}

.cc-link {
    color: #2f55d4 !important;
}

.ready_right .cta_cmn_btn a:nth-child(1):hover,
.testimonial_area .cta_cmn_btn a:nth-child(1):hover {
    background-color: transparent;
    border: 2px solid #2eca8b;
    color: #2eca8b;
}

.ready_right .cta_cmn_btn a:nth-child(2):hover {
    background-color: #2f55d4;
    color: #fff;
}

.testimonial_area {
    padding: 40px 0 90px;
    /*background-image: radial-gradient(circle, rgba(10,42,127,1) 0%, rgba(33,65,150,1) 0%, rgba(10,42,127,1) 63%);*/
    background-color: #f8f9fa;
}

.customer-testi p {
    color: #6c757d !important;
    font-size: 16px;
    font-weight: 400;
}

.customer-testi img + p {
    font-weight: 800;
}

.customer-testi h5 {
    color: #343a40;
    font-weight: 400;
    font-size: 17px;
}

.customer-testi {
    background-color: #fff;
    padding: 10px 30px 20px;
    border-radius: 10px;
    margin: 0 20px;
    height: 415px;
}

    .customer-testi span {
        display: none;
        color: #6c757d !important;
        font-weight: 600;
        position: relative;
    }

        .customer-testi span::before {
            content: '';
            background-color: #6c757d;
            height: 1px;
            width: 15px;
            position: absolute;
            left: -19px;
            top: 11px;
        }

    .customer-testi .testi_btm_details p {
        margin-bottom: 0;
        font-size: 16px;
    }

.testi_btm_details {
    margin-top: 15px;
}

.testimonial_right h2,
.testimonial_right p {
    color: #6c757d;
}

.testimonial_area .cta_cmn_btn a > p, .services .cta_cmn_btn a > p {
    color: #161c2d !important;
}

.testimonial_right h2 {
    font-weight: 600;
    font-size: 34px;
    color: #161c2d !important;
    padding-bottom: 20px;
}

.testimonial_right {
    margin-top: 20px;
}

.tesimonial_seals {
    background-image: url('../images/testimonial_right_pic.png');
    height: 45px;
    width: 125px;
    margin-right: 8px;
}

.tesimonial_seals1 {
    background-position: 0 0;
}

.tesimonial_seals2 {
    background-position: -140px 0;
    width: 103px;
}

.tesimonial_seals3 {
    background-position: -266px 0;
    width: 122px;
}

.tesimonial_seals4 {
    background-position: -408px 0;
    width: 170px !important;
    left: -55px;
    position: absolute;
    display: none !important;
}

.testimonial_right_btm .tesimonial_seals {
    display: inline-block;
}

.cta_common.cta_common_second {
    padding: 0;
    background-image: url('../images/ready-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.cta_common_second_right {
    padding: 40px 0 130px;
}

.cta_common.cta_common_second.ready1.cta-pad-adj .cta_second-left img {
    width: 80%;
}

.cta_common.cta_common_second.ready1.cta-pad-adj .cta_second-left.cta_third-left img {
    width: 100%;
}

.about_card {
    background-color: #fff;
    padding: 40px;
    border-radius: 5px;
    border: 1px solid #d8dff6;
    margin-bottom: 25px;
    transition: all 0.3s linear;
    position: relative;
}

    .about_card.about_card_mtp {
        margin-top: 50px;
    }

    .about_card:hover {
        box-shadow: 1px 1px 17px #ccc;
        cursor: pointer;
    }

    .about_card.about_card_mtp_1 {
        margin-top: -50px;
    }

.about_btm {
    margin-top: 60px;
}

.about_left,
.about_left_tp {
    margin-top: 40px !important;
}

    .about_left_tp h2 span {
        color: #2f55d4;
        font-size: 24px;
    }

    .about_left_tp h2 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 20px;
        font-weight: 400;
        color: #161c2d;
    }

.recent-review-tp {
    padding: 20px 25px;
}

.recent-reviews-btm ul {
    padding: 0;
    list-style: none;
    margin-top: 10px;
}

    .recent-reviews-btm ul li {
        margin-bottom: 3px;
    }

.recent-reviews-btm {
    padding: 0 20px 0 55px;
}

    .recent-reviews-btm ul li span:nth-child(1) .fa {
        color: #2eca8b;
    }

    .recent-reviews-btm ul li span:nth-child(2) {
        color: #2f55d4;
    }

        .recent-reviews-btm ul li span:nth-child(2) .fas.fa-user {
            color: #8492a6;
            font-size: 12px;
        }

.purple {
    color: #2f55d4 !important;
    font-style: normal;
}

#owl-4.owl-theme .owl-controls .owl-page span {
    border-radius: 2px;
    background: 0 0;
    border: 2px solid #2f55d4;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #2f55d4 !important;
}

#owl-4.owl-theme .owl-controls {
    margin-top: 0;
}

.about-left-seal {
    background-repeat: no-repeat;
    height: 30px;
    width: 130px;
    display: inline-block;
}

.about-left-seal1 {
    background-position: 0px -12px;
}

.about-left-seal2 {
    background-position: -125px -12px;
    width: 115px;
}

.about-left-seal3 {
    background-position: -241px -12px;
    width: 109px;
}

.about-left-seal4 {
    background-position: -355px -12px;
}
/* Popup New */

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
}

    .overlay:target {
        visibility: visible;
        opacity: 1;
    }

.popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 70%;
    position: relative;
    transition: all 2s ease-in-out;
}

    .popup .close {
        position: absolute;
        top: 20px;
        right: 40px;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #333;
        z-index: 2;
    }

    .popup .content {
        max-height: 30%;
        overflow: auto;
    }

.popup-new {
    width: 100%;
    margin: 0 auto;
}

.popup-new__header {
    background-color: #5c94c5 !important;
    padding: 15px 30px 40px 30px;
    border-radius: 99% / 0 0 99% 99%;
}

.popup-right-text h6 {
    font-size: 24px;
    font-weight: 900;
}

    .popup-right-text h6 span {
        font-weight: 600;
    }

.popup-right-text p {
    font-weight: 900;
    font-size: 14px;
}

.premium-quality {
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    width: 143px;
}

.popup-new__body .first-section {
    padding-top: 30px;
    padding-left: 20px;
    font-size: 1rem;
    font-weight: 900;
    line-height: 25px;
    padding-bottom: 12px;
}

.popup-new__body .fa-star {
    color: #ffd10c;
}

.clr-gray {
    color: #161c2d;
    font-weight: 500;
    font-size: 13px;
}

.first-section a {
    font-weight: 600;
}

.b-s {
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}

.popup-new__body .secound-section {
    padding-top: 10px;
    padding-left: 20px;
    font-size: 1rem;
    font-weight: 900;
    line-height: 25px;
}

    .popup-new__body .secound-section ul,
    .popup-new__body .third-section ul,
    .popup-new__body .eigth-section ul {
        list-style: none;
        margin-left: -40px;
        margin-bottom: 0;
    }

        .popup-new__body .secound-section ul li {
            padding: 5px 10px;
            background-color: #e5e5e5;
            border-radius: 30px;
            margin: 0 5px 5px 5px;
        }

.popup-new__body .third-section,
.popup-new__body .forth-section,
.popup-new__body .fifth-section,
.popup-new__body .sixth-section,
.popup-new__body .seventh-section,
.popup-new__body .eigth-section {
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 7px;
    font-size: 1rem;
    font-weight: 900;
    line-height: 25px;
}

.popup-new__body .secound-section,
.popup-new__body .forth-section,
.popup-new__body .fifth-section,
.popup-new__body .sixth-section,
.popup-new__body .seventh-section,
.popup-new__body .eigth-section {
    padding-bottom: 6px;
}

    .popup-new__body .third-section ul li,
    .popup-new__body .eigth-section ul li {
        margin: 0 5px 5px 5px;
    }

    .popup-new__body .forth-section .cut {
        text-decoration: line-through;
    }

    .popup-new__body .forth-section p {
        margin-bottom: 0;
    }

    .popup-new__body .eigth-section ul li {
        width: 180px;
    }

.surprise-btn {
    padding: 10px;
    border-radius: 30px;
    background-color: #2f55d4;
    margin: 10px 0;
    border: 2px solid transparent;
}

    .surprise-btn:hover {
        border: 2px solid #2f55d4;
        background-color: #fff;
    }

        .surprise-btn:hover a {
            color: #2f55d4 !important;
        }

.comparison_media.last_media .media span {
    padding: 0px 2px;
}

.popup-new .close {
    position: relative;
    z-index: 999;
}

#exampleModal .modal-body {
    padding: 0;
}

.feature_right_top button:focus,
.feature_right_top button:focus-within {
    outline: none !important;
}

#exampleModal.modal.fade.show {
    background-color: #000000c4;
}

#exampleModal .close {
    z-index: 999999999999999999;
    position: absolute;
    right: 10px;
    top: 8px;
    height: 20px;
    width: 20px;
    border: 2px solid #fff;
    border-radius: 100%;
    line-height: 0;
    font-size: 15px;
    background-color: transparent;
    padding: 3px;
}

    #exampleModal .close span {
        color: #fff;
    }

#exampleModal .modal-content {
    width: 90%;
    margin: 0 auto;
}

.popup-new-footer {
    background: #5c94c5;
    padding: 8px;
    font-size: 20px;
}

.ready .cta_cmn_btn {
    text-align: left;
    margin-top: 0px;
}

.cta_common.cta_common_second .cta_cmn_btn {
    margin-top: 0;
}

.cm_sp {
    position: relative;
    color: #969696;
    font-size: 14px;
    font-weight: 700;
}

    .cm_sp::after {
        content: "";
        background-color: #969696;
        height: 1px;
        width: 100%;
        display: inline-block;
        position: absolute;
        top: 9px;
        left: 0;
    }

.cmn-price-pattern p span:nth-child(2) {
    background-color: #2f55d4;
    display: inline-block;
    padding: 1px 5px;
    border-radius: 5px;
    color: #fff;
    margin-left: 5px;
    min-width: unset;
    text-align: center;
}

.stand_prices p span:nth-child(4) .dollar {
    font-size: 14px;
}

.stand_prices.cmn-price-pattern {
    margin-bottom: 5px;
}

.cmn-price-pattern1.cmn-price-pattern p span:nth-child(2) {
    margin-left: 60px;
}

.alarm-detail .fas {
    color: #2eca8b;
}

.alarm-detail span {
    color: #2eca8b;
    margin-left: 0;
}

    .alarm-detail span span {
        font-weight: 800;
    }

.alarm-detail {
    margin-bottom: 0px;
    position: relative;
    padding-left: 20px;
}

.review_btm_seal {
    background-image: url('../images/review-seals.png');
    height: 121px;
    width: 278px;
    display: inline-block;
    margin-top: 45px;
}

.review_btm_seal1 {
    background-position: 0 0;
    margin-right: 20px;
}

.review_btm_seal2 {
    background-position: -305px 0;
}

.review_btm_seals {
    text-align: center;
}

.comparison_media.other_media .media span,
.comparison_media.last_media span {
    width: 25px;
    margin: 0 auto;
}

.header_tp_number {
    color: #2eca8b;
    font-weight: 600;
    position: absolute;
    right: -70px;
    bottom: -18px;
    width: 143px;
}

.content_left {
    position: relative;
    top: 0;
    right: -15px;
}

.content_right {
    left: -15px;
    position: relative;
    top: -2px;
}

.ready1 .ready_right .cta_cmn_btn a:nth-child(3) {
    background-color: unset;
    color: #161c2d !important;
    border: unset;
    padding: unset !important;
    margin-right: 8px;
    margin-left: 8px;
}

.ready1 .ready_right .cta_cmn_btn a:nth-child(4) {
    background-color: unset;
    color: #161c2d;
    border: unset;
    padding: unset !important;
}

    .ready1 .ready_right .cta_cmn_btn a:nth-child(4) .fas,
    .testimonial_area .cta_cmn_btn a:nth-child(4) .fas, .call-cta .fa-comment-dots {
        margin-right: 0px;
        color: #2f55d4;
        font-size: 26px;
        margin-right: 5px;
    }

.ready1 .ready_right .cta_cmn_btn a:nth-child(3) .fa,
.testimonial_area .cta_cmn_btn a:nth-child(3) .fa, .cta_cmn_btn .call-cta .fa.fa-phone {
    margin-right: 1px;
    color: #2f55d4;
    transform: rotateZ(44deg);
    font-size: 21px;
    position: relative;
    top: -3px;
}

.ready1 .ready_right .cta_cmn_btn a:nth-child(3),
.ready1 .ready_right .cta_cmn_btn a:nth-child(4), .call-cta .fa.fa-phone {
    position: relative;
    top: 2px;
}

.ready1 .ready_right .cta_cmn_btn a:hover span .fas,
.ready1 .ready_right .cta_cmn_btn a:hover span {
    color: #2f55d4 !important;
}

.ready1 .ready_right {
    margin-top: 20px;
}

    .ready1 .ready_right h5 {
        padding: 0 0 30px;
    }

.ready1.ready3 .ready_right {
    margin-top: 20px;
}

.last-star-49::after {
    content: '';
    background-color: #fff;
    height: 5px;
    width: 5px;
    position: relative;
    display: block;
    right: -2px;
    position: absolute;
    top: 4px;
}

.last-star-48::after {
    content: '';
    background-color: #fff;
    height: 10px;
    width: 5px;
    position: relative;
    display: block;
    right: -1px;
    position: absolute;
    top: 4px;
}

.small-enable {
    display: none;
}

.cal-countdown ul {
    list-style: none;
}

    .cal-countdown ul li {
        margin-left: 3px;
        font-weight: 800;
    }

        .cal-countdown ul li:nth-child(1) {
            margin-left: 5px;
        }

.counter3.cal-countdown {
    display: inline-block;
}

    .counter3.cal-countdown ul {
        padding: 0;
    }

.fold {
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-width: 0;
    border-style: solid;
    background: #72cbd1;
    display: block;
    /*border-radius:3px 0 0 0;*/
    border-color: transparent #fff transparent #fff;
    -webkit-transition: border-width 0.2s ease-out;
    -moz-transition: border-width 0.2s ease-out;
    -ms-transition: border-width 0.2s ease-out;
    -o-transition: border-width 0.2s ease-out;
    transition: border-width 0.2s ease-out;
}

.about_card:hover,
.page2:hover {
    cursor: pointer;
}

    .about_card:hover .fold {
        border-width: 0px 30px 30px 0px;
    }

.about_card i {
    transition: all 0.3s linear;
}

.about_card:hover i {
    transform: scale(1.1);
}

.cta_tel {
    border: unset !important;
    padding: unset !important;
    border-radius: unset !important;
    color: #161c2d;
}

    .cta_tel:hover {
        color: #161c2d;
    }

.ready.ready1.ready3 .ready_left {
    position: relative;
}

    .ready.ready1.ready3 .ready_left img {
        position: absolute;
        left: 0;
        top: -65px;
    }

.recent-review-right {
    text-align: center;
}

.ready.ready1.ready3 .ready_left.ready_left1 img {
    position: absolute;
    left: 0;
    top: -70px;
    width: 100%;
}

.cta-pad-adj {
    padding: 90px 0 60px;
}

.btn_tel.btn_tel_head {
    background-color: #2f55d4;
    height: 40px !important;
    width: 40px !important;
    display: inline-block;
    border-radius: 100%;
    /* line-height: ; */
    padding: 5px 0 !important;
    border: 2px solid #2f55d4;
    text-align: center;
    position: absolute;
    left: -45px;
}

    .btn_tel.btn_tel_head .darka {
        position: relative;
        left: 2px;
    }

.darka {
    display: none;
}

.btn_tel.btn_tel_head:hover {
    background-color: #fff;
}

    .btn_tel.btn_tel_head:hover .lighta {
        display: none;
    }

    .btn_tel.btn_tel_head:hover .darka {
        display: block !important;
    }

.comparison_tbl .table thead th:nth-child(1),
.comparison_tbl .table td:nth-child(1) {
    width: 40%;
}

.comparison_tbl .table td {
    width: 20%;
}

.hide_large {
    display: none;
}

#header-fixed {
    position: fixed;
    top: 0px;
    display: none;
    background-color: white;
}

.navbar_btnsul li span {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #ec1c24;
    font-weight: 700;
    line-height: 1.2;
}

.navbar_btnsul li em {
    font-size: 14px;
    color: #212122;
    font-weight: 600;
    transition: all 0.4s ease-in-out;
}

.navbar_btnsul li a {
    text-align: left;
}

#topnav .navbar_btns li.header_tel_info a {
    border: unset;
    position: relative;
    top: 8px;
}

    #topnav .navbar_btns li.header_tel_info a:hover {
        background-color: unset;
        color: unset;
    }

.header_tel_info a span {
    display: block;
    margin-bottom: 0;
    line-height: 8px;
    font-size: 13px;
}

.header_tel_info a em {
    font-size: 14px;
    font-style: normal;
    color: #161c2d;
}

.header_tel_info a span .fas {
    transform: rotate(90deg);
}

.banner_feature_wraper span.disp {
    display: inline-block;
}

.lower {
    text-transform: lowercase;
}

.call-cta p {
    display: inline-block;
    font-size: 16px;
    padding-left: 8px;
    position: relative;
    top: 3px;
    font-weight: 400;
    margin-bottom: 0 !important;
}

    .call-cta p::after {
        content: '';
        background-color: #2f55d4;
        height: 30px;
        width: 1px;
        position: absolute;
        left: 0;
        top: -3px;
    }

    .call-cta p em {
        font-style: normal;
        font-size: 14px;
        display: block;
        margin-bottom: 0;
        line-height: 8px;
        font-weight: 700;
    }

.call-cta span i {
    font-size: 20px;
}

.call-cta p:hover {
    color: #2f55d4;
}

.btm-icons-align {
    display: inline-block;
    margin: 0 auto;
}

.feature_top + .content.mt-4 {
    margin-top: -5px !important;
    padding-left: 60px;
}

.feature_top + .content p {
    line-height: 20px;
    font-size: 15px;
}

.work-process {
    transition: all 0.5s ease;
}

.process .icon,
.process.process-clean .icons i,
.process:hover .image::before {
    background-color: rgba(47, 85, 212, 0.1) !important;
}

.process.process-clean .icons i {
    height: 65px;
    width: 65px;
    line-height: 65px;
    background-color: rgba(47, 85, 212, 0.1);
    font-size: 28px;
    display: block;
    border-radius: 10px !important;
    padding: 15px 0;
}

.process-clean::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 40px;
    top: 30px;
    left: 80%;
    background: url('../images/process.png') center center no-repeat;
    z-index: 1;
    display: none;
}

.process-clean.process-clean-last::after {
    display: none;
}

.process_number {
    border-radius: 50%;
    box-shadow: 0px 15px 25px 0px #e9edfb;
    background-color: #fff;
    width: 50px;
    height: 50px;
    line-height: 38px;
    text-align: center;
    color: #2f55d4;
    font-size: 21px;
    font-weight: 700;
    padding: 9px;
    margin: 0 auto 15px;
}

.about_left_btm p {
    margin-bottom: 10px;
    line-height: 24px;
    margin-top: 80px;
}

.ready1 .ready_right h5:nth-child(1) {
    padding: 0 0 0;
    max-width: 460px;
}

.ready1 .ready_right p:nth-child(2) {
    margin-bottom: 20px;
}

.seal {
    width: 273px;
    height: 138px;
    background-color: #838383;
    clip-path: polygon(12% 0, 88% 0, 100% 12%, 100% 88%, 88% 100%, 12% 100%, 0 88%, 0 12%);
    position: relative;
    border-radius: 15% / 30px;
}

.seal1 {
    width: 271px;
    height: 136px;
    background-color: #fff;
    clip-path: polygon(12% 0, 88% 0, 100% 12%, 100% 88%, 88% 100%, 12% 100%, 0 88%, 0 12%);
    position: absolute;
    left: 1px;
    top: 1px;
    border-radius: 15% / 30px;
}

.seal-name p {
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #2f55d4;
    margin: 6px 0;
}

.seal-wraper {
    position: relative;
}

aside {
    margin: 20px 0;
    line-height: 34px;
    position: relative;
    cursor: pointer;
    user-select: none;
}

    aside.ribbon {
        background-color: #2f55d4;
        position: absolute;
        width: 104.4%;
        top: 21px;
        text-align: center;
        color: #fff;
        padding: 8px 0 5px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        left: 0px;
        height: 52px;
    }

        aside.ribbon::before {
            left: -29px;
            clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%, 90% 50%);
        }

        aside.ribbon::before,
        aside.ribbon::after {
            top: 8px;
            z-index: -10;
        }

    aside::before,
    aside::after {
        content: '';
        position: absolute;
        height: 50px;
        width: 25px;
        background-color: #2f55d4;
    }

    aside.ribbon::after {
        clip-path: polygon(50% 0, 0 0, 0 100%, 50% 100%, 10% 50%);
        right: -29px;
    }

aside {
    line-height: 34px;
    cursor: pointer;
}

.seal-wraper {
    width: 283px;
    height: 121px;
    display: inline-block;
    margin-top: 22px;
}

.ribbon p {
    margin-bottom: 0;
    line-height: 20px;
    font-weight: 600;
    font-size: 18px;
}

.ratings .fa {
    color: #fdb41a;
}

.ratings {
    position: absolute;
    bottom: 0px;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
}

    .ratings p {
        color: #1b2131;
        margin-bottom: 2px;
        margin-top: -2px;
        line-height: 12px;
        font-size: 11px;
        text-align: center;
        font-weight: 600;
    }

.seal-wraper1 {
    margin-right: 65px;
}

.ready_right.cta_common_second_right {
    position: relative;
    top: 45px;
}

.testimonial_right p {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 40px !important;
}

.btn_user.bordered_btn {
    border: 2px solid #a6a6a63b !important;
    background-color: #fff !important;
    color: #161c2d !important;
}

    .btn_user.bordered_btn:hover {
        background-color: #2dc98a !important;
        color: #fff !important;
    }

.fa-star.fa-star-49 {
    position: relative;
}

    .fa-star.fa-star-49::after {
        content: '';
        height: 11px;
        width: 5px;
        background-color: #fff;
        display: block;
        position: absolute;
        right: -2px;
        top: 4px;
    }
/* BizPROB */

aside.pb-ribbon {
    background-color: #2f55d4;
    position: absolute;
    width: 104.4%;
    top: 28px;
    text-align: center;
    color: #fff;
    padding: 5px 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    left: -1px;
    height: 46px;
}

.pb-aside.pb-ribbon p {
    font-size: 14px;
}

.pb-ribbon p {
    margin-bottom: 0;
    line-height: 18px;
    font-weight: 600;
    font-size: 17px;
}

.pb-ratings {
    position: absolute;
    bottom: -2px;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
}

    .pb-ratings .fa {
        color: #fdb41a;
    }

    .pb-ratings p {
        font-size: 10px;
        font-weight: 700;
        color: #3f6277;
        margin-bottom: -11px;
        margin-top: -3px;
    }

.aside-pb::before,
.aside-pb::after {
    content: '';
    position: absolute;
    height: 48px;
    width: 25px;
    background-color: #2f55d4;
}

.aside-pb.pb-ribbon::before {
    left: -29px;
    clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%, 90% 50%);
}

.aside-pb.pb-ribbon::before,
aside.pb-ribbon::after {
    top: 4px;
    z-index: -10;
}

.aside-pb.pb-ribbon::after {
    clip-path: polygon(50% 0, 0 0, 0 100%, 50% 100%, 10% 50%);
    right: -29px;
}

.seal-logo-pb {
    width: 120px;
    margin: 2px auto 0;
}

    .seal-logo-pb img {
        width: 120px;
        text-align: center;
    }

.seal-logo-text {
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    color: #44667a;
}

#year {
    position: relative;
    font-size: 10px;
    width: fit-content;
    margin: 0 auto 2px auto;
    color: #4989bf;
    font-weight: 600;
}

    #year::before {
        content: url('../images/year-img.png');
        position: absolute;
        height: 5px;
        width: 20px;
        top: 0px;
        left: -20px;
    }

    #year::after {
        content: url('../images/year-img.png');
        position: absolute;
        height: 5px;
        width: 20px;
        top: 0px;
        right: -20px;
    }

#year {
    display: inline;
}

.footer .footer-list li a i.fas.fa-phone {
    transform: rotate(92deg);
}

.banner_feature_wraper span .fa.fa-clock-o {
    transform: rotateY(160deg);
}

.testimonial_area .cta_cmn_btn a {
    margin-right: 11px;
}

.navigation-menu li a span .fa,
.navigation-menu li a .fas {
    font-size: 26px;
    color: #2f55d4;
}

    .navigation-menu li a span .fa.fa-phone {
        transform: rotateZ(40deg);
        font-size: 22px;
        top: -1px;
        left: 1px;
    }

.navigation-menu li:nth-child(2) {
    margin: 0 10px !important;
}

.header_tp_btm {
    display: none;
}

.features.feature-clean .icons i, .footer-media i {
    height: 65px;
    width: 65px;
    line-height: 65px;
    background-color: rgba(47, 85, 212, 0.1);
    margin-bottom: 25px !important;
    font-size: 24px;
    transition: all 0.2s linear;
    display: inline-block;
    border-radius: 10px;
}

.testimonial_right_btm {
    padding: 15px 0;
    display: none;
}

.card:hover {
    cursor: pointer;
}

.footer_bdr {
    border-top: 1px solid #283353;
    margin-bottom: 50px;
    margin-top: 20px;
}

.banner_feature_wraper span img {
    width: unset;
}

.popup-new__body .eigth-section ul li:nth-child(10) {
    width: 180px;
}

.seventh-section img {
    width: 180px;
}

.plr-md {
    padding-left: 0;
    padding-right: 0;
}

.customer-testi img {
    width: 10%;
}

.customer-testi .list-unstyled {
    margin-top: 0px !important;
}

.active_sm {
    display: none;
}

.faqs .cta_cmn_btn a:nth-child(1) {
    display: inline-block;
    max-width: 180px;
    text-align: center;
    margin-bottom: 25px;
    position: relative;
    top: -4px;
}

.bizprobe_btn {
    background-color: unset;
    border: unset;
}

    .bizprobe_btn:focus {
        outline: unset;
    }

.seal-wraper.seal-wraper-bizprobe {
    margin-top: 20px !important;
}

.sitemap_content_area {
    padding: 60px 0;
}

    .sitemap_content_area .link_list li a {
        display: block;
        padding: 5px 0;
        font-size: 16px;
        color: #6c757d;
        transition: padding-left 0.3s linear;
    }

    .sitemap_content_area .link_list li {
        display: block;
    }

        .sitemap_content_area .link_list li a i {
            display: inline-block;
            margin-right: 10px;
            color: #2f55d4;
        }

@supports (-webkit-touch-callout: none) {
    body {
        font-size: 16px !important;
    }

    input,
    select,
    textarea,
    .form-control {
        font-size: 100% !important;
    }
}

.footer-items-center {
    text-align: center;
}

#calculate_order .calcProceedBtn {
    display: inline-block;
    width: 100%;
    position: relative;
}

    #calculate_order .calcProceedBtn:hover {
        color: #fff;
    }

.ser_typ_mtp {
    margin-top: 17px;
}

.level-pad {
    padding: 10px 0;
}

.level-mtb {
    margin-top: 15px;
    margin-bottom: 15px;
}

.spacing_wrap [type='radio']:checked,
.spacing_wrap [type='radio']:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .spacing_wrap [type='radio']:checked + label,
    .spacing_wrap [type='radio']:not(:checked) + label {
        position: relative;
        padding-left: 23px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #030303;
        top: 8px;
    }

        .spacing_wrap [type='radio']:checked + label:before,
        .spacing_wrap [type='radio']:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 16px;
            height: 16px;
            border: 1px solid #2f55d4;
            border-radius: 100%;
            background: #fff;
        }

        .spacing_wrap [type='radio']:checked + label:after,
        .spacing_wrap [type='radio']:not(:checked) + label:after {
            content: '';
            width: 10px;
            height: 10px;
            background: #2f55d4;
            position: absolute;
            top: 3px;
            left: 3px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .spacing_wrap [type='radio']:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .spacing_wrap [type='radio']:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.spacing_wrap p {
    display: inline-block;
    margin-right: 4px;
}

.spacing_wrap label span {
    position: relative;
    top: -2px;
}

.level-mtb {
    margin-top: 15px;
    margin-bottom: 15px;
}

.ser_typ_mtp {
    margin-top: 17px;
}

.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1 !important;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 165px;
        background-color: #fff;
        color: #3c3c3c;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -75px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.cpy_txt_btn {
    background-color: transparent;
    border: none;
    color: #adb5bd;
    font-size: 16px;
    outline: none;
    margin-left: -3px;
    margin-bottom: 5px;
}

button.cpy_txt_btn:focus {
    outline: unset;
}

#myInput {
    visibility: hidden;
    height: 0;
}

.footer-head.footer-head-last {
    margin-bottom: 0;
}

.tooltip + .list-unstyled.footer-list {
    margin-top: 0 !important;
}

    .tooltip + .list-unstyled.footer-list li:nth-child(1) {
        display: none;
    }

.is-copied {
    background: yellow;
}

/* copy mail */
.mail-text {
    font-size: 15px;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    font-size: 15px;
    font-weight: 300;
    margin: 0 0 7px;
    outline: 0;
    display: inline-block;
    line-height: 25px;
}

[data-tooltip] {
    position: relative;
}

    [data-tooltip]::before {
        content: "";
        position: absolute;
        top: -6px;
        left: 50%;
        transform: translateX(-10%);
        border-width: 4px 6px 0 6px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
        z-index: 100;
        opacity: 0;
        transition: all 250ms ease;
    }

    [data-tooltip]::after {
        content: attr(data-tooltip);
        position: absolute;
        left: 50%;
        top: -6px;
        transform: translateX(-50%) translateY(-100%);
        background: #fff;
        text-align: center;
        color: #2f55d4 !important;
        padding: 4px 4px;
        font-size: 14px;
        width: 160px;
        border-radius: 4px;
        pointer-events: none;
        opacity: 0;
        transition: all 250ms ease;
    }

[tooltip-position ='bottom']::before {
    top: 0px;
    margin-top: -3px;
    transform: translateX(-68%) translatey(0) rotate(0deg);
}

[tooltip-position='bottom']::after {
    top: 0;
    margin-top: -36px;
    transform: translateX(-50%) translateY(0);
}

[data-tooltip]:hover::after,
[data-tooltip]:hover::before {
    opacity: 1;
}

.contact_wrapper {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
    border: 1px solid #2f55d4;
    position: relative;
    width: 100%;
    top: 5px;
}

.calculate_order_form .contact_left, .calculate_order_form .contact_right {
    padding: 15px 10px 0 !important;
}

.calculate_order.calculate_order_form h3 {
    font-size: 22px;
    font-weight: 800;
    color: #1d3d92;
    text-align: center;
    margin-bottom: 21px;
}

.calculate_order.calculate_order_form input, .calculate_order.calculate_order_form textarea {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #b7b7b7;
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .075);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 36px;
    outline: 0;
    position: relative;
    text-align: left !important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    white-space: nowrap;
    width: 100%;
    padding: 7px 10px 7px 40px;
    font-style: italic;
    margin-bottom: 12px !important;
}

.calculate_order_form .btn-submit {
    width: 90%;
    background-color: aqua;
    text-align: center;
    border: none;
    padding: 5px 0px;
    font-size: 16px;
    color: white;
    border-radius: 10px;
    font-weight: 600;
    background-color: #2f55d4;
    background-color: rgba(47,85,212,0.9);
    transition: all 500ms ease;
    outline: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 60px;
}

.iti__country-list {
    max-width: 250px;
}

.iti--separate-dial-code .iti__selected-flag {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}


/* form_design css */
.order-form i {
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 1;
}

.order-form input::placeholder {
    font-size: 13px !important;
    color: #352626 !important;
    /* font-style: italic !important; */
}

.order-form input:focus::placeholder {
    opacity: 0 !important
}

.order-form input:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.order-form input:focus:-moz-placeholder {
    opacity: 0 !important
}

.order-form input:focus::-moz-placeholder {
    opacity: 0 !important
}

.order-form input:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.calculate_order.calculate_order_form input:focus {
    border: 1px solid #1b3b90b0;
}

.title-heading .heading.form-banner-heading {
    font-size: 36px;
    margin-bottom: 10px !important;
    max-width: 600px;
    margin-left: 5px;
}

    .title-heading .heading.form-banner-heading + p {
        margin-left: 5px;
    }

.contact_wrapper.calculate_order.calculate_order_form {
    margin-top: 25px;
    padding: 5px 0 15px;
    overflow: visible;
    margin-left: auto;
    position: relative;
    max-width: 420px;
    box-shadow: 1px 1px 13px #ccc;
}

#benefits.benefit_form {
    padding: 40px 0 53px;
}

.fa.fa-book.ml-3.icons {
    font-size: 18px;
}

.lower {
    text-transform: lowercase;
    display: inline-block !important;
    font-weight: 400 !important;
}

    .lower::before {
        display: none;
    }

.pad_middle {
    padding: 0;
}

.calculate_order_form .order-form {
    padding: 0px 25px 0px 25px;
}

    .calculate_order_form .order-form img {
        position: absolute;
        left: 30px;
        top: 35px;
        z-index: 1;
        color: #253e8c;
    }

#auto-response {
    padding: 10px 15px;
    margin: 5px 0 10px;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: none;
    line-height: 20px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

    #auto-response p {
        margin: 0;
        color: red;
        font-size: 15px;
    }

#f_submit {
    background-color: #19398e;
    border: 1px solid #19398e;
}

.modal {
    transform: translateZ(8px);
}

.sub_mtp {
    margin-top: 10px;
}

.order-form .contact_left .row .col-md-12:nth-child(4) i {
    top: 34px;
}

.plr {
    padding-left: 0;
    padding-right: 0;
}

.para-desc.text-light.para-desc-main.para-desc-main-research {
    max-width: 650px;
}

.coupan_details {
    padding-left: 58px;
    position: relative;
    top: 3px;
}

    .coupan_details h4 {
        color: #fff;
        font-size: 15px;
        margin-bottom: 0;
        margin-left: 0;
    }

    .coupan_details p {
        color: #c7c2c2;
        margin-bottom: 0;
        font-weight: 600;
        font-size: 14px;
    }

.coupon-wrapper {
    position: relative;
    background-color: #6e6e6e;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 17px;
    padding: 6px 6px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border: 1px dashed #fff;
    display: none;
}

.coupan_square {
    position: relative;
    left: 5px;
}

    .coupan_square p {
        color: #4bbb87;
        font-size: 26px;
        line-height: 24px;
        margin-bottom: 0;
        text-align: center;
        font-weight: 800;
    }

#auto-response {
    padding: 10px 15px;
    margin: 5px 25px 10px;
    margin-left: 0px;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: none;
    line-height: 20px;
    width: 100%;
    margin-left: auto;
    background-color: #f4c7c3;
}

    #auto-response p {
        margin: 0;
        color: #f41100;
        font-size: 13px;
        font-weight: 600;
    }

#f_submit {
    background-color: #2eca8b;
    border: 1px solid #2eca8b;
    width: 100%;
    transition: all 0.2s linear;
    position: relative;
    top: -3px;
    font-size: 17px;
}

    #f_submit:hover {
        background-color: #00aa65 !important;
    }
/**** odometer css ****/
.odometer.odometer-auto-theme,
.odometer.odometer-theme-minimal {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative
}

    .odometer.odometer-auto-theme .odometer-digit,
    .odometer.odometer-theme-minimal .odometer-digit {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        position: relative;
        text-align: center
    }

        .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
        .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            visibility: hidden
        }

        .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
        .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
            text-align: left;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            overflow: hidden
        }

        .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
        .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
            display: block
        }

        .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
        .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
            display: block;
            -webkit-backface-visibility: hidden
        }

        .odometer.odometer-auto-theme .odometer-digit .odometer-value,
        .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
            display: block;
            -webkit-transform: translateZ(0)
        }

            .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
            .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
                position: absolute
            }

    .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
    .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
        -webkit-transition: -webkit-transform 2s;
        -moz-transition: -moz-transform 2s;
        -ms-transition: -ms-transform 2s;
        -o-transition: -o-transform 2s;
        transition: transform 2s
    }

    .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
    .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
    .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
    .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
        -webkit-transition: -webkit-transform 2s;
        -moz-transition: -moz-transform 2s;
        -ms-transition: -ms-transform 2s;
        -o-transition: -o-transform 2s;
        transition: transform 2s;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

.banner_feature_wraper.banner_feature_wraper_line::after {
    content: "";
    background-image: url(../images/feature_line.png);
    position: absolute;
    width: 100%;
    height: 16px;
    left: 52px;
    bottom: -12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: initial;
    max-width: 224px;
    display: none;
}

.get_credit_worth_wrapper {
    margin-top: 20px;
    position: relative;
    margin-bottom: 15px;
}

.gcw {
}

    .gcw span {
        display: block;
        position: relative;
        top: -9px;
        left: 2px;
    }

.get_credit_worth_wrapper p {
}

.banner_ratings {
    margin-top: 20px;
}

.home_ser .banner_ratings ul {
    margin-bottom: -10px;
}

.banner_ratings ul li {
    display: inline-block;
    color: #fff;
    font-size: 14px;
}

    .banner_ratings ul li .fa {
        color: #ffc107;
    }

.banner_ratings li:nth-child(2) {
    height: 26px;
    width: 26px;
    background-color: #2eca8b;
    border-radius: 100%;
    line-height: 20px;
    padding: 1px 6px;
    margin: auto 5px auto 0;
    box-shadow: 1px 5px 21px #48567d;
}

    .banner_ratings li:nth-child(2) .fa {
        color: #fff;
        font-size: 14px;
        position: relative;
        top: 0px;
        left: 2px;
    }

.banner_ratings ul li {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.1px;
}

.feat_logo_form, .editing_area_home .feat_logo_form {
    background-image: url(../images/section-rating-1.png);
    background-repeat: no-repeat;
    background-size: auto;
    height: 45px;
    width: 135px;
}

.editing_area_home.et .feat_logo_form {
    background-image: url(../images/section-rating-et.png);
}

.feat_logo_1a, .editing_area_home .feat_logo_1a {
    background-position: 0 0;
}

.feat_logo_2a, .editing_area_home .feat_logo_2a {
    background-position: -142px 0px;
    width: 122px;
}

.banner_ratings ul {
    list-style: none;
    padding: 0;
}

.banner_feature_wraper span:nth-child(2) {
    position: relative;
    display: inline-block;
    text-decoration: line-through;
    font-size: 15px !important;
}

.banner_feature_wraper span:nth-child(3), .bld {
    font-size: 16px;
    font-weight: 800;
}

.banner_feature_wraper span:nth-child(4) {
    display: inline-block;
    background-color: #2dc98a;
    padding: 3px 10px;
    border-radius: 4px;
    position: absolute;
    top: -3px;
    width: 83px;
}

    .banner_feature_wraper span:nth-child(4) p {
        margin-bottom: 0;
        font-weight: 800;
    }

.bld {
    text-decoration: unset !important;
}

#home.home_ser {
    padding: 70px 0 25px;
}

.navigation-menu li:nth-child(1) span {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    top: 2px;
}

.features i.fa-user-edit::before {
    position: relative;
    left: 5px;
}

.cta_cmn_btn .call-cta p:hover {
    color: #2f55d4 !important;
}

[href^='tel'] {
    pointer-events: none;
    cursor: auto;
}

.title-heading .para-desc.para-desc-res {
    max-width: 650px;
}

.mobile-enabled {
    display: none;
}

.calc-heading span {
    color: #2f55d4;
    font-size: 20px;
}

.popup-right-image {
    margin-right: 15px !important;
    text-align: right;
}

.third-section .clr-gray img {
    width: 8%;
    position: relative;
    top: -2px;
}

.featture_top {
    background-image: url("../images/features-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 350.6px;
    height: 70px;
    position: absolute;
    top: 0px;
    left: 0;
}

.feature.list-unstyled {
    margin-top: 90px;
}

.featture_top h2:nth-child(2) {
    position: absolute;
    right: 44px;
    font-size: 20px;
    color: #fff;
    font-weight: 800;
    top: 10px;
}

    .featture_top h2:nth-child(2) span:nth-child(2) {
        display: block;
        color: #2eca8b !important;
        font-weight: 600;
        top: -5px !important;
        position: relative;
        left: 1px;
    }

    .featture_top h2:nth-child(2) span:nth-child(1) {
        position: relative;
    }

        .featture_top h2:nth-child(2) span:nth-child(1)::after {
            content: "";
            background-color: #fff;
            position: absolute;
            width: 100%;
            height: 1px;
            left: 0;
            top: 13px;
        }

.cta_second-left.cta_third-left img {
    position: unset;
    margin-top: 25px;
}

.twnty {
    font-weight: 700;
}

.four-seven {
    display: inline-block;
    position: relative;
    left: 7px;
}

.testimonial_right p span {
    text-transform: lowercase;
}

.testi_btm_details p span {
    display: inline-block !important;
    font-weight: 800;
}

    .testi_btm_details p span::before {
        display: none !important;
    }

.faqs .card-header .lower {
    font-weight: 600 !important;
}

.icon-active::before {
    color: #2f55d4 !important;
}

.icon-active.collapsed::before {
    color: #3c4858 !important;
}

.recent-review-left {
    margin-top: 10px;
}

.recent-reviews-btm a {
    background-color: #2eca8b;
    color: #fff;
    border: 2px solid #2eca8b;
    padding: 5px 15px;
    border-radius: 10px;
    transition: all 0.2s linear;
}

    .recent-reviews-btm a:hover {
        background-color: #fff;
        border: 2px solid #2eca8b;
        color: #2eca8b;
    }

.footer-one-cell {
    margin-left: 60px;
}

.footer-media:hover i {
    color: #fff;
}

.chose-para-adg {
    max-width: 385px;
}

.pad-25 {
    padding: 0 25px;
}

.thank .ready_right p {
    padding-bottom: 15px;
}

#benefits.thanks_benefit {
    padding: 45px 0 75px;
}

.gf {
    text-decoration: none !important;
    top: 0px;
}

.ripple_yellow {
    background: rgba(248, 208, 95, 0.9);
    display: inline-block;
    padding: 5px;
    animation: blinker1 2s linear infinite !important;
    width: 100%;
    padding: 0px 10px;
    border-radius: 10px;
    height: 52px;
}

/*Ripple yellow*/

.ripple_yellow {
    background: rgb(46 202 139 / 90%);
    display: inline-block;
    padding: 5px;
    animation: blinker1 2s linear infinite !important;
    width: 100%;
    padding: 0px 5px;
}


/*****Banner Area *****/
.banner {
    padding: 30px 0px 50px;
}

/*header*/
header {
    border-bottom: 1px solid #90bed8;
}

.sticky_header {
    background: #015498;
    padding: 20px 0px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    box-shadow: 0px 0px 5px 0px #575757;
    border: none !important
}

    .sticky_header .top_header {
        display: none !important;
    }

header .navbar {
    padding: 0;
}

.top_header {
    border-bottom: 1px solid #90bed8;
    padding: 10px 0px;
}

    .top_header li {
        display: inline-block;
        padding: 0px 3px;
    }

        .top_header li:first-child {
            padding-left: 0;
        }

        .top_header li:last-child {
            padding-right: 0;
        }

.headedr_btn {
    font-weight: 900;
    display: block;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
    min-width: 100px;
    text-decoration: none !important;
    border: 1px solid #fff;
}

    .headedr_btn:hover {
        background: #015498 !important;
        color: #fff !important
    }

#user_btn:hover {
    background: #fff !important;
    color: #015498 !important
}

/*Top Header ripple*/
.top_header .ripple_yellow {
    animation: blinker2 2.5s linear infinite !important;
    background: rgba(248, 208, 95, 0.9);
    display: inline-block;
    padding: 8px 15px;
    text-align: center !important;
    z-index: 10;
    border-radius: 10px;
}

    .top_header .ripple_yellow a {
        margin: 0px auto;
        font-size: 14px;
        position: relative;
        z-index: 11;
        display: inline-block;
        font-family: sans-serif;
        font-weight: 700;
    }

        .top_header .ripple_yellow a:hover {
            text-decoration: none;
        }


    .top_header .ripple_yellow::before {
        content: '';
        height: 100%;
        width: 100%;
        background: rgba(248, 208, 95, 0.7);
        border-radius: 10px;
        border: 1px solid #ddd;
        animation: blinker2 1s linear infinite !important;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
    }

    .top_header .ripple_yellow::after {
        content: '';
        height: 50px;
        width: 185px;
        background: rgba(248, 208, 95, 0.5);
        border-radius: 10px;
        animation: blinker3 1s linear infinite !important;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 0;
        transform: translate(-50%, -50%);
    }

.form_btm span img {
    width: 18px !important;
    position: relative;
    top: -2px;
}

.form_btm {
    text-align: center;
    padding: 0px 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    width: 95%;
    margin-left: auto;
    filter: brightness(0) invert(1);
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

    .form_btm span {
        margin-right: 5px;
        display: inline-block;
        padding: 3px 0 0;
    }

#process {
    background-color: #f8f9fa;
}

.iti--separate-dial-code .iti__selected-dial-code {
    font-size: 15px;
}

.ripple_yellow.ripple_yellow_calc {
    border-radius: 0 0 10px 20px;
    height: 79px;
}

.testimonial_area .cta_cmn_btn {
    margin-top: 30px;
}
/* Services */
section.services {
    padding: 70px 0 50px;
    /* margin: 0 0 50px; */
    background-color: #f5f5f5;
}

    section.services .heading_area {
        margin: 0;
    }

.text-medium {
    font-weight: 500;
}

.small_title {
    font-size: 24px;
    margin: 0;
    vertical-align: middle;
}

.txt_medblack {
    color: #444445 !important;
}

.txt_uppercase {
    text-transform: uppercase;
}

.text-center {
    text-align: center !important;
}

.small_title span {
    margin: 0;
    margin: 5px 0 0;
    display: block;
}

.text-bold {
    font-weight: 700;
}

.medium_title {
    font-size: 30px;
    margin: 0;
    vertical-align: middle;
}

.txt_blue {
    color: #0044a5 !important;
}

services .heading_area hgroup:after {
    content: '';
    border-bottom: 5px solid #ccc;
    width: 90px;
    display: block;
    margin: 15px auto 0;
    text-align: center;
}

.heading_area .main_paragraph {
    text-align: center;
    color: #4d4d4d;
    font-size: 17px;
    margin: 15px auto 0;
    display: block;
    vertical-align: middle;
    text-transform: none;
    line-height: 25px;
    font-weight: 500;
}

.write-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.text_box {
    background-image: url("../images/text-box-bg.png");
    background-repeat: no-repeat;
    width: 100%;
    padding: 30px 20px;
    border-radius: 45% 65% 22% 40%;
    min-height: 293px;
    overflow: hidden;
    transition: transform 0.4s !important;
    position: relative;
    margin-left: 8px;
}

.max-w-230 {
    max-width: 230px;
    position: absolute;
}

.text_box .max-w-230 i {
    /* position: absolute;
    top: 30px; */
    font-size: 45px;
    line-height: normal;
    width: 100%;
    text-align: center;
    /* display: flex;
   justify-content: center; */
}

.text-yellow {
    color: #f8d05f;
}

.text_box .max-w-230 .b_head {
    font-size: 17px;
    margin-top: 15px;
    text-align: center;
}

.text_box .max-w-230 p {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.text_box:hover {
    background-image: url("../images/text-box-bg-hover.png");
    color: #fff !important;
    transform: scale(1.01);
}

    .text_box:hover .max-w-230 .b_head {
        color: #fff !important;
    }

.fw_600 {
    font-weight: 600;
}

.text-blue {
    color: #015498;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text_box .max-w-230 .btm_design {
    height: 3px;
    margin: 5px auto 15px;
    max-width: 100px;
}

.bg_yellow {
    background: #f8d05f;
}

.owl-theme .owl-nav {
    display: none;
}

.services-list {
    max-width: 480px;
}

    .services-list a {
        padding: 0 15px;
        line-height: 33px;
        border: 1px solid #2f55d4;
        color: #2f55d4;
        border-radius: 8px;
        font-weight: 600;
        pointer-events: none;
        margin-right: 15px;
        margin-bottom: 15px !important;
        display: inline-block;
    }
/* Slide Section css */
.service-categories {
    padding: 30px 0 0;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.auto_slideshow {
    max-width: 1070px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.service-categories .auto_slideshow > div {
    width: 3000px;
}

.service-categories .col-md-3 {
    max-width: 6%;
    text-align: center;
    display: inline-block;
    flex: none;
    margin: 0;
    padding: 0 10px;
}

.service-categories .card {
    text-align: center;
    padding: 20px 15px 10px;
    margin: 3px 0 10px;
    height: 115px;
    overflow: hidden;
}

.service-card {
    background: transparent;
}

.service-categories .subjects_icon.icon1 {
    background-position: -20px -20px;
}

.service-categories .subjects_icon.icon2 {
    background-position: -93px -20px;
}

.service-categories .subjects_icon.icon3 {
    background-position: -162px -150px;
}

.service-categories .subjects_icon.icon4 {
    background-position: -231px -20px;
}

.service-categories .subjects_icon.icon5 {
    background-position: -300px -20px;
}

.service-categories .subjects_icon.icon6 {
    background-position: -369px -20px;
}

.service-categories .subjects_icon.icon7 {
    background-position: -422px 0;
}

.service-categories .subjects_icon.icon8 {
    background-position: -490px 0px;
}

.service-categories .subjects_icon.icon9 {
    background-position: -560px 0px;
}

.service-categories .subjects_icon.icon10 {
    background-position: -628px 0px;
}

.service-categories .subjects_icon.icon11 {
    background-position: 0 -67px;
}

.service-categories .subjects_icon.icon12 {
    background-position: -70px -67px;
}

.service-categories .subjects_icon.icon13 {
    background-position: -140px -67px;
}

.service-categories .subjects_icon.icon14 {
    background-position: -210px -67px;
}

.service-categories .subjects_icon.icon15 {
    background-position: -140px -196px;
}

.service-categories .subjects_icon.icon16 {
    background-position: -210px -197px;
}

.service-categories .subjects_icon.icon17 {
    background-position: -20px -74px;
}

.service-categories .subjects_icon.icon18 {
    background-position: -91px -74px;
}

.service-categories .subjects_icon.icon19 {
    background-position: -162px -74px;
}

.service-categories .subjects_icon.icon20 {
    background-position: -228px -74px;
}

.service-categories .subjects_icon.icon21 {
    background-position: -301px -74px;
}

.service-categories .subjects_icon.icon22 {
    background-position: -366px -74px;
}

.service-categories .subjects_icon.icon23 {
    background-position: -91px -74px;
}

.service-categories .subjects_icon {
    background: url("../images/subjects_sprites_icons.png");
    width: 35px;
    height: 35px;
    margin: 0 auto 0;
    display: inline-block;
    /* animation: bounce 3s linear; */
    position: relative;
    transition: transform .5s, visibility .5s ease-in;
}

.service-card:hover {
    border-right: 5px solid #2f55d4;
    border-left: 5px solid #2f55d4;
    cursor: pointer;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.01);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.01);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.01);
    transition: all 200ms ease-in;
    transform: scale(1.05);
}

.service-categories .card-title {
    padding-top: 5px;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
}

.exsmall_title {
    font-size: 20px;
    margin: 0;
    vertical-align: middle;
}

.txt_medblack {
    color: #444445 !important;
}

#testimonials .customer-testi img {
    width: 10%;
}

#owl-carousel1 .owl-pagination {
    display: none;
}

#owl-carousel1.owl-carousel .owl-item {
    padding: 0 15px 0 0;
}

.service_btm ul {
    list-style: none;
    padding: 0;
}

    .service_btm ul li {
        display: inline-block;
        width: 6%;
        margin-right: 15px;
    }

.service-card {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    padding: 20px 0 10px;
    text-align: center;
}

.service_btm.service-categories.service_btm_2 {
    padding: 0;
}

.main {
    width: 100%;
    min-height: 380px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.service {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    box-shadow: 0 0 20px -15px #030380;
    transition: transform .8s;
}

/* Mengatur posisi logo service */
.service-logo {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: -70px auto 0;
    background: #fff;
    border: 6px solid #2f55d4;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Membuat border title */
.service h4 {
    height: 35px;
    width: 91%;
    margin: 15px auto 25px;
    background: #fff;
    position: relative;
    font-size: 18px;
}

    .service h4::after,
    .service h4::before {
        content: '';
        width: 40px;
        height: 30px;
        position: absolute;
        z-index: -1;
    }

    .service h4::after {
        background: linear-gradient(to right, #fff, #2f55d4);
        right: -5px;
        top: -5px;
    }

    .service h4::before {
        background: linear-gradient(to right, #2f55d4, #fff);
        left: -5px;
        bottom: -5px;
    }


/* membuat shadow untuk service */
/*
.main::after {
content: '';
height: 200px;
width: 80%;
background: green;
position: absolute;
border-radius: 10px;
bottom: 0;
left: 10%;
z-index: -1;
box-shadow: 0 0 20px -15px #030380;
transition: transform .8s;
}
*/
/*
.main::before {
content: '';
height: 200px;
width: 64%;
background: red;
position: absolute;
border-radius: 10px;
bottom: 0;
left: 18%;
z-index: -2;
}
*/

.main:hover .service {
    transform: translateY(-20px);
}

.main:hover::after {
    transform: translateY(-25px);
}

.service-logo img {
    transition: transform 1s;
}

.main:hover .service-logo img {
    transform: rotate(360deg);
}

.services_section .service p {
    color: #444445 !important;
}

.service-logo i {
    color: #2f55d4;
    font-size: 38px;
}

.service-logo .fas.fa-user-edit {
    position: relative;
    left: 4px;
}

.service.service_1 h4 {
    padding: 7px 0;
}

.last-service-item {
    border: unset !important;
    color: #2fc98b !important;
    padding: 0 !important;
    pointer-events: unset !important;
}

.watch-video.mt-4.pt-2.d-md-block {
    margin-top: 10px !important;
}

.banner_ratings-sm {
    display: none;
}

.home_ser .banner_feature_wraper span:nth-child(4) p {
    display: none;
}

.home_ser .banner_feature_wraper span:nth-child(4) {
    background-color: unset;
}
/*Infintite slow scroll move slider*/
.our_services .auto_slideshow {
    max-width: 1070px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

    .our_services .auto_slideshow > div {
        width: 3000px;
    }

    .our_services .auto_slideshow .moving_slowly {
        animation: moveSlideshow 90s linear infinite;
    }

        .our_services .auto_slideshow .moving_slowly:hover {
            animation-play-state: paused;
        }

@keyframes moveSlideshow {
    100% {
        transform: translateX(-66.6666%);
    }
}

#process .mb-60 {
    margin-bottom: 15px;
}

#testimonials .cta_cmn_btn a:nth-child(1), .services .cta_cmn_btn a:nth-child(1) {
    position: relative;
    top: -4px;
}

.services .cta_cmn_btn {
    margin-top: 30px;
}

#table-1 th p {
    margin-bottom: 0;
    line-height: 34px;
}

#table-1 {
    margin-bottom: 1px;
}

.last-service-item {
    cursor: context-menu;
}

.services-list a.mb-0 {
    margin-bottom: 0 !important;
}
/*========parsley=============*/
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    /*color: #468847;
            background-color: #DFF0D8;
            border: 1px solid #D6E9C6;*/

    border: 1px solid #5fba7d;
    font-weight: 300;
    outline: none;
    box-shadow: none;
    margin: 0 0 10px;
    color: #000000
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    /*color: #B94A48;
            background-color: #F2DEDE;
            border: 1px solid #EED3D7;*/

    border: 1px solid #FF0101 !important;
    box-shadow: rgba(255, 1, 1, 0.47) 0px 0px 5px !important;
    font-weight: 300;
    margin: 0 0 10px;
}

.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    display: none;
}

    .parsley-errors-list.filled {
        opacity: 1;
    }

/*========parsley end=============*/
.inline_blck {
    display: inline-block !important;
}

    .inline_blck ul li {
        color: #2eca8b;
    }

.bizprobe_btn:hover {
    cursor: pointer;
}

#academic-experts-carousel .carousel-indicators li, #customer-testimonials-carousel .carousel-indicators li {
    border-radius: 2px;
    background: 0 0;
    border: 2px solid #2f55d4;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #2f55d4 !important;
    display: block;
    width: 9px;
    height: 9px;
    margin: 5px 7px;
    opacity: 0.5;
}

#academic-experts-carousel .carousel-indicators .active, #customer-testimonials-carousel .carousel-indicators .active {
    transform: rotate(45deg);
    opacity: 1;
}

#academic-experts-carousel .carousel-indicators {
    bottom: -65px;
    z-index: 1;
}

#customer-testimonials-carousel .carousel-indicators {
    bottom: -74px;
    z-index: 1;
}

.cookie-consent-modal {
    height: 10vh;
    width: 25vw;
    position: fixed;
    left: 0;
    z-index: 999;
    display: none;
    align-items: flex-end;
    bottom: 0;
}

    .cookie-consent-modal.active {
        display: flex;
    }

.content-cookie {
    background-color: #e9ecef;
    padding: 15px 100px 0 10px;
    max-width: 320px;
    border-radius: 5px;
    position: relative;
    left: 13px;
    top: -15px;
}


.btns_cookie {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}

.btn.btn-cookie {
    border: none;
    outline: none;
    padding: .8em 1.5em;
    width: 100px;
    margin-right: 1em;
    border-radius: 3px;
    text-transform: uppercase;
}

.btn.accept {
    position: absolute;
    top: 14px;
    right: 0;
    background-color: #fff;
    color: #2f55d4;
    border: 2px solid #fff;
    min-width: 75px;
    text-align: center;
    padding: 4px 9px;
    font-size: 15px;
    width: unset;
    text-transform: capitalize;
    transition: all 0.2s linear;
}

.content-cookie p {
    color: #000;
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 17px;
}

    .content-cookie p span a {
        color: #2f55d4 !important;
    }

.btn.accept:hover {
    background-color: transparent;
    color: #2f55d4;
    border: 2px solid #2f55d4;
}

.btn.accept span:nth-child(2) {
    display: none;
}

#home.editing_area_home {
    padding: 70px 0 40px;
    transform: scaleX(-1);
}

    #home.editing_area_home::before {
        background-image: radial-gradient(circle, rgb(10, 42, 127) 0%, rgb(33, 65, 150) 0%, rgba(10, 42, 127, 0.75) 63%);
    }

    #home.editing_area_home::before {
        transform: translateZ(0);
    }

#benefits.editing_area_benefits, .paper-assitance-wrapper #benefits {
    padding: 35px 0 130px !important;
}

.footer-list li a {
    color: #adb5bd;
}

.footer-bar p {
    font-size: 18px;
}

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

.footer_seats ul {
    padding: 0;
    list-style: none;
}

    .footer_seats ul li:nth-child(1) {
        margin-right: 10px;
    }

    .footer_seats ul li {
        display: inline-block;
    }

a[href="javascript:void(0)"]:hover {
    cursor: auto;
}

.banner_seals {
    background-image: url("../images/banner_seals.png");
    display: inline-block;
}

.twenty-four {
    height: 22px;
    width: 22px;
    position: relative;
    top: 6px;
}

.fpr {
    width: 26px;
    height: 26px;
    background-position: 1px -27px;
}

.phd-banner {
    width: 25px;
    height: 25px;
    background-position: 0px -59px;
}

.qoe {
    width: 20px;
    height: 25px;
    background-position: 0px -89px;
}

.ufr {
    width: 25px;
    height: 25px;
    background-position: 0px -117px;
}

.turnaround {
    width: 23px;
    height: 24px;
    background-position: 1px -146px;
}

.ffw {
    width: 23px;
    height: 25px;
    background-position: -1px -175px;
}

.feat_logo_1a {
    background-position: 0 0px;
}

.four-seven img {
    position: relative;
    top: -2px;
}

.process_sprite {
    background-image: url("../images/process-sprite.png");
    text-align: center;
    margin: 0 auto;
}

.process_sprite1 {
    background-image: url("../images/process-sprite-tutoring.png");
    text-align: center;
    margin: 0 auto;
}

.process-user {
    height: 60px;
    width: 60px;
    background-position: -5px 0;
}

.process-share {
    height: 60px;
    width: 60px;
    background-position: -103px 0;
}

.deposite-funds {
    height: 60px;
    width: 60px;
    background-position: -302px 0;
}

.wrk-progress {
    height: 60px;
    width: 60px;
    background-position: -199px 0;
}

.process-pay {
    height: 60px;
    width: 60px;
    background-position: -215px 0;
}

.process-download {
    height: 60px;
    width: 61px;
    background-position: -104px 0;
    position: relative;
    left: -5px;
}
/*Testimonials mobile View starts*/
#customer-testimonials-carousel .carousel-indicators li {
    border-radius: 100%;
    margin: 5px 4px;
    opacity: 0.5;
}

.new_testimonial .carousel-inner {
    border-radius: 8px;
}

.client_test_wrapper {
    border: 5px solid #4466d8;
    border-radius: 15px;
    padding: 20px;
}

.client_box {
    background-color: #2f55d4;
    padding: 20px 15px 10px;
    border-radius: 15px;
    color: #fff;
    position: relative;
}

.client_des + h4 {
    font-size: 12.09px;
    margin-bottom: 5px;
    margin-top: 18px;
}

.client_des img {
    width: 100% !important;
    margin-top: 0 !important;
    padding: 17px 10px 0 10px;
}

.client_des {
    background-color: #fff;
    border-radius: 10px;
    width: 75%;
    margin: 0 auto 10px;
}

.client_mock + .media-body {
    margin-left: 20px;
    margin-top: 15px;
}

    .client_mock + .media-body h5 {
        font-size: 17px;
        font-weight: 600;
        position: relative;
        margin-bottom: 25px;
    }

    .client_mock + .media-body p {
        font-size: 13px;
    }

    .client_mock + .media-body h5::after {
        content: "";
        background-color: #fff;
        height: 2px;
        width: 44%;
        display: block;
        position: absolute;
        bottom: -10px;
        left: 3px;
    }

.client_mock {
    text-align: center;
    width: 60%;
}

    .client_mock .star_wrapper .fa {
        color: #fc0;
        font-size: 14px;
    }

.test_card_btm h3 {
    font-size: 18px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 10px;
}

.test_card_btm ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

    .test_card_btm ul.blck li {
        display: inline-block;
        background-color: #4e4e4e;
        color: #fff;
        padding: 5px 2px;
        text-align: center;
        border-radius: 5px;
        font-size: 10.41px;
        width: 117px;
        margin-right: 3px;
        transition: all 0.2s linear;
    }

        .test_card_btm ul.blck li:hover {
            box-shadow: 1px 1px 17px #0033996b;
        }

.test_card_btm {
    margin-top: 60px;
}

    .test_card_btm ul li span:nth-child(1) {
        font-weight: 600;
        position: relative;
        border-bottom: 1px solid #fff;
        padding-bottom: 2px;
    }

    .test_card_btm ul li span:nth-child(2) {
        display: block;
        margin-top: 5px;
    }

.arrow-down {
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 35px solid #2f55d4;
    position: absolute;
    bottom: -8px;
    transform: rotate(135deg);
}

#customers-testimonials-carousel .carousel-indicators {
    bottom: -80px;
    z-index: 1;
}

.test_btns li {
    display: inline-block;
    min-width: 120px;
    padding: 3px 0 6px;
    margin-right: 15px;
}

#customers-testimonials-carousel .carousel-indicators li {
    background-color: #36c;
    height: 15px;
    width: 15px;
    border-radius: 100%;
}

    #customers-testimonials-carousel .carousel-indicators li.active {
        background-color: #36c;
    }

.test_btns li:nth-child(1) a, .test_btns li:nth-child(3) a {
    background-color: #4e4e4e;
    color: #fff;
    margin-top: 25px;
    border-radius: 10px;
    text-align: left;
    display: inline-block;
    padding: 3px 7px 9px 4px;
    min-width: 120px;
}

.test_btns li:nth-child(1) a, .test_btns li:nth-child(3) a {
    color: #fff;
    font-size: 12px;
}

    .test_btns li:nth-child(1) a p em, .test_btns li:nth-child(1) a p {
        font-size: 9.43px !important;
    }

.test_btns li:nth-child(2) a {
    background-color: #2eca8b;
    text-align: center;
    border-radius: 10px;
    padding: 7px 0;
    position: relative;
    top: -2px;
    border: 2px solid #2eca8b;
    transition: all 0.2s linear;
    min-width: 120px;
    display: inline-block;
}

.test_btns li:nth-child(3) a {
    padding: 10px 8px;
    position: relative;
    top: -3px;
}

.test_btns .call-cta span i {
    font-size: 18px;
    transform: rotate(44deg);
    position: relative;
    top: 0 !important;
    left: 8px;
}

.test_btns .call-cta p::after {
    display: none;
}

.test_btns li:nth-child(2) a {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

.test_btns {
    text-align: center;
}

.test_quote {
    position: absolute;
    right: 33px;
    bottom: 4px;
}

    .test_quote .fa {
        font-size: 38px;
    }

.test_card_btm ul.blck li:nth-child(4) {
    margin-right: 0 !important;
}

.star_wrapper {
    margin-bottom: 4px;
}

.test_card_btm ul.test_btns li span:nth-child(1) {
    border-bottom: unset;
}

.test_btns .call-cta span .fa {
    transform: rotate(130deg);
    font-size: 15px;
}

.fm_pop {
    font-family: 'Poppins', sans-serif !important;
}
/*Testimonials mobile View ends*/
.footer-media i.fa.fa-phone {
    transform: rotate(90deg);
}

.home_ser .banner_feature_wraper span:nth-child(1), .editing_area_home .banner_feature_wraper span:nth-child(1) {
    top: 5px;
}

.home_ser .watch-video.mt-4.pt-2.d-md-block {
    margin-top: 10px !important;
}

.calculate_order_form .form_dis {
    position: absolute;
    right: 19px;
    top: -13px;
    z-index: 9;
}

.form_dis img {
    width: 110px;
}

.contact_left .form-title {
    margin-bottom: 20px;
}

.form_dis_des p {
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    line-height: 34px;
}

    .form_dis_des p:nth-child(1) {
        font-size: 28px;
        line-height: 24px;
        font-weight: 600;
    }

    .form_dis_des p:nth-child(2) {
        font-size: 16px;
        font-weight: 600;
        position: relative;
        left: -3px;
    }

.form_dis_des {
    position: absolute;
    top: 13px;
    left: 19px;
}

.banner_secnd {
    background-color: #314e96bd;
    width: unset;
    border-radius: 10px;
    color: #fff;
    padding: 2px 7px 2px;
    display: inline-block;
    margin-right: 20px;
}

    .banner_secnd h5 {
        font-size: 16px;
        display: inline-block;
        margin-bottom: 0;
        font-weight: 600;
    }

    .banner_secnd p {
        font-size: 14px;
        margin-bottom: 0;
        margin-top: -8px;
        font-weight: 600;
    }

    .banner_secnd h5 + span .fa {
        color: #f16824;
        font-size: 13px;
        letter-spacing: -2px;
        position: relative;
        top: -2px;
    }

    .banner_secnd .media-body {
        margin-left: 7px;
    }

        .banner_secnd .media-body img {
            position: relative;
            top: -3px;
            margin-right: -3px;
            width: 15px;
        }

.banner_secnd_web img {
    filter: brightness(0) invert(1);
    width: unset;
    padding: 2px 7px 0;
}

.banner_secnd.banner_secnd_web {
    width: unset;
    padding: 2px 10px 0 0px;
    margin: 0 auto;
}

    .banner_secnd.banner_secnd_web img {
        height: 30px;
        padding: 0;
    }

.banner_secnd_wrapper_last {
    display: inline-block;
}

    .banner_secnd_wrapper_last.ripple_yellow {
        width: 177px;
        padding: 0px 5px !important;
    }

.star-nine::after {
    content: "";
    background-color: #666;
    height: 3px;
    width: 3px;
    display: block;
    position: absolute;
    right: -2px;
    top: 4px;
}

.banner_ratings li:nth-child(1) {
    display: none;
}

.banner_arrow {
    height: 58px;
    display: inline-block;
    width: 79px;
    background-repeat: no-repeat;
    background-size: initial;
    margin-top: -22px;
    margin-left: 1px;
    position: relative;
    top: -23px;
    left: -3px;
}

.paper_asistance_biz .popup-new__body .eigth-section ul li {
    width: 190px;
}

.paper-assitance-wrapper #benefits {
    padding: 60px 0 53px;
}

.paper-assitance-wrapper .ready1 .ready_right h5:nth-child(1) {
    padding: 0 0 0;
    max-width: 485px;
}

.banner_secnd_wrapper_last:hover {
    cursor: pointer;
}

.star-nine::after {
    content: "";
}

.banner_secnd_wrapper_last.ripple_yellow {
    height: 53px;
    animation: blinker3 2s linear infinite !important;
    background: #3f60ab;
    position: relative;
}

    .banner_secnd_wrapper_last.ripple_yellow div {
        margin-top: 4px;
        padding: 0 2px;
    }

.banner_secnd.banner_secnd_web .media img {
    width: 38px;
    height: 27px;
    position: relative;
    top: 8px;
    right: -3px;
}

.banner_secnd_wrapper_last.ripple_yellow div .media-body {
    margin-top: 0px;
    padding: 0 2px;
}

.paper-assitance-wrapper .popup-new__body .eigth-section ul li, .editing_wrapper .popup-new__body .eigth-section ul li {
    width: 180px;
}

.banner_feature_wraper {
    padding: 2px 0;
}

.faqs {
    padding-bottom: 0;
}

.faq-content.mr-lg-5 {
    margin-top: 36px;
}

.grd {
    transform: scaleX(-1);
}

.test_btns li:nth-child(2) a:hover {
    background-color: #fff;
    color: #2eca8b;
}

.feature_top h4 {
    display: inline-block;
    position: absolute;
    top: 38px;
    left: 75px;
}

.footer-list li a .fa-facebook-f {
    margin-right: 10px !important;
}

.thnk .bizprobe_btn {
    width: 100%;
}

.about_tutor .about_card {
    padding: 40px 25px;
}

.comparison_tbl .comparison_head.tutors {
    padding: 15px 0 15px 30px;
}

.popup-new__body__tutoring.popup-new__body .eigth-section ul li {
    width: 225px;
}

.get_credit_worth_wrapper a:nth-child(2) .banner_secnd .media img {
    filter: brightness(0) invert(1);
    height: 30px;
}

.third-section.third-section_tu .clr-gray img {
    width: 11%;
}

.bulk_top {
    display: flex;
    background-color: transparent;
    width: 52%;
    text-align: center;
    padding: 0px 6px;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 11111111111111111;
}

    .bulk_top p {
        font-family: 'Alex Brush', cursive;
        font-size: 34px;
        margin-right: 15px;
        margin-bottom: 0;
    }

    .bulk_top h3 {
        font-family: 'Archivo Black', sans-serif;
        font-size: 42px;
    }

.bulk_bottom {
    width: 86%;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -15px;
}

    .bulk_bottom p {
        margin-bottom: 0;
        background-color: #18bb79;
        border-radius: 3px;
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        text-align: center;
        padding: 0 5px;
    }

        .bulk_bottom p span {
            font-weight: 900;
            display: inline-block;
            font-size: 17px;
        }

.bulk_wrapper {
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
    position: relative;
    border-top: unset;
}

    .bulk_wrapper h2:nth-child(2) {
        color: #ffcc33;
        font-family: impact;
        font-size: 78px;
        padding: 10px 38px 5px;
        letter-spacing: 2px;
    }

.pos-rel {
    position: relative;
}

.banner_right_adj_1 {
    position: absolute;
    bottom: 20px;
    left: 12px;
    right: 0;
    margin: 0 auto;
    max-width: 420px;
}

.bulk_top::after {
    content: "";
    background-color: #fff;
    height: 2px;
    width: 95px;
    position: absolute;
    left: -99px;
    top: 30px;
}

.bulk_top::before {
    content: "";
    background-color: #fff;
    height: 2px;
    width: 84px;
    position: absolute;
    right: -99px;
    top: 30px;
}

.heartbeat {
    -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
    animation: heartbeat 1.5s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.mtp_custom_last {
    margin-top: 120px !important;
}

.process-clean1::after {
    left: 56%;
}

.process-clean2::after {
    left: 45%;
}

.process-clean3::after {
    left: 60%;
}

.process-download {
    background-position: -385px 1px;
    width: 81px;
}

.process-release {
    background-position: 67px 0;
    height: 60px;
    width: 60px;
}

.process h5 {
    font-size: 18px;
}

.tutor_process .process-clean::after {
    left: 50%;
}

.footer_seals {
    background-image: url("../images/footer_seals.png");
}

.estrual {
    background-position: 0 0;
    height: 37px;
    width: 270px;
}

.secure-g1, .secure-g2 {
    display: inline-block;
}

.secure-g1 {
    background-position: 109px 0;
    height: 32px;
    width: 105px;
}

.secure-g2 {
    background-position: -277px 0;
    height: 32px;
    width: 105px;
}

.featture_top h2:nth-child(2) span {
    letter-spacing: -1px;
}

#exampleModal .sixth-section img {
    width: 95%;
}

.process_wrapper ul {
    list-style: none;
    text-align: center;
    padding-left: 0;
}

    .process_wrapper ul li {
        display: inline-block;
        position: relative;
        width: 15%;
        margin-right: 10px;
        text-align: center;
    }

        .process_wrapper ul li span {
            background-color: #fff;
            box-shadow: 0px 4px 3px #ccc;
            border-radius: 10px;
            display: block;
            height: 125px;
            width: 70%;
            margin: 0 auto 30px;
        }

        .process_wrapper ul li::before {
            content: "";
            background-color: #2f55d4;
            height: 15px;
            width: 3px;
            display: inline-block;
            position: absolute;
            bottom: 45px;
        }

        .process_wrapper ul li::after {
            content: "";
            background-color: #2f55d4;
            height: 3px;
            width: 22px;
            display: inline-block;
            position: absolute;
            bottom: 41px;
            left: 2px;
            right: 0;
            margin: 0 auto;
        }

        .process_wrapper ul li h5 {
        }

.process_wrapper span p {
    background-color: #2f55d4;
    height: 35px;
    width: 35px;
    text-align: center;
    margin-bottom: 0;
    border-radius: 100%;
    color: #fff;
    padding: 5px;
    margin: 0px auto 0;
    position: relative;
    top: -17px;
}

.process_wrapper {
    margin: 80px 0 80px;
    position: relative;
    text-align: center;
}

    .process_wrapper .line-process {
        position: absolute;
        top: 37px;
        left: 0;
        right: 0;
    }

section.review__banner {
    background: url(../images/review__banner-bg.png)no-repeat center center/cover;
    position: relative;
    padding: 35px 0;
    margin-top: 65px;
}

.review__banner--right img {
    width: 60%;
}

.review_head {
    font-size: 58px;
}

.review_content {
    padding: 60px 0;
}

.review_breadcrumb .breadcrumb {
    background: #fff;
    width: fit-content;
    box-shadow: 0px 5px 2px 1px #2f55d494;
    -webkit-box-shadow: 0px 5px 2px 1px #2f55d494;
    -moz-box-shadow: 0px 5px 2px 1px #2f55d494;
    font-size: 17px;
    line-height: 20px;
    padding: 6px 23px;
}

.review_breadcrumb .breadcrumb-item a {
    color: #000;
}

.review_breadcrumb .breadcrumb-item.active {
    font-weight: 600;
    color: #000;
}

.review_breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    font-size: 14px;
    color: #000;
    position: relative;
    top: -1px;
    left: 1px;
}

.rv_top {
    padding: 10px 0 10px;
}

.review_content hr {
    border-top: 1px solid #ccc;
}

.rv_top p {
    margin-top: 10px;
}

.overall__reviews--left p .rating {
    font-weight: 700;
    font-size: 24px;
    line-height: 48px;
    color: #000;
}

.overall__reviews--left h6 {
    font-size: 22px;
}

.stars__reviews, .stars__reviews + span {
    position: relative;
    top: -6px;
    left: 2px;
}

    .stars__reviews + span {
        top: -5px;
        left: 4px;
        color: #9d9d9d;
    }

    .stars__reviews img {
        width: 15px;
        margin-left: -4px;
    }

        .stars__reviews img:nth-child(5) {
            width: 10px;
            top: 0px;
            position: relative;
        }

.review__btn--wrapper a {
    background: #2f55d4;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 7px 31px;
    color: #FFFFFF;
    border: 1px solid #2f55d4;
}

    .review__btn--wrapper a:hover {
        color: #2f55d4;
        background: #FFFFFF;
        text-decoration: none;
    }

.review__card {
    background: #FBFBFB;
    border: 1px solid #BABABA;
    border-radius: 24px;
    padding: 18px 25px;
    margin-bottom: 25px;
}

.review__icon--wrapper {
    height: 55px;
    width: 55px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2f55d4;
    margin-right: 18px;
    transition: all .3s;
}

.reviewer__name {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: #000000;
}

.review__description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    position: relative;
    top: -5px;
}

.more__reviews--wrapper {
    margin-top: 40px;
    margin-bottom: 75px;
    text-align: center;
}

    .more__reviews--wrapper button {
        background: #2f55d4;
        border-radius: 8px;
        font-weight: 400;
        font-size: 21px;
        line-height: 40px;
        color: #FFFFFF;
        padding: 5px 25px;
        border: 2px solid #2f55d4;
    }

.review__icon--wrapper i {
    font-size: 25px;
    color: #fff;
}

.review__details h5 {
    margin-bottom: 0;
}

.review__details {
    margin: 10px auto;
    position: relative;
    top: 3px;
}

.review__body p {
    margin-top: 20px;
}

.review__card:hover .review__icon--wrapper {
    background: #4a4a4a;
    transition: all .3s;
}

.benefit_mdl_tp h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
}

.benefit_mdl_btm ul li {
    width: 100%;
    border: 1px dashed #a6a6a6;
    font-weight: 500;
    font-size: 15px;
    display: block;
    padding: 7px 15px;
    position: relative;
    border-radius: 36px;
    margin-bottom: 10px;
}

    .benefit_mdl_btm ul li span {
        font-weight: 700;
        font-size: 15px;
        line-height: 24px;
        position: absolute;
        right: 7px;
        font-weight: 600;
        color: #2f55d4;
        text-decoration: line-through;
    }

.benefit_mdl_tp {
    background: linear-gradient(180deg, #2f55d4 0%, #2f55d480);
    padding: 16px 20px 16px;
    color: #fff;
    border-top-right-radius: 18px;
    border-top-left-radius: 17px;
}

.benefit_mdl_lft {
    background: #FFFFFF;
    border: 1px solid #e3e3e3;
    border-radius: 20px;
    margin-top: 15px;
}

.benefit_mdl_btm ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding-left: 0;
}

.benefit_mdl_btm {
    padding: 20px 20px 10px;
}

    .benefit_mdl_btm ul li:hover {
        color: #fff !important;
        background-color: #343a40 !important;
        border: 1px dashed #fff !important;
    }

        .benefit_mdl_btm ul li:hover span {
            color: #fff;
        }

.rv_top h5 {
    font-size: 26px;
}

.process_sprite.process_sprite_t {
    background-image: url("../images/tutor-process.png");
    text-align: center;
    margin: 0 auto;
}

.take_classes {
    height: 60px;
    width: 79px;
    background-position: 189px 0;
}

.match-progress {
    height: 60px;
    width: 79px;
    background-position: 294px 0;
}

.process_sprite_t.deposite-funds {
    height: 60px;
    width: 79px;
    background-position: -200px 0;
}


#auto-response-popup {
    background: #d4edda;
    padding: 8px;
    margin: 10px auto;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: none;
}

    #auto-response-popup p {
        margin: 0;
        color: #155724;
    }

.star-rating {
    display: flex;
    flex-direction: row-reverse;
    font-size: 1.5em;
    justify-content: space-around;
    padding: 0 .2em;
    text-align: center;
    width: 5em;
}

    .star-rating input {
        display: none;
    }

    .star-rating label {
        color: #ccc;
        cursor: pointer;
    }

    .star-rating :checked ~ label {
        color: #f90;
    }

    .star-rating label:hover,
    .star-rating label:hover ~ label {
        color: #f90;
    }

.review__btn--wrapper .modal-dialog {
    max-width: 730px;
}

#writereview .modal-content {
    padding: 10px 40px 20px;
}

    #writereview .modal-content .modal-header button {
        background: #2f55d4;
        color: #fff;
        border-radius: 50%;
        height: 45px;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 1;
        border: 2px solid #2f55d4;
    }

        #writereview .modal-content .modal-header button:hover {
            color: #2f55d4;
            background: #fff !important;
            opacity: 1;
            border: 2px solid #2f55d4;
        }

.modal form input,
.modal form textarea {
    border-radius: 10px;
    width: 100%;
    border: 2px solid #aaa;
    padding: 5px 15px;
}

    .modal form input::placeholder,
    .modal form textarea::placeholder {
        font-size: 14px;
        font-style: italic;
    }

.modal-header button:hover {
    background: transparent !important;
}

.modal form button[type='submit'] {
    background: #2f55d4;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 7px 31px;
    color: #FFFFFF;
    border: 1px solid #2f55d4;
}
/* explanation */
article {
    background-color: #ffe;
    box-shadow: 0 0 1em 1px rgba(0,0,0,.25);
    color: #006;
    font-family: cursive;
    font-style: italic;
    margin: 4em;
    max-width: 30em;
    padding: 2em;
}

#writereview.fade {
    background-color: #000000a3;
}

#writereview .modal-dialog {
    max-width: 730px;
}

.modal-header .display-5 {
    font-size: 1.5rem;
}

#review__form .frm_label {
    font-size: 16px;
    font-weight: 600;
}

.review_top_wrapper .banner_secnd {
    background-color: #fff;
    padding: 6px 18px;
    margin-right: 6px;
}

    .review_top_wrapper .banner_secnd .media-body {
        color: #000;
    }

.review_top_wrapper .get_credit_worth_wrapper .banner_secnd:nth-child(2) .media img {
    filter: unset;
    height: 30px;
}

.review_top_wrapper .banner_secnd.banner_secnd_web .media img {
    filter: unset;
}

.review_top_wrapper .star-nine::after {
    background-color: #fff;
    height: 8px;
}

.review_top_wrapper .banner_secnd.banner_secnd_web {
    position: relative;
    top: 3px;
}

.calcexpert p {
    background-color: #2f55d4;
    color: #fff;
    font-size: 16px;
    padding: 4px 20px;
    border-radius: 9px;
    position: absolute;
    top: -26px;
    left: 5px;
}

.ban_ribbon {
    position: relative;
    top: -15px;
}

    .ban_ribbon p {
        position: absolute;
        top: 6px;
        width: 100%;
        text-align: center;
        color: #254596;
        font-size: 18px;
        font-weight: 600;
    }

        .ban_ribbon p span {
            color: #fff
        }

.shiledtext {
    font-size: 14px;
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
}

    .shiledtext .fa-shield-alt {
        position: unset;
        color: #2f55d4;
        margin-right: 5px;
    }

.feat_logo_3a {
    background-position: -273px 1px;
    width: 175px !important;
}

.feat_logo_4a {
    background-position: -410px 0;
    width: 200px !important;
}

.feature_logo_sprite ul li:nth-child(4) {
    margin-right: 0
}

.turntin_seal {
    display: none !important;
}

#FREE_plan.pricing-rates.passit ul li {
    margin-bottom: 21px
}

.thanksbenefits .feature_top span img {
    width: unset;
}

.tutoring-benefits .feature_top span img {
    width: unset;
}

.services_editing_left h3 {
    font-size: 24px;
    margin-top: 85px;
}

.services_editing_left p:nth-child(2) {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.our_services_editing {
    margin-top: 60px;
}

.editing_service_card {
    box-shadow: 1px 1px 5px #ccc;
    border-radius: 10px;
    padding: 12px 0;
    margin-bottom: 20px;
}

.services-edit-sprites {
    background-image: url(../images/sprt.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 43px;
    border: 1px solid #2f55d4;
    border-radius: 100%;
    padding: 23px;
}

.services-edit-sprite1 {
    background-position: 10px 6px;
}

.editing_service_card .top .media-body h5 {
    margin-top: 12px;
    margin-left: 10px;
    font-size: 19px;
}

.editing_service_card .bottom p {
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.editing_service_card .top {
    padding: 0 20px
}

.edit_sr-mt {
    margin-top: 60px;
}

.services-edit-sprite2 {
    background-position: -64px 6px;
}

.services-edit-sprite3 {
    background-position: -136px 6px;
}

.services-edit-sprite4 {
    background-position: -222px 6px;
}

.services-edit-sprite5 {
    background-position: 10px -62px;
}

.services-edit-sprite6 {
    background-position: -61px -62px;
}

.services-edit-sprite7 {
    background-position: -143px -59px;
}

.services-edit-sprite8 {
    background-position: -218px -60px;
}

.updated-cta .upd-img {
    width: 85% !important;
}

.content_line::after {
    content: "";
    background-image: url("../images/contentline.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    height: 10px;
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 100%;
}

.content_line {
    position: relative
}

#benefits {
    padding: 130px 0 135px;
}

.updated-cta .cta_common_second_right {
    padding: 0 0 100px;
}

.updated-cta.ready1 .ready_right h5:nth-child(1) {
    padding: 0 0 0;
    max-width: 610px;
}

.form_dis_banner {
    background-color: #253e8c;
    padding: 4px 20px;
    position: absolute;
    width: 110%;
    left: -24px;
    border: 1px solid #4bbb87;
    border-radius: 6px;
}

    .form_dis_banner p {
        margin-bottom: 0;
        color: #fff;
        font-size: 23px;
    }

        .form_dis_banner p span {
            font-weight: 800
        }

.form-start {
    margin-top: 75px;
}

.banner-ribon {
    background-color: #4bbb87;
    position: absolute;
    right: -10px;
    top: -6px;
    width: 49%;
    text-align: center;
    height: 57px;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(100% 0, 100% 46%, 100% 100%, 0% 100%, 15% 50%, 0% 0%);
}

    .banner-ribon p {
        font-size: 14px;
        line-height: 15px;
        padding-left: 25px;
    }

        .banner-ribon p span {
            display: block;
        }

.arrow-left {
    width: 0;
    height: 0;
    border-top: 52px solid transparent;
    border-bottom: 47px solid transparent;
    border-left: 28px solid #fff;
    position: absolute;
    left: -2px;
}

.arrow-left1 {
    width: 11px;
    height: 20px;
    background-color: #42755d;
    clip-path: polygon(100% 0, 0 0, 0 36%);
    position: absolute;
    right: -11px;
    bottom: -26px;
}

.coupon-wrapper-adj {
    padding: 0px 4px 0px 35px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.coupan_square p:nth-child(2) {
    font-size: 14px;
    margin-top: -7px;
    font-weight: 600;
}

.lowest_lft {
    background-color: #ec2227;
    position: absolute;
    left: -1px;
    text-align: center;
    padding: 4px 3px;
    border-radius: 8px;
    z-index: 999999999999;
    top: -1px;
}

    .lowest_lft p:nth-child(1) {
        margin-bottom: 0;
        color: #fff;
        font-weight: 800;
        font-size: 15px;
        line-height: 17px;
    }

    .lowest_lft p:nth-child(2) {
        margin-bottom: 0;
        color: #fff;
        font-size: 13px;
    }

.arrow-down3 {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #ec2227;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.vl {
    border-left: 2px dashed #fff;
    height: 43px;
    position: absolute;
    top: 0px;
    left: -6px;
}

.small_circle_top {
    height: 15px;
    width: 15px;
    background-color: #fff;
    position: absolute;
    top: -18px;
    left: -8px;
    border-radius: 100%;
}

.small_circle_btm {
    height: 15px;
    width: 15px;
    background-color: #fff;
    position: absolute;
    bottom: -20px;
    border-radius: 100%;
    left: -8px;
}

.thankyou .section-title .title {
    font-size: 55px;
    font-weight: 600;
    margin-bottom: 30px;
    letter-spacing: 2px;
    position: relative;
    top: -15px;
}

.thanks_title a {
    background-color: #4bbb87;
    padding: 10px 40px;
    color: #fff;
    border-radius: 8px;
    font-size: 21px;
    transition: all 0.2s linear;
}

    .thanks_title a:hover {
        background-color: #00aa65 !important;
    }

.thankyou_area {
    background-color: #ebebec;
    padding-bottom: 50px;
}

.quality_area {
    padding: 65px 0 60px;
}

.qualitywrapper h1 {
    font-size: 32px;
    position: relative;
}

    .qualitywrapper h1 span {
        color: #415fab;
        font-weight: 700
    }

.quality_btm {
    margin-top: 30px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.qualitywrapper img {
    position: absolute;
    right: 0;
    left: 23%;
    margin: 0 auto;
    width: 7%;
    top: -55px;
}

.thankyou_area .ready_right .cta_cmn_btn a:nth-child(1) {
    display: none
}

.thankyou_area .cta_cmn_btn {
    margin-top: 0;
}

.thankyou_area.ready1 .ready_right p:nth-child(2) {
    margin-bottom: 0px;
}

#lead_form label, #lead_form_popup label {
    margin-bottom: 1px;
}

#f_subject {
    margin-bottom: 0 !important
}

.shake-vertical {
    -webkit-animation: shake-vertical 20s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
    animation: shake-vertical 20s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}

@-webkit-keyframes shake-vertical {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    10%, 30%, 50%, 70% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    20%, 40%, 60% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    80% {
        -webkit-transform: translateY(3.4px);
        transform: translateY(3.4px);
    }

    90% {
        -webkit-transform: translateY(-3.4px);
        transform: translateY(-3.4px);
    }
}

.watch-video-acd .banner_feature_wraper {
    font-size: 13px;
}






/*Trigger Button*/
.popup_form_wrapper .login-trigger {
    font-weight: bold;
    color: #fff;
    background: linear-gradient(to bottom right, #B05574, #F87E7B);
    padding: 15px 30px;
    border-radius: 30px;
    position: relative;
}

.popup_form_wrapper .close {
    color: #fff;
    transform: scale(1.2);
    padding: unset;
    border-radius: unset;
    background-color: unset;
    border: unset;
    position: absolute;
    right: 6px;
    top: 1px;
    font-size: 17px;
    background-color: #253e8c;
    padding: 4px;
    border-radius: 100%;
    z-index: 99;
    height: 38px;
    width: 38px;
    opacity: 1;
}

.popup_form_wrapper .modal-content {
    background: transparent;
    border: unset;
}

.popup_form_wrapper .modal-body {
    position: relative;
    padding: 20px;
}


.popup_form_wrapper h1 {
    font-weight: bold;
    margin: 0;
}

.popup_form_wrapper h2 {
    text-align: center;
}




.popup_form_wrapper a {
    color: #333;
    font-size: 14px;
    text-decoration: none;
    margin: 15px 0;
}

.popup_form_wrapper button {
    border-radius: 20px;
    border: 1px solid #FF4B2B;
    background-color: #FF4B2B;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 45px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: transform 80ms ease-in;
}

    .popup_form_wrapper button:active {
        transform: scale(0.95);
    }

    .popup_form_wrapper button:focus {
        outline: none;
    }

    .popup_form_wrapper button.ghost {
        background-color: transparent;
        border-color: #FFFFFF;
    }

.popup_form_wrapper form {
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 0px;
    height: 100%;
}

.popup_form_wrapper input {
    background-color: #eee;
    border: none;
    padding: 12px 15px;
    width: 100%;
}

.popup_form_wrapper .container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    position: relative;
    overflow: hidden;
    max-width: 100%;
}

.popup_form_wrapper .form-container {
    height: 100%;
    transition: all 0.6s ease-in-out;
}

.popup_form_wrapper .sign-in-container {
    left: 0;
    width: 100%;
    z-index: 2;
}

.popup_form_wrapper .container.right-panel-active .sign-in-container {
    transform: translateX(100%);
}

.popup_form_wrapper .sign-up-container {
    left: 0;
    width: 50%;
    opacity: 0;
    z-index: 1;
}

.popup_form_wrapper .container.right-panel-active .sign-up-container {
    transform: translateX(100%);
    opacity: 1;
    z-index: 5;
    animation: show 0.6s;
}

@keyframes show {
    0%, 49.99% {
        opacity: 0;
        z-index: 1;
    }

    50%, 100% {
        opacity: 1;
        z-index: 5;
    }
}

.popup_form_wrapper .overlay-container {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    overflow: hidden;
    transition: transform 0.6s ease-in-out;
    z-index: 100;
    background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);
    background: linear-gradient(to bottom right,#4466d8,#0e2e82);
}

.popup_form_wrapper .container.right-panel-active .overlay-container {
    transform: translateX(-100%);
}

.popup_form_wrapper .overlay {
    background: #FF416C;
    background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);
    background: linear-gradient(to right, #FF4B2B, #FF416C);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    color: #FFFFFF;
    position: relative;
    left: -100%;
    height: 100%;
    width: 200%;
    transform: translateX(0);
    transition: transform 0.6s ease-in-out;
}

.popup_form_wrapper .container.right-panel-active .overlay {
    transform: translateX(50%);
}

.popup_form_wrapper .overlay-panel {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 40px;
    text-align: center;
    top: 0;
    height: 100%;
    width: 100%;
    transform: translateX(0);
    transition: transform 0.6s ease-in-out;
}

.popup_form_wrapper .overlay-left {
    transform: translateX(-20%);
}

.popup_form_wrapper .container.right-panel-active .overlay-left {
    transform: translateX(0);
}

.popup_form_wrapper .overlay-right {
    right: 0;
    transform: translateX(0);
}

.popup_form_wrapper .container.right-panel-active .overlay-right {
    transform: translateX(20%);
}

.popup_form_wrapper .social-container {
    margin: 20px 0;
}

    .popup_form_wrapper .social-container a {
        border: 1px solid #DDDDDD;
        border-radius: 50%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 0 5px;
        height: 40px;
        width: 40px;
    }

.overlay-right h1 {
    color: #fff;
}

#login {
    background-color: rgba(0, 0, 0, 0.8);
}

.popup_form_wrapper .contact_wrapper.calculate_order.calculate_order_form {
    margin: 15px auto 25px;
}

.popup_form_wrapper .calculate_order_form .order-form i {
    top: 34px;
}

.popup_form_wrapper .modal-content {
    width: 475px;
    margin: 0 auto;
}

.popup_form_wrapper .order-form .contact_left .row .col-md-12:nth-child(4) i {
    top: 33px;
}

#f_submit1 {
    background-color: #2eca8b;
    border: unset;
    width: 100%;
    border-radius: 11px;
    position: relative;
    top: -4px;
    font-size: 14px;
}

.pop_cmn_err {
    font-size: 14px;
    font-style: italic;
    position: relative;
    top: -7px;
    line-height: 16px;
    margin-bottom: 0;
    display: block;
}

#phone_popup {
    margin-bottom: 8px !important;
}

.calculate_order select.sel_ctry {
    border-radius: 10px;
    border: 1px solid #b7b7b7;
    padding-left: 39px;
    font-size: 15px;
    font-style: italic;
    color: #000;
    margin-bottom: 12px;
}

    .calculate_order select.sel_ctry:focus {
        box-shadow: unset;
        border: 1px solid #2f55d4;
    }

.form_sel_wrapper i {
    left: 30px !important;
    top: 33px !important;
    font-size: 18px;
}

.form_phone {
    position: relative;
}

    .form_phone i {
        top: 9px !important;
        left: 17px !important;
        transform: rotate(90deg);
    }

.green_tick {
    color: #019800 !important;
}

.disclaimer_bullets li i {
    float: left;
    height: 45px;
    padding: 2px 0;
    position: relative;
    top: 2px;
}

.cpr {
    position: relative;
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

#benefits .col-md-6 {
    position: relative;
}

.footer-list li a i {
    margin-right: 5px;
}

#customers-testimonials-carousel ul {
    list-style: none;
}

.calculator_wrapper.calculate_order button:active {
    background-color: #2f55d4;
    color: #fff;
    border: 1px solid #2f55d4;
}

.calculator_wrapper.calculate_order button.calcProceedBtn:active {
    border: 1px solid #00aa65;
}

#lead_form_popup .col-md-12 {
    position: relative;
}

.accordion-button:focus {
    box-shadow: unset;
    border-color: unset;
}

.accordion-button.faq.position-relative {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

    .accordion-button.faq.position-relative.collapsed {
        border-radius: 8px;
    }

#accordionExample .accordion-button {
    background-color: #f8f9fa;
    padding: 0px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.home-center .row, .home-center .col-xl-5, .cta_common .col-xl-4, .cta_common .col-xl-5, .banner review__banner .row, .order-form .col-md-12, .banner.review__banner .row {
    position: relative;
}

.carousel ul, .carousel ol {
    list-style: none;
}

.pop-up-modal .col-md-5 {
    margin-left: -15px;
}

.new_testimonial .carousel-inner .carousel-item:nth-child(2) .client_des,
.new_testimonial .carousel-inner .carousel-item:nth-child(4) .client_des,
.new_testimonial .carousel-inner .carousel-item:nth-child(3) .client_des {
    width: 60%;
}

.comparison_media .media .fa.fa-check {
    color: #019800;
}

.banner_frm_wraper {
    max-width: 410px;
    position: relative
}

.third-section i {
    color: #76a4f8 !important;
}

.site_chat {
    height: 60px;
    width: 60px;
    background-color: #2f55d4;
    position: fixed;
    right: 24px;
    bottom: 20px;
    border-radius: 100%;
    text-align: center;
    padding: 14px 0;
    z-index: 99999;
    cursor: pointer
}

.chat_wrapper {
    position: absolute;
    left: -269px;
    top: -95px;
    border: 1px solid #f7f7f9;
    box-shadow: 0 2px 3px rgba(0,0,0,.08);
    width: 330px;
    padding: 14px 10px 14px;
    background-color: #fff;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
}

.loader {
    height: 500px;
}

.bubble_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.chat-bubble {
    background-color: #3f60ab;
    padding: 25px 37px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    position: relative
}

.typing {
    align-items: center;
    display: flex;
    height: 17px;
}

    .typing .dot {
        animation: mercuryTypingAnimation 1.2s infinite ease-in-out;
        background-color: #fff;
        border-radius: 50%;
        height: 9px;
        margin-right: 7px;
        vertical-align: middle;
        width: 9px;
        display: inline-block;
    }

        .typing .dot:nth-child(1) {
            animation-delay: 200ms;
        }

        .typing .dot:nth-child(2) {
            animation-delay: 300ms;
        }

        .typing .dot:nth-child(3) {
            animation-delay: 400ms;
        }

        .typing .dot:last-child {
            margin-right: 0;
        }

@keyframes mercuryTypingAnimation {
    0% {
        transform: translateY(0px);
        background-color: #fff;
    }

    28% {
        transform: translateY(-15px);
        background-color: #fff;
    }

    44% {
        transform: translateY(0px);
        background-color: #fff;
    }
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #3f60ab;
}

.d_none {
    display: none !important;
}

.password_require {
    font-size: 14px;
    position: relative;
    top: -10px;
}

.academic_help .title-heading .heading.form-banner-heading {
    font-size: 35px;
}

.academic_help .arrow-down {
    border-top: 20px solid #2f55d4;
}

.academic_help .section-title .main-title, .about .main-title {
    max-width: 1200px;
    margin: 0 auto
}

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

.accordion {
    background-position: right .15rem center;
    /*    --bs-accordion-btn-icon: url(../images/arrow_down.png) !important;
    --bs-accordion-btn-active-icon: url(../images/arrow_down1.png) !important;*/
    background-size: 13px 13px;
}

.chat_box_wrapper {
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 176px;
}

.chat_box {
    margin-left: auto;
    margin-right: 2px;
    border: 1px solid #f7f7f9;
    background-color: #fff;
    max-width: 330px;
    padding: 10px 10px 12px;
    box-shadow: 0 2px 3px rgba(0,0,0,.08);
    border-radius: 5px;
    color: #92929e;
    right: 20px;
    margin-bottom: 10px;
}

.chat_top, .chat_btm {
    display: flex;
}

    .chat_top p {
        line-height: 21px;
        font-weight: 400;
        color: #545454e0;
        font-size: 14px;
        margin-bottom: 10px;
    }

.chat_btm {
    justify-content: space-between
}

    .chat_btm p, .chat_btm p a {
        color: #92929e !important;
        font-size: 14px;
        margin-bottom: 0;
        padding: 0 3px;
    }

.chat_top img {
    width: 35px;
    height: 32px;
    margin-right: 7px;
    position: relative;
    top: 5px;
}

.chat_box_wrapper .chat_box {
    display: none
}

.chat_close {
    position: absolute;
    right: 0;
    top: -33px;
    background-color: #f7f7f9;
    border: 1px solid #fff;
    height: 25px;
    width: 25px;
    text-align: center;
    box-shadow: 0 2px 3px rgba(0,0,0,.08);
    color: #92929e;
    border-radius: 100%;
}

    .chat_close i {
        font-size: 13px;
    }

    .chat_close:hover {
        opacity: 0.8;
        cursor: pointer
    }

.chat_wrapper a {
    border-radius: 13px;
    font-size: 14px;
    font-weight: 500;
    color: #979797;
    position: relative;
    top: 1px;
}

    .chat_wrapper a span {
        display: inline-block;
        height: 10px;
        width: 10px;
        background-color: #2dc98a;
        border-radius: 100%;
        margin-right: 7px;
        position: relative;
        top: 0px;
    }

.chat_box_wrapper .chat_box:hover {
    cursor: pointer !important;
}

.inner_chat_icons i {
    color: #92929ead;
    font-size: 17px;
}

    .inner_chat_icons i:nth-child(2) {
        margin: 0 10px;
    }

.chat_wrapper {
    display: none;
}

    .chat_wrapper a, .chat_wrapper div {
        display: inline-block
    }

    .chat_wrapper a {
        float: left
    }

    .chat_wrapper div {
        float: right
    }

.site_chat img:nth-child(2) {
    position: fixed;
    bottom: 25px;
    width: 130px;
    right: 3px;
    transform: rotate(-23deg);
}

.lowest_detal {
    background-color: #008080;
    position: absolute;
    padding: 2px;
    left: -46%;
    top: 54%;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    transform: rotate(-90deg);
    width: 330px;
    text-align: center;
}

    .lowest_detal p {
        color: #fff;
        position: relative;
        top: -3px;
        font-style: italic;
        margin-bottom: 0;
        font-size: 18px;
    }

    .lowest_detal span {
        font-size: 24px;
        font-weight: 700;
        position: relative;
        top: 3px;
        left: 2px;
    }

.mob {
    display: none;
}

#nav_responsive .collapse {
    overflow: hidden;
    transition: height 0.4s ease, opacity 0.4s ease; /* Smooth transition */
}

.collapse.show {
    display: block; /* Make visible when shown */
    opacity: 1; /* Make fully opaque */
}

.trigger {
    text-align: center;
    padding: 7px 13px;
    background: #3e3e3e;
    color: #fff;
    font-size: 15px;
    outline: none;
    border: none;
    border-radius: 5px;
    font-family: cursive;
}

.modal {
    background-color: rgba(0, 0, 0, 0.5);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}


.close-button {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: lightgray;
}

    .close-button:hover {
        background-color: darkgray;
    }

.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

/*login Form start*/
.form_area_wrapper {
    box-shadow: 1px 1px 17px #ccc;
    max-width: 576px;
    border-radius: 5px;
    padding: 40px 45px 45px;
    width: 100%;
    margin: 0 20px;
}

    .form_area_wrapper h2 {
        text-align: center;
        font-weight: 800;
        padding: 0 0 20px;
        margin: 0;
        font-size: 26px;
    }

    .form_area_wrapper label {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 6px;
        display: block;
    }

    .form_area_wrapper input {
        padding: 10px 15px;
        border-radius: 5px;
        border: 1px solid #0000004f;
        font-size: 16px;
        margin-bottom: 2px;
    }

    .form_area_wrapper button {
        padding: 10px 0;
        background-color: #4466d8;
        color: #fff;
        border: unset;
        font-size: 19px;
        border-radius: 4px;
        margin-top: 15px;
        width: 100%;
        transition: all 0.2s linear;
    }

.form_body {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden; /* Prevent scrolling */
}

.form_area {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 140px 0 60px 0;
}

.form_area_wrapper .form_group {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form_btn {
    width: 100%;
    text-align: center;
}

.form_area_wrapper input:focus-visible {
    outline: 1px solid #ccc;
    background-color: lightyellow;
}

.form_area_wrapper button:hover {
    cursor: pointer;
    opacity: 0.9
}

#accordionExample .card-body {
    padding: 20px;
}

#topnav .navigation-menu > li:nth-child(2) a span img {
    transform: rotate(131deg);
}

#topnav .navigation-menu > li a img {
    margin-top: -10px;
}

.calculate_order_form .order-form .form_phone img {
    top: 10px;
    left: 20px;
}

.banner_secnd.banner_secnd_web .media .media-body img {
    width: 15px;
    height: unset;
    top: -4px;
    right: 0px;
    filter: unset;
    margin-right: -2px;
}

.get_credit_worth_wrapper a:nth-child(2) .banner_secnd .media .media-body img {
    filter: unset;
    height: unset;
}

.cta_cmn_btn .call-cta img {
    margin-top: -10px;
}

.cta_cmn_btn .call-cta:nth-child(3) span img, .cta_cmn_btn a:nth-child(2) span img, .test_btns li img {
    transform: rotate(130deg);
}

.test_btns li img {
    position: relative;
    top: -3px;
    right: -5px;
}

#faqs .call-cta img {
    width: unset;
}

.list-unstyled .text-foot img {
    margin-right: 5px;
    margin-top: -2px;
}

.faqs .accordion-button::after {
    display: none
}

.parsley-success {
    border: 1px solid #4bbb87 !important;
}

.review_btn_wrapper {
    text-align: center;
    margin-bottom: 20px;
}

    .review_btn_wrapper button {
        width: unset !important;
        background-color: #2f55d4;
        border-color: #2f55d4;
    }

.tp_adj {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

#writereview .modal-header {
    justify-content: space-between;
}
/*Review css starts */
.banner_area {
    padding: 40px 0 0px;
}

.site_review_details .logo_wrapper {
    border: 1px solid #d9d9d9;
    padding: 30px 30px;
    border-radius: 7px;
    box-shadow: 1px 1px 1px #cccccc5c;
    background-color: #fff;
}

.site_review_details {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.flower {
    width: 25px; /* adjust to control the size */
    aspect-ratio: 1;
    --g: /21.98% 21.98% radial-gradient(#000 calc(71% - 1px),#0000 71%) no-repeat;
    mask: 100% 50% var(--g),92.063% 77.032% var(--g),70.771% 95.482% var(--g),42.884% 99.491% var(--g),17.257% 87.787% var(--g),2.025% 64.087% var(--g),2.025% 35.913% var(--g),17.257% 12.213% var(--g),42.884% 0.509% var(--g),70.771% 4.518% var(--g),92.063% 22.968% var(--g),radial-gradient(100% 100%,#000 37.43%,#0000 calc(37.43% + 1px));
    display: inline-block;
    background-color: #fff;
    text-align: center;
    height: 25px;
    position: relative;
    top: 2px;
}

.site_description ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .site_description ul li {
        display: inline-block;
        background-color: #fff;
        color: #fff;
        padding: 2px 4px;
        border-radius: 4px;
    }

.site_description h3 {
    margin-bottom: 0;
    font-weight: 700;
    line-height: 30px;
    color: #fff;
}

.site_description p {
    margin-bottom: 0;
    font-weight: 600;
    margin: 0 0 4px;
    color: #fff;
}

    .site_description p span {
        font-weight: 400
    }

        .site_description p span:nth-child(1) {
            background-color: #fff;
            height: 6px;
            width: 6px;
            border-radius: 100%;
            display: inline-block;
            margin: 0 9px 2px 3px;
        }

        .site_description p span i {
            color: #3f61ab;
            font-size: 19px;
            top: -2px;
            position: relative;
            left: 1px;
        }

.site_description {
    margin-left: 20px;
}

.site_description {
    margin-left: 20px;
    margin-top: -6px;
}

.flower i {
    color: #fff;
    font-size: 12px;
    position: relative;
    top: -7px;
}

.rv_top h5 span span {
    font-weight: 400
}

.rv_top h5 span {
    font-size: 18px;
}

.progress-container {
    width: 80%;
    background-color: #dadada;
    border-radius: 20px;
    margin: 0 0 5px;
    height: 10px;
    position: relative;
}

.progress-bar {
    height: 100%;
    width: 0%; /* Start with 0% width */
    background-color: #4466d8;
    border-radius: 20px;
    transition: width 2s ease-in-out;
    line-height: 30px;
    color: white;
    text-align: center;
}

.progress_bar {
    display: flex;
    justify-content: space-between;
    align-items: first baseline;
}

#progress-section p {
    margin: 0;
    width: 50px;
}

#progress-section {
    width: 85%;
    margin: 25px auto 30px;
}

.overall__reviews--left {
    display: flex;
}

    .overall__reviews--left label {
        display: block;
        width: 80px;
        align-self: center;
        font-weight: 600;
    }

    .overall__reviews--left .form-select:focus {
        border-color: #2f55d4;
        outline: 0;
        box-shadow: unset;
    }

    .overall__reviews--left .form-select {
        border-radius: 4px;
        border-color: #c7c7c7;
        color: #4c4c4c;
    }

.overall__reviews {
    margin-bottom: 40px;
}

.review__ratings {
    position: relative;
    top: -8px;
    left: 3px;
}

    .review__ratings img {
        margin-left: -2px;
    }

.review_timing span {
    font-weight: 800
}

.review_timing {
    color: #bbb;
}

    .review_timing span {
        color: #161c2d;
    }

.review_status p {
    background-color: #1c970b;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    padding: 4px 16px 4px;
    border-radius: 20px;
}

    .review_status p span {
        display: inline-block;
        background-color: #fff;
        height: 20px;
        width: 20px;
        border-radius: 100%;
        text-align: center;
        line-height: 22px;
        margin-right: 5px;
        position: relative;
        top: 1px;
    }

        .review_status p span i {
            color: #1c970b;
            font-size: 13px;
        }

.benefit_mdl_lft {
    background: #FFFFFF;
    border: 1px solid #e3e3e3;
    border-radius: 20px;
    margin-top: 15px;
}

    .benefit_mdl_lft.benefit_mdl_lft_top {
        margin-bottom: 40px;
    }

.benefit_mdl_tp {
    background: #476cbf;
    padding: 16px 20px 16px;
    color: #fff;
    border-top-right-radius: 18px;
    border-top-left-radius: 17px;
}

.benefit_mdl_lft_top .benefit_mdl_btm {
    padding: 5px 0px 0;
}

.benefit_mdl_btm ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding-left: 0;
}

.benefit_mdl_lft_top .benefit_mdl_btm ul {
    margin-bottom: 0 !important;
}

    .benefit_mdl_lft_top .benefit_mdl_btm ul li {
        border: unset;
        border-bottom-width: unset;
        border-bottom-style: unset;
        border-bottom-color: unset;
        font-size: 16px;
        border-bottom: 1px solid #e3e3e3;
        border-radius: unset;
        padding: 10px 20px 10px;
        margin-bottom: 0;
        transition: all 0.4s linear;
    }

.benefit_mdl_btm ul li {
    width: 100%;
    border: 1px dashed #a6a6a6;
    font-weight: 500;
    font-size: 15px;
    display: block;
    padding: 7px 15px;
    position: relative;
    border-radius: 36px;
    margin-bottom: 10px;
}

    .benefit_mdl_btm ul li span {
        font-weight: 700;
        font-size: 15px;
        line-height: 24px;
        position: absolute;
        right: 7px;
        font-weight: 600;
        color: #476cbf;
        text-decoration: line-through;
    }

.benefit_mdl_btm {
    padding: 20px 20px 10px;
}

.benefit_mdl_tp h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
}

.overall__reviews--left p {
    border: 1px solid #c6c6c6;
    padding: 5px 20px 5px;
    margin-bottom: 0;
    margin-left: 10px;
}

.review__btn--wrapper a {
    background: #476cbf;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 7px 31px;
    color: #FFFFFF;
    border: 1px solid #476cbf;
}

.more__reviews--wrapper button {
    background: #476cbf;
    border-radius: 8px;
    font-weight: 400;
    font-size: 21px;
    line-height: 40px;
    color: #FFFFFF;
    padding: 5px 25px;
    border: 2px solid #476cbf;
}

.rv_top h5 {
    margin-bottom: 0;
}

.review_content {
    margin-bottom: 0;
    padding: 60px 0;
}

.benefit_mdl_lft_top .benefit_mdl_btm ul li:nth-child(8) {
    margin-bottom: 0;
    border-bottom: unset;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.benefit_mdl_lft_top .benefit_mdl_btm ul li:hover {
    color: unset !important;
    background-color: #cccccc29 !important;
    border: unset !important;
    border-bottom-width: unset;
    border-bottom-style: unset;
    border-bottom-color: unset;
    border-bottom: 1px solid #e3e3e3 !important;
}

.benefit_mdl_lft_top .benefit_mdl_btm ul li:nth-child(8):hover {
    border-bottom: unset !important;
}

.benefit_mdl_btm ul li:hover {
    color: #fff !important;
    background-color: #343a40 !important;
    border: 1px dashed #fff !important;
}

    .benefit_mdl_btm ul li:hover span {
        color: #fff;
    }

.rv_top h5 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 15px;
}

.progress-container {
    width: 80%;
    background-color: #dadada;
    border-radius: 20px;
    margin: 0 0 5px;
    height: 10px;
    position: relative;
}

.progress-bar {
    height: 100%;
    width: 0%; /* Start with 0% width */
    background-color: #476cbf;
    border-radius: 20px;
    transition: width 2s ease-in-out;
    line-height: 30px;
    color: white;
    text-align: center;
}

.progress_bar {
    display: flex;
    justify-content: space-between;
    align-items: first baseline;
}

#progress-section p {
    margin: 0;
    width: 50px;
}

#progress-section {
    width: 85%;
    margin: 25px auto 30px;
}

.more__reviews--wrapper {
    text-align: center;
}

#writereview .modal-dialog {
    max-width: 730px;
}

#writereview .modal-content {
    padding: 10px 40px 20px;
}

.modal-header .display-5 {
    font-size: 22px;
    font-weight: 500;
}

#writereview .modal-content .modal-header button {
    background: #476cbf;
    color: #fff;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    border: 2px solid #476cbf;
}

#writereview .modal-header {
    justify-content: space-between;
}

#writereview .rev_frm {
    border-radius: 10px;
    width: 100%;
    border: 2px solid #aaa;
    padding: 5px 15px;
}

#writereview form button[type="submit"] {
    background: #476cbf;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 7px 31px;
    color: #FFFFFF;
    border: 1px solid #476cbf;
}

#auto-response-popup {
    background: #d4edda;
    padding: 8px;
    margin: 10px auto;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: none;
}

    #auto-response-popup p {
        margin: 0;
        color: #155724;
    }

.star-rating {
    display: flex;
    flex-direction: row-reverse;
    font-size: 1.5em;
    justify-content: space-around;
    padding: 0 .2em;
    text-align: center;
    width: 5em;
}

    .star-rating input {
        display: none;
    }

    .star-rating label {
        color: #ccc;
        cursor: pointer;
    }

    .star-rating :checked ~ label {
        color: #f90;
    }

    .star-rating label:hover,
    .star-rating label:hover ~ label {
        color: #f90;
    }

.review_cards {
    background-color: #f5f5f5;
    padding: 20px 20px;
    border-radius: 8px;
    box-shadow: 0px 1px 3px #ccc;
    margin-bottom: 20px;
}

    .review_cards .top {
        justify-content: space-between;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding-left: 0px;
    }

        .review_cards .top div {
            display: flex;
        }

            .review_cards .top div.disp_des {
                flex-direction: column;
                align-self: center;
            }

        .review_cards .top .disp_img {
            height: 40px;
            width: 40px;
            background-color: #476cbf;
            border-radius: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 10px;
        }

            .review_cards .top .disp_img img {
                height: 20px;
                width: 20px;
                margin-right: 0;
            }

    .review_cards .disp_des h3 {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 18px;
        padding: 1px 0 13px;
        color: rgba(33, 37, 41, 0.75);
    }

    .review_cards .disp_des p {
        margin-bottom: 0;
        font-size: 16px;
        color: #BBB;
        padding: 0 0 5px;
        line-height: 26px;
    }

    .review_cards .review__ratings img {
        height: 14px;
        width: 15px;
        margin-left: 0;
    }

    .review_cards .top div:nth-child(2) p {
        margin-bottom: 0;
        font-weight: 400;
    }

        .review_cards .top div:nth-child(2) p span {
            margin-bottom: 0;
            font-weight: 400;
            color: #888;
            margin-left: 3px;
            font-size: 15px;
        }

    .review_cards .middle p {
        line-height: 22px;
        margin-top: 0;
        margin-bottom: 10px;
        color: #333;
        font-size: 16px;
    }

    .review_cards .btm p {
        background-color: #179606;
        color: #fff;
        margin-bottom: 0;
        display: inline-block;
        padding: 2px 25px;
        font-size: 14px;
        border-radius: 17px;
    }

    .review_cards .middle, .review_cards .btm {
        padding-left: 0px;
    }

#writereview {
    padding-right: 0 !important;
}

.site_description p img {
    position: relative;
    top: -5px;
    filter: brightness(0) invert(1);
}

.benefit_mdl_lft_top .benefit_mdl_btm ul li img {
    margin-right: 5px;
}

.review__ratings span {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    top: -7px;
    margin-left: 5px;
}

.banner_area.banner_area_review {
    background-image: url('../images/review_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.disp_des h5 {
    margin: 0;
    font-weight: 500;
    line-height: 22px;
    font-size: 19px;
    color: #212529;
}

    .disp_des h5 span {
        font-size: 15px;
        color: #26AE54;
        font-weight: 400;
    }

        .disp_des h5 span.verified img {
            font-size: 16px;
            color: #26AE54;
            font-weight: 400;
            position: relative;
            top: -1px;
        }

.review_cards .review__ratings img:nth-child(1) {
    margin-left: -3px;
}

.review_top_wrapper h1 {
    font-size: 24px;
    color: #fff;
    font-weight: 800;
    max-width: 300px;
    line-height: 28px;
}

.ban_rev_btm {
    color: #fff;
    margin-bottom: 0;
    font-size: 18px;
}

.rev_rat {
    width: unset !important;
    height: unset !important;
}