@charset "UTF-8";

.banner-home-bg {
    background: linear-gradient(90deg,rgba(255,61,0,.1) .19%,rgba(255,177,152,.1) 49.48%,rgba(255,61,0,.1) 99.8%)
}

.latest-feature-bg {
    background-color: #fffbfa
}

.latest-Choose-bg {
    background-color: #fff;
    padding-bottom: 50px; 
    padding-top: 50px;
}

.latest-service-bg {
    background-color: #fafafa
}

.latest-blog-bg, .latest-project-bg, .question-bg {
    background-color: #fff
}

.latest-newsletter-bg {
    background-color: #fafafa
}

.footer__bottom-home-1-bg {
    background-color: #001d08
}

.white-bg {
    background: #fff !important
}

.product-bg {
    background: #fafafa
}

.happy-customer-bg {
    background: #ffefeb
}

.btn, .main-menu ul li .mega-menu, .main-menu ul li .mega-menu li ul li a:before, .main-menu ul li .submenu, .main-menu ul li .submenu li a:before, .main-menu ul li.has-dropdown > a:after, .offcanvas__overlay, .rr-btn svg path, a, button, h1, h2, h3, h4, h5, h6, img, input, li, p, select, span, svg, textarea {
    transition: all .3s ease-out 0s
}

.breadcrumb__menu ul li:not(:last-child):before, .nice-select:after {
    transform: translateY(-50%)
}

:root {
    --rr-ff-body: "Rubik",sans-serif;
    --rr-ff-heading: "Poppins",sans-serif;
    --rr-ff-subtitle: "Sofia";
    --rr-ff-fontawesome: "Font Awesome 6 Pro";
    --rr-common-white: #fff;
    --rr-common-black: #000;
    --rr-common-placeholder: #4a5764;
    --rr-body-primary: #fff;
    --rr-theme-primary: #ff3d00;
    --rr-theme-secondary: #d44e49;
    --rr-heading-primary: #001d08;
    --rr-text-body: #646464;
    --rr-text-primary: #000;
    --rr-shadow-primary: 0px 30px 60px 0px rgba(0,15,32,.1);
    --rr-border-primary: 1px solid #ff3d00;
    --rr-fw-normal: normal;
    --rr-fw-thin: 100;
    --rr-fw-elight: 100;
    --rr-fw-light: 200;
    --rr-fw-regular: 300;
    --rr-fw-medium: 400;
    --rr-fw-sbold: 500;
    --rr-fw-bold: 600;
    --rr-fw-ebold: 800;
    --rr-fw-black: 900;
    --rr-fs-body: 15px;
    --rr-fs-body2: 18px;
    --rr-fs-p: 15px;
    --rr-fs-h1: 33px;
    --rr-fs-h2: 31px;
    --rr-fs-h3: 21px;
    --rr-fs-h4: 18px;
    --rr-fs-h5: 22px;
    --rr-fs-h6: 18px;
    --rr-lh-body: 28px;
    --rr-lh-body2: 26px;
    --rr-lh-p: 26px;
    --rr-lh-h1: 84px;
    --rr-lh-h2: 28px;
    --rr-lh-h3: 46px;
    --rr-lh-h4: 18px;
    --rr-lh-h5: 24px;
    --rr-lh-h6: 28px
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    font-size: 10px
}

body {
    background: var(--rr-body-primary);
    color: var(--rr-text-body);
    font-family: var(--rr-ff-body);
    font-size: var(--rr-fs-body);
    font-weight: 400;
    line-height: var(--rr-lh-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.h1 h2, .h2, .h3, .h4, .h5, .h6, h1, h3, h4, h5, h6 {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-weight: var(--rr-fw-bold);
    margin-bottom: 0;
    margin-top: 0;
    word-break: break-word
}

.h1, h1 {
    font-size: var(--rr-fs-h1);
    line-height: var(--rr-lh-h1)
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .h1, h1 {
        font-size: 60px;
        line-height: 72px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .h1, h1 {
        font-size: 52px;
        line-height: 64px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .h1, h1 {
        font-size: 50px;
        line-height: 52px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .h1, h1 {
        font-size: 38px;
        line-height: 50px
    }
}

@media (max-width:575px) {
    .h1, h1 {
        font-size: 25px;
        line-height: 44px
    }
}

.h2, h2 {
    font-size: var(--rr-fs-h2);
    line-height: var(--rr-lh-h2)
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .h2, h2 {
        font-size: 38px;
        line-height: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .h2, h2 {
        font-size: 40px;
        line-height: 52px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .h2, h2 {
        font-size: 40px;
        line-height: 52px
    }
}

@media (max-width:575px) {
    .h2, h2 {
        font-size: 30px;
        line-height: 42px
    }
}

@media (max-width:450px) {
    .h2, h2 {
        font-size: 27px;
        line-height: 37px
    }
}

.h3, h3 {
    font-size: var(--rr-fs-h3);
    line-height: var(--rr-lh-h3)
}

@media (max-width:575px) {
    .h3, h3 {
        font-size: 30px;
        line-height: 42px
    }
}

@media (max-width:450px) {
    .h3, h3 {
        font-size: 27px;
        line-height: 37px
    }
}

.h4, h4 {
    font-size: var(--rr-fs-h4);
    line-height: var(--rr-lh-h4)
}

.h5, h5 {
    font-size: var(--rr-fs-h5);
    line-height: var(--rr-lh-h5)
}

.h6, h6 {
    font-size: var(--rr-fs-h6);
    line-height: var(--rr-lh-h6)
}

ul {
    margin: 0;
    padding: 0
}

p {
    color: var(--rr-text-body);
    font-size: var(--rr-fs-p);
    font-weight: var(--rr-fw-normal);
    line-height: var(--rr-lh-p)
}

a {
    text-decoration: none
}

    .button:focus, a:focus {
        outline: none;
        text-decoration: none
    }

    a:focus, a:hover {
        color: inherit;
        text-decoration: none
    }

a, button {
    background: transparent;
    border: none;
    color: inherit;
    outline: none
}

img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

button:hover {
    cursor: pointer
}

button:focus {
    outline: 0
}

hr:not([size]) {
    border-color: var(--rr-border-primary);
    border-width: 1px;
    margin: 0;
    opacity: 1
}

input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], textarea {
    margin-left: 30px
}

input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], textarea {
    background-color: hsla(0,0%,100%,.1);
    border: 2px solid hsla(0,0%,100%,.3);
    border-bottom: 1px solid rgba(0,29,8,.1);
    color: var(--rr-heading-primary);
    font-size: 16px;
    outline: none;
    width: 100%
}

textarea {
    height: 60px !important
}

::-moz-selection {
    background: var(--rr-common-selection)
}

::selection {
    background: var(--rr-common-selection)
}

::-moz-selection {
    background: var(--rr-common-black);
    color: var(--rr-common-white);
    text-shadow: none
}

::selection {
    background: var(--rr-common-black);
    color: var(--rr-common-white);
    text-shadow: none
}

::-moz-placeholder {
    font-size: 16px;
    opacity: 1
}

::placeholder {
    font-size: 16px;
    opacity: 1
}

::-moz-placeholder::-moz-placeholder {
    color: var(--rr-common-placeholder)
}

::placeholder::-moz-placeholder {
    color: var(--rr-common-placeholder)
}

::-moz-placeholder::placeholder {
    color: var(--rr-common-placeholder)
}

::placeholder::placeholder {
    color: var(--rr-common-placeholder)
}

.container {
    --bs-gutter-x: 30px;
    max-width: 1200px
}

.custom-container {
    max-width: 1440px
}

.custom-container, .row {
    --bs-gutter-x: 30px
}

.nice-select {
    background-color: transparent !important;
    border: none !important;
    color: var(--rr-common-white);
    font-family: var(--rr-ff-body) !important;
    font-style: normal;
    font-weight: 500 !important;
    padding-right: 15px !important;
    width: 100% !important
}

    .nice-select:after {
        color: var(--rr-heading-white) !important;
        font-family: Font Awesome\ 5 Pro;
        font-weight: 500 !important;
        top: 50% !important;
        transform: translateY(-50%)
    }

    .nice-select .list {
        background-color: var(--rr-common-black) !important
    }

    .nice-select .option.selected:hover, .nice-select .option:hover {
        color: var(--rr-heading-primary) !important
    }

.fix {
    overflow: hidden
}

.clear {
    clear: both
}

.p-0 {
    padding-left: 0 !important
}

.p-relative {
    position: relative
}

.p-absolute {
    position: absolute
}

.z-index-1 {
    z-index: 1
}

.opacity {
    opacity: .7 !important
}

.box-shadow {
    border-radius: 10px;
    box-shadow: 0 20px 40px rgba(0,29,8,.1)
}

.container-width {
    max-width: 1520px
}

.mb-10 {
    margin-bottom: 15px !important
}

.mb-6 {
    margin-bottom: 6px
}

.mb-10 {
    margin-bottom: 10px
}

.gap-10 {
    gap: 10px
}

.fw-sbold {
    font-weight: var(--rr-fw-sbold) !important
}

.heading-space2 {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
    row-gap: 20px
}

.pb-70-custom {
    padding-bottom: 70px
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .pb-70-custom {
        padding-bottom: 35px
    }
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px) {
    .section-space {
        padding-bottom: 70px;
        padding-top: 30px
    }
}

.section-space-top {
    padding-top: 120px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space-top {
        padding-top: 80px
    }
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px) {
    .section-space-top {
        padding-top: 70px
    }
}

.mb-minus-30 {
    margin-bottom: -30px
}

.mb-25 {
    margin-bottom: 25px
}

.color-white {
    color: var(--rr-common-white)
}

.white-bg {
    background-color: var(--rr-common-white)
}

.rr-btn {
    align-items: center;
    background-color: var(--rr-theme-primary);
    border-radius: 4px;
    display: inline-flex;
    font-family: var(--rr-ff-heading);
    font-size: 16px;
    font-style: normal;
    font-weight: var(--rr-fw-sbold);
    gap: 10px;
    justify-content: center;
    line-height: 30px;
    overflow: hidden;
    padding: 10px 28px;
    position: relative;
    z-index: 5
}

    .rr-btn, .rr-btn:focus {
        color: var(--rr-common-white)
    }

        .rr-btn:before {
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            transform: translate(-165%) rotate(0deg);
            transform-origin: right bottom;
            transition: all .35s;
            width: 100%;
            z-index: -1
        }

        .rr-btn:hover {
            background: var(--rr-heading-primary);
            color: var(--rr-common-white)
        }

            .rr-btn:hover:before {
                transform: translate(0)
            }

        .rr-btn.btn-hover-white:before {
            background-color: var(--rr-common-white)
        }

        .rr-btn.btn-hover-white:hover {
            color: var(--rr-heading-primary)
        }

            .rr-btn.btn-hover-white:hover svg path[fill=white] {
                fill: var(--rr-heading-primary)
            }

        .rr-btn.btn-transparent {
            background-color: transparent;
            border: 1px solid rgba(0,29,8,.1);
            color: var(--rr-heading-primary);
            padding: 10px 28px
        }

            .rr-btn.btn-transparent:before {
                background-color: var(--rr-theme-primary)
            }

            .rr-btn.btn-transparent svg path[fill=white] {
                fill: var(--rr-theme-primary)
            }

            .rr-btn.btn-transparent:hover {
                color: var(--rr-common-white)
            }

                .rr-btn.btn-transparent:hover svg path[fill=white] {
                    fill: var(--rr-common-white)
                }

.small-btn {
    background: var(--rr-common-white);
    border-radius: 4px;
    height: 40px;
    transition: .3s;
    width: 40px
}

    .small-btn:hover {
        background: var(--rr-theme-primary)
    }

        .small-btn:hover i {
            color: var(--rr-common-white)
        }

        .small-btn:hover svg path {
            stroke: var(--rr-common-white)
        }

.small-btn-transparent {
    background: transparent;
    border: 1px solid #e5e8e6
}
.sidebar__toggle {
    cursor: pointer
}

.offcanvas-close-icon {
    color: var(--rr-common-white);
    line-height: 1
}

    .offcanvas-close-icon .offcanvas-m-lines {
        display: block;
        height: 12px;
        position: relative;
        width: 30px
    }

    .offcanvas-close-icon.animation--flip .offcanvas-m-line.line--1 {
        top: 6px;
        transform: rotate(45deg)
    }

    .offcanvas-close-icon.animation--flip .offcanvas-m-line.line--3 {
        opacity: 0
    }

    .offcanvas-close-icon.animation--flip .offcanvas-m-line.line--2 {
        top: 6px;
        transform: rotate(-45deg)
    }

    .offcanvas-close-icon .offcanvas-m-line {
        background-color: currentColor;
        height: 2px;
        left: 0;
        position: absolute;
        transition: top .15s ease,transform .3s ease;
        width: 100%
    }

        .offcanvas-close-icon .offcanvas-m-line.line--1 {
            top: 0
        }

        .offcanvas-close-icon .offcanvas-m-line.line--2 {
            top: 5px
        }

        .offcanvas-close-icon .offcanvas-m-line.line--3 {
            bottom: 0
        }

    .offcanvas-close-icon:hover .offcanvas-m-line {
        animation: qode-draw .8s cubic-bezier(.44,1.1,.53,.99) 1 forwards
    }

        .offcanvas-close-icon:hover .offcanvas-m-line:nth-of-type(2) {
            animation-delay: .1s
        }

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto
}

    .nice-select:hover {
        border-color: #dbdbdb
    }

    .nice-select:active, .nice-select:focus {
        border-color: #999
    }

    .nice-select:after {
        color: var(--rr-common-black);
        content: "\f107";
        font-family: var(--rr-ff-fontawesome);
        font-weight: 500;
        margin-top: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 50%;
        transform-origin: center;
        transition: all .15s ease-in-out
    }

    .nice-select.disabled {
        border-color: #ededed;
        color: #999;
        pointer-events: none
    }

        .nice-select.disabled:after {
            border-color: #ccc
        }

    .nice-select.right {
        float: right
    }

        .nice-select.right .list {
            left: auto;
            right: 0
        }

    .nice-select .list {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 0 1px rgba(68,68,68,.11);
        box-sizing: border-box;
        left: 0;
        margin-top: 4px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        transform: scale(.75) translateY(-21px);
        transform-origin: 50% 0;
        transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
        z-index: 9
    }

    .nice-select .option {
        cursor: pointer;
        font-weight: 400;
        line-height: 40px;
        list-style: none;
        min-height: 40px;
        outline: none;
        padding-left: 18px;
        padding-right: 29px;
        text-align: left;
        transition: all .2s
    }

        .nice-select .option:hover {
            background-color: #f6f7f9
        }

        .nice-select .option.selected {
            font-weight: 700
        }

        .nice-select .option.disabled {
            background-color: transparent;
            color: #999;
            cursor: default
        }

.section__title {
    color: var(--rr-heading-primary);
    text-transform: capitalize
}

.breadcrumb-cms {
    padding: 105px 0 2px
}

.breadcrumb-space {
    padding: 296px 0 160px
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px) {
    .breadcrumb-space {
        padding: 150px 0 80px
    }
}

@media (max-width:575px) {
    .breadcrumb-space {
        padding: 157px 0 80px
    }
}

.breadcrumb__area {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.breadcrumb__title {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-size: 40px;
    font-style: normal;
    font-weight: var(--rr-fw-bold);
    line-height: 84px;
    margin-bottom: 14px
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .breadcrumb__title {
        font-size: 40px
    }
}

@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .breadcrumb__title {
        font-size: 46px;
        line-height: 50px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .breadcrumb__title {
        font-size: 44px;
        line-height: 50px
    }
}

@media (max-width:575px) {
    .breadcrumb__title {
        font-size: 34px;
        line-height: 20px
    }
}

@media (max-width:450px) {
    .breadcrumb__title {
        font-size: 32px
    }
}

.breadcrumb__menu ul {
    align-items: center;
    display: inline-flexbox;
    display: inline-flex;
    gap: 27px;
    justify-content: center
}

    .breadcrumb__menu ul li {
        line-height: 1;
        list-style: none;
        position: relative
    }

        .breadcrumb__menu ul li:not(:last-child):before {
            color: var(--rr-text-body);
            content: "›";
            display: inline-block;
            font-family: var(--rr-ff-fontawesome);
            font-size: 12px;
            font-style: normal;
            font-weight: 900;
            inset-inline-end: -17px;
            line-height: normal;
            position: absolute;
            top: .7rem
        }

        .breadcrumb__menu ul li span {
            color: var(--rr-text-body);
            font-family: var(--rr-ff-body);
            font-size: 20px;
            font-style: normal;
            font-weight: var(--rr-fw-regular);
            line-height: var(--rr-lh-h5)
        }

            .breadcrumb__menu ul li span a:hover {
                color: var(--rr-theme-primary)
            }

        .breadcrumb__menu ul li.active span {
            color: var(--rr-text-body);
            font-family: var(--rr-ff-body);
            font-size: 20px;
            font-style: normal;
            font-weight: var(--rr-fw-regular);
            line-height: var(--rr-lh-h5)
        }

.breadcrumb__area .inner-top-shape {
    left: 621px;
    opacity: .5 !important;
    top: -55px;
    z-index: -1
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .breadcrumb__area .inner-top-shape {
        left: 0
    }
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .breadcrumb__area .inner-top-shape {
        display: none
    }
}

.breadcrumb__area .banner-all-shape-wrapper .first-shape {
    left: 585px;
    top: 222px
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .breadcrumb__area .banner-all-shape-wrapper .first-shape {
        left: 370px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .breadcrumb__area .banner-all-shape-wrapper .first-shape {
        left: 245px
    }
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px) {
    .breadcrumb__area .banner-all-shape-wrapper .first-shape {
        display: none
    }
}

.breadcrumb__area .banner-all-shape-wrapper .second-shape {
    left: 33px;
    top: 500px
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px) {
    .breadcrumb__area .banner-all-shape-wrapper .second-shape {
        display: none
    }
}

.breadcrumb__area .banner-all-shape-wrapper .right-shape {
    position: absolute;
    right: 35px
}

    .breadcrumb__area .banner-all-shape-wrapper .right-shape img {
        height: auto;
        width: 100%
    }

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .breadcrumb__area .banner-all-shape-wrapper .right-shape img {
        display: none
    }
}

.backtotop-wrap {
    background: var(--rr-theme-primary);
    border-radius: 50px;
    bottom: 30px;
    cursor: pointer;
    display: block;
    height: 46px;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 30px;
    transform: translateY(20px);
    transition: all .4s linear;
    visibility: hidden;
    width: 46px;
    z-index: 100
}

@media (max-width:450px) {
    .backtotop-wrap {
        bottom: 20px;
        right: 20px
    }
}

.backtotop-wrap:before {
    background-color: var(--rr-heading-primary);
    border: 1px solid var(--rr-theme-primary);
    border-radius: 500px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-100%) rotate(50deg);
    transform-origin: top left;
    transition: all .35s;
    width: 100%;
    z-index: -1
}

.backtotop-wrap:after {
    color: var(--rr-common-white);
    content: "\f062";
    cursor: pointer;
    display: block;
    font-family: var(--rr-ff-fontawesome);
    font-size: 16px;
    font-weight: 400;
    height: 46px;
    left: 0;
    line-height: 46px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all .4s linear;
    width: 46px;
    z-index: 1
}

.backtotop-wrap svg path {
    fill: none
}

.backtotop-wrap svg.backtotop-circle path {
    box-sizing: border-box;
    stroke: #ccc;
    stroke-width: 0;
    transition: all .4s linear
}

.backtotop-wrap:hover:before {
    border-color: var(--rr-heading-primary);
    transform: translate(0)
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 hsla(0,0%,100%,.4)
    }

    70% {
        box-shadow: 0 0 0 45px hsla(0,0%,100%,0)
    }

    to {
        box-shadow: 0 0 0 0 hsla(0,0%,100%,0)
    }
}

@keyframes popupBtn {
    0% {
        opacity: .6;
        transform: scale(1)
    }

    50% {
        opacity: .3;
        transform: scale(1.4)
    }

    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes slide-left {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes leftRight {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-15px)
    }
}

@keyframes qode-draw {
    0%,to {
        clip-path: inset(-2px 0)
    }

    42% {
        clip-path: inset(-2px 0 -2px 100%)
    }

    43% {
        clip-path: inset(-2px 100% -2px 0)
    }
}

@keyframes bubble {
    0% {
        transform: rotate(0deg) translateX(-50px)
    }

    to {
        transform: rotate(1turn) translateY(100px)
    }
}

@keyframes leftright {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-20px)
    }
}

@keyframes bounce {
    0%,10%,20%,50%,80%,to {
        transform: translateX(0)
    }

    40%,60% {
        transform: translateX(-15px)
    }
}

@keyframes top-image-bounce {
    0% {
        transform: translateY(-8px)
    }

    50% {
        transform: translateY(12px)
    }

    to {
        transform: translateY(-8px)
    }
}

@keyframes scroll {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(16px)
    }
}

.upDown {
    animation: upDown 1.3S infinite alternate
}

@keyframes upDown {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-15px)
    }
}

.upDown-top {
    animation: upDown 1S infinite alternate
}

@keyframes upDown-top {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10px)
    }
}

.upDown-bottom {
    animation: upDown .8S infinite alternate
}

@keyframes upDown-bottom {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-8px)
    }
}

@keyframes rightLeft {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(10px)
    }
}

@keyframes zooming {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

.zooming {
    animation: zooming 1.3S infinite alternate
}

@keyframes zoom {
    0% {
        transform: scale(1) translate(0)
    }

    50% {
        transform: scale(1.1) translate(19px,19px)
    }

    to {
        transform: scale(1) translate(0)
    }
}

#preloader {
    background-color: #121212;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

@keyframes sk-three-bounce {
    0%,80%,to {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

#popup-search-box {
    background-color: var(--rr-common-white);
    height: 20%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: -100%;
    transition: all .5s ease;
    visibility: hidden;
    white-space: nowrap;
    width: 100%;
    z-index: 99
}

    #popup-search-box .box-inner-wrap {
        box-shadow: 0 0 60px 0 rgba(0,0,0,.05);
        height: 100%;
        position: relative;
        width: 100%
    }

        #popup-search-box .box-inner-wrap form {
            margin: 0 auto;
            max-width: 560px;
            padding: 0 15px;
            position: relative;
            width: 100%
        }

            #popup-search-box .box-inner-wrap form input {
                background: transparent;
                border: none;
                border: 1px solid var(--rr-common-black);
                color: #ddd;
                color: #666;
                font-size: 16px;
                padding: 20px 80px 20px 15px;
                width: 100%
            }

                #popup-search-box .box-inner-wrap form input:focus {
                    outline: none
                }

        #popup-search-box .box-inner-wrap:hover {
            cursor: url(../img/cross.webp),auto
        }

        #popup-search-box .box-inner-wrap .search-close {
            align-items: center;
            border: 1px solid var(--rr-heading-primary);
            border-radius: 50%;
            color: var(--rr-heading-primary);
            cursor: pointer;
            display: flex;
            font-size: 20px;
            height: 50px;
            justify-content: center;
            position: absolute;
            right: 50px;
            top: 30px;
            width: 50px
        }

            #popup-search-box .box-inner-wrap .search-close:hover {
                background-color: var(--rr-theme-primary);
                border: 1px solid var(--rr-theme-primary);
                color: var(--rr-common-white)
            }

.header__area {
    background: linear-gradient(90deg,rgba(255,61,0,.1) .19%,rgba(255,177,152,.1) 49.48%,rgba(255,61,0,.1) 99.8%);
    background: transparent;
    position: absolute;
    width: 100%;
    z-index: 99
}

.header__logo {
    max-width: 188px
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px) {
    .header__logo {
        max-width: 150px
    }
}

@media (max-width:450px) {
    .header__logo {
        max-width: 150px
    }
}

.header__main {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .header__main {
        padding: 18px 0
    }
}

@media (max-width:450px) {
    .header__main {
        padding: 16px 0
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .header__main .header__middle .mean__menu-wrapper .main-menu .mobile-menu ul li {
        margin-inline-end: 15px
    }

        .header__main .header__middle .mean__menu-wrapper .main-menu .mobile-menu ul li a {
            font-size: 14px
        }
}

.header__main .header__right .header__action {
    gap: 30px
}

    .header__main .header__right .header__action .search-icon {
        cursor: pointer
    }

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .header__main .header__right .header__action .search-icon {
        display: none !important
    }
}

.bar-icon {
    display: flex;
    flex-direction: column;
    height: 18px;
    justify-content: space-between;
    overflow: hidden;
    width: 26px
}

    .bar-icon, .bar-icon span {
        transition: color .2s ease-out
    }

        .bar-icon span {
            background: var(--rr-theme-primary);
            display: inline-block;
            height: 2px;
            width: 100%
        }

            .bar-icon span:nth-child(2) {
                margin-left: 0
            }

        .bar-icon:hover span {
            animation: qode-draw .8s cubic-bezier(.44,1.1,.53,.99) 1 forwards
        }

            .bar-icon:hover span:nth-child(2) {
                animation-delay: .1s;
                margin-left: 0
            }

            .bar-icon:hover span:nth-child(3) {
                animation-delay: .2s
            }

.header-top-menu {
    gap: 30px;
    list-style: none
}

    .header-top-menu li {
        align-items: center;
        color: var(--rr-common-white);
        display: flex;
        font-family: var(--rr-ff-body);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        gap: 6px;
        line-height: 17px
    }

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-top-menu li {
        font-size: 12px
    }
}

.header-top-menu li a {
    align-items: center;
    color: var(--rr-common-white);
    display: flex;
    gap: 10px
}

    .header-top-menu li a:hover {
        color: var(--rr-theme-primary)
    }

.header-top-socail-menu {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: center;
    list-style: none
}

    .header-top-socail-menu .lan-select-2 {
        width: 85px
    }

    .header-top-socail-menu span a {
        color: var(--rr-common-white);
        display: flex;
        font-family: var(--rr-ff-body);
        font-size: 14px;
        font-style: normal;
        line-height: 17px
    }

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-top-socail-menu span a {
        font-size: 12px
    }
}

.header-top-socail-menu span a:hover {
    color: var(--rr-theme-primary)
}

.header-top-3 {
    background: var(--rr-heading-primary);
    padding: 5px 0
}

    .header-top-3 .header-top-socail-menu {
        gap: 15px !important
    }

    .header-top-3 .lan-select .nice-select {
        font-weight: 500 !important;
        margin-left: -18px !important
    }

        .header-top-3 .lan-select .nice-select:after {
            font-size: 12px
        }

    .header-top-3 .container-width {
        max-width: 1550px;
        padding-left: 15px;
        padding-right: 15px
    }

    .header-top-3 .header-top-menu li a {
        color: var(--rr-theme-primary)
    }

        .header-top-3 .header-top-menu li a:hover {
            text-decoration: underline
        }

    .header-top-3 .header-top-social {
        color: hsla(0,0%,100%,.7);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        gap: 20px;
        line-height: 15px
    }

        .header-top-3 .header-top-social a:hover {
            color: var(--rr-common-white)
        }

.banner-home {
    padding: 175px 0 107px
}

.banner-home__middel-shape {
    background: radial-gradient(50% 50% at 49.98% 50%,#fff 0,#dadada 8%,#a1a1a1 22%,#707070 36%,#474747 50%,#282828 63%,#121212 77%,#040404 89%,#000 100%);
    background-blend-mode: screen;
    border-radius: 500px;
    height: 639.5px;
    left: 642px;
    mix-blend-mode: screen;
    position: absolute;
    top: -62px;
    width: 639.5px
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__middel-shape {
        left: 370px;
        top: -200px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__middel-shape {
        left: 190px;
        top: -200px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__middel-shape {
        left: 190px;
        top: -200px
    }
}

@media (max-width:992px) {
    .banner-home {
        padding-bottom: 0px;
        padding-top: 130px;
    }

    .question__area{
        padding-top: 0;
    }

    .latest-feature__area {
        padding-top: 45px !important;
        padding-bottom: 0px !important;
    }

    .latest-service__title-box {
        margin-bottom: 0 !important;
    }

    .latest-service__item {
        padding: 15px !important;
    }

    .testimonial__area {
        padding-top: 25px !important;
        padding-bottom: 25px;
    }

    .testimonial__title-wrapper {
        margin-bottom: 0 !important;
    }

    .testi-carousel-wrap .testi-thumb-wrap {
        margin: 0 auto 6px !important;
    }

    .latest-newsletter__area {
        padding-top: 0px !important
    }

    .latest-service__area {
        padding-top: 40px !important;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__middel-shape {
        left: 100px;
        top: -230px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .banner-home__middel-shape {
        left: -80px;
        top: -280px
    }
    .banner-home {
        padding-bottom: 0px;
        padding-top: 110px;
    }
}

@media (max-width:575px) {
    .banner-home__middel-shape {
        left: -80px;
        top: -330px
    }

    .testimonial__area {
        padding-top: 40px !important;
    }
    .banner-home {
        padding-bottom: 0px;
        padding-top: 110px;
    }
}

.banner-home__small-red {
    position: absolute;
    right: 330px;
    top: 526px
}

    .banner-home__small-red img {
        height: auto;
        max-width: 100%
    }

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__small-red {
        right: 360px;
        top: 412px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__small-red {
        right: 358px;
        top: 402px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__small-red {
        right: 312px;
        top: 395px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__small-red {
        right: 312px;
        top: 395px
    }
}

.banner-home__small-parpale {
    position: absolute;
    right: -65px;
    top: 455px
}

    .banner-home__small-parpale img {
        height: auto;
        max-width: 100%
    }

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__small-parpale {
        right: 45px;
        top: 354px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__small-parpale {
        right: 45px;
        top: 324px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__small-parpale {
        right: 47px;
        top: 326px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__small-parpale {
        right: 15px;
        top: 341px
    }
}

.banner-home__small-blue {
    position: absolute;
    right: -143px;
    top: 247px
}

    .banner-home__small-blue img {
        height: auto;
        max-width: 100%
    }

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__small-blue {
        right: 14px;
        top: 213px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__small-blue {
        right: 14px;
        top: 213px
    }
}

.banner-home__blue-dot-shape {
    position: absolute;
    right: 10px;
    top: 75.81px
}

    .banner-home__blue-dot-shape img {
        height: auto;
        width: 100%
    }

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__blue-dot-shape {
        right: 117px;
        top: 66.81px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__blue-dot-shape {
        right: 117px;
        top: 66.81px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__blue-dot-shape {
        right: 101px;
        top: 89.81px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__blue-dot-shape {
        right: 53px;
        top: 88.81px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .banner-home__blue-dot-shape {
        right: 53px;
        top: 88.81px
    }
}

.banner-home__red-shape {
    position: absolute;
    right: -30.59px;
    top: -15px
}

    .banner-home__red-shape img {
        height: auto;
        width: 100%
    }

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__red-shape {
        right: 90px;
        top: -27px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__red-shape {
        right: 90px;
        top: -27px
    }
}

.banner-home__card1-shape {
    position: absolute;
    right: 308px;
    top: 355px
}

    .banner-home__card1-shape img {
        height: auto;
        width: 100%
    }

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__card1-shape img {
        max-width: 80%
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__card1-shape img {
        max-width: 80%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__card1-shape img {
        max-width: 65%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__card1-shape img {
        max-width: 60%
    }
}

@media (max-width:575px) {
    .banner-home__card1-shape img {
        max-width: 70%
    }
}

@media (max-width:450px) {
    .banner-home__card1-shape img {
        max-width: 70%
    }
}

@media (max-width:376px) {
    .banner-home__card1-shape img {
        max-width: 55%
    }
}

@media (max-width:320px) {
    .banner-home__card1-shape img {
        max-width: 60%
    }
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__card1-shape {
        right: 335px;
        top: 265px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__card1-shape {
        right: 242px;
        top: 285px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__card1-shape {
        right: 236px;
        top: 282px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__card1-shape {
        right: 146px;
        top: 282px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .banner-home__card1-shape {
        right: 305px;
        top: 480px
    }
}

@media (max-width:575px) {
    .banner-home__card1-shape {
        right: 187px;
        top: 537px
    }
}

@media (max-width:450px) {
    .banner-home__card1-shape {
        right: 187px;
        top: 537px
    }
}

@media (max-width:376px) {
    .banner-home__card1-shape {
        right: 122px;
        top: 641px
    }
}

@media (max-width:320px) {
    .banner-home__card1-shape {
        right: 102px;
        top: 654px
    }
}

.banner-home__card2-shape {
    position: absolute;
    right: 375px;
    top: 477px
}

    .banner-home__card2-shape img {
        height: auto;
        width: 100%
    }

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__card2-shape img {
        max-width: 80%
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__card2-shape img {
        max-width: 80%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__card2-shape img {
        max-width: 65%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__card2-shape img {
        max-width: 60%
    }
}

@media (max-width:575px) {
    .banner-home__card2-shape img {
        max-width: 70%
    }
}

@media (max-width:450px) {
    .banner-home__card2-shape img {
        max-width: 70%
    }
}

@media (max-width:376px) {
    .banner-home__card2-shape img {
        max-width: 55%
    }
}

@media (max-width:320px) {
    .banner-home__card2-shape img {
        max-width: 60%
    }
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__card2-shape {
        right: 370px;
        top: 365px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__card2-shape {
        right: 360px;
        top: 365px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__card2-shape {
        right: 295px;
        top: 365px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__card2-shape {
        right: 201px;
        top: 365px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .banner-home__card2-shape {
        right: 260px;
        top: 600px
    }
}

@media (max-width:575px) {
    .banner-home__card2-shape {
        right: 225px;
        top: 622px
    }
}

@media (max-width:450px) {
    .banner-home__card2-shape {
        right: 225px;
        top: 622px
    }
}

@media (max-width:376px) {
    .banner-home__card2-shape {
        right: 145px;
        top: 711px
    }
}

@media (max-width:320px) {
    .banner-home__card2-shape {
        right: 112px;
        top: 730px
    }
}

.banner-home__cup-shape {
    position: absolute;
    right: -160px;
    top: 153px;
    z-index: 1
}

    .banner-home__cup-shape img {
        height: auto;
        width: 100%
    }

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__cup-shape img {
        max-width: 75%
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__cup-shape img {
        max-width: 75%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__cup-shape img {
        max-width: 55%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__cup-shape img {
        max-width: 47%
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .banner-home__cup-shape img {
        max-width: 75%
    }
}

@media (max-width:575px) {
    .banner-home__cup-shape img {
        max-width: 50%
    }
}

@media (max-width:450px) {
    .banner-home__cup-shape img {
        max-width: 50%
    }
}

@media (max-width:376px) {
    .banner-home__cup-shape img {
        max-width: 40%
    }
}

@media (max-width:320px) {
    .banner-home__cup-shape img {
        max-width: 40%
    }
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__cup-shape {
        right: -50px;
        top: 155px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__cup-shape {
        right: -50px;
        top: 155px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__cup-shape {
        right: -75px;
        top: 173px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__cup-shape {
        right: -131px;
        top: 170px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .banner-home__cup-shape {
        right: -50px;
        top: 445px
    }
}

@media (max-width:575px) {
    .banner-home__cup-shape {
        right: -127px;
        top: 465px
    }
}

@media (max-width:450px) {
    .banner-home__cup-shape {
        right: -162px;
        top: 543px
    }
}

@media (max-width:376px) {
    .banner-home__cup-shape {
        right: -144px;
        top: 559px
    }
}

@media (max-width:320px) {
    .banner-home__cup-shape {
        right: -167px;
        top: 597px
    }
}

.banner-home__blue-shape {
    position: absolute;
    right: -120px;
    top: 87px
}

    .banner-home__blue-shape img {
        height: auto;
        max-width: 100%;
        position: relative
    }

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__blue-shape img {
        max-width: 75%
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__blue-shape img {
        max-width: 75%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__blue-shape img {
        max-width: 55%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__blue-shape img {
        max-width: 55%
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .banner-home__blue-shape img {
        max-width: 65%
    }
}

@media (max-width:575px) {
    .banner-home__blue-shape img {
        max-width: 65%
    }
}

@media (max-width:450px) {
    .banner-home__blue-shape img {
        max-width: 60%
    }
}

@media (max-width:376px) {
    .banner-home__blue-shape img {
        max-width: 45%
    }
}

@media (max-width:320px) {
    .banner-home__blue-shape img {
        max-width: 45%
    }
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__blue-shape {
        right: -25px;
        top: 87px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__blue-shape {
        right: -25px;
        top: 87px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__blue-shape {
        right: -50px;
        top: 116px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__blue-shape {
        right: -101px;
        top: 116px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .banner-home__blue-shape {
        right: -20px;
        top: 400px
    }
}

@media (max-width:575px) {
    .banner-home__blue-shape {
        right: -60px;
        top: 403px
    }
}

@media (max-width:450px) {
    .banner-home__blue-shape {
        right: -60px;
        top: 403px
    }
}

@media (max-width:376px) {
    .banner-home__blue-shape {
        right: -117px;
        top: 506px
    }
}

@media (max-width:320px) {
    .banner-home__blue-shape {
        right: -134px;
        top: 532px
    }
}

.banner-home__parpale-shape {
    bottom: -15px;
    position: absolute;
    right: -81px;
    z-index: -1
}

    .banner-home__parpale-shape img {
        height: auto;
        width: 100%
    }

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__parpale-shape img {
        max-width: 85%
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__parpale-shape img {
        max-width: 85%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__parpale-shape img {
        max-width: 65%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__parpale-shape img {
        max-width: 55%
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .banner-home__parpale-shape img {
        max-width: 75%
    }
}

@media (max-width:575px) {
    .banner-home__parpale-shape img {
        max-width: 65%
    }
}

@media (max-width:450px) {
    .banner-home__parpale-shape img {
        max-width: 60%
    }
}

@media (max-width:376px) {
    .banner-home__parpale-shape img {
        max-width: 45%
    }
}

@media (max-width:320px) {
    .banner-home__parpale-shape img {
        max-width: 45%
    }
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__parpale-shape {
        bottom: -5px;
        right: -20px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__parpale-shape {
        bottom: -5px;
        right: -20px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__parpale-shape {
        bottom: -17px;
        right: -80px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__parpale-shape {
        bottom: -16px;
        right: -154px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .banner-home__parpale-shape {
        bottom: -10px;
        right: -35px
    }
}

@media (max-width:575px) {
    .banner-home__parpale-shape {
        bottom: -16px;
        right: -127px
    }
}

@media (max-width:450px) {
    .banner-home__parpale-shape {
        bottom: -16px;
        right: -127px
    }
}

@media (max-width:376px) {
    .banner-home__parpale-shape {
        bottom: -19px;
        right: -166px
    }
}

@media (max-width:320px) {
    .banner-home__parpale-shape {
        bottom: -26px;
        right: -185px
    }
}

.banner-home__banner-shape-1 {
    left: 380px;
    position: absolute;
    top: -16px
}

    .banner-home__banner-shape-1 img {
        height: auto;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.banner-home__banner-shape-2 {
    left: -317px;
    position: absolute;
    top: 420px
}

    .banner-home__banner-shape-2 img {
        height: auto;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.banner-home__banner-right-shape {
    position: absolute;
    right: 32px;
    top: 33px;
    z-index: -1
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__banner-right-shape {
        right: 135px;
        top: 21px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__banner-right-shape {
        right: 125px;
        top: 6px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__banner-right-shape {
        right: 100px;
        top: 33px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__banner-right-shape {
        right: 56px;
        top: 46px
    }
}

@media (max-width:575px) {
    .banner-home__banner-right-shape {
        right: 55px;
        top: 343px
    }
}

@media (max-width:450px) {
    .banner-home__banner-right-shape {
        right: 75px;
        top: 312px
    }
}

@media (max-width:376px) {
    .banner-home__banner-right-shape {
        right: 42px;
        top: 450px
    }
}

@media (max-width:320px) {
    .banner-home__banner-right-shape {
        right: 9px;
        top: 463px
    }
}

.banner-home__banner-right-shape img {
    height: auto;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__banner-right-shape img {
        max-width: 340px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__banner-right-shape img {
        max-width: 340px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__banner-right-shape img {
        max-width: 315px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__banner-right-shape img {
        max-width: 280px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .banner-home__banner-right-shape img {
        max-width: 280px
    }
}

@media (max-width:575px) {
    .banner-home__banner-right-shape img {
        max-width: 280px
    }
}

@media (max-width:450px) {
    .banner-home__banner-right-shape img {
        max-width: 280px
    }
}

@media (max-width:376px) {
    .banner-home__banner-right-shape img {
        max-width: 255px
    }
}

@media (max-width:320px) {
    .banner-home__banner-right-shape img {
        max-width: 255px
    }
}

.banner-home__content h6 {
    color: var(--rr-theme-primary);
    font-family: var(--rr-ff-subtitle);
    font-size: var(--rr-fs-h4);
    font-weight: var(--rr-fw-regular);
    line-height: var(--rr-lh-h6)
}

.banner-home h1 {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-size: var(--rr-fs-h1);
    font-weight: var(--rr-fw-bold);
    line-height: var(--rr-lh-h1)
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home h1 {
        font-size: 35px;
        line-height: 78px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home h1 {
        font-size: 30px;
        line-height: 60px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    banner-home h1 {
        font-size: 40px;
        line-height: 52px
    }
}

@media (max-width:575px) {
    banner-home h1 {
        font-size: 30px;
        line-height: 42px
    }
}

@media (max-width:450px) {
    banner-home h1 {
        font-size: 27px;
        line-height: 37px
    }
}

.banner-home__content .description p {
    color: var(--rr-text-body);
    font-family: var(--rr-ff-body);
    font-size: 20px;
    font-weight: var(--rr-fw-regular);
    line-height: var(--rr-lh-h6);
    margin-bottom: 0;
    max-width: 624px
}

.banner-home__btn__wrapper {
    gap: 30px
}

@media (max-width:376px) {
    .banner-home__btn__wrapper {
        gap: 25px
    }
}

.banner-home__media {
    position: relative;
    right: 0px
}

    .banner-home__media img {
        height: auto;
        /*max-width: 170px;*/
        position: relative;
        z-index: -1
    }

/*@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__media img {
        max-width: 140px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__media img {
        max-width: 130px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__media img {
        max-width: 120px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__media img {
        max-width: 120px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .banner-home__media img {
        max-width: 120px
    }
}

@media (max-width:575px) {
    .banner-home__media img {
        margin-top: 30px;
        max-width: 90px;
        right: 0px;
        text-align: center
    }
}*/

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .banner-home__media {
        left: -25px;
        position: relative
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .banner-home__media {
        left: -20px;
        position: relative
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .banner-home__media {
        left: -20px;
        position: relative;
        top: 30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner-home__media {
        left: -20px;
        position: relative;
        top: 30px
    }
}

@media (max-width:450px) {
    .banner-home__media {
        position: relative;
        text-align: start
    }
}

@media (max-width:320px) {
    .banner-home__media {
        position: relative;
        text-align: start
    }
}

.banner {
    position: relative;
    z-index: 1
}

@media (max-width:990px) {
    .breadcrumb-cms {
        padding: 116px 0 2px
    }
}

@media (max-width:770px) {
    .breadcrumb-cms {
        padding: 80px 0 2px
    }

    .zooming {
        display: none
    }
}

.main-menu ul {
    margin-bottom: 0
}

    .main-menu ul li {
        display: inline-block;
        list-style: none;
        margin-inline-end: 30px;
        position: relative
    }

@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) {
    .main-menu ul li {
        margin-inline-end: 30px
    }
}

.main-menu ul li.active > a {
    color: var(--rr-theme-primary) !important
}

.main-menu ul li > a {
    color: var(--rr-heading-primary);
    display: inline-block;
    font-family: var(--rr-ff-body);
    font-weight: var(--rr-fw-regular);
    line-height: normal;
    padding: 30px 0;
    text-transform: capitalize
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .main-menu ul li > a {
        padding: 30px 0
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) {
    .main-menu ul li > a {
        padding: 30px 0
    }
}

.main-menu ul li.has-dropdown > a {
    position: relative
}

    .main-menu ul li.has-dropdown > a:after {
        content: "+";
        display: inline-block;
        font-family: var(--rr-ff-body);
        font-weight: var(--rr-fw-regular);
        margin-inline-start: 5px;
        transform: translateY(1px)
    }

.main-menu ul li.has-mega-menu {
    position: static
}

.main-menu ul li .submenu {
    background: var(--rr-common-white);
    border: 1px solid var(--rr-border-primary);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    color: var(--rr-common-white);
    inset-inline-start: 0;
    min-width: 280px;
    opacity: 0;
    padding: 35px 0 6px;
    position: absolute;
    top: 110%;
    transform-origin: top center;
    visibility: hidden;
    z-index: 99
}

    .main-menu ul li .submenu li {
        display: block;
        margin: 0;
        padding: 0;
        transform: translateY(-10px);
        width: 100%
    }

        .main-menu ul li .submenu li.has-dropdown > a:after {
            color: var(--rr-text-1);
            inset-inline-end: 25px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%) rotate(-90deg)
        }

        .main-menu ul li .submenu li a {
            color: var(--rr-heading-primary);
            font-size: 16px;
            padding-inline-start: 30px;
            padding: 0 25px 9px;
            position: relative;
            width: 100%;
            z-index: 11
        }

            .main-menu ul li .submenu li a:before {
                background-color: var(--rr-theme-primary);
                content: "";
                height: 1px;
                left: 25px;
                position: absolute;
                top: 40%;
                transform: translateY(-50%);
                width: 0
            }

        .main-menu ul li .submenu li .submenu {
            inset-inline-start: 100%;
            opacity: 0;
            top: 0;
            visibility: hidden
        }

        .main-menu ul li .submenu li:hover > a {
            color: var(--rr-theme-primary);
            padding-inline-start: 43px
        }

            .main-menu ul li .submenu li:hover > a:before {
                width: 12px
            }

            .main-menu ul li .submenu li:hover > a:after {
                color: var(--rr-theme-primary)
            }

        .main-menu ul li .submenu li:hover > .submenu {
            opacity: 1;
            transform: translateY(1);
            visibility: visible
        }

.main-menu ul li .mega-menu {
    background: var(--rr-heading-primary);
    left: 50%;
    opacity: 0;
    padding: 30px 35px 0;
    position: absolute;
    top: 100%;
    transform: translateX(-50%) translateZ(0);
    visibility: hidden;
    width: 100%;
    z-index: 99;
    clip: rect(0,200vw,0,0);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .main-menu ul li .mega-menu {
        padding: 25px
    }
}

.main-menu ul li .mega-menu li ul li {
    float: none;
    margin-bottom: 9px;
    width: 100%
}

    .main-menu ul li .mega-menu li ul li:last-child {
        margin-bottom: 0
    }

    .main-menu ul li .mega-menu li ul li a {
        color: var(--rr-text-body);
        font-size: 16px;
        padding: 0;
        position: relative
    }

        .main-menu ul li .mega-menu li ul li a:before {
            background-color: var(--rr-theme-primary);
            bottom: auto;
            content: "";
            height: 1px;
            left: 0;
            position: absolute;
            right: auto;
            top: 50%;
            width: 0
        }

    .main-menu ul li .mega-menu li ul li:hover > a {
        color: var(--rr-theme-primary)
    }

        .main-menu ul li .mega-menu li ul li:hover > a:before {
            background-color: var(--rr-theme-primary)
        }

.main-menu ul li .mega-menu li:hover > a {
    color: var(--rr-theme-primary)
}

.main-menu ul li .mega-menu li a:hover:before {
    width: 12px
}

.main-menu ul li:hover > a {
    color: var(--rr-theme-primary)
}

    .main-menu ul li:hover > a:after {
        color: var(--rr-theme-primary);
        transform: rotate(180deg)
    }

.main-menu ul li:hover > .submenu {
    opacity: 1;
    top: 100%;
    visibility: visible
}

.main-menu ul li:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    clip: rect(0,100vw,200vh,-30px);
    transition: clip .6s linear,opacity .4s linear
}

.latest-blog__area .bottom-button {
    gap: 10px;
    justify-content: center
}

    .latest-blog__area .bottom-button a {
        align-items: center;
        background: #f5f5f5;
        border-radius: 4px;
        color: var(--rr-heading-primary);
        display: flex;
        height: 40px;
        justify-content: center;
        transition: .3s;
        width: 40px
    }

        .latest-blog__area .bottom-button a:hover {
            background: var(--rr-theme-primary);
            color: var(--rr-common-white)
        }

.form-check-input:checked {
    background-color: var(--rr-theme-primary)
}

.form-check-input:focus {
    box-shadow: none
}

span.meta-comment {
    transform: translateY(-3px)
}

.footer__area-common {
    position: relative;
    z-index: 1
}

    .footer__area-common.background {
        background: #fff5f1
    }

@media only screen and (min-width:768px) and (max-width:991px) {
    .footer__area-common {
        padding-top: 60px
    }
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px) {
    .footer__area-common {
        padding-top: 50px
    }
}

.footer-wrap {
    padding: 40px 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .footer-wrap {
        --bs-gutter-x: none
    }
}

@media only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .footer-wrap {
        padding: 0 0 70px
    }
}

@media (max-width:575px) {
    .footer-wrap {
        padding: 0 0 30px
    }
}

.footer__widget {
    margin-bottom: 0
}

    .footer__widget.footer__widget-item-1 {
        max-width: 323px
    }

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .footer__widget.footer__widget-item-1 {
        max-width: 100%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .footer__widget.footer__widget-item-2 {
        padding-left: 10px
    }
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .footer__widget.footer__widget-item-2 {
        padding-left: 0
    }
}

.footer__widget.footer__widget-item-3 {
    padding-left: 45px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .footer__widget.footer__widget-item-3 {
        padding-left: 10px
    }
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .footer__widget.footer__widget-item-3 {
        padding-left: 0
    }
}

.footer__widget.footer__widget-item-4 {
    padding-left: 88px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .footer__widget.footer__widget-item-4 {
        padding-left: 10px
    }
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .footer__widget.footer__widget-item-4 {
        padding-left: 0
    }
}

.footer__widget-title h4 {
    color: var(--rr-common-black);
    font-family: var(--rr-ff-heading);
    font-size: 22px;
    font-weight: var(--rr-fw-sbold);
    line-height: var(--rr-lh-h4);
    margin-bottom: 35px;
    margin-top: 18px;
    position: relative;
    text-transform: capitalize;
    z-index: 10
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .footer__widget-title h4 {
        font-size: 18px
    }
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px) {
    .footer__widget-title h4 {
        margin-bottom: 18px;
        margin-top: 35px
    }
}

.footer__logo img {
    max-width: 188px
}

.footer__content p {
    color: var(--rr-text-body);
    font-family: var(--rr-ff-heading);
    font-size: 16px;
    font-weight: var(--rr-fw-regular);
    line-height: var(--rr-lh-h5)
}

.footer__link ul {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 5px
}

    .footer__link ul li {
        align-items: flex-start;
        display: flex;
        list-style: none
    }

        .footer__link ul li a {
            color: var(--rr-text-body);
            display: flex;
            font-family: var(--rr-ff-heading);
            font-size: 18px;
            font-weight: var(--rr-fw-regular);
            gap: 10px;
            position: relative
        }

            .footer__link ul li a i {
                margin-top: 5px
            }

            .footer__link ul li a:hover {
                color: var(--rr-theme-primary)
            }

                .footer__link ul li a:hover:before {
                    width: 12px
                }

.footer__social {
    display: flex;
    gap: 10px
}

    .footer__social a {
        align-items: center;
        background: transparent;
        border: 1px solid rgba(0,29,8,.1);
        border-radius: 3px;
        color: var(--rr-text-body);
        display: flex;
        font-size: 14px;
        height: 36px;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: 36px
    }

        .footer__social a:before {
            background-color: var(--rr-theme-primary);
            border-radius: 1px;
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            transform: translate(-177%) rotate(50deg);
            transform-origin: right bottom;
            transition: all .35s;
            width: 100%;
            z-index: -1
        }

        .footer__social a:hover {
            color: var(--rr-common-white)
        }

            .footer__social a:hover:before {
                transform: scale(1)
            }

.footer__subscribe {
    max-width: 210px
}

    .footer__subscribe ul li {
        align-items: flex-start;
        display: flex;
        list-style: none
    }

        .footer__subscribe ul li a {
            color: var(--rr-text-body);
            display: flex;
            font-family: var(--rr-ff-heading);
            font-size: 18px;
            font-weight: var(--rr-fw-regular);
            gap: 10px;
            margin-bottom: 18px;
            position: relative
        }

            .footer__subscribe ul li a:hover {
                color: var(--rr-theme-primary)
            }

    .footer__subscribe.subscribe-2 {
        max-width: inherit
    }

.footer__area-common {
    background-size: contain
}

.footer__bottom {
    padding: 30px 0
}

.footer__bottom-wrapper {
    border-top: 1px solid var(--rr-border-secondary)
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .footer__bottom {
        flex-wrap: wrap;
        justify-content: center
    }
}

.footer__copyright p {
    font-family: var(--rr-ff-heading);
    font-weight: var(--rr-fw-regular);
    line-height: var(--rr-lh-h5)
}

.footer__bottom {
    align-items: center;
    border-top: var(--rr-border-white30);
    display: flex;
    gap: 10px 30px;
    justify-content: space-between;
    padding: 24.5px 0
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px) {
    .footer__bottom {
        flex-wrap: wrap;
        justify-content: center
    }
}

.footer__copyright p {
    color: var(--rr-common-white);
    font-size: 14px;
    margin-bottom: 0;
    opacity: .9
}

    .footer__copyright p a:hover {
        color: var(--rr-theme-primary)
    }

.footer__copyright-menu ul {
    display: flex;
    gap: 10px
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px) {
    .footer__copyright-menu ul {
        flex-wrap: wrap;
        justify-content: center
    }
}

.footer__copyright-menu ul li {
    list-style: none;
    position: relative
}

    .footer__copyright-menu ul li a {
        color: var(--rr-common-white);
        font-size: 14px;
        opacity: .9;
        position: relative
    }

        .footer__copyright-menu ul li a:hover {
            color: var(--rr-theme-primary)
        }

.contact-us__area .contact-us__form-wrapper {
    background: #fafafa;
    border-radius: 10px;
    padding: 50px 30px
}

    .contact-us__area .contact-us__form-wrapper .section__title {
        color: var(--rr-heading-primary);
        font-family: var(--rr-ff-heading);
        font-size: var(--rr-fs-h3);
        font-style: normal;
        font-weight: var(--rr-fw-sbold);
        line-height: 46px
    }

    .contact-us__area .contact-us__form-wrapper p {
        color: var(--rr-text-body);
        font-family: var(--rr-ff-body);
        font-size: 18px;
        font-style: normal;
        font-weight: var(--rr-fw-regular);
        line-height: var(--rr-lh-h6);
        max-width: 420px
    }

    .contact-us__area .contact-us__form-wrapper .contact-us__form .contact-us__input input {
        background: var(--rr-common-white);
        border: 1px solid rgba(0,29,8,.1);
        border-radius: 4px;
        margin-bottom: 20px;
        margin-left: 0;
        padding: 8px 20px
    }

    .contact-us__area .contact-us__form-wrapper .contact-us__form .contact-us__textarea textarea {
        background: var(--rr-common-white);
        border: 1px solid rgba(0,29,8,.1);
        border-radius: 4px;
        height: 110px !important;
        margin-left: 0;
        padding: 8px 20px
    }

.service-details__area .service-details-right .service-details-righ-widget {
    border: 1px solid #e5e8e6;
    border-radius: 10px;
    padding: 30px
}

    .service-details__area .service-details-right .service-details-righ-widget .title {
        margin-bottom: 24px
    }

    .service-details__area .service-details-right .service-details-righ-widget .search .search-bar {
        align-items: center;
        border: 1px solid #e5e8e6;
        border-radius: 4px;
        justify-content: space-between;
        transition: .3s
    }

        .service-details__area .service-details-right .service-details-righ-widget .search .search-bar.main-search:hover {
            background: var(--rr-theme-primary)
        }

            .service-details__area .service-details-right .service-details-righ-widget .search .search-bar.main-search:hover h6, .service-details__area .service-details-right .service-details-righ-widget .search .search-bar.main-search:hover span {
                color: var(--rr-common-white)
            }

        .service-details__area .service-details-right .service-details-righ-widget .search .search-bar button {
            padding-left: 20px
        }

        .service-details__area .service-details-right .service-details-righ-widget .search .search-bar input {
            border: none;
            margin-left: 8px;
            padding-bottom: 10px;
            padding-top: 10px
        }

        .service-details__area .service-details-right .service-details-righ-widget .search .search-bar h6 {
            color: var(--rr-heading-primary);
            font-family: var(--rr-text-body);
            font-size: 15px;
            font-style: normal;
            font-weight: var(--rr-fw-regular);
            line-height: 18px;
            padding: 16px 20px 15px
        }

        .service-details__area .service-details-right .service-details-righ-widget .search .search-bar span {
            margin-right: 20px
        }

.prodact-area .bottom-button h5 {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-body);
    font-size: 18px;
    font-style: normal;
    font-weight: var(--rr-fw-regular);
    line-height: var(--rr-lh-h5)
}

.prodact-area .bottom-button .social {
    gap: 10px
}

    .prodact-area .bottom-button .social a {
        align-items: center;
        background-color: #f5f5f5;
        border-radius: 4px;
        color: var(--rr-heading-primary);
        display: flex;
        height: 40px;
        justify-content: center;
        transition: .3s;
        width: 40px
    }

        .prodact-area .bottom-button .social a.active, .prodact-area .bottom-button .social a:hover {
            background: var(--rr-theme-primary);
            color: var(--rr-common-white)
        }

.product-filter-area .rr-product-details-thumb-wrapper {
    position: relative
}

    .product-filter-area .rr-product-details-thumb-wrapper:hover svg path {
        stroke: var(--rr-theme-primary)
    }

.product-filter-area .product-filter-area-review {
    gap: 10px;
    justify-content: center
}

    .product-filter-area .product-filter-area-review .button {
        align-items: center;
        background-color: #f7f7f7;
        color: var(--rr-heading-primary);
        color: #534141;
        display: flex;
        font-family: var(--rr-ff-heading);
        font-size: 16px;
        font-style: normal;
        font-weight: var(--rr-fw-sbold);
        font-weight: 700;
        height: 40px;
        justify-content: center;
        line-height: var(--rr-lg-h5);
        transition: .3s;
        width: 130px
    }

        .product-filter-area .product-filter-area-review .button:hover {
            background: var(--rr-theme-primary);
            color: var(--rr-common-white)
        }

.filter-area-3 .rr-fea-product__tab-3 .nav-inner-3 .all-button {
    border-radius: 4px;
    gap: 10px
}

    .filter-area-3 .rr-fea-product__tab-3 .nav-inner-3 .all-button .nav-link-3 {
        border-radius: 4px !important;
        padding: 0
    }

        .filter-area-3 .rr-fea-product__tab-3 .nav-inner-3 .all-button .nav-link-3 .button {
            border-radius: 4px !important
        }

        .filter-area-3 .rr-fea-product__tab-3 .nav-inner-3 .all-button .nav-link-3.active {
            align-items: center;
            background-color: var(--rr-theme-primary);
            border-radius: 0 !important;
            border-radius: 4px !important;
            display: flex;
            justify-content: center;
            width: 130px
        }

            .filter-area-3 .rr-fea-product__tab-3 .nav-inner-3 .all-button .nav-link-3.active .button {
                background: var(--rr-theme-primary);
                border-radius: 0 !important;
                border-radius: 4px !important;
                color: var(--rr-common-white);
                font-weight: 700
            }

.product-filter-area .second-pane .rr-fea-product__wrapper .signup-form-wrapper .title-wrapper .title {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-size: var(--rr-fs-h3);
    font-style: normal;
    font-weight: var(--rr-fw-sbold);
    line-height: 46px;
    margin-bottom: 10px
}

.product-filter-area .second-pane .rr-fea-product__wrapper .signup-form-wrapper .title-wrapper .dc {
    margin-bottom: 14px
}

.product-filter-area .second-pane .rr-fea-product__wrapper .signup-form-wrapper .title-wrapper .main-dc {
    margin-bottom: 24px
}

.product-filter-area .second-pane .rr-fea-product__wrapper .signup-form-wrapper .item-thumb .signup-item h6 {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-body);
    font-size: 18px;
    font-style: normal;
    font-weight: var(--rr-fw-sbold);
    line-height: var(--rr-lh-h6)
}

.product-filter-area .second-pane .rr-fea-product__wrapper .signup-form-wrapper .item-thumb .signup-item input {
    height: 50px
}

.product-filter-area .second-pane .rr-fea-product__wrapper .signup-form-wrapper .item-thumb .signup-item textarea {
    border: 1px solid #e5e8e6;
    border-radius: 4px;
    height: 180px !important;
    margin-left: 0;
    padding: 10px 20px
}

.product-filter-area .second-pane .rr-fea-product__wrapper .signup-form-wrapper .item-thumb .signup-item .text .social i {
    color: var(--rr-theme-primary)
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .cart-area .table-content {
        overflow: scroll
    }
}

.cart-area .table-content .table thead {
    border-style: none;
    border-top: 1px solid rgba(0,29,8,.1)
}

    .cart-area .table-content .table thead tr th {
        color: #646464;
        font-family: var(--rr-ff-body);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        padding: 18px 0 16px
    }

.cart-area .table-content .table tbody tr {
    vertical-align: baseline
}

    .cart-area .table-content .table tbody tr:not(:last-child) {
        border-bottom: 1px solid rgba(0,29,8,.1)
    }

.cart-area .table-content .table tbody td {
    border-style: none;
    padding: 29px 0 30px
}

.cart-area .table-content .table tbody .product-remove {
    padding-right: 35px
}

    .cart-area .table-content .table tbody .product-remove a {
        align-items: center;
        background: rgba(0,29,8,.1);
        border-radius: 500px;
        display: flex;
        height: 20px;
        justify-content: center;
        width: 20px
    }

    .cart-area .table-content .table tbody .product-remove i {
        font-size: 8px
    }

.cart-area .table-content .table tbody .product-thumbnail {
    align-items: center;
    display: flex
}

    .cart-area .table-content .table tbody .product-thumbnail img {
        border-radius: 4px;
        height: 100px;
        margin-right: 14px;
        max-width: 100px;
        width: 100px
    }

.cart-area .table-content .table tbody .product-thumbnail__wrapper {
    width: 175px
}

    .cart-area .table-content .table tbody .product-thumbnail__wrapper .product-name {
        color: #001d08;
        font-family: var(--rr-ff-body);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px
    }

    .cart-area .table-content .table tbody .product-thumbnail__wrapper .product-size {
        color: #646464;
        display: block;
        font-family: var(--rr-ff-body);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        max-width: 118px
    }

.cart-area .table-content .table tbody .product-price .amount {
    color: #001d08;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    padding-right: 75px !important
}

.cart-area .table-content .table tbody .product-quantity {
    padding-right: 100px !important
}

    .cart-area .table-content .table tbody .product-quantity .quantity__group {
        align-items: center;
        background-color: #f7f7f7;
        border-radius: 4px;
        display: flex;
        padding: 8px 10px;
        width: 80px
    }

        .cart-area .table-content .table tbody .product-quantity .quantity__group .quantity-control {
            align-items: center;
            cursor: pointer;
            display: flex;
            justify-content: center
        }

            .cart-area .table-content .table tbody .product-quantity .quantity__group .quantity-control i {
                color: #001d08;
                font-size: 14px;
                line-height: 1
            }

            .cart-area .table-content .table tbody .product-quantity .quantity__group .quantity-control.plus {
                margin-left: -6px
            }

.cart-area .table-content .table tbody .product-subtotal {
    padding-right: 0 !important
}

    .cart-area .table-content .table tbody .product-subtotal .amount {
        color: var(--rr-heading-primary);
        font-family: var(--rr-ff-body);
        font-size: 16px;
        font-style: normal;
        font-weight: var(--rr-fw-sbold);
        line-height: var(--rr-lh-h5)
    }

.cart-area .box {
    background: #f7f7f7;
    border-radius: 10px;
    padding: 30px
}

    .cart-area .box .title {
        color: var(--rr-heading-primary);
        font-family: var(--rr-ff-heading);
        font-size: var(--rr-fs-h4);
        font-style: normal;
        font-weight: var(--rr-fw-sbold);
        line-height: 24px
    }

    .cart-area .box .box-wrapper {
        border-bottom: 1px solid #dee1df;
        padding-bottom: 20px
    }

        .cart-area .box .box-wrapper .middel-box span {
            color: var(--rr-text-body)
        }

        .cart-area .box .box-wrapper .middel-box h6, .cart-area .box .box-wrapper .middel-box span {
            font-family: var(--rr-ff-body);
            font-size: 16px;
            font-style: normal;
            font-weight: var(--rr-fw-regular);
            line-height: var(--rr-lh-h5)
        }

        .cart-area .box .box-wrapper .middel-box h6 {
            color: var(--rr-heading-primary)
        }

    .cart-area .box .bottom-title h5 {
        color: var(--rr-heading-primary);
        font-family: var(--rr-ff-body);
        font-size: 18px;
        font-style: normal;
        font-weight: var(--rr-fw-sbold);
        line-height: var(--rr-lh-h6)
    }

    .cart-area .box .bottom-btn {
        align-items: center;
        gap: 30px;
        justify-content: center
    }

@media (max-width:320px),(max-width:376px) {
    .cart-area .box .bottom-btn {
        flex-wrap: wrap
    }
}

.cart-area .box .bottom-btn a {
    align-items: center;
    background: var(--rr-common-white);
    border-radius: 4px;
    color: var(--rr-heading-primary);
    display: flex;
    font-family: var(--rr-ff-heading);
    font-size: 16px;
    font-style: normal;
    font-weight: var(--rr-fw-sbold);
    height: 50px;
    justify-content: center;
    line-height: var(--rr-lh-h6);
    transition: .3s;
    width: 190px
}

    .cart-area .box .bottom-btn a:hover {
        background: var(--rr-theme-primary);
        color: var(--rr-common-white)
    }

.sub-inner-area .rr-fea-product__tab .nav-inner {
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0,29,8,.1);
    padding: 13px 20px 12px
}

@media (max-width:320px) {
    .sub-inner-area .rr-fea-product__tab .nav-inner {
        padding: 13px 11px 12px
    }
}

@media (max-width:575px) {
    .sub-inner-area .rr-fea-product__tab .nav-inner {
        flex-direction: column
    }
}

.sub-inner-area .rr-fea-product__tab .nav-inner button {
    margin: 0;
    padding: 0 0 0 24px
}

.sub-inner-area .rr-fea-product__tab .nav-inner .text h6 {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-body);
    font-size: 18px;
    font-style: normal;
    font-weight: var(--rr-fw-regular);
    line-height: var(--rr-lh-h6)
}

.sub-inner-area .rr-fea-product__tab .nav-inner .all-button {
    display: flex;
    gap: 24px;
    left: 90px;
    position: relative
}

@media only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .sub-inner-area .rr-fea-product__tab .nav-inner .all-button {
        left: 0
    }
}

.sub-inner-area .rr-fea-product__tab .nav-inner .all-button button {
    border-radius: 0;
    height: auto;
    margin: 0;
    padding: 0
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px) {
    .sub-inner-area .rr-fea-product__tab .nav-inner .all-button button {
        display: none
    }
}

.sub-inner-area .rr-fea-product__tab .nav-inner .all-button button.active svg circle {
    fill: #001d08 !important;
    fill-opacity: 100% !important
}

.product-quantity a {
    white-space: nowrap
}

.checkout-form-list label {
    display: block;
    margin: 0 0 5px
}

    .checkout-form-list label .form-check-input:checked {
        background-color: var(--rr-theme-primary)
    }

    .checkout-form-list label span.required {
        color: var(--clr-common-heading)
    }

.checkout-form-list {
    margin-bottom: 30px
}

    .checkout-form-list label {
        color: var(--clr-common-heading)
    }

    .checkout-form-list input[type=email], .checkout-form-list input[type=password], .checkout-form-list input[type=text] {
        background: #fff;
        border: 1px solid #e2e2e2;
        border-radius: 4px;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        height: 60px;
        line-height: 60px;
        margin-left: 0;
        outline: none;
        padding: 0 0 0 20px;
        width: 100%
    }

        .checkout-form-list input[type=email]:focus, .checkout-form-list input[type=password]:focus, .checkout-form-list input[type=text]:focus {
            border-color: #e2e2e2
        }

        .checkout-form-list input[type=email]::-moz-placeholder, .checkout-form-list input[type=password]::-moz-placeholder, .checkout-form-list input[type=text]::-moz-placeholder {
            color: #575757;
            opacity: 1
        }

        .checkout-form-list input[type=email]::placeholder, .checkout-form-list input[type=password]::placeholder, .checkout-form-list input[type=text]::placeholder {
            color: #575757;
            opacity: 1
        }

    .checkout-form-list input[type=checkbox] {
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: 1px
    }

.checkbox-form .lan-select-6 .nice-select {
    background: transparent !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 4px;
    color: var(--rr-heading-primary) !important;
    height: 60px;
    margin-bottom: 20px;
    padding-top: 10px !important
}

    .checkbox-form .lan-select-6 .nice-select .list {
        background: #fff !important;
        border: 1px solid #e2e2e2 !important;
        color: #575757 !important
    }

    .checkbox-form .lan-select-6 .nice-select:after {
        right: 15px !important
    }

#ship-box-info {
    display: none
}

.your-order {
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    padding: 30px 40px 45px
}

@media (max-width:767px) {
    .your-order {
        padding: 15px
    }
}

.your-order h3 {
    border-bottom: 1px solid #e2e2e2;
    font-size: 24px;
    margin: 0 0 20px;
    padding-bottom: 10px;
    width: 100%
}

.your-order-table table {
    background: none;
    border: 0;
    width: 100%
}

    .your-order-table table td, .your-order-table table th {
        border-bottom: 1px solid #e2e2e2;
        border-right: none;
        color: #575757;
        font-size: 16px;
        padding: 15px 0;
        text-align: left
    }

@media (max-width:767px) {
    .your-order-table table td, .your-order-table table th {
        padding-right: 10px
    }
}

.your-order-table table td ul li {
    list-style: none
}

.your-order-table table th {
    border-top: none;
    color: var(--clr-common-heading);
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    width: 250px
}

.your-order-table table .shipping ul li input {
    position: relative;
    top: 2px
}

.your-order-table table .shipping ul li label {
    color: #575757
}

.your-order-table table .shipping th {
    vertical-align: top
}

.your-order-table table .order-total th {
    border-bottom: 0
}

.your-order-table table .order-total td {
    border-bottom: none
}

.your-order-table table tr.cart_item:hover {
    background: #f9f9f9
}

.your-order-table table tr.order-total td span {
    color: var(--clr-common-heading);
    font-size: 18px;
    font-weight: 500
}

.payment-method {
    margin-top: 40px
}

    .payment-method .accordion-item:last-of-type {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .payment-method .accordion-item {
        background-color: #fff;
        border: 0;
        border-bottom: 1px solid #e2e2e2
    }

    .payment-method .accordion-button {
        border: none;
        color: var(--clr-common-heading);
        font-size: 16px;
        font-weight: 500;
        padding: 10px 10px 10px 0
    }

        .payment-method .accordion-button:focus {
            -ms-box-shadow: none;
            -o-box-shadow: none;
            box-shadow: none
        }

        .payment-method .accordion-button:after {
            background-image: none;
            content: "+";
            font-size: 23px;
            font-weight: 400;
            margin-left: 0;
            position: absolute;
            right: 0;
            top: 20%;
            transform: translateY(-50%)
        }

        .payment-method .accordion-button:not(.collapsed) {
            background-color: var(--rr-common-white);
            box-shadow: none;
            color: var(--clr-common-heading)
        }

            .payment-method .accordion-button:not(.collapsed):after {
                content: "-";
                font-size: 30px
            }

    .payment-method .accordion-body {
        margin-left: 15px;
        padding: 8px 0 40px
    }

    .payment-method .accordion-collapse {
        border: none
    }

.order-button-payment input {
    background: #232323 none repeat scroll 0 0;
    border: none;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    height: 40px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    transition: all .3s ease 0s;
    width: 100%
}

    .order-button-payment input:hover {
        background: #3e976c none repeat scroll 0 0
    }

.payment-method .card {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    margin-bottom: 10px
}

.payment-method .accordion .card:first-of-type {
    border: 1px solid #e2e2e2
}

.card-header:first-child {
    border-radius: 0
}

.payment-method .card-header {
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2
}

.order-button-payment button {
    width: 100%
}

.latest-feature__item {
    gap: 20px
}

.latest-feature__item-icon {
    align-items: center;
    background: #fff0eb;
    border-radius: 50px;
    display: flex;
    flex-shrink: 0;
    height: 60px;
    justify-content: center;
    width: 60px
}

    .latest-feature__item-icon img {
        height: 36px;
        width: 36px
    }

    .latest-feature__item-icon:hover img {
        transform: rotate(45deg)
    }

.latest-feature__item .call-center img {
    height: 36px;
    width: 32px
}

.latest-feature__item-content h2 {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-size: var(--rr-fs-h4);
    font-style: normal;
    font-weight: var(--rr-fw-sbold);
    line-height: var(--rr-lh-h5);
    margin-bottom: 12px
}


.latest-feature__item-content h4 {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-size: var(--rr-fs-h4);
    font-style: normal;
    font-weight: var(--rr-fw-sbold);
    line-height: var(--rr-lh-h5);
    margin-bottom: 12px
}

.latest-feature__item-content p {
    margin: 0 0 14px
}

.latest-feature__item-content a {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: var(--rr-fw-sbold);
    gap: 6px
}

    .latest-feature__item-content a:hover {
        color: var(--rr-theme-primary)
    }

.latest-Choose-us__bg-shape {
    bottom: -79px;
    position: absolute;
    right: -226px;
    z-index: -1
}

    .latest-Choose-us__bg-shape img {
        height: auto;
        width: 100%
    }

.latest-Choose-us__bag-shape {
    position: absolute;
    right: -135px;
    top: 128px;
    z-index: -1
}

    .latest-Choose-us__bag-shape img {
        height: 115.829px;
        max-width: 90.665px;
        transform: rotate(6.904deg)
    }

.latest-Choose-us__cap-shape {
    bottom: 15px;
    position: absolute;
    right: 555px;
    z-index: -1
}

    .latest-Choose-us__cap-shape img {
        height: 87.099px;
        width: 67.122px
    }

.latest-Choose-us__content .whyChoosUs {
    color: var(--rr-theme-primary);
    font-family: var(--rr-ff-subtitle);
    font-size: var(--rr-fs-h4);
    font-weight: var(--rr-fw-regular);
    line-height: 30px;
    margin-bottom: 12px
}

.latest-Choose-us__content h2 {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-size: var(--rr-fs-h2);
    font-weight: var(--rr-fw-bold);
    line-height: var(--rr-lh-h2);
    margin-bottom: 14px;
    max-width: 566px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .latest-Choose-us__content h2 {
        font-size: 38px;
        line-height: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .latest-Choose-us__content h2 {
        font-size: 40px;
        line-height: 52px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .latest-Choose-us__content h2 {
        font-size: 40px;
        line-height: 52px;
        line-height: 44px !important;
    }
}

@media (max-width:575px) {
    .latest-Choose-us__content h2 {
        font-size: 30px;
        line-height: 42px
    }
}

@media (max-width:450px) {
    .latest-Choose-us__content h2 {
        font-size: 27px;
        line-height: 37px
    }
}

.latest-Choose-us__content p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 24px
}

.latest-Choose-us__content-text {
    gap: 60px
}

@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .latest-Choose-us__content-text {
        gap: 15px
    }
}

@media (max-width:450px),(max-width:575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .latest-Choose-us__content-text {
        flex-wrap: wrap;
        gap: 0;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

.latest-Choose-us__content-text-box ul {
    display: grid;
    grid-template-columns: 190px 270px;
    grid-column-gap: 47px
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .latest-Choose-us__content-text-box ul {
        grid-column-gap: 0;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:575px) {
    .latest-Choose-us__content-text-box ul {
        grid-template-columns: 1fr
    }
}

.latest-Choose-us__content-text-box ul li {
    color: var(--rr-heading-primary);
    display: flex;
    font-family: var(--rr-ff-heading);
    font-size: 16px;
    font-weight: var(--rr-fw-regular);
    gap: 6px;
    line-height: 26px;
    margin-bottom: 0px
}

    .latest-Choose-us__content-text-box ul li i {
        color: var(--rr-theme-primary);
        font-size: 20px;
        margin-top: 2.5px
    }

.latest-Choose-us__content-btn {
    margin-top: 24px
}

.latest-Choose-us__media {
    gap: 30px
}

.latest-Choose-us__media-img1 {
    border-radius: 10px;
    overflow: hidden
}

    .latest-Choose-us__media-img1 img {
        border-radius: 10px;
        height: 370px;
        width: 270px
    }

.latest-Choose-us__media-img2 {
    border-radius: 10px;
    overflow: hidden
}

    .latest-Choose-us__media-img2 img {
        border-radius: 10px;
        height: 500px;
        width: 270px
    }

.latest-Choose-us__media-experience-box {
    align-items: center;
    background: var(--rr-heading-primary);
    border-radius: 10px;
    bottom: -10px;
    gap: 30px;
    height: 110px;
    justify-content: center;
    max-width: 100%;
    padding: 29px 36px 29px 30px;
    position: absolute;
    right: 200px;
    z-index: 1
}

@media (max-width:450px),(max-width:575px) {
    .latest-Choose-us__media-experience-box {
        right: 17px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .latest-Choose-us__media-experience-box {
        right: 95px
    }
}

.latest-Choose-us__media-experience-box .title {
    max-width: 100%
}

    .latest-Choose-us__media-experience-box .title h3 {
        color: var(--rr-common-white);
        font-size: 34px;
        font-style: normal;
        font-weight: 600;
        line-height: 44px
    }

    .latest-Choose-us__media-experience-box .title h4 {
        color: var(--rr-common-white);
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px
    }

.latest-Choose-us__media-experience-box .description p {
    color: var(--rr-common-white);
    font-family: var(--rr-ff-heading);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0;
    max-width: 136px
}

.latest-service__right-shape {
    position: absolute;
    right: -660px
}

    .latest-service__right-shape img {
        height: auto;
        width: 100%
    }

.latest-service__bg-shape {
    bottom: 0;
    left: -460px;
    position: absolute;
    z-index: 1
}

    .latest-service__bg-shape img {
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

.latest-service__title-box-subtitle .mainService {
    color: var(--rr-theme-primary);
    font-family: var(--rr-ff-subtitle);
    font-size: var(--rr-fs-h4);
    font-weight: var(--rr-fw-regular);
    line-height: 30px;
    margin-bottom: 12px
}

.latest-service__title-box-title h2 {
    color: var(--rr-heading-primary);
    font-weight: var(--rr-fw-bold);
    margin-bottom: 0
}

.latest-service__item {
    padding: 30px;
    position: relative;
    transition: .3s;
    z-index: 1
}

    .latest-service__item:hover {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 20px 40px 0 rgba(0,29,8,.1)
    }

.latest-service__item-icon {
    align-items: center;
    background: #fff0eb;
    border-radius: 500px;
    display: flex;
    flex-shrink: 0;
    height: 80px;
    justify-content: center;
    margin: auto auto 24px;
    width: 80px
}

    .latest-service__item-icon img {
        height: 36px;
        width: 36px
    }

    .latest-service__item-icon:hover img {
        transform: rotate(45deg)
    }

.latest-service__item .service-4 img {
    height: 36px;
    width: 43.182px
}

.latest-service__item-title h3 {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-size: var(--rr-fs-h4);
    font-weight: var(--rr-fw-sbold);
    line-height: var(--rr-lh-h5);
    margin-bottom: 12px
}

    .latest-service__item-title h3:hover {
        color: var(--rr-theme-primary)
    }

.latest-service__item-title h4 {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-size: var(--rr-fs-h4);
    font-weight: var(--rr-fw-sbold);
    line-height: var(--rr-lh-h5);
    margin-bottom: 12px
}

    .latest-service__item-title h4:hover {
        color: var(--rr-theme-primary)
    }

.latest-service__item-text p {
    margin-bottom: 0
}

.shape-wrapper .bg-shape {
    bottom: -295px;
    left: -515px;
    position: absolute
}

    .shape-wrapper .bg-shape img {
        height: auto;
        width: 100%
    }

.shape-wrapper .bulet-shape {
    bottom: 0;
    position: absolute;
    right: -454px
}

    .shape-wrapper .bulet-shape img {
        height: auto;
        width: 100%
    }

.shape-wrapper .close-shape {
    position: absolute;
    right: -60px;
    top: 148px
}

    .shape-wrapper .close-shape img {
        height: auto;
        width: 100%
    }

.shape-wrapper .media {
    border-radius: 10px;
    max-width: 100%;
    overflow: hidden
}

    .shape-wrapper .media img {
        border-radius: 10px
    }

@media (max-width:1199px) {
    .content-area .faq {
        padding-bottom: 100px;
        padding-top: 30px
    }
}

@media (max-width:991px) {
    .content-area .faq {
        padding-bottom: 70px
    }
}

@media (max-width:767px) {
    .content-area .faq {
        padding-bottom: 40px
    }
}

@media (max-width:680px) {
    .content-area .faq {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

.content-area .faq .accordion h6 {
    color: var(--rr-theme-primary);
    font-family: var(--rr-ff-subtitle);
    font-size: var(--rr-fs-h4);
    font-weight: var(--rr-fw-regular);
    line-height: var(--rr-lh-h5);
    margin-bottom: 12px
}

.content-area .faq .accordion h4 {
    color: var(--rr-theme-primary);
    font-family: var(--rr-ff-subtitle);
    font-size: var(--rr-fs-h4);
    font-weight: var(--rr-fw-regular);
    line-height: var(--rr-lh-h5);
    margin-bottom: 12px
}

.content-area .faq .accordion h2 {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-size: var(--rr-fs-h2);
    font-weight: var(--rr-fw-bold);
    line-height: var(--rr-lh-h2)
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .content-area .faq .accordion h2 {
        font-size: 38px;
        line-height: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .content-area .faq .accordion h2 {
        font-size: 40px;
        line-height: 52px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .content-area .faq .accordion h2 {
        font-size: 40px;
        line-height: 52px
    }
}

@media (max-width:575px) {
    .content-area .faq .accordion h2 {
        font-size: 30px;
        line-height: 42px
    }
}

@media (max-width:450px) {
    .content-area .faq .accordion h2 {
        font-size: 27px;
        line-height: 37px
    }
}

.content-area .faq .accordion .card {
    background: none;
    border: none;
    margin-bottom: 20px;
    max-width: 600px
}

@media (max-width:480px) {
    .content-area .faq .accordion .card {
        margin-bottom: 15px
    }
}

.content-area .faq .accordion .card .card-header {
    background-color: var(--rr-common-white);
    border: 1px solid rgba(0,29,8,.1);
    border-radius: 4px;
    padding: 0
}

    .content-area .faq .accordion .card .card-header .card-link {
        align-items: center;
        color: var(--rr-heading-primary);
        cursor: pointer;
        display: flex;
        font-family: var(--rr-ff-heading);
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        padding: 6px 4px 0px 10px;
        text-align: left;
        transition: all .3s ease;
        width: 100%;
        padding-bottom: 9px;
        margin-bottom: 0;
    }

@media (max-width:480px) {
    .banner-home h1 {
        font-size: 22px;
    }

    .banner-home__content .description p {
        font-size: 18px;
    }

    .content-area .faq .accordion .card .card-header .card-link {
        font-size: 16px;
        padding: 8px;
        padding-right: 50px !important
    }
}

@media (max-width:376px) {
    .content-area .faq .accordion .card .card-header .card-link {
        font-size: 14px;
        line-height: 7px;
        padding: 19px;
        text-align: inherit
    }
}

@media (max-width:320px) {
    .content-area .faq .accordion .card .card-header .card-link {
        font-size: 15px;
        line-height: 22px;
        padding: 19px 10px
    }
}

.content-area .faq .accordion .card .card-header .card-link:before {
    align-items: center;
    background: var(--rr-heading-primary);
    border-radius: 5px;
    color: var(--rr-common-white);
    content: "\f067";
    display: flex;
    font-family: Font Awesome\ 5 Pro;
    font-size: 18px;
    height: 50px;
    justify-content: center;
    margin-right: 10px;
    position: absolute;
    right: 0;
    width: 50px;
    content: "+";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    width: 35px;
    height: 35px;
}

@media (max-width:480px) {
    .content-area .faq .accordion .card .card-header .card-link:before {
        height: 30px;
        margin-right: 10px;
        width: 30px
    }
}

.content-area .faq .accordion .card .card-header .card-link[aria-expanded=true]:before {
    background-color: var(--rr-common-white);
    color: var(--rr-common-black);
    content: "\f068";
    font-family: Font Awesome\ 5 Pro;
    font-size: 18px;
    content: "−";
    margin-top: 2px;
}

.content-area .faq .accordion .card .card-header .card-link[aria-expanded=true] {
    background-color: var(--rr-theme-primary);
    border-radius: 4px;
    color: var(--rr-common-white);
    width: 100%
}

.content-area .faq .accordion .card-body {
    padding: 0 0 0 10px
}

    .content-area .faq .accordion .card-body p {
        color: var(--rr-text-body);
        font-family: var(--rr-ff-body);
        font-size: 16px;
        font-weight: var(--rr-fw-regular);
        line-height: 26px;
        margin-bottom: 0;
        max-width: 540px;
        padding-top: 14px
    }

@media (max-width:575px) {
    .content-area .faq .accordion .card-body p {
        line-height: 24px
    }
}

.content-area .media {
    border-radius: 10px;
    overflow: hidden
}

    .content-area .media img {
        border-radius: 10px
    }

.latest-team__button-right .right-icon {
    margin-right: 10px
}

.latest-team__button-right a {
    height: 50px;
    width: 50px
}

.project__title {
    margin: auto auto 40px;
    max-width: 634px
}

    .project__title h6 {
        color: var(--rr-theme-primary);
        font-family: var(--rr-ff-subtitle);
        font-size: var(--rr-fs-h4);
        font-weight: var(--rr-fw-regular);
        line-height: var(--rr-lh-h5);
        margin-bottom: 12px
    }

    .project__title h2 {
        color: var(--rr-heading-primary);
        font-family: var(--rr-ff-heading);
        font-size: var(--rr-fs-h2);
        font-weight: var(--rr-fw-bold);
        line-height: var(--rr-lh-h2);
        margin-bottom: 0
    }

@media only screen and (min-width:992px) and (max-width:1199px) {
    .project__title h2 {
        font-size: 38px;
        line-height: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .project__title h2 {
        font-size: 40px;
        line-height: 52px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .project__title h2 {
        font-size: 40px;
        line-height: 52px
    }
}

@media (max-width:575px) {
    .project__title h2 {
        font-size: 30px;
        line-height: 42px
    }
}

@media (max-width:450px) {
    .project__title h2 {
        font-size: 27px;
        line-height: 37px
    }
}

.project-row-custom {
    display: flex;
    gap: 30px;
    margin-left: -15px;
    margin-right: -15px
}

@media only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .project-row-custom {
        display: grid;
        flex-direction: column;
        gap: 30px !important;
        grid-template-columns: 1fr 1fr;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .project-row-custom {
        gap: 15px !important
    }
}

@media (max-width:450px),(max-width:575px) {
    .project-row-custom {
        flex-direction: column;
        margin-left: 15px;
        margin-right: 15px
    }
}

.project-item {
    cursor: pointer;
    height: 100%;
    overflow: hidden
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .project-item {
        height: inherit
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .project-item {
        height: inherit
    }
}

@media (max-width:450px) {
    .project-item {
        height: 300px
    }
}

.project-thumb {
    height: 100%;
    position: relative;
    transition: .3s
}

.project-title {
    bottom: 45px;
    color: var(--rr-common-white);
    display: flex;
    font-family: var(--rr-ff-heading);
    font-size: var(--rr-fs-h3);
    font-weight: var(--rr-fw-sbold);
    justify-content: center;
    line-height: var(--rr-lh-h3);
    opacity: 0;
    padding: 0;
    position: absolute;
    transition: .4s;
    visibility: hidden;
    width: 100%;
    z-index: 5
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .project-title {
        bottom: 20px;
        font-size: 28px
    }
}

@media (max-width:450px) {
    .project-title {
        bottom: 15px;
        font-size: 25px
    }
}

.project-thumb {
    width: 275px
}

@media (max-width:450px),(max-width:575px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .project-thumb {
        width: 100%
    }
}

.project-thumb img {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.col-custom {
    background-size: cover;
    flex: 1;
    height: 500px;
    margin-top: 0;
    max-width: 100%;
    transition: .4s
}

    .col-custom.active {
        flex: 2;
        width: 770px
    }

@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .col-custom.active {
        width: 100%
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .col-custom.active {
        width: 100%
    }
}

.col-custom.active .project-item .project-thumb {
    width: 770px
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .col-custom.active .project-item .project-thumb {
        width: 650px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .col-custom.active .project-item .project-thumb {
        width: 500px
    }
}

@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .col-custom.active .project-item .project-thumb {
        width: 100%
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .col-custom.active .project-item .project-thumb {
        width: 100%
    }
}

@media (max-width:575px) {
    .col-custom.active .project-item .project-thumb {
        width: 100%
    }
}

.col-custom.active .project-item .project-thumb img {
    width: 100%
}

.col-custom.active:before {
    background: linear-gradient(180deg,rgba(255,61,0,.1),#ff3d00);
    border-radius: 10px;
    content: "";
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.col-custom.active .project-title {
    opacity: 1;
    visibility: visible
}

.testimonial__big-dotted-shape {
    position: absolute;
    right: 25%;
    top: 47%;
    z-index: 98
}

@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:1400px) and (max-width:1600px) {
    .testimonial__big-dotted-shape {
        right: 48%;
        top: 47%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .testimonial__big-dotted-shape {
        right: 48%;
        top: 46%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .testimonial__big-dotted-shape {
        right: 47%;
        top: 44%
    }
}

@media (max-width:450px),(max-width:575px),only screen and (min-width:576px) and (max-width:767px) {
    .testimonial__big-dotted-shape {
        display: none
    }
}

.testimonial__big-dotted-shape img {
    height: auto;
    width: 100%
}

.testimonial__bg-shape {
    position: absolute;
    right: 530px;
    top: 220px
}

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

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .testimonial__bg-shape {
        right: 280px;
        top: 215px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .testimonial__bg-shape {
        right: 8%;
        top: 27%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .testimonial__bg-shape {
        right: 5%;
        top: 24%
    }
}

@media (max-width:575px) {
    .testimonial__bg-shape {
        right: 0;
        top: 22%
    }
}

@media (max-width:320px) {
    .testimonial__bg-shape {
        right: -10%;
        top: 25%
    }
}

.testimonial__title-wrapper-subtitle {
    color: var(--rr-theme-primary);
    font-family: var(--rr-ff-subtitle);
    font-size: var(--rr-fs-h4);
    font-style: normal;
    font-weight: var(--rr-fw-regular);
    line-height: var(--rr-lh-h5);
    margin-bottom: 12px
}

.testimonial__title-wrapper-title {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-size: var(--rr-fs-h2);
    font-style: normal;
    font-weight: var(--rr-fw-bold);
    line-height: var(--rr-lh-h2);
    margin-bottom: 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .testimonial__title-wrapper-title {
        font-size: 38px;
        line-height: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .testimonial__title-wrapper-title {
        font-size: 40px;
        line-height: 52px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .testimonial__title-wrapper-title {
        font-size: 40px;
        line-height: 52px
    }
}

@media (max-width:575px) {
    .testimonial__title-wrapper-title {
        font-size: 30px;
        line-height: 42px
    }
}

@media (max-width:450px) {
    .testimonial__title-wrapper-title {
        font-size: 27px;
        line-height: 37px
    }
}

@media (max-width:450px),(max-width:575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .testimonial-buttons {
        display: none !important
    }
}

.testimonial-buttons .testimonial-prev {
    color: #b3bbb5;
    font-size: 25px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(50%);
    transition: .3s;
    z-index: 99
}

    .testimonial-buttons .testimonial-prev:hover {
        color: var(--rr-theme-primary)
    }

.testimonial-buttons .testimonial-left {
    color: #b3bbb5;
    font-size: 25px;
    position: absolute;
    top: 0;
    transform: translate(50%);
    transition: .3s;
    z-index: 99
}

    .testimonial-buttons .testimonial-left:hover {
        color: var(--rr-theme-primary)
    }

.testimonial-buttons .testimonial-next {
    color: #b3bbb5;
    font-size: 25px;
    position: absolute;
    right: 10px;
    top: 0;
    transform: translate(50%);
    transition: .3s;
    z-index: 99
}

    .testimonial-buttons .testimonial-next:hover {
        color: var(--rr-theme-primary)
    }

.testimonial__content p {
    color: var(--rr-text-body);
    font-family: var(--rr-ff-body);
    font-size: 20px;
    font-style: italic;
    font-weight: var(--rr-fw-regular);
    line-height: var(--rr-lh-h5);
    margin: auto auto 24px;
    max-width: 809px
}

.testimonial__content-title h4 {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-size: var(--rr-fs-h4);
    font-weight: var(--rr-fw-sbold);
    line-height: var(--rr-lh-h5)
}

.testimonial__content-title h5 {
    color: var(--rr-text-body);
    font-family: var(--rr-ff-body);
    font-size: 16px;
    font-weight: var(--rr-fw-regular);
    line-height: var(--rr-lh-p);
    margin-bottom: 0
}

.testimonial__content-title h6 {
    color: var(--rr-text-body);
    font-family: var(--rr-ff-body);
    font-size: 16px;
    font-weight: var(--rr-fw-regular);
    line-height: var(--rr-lh-p);
    margin-bottom: 0
}

.testi-carousel-wrap .testi-thumb-wrap {
    margin: 0 auto 30px;
    overflow: hidden;
    width: 338px
}

.testi-carousel-wrap .thumb-carousel {
    margin: 0 auto;
    overflow: visible;
    padding-top: 10px;
    width: 110px
}

    .testi-carousel-wrap .thumb-carousel .swiper-slide {
        align-items: center;
        display: flex;
        height: 110px;
        justify-content: center;
        width: 110px
    }

.testi-carousel-wrap .content-carousel {
    padding-bottom: 20px
}

.latest-blog__title-wrapper h6 {
    color: var(--rr-theme-primary);
    font-family: var(--rr-ff-subtitle);
    font-size: var(--rr-fs-h4);
    font-weight: var(--rr-fw-regular);
    line-height: 30px;
    margin-bottom: 12px
}

.latest-blog__title-wrapper h2 {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-size: var(--rr-fs-h2);
    font-weight: var(--rr-fw-bold);
    line-height: var(--rr-lh-h2);
    margin-bottom: 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .latest-blog__title-wrapper h2 {
        font-size: 38px;
        line-height: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .latest-blog__title-wrapper h2 {
        font-size: 40px;
        line-height: 52px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .latest-blog__title-wrapper h2 {
        font-size: 40px;
        line-height: 52px
    }
}

@media (max-width:575px) {
    .latest-blog__title-wrapper h2 {
        font-size: 30px;
        line-height: 42px
    }
}

@media (max-width:450px) {
    .latest-blog__title-wrapper h2 {
        font-size: 27px;
        line-height: 37px
    }
}

.latest-blog__button-right {
    display: flex;
    gap: 10px;
    justify-content: end
}

    .latest-blog__button-right .right-icon {
        padding: 10px 26px
    }

    .latest-blog__button-right a {
        height: 50px;
        width: 50px
    }

.latest-blog__item {
    transition: .3s
}

.latest-blog__item-media {
    overflow: hidden
}

    .latest-blog__item-media, .latest-blog__item-media a img {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

        .latest-blog__item-media a img {
            height: 241px;
            max-width: 100%
        }

            .latest-blog__item-media a img:hover {
                transform: scale(1.2)
            }

.latest-blog__item-text {
    background: var(--rr-common-white);
    border: 1px solid rgba(3,4,29,.1);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: none;
    padding-bottom: 30px;
    padding-left: 30px;
    transition: .3s
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px) {
    .latest-blog__item-text {
        padding-left: 10px
    }
}

.latest-blog__item-text-meta {
    gap: 16px;
    padding-bottom: 21px
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .latest-blog__item-text-meta {
        gap: 5px
    }
}

.latest-blog__item-text-meta-calender {
    background: var(--rr-theme-primary);
    border-radius: 4px;
    flex-shrink: 0;
    height: 56px;
    margin-top: -30px;
    padding: 12px 8px;
    text-align: center;
    width: 50px;
    z-index: 1
}

    .latest-blog__item-text-meta-calender h4 {
        color: var(--rr-common-white);
        font-family: var(--rr-ff-heading);
        font-size: var(--rr-fs-h4);
        font-weight: var(--rr-fw-sbold);
        line-height: 14px;
        margin-bottom: 5px;
        text-align: center
    }

    .latest-blog__item-text-meta-calender p {
        color: var(--rr-common-white);
        font-family: var(--rr-ff-heading);
        font-size: 12px;
        font-style: normal;
        font-weight: var(--rr-fw-regular);
        line-height: 14px;
        margin: 0
    }

.latest-blog__item-text-meta span {
    list-style: none
}

    .latest-blog__item-text-meta span a {
        align-items: center;
        color: var(--rr-text-body);
        display: flex;
        font-family: var(--rr-ff-body);
        font-weight: var(--rr-fw-regular);
        gap: 6px;
        justify-content: center;
        line-height: 22px;
        margin-top: 6px
    }

        .latest-blog__item-text-meta span a i, .latest-blog__item-text-meta span a:hover {
            color: var(--rr-theme-primary)
        }

.latest-blog__item-text-bottom a h4 {
    font-size: 22px;
    font-weight: var(--rr-fw-sbold);
    line-height: var(--rr-lh-h5);
    margin-bottom: 24px;
    max-width: 308px
}

@media (max-width:575px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .latest-blog__item-text-bottom a h4 {
        max-width: 100%
    }
}

.latest-blog__item-text-bottom a h4:hover {
    color: var(--rr-theme-primary)
}

.latest-blog__item-text-bottom a {
    color: var(--rr-text-body);
    font-family: var(--rr-heading-primary);
    font-size: 15px;
    font-weight: var(--rr-fw-sbold);
    gap: 6px;
    line-height: var(--rr-fs-h4)
}

    .latest-blog__item-text-bottom a:hover {
        color: var(--rr-theme-primary)
    }

.latest-blog__item-slide {
    transition: all .3s ease-in-out
}

    .latest-blog__item-slide:hover .latest-blog__item-text {
        box-shadow: 0 10px 15px rgba(0,29,8,.1)
    }

.latest-newsletter__pen-shape {
    position: absolute;
    right: -25px;
    top: 10px
}

    .latest-newsletter__pen-shape img {
        height: auto;
        width: 100%
    }

@media (max-width:575px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .latest-newsletter__pen-shape {
        display: none
    }
}

.latest-newsletter__bg-shape {
    left: -345px;
    position: absolute;
    top: 15px
}

    .latest-newsletter__bg-shape img {
        height: auto;
        width: 100%
    }

@media (max-width:575px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .latest-newsletter__bg-shape {
        display: none
    }
}

.latest-newsletter__content h2 {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-weight: var(--rr-fw-bold);
    line-height: var(--rr-lh-h2);
    margin-bottom: 14px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .latest-newsletter__content h2 {
        font-size: 38px;
        line-height: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .latest-newsletter__content h2 {
        font-size: 40px;
        line-height: 52px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .latest-newsletter__content h2 {
        font-size: 40px;
        line-height: 52px;
        padding-top: 15px;
    }
}

@media (max-width:575px) {
    .latest-newsletter__content h2 {
        font-size: 30px;
        line-height: 42px
    }
}

@media (max-width:450px) {
    .latest-newsletter__content h2 {
        font-size: 27px;
        line-height: 37px
    }
}

.latest-newsletter__content p {
    font-size: 18px;
    line-height: 28px;
    margin: auto auto 30px;
    max-width: 717px
}

.latest-newsletter__content .search {
    background: var(--rr-common-white);
    border: 1px solid rgba(0,29,8,.1);
    border-radius: 4px;
    flex-shrink: 0;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    max-width: 826px
}

    .latest-newsletter__content .search input {
        border-bottom: none
    }

        .latest-newsletter__content .search input::-moz-placeholder {
            color: var(--rr-text-body)
        }

        .latest-newsletter__content .search input::placeholder {
            color: var(--rr-text-body)
        }

    .latest-newsletter__content .search button {
        height: 85%;
        position: absolute;
        right: 5px;
        top: calc(58% - 30px)
    }

    .latest-newsletter__content .search.custom-search input {
        padding-right: 200px
    }

@media only screen and (min-width:576px) and (max-width:767px) {
    .latest-newsletter__content .search.custom-search input {
        padding-right: 220px
    }
}

@media (max-width:320px) {
    .latest-newsletter__content .search.custom-search input {
        padding-right: 160px
    }
}

.latest-newsletter__content .rr-btn {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    padding: 10px 28px
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .latest-newsletter__content .rr-btn {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:575px) {
    .latest-newsletter__content .rr-btn {
        padding-left: 35px;
        padding-right: 35px
    }
}

@media (max-width:450px) {
    .latest-newsletter__content .rr-btn {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:320px) {
    .latest-newsletter__content .rr-btn {
        padding-left: 10px;
        padding-right: 10px
    }
}

.latest-newsletter__content .rr-btn:before {
    background-color: var(--rr-heading-primary);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.latest-newsletter__content .rr-btn:hover {
    box-shadow: none !important;
    color: var(--rr-common-white)
}

.lan-select .nice-select {
    border: none
}

.latest-service2__item {
    background: var(--rr-common-white);
    border-radius: 10px;
    padding: 1px 23px 30px;
    transition: .3s
}

    .latest-service2__item:hover {
        box-shadow: 0 20px 40px 0 rgba(0,29,8,.1)
    }

.pricing .mb-minus-30 {
    margin-bottom: -30px
}

.rr-fea-product__thumb {
    border-radius: 10px;
    overflow: hidden;
    text-align: center
}

    .rr-fea-product__thumb img {
        border-radius: 10px;
        height: 300px;
        transition: .5s;
        width: 100%
    }

    .rr-fea-product__thumb:hover .product-action-btn-5 {
        opacity: 1;
        transform: translateX(0);
        visibility: visible
    }

@media (max-width:575px) {
    .rr-fea-product__thumb:hover .product-action-btn-5 {
        left: 33px;
        opacity: 1;
        top: 44px;
        transform: translateX(0);
        transform: translateX(-50%);
        visibility: visible
    }
}

.rr-fea-product__thumb .product-action-btn-5 {
    background: red;
    border-radius: 2px;
    left: 11px;
    opacity: 0;
    position: absolute;
    top: 40px;
    transform: translateX(-50%);
    transition: .5s;
    visibility: hidden;
    width: 44px
}

@media (max-width:575px) {
    .rr-fea-product__thumb .product-action-btn-5 {
        left: 33px;
        opacity: 1;
        top: 44px;
        transform: translateX(0);
        transform: translateX(-50%);
        visibility: visible
    }
}

.rr-fea-product__thumb .product-action-btn-5 h5 {
    color: var(--rr-common-white);
    font-family: var(--rr-ff-body);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--rr-fw-sbold);
    line-height: 20px
}

.rr-fea-product__content {
    padding: 20px 0 0
}

.rr-fea-product__item {
    border-radius: 10px;
    padding: 10px;
    position: relative;
    transition: .3s;
    z-index: 1
}

@media (max-width:575px) {
    .rr-fea-product__item {
        background: var(--rr-common-white) !important;
        box-shadow: 0 20px 40px rgba(0,29,8,.1);
        margin-bottom: 30px
    }
}

.rr-fea-product__item:hover {
    background: var(--rr-common-white) !important;
    background-color: var(--rr-common-white);
    box-shadow: 0 20px 40px rgba(0,29,8,.1)
}

    .rr-fea-product__item:hover .rr-fea-product__thumb img {
        transform: scale(1.2) rotate(-1deg)
    }

.rr-fea-product__title-sm {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-size: 20px;
    font-style: normal;
    line-height: var(--rr-lh-h5);
    margin-bottom: 10px;
    transition: .3s
}

    .rr-fea-product__title-sm:hover {
        color: var(--rr-theme-primary)
    }

.rr-fea-product__tab nav button {
    border-radius: 30px;
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-size: 16px;
    font-weight: var(--rr-fw-regular);
    height: 40px;
    line-height: 26px;
    padding: 0 19px;
    transition: .3s
}

@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) {
    .rr-fea-product__tab nav button {
        font-size: 14px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .rr-fea-product__tab nav button {
        font-size: 13px;
        margin: 0 10px
    }
}

@media (max-width:575px) {
    .rr-fea-product__tab nav button {
        font-size: 13px
    }
}

.rr-fea-product__tab nav button.active {
    background-color: #fafafa;
    color: var(--rr-theme-primary);
    font-weight: var(--rr-fw-medium);
    text-decoration: underline
}

.rr-fea-product__tab nav button:hover {
    color: var(--rr-theme-primary)
}

.best-deal__title-wrapper-title {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-size: var(--rr-fs-h2);
    font-style: normal;
    font-weight: var(--rr-fw-bold);
    line-height: var(--rr-lh-h2);
    margin-bottom: 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .best-deal__title-wrapper-title {
        font-size: 38px;
        line-height: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .best-deal__title-wrapper-title {
        font-size: 40px;
        line-height: 52px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .best-deal__title-wrapper-title {
        font-size: 40px;
        line-height: 52px
    }
}

@media (max-width:575px) {
    .best-deal__title-wrapper-title {
        font-size: 30px;
        line-height: 42px
    }
}

@media (max-width:450px) {
    .best-deal__title-wrapper-title {
        font-size: 27px;
        line-height: 37px
    }
}

.happy-customer__shape-wrapper-bottom-shape {
    bottom: -1px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 2
}

    .happy-customer__shape-wrapper-bottom-shape img {
        height: auto;
        width: 100%
    }

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px) {
    .happy-customer__shape-wrapper-bottom-shape {
        display: none
    }
}

.happy-customer__shape-wrapper-left-shape {
    left: -94px;
    position: absolute;
    top: 77px
}

@media (max-width:575px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .happy-customer__shape-wrapper-left-shape {
        display: none
    }
}

.happy-customer__shape-wrapper-left-shape img {
    height: auto;
    width: 100%
}

.happy-customer__shape-wrapper-right-shape {
    position: absolute;
    right: -87px;
    top: 170px
}

@media (max-width:575px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:1400px) and (max-width:1600px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .happy-customer__shape-wrapper-right-shape {
        display: none
    }
}

.happy-customer__shape-wrapper-right-shape img {
    height: auto;
    width: 100%
}

.happy-customer__content-wrapper {
    z-index: 5
}

.happy-customer__content-wrapper-subtitle {
    color: var(--rr-theme-primary);
    font-family: var(--rr-ff-subtitle);
    font-size: 16px;
    font-style: normal;
    font-weight: var(--rr-fw-regular);
    line-height: 26px;
    margin-bottom: 12px
}

.happy-customer__content-wrapper-title {
    color: var(--rr-heading-primary);
    font-family: var(--rr-ff-heading);
    font-size: var(--rr-fs-h2);
    font-style: normal;
    font-weight: var(--rr-fw-bold);
    line-height: var(--rr-lh-h2);
    margin-bottom: 14px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .happy-customer__content-wrapper-title {
        font-size: 38px;
        line-height: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .happy-customer__content-wrapper-title {
        font-size: 40px;
        line-height: 52px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .happy-customer__content-wrapper-title {
        font-size: 40px;
        line-height: 52px
    }
}

@media (max-width:575px) {
    .happy-customer__content-wrapper-title {
        font-size: 30px;
        line-height: 42px
    }
}

@media (max-width:450px) {
    .happy-customer__content-wrapper-title {
        font-size: 27px;
        line-height: 37px
    }
}

.happy-customer__content-wrapper-description {
    color: var(--rr-text-body);
    font-family: var(--rr-ff-body);
    font-size: 18px;
    font-style: normal;
    font-weight: var(--rr-fw-regular);
    line-height: var(--rr-lh-h6);
    margin: auto;
    max-width: 1040px
}

@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .fact-4__content__space {
        margin-bottom: 30px
    }
}

.fact-4__bg {
    background: #f9f4ee;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.fact-4__title {
    color: #001d08;
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 20px
}

@media (max-width:320px),(max-width:575px) {
    .fact-4__title {
        font-size: 27px;
        line-height: 40px
    }
}

.fact-4__counter {
    align-items: center;
    display: inline-flex;
    margin-bottom: 35px;
    margin-top: 35px
}

.fact-4__counter__list {
    color: #001d08;
    font-size: 48px;
    font-weight: 500;
    line-height: 36px;
    margin-right: 50px;
    padding-right: 50px;
    position: relative
}

@media (max-width:320px),(max-width:575px) {
    .fact-4__counter__list {
        font-size: 30px;
        margin-right: 20px;
        padding-right: 20px
    }
}

.fact-4__counter__list:before {
    background-color: #001d08;
    content: "";
    height: 69px;
    opacity: .1;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

.fact-4__counter__list:last-child {
    margin-right: 0;
    padding-right: 0
}

    .fact-4__counter__list:last-child:before {
        display: none
    }

.fact-4__counter__list .text {
    color: var(--rr-text-body);
    display: flex;
    font-family: var(--rr-ff-body);
    font-size: 16px;
    font-weight: var(--rr-fw-regular);
    margin-top: 10px
}

@media (max-width:320px),(max-width:575px) {
    .fact-4__counter__list .text {
        font-size: 14px
    }
}

.fact-4__btn {
    align-items: center;
    background: var(--rr-heading-primary);
    border-radius: 4px;
    color: var(--rr-common-white);
    display: inline-flex;
    font-family: var(--rr-ff-heading);
    font-size: 16px;
    font-weight: var(--rr-fw-sbold);
    padding: 11px 31px;
    transition: .3s
}

    .fact-4__btn:hover {
        background-color: #d44e49;
        color: #fff
    }

    .fact-4__btn i {
        margin-left: 5px
    }

.fact-4__btn-2 {
    background: var(--rr-theme-secondary);
    border-radius: 10px;
    color: var(--rr-common-white);
    display: inline-block;
    font-family: var(--rr-ff-heading);
    font-size: 24px;
    font-weight: var(--rr-fw-medium);
    margin-bottom: 30px;
    padding: 26px 52px;
    transition: .3s
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .fact-4__btn-2 {
        padding: 26px 49px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .fact-4__btn-2 {
        padding: 24px 20px
    }
}

@media (max-width:320px),(max-width:575px) {
    .fact-4__btn-2 {
        padding: 25px 33px
    }
}

.fact-4__btn-2:hover {
    background-color: var(--rr-heading-primary)
}

.fact-4__btn-2:focus, .fact-4__btn-2:hover {
    color: var(--rr-common-white)
}

.fact-4__btn-2 span {
    margin-right: 5px
}

    .fact-4__btn-2 span svg {
        margin-top: -6px
    }

@media only screen and (min-width:992px) and (max-width:1199px) {
    .fact-4__btn__wrapper {
        margin-left: 70px
    }
}

.fact-4__thumb__1 {
    background: #f6e1c8;
    border-radius: 10px;
    height: 330px;
    overflow: hidden;
    text-align: center;
    transition: all .3s ease-in-out;
    width: 330px
}

@media (max-width:575px),only screen and (min-width:576px) and (max-width:767px) {
    .fact-4__thumb__1 {
        margin: 30px auto
    }
}

@media (max-width:320px) {
    .fact-4__thumb__1 {
        margin: 30px auto;
        width: 100%
    }
}

.fact-4__thumb__1 img {
    height: 299.12px;
    margin-top: 12px;
    max-width: 236.26px;
    transform: rotate(11.43deg);
    transition: all .3s ease-in-out
}

.fact-4__thumb__1:hover img {
    transform: scale(1.2)
}

.fact-4__thumb__2 {
    align-items: center;
    border-radius: 10px;
    display: flex;
    height: 330px;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
    transition: all .3s ease-in-out;
    width: 330px
}

@media (max-width:320px) {
    .fact-4__thumb__2 {
        width: 100%
    }
}

.fact-4__thumb__2 img {
    transform: rotate(-14deg);
    transition: all .3s ease-in-out;
    width: 398.26px
}

.fact-4__thumb__2:hover img {
    transform: scale(1.2)
}

.fact-4__text {
    align-items: center;
    background: #f9f4ee;
    border: 6px solid #fff;
    border-radius: 165px 0 165px 165px;
    display: flex;
    height: 330px;
    justify-content: center;
    margin: 0 auto;
    width: 330px
}

@media (max-width:320px) {
    .fact-4__text {
        height: 295px;
        width: 100%
    }
}

.fact-4__text h3 span {
    color: #001d08;
    font-size: 48px;
    font-weight: 600;
    line-height: 40px
}

.fact-4__text h3 .text {
    align-items: center;
    color: #d44e49;
    display: flex;
    font-size: 16px;
    justify-content: center;
    margin-top: 8px
}

.fact-4__shape-1 {
    right: 40.5%;
    top: 46%;
    z-index: -1
}

@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .fact-4__shape-1 {
        right: 47.5%;
        top: 58%
    }
}

.fact-4__shape-2 {
    right: 26.5%;
    top: 38%;
    z-index: -1
}

@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .fact-4__shape-2 {
        right: 38.5%;
        top: 46%
    }
}

.fact-4__bg__shape-1 {
    background: rgba(0,190,108,.3);
    height: 729px;
    left: 160px;
    top: -576px;
    width: 729px
}

.fact-4__bg__shape-1, .fact-4__bg__shape-2 {
    border-radius: 500px;
    filter: blur(250px);
    z-index: -1
}

.fact-4__bg__shape-2 {
    background: rgba(126,216,255,.3);
    bottom: -483px;
    height: 704px;
    right: -13px;
    width: 704px
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes asFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes asFadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }

    to {
        opacity: 1
    }
}

@keyframes asFadeInRight {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }

    to {
        opacity: 1
    }
}

@keyframes asFadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-50px)
    }

    to {
        opacity: 1
    }
}

@keyframes asFadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(50px);
        z-index: -2
    }

    to {
        opacity: 1
    }
}

@keyframes imgEffect {
    0% {
        filter: blur(10px);
        opacity: 0;
        transform: translatex(50%) scalex(2)
    }

    to {
        filter: blur(0);
        opacity: 1;
        transform: translatex(0) scalex(1)
    }
}

@keyframes asMoveFromLeft {
    0% {
        transform: translateX(-50px);
        visibility: hidden
    }

    to {
        visibility: visible
    }
}

@keyframes asMoveFromRight {
    0% {
        transform: translateX(50px);
        visibility: hidden
    }

    to {
        visibility: visible
    }
}

@keyframes asMoveFromTop {
    0% {
        transform: translateY(-50px);
        visibility: hidden
    }

    to {
        visibility: visible
    }
}

@keyframes asMoveFromBottom {
    0% {
        transform: translateY(50px);
        visibility: hidden
    }

    to {
        visibility: visible
    }
}

@keyframes asBlurIn {
    0% {
        filter: blur(20px);
        opacity: 0
    }
}

@keyframes asBlurInLeft {
    0% {
        filter: blur(20px);
        opacity: 0;
        transform: translateX(50px)
    }
}

@keyframes asBlurInRight {
    0% {
        filter: blur(20px);
        opacity: 0;
        transform: translateX(-50px)
    }
}

@keyframes asBlurInTop {
    0% {
        filter: blur(20px);
        opacity: 0;
        transform: translateY(50px)
    }
}

@keyframes asBlurInBottom {
    0% {
        filter: blur(20px);
        opacity: 0;
        transform: translateY(-50px)
    }
}

@keyframes asZoomIn {
    0% {
        opacity: 0;
        transform: scale(.98)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes asZoomInLeft {
    0% {
        opacity: 0;
        transform: scale(5) translateX(-50%)
    }
}

@keyframes asZoomInRight {
    0% {
        opacity: 0;
        transform: scale(5) translateX(50%)
    }
}

@keyframes asZoomInTop {
    0% {
        opacity: 0;
        transform: scale(10) translateY(-50%)
    }
}

@keyframes asZoomInBottom {
    0% {
        opacity: 0;
        transform: scale(10) translateY(50%)
    }
}

@keyframes asFlipInTop {
    0% {
        opacity: 0;
        transform: perspective(600px)
    }

    30% {
        animation-timing-function: ease-out;
        transform: perspective(600px) rotateX(180deg);
        transform-origin: 0 0
    }

    to {
        transform: perspective(600px)
    }
}

@keyframes asFlipInBottom {
    0% {
        opacity: 0;
        transform: perspective(600px)
    }

    30% {
        animation-timing-function: ease-out;
        transform: perspective(600px) rotateX(180deg);
        transform-origin: bottom
    }

    to {
        transform: perspective(600px)
    }
}

@keyframes asRollFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-60px) perspective(600px) rotateY(180deg)
    }
}

@keyframes asRollFromRight {
    0% {
        opacity: 0;
        transform: translateX(60px) perspective(600px) rotateY(-180deg)
    }
}

@keyframes asRollFromTop {
    0% {
        opacity: 0;
        transform: translateY(-60px) perspective(600px) rotateX(180deg)
    }
}

@keyframes asRollFromBottom {
    0% {
        opacity: 0;
        transform: translateY(60px) perspective(600px) rotateX(-180deg)
    }
}

@keyframes asRotateSkateInRight {
    0% {
        opacity: 0;
        transform: scaleX(.2) translateX(100px)
    }
}

@keyframes asRotateSkateInLeft {
    0% {
        opacity: 0;
        transform: scaleX(.2) translateX(-100px)
    }
}

@keyframes asRotateSkateInTop {
    0% {
        opacity: 0;
        transform: scaleY(.2) translateY(-100px)
    }
}

@keyframes asRotateSkateInBottom {
    0% {
        opacity: 0;
        transform: scaleY(.2) translateY(100px)
    }
}

@keyframes asPopUp {
    0% {
        visibility: hidden
    }

    50% {
        transform: scale(1.1);
        visibility: visible
    }
}

@keyframes asPopUpLeft {
    0% {
        visibility: hidden
    }

    50% {
        animation-timing-function: ease-in;
        transform: translateX(-20px) scale(1.1);
        visibility: visible
    }
}

@keyframes asPopUpRight {
    0% {
        visibility: hidden
    }

    50% {
        animation-timing-function: ease-in;
        transform: translateX(20px) scale(1.1);
        visibility: visible
    }
}
/* !END:  Slider CSS */
/*# sourceMappingURL=main.min.css.map */