:root {
    --theme-body-font-color: 0, 2, 72;
    --theme-body-sub-title-color: 82, 82, 108;
    --white: 255, 255, 255;
    --black: 0, 0, 0;
    --input-border: 203, 203, 233;
    --shadow-color: 67, 56, 181;
    --light-bg: 239, 245, 248;
    --service-shadow: 82, 77, 141;
    --light-color: 247, 247, 247;
    --border-light: 233, 239, 253;
    --customer-review-bg: 249, 249, 249;
    --primary: 115, 102, 255;
    --secondary: 255, 51, 100;
    --success: 84, 186, 74;
    --info: 22, 199, 249;
    --warning: 255, 169, 65;
    --danger: 252, 68, 56;
    --light: 244, 244, 244;
    --dark: 0, 2, 72;
    --even-bg: 245, 248, 255;
    --dark-bg: 22, 21, 40;
    --dark-blue: 33, 31, 58;
    --light-blue: 145, 145, 210;
    --card-bg: 33, 31, 58;
    --footer-border: 70, 63, 144;

    --feature-icon-size: 8rem;
}

.customer-review-style-1 .customer-review-wrapper {
    align-items: center;
    display: flex;
    gap: 2.3125rem;
    padding-bottom: 2.5rem;
    position: relative
}

@media (max-width: 1399.98px) {
    .customer-review-style-1 .customer-review-wrapper {
        gap: 1.5rem
    }
}

@media (max-width: 991.98px) {
    .customer-review-style-1 .customer-review-wrapper {
        padding-bottom: 0
    }
}

@media (max-width: 575.98px) {
    .customer-review-style-1 .customer-review-wrapper {
        gap: .9375rem
    }
}

.customer-review-style-1 .customer-review-wrapper .customer-icon {
    align-items: center;
    background: rgba(249, 249, 249, 1);
    border-radius: 100%;
    display: flex;
    height: 4.875rem;
    justify-content: center;
    position: relative;
    width: 4.875rem;
    z-index: 1
}

.customer-review-style-1 .customer-review-wrapper .customer-icon svg:not(.shape-svg) {
    height: 1.4375rem;
    width: 1.4375rem
}

@media (max-width: 767.98px) {
    .customer-review-style-1 .customer-review-wrapper .customer-icon svg:not(.shape-svg) {
        height: 1.25rem;
        width: 1.25rem
    }
}

@media (max-width: 575.98px) {
    .customer-review-style-1 .customer-review-wrapper .customer-icon svg:not(.shape-svg) {
        height: 1rem;
        width: 1rem
    }
}

@media (max-width: 991.98px) {
    .customer-review-style-1 .customer-review-wrapper .customer-icon {
        box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
        height: 4.3rem;
        width: 4.3rem
    }
}

@media (max-width: 767.98px) {
    .customer-review-style-1 .customer-review-wrapper .customer-icon {
        height: 4rem;
        width: 4rem
    }
}

@media (max-width: 575.98px) {
    .customer-review-style-1 .customer-review-wrapper .customer-icon {
        height: 3rem;
        width: 3rem
    }
}

.customer-review-style-1 .customer-review-wrapper .shape-svg {
    height: 5.5rem;
    left: -7px;
    position: absolute;
    top: -5px;
    width: 5rem
}

@media (max-width: 991.98px) {
    .customer-review-style-1 .customer-review-wrapper .shape-svg {
        height: 4.8125rem;
        width: 4.6875rem
    }
}

@media (max-width: 767.98px) {
    .customer-review-style-1 .customer-review-wrapper .shape-svg {
        height: 4.6875rem;
        width: 4.375rem
    }
}

@media (max-width: 575.98px) {
    .customer-review-style-1 .customer-review-wrapper .shape-svg {
        height: 3.625rem;
        width: 3.5625rem
    }
}

.customer-review-style-1 .customer-review-wrapper:after {
    background: url(../images/shape/5.webp);
    background-repeat: no-repeat;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 4px;
    width: 100%
}

@media (max-width: 991.98px) {
    .customer-review-style-1 .customer-review-wrapper:after {
        display: none
    }
}

.customer-review-style-1 .customer-review-wrapper .shape-line {
    bottom: 0;
    height: 100%;
    position: absolute;
    width: 70%
}

@media (max-width: 1199.98px) {
    .customer-review-style-1 .customer-review-wrapper .shape-line {
        width: 100%
    }
}

@media (max-width: 991.98px) {
    .customer-review-style-1 .customer-review-wrapper .shape-line {
        display: none
    }
}

/*How it work section*/
.feature-style-2 {
    background-color: var(--main-bg);
}

.feature-style-2 .feature-wrapper .feature-content {
    padding-top: 2rem;
}

.feature-style-2 .feature-wrapper .feature-icon {
    background-color: var(--theme-default);
    width: var(--feature-icon-size);
    height: var(--feature-icon-size);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: relative;
}

@media (max-width: 767.98px) {
    .feature-style-2 .feature-wrapper .feature-content h3 {
        font-size: 1.125rem;
        padding-bottom: .3125rem
    }
}

@media (max-width: 575.98px) {
    .feature-style-2 .feature-wrapper .feature-content h3 {
        font-size: 1rem
    }
}

.feature-style-2 .feature-wrapper .feature-icon-wrap .feature-icon svg {
    height: 1.5625rem;
    width: 1.5625rem;
}

.feature-style-2 .feature-wrapper .feature-icon .feature-count {
    color: #ffffff;
    background-color: var(--theme-green);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: absolute;
    top: -16px;
    left: -16px;
    font-family: Roboto, sans-serif;
    font-weight: 900;
    font-size: 18px;
}

.feature-style-2 .feature-icon .feature-conjunction-line {
    position: absolute;
    right: calc(-100% - 9rem);
    top: calc(var(--feature-icon-size) / 2);
}

.feature-style-2 .feature-icon > svg {
    width: 40px;
}

.feature-style-2 .feature-icon .feature-conjunction-line svg {
    width: 200px;
}

.feature-style-2 .feature-icon .feature-conjunction-line.feature-conjunction-line--top {
    top: calc(var(--feature-icon-size) / 2 - 30%);
}

@media (max-width: 992px) {
    .feature-style-2 .feature-icon .feature-conjunction-line {
        display: none;
    }
}

@media (min-width: 1200px) {
    .feature-style-2 .feature-icon .feature-conjunction-line {
        right: calc(-100% - .8rem);
    }

    .feature-style-2 .feature-icon .feature-conjunction-line svg {
        width: 130px;
    }
}

@media (max-width: 1200px) {
    .feature-style-2 .feature-icon .feature-conjunction-line.feature-conjunction-line--top {
        display: none;
    }
}

@media (min-width: 1399px) {
    .feature-style-2 .feature-icon .feature-conjunction-line {
        right: calc(-125% - .5rem);
    }

    .feature-style-2 .feature-icon .feature-conjunction-line svg {
        width: 150px;
    }
}

.feature-style-2 .feature-wrapper .feature-content p {
    color: var(--light-text);
}

@media (max-width: 767.98px) {
    .feature-style-2 .feature-wrapper .feature-content {
        padding-top: .625rem
    }
}

.feature-style-2 .feature-wrapper .feature-content h3 {
    font-size: 1.25rem;
    padding-bottom: 1rem;
    font-weight: 700;
}