@charset "utf-8";


/*~-~-~-~-~-~-~-~-~-~ Embeded fonts ~-~-~-~-~-~-~-~-~-~*/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

/*~-~-~-~-~-~-~-~-~-~ Embeded fonts ~-~-~-~-~-~-~-~-~-~*/


/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

:root {

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --body-font: "Jost", sans-serif;
    --heading-font: "Nunito", sans-serif;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 64px;
    --f-size-XXL: 48px;
    --f-size-XL: 32px;
    --f-size-L: 28px;
    --f-size-M: 24px;
    --f-size-S: 16px;
    --f-size-Body: 18px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --common-transition: all 0.8s ease;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --color-white: #fff;
    --color-black-primary: #000000;
    --color-body: #222222;
    --color-grey: #333333;
    --color-orange: #E76862;
    --color-pink: #FF9A95;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */
}


/* html { overflow-x: hidden; } */
body { font-size: var(--f-size-Body); margin: 0; padding: 0; font-family: var(--body-font); line-height: 1.2; letter-spacing: -0.16px; font-weight: 400; color: var(--color-body); transition: var(--common-transition); scroll-behavior: smooth; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 30px; padding: 0; line-height: 1.1; letter-spacing: -0.16px; font-family: var(--heading-font); font-weight: 700; color: var(--color-body); }

h1 { font-size: var(--f-size-XXXL); }
h2 { font-size: var(--f-size-XXL); }
h3 { font-size: var(--f-size-XL); }
h4 { font-size: var(--f-size-L); }
h5 { font-size: var(--f-size-M); }
h6 { font-size: var(--f-size-S); }

p { margin: 0 0 30px; padding: 0; line-height: 1.3; }

img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { color: var(--clr-black-primary); outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover { text-decoration: none; transition: var(--common-transition); }

button { border: none; }


textarea, select, .form-control, input { font-size: 14px; padding: 18px 20px; background-color: transparent; width: 100%; border-radius: 15px; border: 1px solid #D2CEDA; outline: none !important; box-shadow: none !important; color: #7C7C7C; margin-bottom: 30px; height: 60px; font-family: var(--body-font); }
textarea { min-height: 105px !important; resize: none; }

input[type="submit"], button[type="submit"] { padding-right: 64px; transition: all 0.3s ease 0s; outline: none; width: auto; font-size: 16px; background-image: url(../../images/white-arrow.svg); background-repeat: no-repeat; background-position: center right 35px; height: auto; margin: 0; }
input[type="submit"]:hover, button[type="submit"]:hover { background-image: url(../../images/orange-arrow.svg); background-repeat: no-repeat; background-position: center right 25px; }
textarea:focus, select:focus, .form-control:focus, .form-select:focus { outline: none !important; box-shadow: inherit !important; border: 1px solid #D2CEDA; }
select, .form-select { font-size: 14px; padding: 18px 20px; background-color: transparent; border-radius: 15px; border: 1px solid #D2CEDA; background-image: url(../../images/select-arrow.svg); background-repeat: no-repeat; background-position: center right 20px; background-size: 12px; color: #7C7C7C; height: 60px; cursor: pointer; }
input:focus, input:focus-visible { border: none; outline: none; box-shadow: none; border: 1px solid var(--clr-grey-secondary); }

.btn-check:focus+.btn, .btn:focus { box-shadow: inherit; }

.email-inp { background-image: url(../../images/email-ic.svg); background-repeat: no-repeat; background-position: center left 20px; }

.form-control.email-inp, .form-control.pass-inp, .form-control.user-inp { padding-left: 50px; }

.pass-inp { background-image: url(../../images/pass-ic.svg); background-repeat: no-repeat; background-position: center left 20px; }
.user-inp { background-image: url(../../images/user-ic.svg); background-repeat: no-repeat; background-position: center left 20px; }

.password-inp { position: relative; }
.password-ic-wrap { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.password-ic-wrap span i { color: #7C7C7C; }

.form-group.sign-up { margin-top: 30px; }

/* --- for placeholder color --- */
input::-moz-placeholder, .form-control::-moz-placeholder { color: #7C7C7C; opacity: 1; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #7C7C7C; }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #7C7C7C; }

/* --- for placeholder color --- */

label { margin-bottom: 10px; font-family: var(--heading-font); font-weight: 700; font-size: 20px; }

.common-padding { padding-top: 100px; padding-bottom: 100px; }
/* .common-small-padding{ padding-top: 65px; padding-bottom: 65px; } */
.padding-top { padding-top: 100px; }
.padding-bottom { padding-bottom: 100px; }

.btn, a.btn { overflow: hidden; position: relative; z-index: 1; letter-spacing: 0; display: inline-flex; align-items: center; vertical-align: top; color: var(--color-white); padding: 21px 35px; line-height: 1; border-radius: 100px; font-weight: 600; text-align: center; font-size: 18px; background: var(--color-orange); border: 2px solid transparent; transition: background 0.4s ease, color 0.4s ease, border-color 0.4s ease; }
.btn:not(.solid-border, .solid-white) img, .solid-border:hover img, a.solid-border:hover img, .solid-white:hover img, a.solid-white:hover img { filter: brightness(0) invert(1); }
.btn img { margin-left: 14px; transition: transform 0.4s ease; }
.btn:hover { background: transparent; color: var(--color-orange); border: 2px solid var(--color-orange); }
.btn:not(.solid-border, .solid-white):hover img { filter: none; }
.btn:hover img { transform: translateX(10px); }

.solid-border, a.solid-border { background: transparent; border-color: var(--color-orange); color: var(--color-orange); }
.solid-border:hover, a.solid-border:hover { background: var(--color-orange); color: var(--color-white); }
.solid-white, a.solid-white { background: var(--color-white); color: var(--color-orange); }
.solid-white:hover, a.solid-white:hover { background: var(--color-orange); color: var(--color-white); }

/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

/* -- Header -- */

.hdr-wrap { display: flex; align-items: center; }

.main-header { position: relative; z-index: 9; padding: 20px 0; }
.main-header .container-fluid { padding: 0 50px; }

.custom-header-wrap { display: flex; justify-content: space-between; }

.hdr-wrap ul { display: flex; align-items: center; padding: 0; list-style: none; margin: 0; }
.hdr-wrap .logo a { display: block; width: 250px; /*  289px */ }

.hdr-wrap .logo a img,

.login-wrapper .logo img { width: 100%; }

.main-menu ul li { margin-right: 25px;  /* 40px */ }
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a { color: var(--color-orange); }
.main-menu ul li.current-menu-item a { font-weight: 700; }
.main-menu ul li.current-menu-item.menu-item-has-children::after, .main-menu ul li.menu-item-has-children:hover::after { color: var(--clr-orange); }
.main-menu ul li.current-menu-item a::after, .main-menu ul li.current-menu-item a::before { width: 100%; }
.main-menu ul li a { color: var(--clr-black-primary); position: relative; display: block; }
.main-menu ul li.btn { display: none; background-image: url(../../images/white-arrow.svg); background-repeat: no-repeat; background-position: center right 20px; }
.main-menu ul li.btn:hover { background-position: center right 15px; }

.srch-btn { outline: none; padding: 0; border: 0; background: transparent; margin-right: 30px; }

.btn-wrap { display: flex; align-items: center; }
.btn-wrap a:not(:last-child) { margin-right: 15px; }

.header-sticky { left: 0; position: fixed; top: 0; width: 100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s; z-index: 9; }
.header-sticky .main-header { margin: 0; background: var(--color-white); padding: 10px 0; }
.header-sticky .btn-wrap .btn { padding: 15px 30px; }
.header-sticky .hdr-wrap .logo a { width: 180px; }


@keyframes slide-down {

    0% {
        transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

/* -- Header -- */

h1 strong, h2 strong { text-decoration: underline; text-decoration-thickness: 3px; font-weight: 700; }

/* ======== Homepage ======== */

/* Banner */

.banner-sec { background: linear-gradient(258.92deg, #E76862 0%, #4408F4 99.71%); padding: 90px 0 0; }

.banner-content { width: 100%; max-width: 630px; margin-left: auto; color: var(--color-white); position: relative; }
.banner-content h1 { color: var(--color-white); }

.banner-img img { width: 100%; }

.banner-btm-content { background: #FFFFFF17; border: 0.5px solid #FFFFFF; width: 100%; max-width: 360px; border-radius: 20px; padding: 10px; margin-top: 30px; display: flex; align-items: center; }
.banner-btm-content p { margin: 0 0 0 15px; }

.banner-btm-img { background: var(--color-white); border-radius: 16px; padding: 5px; }
.banner-btm-img img { width: 116px; }

.banner-sec .sec-shape { margin-top: -130px; }

.sec-shape img { width: 100%; }

/* Banner */

.create-group-yard-sec { background: linear-gradient(180deg, rgba(199, 241, 255, 0) 0%, #C7F1FF 60.39%); }
.create-group-yard-sec .sec-content-wrapper { width: 100%; max-width: 947px; margin: 0 auto; }
.create-group-yard-sec .sec-content-wrapper .img-wrap { margin-top: 150px; }

/* animation */

.img-wrap.rotate img { animation: rotation 15s infinite linear; }

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* animation */

.how-it-work-sec .sec-ttl-cnt { width: 100%; max-width: 966px; margin: 0 auto; }

/* animation */

.scroll-wrap-holder { position: relative; overflow: visible; }

.float-package { position: sticky; top: 72px; right: 50px; text-align: right; z-index: 1; width: 160px; margin-left: auto; }

.scroll-img { position: relative; z-index: 1; }

.scroll-abs { position: absolute; bottom: 0; transition: all 0.6s ease; }
.scroll-abs.one, .scroll-abs.two, .scroll-abs.four { left: -100%; }
.scroll-abs.three { right: -60px; }

.scroll-above { position: absolute; right: 105px; bottom: 35px; z-index: 1; }
.scroll-above-frame { position: absolute; z-index: 2; right: 0; bottom: 34px; }
.scroll-abs.five { right: 20px; bottom: 34px; z-index: 1; }

.scroll-animated-wrap { padding-top: 100px; padding-bottom: 100px; }
.scroll-animated-wrap:first-of-type { padding-top: 0; margin-top: -100px; }

/* animation */

.scroll-content { width: 100%; max-width: 537px; }
.scroll-content h3 { margin: 0; }

.step { background: #8DEFC6; display: inline-block; padding: 12px 20px; border-radius: 100px; font-weight: 600; line-height: 1; margin-bottom: 20px; }

.top-brand-sec { background: var(--color-pink); }
.top-brand-sec .sec-content-wrapper { width: 100%; max-width: 1026px; margin: 0 auto; }
.top-brand-sec .sec-content-wrapper .img-wrap { margin: 50px 0; }

.brand-img { background: var(--color-white); height: 116px; border-radius: 30px; padding: 10px; display: flex; align-items: center; justify-content: center; }
.brand-img img { max-height: 72px; }

.brand-slider .slick-prev, .team-slider .slick-prev { left: -123px; }
.brand-slider .slick-next, .team-slider .slick-next { right: -123px; }

.slick-list { margin: 0 -12px; }
.slick-slide { margin: 0 12px; }

.slick-arrow { background: var(--color-white); width: 73px; height: 73px; z-index: 1; display: flex; align-items: center; justify-content: center; border: 2px solid var(--color-body); border-radius: 50%; font-size: 0; transition: var(--common-transition); }
.slick-arrow:hover, .slick-arrow:focus { border: 2px solid var(--color-pink); background: var(--color-white); }
.slick-arrow:hover::before { filter: none; }
.slick-arrow::before { content: ""; position: absolute; opacity: 1; width: 20px; height: 21px; font-size: 0; display: block; background-repeat: no-repeat; background-position: center; filter: invert(0) brightness(0); }
.slick-prev::before { background-image: url(../../images/prev-arrow.svg); }
.slick-next::before { background-image: url(../../images/next-arrow.svg); }

.testimonial-slider { padding-bottom: 100px; }
.testimonial-slider .slick-arrow { top: inherit; bottom: -36px; }
.testimonial-slider .slick-prev { left: calc(50% - 70px); }
.testimonial-slider .slick-next { right: calc(50% - 100px); }

.testimonial-sec { overflow: hidden; }
.testimonial-sec .sec-content-wrapper, .meet-team-sec .sec-content-wrapper { width: 100%; max-width: 966px; margin: 0 auto; }

.testimonial-item { background: #F3F3F3; border-radius: 20px; padding: 80px 40px 60px; }
.testimonial-item p { font-size: 28px; font-style: italic; }

.testimonial-meta-wrap { display: flex; align-items: center; }

.meta-img { width: 79px; height: 79px; }
.meta-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

.meta-data { margin-left: 16px; }
.meta-data h5 { margin: 0 0 8px; }
.meta-data h6 { margin: 0; }

.meet-team-sec { background: linear-gradient(258.92deg, #E76862 0%, #4408F4 99.71%); }
.meet-team-sec .sec-content-wrapper h2 { color: var(--color-white); }
.meet-team-sec .sec-shape { margin-top: -350px; }

.team-slider .slick-track { display: flex; }
.team-slider .slick-list { padding-top: 78px; padding-bottom: 20px; }

.team-slide-item { background: var(--color-white); box-shadow: 0px 10px 15px 0px #00000014; border-radius: 30px; padding: 0 30px 30px; text-align: center; height: auto; }

.team-img { width: 157px; height: 157px; border-radius: 50%; border: 5px solid #B8A1FC; margin: -78px auto 20px; }
.team-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

.team-slide-item h3 { margin-bottom: 10px; }
.team-slide-item h6 { border-bottom: 1px solid rgb(0 0 0 / 20%); padding-bottom: 20px; margin-bottom: 20px; }
.team-slide-item h5 { margin-bottom: 20px; }
.team-slide-item p { margin: 0; }

.ready-to-shop-sec .sec-content-wrapper { padding-left: 30px; }
.ready-to-shop-sec .sec-content-wrapper a.btn { margin-bottom: 30px; }
.ready-to-shop-sec .sec-content-wrapper p a { color: var(--color-orange); font-weight: 600; text-decoration: underline; }

.our-location-sec { background: #FF9A95; }

.location-wrap { background: var(--color-white); box-shadow: 0px 10px 30px 0px #00000014; border-radius: 30px; padding: 30px; height: 100%; }
.location-wrap h5 { margin: 0 0 15px; }
.location-wrap p { margin: 0; }

/* ======== Homepage ======== */

/* ======== login and sign up page ======== */

.login-content-hold { margin-top: -135px; }
.login-content-hold .login-wrapper { width: 100%; max-width: 646px; }

.login-wrapper .logo { width: 199px; display: block; margin: 0 0 30px; }
.login-wrapper h1 { width: 100%; max-width: 550px; margin: 0 0 60px; } .login-wrapper .form-group.text-end { margin-top: -20px; }

.sign-up p a { font-weight: 600; color: var(--color-orange); }

.ftr-btm { padding: 0 50px; }

.login-register-sec { position: relative; z-index: 1; overflow: hidden; }
.login-register-sec::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../../images/form-layer-shape.svg) no-repeat left top / 100%; width: 636px; height: 747px; z-index: -1; }

.step-forms { margin-bottom: 50px; }
.step-forms ul { list-style: none; padding: 0; margin: -10px; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; }
.step-forms ul li { padding: 10px; }
.step-forms .steps-wrap span { width: 40px; height: 40px; background: #8DEFC6; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 500; margin: 0 auto 10px; }
.step-forms .steps-wrap p { margin: 0; font-size: 16px; color: var(--color-black-primary); font-weight: 500; }
.steps-wrap:not(.active) { opacity: 0.3; }

/* ======== login and sign up page ======== */

/* ======== Shipping rates page ======== */

.banner-price-btns { display: flex; flex-wrap: wrap; }
.banner-price-btns a { background: var(--color-white); border-radius: 100px; padding: 15px 30px; color: var(--color-orange); font-weight: 600; margin: 0 15px 15px 0; }

.estimate-cost-sec { background: linear-gradient(180deg, rgba(199, 241, 255, 0) 0%, #C7F1FF 60.39%); }
.estimate-cost-sec .sec-content-wrapper { width: 100%; max-width: 860px; margin: 0 auto; }

.shipping-calculation-wrapper { background: var(--color-white); box-shadow: 0px 10px 30px 0px #00000014; border-radius: 30px; padding: 50px; }
.shipping-calculation-wrapper h3 { text-align: center; }
.shipping-calculation-wrapper input.btn { width: 100%; background-position: calc(50% + 70px) center; }
.shipping-calculation-wrapper input.btn:hover { background-position: calc(50% + 80px) center; }

.membership-plan-sec, .processed-work-sec { background: linear-gradient(258.92deg, #E76862 0%, #4408F4 99.71%); }
.membership-plan-sec .sec-shape, .processed-work-sec .sec-shape { margin-top: -333px; }
.membership-plan-sec .sec-content-wrapper { width: 100%; max-width: 1180px; margin: 0 auto; }
.membership-plan-sec .sec-content-wrapper h2 { color: var(--color-white); }

.membership-plan-wrap { background: var(--color-white); box-shadow: 0px 10px 30px 0px #00000014; border-radius: 30px; padding: 50px 30px; position: relative; }
.membership-plan-wrap .img-wrap { width: 180px; margin: 0 auto 40px; }
.membership-plan-wrap .img-wrap img { width: 100%; }
.membership-plan-wrap ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-between; }
.membership-plan-wrap ul li { font-size: 16px; color: var(--color-grey); }
.membership-plan-wrap ul li b, .membership-plan-cnt p b { font-weight: 700; }

.membership-plan-cnt { width: 100%; max-width: 534px; }

.img-hold { text-align: right; }

.mdl-shape { margin-bottom: 30px; }

.group-yard-offer-sec { background: var(--color-pink); }
.group-yard-offer-sec .sec-content-wrapper { width: 100%; max-width: 1100px; margin: 0 auto; }

.group-yard-table-wrap { background: var(--color-white); box-shadow: 0px 10px 30px 0px #00000014; border-radius: 30px; padding: 0 30px; }

.table th, .table td { padding: 30px 0; }
.table thead tr th, .table tr:last-child td { border-bottom: 0; }
.table tr th:first-child { padding-left: 30px; border-radius: 30px 0 0 0; }
.table tr th:last-child { border-radius: 0 30px 0 0; }
.table tr:last-child td:first-child { border-radius: 0 0 0 30px; }
.table tr:last-child td:last-child { border-radius: 0 0 30px 0; }
.table th:not(:first-child), .table tr td:not(:first-child) { text-align: center; }

.perfect-plan-sec .sec-content-wrapper { width: 100%; max-width: 860px; margin: 0 auto; }
.perfect-plan-sec .group-yard-table-wrap { padding: 0; }
.perfect-plan-sec .group-yard-table-wrap .table thead tr th { background: #FF9A95; }
.perfect-plan-sec .group-yard-table-wrap .table tr td:first-child { padding-left: 30px; }

.processed-work-sec .sec-content-wrapper { width: 100%; max-width: 966px; margin: 0 auto 110px; }
.processed-work-sec .sec-content-wrapper h2, .processed-work-sec .sec-content-wrapper p { color: var(--color-white); }

.process-card { background: var(--color-white); box-shadow: 0px 10px 30px 0px #00000014; border-radius: 30px; padding: 1px 30px 30px; text-align: center; position: relative; height: 100%; }

.process-ic { width: 157px; height: 157px; background: var(--color-white); border: 20px solid #B8A1FC; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: -79px auto 30px; }

.process-card p, .process-btm-cnt p { margin: 0; }

.process-btm-cnt { width: 100%; max-width: 1175px; margin: 50px auto 0; text-align: center; position: relative; }

/* ======== Shipping rates page ======== */

/* ======== Sign up plan page ======== */

.sign-up-plan-wrap h1 { width: 100%; max-width: 600px; }

.sign-up-plan-table { padding: 0 !important; }
.sign-up-plan-table table th { background: var(--color-orange); color: var(--color-white); font-size: 30px; }
.sign-up-plan-table table tr td:first-child { padding-left: 30px; }
.sign-up-plan-table table tr td i { color: var(--color-orange); font-size: 24px; }
.sign-up-plan-table table tr:first-child td { font-weight: 700; }
.sign-up-plan-table table tr td p { margin-bottom: 10px; }
.sign-up-wrap label { display: block; margin-bottom: 15px; min-height: 30px; }
.sign-up-wrap label span { color: var(--color-orange); font-size: 26px; }

.sign-up-plan-table table th { font-size: 24px; }

/* ======== Sign up plan page ======== */

/* ======== footer ======== */

footer { color: #000; }

.ftr-lt p { margin: 0; }

.ftr-logo { width: 289px; display: block; margin: 0 0 40px; }
.ftr-logo img { width: 100%; }

.ftr-menu ul { list-style: none; padding: 0; margin: 0; }
.ftr-menu ul li:not(:last-child) { margin: 0 0 15px; }
.ftr-menu ul li a:hover { color: var(--color-orange); }

.ftr-menu.social ul li a { transition: var(--common-transition); }
.ftr-menu.social ul li i { width: 36px; height: 36px; background: #ECE9E3; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 15px; color: var(--color-orange); font-size: 16px; transition: var(--common-transition); }
.ftr-menu.social ul li a:hover i { background: var(--color-orange); color: var(--color-white); }

/* ======== footer ======== */

body.modal-open { padding: 0 !important; }

.modal-header { border: 0; padding: 0; }

.modal-body { padding: 40px 30px; }
.modal-body h3 { text-align: center; }

.btn-close { position: absolute; top: -10px; right: -10px; background-color: var(--color-white); box-shadow: 0 0 2px 1px #0000007a; opacity: 1; border-radius: 50%; padding: 14px !important; z-index: 99; }

/* ======== loader ======== */

/* Overlay Styles */

.overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(16, 16, 16, 0.7); /* optional: adjust opacity */ display: flex; align-items: center; justify-content: center; z-index: 9999; }

/* Loader Styles */

.loader { width: 50px; --b: 8px; aspect-ratio: 1; border-radius: 50%; padding: 1px; background: conic-gradient(#0000 10%, #E76862) content-box; -webkit-mask: repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg), radial-gradient(farthest-side, #0000 calc(100% - var(--b) - 1px), #000 calc(100% - var(--b))); -webkit-mask-composite: destination-in; mask-composite: intersect; animation: l4 1s infinite steps(10); }
.loader::before, .loader::after { content: ""; grid-area: 1/1; margin: 2px; border: inherit; border-radius: 50%; animation: l15 2s infinite; }
.loader::after { margin: 8px; animation-duration: 3s; }


@keyframes l4 {
    to {
        transform: rotate(1turn)
    }
}

.hidden { display: none !important; }

@keyframes l15 {
    100% {
        transform: rotate(1turn);
    }
}

/* ======== loader ======== */

/* ======== cookie-police ======== */

.fixed-cookies-wrap { display: none; }
.fixed-cookies-wrap { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; background: #fff; z-index: 9; text-align: center; padding: 15px 0; -webkit-box-shadow: 5px 5px 19px 12px rgba(242, 242, 242, 1); -moz-box-shadow: 5px 5px 19px 12px rgba(242, 242, 242, 1); box-shadow: 5px 5px 19px 12px rgba(242, 242, 242, 1); }
.fixed-cookies-wrap h3 { font-size: 23px; }

.fixed-cookies-wrap a.btn { margin: 0 5px; }

a.close-icon { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; background: #E76862; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; }

a.close-icon svg.svg-inline--fa { color: var(--color-white) !important; }

/* ======== cookie-police ======== */

.form-check-custom label input[type="checkbox"] { padding: 0; height: auto; width: 12px; margin: -2px 5px 0 0; }
.form-check-custom label { display: flex; margin-bottom: 30px; font-size: 16px; }

/* -- Body Adjustment -- */

@media only screen and (min-width: 1799px) {

    .container-xl { max-width: 1630px; }

}

@media only screen and (max-width:1699px) {

    /* .scroll-wrap-holder .container { max-width: 1140px; } */

    .scroll-abs.three img { width: 85%; }

    .team-slider .slick-list { padding-bottom: 100px; }

    .membership-plan-sec .sec-shape, .processed-work-sec .sec-shape { margin-top: -293px; }

}

@media only screen and (max-width:1599px) {

    :root {
        --f-size-XXXL: 50px;
        --f-size-XXL: 42px;
        --f-size-Body: 16px;
    }

    .btn, a.btn { padding: 18px 35px; font-size: 16px; }

    .srch-ic { margin-right: 10px; }

    .main-menu ul li { margin-right: 25px; }

    .hdr-wrap .logo a { width: 180px; }

    .banner-content { max-width: 580px; }

    .banner-btm-img img { width: 90px; }

    .slick-arrow { width: 60px; height: 60px; }

    .brand-slider .slick-prev, .team-slider .slick-prev { left: -40px; }
    .brand-slider .slick-next, .team-slider .slick-next { right: -40px; }

    .testimonial-slider .slick-prev { left: calc(50% - 60px); }
    .testimonial-slider .slick-next { right: calc(50% - 80px); }

    .group-yard-offer-sec .sec-content-wrapper { max-width: 950px; }

}

@media only screen and (max-width:1399px) {

    :root {
        --f-size-XXXL: 50px;
        --f-size-XXL: 42px;
        --f-size-XL: 30px;
        --f-size-L: 26px;
        --f-size-Body: 16px;
    }

    .btn, a.btn { padding: 16px 30px; font-size: 16px; }

    .hdr-wrap .logo a { width: 150px; }

    .main-menu ul li { margin-right: 15px; }

    header .btn-wrap .btn, header .btn-wrap a.btn { padding: 16px 25px; }

    .header-sticky .hdr-wrap .logo a { width: 120px; }

    .banner-sec .sec-shape { margin-top: -120px; }

    .scroll-content { max-width: 400px; }

    .location-wrap { border-radius: 25px; padding: 20px; }

    .brand-img { border-radius: 20px; }

    .brand-slider .slick-prev, .team-slider .slick-prev { left: -35px; }

    .brand-slider .slick-next, .team-slider .slick-next { right: -35px; }

    .membership-plan-sec .sec-shape { margin-top: -245px; }

    .scroll-animated-wrap:nth-of-type(5) .scroll-img { zoom: 0.86; }

}

@media only screen and (max-width:1199px) {

    :root {
        --f-size-XXXL: 40px;
        --f-size-XXL: 36px;
        --f-size-XL: 28px;
        --f-size-L: 26px;
        --f-size-Body: 16px;
    }

    h1, h2, h3, h4, h5, h6, p { margin: 0 0 20px; }

    .main-header { padding: 15px 0; }

    .main-menu { position: absolute; left: inherit; left: 0; right: 0; top: 0; z-index: 999; width: 100%; margin: 0 auto; background-color: var(--color-black-primary); padding: 60px 30px; display: block; overflow: auto; display: none; height: 100vh; }
    .main-menu>ul { flex-direction: column; }
    .main-menu>ul li { width: 100%; text-align: center; margin: 15px 0; }
    .main-menu ul li:not(:last-child) { margin-right: 0; }
    .main-menu>ul>li a { display: block; color: var(--color-white); }
    .main-menu ul li.current-menu-item a, .main-menu ul li:hover a { color: var(--color-white); }

    .hdr-rt ul li a { color: var(--color-white); padding: 10px; }

    .srch-btn { margin-right: 15px; }

    .nav_btn { display: block; cursor: pointer; position: relative; margin-left: 20px; width: 30px; height: 20px; z-index: 999; }
    .nav_btn::before { content: ""; position: absolute; width: 100%; height: 2px; background: var(--color-body); top: 0; right: 0; transition: ease-in-out 0.4s; }
    .nav_btn span { width: 100%; height: 2px; background: var(--color-body); display: block; position: absolute; top: 50%; transform: translateY(-50%); }
    .nav_btn::after { content: ""; position: absolute; width: 100%; height: 2px; background: var(--color-body); right: 0; bottom: 0; transition: ease-in-out 0.4s; }
    .nav_btn.sidebar_active span { display: none; }
    .nav_btn.sidebar_active::after { transform: rotate(45deg); bottom: 9px; background: var(--color-white); }
    .nav_btn.sidebar_active::before { transform: rotate(135deg); top: 9px; background: var(--color-white); }

    .banner-content { max-width: 420px; }

    .banner-btm-content { margin-top: 20px; padding: 6px; }
    .banner-btm-img img { width: 70px; }

    .banner-sec .sec-shape { margin-top: -70px; }

    .btn, a.btn, header .btn-wrap .btn, header .btn-wrap a.btn { padding: 14px 25px; }

    .create-group-yard-sec .sec-content-wrapper, .how-it-work-sec .sec-ttl-cnt { max-width: 700px; }

    .scroll-wrap-holder .container { max-width: 700px; }

    .scroll-animated-wrap { padding-top: 60px; padding-bottom: 60px; }

    .scroll-abs img { height: 160px; }
    .scroll-abs.three img { width: 100%; height: 260px; }

    .float-package { width: 100px; }

    .scroll-above { right: 19px; bottom: 35px; width: 83px; }
    .scroll-above-frame { width: 140px; right: -38px; }
    .scroll-abs.five { bottom: 27px; width: 80px; right: -60px; }

    .scroll-animated-wrap:nth-of-type(5) .scroll-img { zoom: normal; width: 280px; }

    .slick-arrow { width: 50px; height: 50px; }

    .testimonial-slider .slick-prev { left: calc(50% - 50px); }
    .testimonial-slider .slick-next { right: calc(50% - 70px); }
    .testimonial-item p { font-size: 22px; }

    .login-wrapper h1 { margin: 0 0 30px; }

    .membership-plan-sec .sec-shape { margin-top: -185px; }

    .sign-up-plan-wrap h1 {max-width: 380px;}

    .sign-up-plan-table table tr td:last-child { padding-right: 10px; }
    .sign-up-plan-table table tr td:first-child { padding-left: 10px; }

    .sign-up-wrap label span {font-size: 22px;}

}

@media only screen and (max-width:991px) {

    .banner-sec .sec-shape { margin-top: -140px; }

    .banner-content { max-width: 95%; margin: 0 auto 40px; }

    .banner-img { text-align: center; }
    .banner-img img { max-width: 95%; }

    .create-group-yard-sec .sec-content-wrapper .img-wrap img { width: 70%; }

    .scroll-content { max-width: 210px; }
    .scroll-content h3 { font-size: 20px; }

    .float-package { width: 90px; }

    .top-brand-sec .container { padding-top: 60px; }

    .common-padding { padding-top: 60px; padding-bottom: 60px; }
    .padding-top { padding-top: 60px; }
    .padding-bottom { padding-bottom: 60px; }

    .brand-slider .slick-prev, .team-slider .slick-prev { left: -30px; }
    .brand-slider .slick-next, .team-slider .slick-next { right: -30px; }

    .testimonial-item { padding: 30px; }
    .testimonial-slider { padding-bottom: 60px; }

    .meet-team-sec .sec-shape { margin-top: -230px; }

    .ready-to-shop-sec .sec-content-wrapper { padding: 30px 0 0 0; }

    .ready-to-shop-img { margin: 0 auto 30px; text-align: center; }
    .ready-to-shop-img img { width: 85%; }

    .our-location-sec .row { justify-content: center; }
    .our-location-sec .col-lg-4 { margin-top: 24px; }
    .our-location-sec .sec-content-wrapper h2 { margin: 0; }

    .login-content-hold { margin-top: -50px; }
    .login-content-hold .login-wrapper { max-width: 100%; }

    .estimate-cost-sec { padding-top: 90px; }

    .membership-plan-sec .row { justify-content: center; }
    .membership-plan-sec .sec-shape { margin-top: -120px; }

    .membership-plan-wrap { margin-top: 24px; }

    .group-yard-offer-sec .container { padding-top: 60px; }

    .process-ic { width: 120px; height: 120px; border-width: 10px; margin: -60px auto 30px; }

    .processed-work-sec .col-lg-3 { margin-bottom: 83px; }
    .processed-work-sec .sec-shape { margin-top: 0; }

    .process-btm-cnt { margin: 0 auto; }
    .process-btm-cnt p { color: var(--color-white); }

    label { font-size: 16px; }

    footer.common-padding { padding-bottom: 36px; }

    .ftr-menu { margin-bottom: 24px; }

    .ftr-logo { width: 200px; margin: 0 0 20px; }

    .ftr-btm { padding-top: 20px; }

    .sign-up-wrap label {min-height: auto;}
    .sign-up-wrap label span {font-size: 18px;}

}

@media only screen and (max-width:767px) {

    :root {
        --f-size-XXXL: 30px;
        --f-size-XXL: 28px;
        --f-size-XL: 26px;
        --f-size-L: 24px;
        --f-size-M: 22px;
        --f-size-Body: 16px;
    }

    .container { width: 95%; }

    header .btn-wrap { display: none; }

    .main-header .container-fluid { padding: 0 24px; }

    .main-menu ul li.btn { display: inline-block; width: auto; padding: 14px 50px 14px 30px; }

    .srch-btn { margin-right: 0; }

    .banner-sec { padding: 60px 0 0; }
    .banner-sec .sec-shape { margin-top: -60px; }

    .create-group-yard-sec .sec-content-wrapper .img-wrap { margin-top: 70px; }
    .create-group-yard-sec .sec-content-wrapper .img-wrap img { width: 100%; }

    .float-package { z-index: 2; }

    .scroll-content { padding-top: 20px; }
    .scroll-content h3 { font-size: 20px; }

    .scroll-animated-wrap:nth-of-type(5) .scroll-img { width: 320px; }
    .scroll-above { width: 95px; bottom: 39px; right: 10px; }
    .scroll-above-frame { width: 160px; right: -49px; bottom: 38px; }
    .scroll-abs.five { bottom: 39px; width: 110px; }

    .slick-arrow { width: 40px; height: 40px; top: inherit; bottom: -36px; }
    .slick-arrow::before { background-size: 16px; }

    .brand-slider { padding-bottom: 60px; }
    .brand-slider .slick-prev, .team-slider .slick-prev, .testimonial-slider .slick-prev { left: calc(50% - 40px); }
    .brand-slider .slick-next, .team-slider .slick-next, .testimonial-slider .slick-next { right: calc(50% - 50px); }

    .ready-to-shop-sec { padding-top: 214px; }

    .team-slider .slick-list { padding-bottom: 80px; }

    .testimonial-item { padding: 20px; border-radius: 15px; }
    .testimonial-item p { font-size: 20px; }

    .login-content-hold { margin-top: 0; }

    .login-wrapper .logo { width: 150px; }
    .login-wrapper .form-group.text-end { margin-top: -10px; }


    textarea, select, .form-control, input { margin-bottom: 20px; }

    .shipping-calculation-wrapper { padding: 40px 20px; border-radius: 15px; }

    .membership-plan-wrap { padding: 40px 20px; border-radius: 15px; }
    .membership-plan-sec .sec-shape { margin-top: -60px; }
    .membership-btm-plan-sec .row { flex-direction: column-reverse; }
    .membership-btm-plan-sec .row .col-lg-12 { order: 1; }

    .img-hold { text-align: center; margin-bottom: 20px; }

    .group-yard-table-wrap { padding: 0 20px; border-radius: 15px; }

    .table tr th:last-child { border-radius: 0 15px 0 0; }
    .table tr:last-child td:first-child { border-radius: 0 0 0 15px; }
    .table tr th:first-child { padding-left: 20px; border-radius: 15px 0 0 0; }
    .table th, .table td { padding: 20px 0; }

    .perfect-plan-sec .group-yard-table-wrap .table tr td:first-child { padding-left: 20px; }

    .group-yard-table-wrap { overflow-x: auto; }
    .group-yard-table-wrap table { width: 700px; }

    .process-btm-cnt { margin: -40px auto 20px; }

    .ready-to-shop-sec { padding-top: 60px; }

    footer.common-padding { padding-bottom: 60px; }

    .ftr-menu { margin: 24px 0 0; }

    .btn-close { right: 5px; }

    .modal-body { padding: 40px 20px; }

    .step-forms ul { justify-content: center; }

    .ftr-btm { padding: 20px 20px 0; }
}

@media only screen and (max-width:379px) {

    .scroll-abs img { height: 130px; }
    .scroll-abs.three img { height: 210px; }
    .scroll-abs.five img { height: 150px; }
    .scroll-above { bottom: 46px; width: 28%; }

}