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

body {
    font-family: "Poppins", sans-serif;
}

:root {
    --white: #ffffff;
    --black: #222328;
    --gray-2: #8c94b0;
    --blue: #4260cb;
}

.gradient-text {
    background: -webkit-linear-gradient(326deg, #467efe 40.83%, #7ed7fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

main {
    overflow: hidden;
    width: 100%;
    margin: auto;
    /* max-width: 2240px; */
}

.index-2 {
    position: relative;
    z-index: 2;
}

.password-field {
    position: relative;
}

.hide-pass-icon {
    position: absolute;
    top: 14px;
    right: 20px;
    cursor: pointer;
}

.show-pass-icon {
    position: absolute;
    top: 17px;
    right: 20px;
    cursor: pointer;
}


/* custome-select */

.custome-select .select2 {
    width: 100%;
}


/* Navbar CSS */

.top-nav {
    display: flex;
    margin-right: -70px;
    align-items: center;
    justify-content: flex-end;
}

.offcanvas-title img {
    max-width: 150px;
}

.tab-nav,
.nav-number-2 {
    display: none !important;
}

.navbar-brand {
    margin-top: -50px;
}

.nav-number {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    color: var(--white);
}

.nav-number-2:hover {
    color: var(--blue);
}

.nav-number:hover {
    color: var(--white);
    opacity: .9;
}

.nav-number-2:hover img,
.nav-icon-bg:hover img,
.nav-number:hover img {
    animation: bellshake .5s cubic-bezier(.36, .07, .19, .97)
}

.nav-link:hover .nav-dropdown {
    display: block !important;
}

.nav-dropdown {
    padding: 10px 0px 10px;
    margin-top: 0px !important;
    border-radius: 20px;
    background: var(--white);
    border: none;
    box-shadow: 0px 64px 250px 0px #00000040;
    --bs-min-width: 480px;
    --bs-half-width: var(--bs-min-width) / 2;
    --bs-min-width-negative: calc(var(--bs-half-width) * -1);
    min-width: var(--bs-min-width);
    left: unset !important;
    right: calc(50% + var(--bs-min-width-negative)) !important;
    margin: auto;
}

@keyframes bellshake {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(15deg);
    }

    30% {
        transform: rotate(-15deg);
    }

    45% {
        transform: rotate(10deg);
    }

    60% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(5deg);
    }

    85% {
        transform: rotate(-5deg);
    }

    92% {
        transform: rotate(3deg);
    }

    100% {
        transform: rotate(0);
    }
}

.nav-dropdown.show {
    animation: scale-up-ver-top 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@keyframes scale-up-ver-top {
    0% {
        -webkit-transform: scaleY(.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: top;
        transform-origin: top;
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

.category-dropdown .nav-dropdown .dropdown-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-bottom: 1px solid #E7E7E7;
    padding: 20px 40px;
}

.category-dropdown .nav-dropdown .dropdown-item img {
    max-width: 32px;
    object-fit: contain;
    margin-top: 5px;
}

.category-dropdown.nav-dropdown .dropdown-item h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    color: var(--black);
    margin-bottom: 5px;
}

.category-dropdown .nav-dropdown .dropdown-item p {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: var(--gray-2);
    max-width: 360px;
    margin-bottom: 0;
    text-wrap: wrap;
    white-space: normal;
}

.nav-dropdown .dropdown-item:hover,
.nav-dropdown .dropdown-item:active {
    background: transparent;
}

.virtual-nav {
    background: rgb(255, 255, 255, 0.1);
    padding: 12px 0 0;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
    max-width: 1620px;
    width: calc(100vw - 300px);
    margin: auto;
}

.navbar-toggler {
    border: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-nav .nav-link {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    color: var(--white);
    padding: 12px 20px 15px;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.9);
}

.dropdown:has(.dropdown-menu.show)>.nav-link::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--white);
    border-radius: 5px;
}

.nav-icon-bg {
    background-color: var(--white);
    border-radius: 100%;
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.title-section {
    padding-bottom: 200px;
}


/* Texts */

.home-title {
    font-size: 52px;
    font-weight: 700;
    line-height: 62px;
    letter-spacing: 0em;
    text-align: center;
    max-width: 939px;
    margin: 97px auto 15px;
    color: var(--white);
}

.home-sub-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    max-width: 698px;
    text-align: center;
    color: var(--white);
    margin: 0 auto 50px;
}

.head-title {
    font-size: 52px;
    font-weight: 700;
    line-height: 62px;
    text-align: center;
    color: var(--white);
    margin-top: 35px;
    margin-bottom: 20px;
}


/* Blue btn */

.btn-blue {
    color: var(--white);
    border-radius: 30px;
    height: 55px;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    background: var(--blue);
    min-width: 220px;
    display: flex;
    align-items: center;
    border: 1px solid var(--blue) !important;
    justify-content: center;
}

.btn-blue:hover {
    color: var(--blue);
    background-color: transparent;
}


/* Search Btn */

.search-btn {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: -0.183px;
    color: var(--white) !important;
    border: 2px solid var(--blue) !important;
    background-color: var(--blue) !important;
    border-radius: 30px;
    padding: 14px 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-section .search-btn {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0em;
    text-wrap: nowrap;
    color: var(--white) !important;
    border: 2px solid var(--blue) !important;
    background-color: var(--blue) !important;
    border-radius: 30px;
    min-width: 243px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-btn img {
    width: 21px;
}


/* Number Card */

.number-card {
    padding-top: 20px;
    border-radius: 10px;
    background: var(--white);
    margin-bottom: 30px;
    border: 1px solid transparent;
    position: relative;
}

.number-card:hover {
    box-shadow: 0px 14px 84px 0px #00000026;
    border: 1px solid #FFFFFF
}

.number-card .card-code-price {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 10px;
    align-items: center;
}

.number-card .card-code {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
    color: var(--black);
}

.card-number-price {
    padding: 0 20px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.number-card .card-old-price {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    color: var(--gray-2);
}

.number-card .card-price,
.number-card .card-number {
    font-size: 28px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 0;
    color: var(--black);
}

.number-card hr {
    border-color: #DDDDDD;
    margin: 0;
    opacity: 1;
}

.number-card .card-location {
    display: flex;
    padding: 15px 20px 18px;
    height: 77px;
}

.card-location p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0;
    color: var(--black);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-location img {
    height: fit-content;
    margin-right: 7px;
    margin-top: 2px;
}

.card-btns {
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
    padding: 10px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.card-btn-white {
    box-shadow: 0px 4px 54px 0px #00000012;
    border-radius: 30px;
    background-color: var(--white) !important;
    color: var(--black) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    height: 50px;
    line-height: 22px;
    border: 1px solid var(--white) !important;
}

.card-btn-trans {
    border-radius: 30px;
    color: var(--white) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    height: 50px;
    line-height: 22px;
    border: 1px solid var(--white) !important;
}

.card-btn-trans:hover {
    background-color: var(--white) !important;
    color: #467EFE !important;
}

.ext-btn-show {
    position: absolute;
    top: calc(100% - 10px);
    left: 0;
    right: 0;
    padding: 5px 20px 5px;
    z-index: 99;
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.number-card:hover .ext-btn-show {
    border-bottom: 3px solid #FFF;
    box-shadow: 0px 55px 84px 0px #00000026;
}

.this-other-button {
    margin: 10px 0 5px;
}


/* Search */

.filter-search {
    position: relative;
}

.filter-search .form-control {
    border-radius: 30px;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    color: var(--blue);
    padding: 13px 13px 13px 51px;
    margin-bottom: 10px;
}

.filter-search::before {
    content: "";
    background: url(../images/icons/gray-search-icon.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 20px;
    width: 20px;
    height: 20px;
}

.multi-stage-filter-search {
    display: flex;
    gap: 10px;
}

.multi-stage-filter-search::before {
    content: "";
    background: url(../images/icons/gray-search-icon.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 15px 0;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 10;
}

.filter-search .form-control:focus {
    box-shadow: none;
    border-color: var(--gray-2);
    background-color: var(--white);
}

.local-dropdown .dropdown-menu {
    padding: 0;
    --bs-min-width: 1620px;
    right: 0 !important;
    left: 0 !important;
    width: fit-content;
    margin: auto !important;
    /* right: calc(-7% + var(--bs-min-width-negative)) !important; */
}

.resources .dropdown-menu {
    left: unset !important;
}

.position-unset {
    position: unset !important;
}

.local-dropdown .dropdown-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 30px;
    border-right: 1px solid #E7E7E7;
}

.local-dropdown .navdrop-perent {
    display: flex;
}

.local-dropdown .dropdown-item h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    color: var(--black);
    margin-bottom: 5px;
}

.local-dropdown .dropdown-item p {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: var(--gray-2);
    margin-bottom: 20px;
    max-width: 440px;
    text-wrap: wrap;
    white-space: normal;
}

.local-dropdown .icon {
    margin-top: 6px;
}

.local-dropdown .dropdown-item a {
    display: flex;
    gap: 10px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    color: var(--blue);
    border: 1px solid #E7E7E7;
    border-radius: 30px;
    padding: 16px 30px 17px;
    width: fit-content;
}

.local-dropdown .dropdown-item a:hover {
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
    color: #fff;
}

.local-dropdown .dropdown-item a:hover img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(59deg) brightness(106%) contrast(352%);
}

.btn-tool-tip i {
    background: -webkit-linear-gradient(326deg, #467efe 40.83%, #7ed7fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* new */

.btn-tool-tip {
    padding: 0 0 0 20px;
    margin-bottom: 20px;
    border: none;
    position: relative;
    font-size: 20px;
}

.btn-tool-tip::before {
    content: attr(data-tooltip);
    padding: 8px 16px;
    color: var(--blue);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    white-space: pre;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    text-align: center;
    z-index: 998;
    position: absolute;
    cursor: default;
    opacity: 0;
    background-color: #fff;
    pointer-events: none;
    transition: all ease-out 0.15s;
    box-shadow: none;
    left: calc(100% + 8px + 4px);
    transform: translateY(-50%);
    top: 50%;
    margin-left: -4px;
}

.btn-tool-tip::after {
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid transparent;
    border-left-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.2);
    z-index: 999;
    position: absolute;
    cursor: default;
    opacity: 0;
    background-color: #fff;
    pointer-events: none;
    transition: all ease-out 0.15s;
    box-shadow: none;
    left: calc(100% + 3px + 4px);
    transform: translateY(-50%) rotate(-315deg);
    top: 50%;
    margin-left: -4px;
}

.btn-tool-tip:hover:before,
.btn-tool-tip:hover:after {
    opacity: 1;
    margin: 0;
}

.btn-tool-tip i {
    background: -webkit-linear-gradient(326deg, #467efe 40.83%, #7ed7fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.h-fitt {
    height: fit-content !important;
}

.footer-list {
    cursor: pointer;
}

.nav-verticalborder {
    width: 1px;
    height: 38px;
    border-left: 1px solid #fff;
    margin: 0 14px 0 22px;
    opacity: 0.3;
}

.modal-gradient {
    background: linear-gradient(90deg, #EDF2FF 0%, #EFF9FF 100%);
    padding: 15px;
    border-radius: 20px;
}

.modal-gradient .modal-header {
    background-color: #fff;
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    padding: 20px 30px 15px 20px !important;
}

.modal-gradient .modal-header .modal-title {
    margin: 0;
}

.modal-gradient .modal-body {
    margin: 0px !important;
    background-color: #fff;
    border-bottom-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    padding: 20px 20px 30px !important;
}

.new-counter-card {
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
    border-radius: 10px;
    padding: 2px;
}

.new-counter-card .card-bg {
    border-radius: 10px;
    padding: 15px 20px 13px;
    background-color: #fff;
}

.new-counter-card .d-flex {
    justify-content: space-between;
}

.new-counter-card h1 {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 10px;
    color: #222328;
}

.new-counter-card p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #8C94B0;
    margin-bottom: 0;
}

.modal-gradient hr {
    border-top: 1px solid #E7E7E7;
    margin-top: 20px;
    margin-bottom: 20px;
}

.new-modal-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 15px;
    color: #222328;
}

.pt-100 {
    padding-top: 100px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.pb-100 {
    padding-bottom: 100px !important;
}


/* New Login CSS */

.login-btns {
    width: 332px !important;
    background-color: white;
    text-align: center;
    position: relative;
    height: 50px;
    margin-bottom: 0 !important;
    border-radius: 25px;
}

.nav-tabs {
    margin: 0;
    border: unset;
}

.login-btns>div {
    color: white;
    padding-top: 25px;
    display: block;
    position: absolute;
    transform: translateX(calc(100% - 0px));
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: calc(50%);
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
    border-radius: 25px;
    z-index: 1;
    pointer-events: none;
    transition: transform 0.3s;
}

.login-btns label {
    float: left;
    width: calc(50%);
    position: relative;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: color 0.3s;
    cursor: pointer;
}

.login-btns label input {
    position: absolute;
    visibility: hidden;
}

.login-btns label div {
    z-index: 5;
    position: absolute;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    text-align: center;
    color: #222328;
}

.selected div {
    color: #fff !important;
}

.alredy-account-text span {
    text-decoration: none;
    color: var(--blue);
    font-weight: 600;
    cursor: pointer;
}

.mb--0 {
    margin-bottom: 0 !important;
}

.btn-danger {
    color: #fff;
    background-color: #bb2d3b;
    border: 1px solid #bb2d3b;
    border-radius: 30px;
    height: 55px;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    min-width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    width: 240px;
    margin-top: 30px;
}

.btn-danger:hover {
    color: #bb2d3b;
    border: 1px solid #bb2d3b;
    background-color: #fff;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    background-color: #e5e5e5 !important;
    border-color: #e5e5e5;
    opacity: 1 !important;
}

.contactus-nav .resources-dropdown {
    right: 0 !important;
    left: unset !important;
}

.contactus-nav .nav-dropdowns a {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.contactus-nav .nav-dropdowns h5 {
    /* font-size: 19px; */
    font-weight: 600;
    line-height: normal;
    color: #222328;
    margin-bottom: 5px;
}

.contactus-nav .dropdown-item {
    padding: 20px;
    margin: 0 20px;
    border-bottom: 1px solid #E7E7E7 !important;
    width: unset;
}

.contactus-nav .dropdown-item:hover {
    background-color: #e2f1ff !important;
}

.contactus-nav li:last-child .dropdown-item {
    border-bottom: none !important;
}

.contactus-nav .nav-dropdowns p {
    /* font-size: 16px; */
    font-weight: 400;
    line-height: normal;
    color: #8C94B0;
    width: 301px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: wrap;
    margin-bottom: 0;
}

.new-checkoutbtn.disabled {
    opacity: 50% !important;
    border-color: #e7e7e7 !important;
    background-color: #f9fbfd !important;
}

.plan-work p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #8C94B0;
    margin-bottom: 15px;
}

.plan-work p a {
    text-decoration: none;
    color: #4260CB;
}

.plan-work .modal-body {
    padding: 20px 30px 30px !important;
}


/* Numbers Nav */

.numbers-nav {
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
    padding: 0;
}

.numbers-nav .nav-number {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    padding: 23px 10px !important;
}

.numbers-nav .nav-icon-bg {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.numbers-nav .nav-icon-bg img {
    max-width: 19px;
}

.audioplayer {
    border-radius: 10px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.07);
    border: unset;
    background-color: #fff;
    margin: 0 0 20px;
    height: fit-content;
    padding: 15px 20px 15px 15px;
    position: relative;
    min-height: 85px;
}

.audioplayer-playpause {
    width: 43px;
    height: 43px;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover,
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
    margin-right: 15px;
    border-color: rgba(66, 96, 203, 1);
    background-color: rgba(66, 96, 203, 1);
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    border: unset;
    width: 12px;
    margin-left: 3px;
    margin-top: 2px;
    height: 16px;
    background: url(../images/icons/video-icon.svg);
}

.audioplayer-playing .audioplayer-playpause a::before,
.audioplayer-playing .audioplayer-playpause a::after {
    background-color: rgba(66, 96, 203, 1);
}

.audioplayer-playing .audioplayer-playpause:hover,
.audioplayer-playing .audioplayer-playpause {
    border-color: rgba(66, 96, 203, 1);
    background-color: #fff;
    margin-right: 15px;
}

.audioplayer-bar-loaded {
    height: 5px;
    border-radius: 5px;
}

.audioplayer-bar-played {
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
    height: 5px;
    border-radius: 5px;
}

.audioplayer-bar::before {
    height: 5px;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-bar-played::after,
.audioplayer-playing .audioplayer-bar-played::after {
    border: 4px solid rgba(76, 193, 254, 1)
}

.audioplayer-bar-played::after {
    width: 16px;
    height: 16px;
    top: -1px;
    bottom: 0;
    right: -8px;
    margin: auto;
    border-radius: 100%;
}

.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
    top: -2px;
    width: 12px;
    height: 12px;
    border: 6px double rgba(34, 35, 40, 1);
    border-width: 6px 6px 0 0;
    transform: rotate(45deg);
}

.audioplayer-volume-button a:before {
    border-right: 9px solid rgba(34, 35, 40, 1);
}

.audioplayer-volume-button a {
    background-color: rgba(34, 35, 40, 1);
}

.audioplayer-volume-adjust>div {
    height: 5px;
    background-color: rgba(231, 231, 231, 1);
    border-radius: 5px;
    width: 80px;
}

.audioplayer-volume-adjust div div {
    height: 5px;
    background-color: rgba(34, 35, 40, 1);
    border-radius: 5px;
}

.audioplayer-bar {
    margin: 0 20px 0 0;
}

.audioplayer-time.audioplayer-time-duration,
.audioplayer-time.audioplayer-time-current {
    position: absolute;
    bottom: 10px;
    left: 70px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 0;
}

.audioplayer-time.audioplayer-time-duration {
    left: 120px;
}

.audioplayer-time.audioplayer-time-duration::before {
    content: ' / ';
}

.switch {
    position: relative;
    color: #808080;
}

.switch__input {
    position: absolute;
    top: 0;
    right: 0;
    width: 57px;
    height: 30px;
    opacity: 0;
    z-index: 0;
}

.switch__label {
    display: block;
    padding: 0 65px 0 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: rgba(34, 35, 40, 1);
}

.switch__label:before {
    content: "";
    position: absolute;
    top: -3px;
    right: 0;
    width: 57px;
    height: 30px;
    background-color: rgba(140, 148, 176, 1);
    border-radius: 14px;
    z-index: 1;
    transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.switch__label:after {
    content: "";
    position: absolute;
    top: -1px;
    right: 29px;
    width: 26px;
    height: 26px;
    border-radius: 14px;
    background-color: #fafafa;
    z-index: 2;
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: right, background-color;
}

.switch__input:checked+.switch__label:before {
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
}

.switch__input:checked+.switch__label:after {
    right: 2px;
}

.resize-none {
    resize: none;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 5px;
    border-radius: 50px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background: #dddddd;
    border-radius: 50px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background: rgba(66, 96, 203, 1);
    border-radius: 50px;
}

.gradient-switcher.switcher {
    color: rgba(140, 148, 176, 1);
}

.gradient-switcher.switcher {
    height: 60px;
    background-color: var(--white);
}

.gradient-switcher.switcher .roller {
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
}

.gradient-switcher.switcher .parts .part .active {
    color: var(--white);
}

.gradient-switcher.switcher .parts .part:nth-child(1) {
    padding-left: 8px;
}

.gradient-switcher.switcher .parts .part:nth-child(2) {
    padding-right: 8px;
}

.gradient-switcher.switcher .roller {
    border-radius: 50px;
    top: 8px;
    left: 8px;
}

.gradient-switcher.switcher .roller.active {
    left: 50%;
}

.gradient-switcher.switcher {
    width: 274px;
}

.instant-search.main-search {
    padding: 15px;
}

.instant-search .search-btn {
    display: none;
}

.instant-search .choos-states .form-control {
    border: 1px solid rgba(231, 231, 231, 1);
    padding: 15px 30px 16px;
    border: none !important;
}

.instant-search .choos-states {
    padding: 0 !important;
}

.instant-search .code-dropdown b,
.instant-search .input-dropdown b {
    left: unset;
    right: 30px;
}

.instant-search .state-search-pere {
    padding: 0;
    background-color: transparent;
}

.instant-search.main-search .search-border::before {
    content: none;
}

.instant-search.main-search .search-border {
    margin-left: 10px;
    border: 1px solid rgba(231, 231, 231, 1);
    background-color: rgba(247, 247, 247, 1);
    border-radius: 30px;
    height: 60px;
}

.instant-search .code-dropdown .form-control {
    border: 1px solid rgba(231, 231, 231, 1);
    width: 177px;
    background-color: rgba(247, 247, 247, 1);
    border-radius: 30px;
    height: 60px;
    padding: 15px 30px 16px;
}

.instant-search .code-dropdown b {
    right: 30px;
}

.instant-search .code-dropdown {
    padding: 0;
}


.instant-search .form-control::placeholder {
    color: rgba(140, 148, 176, 1) !important;
}

#code_nos {
    display: none;
}* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Poppins", sans-serif;
}

:root {
    --white: #ffffff;
    --black: #222328;
    --gray-2: #8c94b0;
    --blue: #4260cb;
}

.gradient-text {
    background: -webkit-linear-gradient(326deg, #467efe 40.83%, #7ed7fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

main {
    overflow: hidden;
    width: 100%;
    margin: auto;
    /* max-width: 140rem; */
}

.custome-section {
    /* max-width: 140rem; */
    margin: auto;
}

.index-2 {
    position: relative;
    z-index: 2;
}

.password-field {
    position: relative;
}

.hide-pass-icon {
    position: absolute;
    top: .875rem;
    right: 1.25rem;
    cursor: pointer;
}

.show-pass-icon {
    position: absolute;
    top: 1.0625rem;
    right: 1.25rem;
    cursor: pointer;
}


/* custome-select */

.custome-select .select2 {
    width: 100%;
}


/* Navbar CSS */

.top-nav {
    display: flex;
    margin-right: -4.375rem;
    align-items: center;
    justify-content: flex-end;
}

.offcanvas-title img {
    max-width: 9.375rem;
}

.tab-nav,
.nav-number-2 {
    display: none !important;
}

.navbar-brand {
    margin-top: -3.125rem;
}

.nav-number {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-decoration: none;
    color: var(--white);
}

.nav-number-2:hover {
    color: var(--blue);
}

.nav-number:hover {
    color: var(--white);
    opacity: 0.9;
}

.nav-number-2:hover img,
.nav-icon-bg:hover img,
.nav-number:hover img {
    animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

.nav-link:hover .nav-dropdown {
    display: block !important;
}

.nav-dropdown {
    padding: .625rem 0rem .625rem;
    margin-top: 0rem !important;
    border-radius: 1.25rem;
    background: var(--white);
    border: none;
    box-shadow: 0rem 4rem 15.625rem 0rem #00000040;
    --bs-min-width: 30rem;
    --bs-half-width: var(--bs-min-width) / 2;
    --bs-min-width-negative: calc(var(--bs-half-width) * -1);
    min-width: var(--bs-min-width);
    left: unset !important;
    right: calc(50% + var(--bs-min-width-negative)) !important;
    margin: auto;
}

@keyframes bellshake {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(15deg);
    }

    30% {
        transform: rotate(-15deg);
    }

    45% {
        transform: rotate(10deg);
    }

    60% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(5deg);
    }

    85% {
        transform: rotate(-5deg);
    }

    92% {
        transform: rotate(3deg);
    }

    100% {
        transform: rotate(0);
    }
}

.nav-dropdown.show {
    animation: scale-up-ver-top 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@keyframes scale-up-ver-top {
    0% {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: top;
        transform-origin: top;
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

.category-dropdown .nav-dropdown .dropdown-item {
    display: flex;
    align-items: flex-start;
    gap: .625rem;
    border-bottom: .0625rem solid #e7e7e7;
    padding: 1.25rem 2.5rem;
}

.category-dropdown .nav-dropdown .dropdown-item img {
    max-width: 2rem;
    object-fit: contain;
    margin-top: .3125rem;
}

.category-dropdown.nav-dropdown .dropdown-item h3 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    color: var(--black);
    margin-bottom: .3125rem;
}

.category-dropdown .nav-dropdown .dropdown-item p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6875rem;
    color: var(--gray-2);
    max-width: 22.5rem;
    margin-bottom: 0;
    text-wrap: wrap;
    white-space: normal;
}

.nav-dropdown .dropdown-item:hover,
.nav-dropdown .dropdown-item:active {
    background: transparent;
}

.virtual-nav {
    background: rgb(255, 255, 255, 0.1);
    padding: .75rem 0 0;
    border-bottom-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
    max-width: 101.25rem;
    width: calc(100vw - 18.75rem);
    margin: auto;
}

.virtual-nav .navbar-toggler {
    border: none;
}

.virtual-nav .navbar-toggler:focus {
    box-shadow: none;
}

.virtual-nav .navbar-navs .checkuot-dropdown {
    position: absolute !important;
}

.virtual-nav .navbar-navs {
    margin-bottom: 0;
    display: flex;
    list-style-type: none;
}

.virtual-nav .navbar-navs {
    margin-bottom: 0;
    display: flex;
    list-style-type: none;
}

.virtual-nav .numbers-nav .resources-dropdown {
    top: 3rem !important;
    right: 0 !important;
    left: unset;
}

.virtual-nav .navbar-navs .nav-link {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: 0em;
    color: var(--white);
    padding: .75rem 1.25rem .9375rem;
    position: relative;
}

.virtual-nav .nav-item.dropdown.show .nav-link::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: .3125rem;
    margin: auto;
    width: 0;
    height: 0;
    border-left: .3125rem solid transparent;
    border-right: .3125rem solid transparent;
    border-top: .375rem solid var(--white);
    border-radius: .3125rem;
}

.virtual-nav .nav-icon-bg {
    background-color: var(--white);
    border-radius: 100%;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.title-section {
    padding-bottom: 12.5rem;
}


/* Texts */

.home-title {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 3.875rem;
    letter-spacing: 0em;
    text-align: center;
    max-width: 58.6875rem;
    margin: 6.0625rem auto .9375rem;
    color: var(--white);
}

.home-sub-title {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    letter-spacing: 0em;
    max-width: 43.625rem;
    text-align: center;
    color: var(--white);
    margin: 0 auto 3.125rem;
}

.head-title {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 3.875rem;
    text-align: center;
    color: var(--white);
    margin-top: 2.1875rem;
    margin-bottom: 1.25rem;
}


/* Blue btn */

.btn-blue {
    color: var(--white);
    border-radius: 1.875rem;
    height: 3.4375rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    background: var(--blue);
    min-width: 13.75rem;
    display: flex;
    align-items: center;
    border: .0625rem solid var(--blue) !important;
    justify-content: center;
}

.btn-blue:hover {
    color: var(--blue);
    background-color: transparent;
}


/* Search Btn */

.search-btn {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4375rem;
    letter-spacing: -0.0114rem;
    color: var(--white) !important;
    border: .125rem solid var(--blue) !important;
    background-color: var(--blue) !important;
    border-radius: 1.875rem;
    padding: 0.875rem 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-section .search-btn {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    letter-spacing: 0em;
    color: var(--white) !important;
    border: 2px solid var(--blue) !important;
    background-color: var(--blue) !important;
    border-radius: 1.875rem;
    min-width: 15.1875rem;
    height: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-btn img {
    width: 1.3125rem;
}


/* Number Card */

.number-card {
    padding-top: 1.25rem;
    border-radius: .625rem;
    background: var(--white);
    margin-bottom: 1.875rem;
    border: .0625rem solid transparent;
    position: relative;
}

.number-card:hover {
    box-shadow: 0rem .875rem 5.25rem 0rem #00000026;
    border: .0625rem solid #ffffff;
}

.number-card .card-code-price {
    display: flex;
    justify-content: space-between;
    padding: 0 1.25rem .625rem;
    align-items: center;
}

.number-card .card-code {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-bottom: 0;
    color: var(--black);
}

.card-number-price {
    padding: 0 1.25rem 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.number-card .card-old-price {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 0;
    color: var(--gray-2);
}

.number-card .card-price,
.number-card .card-number {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-bottom: 0;
    color: var(--black);
}

.number-card hr {
    border-color: #dddddd;
    margin: 0;
    opacity: 1;
}

.number-card .card-location {
    display: flex;
    padding: .9375rem 1.25rem 1.125rem;
    height: 4.8125rem;
}

.card-location p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    margin-bottom: 0;
    color: var(--black);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-location img {
    height: fit-content;
    margin-right: .4375rem;
    margin-top: .125rem;
}

.card-btns {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    padding: .625rem 1.25rem;
    border-bottom-left-radius: .625rem;
    border-bottom-right-radius: .625rem;
}

.card-btn-white {
    box-shadow: 0rem .25rem 3.375rem 0rem #00000012;
    border-radius: 1.875rem;
    background-color: var(--white) !important;
    color: var(--black) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    height: 3.125rem;
    line-height: 1.375rem;
    border: .0625rem solid var(--white) !important;
}

.card-btn-trans {
    border-radius: 1.875rem;
    color: var(--white) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    height: 3.125rem;
    line-height: 1.375rem;
    border: .0625rem solid var(--white) !important;
}

.card-btn-trans:hover {
    background-color: var(--white) !important;
    color: #467efe !important;
}

.ext-btn-show {
    position: absolute;
    top: calc(100% - .625rem);
    left: 0;
    right: 0;
    padding: .3125rem 1.25rem .3125rem;
    z-index: 99;
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    border-bottom-left-radius: .625rem;
    border-bottom-right-radius: .625rem;
}

.number-card:hover .ext-btn-show {
    border-bottom: .1875rem solid #fff;
    box-shadow: 0rem 3.4375rem 5.25rem 0rem #00000026;
}

.this-other-button {
    margin: .625rem 0 .3125rem;
}


/* Search */

.filter-search {
    position: relative;
}

.filter-search .form-control {
    border-radius: 1.875rem;
    background-color: #f7f7f7;
    border: .0625rem solid #f7f7f7;
    color: var(--blue);
    padding: .8125rem .8125rem .8125rem 3.1875rem;
    margin-bottom: .625rem;
}

.filter-search::before {
    content: "";
    background: url(../images/icons/gray-search-icon.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
}

.multi-stage-filter-search {
    display: flex;
    gap: 0.625rem;
}

.multi-stage-filter-search::before {
    content: "";
    background: url(../images/icons/gray-search-icon.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0.9375rem 0;
    left: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    z-index: 10;
}

.filter-search .form-control:focus {
    box-shadow: none;
    border-color: var(--gray-2);
    background-color: var(--white);
}

.local-dropdown .dropdown-menu {
    padding: 0;
    --bs-min-width: 100%;
    right: 0 !important;
    left: 0 !important;
    width: fit-content;
    margin: auto !important;
    /* right: calc(-7% + var(--bs-min-width-negative)) !important; */
}

.position-unset {
    position: unset !important;
}

.local-dropdown .dropdown-item {
    display: flex;
    align-items: flex-start;
    gap: .625rem;
    padding: 1.875rem;
    border-right: .0625rem solid #e7e7e7;
}

.local-dropdown .navdrop-perent {
    display: flex;
}

.contactus-nav .nav-dropdowns h5,
.local-dropdown .dropdown-item h3 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    color: var(--black);
    margin-bottom: .3125rem;
}

.contactus-nav .nav-dropdowns p,
.local-dropdown .dropdown-item p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6875rem;
    color: var(--gray-2);
    margin-bottom: 1.25rem;
    max-width: 27.5rem;
    text-wrap: wrap;
    white-space: normal;
}

.contactus-nav .nav-dropdowns p {
    margin-bottom: 0;
}

.local-dropdown .icon {
    margin-top: .375rem;
}

.local-dropdown .dropdown-item a {
    display: flex;
    gap: .625rem;
    text-decoration: none;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    color: var(--blue);
    border: .0625rem solid #e7e7e7;
    border-radius: 1.875rem;
    padding: 1rem 1.875rem 1.0625rem;
    width: fit-content;
}

.local-dropdown .dropdown-item a:hover {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    color: #fff;
}

.local-dropdown .dropdown-item a:hover img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(59deg) brightness(106%) contrast(352%);
}

.btn-tool-tip i {
    background: -webkit-linear-gradient(326deg, #467efe 40.83%, #7ed7fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* new */

.btn-tool-tip {
    padding: 0 0 0 1.25rem;
    margin-bottom: 1.25rem;
    border: none;
    position: relative;
    font-size: 1.25rem;
}

.btn-tool-tip::before {
    content: attr(data-tooltip);
    padding: .5rem 1rem;
    color: var(--blue);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.375rem;
    white-space: pre;
    border-radius: .25rem;
    border: .0625rem solid rgba(0, 0, 0, 0.2);
    text-align: center;
    z-index: 998;
    position: absolute;
    cursor: default;
    opacity: 0;
    background-color: #fff;
    pointer-events: none;
    transition: all ease-out 0.15s;
    box-shadow: none;
    left: calc(100% + .5rem + .25rem);
    transform: translateY(-50%);
    top: 50%;
    margin-left: -0.25rem;
}

.btn-tool-tip::after {
    content: "";
    width: .625rem;
    height: .625rem;
    border: .0625rem solid transparent;
    border-left-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.2);
    z-index: 999;
    position: absolute;
    cursor: default;
    opacity: 0;
    background-color: #fff;
    pointer-events: none;
    transition: all ease-out 0.15s;
    box-shadow: none;
    left: calc(100% + .1875rem + .25rem);
    transform: translateY(-50%) rotate(-315deg);
    top: 50%;
    margin-left: -0.25rem;
}

.btn-tool-tip:hover:before,
.btn-tool-tip:hover:after {
    opacity: 1;
    margin: 0;
}

.btn-tool-tip i {
    background: -webkit-linear-gradient(326deg, #467efe 40.83%, #7ed7fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.h-fitt {
    height: fit-content !important;
}

.footer-list {
    cursor: pointer;
}

.nav-verticalborder {
    width: .0625rem;
    height: 2.375rem;
    border-left: .0625rem solid #fff;
    margin: 0 .875rem 0 1.375rem;
    opacity: 0.3;
}

.modal-gradient {
    background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
    padding: .9375rem;
    border-radius: 1.25rem;
}

.modal-gradient .modal-header {
    background-color: #fff;
    border-top-right-radius: 1.25rem !important;
    border-top-left-radius: 1.25rem !important;
    padding: 1.25rem 1.875rem .9375rem 1.25rem !important;
}

.modal-gradient .modal-header .modal-title {
    margin: 0;
}

.modal-gradient .modal-body {
    margin: 0rem !important;
    background-color: #fff;
    border-bottom-right-radius: 1.25rem !important;
    border-bottom-left-radius: 1.25rem !important;
    padding: 1.25rem 1.25rem 1.875rem !important;
}

.new-counter-card {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    border-radius: .625rem;
    padding: .125rem;
}

.new-counter-card .card-bg {
    border-radius: .625rem;
    padding: .9375rem 1.25rem .8125rem;
    background-color: #fff;
}

.new-counter-card .d-flex {
    justify-content: space-between;
}

.new-counter-card h1 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-bottom: .625rem;
    color: #222328;
}

.new-counter-card p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0em;
    text-align: left;
    color: #8c94b0;
    margin-bottom: 0;
}

.modal-gradient hr {
    border-top: .0625rem solid #e7e7e7;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.new-modal-text {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: .9375rem;
    color: #222328;
}

.pt-100 {
    padding-top: 6.25rem !important;
}

.mb-100 {
    margin-bottom: 6.25rem !important;
}

.pb-100 {
    padding-bottom: 6.25rem !important;
}


/* New Login CSS */

.login-btns {
    width: 20.75rem !important;
    background-color: white;
    text-align: center;
    position: relative;
    height: 3.125rem;
    margin-bottom: 0 !important;
    border-radius: 1.5625rem;
}

.nav-tabs {
    margin: 0;
    border: unset;
}

.login-btns>div {
    color: white;
    padding-top: 1.5625rem;
    display: block;
    position: absolute;
    transform: translateX(calc(100% - 0rem));
    top: 0rem;
    left: 0rem;
    bottom: 0rem;
    width: calc(50%);
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    border-radius: 1.5625rem;
    z-index: 1;
    pointer-events: none;
    transition: transform 0.3s;
}

.login-btns label {
    float: left;
    width: calc(50%);
    position: relative;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: color 0.3s;
    cursor: pointer;
}

.login-btns label input {
    position: absolute;
    visibility: hidden;
}

.login-btns label div {
    z-index: 5;
    position: absolute;
    width: 100%;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    text-align: center;
    color: #222328;
}

.selected div {
    color: #fff !important;
}

.alredy-account-text span {
    text-decoration: none;
    color: var(--blue);
    font-weight: 600;
    cursor: pointer;
}

.mb--0 {
    margin-bottom: 0 !important;
}

.btn-danger {
    color: #fff;
    background-color: #bb2d3b;
    border: .0625rem solid #bb2d3b;
    border-radius: 1.875rem;
    height: 3.4375rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    min-width: 13.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.25rem;
    width: 15rem;
    margin-top: 1.875rem;
}

.btn-danger:hover {
    color: #bb2d3b;
    border: .0625rem solid #bb2d3b;
    background-color: #fff;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    background-color: #e5e5e5 !important;
    border-color: #e5e5e5;
    opacity: 1 !important;
}

.contactus-nav .resources-dropdown {
    right: 0 !important;
    left: unset !important;
}

.contactus-nav .nav-dropdowns a {
    display: flex;
    gap: .625rem;
    align-items: flex-start;
}

.contactus-nav .dropdown-item {
    padding: 1.25rem;
    margin: 0 1.25rem;
    border-bottom: .0625rem solid #e7e7e7 !important;
    width: unset;
}

.contactus-nav .dropdown-item:hover {
    background-color: #fff !important;
}

.contactus-nav li:last-child .dropdown-item {
    border-bottom: none !important;
}

.new-checkoutbtn.disabled {
    opacity: 50% !important;
    border-color: #e7e7e7 !important;
    background-color: #f9fbfd !important;
}

.plan-work p {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.875rem;
    color: #8c94b0;
    margin-bottom: .9375rem;
}

.plan-work p a {
    text-decoration: none;
    color: #4260cb;
}

.plan-work .modal-body {
    padding: 1.25rem 1.875rem 1.875rem !important;
}


/* Numbers Nav */

.numbers-nav {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    padding: 0;
}

.numbers-nav .nav-number {
    display: flex;
    gap: .625rem;
    align-items: center;
    justify-content: center;
    padding: 1.4375rem .625rem !important;
}

.numbers-nav .nav-icon-bg {
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.numbers-nav .nav-icon-bg img {
    max-width: 1.1875rem;
}

.audioplayer {
    border-radius: .625rem;
    box-shadow: 0rem .25rem 1.5rem 0rem rgba(0, 0, 0, 0.07);
    border: unset;
    background-color: #fff;
    margin: 0 0 1.25rem;
    height: fit-content;
    padding: .9375rem 1.25rem .9375rem .9375rem;
    position: relative;
    min-height: 5.3125rem;
}

.audioplayer-playpause {
    width: 2.6875rem;
    height: 2.6875rem;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover,
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
    margin-right: .9375rem;
    border-color: rgba(66, 96, 203, 1);
    background-color: rgba(66, 96, 203, 1);
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    border: unset;
    width: .75rem;
    margin-left: .1875rem;
    margin-top: .125rem;
    height: 1rem;
    background: url(../images/icons/video-icon.svg);
}

.audioplayer-playing .audioplayer-playpause a::before,
.audioplayer-playing .audioplayer-playpause a::after {
    background-color: rgba(66, 96, 203, 1);
}

.audioplayer-playing .audioplayer-playpause:hover,
.audioplayer-playing .audioplayer-playpause {
    border-color: rgba(66, 96, 203, 1);
    background-color: #fff;
    margin-right: .9375rem;
}

.audioplayer-bar-loaded {
    height: .3125rem;
    border-radius: .3125rem;
}

.audioplayer-bar-played {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    height: .3125rem;
    border-radius: .3125rem;
}

.audioplayer-bar::before {
    height: .3125rem;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-bar-played::after,
.audioplayer-playing .audioplayer-bar-played::after {
    border: .25rem solid rgba(76, 193, 254, 1);
}

.audioplayer-bar-played::after {
    width: 1rem;
    height: 1rem;
    top: -0.0625rem;
    bottom: 0;
    right: -0.5rem;
    margin: auto;
    border-radius: 100%;
}

.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
    top: -0.125rem;
    width: .75rem;
    height: .75rem;
    border: .375rem double rgba(34, 35, 40, 1);
    border-width: .375rem .375rem 0 0;
    transform: rotate(45deg);
}

.audioplayer-volume-button a:before {
    border-right: .5625rem solid rgba(34, 35, 40, 1);
}

.audioplayer-volume-button a {
    background-color: rgba(34, 35, 40, 1);
}

.audioplayer-volume-adjust>div {
    height: .3125rem;
    background-color: rgba(231, 231, 231, 1);
    border-radius: .3125rem;
    width: 5rem;
}

.audioplayer-volume-adjust div div {
    height: .3125rem;
    background-color: rgba(34, 35, 40, 1);
    border-radius: .3125rem;
}

.audioplayer-bar {
    margin: 0 1.25rem 0 0;
}

.audioplayer-time.audioplayer-time-duration,
.audioplayer-time.audioplayer-time-current {
    position: absolute;
    bottom: .625rem;
    left: 4.375rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-left: 0;
}

.audioplayer-time.audioplayer-time-duration {
    left: 7.5rem;
}

.audioplayer-time.audioplayer-time-duration::before {
    content: " / ";
}

.switch {
    position: relative;
    color: #808080;
}

.switch__input {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.5625rem;
    height: 1.875rem;
    opacity: 0;
    z-index: 0;
}

.switch__label {
    display: block;
    padding: 0 4.0625rem 0 0;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: rgba(34, 35, 40, 1);
}

.switch__label:before {
    content: "";
    position: absolute;
    top: -0.1875rem;
    right: 0;
    width: 3.5625rem;
    height: 1.875rem;
    background-color: rgba(140, 148, 176, 1);
    border-radius: .875rem;
    z-index: 1;
    transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.switch__label:after {
    content: "";
    position: absolute;
    top: -0.0625rem;
    right: 1.8125rem;
    width: 1.625rem;
    height: 1.625rem;
    border-radius: .875rem;
    background-color: #fafafa;
    z-index: 2;
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: right, background-color;
}

.switch__input:checked+.switch__label:before {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.switch__input:checked+.switch__label:after {
    right: .125rem;
}

.resize-none {
    resize: none;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: .3125rem;
    border-radius: 3.125rem;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background: #dddddd;
    border-radius: 3.125rem;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background: rgba(66, 96, 203, 1);
    border-radius: 3.125rem;
}

.gradient-switcher.switcher {
    color: rgba(140, 148, 176, 1);
}

.gradient-switcher.switcher {
    height: 3.75rem;
    background-color: var(--white);
}

.gradient-switcher.switcher .roller {
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
}

.gradient-switcher.switcher .parts .part .active {
    color: var(--white);
}

.gradient-switcher.switcher .parts .part:nth-child(1) {
    padding-left: 0.5rem;
}

.gradient-switcher.switcher .parts .part:nth-child(2) {
    padding-right: 0.5rem;
}

.gradient-switcher.switcher .roller {
    border-radius: 3.125rem;
    top: 0.5rem;
    left: 0.5rem;
    height: calc(100% - 1rem);
    width: calc(50% - 0.5rem);
}

.gradient-switcher.switcher .roller.active {
    left: 50%;
}

.gradient-switcher.switcher {
    width: 17.125rem;
}

.instant-search.main-search {
    padding: 0.9375rem;
}

.instant-search .search-btn {
    display: none;
}

.instant-search .choos-states .form-control {
    border: 1px solid rgba(231, 231, 231, 1) !important;
    padding: 0.9375rem 1.2rem 1rem;
    border-radius: 1.875rem;
    min-width: 11.7rem;
}

.instant-search .choos-states {
    padding: 0 !important;
}

.instant-search .code-dropdown b,
.instant-search .input-dropdown b {
    left: unset;
    right: 1.875rem;
}

.instant-search .state-search-pere {
    padding: 0 !important;
    background-color: transparent !important;
}

.instant-search.main-search .search-border::before {
    content: none;
}

.instant-search.main-search .search-border {
    margin-left: 0.625rem;
    border: 1px solid rgba(231, 231, 231, 1);
    background-color: rgba(247, 247, 247, 1);
    border-radius: 1.875rem;
    height: 3.75rem;
}

.instant-search .code-dropdown .form-control {
    border: 1px solid rgba(231, 231, 231, 1);
    width: 8.0625rem;
    background-color: rgba(247, 247, 247, 1);
    border-radius: 1.875rem;
    height: 3.75rem;
    padding: 0.9375rem 1.2rem 1rem;
}

.instant-search .code-dropdown b {
    right: 1.875rem;
}

.instant-search .code-dropdown {
    padding: 0;
}

.instant-search .form-control::placeholder {
    color: rgba(140, 148, 176, 1) !important;
}

#code_nos {
    display: none;
}

.numberfilter-loader {
    position: relative;
}

.numberfilter-loader .custome-loader img {
    filter: invert(60%) sepia(78%) saturate(864%) hue-rotate(197deg) brightness(85%) contrast(89%) !important;
}

.numberfilter-loader .custome-loader {
    position: absolute !important;
    background: #ffffff94 !important;
}

.allnumber-search.instant-search .choos-states .form-control {
    min-width: 14.4rem;
}

:root {
    --white: #ffffff;
    --black: #222328;
    --gray-2: #8c94b0;
    --blue: #4260cb;
}


/* Home Hero Section */

.home-dec-2 {
    position: absolute;
    top: 58%;
    right: -1%;
    z-index: 1;
    z-index: 0;
}

.home-dec-1 {
    position: absolute;
    top: 1%;
    left: -1%;
    z-index: 0;
}

.round-3 {
    position: absolute;
    width: 27.3125rem;
    height: 27.3125rem;
    border-radius: 100%;
    background: linear-gradient(176.86deg, #467efe 14.79%, #fdfeff 88.51%);
    opacity: 7%;
    bottom: -20%;
    left: 3%;
    z-index: 0;
}

.round-2 {
    position: absolute;
    width: 8.8125rem;
    height: 8.8125rem;
    border-radius: 100%;
    background: linear-gradient(350deg, #467efe 14.79%, #fdfeff 88.51%);
    opacity: 7%;
    top: 16%;
    z-index: 0;
    right: 31%;
}

.round-1 {
    position: absolute;
    width: 27.3125rem;
    height: 27.3125rem;
    border-radius: 100%;
    background: linear-gradient(323deg, #467efe 25.59%, #fdfeff 60.95%);
    opacity: 7%;
    top: 8%;
    right: 0%;
    z-index: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none;
}

.hero-section {
    background: linear-gradient(93.31deg, #467efe 2.06%, #61cafd 100%);
}

.hero-section .hero-text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
    color: var(--white);
    margin-bottom: 3.125rem;
}

.hero-section .hero-text a {
    color: var(--white);
    font-weight: 500;
}

.switcher {
    font-size: 1.125rem;
    cursor: pointer;
    font-weight: 500 !important;
    width: 16.5rem;
    height: 3.125rem;
    border-radius: 2.1875rem;
    background-color: var(--blue);
    color: var(--white);
    position: relative;
    margin: 0 auto 1.4375rem;
}

.switcher .roller {
    width: 8.0625rem;
    height: 2.75rem;
    border-radius: 2.1875rem;
    position: absolute;
    top: .1875rem;
    left: .1875rem;
    background-color: var(--white);
    transition: all 0.4s ease;
}

.switcher .roller.active {
    left: 50%;
}

.switcher .parts {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
}

.switcher .parts .part {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.switcher .parts .part .active {
    color: var(--blue);
}

.switcher .parts .part span {
    transition: color 0.4s ease;
}

.main-search {
    border-radius: 3.1875rem;
    background: var(--white);
    box-shadow: 0rem .875rem 1.5rem 0rem rgba(0, 0, 0, 0.05);
    display: flex;
    gap: .625rem;
    padding: 1.25rem;
    max-width: 51.6875rem;
    margin: 0 auto 1.375rem;
}

.main-search .state-search-pere,
.main-search .state-select2-pere {
    border-radius: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.75rem;
    background: #f7f7f7;
    padding: 1rem 1.25rem 1.0625rem;
}

.main-search .state-search-pere .select2-container {
    margin-right: 1.25rem;
    padding-right: .625rem;
    min-width: 5.125rem;
}

.main-search .state-search-pere .select2-container .select2-selection__rendered {
    padding-left: 0 !important;
    width: 5.3125rem !important;
}

.main-search .state-search-pere .select2-container b {
    margin-left: .125rem !important;
}

.main-search .state-select2-pere .select2-container {
    width: 9.375rem !important;
}

.main-search .state-select2-pere .select2-container .select2-selection__rendered {
    padding-left: 0 !important;
}

.main-search .state-search-pere {
    width: 100%;
}

#code_no .select2-selection__rendered {
    width: 7.875rem !important;
}

#code_no .select2-container b {
    margin-left: .5rem !important;
}

.main-search .choose-state-select {
    border: none;
}

.main-search .choose-state-select .select2 {
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.main-search .search-border {
    position: relative;
}

.main-search .search-border::before {
    content: " ";
    position: absolute;
    left: 0;
    height: 1.875rem;
    margin: auto;
    bottom: 0;
    top: 0;
    width: .0625rem;
    background-color: rgba(34, 35, 40, 0.1);
}

.main-search .select2-selection--single {
    border: none;
    background: #f7f7f7;
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--black);
}

.main-search .select2-selection--single b {
    border-color: #7e7f87 transparent transparent transparent !important;
    border-width: .375rem .375rem 0 .375rem !important;
    margin-left: 0 !important;
}

.main-search .form-control {
    background-color: transparent;
    border: none;
    color: var(--blue);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    padding-left: 1.25rem;
}

.main-search .form-control:focus {
    box-shadow: none;
}

.why-choose-section .wcs-position {
    position: relative;
}

.why-choose-section .wcs-position .round-4 {
    position: absolute;
    background: linear-gradient(101deg, #467efe 14.79%, #fdfeff 88.51%);
    width: 20.3125rem;
    height: 20.3125rem;
    border-radius: 100%;
    opacity: 5%;
    top: 12%;
    left: 8%;
    z-index: 1;
}

.why-choose-section .wcs-position .round-5 {
    position: absolute;
    background: linear-gradient(93.31deg, #467efe 2.06%, #4cc1fe 45.54%, #7ed7fc 78%, #d2e5f8 100%);
    width: 64.25rem;
    height: 64.25rem;
    border-radius: 100%;
    opacity: 5%;
    top: -31%;
    left: 41%;
    z-index: 1;
}

.why-choose-section .title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.75rem;
    letter-spacing: 0em;
    margin: auto;
    text-align: center;
    color: var(--black);
    margin-bottom: .9375rem;
}

.why-choose-section .sub-title {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    letter-spacing: 0em;
    text-align: center;
    margin: auto;
    margin-bottom: 1.875rem;
    color: var(--gray-2);
}

.why-choose-section .why-choose-video {
    height: 35.9375rem;
    margin-bottom: 8.375rem;
    max-width: 88.875rem;
    border-radius: 2.5rem;
    background-image: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    position: relative;
}

.why-choose-section .why-choose-video .why-choose-child {
    position: absolute;
    background-color: var(--white);
    inset: .3125rem;
    border-radius: 2.375rem;
}

.why-choose-section .why-choose-video .why-choose-child .vide-bg-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2.375rem;
}

.video-play-btn {
    position: absolute;
    cursor: pointer;
    inset: 0;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
}

#video-modal .modal-dialog {
    position: relative;
    border-radius: 1.875rem;
}

#video-modal .modal-dialog .modal-content {
    border-radius: 1.875rem;
}

#video-modal .modal-dialog .btn-close {
    position: absolute;
    right: .625rem;
    top: .625rem;
    background-color: var(--white);
    opacity: 1;
}

#video-modal .modal-dialog .modal-body {
    margin-bottom: -0.4375rem;
    border-radius: 1.875rem;
}

#video-modal .modal-dialog iframe {
    width: 100%;
    border-radius: .625rem;
}

.why-buy-section {
    background: url(../images/image/home-bg-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

.why-buy-section .buy-featured img {
    opacity: 0.7;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.why-buy-section .buy-featured img:hover {
    opacity: 1;
    transform: translateY(-0.625rem);
}

.why-buy-section .title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.75rem;
    color: var(--black);
    margin-bottom: 5.5rem;
    max-width: 34.25rem;
}

.why-buy-section .why-buy-text {
    position: relative;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 0;
    color: var(--white);
    margin-bottom: 1.25rem;
    padding-right: 1.25rem;
    padding-left: 2.5rem;
}

.why-buy-section .why-buy-text:hover::after {
    transform: rotateY(360deg);
}

.why-buy-section .why-buy-text::after {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 1.875rem;
    height: 1.875rem;
    background-image: url(../images/icons/why-buy-true.png);
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.7s ease-in-out;
}

.why-buy-section .buy-featured {
    border-top: .0625rem solid rgba(255, 255, 255, 0.2);
    margin-top: 2.5rem;
    padding: 3.125rem 0;
}

.why-buy-section .buy-featured h3 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.75rem;
    margin-bottom: 1.875rem;
    text-align: center;
    color: var(--white);
}

.why-buy-section .why-cs-position:hover .why-buy-call {
    animation: bellshake 2s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
}

.why-buy-section .why-cs-position {
    position: relative;
}

.why-buy-section .why-cs-position .why-buy-call {
    position: absolute;
    top: 20%;
    left: 34%;
    z-index: 1;
    width: 15rem;
}

.why-buy-section .why-cs-position .why-buy-dec1 {
    position: absolute;
    bottom: 18%;
    left: 4%;
    z-index: 1;
    border-radius: 100%;
    width: 16rem;
    height: 16rem;
    background: linear-gradient(176.86deg, rgba(70, 126, 254, 0.07) 14.79%, rgba(253, 254, 255, 0.07) 88.51%);
}

.why-buy-section .why-cs-position .why-buy-dec2 {
    position: absolute;
    bottom: 11%;
    right: 4%;
    z-index: 1;
    border-radius: 100%;
    width: 16rem;
    height: 16rem;
    background: linear-gradient(309deg, rgba(70, 126, 254, 0.07) 25.59%, rgba(253, 254, 255, 0.07) 60.95%);
}

.map-section {
    padding: 5rem 0 0;
}

.map-section .title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.75rem;
    letter-spacing: 0em;
    margin: auto;
    text-align: center;
    color: var(--black);
    margin-bottom: 1.5rem;
    max-width: 41.9375rem;
}

.map-section .chart-map-section #us-map {
    margin-left: -6.875rem;
    width: 68.75rem;
}

.map-section .chart-map-section tspan {
    fill: transparent !important;
}

.map-section .chart-map-section #VT_line,
.map-section .chart-map-section #RI_line,
.map-section .chart-map-section #NJ_line,
.map-section .chart-map-section #DC_line,
.map-section .chart-map-section #MD_line,
.map-section .chart-map-section #DE_line {
    stroke: transparent !important;
}

.map-section .chart-map-section g:hover tspan {
    fill: rgb(66, 96, 203) !important;
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.4375rem;
    letter-spacing: 0em;
    text-align: left;
    cursor: url(../images/icons/big-hand-cursor.svg), auto;
}

.map-section .chart-map-section g:hover path {
    fill: #fff !important;
    stroke: #222328 !important;
}

.map-section .chart-map-section #tooltip {
    display: none !important;
    position: absolute;
    max-width: 12.8125rem;
    list-style-type: none;
    z-index: 99;
}

.map-section .chart-map-section #tooltip li {
    padding: .4375rem .6875rem;
    font-size: .875rem;
    font-weight: 700;
    color: white;
    background: rgba(0, 0, 0, 0.3);
    border: .0625rem solid #ffffff;
    -webkit-backdrop-filter: blur(1.0625rem);
    backdrop-filter: blur(1.0625rem);
    border-radius: .1875rem;
}

.map-section .chart-map-section #tooltip h2 {
    margin: 0;
    font-size: 1.25rem;
}

.map-section .chart-map-section g {
    position: relative;
    cursor: pointer;
}

.map-section .us-all-numberss {
    max-height: 40.25rem;
    overflow-y: auto;
    padding-right: 2.8125rem;
}

.map-section .us-all-numberss .accordion-item {
    margin-bottom: .625rem;
    border: .0625rem solid #dddddd;
    border-radius: 1.875rem;
}

.map-section .us-all-numberss .accordion-button:hover {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    color: var(--white);
}

.map-section .us-all-numberss .accordion-button.collapsed,
.map-section .us-all-numberss .accordion-button {
    border-radius: 1.875rem;
}

.map-section .us-all-numberss .accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg);
}

.map-section .us-all-numberss .accordion-button::after {
    filter: brightness(10);
}

.map-section .us-all-numberss .accordion-button:not(.collapsed) {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    color: var(--white);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    padding: .625rem 1.25rem .6875rem;
}

.map-section .us-all-numberss .accordion-button:focus {
    border: none;
    box-shadow: none;
}

.map-section .us-all-numberss .accordion-body {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    color: #7e7f87;
    padding: .625rem 1.25rem .5625rem;
}

.map-section .us-all-numberss .accordion-button {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    color: var(--black);
    padding: .625rem 1.25rem .6875rem;
    transition: all 0s ease-in-out;
}

.map-section ::-webkit-scrollbar {
    width: .3125rem;
}

.map-section ::-webkit-scrollbar-track {
    background: #dddddd;
    border-radius: 3.125rem;
}

.map-section ::-webkit-scrollbar-thumb {
    background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
    border-radius: 3.125rem;
}

.use-cases-section::after {
    content: "";
    position: absolute;
    top: 3.5%;
    right: -9%;
    background: url(../images/image/home-vimaan-img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 28.4375rem;
    width: 73rem;
}

.use-cases-section {
    background-color: var(--white);
    background: url(../images/image/home-bg-3.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 8.5rem 0 7.5rem;
    position: relative;
    overflow: hidden;
}

.use-cases-section .use-case-dec {
    position: absolute;
    left: 14%;
    z-index: 3;
    bottom: 17.9%;
}

.use-cases-section .use-case-pill {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    color: var(--white);
    margin-bottom: 0.75rem;
    width: -moz-fit-content;
    width: fit-content;
    padding: .3125rem 1.1875rem .25rem;
    border-radius: .9375rem;
    background-color: rgba(255, 255, 255, 0.1);
}

.use-cases-section .title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.75rem;
    letter-spacing: 0em;
    margin-bottom: 0.75rem;
    color: var(--white);
    margin-bottom: .9375rem;
    max-width: 37.1875rem;
}

.use-cases-section .get-btn {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5625rem;
    letter-spacing: -0.0063rem;
    color: var(--white);
    background-color: #4cc1fe;
    padding: .875rem 3rem;
    border-radius: 1.875rem;
    position: relative;
    z-index: 4;
    border: .0625rem solid #4cc1fe;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.use-cases-section .get-btn:hover {
    color: var(--white);
    background-color: transparent;
    border-color: var(--white);
}

.use-cases-slider {
    position: relative;
}

.use-cases-slider .use-cases-img {
    margin: auto;
    width: 36.125rem;
    height: 36.125rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100%;
    border: .1875rem solid var(--white);
}

.use-cases-slider .owl-prev {
    position: absolute;
    left: -0.9375rem;
    top: 0;
    bottom: 0;
    margin: auto;
    height: -moz-fit-content;
    height: fit-content;
}

.use-cases-slider .owl-prev span {
    display: none;
}

.use-cases-slider .owl-prev::after {
    content: url(../images/icons/slider-prev-arrow.svg);
    opacity: 0.2;
    transition: all 0.4s ease-in-out;
}

.use-cases-slider .owl-next {
    position: absolute;
    right: -0.9375rem;
    top: 0;
    bottom: 0;
    margin: auto;
    height: -moz-fit-content;
    height: fit-content;
}

.use-cases-slider .owl-next span {
    display: none;
}

.use-cases-slider .owl-next::after {
    content: url(../images/icons/slider-next-arrow.svg);
    opacity: 0.2;
    transition: all 0.4s ease-in-out;
}

.use-cases-slider .owl-prev:hover::after,
.use-cases-slider .owl-next:hover::after {
    opacity: unset !important;
}

.use-cases-slider .owl-dots {
    text-align: center;
    margin-top: 1.5625rem;
}

.use-cases-slider .owl-dots .owl-dot {
    width: .75rem;
    height: .75rem;
    background-color: rgba(34, 35, 40, 0.2);
    margin: 0 .3125rem;
    border-radius: 100%;
}

.use-cases-slider .owl-dots .owl-dot.active {
    background-color: var(--white);
}

.number-cards-section {
    background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
    margin-bottom: 7.9375rem !important;
    padding: 5.375rem 0 0;
    position: relative;
}

.number-cards-section .title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.75rem;
    color: var(--black);
    margin-bottom: .9375rem;
    max-width: 43.5rem;
}

.number-cards-section .sub-title {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    color: var(--gray-2);
    margin-bottom: 0;
}

.number-cards-section .round-7 {
    background: linear-gradient(120deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
    width: 20.8125rem;
    height: 20.8125rem;
    border-radius: 100%;
    position: absolute;
    right: 4%;
    bottom: 0%;
    opacity: 0.1;
    z-index: 1;
}

.number-cards-section .round-6 {
    background: linear-gradient(26deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
    width: 23.125rem;
    height: 23.125rem;
    border-radius: 100%;
    position: absolute;
    left: 5.5%;
    top: 0%;
    opacity: 0.1;
    z-index: 1;
}

.number-cards-section::before {
    content: "";
    background: url(../images/image/card-section-bg.png);
    position: absolute;
    right: 0;
    bottom: -7.5rem;
    left: 0;
    width: 100%;
    height: 7.9375rem;
}


/* Why Need Section */

.why-need-section {
    background: url(../images/image/home-bg-4.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 3.125rem 0 12.5rem;
}

.why-need-section .why-need-4 {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    width: 31.125rem;
    height: 31.125rem;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    margin: auto;
    align-items: center;
    justify-content: center;
}

.why-need-section .why-need-4 .logo-img {
    max-width: 31.0625rem;
    margin-bottom: 1.875rem;
}

.why-need-section .why-need-4 .title {
    font-size: 2.25rem;
    text-align: center;
    font-weight: 700;
    line-height: 2.75rem;
    color: var(--white);
    margin-bottom: .9375rem;
    max-width: 25.875rem;
}

.why-need-section .why-need-4 .sub-title {
    font-size: 1.125rem;
    text-align: center;
    font-weight: 500;
    line-height: 1.75rem;
    max-width: 21.375rem;
    margin-bottom: 1.875rem;
    color: var(--white);
}

.why-need-section .why-need-2,
.why-need-section .why-need-1,
.why-need-section .why-need-3 {
    border-radius: 100%;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
    padding: 3.75rem;
}

.why-need-section .why-need-3 {
    position: relative;
    border: .0625rem solid rgba(76, 193, 254, 0.4);
}

.why-need-section .why-need-3 .need-img {
    position: absolute;
    border-radius: 100%;
    border: .0625rem solid #d3d9db;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.625rem;
    height: 5.625rem;
}

.why-need-section .why-need-3 .why-need-img2 {
    right: 15%;
    top: 1%;
}

.why-need-section .why-need-3 .why-need-img5 {
    left: -6.1%;
    bottom: 31%;
}

.why-need-section .why-need-3 .why-need-img6 {
    right: 4%;
    bottom: 11%;
}

.why-need-section .why-need-3 .why-need-img7 {
    width: 6.25rem;
    height: 6.25rem;
    left: 20.9%;
    bottom: -14%;
}

.why-need-section .why-need-3::after {
    content: " ";
    position: absolute;
    left: 10%;
    top: 17%;
    width: .9375rem;
    height: .9375rem;
    border-radius: 100%;
    background-color: var(--white);
    border: 0.0625rem solid #4cc1fe;
}

.why-need-section .why-need-3::before {
    content: " ";
    position: absolute;
    left: 14%;
    bottom: 13%;
    width: .9375rem;
    height: .9375rem;
    border-radius: 100%;
    background-color: var(--white);
    border: .0625rem solid #4cc1fe;
}

.why-need-section .why-need-2 {
    border: .0625rem solid rgba(76, 193, 254, 0.6);
}

.why-need-section .why-need-1 {
    border: .0625rem solid #4cc1fe;
    position: relative;
}

.why-need-section .why-need-1 .need-img1 {
    position: absolute;
    border-radius: 100%;
    border: .0625rem solid #d3d9db;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.25rem;
    height: 6.25rem;
}

.why-need-section .why-need-1 .why-need-img1 {
    top: -6%;
    left: 40%;
}

.why-need-section .why-need-1 .why-need-img3 {
    top: 23%;
    left: -2%;
}

.why-need-section .why-need-1 .why-need-img4 {
    top: 33%;
    right: -4.5%;
}

.why-need-section .why-need-1 .need-text {
    position: absolute;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2.25rem;
    margin-bottom: 0;
    transition: all 0.2s ease-in-out;
}

.why-need-section .why-need-1 .need-text.active,
.why-need-section .why-need-1 .need-text:hover {
    background: -webkit-linear-gradient(326deg, #467efe 40.83%, #7ed7fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
}

.why-need-section .why-need-1 .need-text.active::before,
.why-need-section .why-need-1 .need-text:hover::before {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%), linear-gradient(0deg, #4cc1fe, #4cc1fe);
}

.why-need-section .why-need-1 .need-text-1 {
    left: 0%;
    top: 0%;
    max-width: 13.125rem;
}

.why-need-section .why-need-1 .need-text-1::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    border: .0625rem solid #4cc1fe;
    background-color: var(--white);
}

.why-need-section .why-need-1 .need-text-2 {
    left: -22.3%;
    top: 42%;
    max-width: 12.5rem;
}

.why-need-section .why-need-1 .need-text-3 {
    left: -20%;
    bottom: 12%;
    max-width: 15.875rem;
}

.why-need-section .why-need-1 .need-text-4 {
    right: -10%;
    top: 2%;
    max-width: 18.375rem;
}

.why-need-section .why-need-1 .need-text-5 {
    right: -24%;
    top: 52%;
    max-width: 11rem;
}

.why-need-section .why-need-1 .need-text-6 {
    right: -8%;
    bottom: 5%;
    max-width: 12.0625rem;
}

.why-need-section .why-need-1 .need-text-2::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    border: .0625rem solid #4cc1fe;
    background-color: var(--white);
}

.why-need-section .why-need-1 .need-text-3::before {
    content: "";
    position: absolute;
    right: -10%;
    top: 17%;
    margin: auto;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    border: .0625rem solid #4cc1fe;
    background-color: var(--white);
}

.why-need-section .why-need-1 .need-text-4::before {
    content: "";
    position: absolute;
    left: -13%;
    top: 27%;
    margin: auto;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    border: .0625rem solid #4cc1fe;
    background-color: var(--white);
}

.why-need-section .why-need-1 .need-text-5::before {
    content: "";
    position: absolute;
    left: -23%;
    top: 0%;
    bottom: 0%;
    margin: auto;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    border: .0625rem solid #4cc1fe;
    background-color: var(--white);
}

.why-need-section .why-need-1 .need-text-6::before {
    content: "";
    position: absolute;
    left: -20%;
    top: 13%;
    margin: auto;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    border: .0625rem solid #4cc1fe;
    background-color: var(--white);
}

.metrioit-perent {
    position: relative;
    overflow: hidden;
}

.metrioit-icon {
    position: absolute;
    animation: meteor 4s linear 1;
    opacity: 0;
}

.metrioit-icon1 {
    top: -10%;
    left: 87%;
    animation-delay: 0s;
}

.metrioit-icon2 {
    top: 30%;
    left: 97%;
    animation-delay: 4s;
}

.metrioit-icon3 {
    top: 5%;
    left: 35%;
    animation-delay: 20s;
}

.metrioit-icon4 {
    top: 45%;
    left: 79%;
    animation-delay: 1.5s;
}

.metrioit-icon5 {
    top: 45%;
    left: 63%;
    animation-delay: 1.8s;
}

.metrioit-icon6 {
    top: 5%;
    left: 43%;
    animation-delay: 1s;
}

.metrioit-icon7 {
    top: 5%;
    left: 70%;
    animation-delay: 2s;
}

@keyframes meteor {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 1;
        margin-top: -300px;
        margin-right: -300px;
    }

    75% {
        margin-top: 60%;
        margin-left: -58%;
    }

    100% {
        opacity: 0;
    }
}

.reviews-section {
    background: url(../images/image/home-bg-5.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3.8125rem 0 15rem;
    position: relative;
}

.reviews-section .round-8 {
    position: absolute;
    top: 8%;
    left: 2%;
    background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
    opacity: 0.2;
    width: 9.875rem;
    height: 9.875rem;
    border-radius: 100%;
}

.reviews-section .round-9 {
    position: absolute;
    top: 1%;
    right: -7%;
    width: 26.75rem;
    height: 26.75rem;
    background: linear-gradient(68.22deg, #69c5fb 11.66%, rgba(105, 197, 251, 0) 95.97%);
    border-radius: 100%;
}

.reviews-section .title {
    font-size: 3.25rem;
    margin-top: 1.0625rem;
    margin-bottom: .9375rem;
    font-weight: 700;
    line-height: 3.875rem;
    color: var(--white);
}

.reviews-section .sub-title {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    color: var(--white);
    margin-bottom: 1.25rem;
    max-width: 43.625rem;
}

.reviews-section .reviews-img {
    width: 100%;
    height: 24.4375rem;
    position: relative;
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    border-radius: 1.25rem;
    box-shadow: 0rem 2.125rem 1.5rem 0rem rgba(0, 0, 0, 0.1490196078);
}

.reviews-section .reviews-img img {
    position: absolute;
    inset: .625rem;
    width: calc(100% - 1.25rem);
    height: calc(100% - 1.25rem);
    border-radius: .625rem;
    -o-object-fit: cover;
    object-fit: cover;
}

.reviews-section .reviews-slider {
    margin-left: -2.5rem;
}

.reviews-section .reviews-slider .owl-prev {
    left: -2.8125rem;
}

.reviews-section .reviews-slider .owl-next {
    right: -2.8125rem;
}

.reviews-section .reviews-slider .revies-slide-ring {
    width: 38.4375rem;
    margin: auto;
    height: 38.4375rem;
    border-radius: 100%;
    background: url(../images/image/review-slider-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: .0625rem;
}

.reviews-section .reviews-slider .revies-slide-bg {
    border-radius: 100%;
    width: 100%;
    height: 100%;
    padding: 1.25rem;
}

.reviews-section .reviews-slider .revies-slide {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: linear-gradient(180deg, #65b1ff 0%, #7db9ff 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4375rem;
    justify-content: center;
    padding: 0;
    text-align: center;
}

.reviews-section .reviews-slider .revies-slide .customer-review-comma {
    margin-bottom: 0.4375rem;
}

.reviews-section .reviews-slider .review-text {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.625rem;
    color: var(--white);
    margin-bottom: 1.25rem;
    width: 24.625rem;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 9.75rem;
}

.reviews-section .reviews-slider .review-text-perr {
    position: relative;
}

.reviews-section .reviews-slider .review-text::after {
    content: "";
    background: url(../images/icons/reviews-left-dec.svg);
    position: absolute;
    width: 3.5625rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 2.875rem;
    top: -4.75rem;
    left: .8125rem;
}

.reviews-section .reviews-slider .review-text::before {
    content: "";
    background: url(../images/icons/reviews-right-dec.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 3.5625rem;
    height: 2.875rem;
    bottom: -2.5rem;
    right: -1.25rem;
}

.reviews-section .reviews-slider .review-user {
    width: 5rem;
    height: 5rem;
    border-radius: 100%;
    padding: .375rem;
    border: .0625rem solid #9bddff;
    margin-bottom: .3125rem;
}

.reviews-section .reviews-slider .review-user img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.reviews-section .reviews-slider .review-name {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.6875rem;
    margin-bottom: 1.5rem;
    color: var(--white);
}

.reviews-section .reviews-slider .review-position {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--blue);
    max-width: 11.25rem;
    overflow: hidden;
    margin-bottom: 5.5rem;
}

.why-waiting-section {
    position: relative;
}

.why-waiting-section .waiting-main {
    position: relative;
    margin-top: -18.125rem;
}

.why-waiting-section .waiting-part {
    text-align: center;
    position: absolute;
    right: 11%;
    bottom: 16%;
}

.why-waiting-section .title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.375rem;
    color: var(--black);
    margin-bottom: .3125rem;
}

.why-waiting-section .sub-title {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    color: var(--gray-2);
    max-width: 32.125rem;
    margin: 0 auto 1.875rem;
}

.why-waiting-section .waiting-btns {
    display: flex;
    gap: 1.25rem;
    justify-content: center;
}

.why-waiting-section .waiting-fill-btn {
    width: 11.5rem;
    height: 3.4375rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    border-radius: 1.875rem;
    color: var(--white);
    background: var(--blue);
    text-align: center;
    border: .0625rem solid var(--blue);
    transition: all 0.4s ease-in-out;
}

.why-waiting-section .waiting-btn {
    width: 11.5rem;
    height: 3.4375rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    border-radius: 1.875rem;
    background: transparent;
    color: var(--black);
    text-align: center;
    border: .0625rem solid var(--blue);
    transition: all 0.4s ease-in-out;
}

.why-waiting-section .waiting-fill-btn:hover {
    color: var(--black);
    background-color: transparent;
}

.why-waiting-section .waiting-btn:hover {
    color: var(--white);
    background: var(--blue);
}

.why-waiting-section .waiting-arrow {
    position: absolute;
    left: 6.8125rem;
    top: -6.375rem;
    rotate: 4deg;
    max-height: 7.5rem;
}

.why-waiting-section .round-10 {
    background: linear-gradient(224.9deg, #46d2fe 18.65%, rgba(76, 193, 254, 0) 56.34%);
    opacity: 15%;
    width: 38rem;
    height: 38rem;
    border-radius: 100%;
    position: absolute;
    left: -8%;
    top: 31%;
    z-index: 3;
    rotate: 90deg;
}

.why-waiting-section .round-11 {
    background: linear-gradient(224.9deg, #46d2fe 18.65%, rgba(76, 193, 254, 0) 56.34%);
    position: absolute;
    right: 0;
    left: 0;
    bottom: -10rem;
    rotate: 199deg;
    margin: auto;
    width: 19.9375rem;
    height: 19.9375rem;
    border-radius: 100%;
    opacity: 10%;
}

.why-waiting-section .round-12 {
    background: linear-gradient(224.9deg, #46d2fe 18.65%, rgba(76, 193, 254, 0) 56.34%);
    width: 38rem;
    height: 38rem;
    border-radius: 100%;
    rotate: 180deg;
    position: absolute;
    bottom: -6.875rem;
    right: -14.5rem;
    opacity: 10%;
}

.contactus-section {
    width: -moz-fit-content;
    width: fit-content;
    margin: 4.75rem 0 0 auto;
    text-align: center;
}

.contactus-section .title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.75rem;
    color: var(--black);
    margin-bottom: 1.5625rem;
}

.contactus-section input {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    border: none;
    max-width: 22.6875rem;
    padding: 0 0 .625rem 0;
    margin: 0 auto 1.25rem;
    text-align: center;
    border-bottom: .0625rem solid #dddddd;
    background-color: transparent;
    border-radius: 0;
}

.contactus-section input::-moz-placeholder {
    color: var(--gray-2) !important;
}

.contactus-section input::placeholder {
    color: var(--gray-2) !important;
}

.contactus-section .form-control:focus {
    box-shadow: none;
    background-color: transparent;
}

.contactus-section .fill-btn {
    width: 11.6875rem;
    height: 3.4375rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    border-radius: 1.875rem;
    color: var(--white);
    background: var(--blue);
    text-align: center;
    border: .0625rem solid var(--blue);
    transition: all 0.4s ease-in-out;
}

.contactus-section .fill-btn:hover {
    color: var(--black);
    background: transparent;
}

.footer {
    background: url(../images/image/footer-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: -9rem !important;
    min-height: 33rem;
    padding: 10.625rem 0 1.0625rem;
}

.footer .footer-imgs {
    border-bottom: .0625rem solid rgba(255, 255, 255, 0.2);
    display: flex;
    justify-content: space-between;
    max-width: 36rem;
    margin-bottom: 2.5rem;
    padding-bottom: .625rem;
}

.footer .footer-imgs .footer-logo {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.footer .footer-imgs .footer-icons {
    display: flex;
    gap: .9375rem;
}

.footer .footer-imgs .footer-icons .icon {
    width: 3.125rem;
    height: 3.125rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border: .0625rem solid rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    transition: all 0.4s ease-in-out;
}

.footer .footer-imgs .footer-icons .icon.active,
.footer .footer-imgs .footer-icons .icon:hover {
    background-color: var(--white);
}

.footer .footer-imgs .footer-icons .icon.active img,
.footer .footer-imgs .footer-icons .icon:hover img {
    filter: invert(60%) sepia(82%) saturate(608%) hue-rotate(202deg) brightness(101%) contrast(132%);
}

.footer .footer-title {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.6875rem;
    color: var(--white);
    margin-bottom: .9375rem;
}

.footer .footer-link {
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.25rem;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    display: block;
    transition: all 0.2s ease-in-out;
}

.footer .footer-link:hover {
    color: var(--black);
}

.footer hr {
    border-top: .0625rem solid rgba(255, 255, 255, 0.2);
    margin: 1.875rem auto .625rem;
    opacity: 1;
}

.footer .footer-terms {
    display: flex;
    justify-content: space-between;
}

.footer .footer-terms p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 0;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(255, 255, 255, 0.7);
}

.footer .footer-terms p a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7);
}

.footer .footer-terms a:hover {
    color: var(--black);
}

.footer .gooter-links {
    align-items: flex-end;
}

.search-result .number-card {
    border: .0625rem solid #dddddd;
}

.search-result .short-by-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .625rem;
    margin-bottom: 1.875rem;
}

.search-result .short-by-line .short-title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--gray-2);
    margin-bottom: 0;
}

.search-result .short-by-line .short-badge .badge-text {
    font-size: 1rem;
    cursor: pointer;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: center;
    color: var(--black);
    margin-bottom: 0;
    padding: .8125rem 1.875rem;
    border-radius: 1.875rem;
    background-color: var(--white);
    height: 3.125rem;
    position: relative;
}

.search-result .short-by-line .short-badge .badge-text:hover {
    color: var(--blue);
    border-radius: 1.875rem;
    background: linear-gradient(120deg, #edf2ff 0%, #eff9ff 100%);
}

.search-result .short-by-line .short-badge .badge-text:hover::after {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.search-result .short-by-line .short-badge .badge-text.active {
    color: var(--blue);
    border-radius: 1.875rem;
    background: linear-gradient(120deg, #edf2ff 0%, #eff9ff 100%);
}

.search-result .short-by-line .short-badge .active.badge-text::after {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.search-result .short-by-line .short-badge .badge-text::after {
    content: "";
    position: absolute;
    background-color: #dddddd;
    inset: -0.0625rem;
    z-index: -1;
    border-radius: 1.875rem;
}

.search-result .add-more {
    font-size: 1.25rem;
    font-weight: 600;
    cursor: pointer;
    line-height: 1.875rem;
    color: var(--blue);
    text-decoration: none;
}

.styled-checkbox {
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    width: 1.8125rem;
    height: 1.8125rem;
}

.styled-checkbox:before {
    content: "";
    border-radius: .25rem;
    display: inline-block;
    width: 1.875rem;
    border: .0625rem solid #dddddd;
    height: 1.875rem;
    background: white;
}

.styled-checkbox:checked:before {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    border: none;
}

.styled-checkbox:checked:after {
    content: "";
    background: url(../images/icons/checked.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 1.125rem;
    height: .75rem;
    left: .375rem;
    top: .5625rem;
}

.page-list {
    padding: 1.25rem 0 .125rem;
}

.page-list a {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--white);
    margin-right: 1.4375rem;
    text-decoration: none;
    position: relative;
}

.page-list a.active {
    opacity: 0.7;
    position: unset;
}

.page-list a.active::after {
    content: unset;
}

.page-list a::after {
    content: "";
    background: url(../images/icons/page-right-icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: .4375rem;
    height: .75rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1.125rem;
    margin: auto;
}

.search-result-hero {
    background: url(../images/image/search-result-bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 13.125rem;
}

.result-waiting-section {
    position: relative;
    margin-bottom: -2.25rem;
}

.result-waiting-section img {
    width: 100%;
}

.rws-mb {
    margin-bottom: -14.0625rem !important;
}

.result-waiting-content {
    position: absolute;
    left: 3.125rem;
    top: 11.875rem;
}

.result-waiting-content .title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.75rem;
    max-width: 23.4688rem;
    color: var(--white);
    margin-bottom: .9375rem;
    position: relative;
}

.result-waiting-content .title::after {
    content: "";
    background: url(../images/image/new-waiting-arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: -14.1rem;
    top: 2.5625rem;
    width: 12.4375rem;
    height: 8.875rem;
}

.result-waiting-content .sub-title {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    color: var(--white);
    margin-bottom: 1.875rem;
    max-width: 24.3438rem;
}

.result-waiting-content .result-waiting-btns {
    display: flex;
    gap: 1.25rem;
}

.result-waiting-content .result-waiting-btns .light-blue-btn {
    text-align: center;
    padding: .875rem 2.5rem;
    border: .0625rem solid #4cc1fe;
    border-radius: 1.875rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    background: #4cc1fe;
    color: var(--white);
    transition: all 0.4s ease-in-out;
}

.result-waiting-content .result-waiting-btns .light-blue-btn:hover {
    color: var(--white);
    background-color: transparent;
    border-color: var(--white);
}

.result-waiting-content .result-waiting-btns .light-btn:hover {
    border-color: #4cc1fe;
    background-color: #4cc1fe;
    color: var(--white);
}

.result-waiting-content .result-waiting-btns .light-btn {
    text-align: center;
    padding: .875rem 2.5rem;
    border: .0625rem solid var(--white);
    border-radius: 1.875rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    background: transparent;
    color: var(--white);
}

#choose-plan .modal-dialog {
    max-width: 38.75rem;
}

#choose-plan .modal-content {
    border-radius: 1.25rem;
}

#choose-plan .modal-body {
    padding: 1.875rem 3.125rem 2.0625rem;
}

.choose-plan-radio .radio:checked,
#choose-plan .radio:checked {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}

.choose-plan-radio .radio:checked::before,
#choose-plan .radio:checked::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icons/chekbox-checked.svg);
}

.choose-plan-radio .radio,
#choose-plan .radio {
    width: 1.875rem;
    height: 1.875rem;
    border: .0625rem solid #e7e7e7;
}

#choose-plan .plan-card {
    display: flex;
    border: .0625rem solid #e7e7e7;
    border-radius: .625rem;
    padding: 1.5rem 1.25rem 1.5625rem;
    margin-bottom: .9375rem;
    align-items: center;
    background-color: var(--white);
    position: relative;
    z-index: 1;
}

#choose-plan .plan-card-div {
    position: relative;
}

#choose-plan .plan-card-div.active .plan-card {
    border-color: var(--white);
}

#choose-plan .plan-card-div.active::after {
    content: "";
    position: absolute;
    z-index: 0;
    border-radius: .75rem;
    top: -0.1875rem;
    right: -0.1875rem;
    left: -0.1875rem;
    bottom: -0.1875rem;
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%), linear-gradient(0deg, #ffffff, #ffffff);
}

#choose-plan .plan-month {
    margin-left: .625rem;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    color: var(--black);
    margin-bottom: 0;
}

#choose-plan .plan-discount {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    color: #46b87a;
    background: rgba(70, 184, 122, 0.1);
    border-radius: 1.3125rem;
    height: 2.5625rem;
    margin-left: .5625rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.875rem;
    padding: .375rem .9375rem .3125rem .8125rem;
}

#choose-plan .plan-price {
    margin-left: auto;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-bottom: 0;
    background: -webkit-linear-gradient(326deg, #467efe 40.83%, #7ed7fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#choose-plan .plan-price span {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    background: -webkit-linear-gradient(326deg, #467efe 40.83%, #7ed7fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.modal-title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.625rem;
    margin: .875rem auto 0;
    color: var(--black);
}

.btn-close {
    position: absolute;
    right: 2.1875rem;
}

.offer-fields {
    padding: .8125rem 1.375rem;
    border: .0625rem solid #e7e7e7;
    border-radius: 3.125rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: var(--black);
    margin-bottom: .9375rem;
    box-shadow: none !important;
}

textarea.offer-fields {
    border-radius: 26px !important;
}

.offer-fields::-moz-placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #7e7f87;
}

.offer-fields::placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #7e7f87;
}

.offer-price {
    position: relative;
}

.offer-price .offer-fields {
    padding-left: 3.75rem;
}

.offer-price::before {
    content: "$";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding: .125rem .9375rem .125rem 1.5625rem;
    margin: .8125rem auto .6875rem;
    color: var(--black);
    border-right: .0625rem solid #e7e7e7;
}

.states .filter-search {
    max-width: 26.5rem;
    width: 100%;
}

.states .state-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.25rem;
    margin-bottom: 0;
    color: var(--black);
}

.states .state-heading {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .9375rem;
    border-bottom: .0625rem solid #e7e7e7;
    margin-bottom: 2.125rem;
}

.states .nav-tabs {
    justify-content: center;
}

.states .nav-link.active {
    border: none;
    border-bottom: .125rem solid var(--blue);
    background-color: rgba(66, 96, 203, 0.05);
}

.states .nav-link:hover {
    border-bottom: .125rem solid var(--blue);
}

.states .nav-link {
    padding: .9375rem 3.75rem;
    border: none;
    border-bottom: .0625rem solid #e7e7e7;
    display: flex;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    gap: .625rem;
    align-items: center;
    justify-content: center;
}

.states .nav-link .state-flag {
    width: 2.8125rem;
    height: 2.8125rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .0625rem solid #e7e7e7;
}

.states .nav-link .state-flag img {
    -o-object-fit: cover;
    object-fit: cover;
}

.states .tab-content {
    margin: 3.125rem auto 6.25rem;
}

.states .tab-content p {
    font-size: 1.125rem;
    padding-left: 1.875rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-bottom: 1.875rem;
    color: var(--black);
}

.states .tab-content .col-6 {
    border-left: .0625rem solid #e7e7e7;
}

.number-faq {
    padding: 5rem 0 0;
    background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
}

.number-faq .faq-title {
    max-width: 39.875rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 3rem;
    color: var(--black);
    margin-bottom: 3.125rem !important;
    margin: auto;
    text-align: center;
}

.number-faq .accordion-button:not(.collapsed)::after {
    background-image: none;
    height: .125rem;
    content: " ";
    width: .875rem;
    transform: none;
    border-top: .125rem solid #ffffff;
}

.number-faq .accordion-button::after {
    background-image: url(../images/icons/plus-icon.svg);
    background-size: cover;
    content: "";
    width: .875rem;
    height: .875rem;
}

.number-faq .accordion-button:focus {
    box-shadow: none;
}

.number-faq .accordion-button {
    border-radius: .375rem !important;
    border: none;
    font-size: 1rem;
    gap: .5rem;
    font-weight: 600;
    line-height: 1.75rem;
    color: var(--black);
    padding: .6875rem 1.25rem .6875rem .9375rem;
    box-shadow: none;
    background-color: var(--white);
}

.number-faq .accordion-button:not(.collapsed) {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    color: var(--white);
}

.number-faq .accordion-item {
    margin-bottom: .625rem;
    border: none;
}

.number-faq .accordion-body {
    padding: .9375rem 1.25rem .9375rem .9375rem;
    min-height: 9.875rem;
    border-radius: .375rem;
    background-color: var(--white);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    color: #7e7f87;
    position: relative;
    z-index: 2;
    box-shadow: 0rem .25rem 4rem 0rem rgba(0, 0, 0, 0.0705882353);
}

.number-faq .faq-round-1 {
    position: absolute;
    width: 23.125rem;
    height: 23.125rem;
    border-radius: 100%;
    background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
    opacity: 10%;
    left: 2.875rem;
    top: 2.8125rem;
    rotate: 180deg;
    z-index: 0;
}

.number-faq .faq-round-2 {
    position: absolute;
    width: 20.8125rem;
    height: 20.8125rem;
    border-radius: 100%;
    background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
    opacity: 10%;
    right: 2.875rem;
    bottom: .4375rem;
    rotate: -90deg;
    z-index: 0;
}

.faq-img {
    width: 100%;
    height: 8rem;
}


/* Cart Page */

.cart-shopings {
    row-gap: 1.875rem;
}

.cart-number-card {
    box-shadow: 0rem .25rem 3.375rem 0rem rgba(0, 0, 0, 0.0705882353);
    border-radius: .375rem;
    padding: .3125rem;
    background-color: var(--white);
    margin-right: 1.25rem;
}

.cart-number-card .cart-number {
    display: flex;
    justify-content: space-between;
    padding: .9375rem 0 .625rem;
    margin: 0 .9375rem;
    border-bottom: .0625rem solid rgba(34, 35, 40, 0.1);
}

.cart-number-card .cart-number h4 {
    color: var(--black);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-top: .25rem;
    margin-bottom: .625rem;
}

.cart-number-card .cart-number h3 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    margin-bottom: 0rem;
}

.cart-number-card .cart-number .cart-trash {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
    border: none;
}

.cart-number-card .cart-number .cart-trash:hover img {
    animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

.cart-number-card .cart-alert-text {
    display: flex;
    margin: .9375rem .75rem 1.25rem 1.25rem;
    align-items: flex-start;
}

.cart-number-card .cart-alert-text p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: #7e7f87;
    margin-bottom: 0;
}

.cart-number-card .cart-text {
    margin: 0 1.25rem .9375rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--black);
}

.cart-number-card .cart-price {
    display: flex;
    justify-content: space-between;
    margin: 0 1.25rem .9375rem;
}

.cart-number-card .cart-price p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--black);
    margin-bottom: 0;
}

.cart-number-card .cart-total-btn {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    border-radius: .375rem;
    padding: .5625rem .9375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    color: var(--white);
    border: .125rem solid var(--white);
    width: 100%;
    transition: all 0.2s ease-in-out;
}

.cart-number-card .cart-total-btn:hover {
    border: .125rem solid var(--blue);
    color: var(--blue);
    background: var(--white);
}

.cart-number-card:hover {
    box-shadow: 0rem .25rem 3.375rem 0rem rgba(0, 0, 0, 0.21);
}

.cart-section .btn-blue {
    margin-right: 1.25rem;
    width: 15rem;
    margin-top: 1.875rem;
}

.cart-shopings {
    border-right: .0625rem solid #e7e7e7;
    padding-right: .75rem;
}

@keyframes bellshake {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(15deg);
    }

    30% {
        transform: rotate(-15deg);
    }

    45% {
        transform: rotate(10deg);
    }

    60% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(5deg);
    }

    85% {
        transform: rotate(-5deg);
    }

    92% {
        transform: rotate(3deg);
    }

    100% {
        transform: rotate(0);
    }
}

.secure-checkout {
    box-shadow: 0rem .25rem 3.375rem 0rem rgba(0, 0, 0, 0.0705882353);
    background-color: var(--white);
    padding: 1.875rem 1.875rem 1.25rem;
    border-radius: .375rem;
    margin-left: 3.5rem;
}

.secure-checkout .sc-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .625rem;
}

.secure-checkout .sc-total p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--black);
    margin-bottom: 0;
}

.secure-checkout .sc-total2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.0625rem;
    border-bottom: .0625rem solid #e7e7e7;
    margin-bottom: 1.25rem;
}

.secure-checkout .sc-total2 p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--black);
    margin-bottom: 0;
}

.secure-checkout .cart-disc-code {
    margin-bottom: 1.875rem;
}

.secure-checkout .cart-disc-code .form-control {
    padding: .8125rem 1.375rem;
    border-radius: 3.125rem;
    height: 3.125rem;
    border: .0625rem solid #e7e7e7;
    border-right: none !important;
}

.secure-checkout .cart-disc-code .form-control::-moz-placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #7e7f87;
}

.secure-checkout .cart-disc-code .form-control::placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #7e7f87;
}

.secure-checkout .cart-disc-code .form-control:focus {
    box-shadow: none;
}

.secure-checkout .cart-disc-code .apply-code-btn {
    border: .0625rem solid #e7e7e7;
    border-radius: 3.125rem;
    height: 3.125rem;
    padding: .8125rem 1.875rem .8125rem .9375rem;
    border-left: none;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--blue);
    position: relative;
    z-index: 7;
}

.secure-checkout .cart-disc-code .apply-code-btn:hover {
    background-color: rgba(70, 126, 254, 0.7);
    color: var(--white);
}

.secure-checkout .cart-disc-code .apply-code-btn::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -0.0625rem;
    width: .0625rem;
    height: 1.875rem;
    margin: auto;
    background-color: #e7e7e7;
}

.secure-checkout .checkout-cart-btn {
    width: 100%;
    height: 2.8125rem;
    border-radius: 3.125rem;
    background-color: var(--blue);
    color: var(--white) !important;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    border: none !important;
    margin-bottom: 1.25rem;
}

.secure-checkout .checkout-cart-btn:hover {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.secure-checkout .pay-icons {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 1.875rem;
}

.secure-checkout .trust-text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: #7e7f87;
    margin-bottom: 0;
    text-align: center;
}

.our-company .our-company {
    width: 100%;
    max-width: 45.375rem;
    max-height: 40.75rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .625rem;
}

.our-company .our-badge {
    background: linear-gradient(95.35deg, rgba(70, 126, 254, 0.1) 5.26%, rgba(97, 202, 253, 0.1) 100%);
    width: -moz-fit-content;
    width: fit-content;
    padding: .375rem 1.25rem;
    color: var(--blue);
    margin-bottom: .9375rem;
    border-radius: 1.125rem;
}

.our-company .our-title {
    max-width: 38.375rem;
    margin-bottom: .9375rem;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.125rem;
    color: var(--black);
}

.our-company .our-text {
    max-width: 39.125rem;
    margin-bottom: .9375rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
    color: #7e7f87;
}

.our-company .our-btn {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    color: var(--white);
    border: .125rem solid var(--blue);
    background-color: var(--blue);
    padding: .875rem 3.25rem;
    margin: .9375rem 0 .9375rem;
    border-radius: 1.875rem;
}

.our-company .our-btn:hover {
    color: var(--blue);
    background-color: var(--white);
}

.about-featured-section {
    margin: 5rem 0;
}

.about-featured-section .featured-title {
    margin-bottom: 1.875rem;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.375rem;
    text-align: center;
    color: var(--black);
}

.about-featured-section .featured-imgs {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
    -moz-column-gap: 5.625rem;
    column-gap: 5.625rem;
    row-gap: 2.5rem;
}

.about-featured-section .featured-imgs img {
    max-height: 2.75rem;
    -o-object-fit: cover;
    object-fit: cover;
}

.about-shop-section {
    padding: 5.8125rem 0 25rem;
    background-position: center bottom;
}

.about-shop-section .about-white-title {
    font-size: 2.25rem;
    margin-bottom: .9375rem;
    font-weight: 700;
    line-height: 2.75rem;
    color: var(--white);
    max-width: 35.9375rem;
}

.about-shop-section .about-text {
    margin-bottom: 1.875rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.625rem;
    color: var(--white);
    max-width: 35.9375rem;
}

.about-shop-section .shop-local-btn {
    border-radius: 1.875rem;
    background: #4cc1fe;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    padding: .875rem 2.0625rem;
    color: var(--white);
    border: .125rem solid #4cc1fe;
}

.about-shop-section .shop-local-btn:hover {
    color: var(--white);
    background-color: transparent;
    border-color: var(--white);
}

.about-shop-section .reviews-img {
    background: linear-gradient(114.49deg, #4cc1fe 0%, #ffffff 100%);
    height: 30.75rem;
    box-shadow: none;
}

.our-team .team-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.125rem;
    text-align: center;
    color: var(--black);
    margin-bottom: 0;
}

.our-team .team-sub-title {
    margin: 0 auto 3.125rem;
    color: #7e7f87;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
    text-align: center;
    max-width: 43.5rem;
}

.our-team .our-team-member {
    margin: 0 .1875rem 5rem;
    text-align: center;
}

.our-team .our-team-member .member-img {
    max-width: 20.8125rem;
    max-height: 20.8125rem;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto .9375rem;
}

.our-team .our-team-member .member-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 100%;
    transition: all 0.4s ease-in-out;
}

.our-team .our-team-member .member-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    opacity: 70%;
    border-radius: 100%;
    mix-blend-mode: overlay;
}

.our-team .our-team-member .member-name {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    text-align: center;
    margin-bottom: .3125rem;
    color: var(--black);
}

.our-team .our-team-member .member-post {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: center;
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: .625rem;
}

.our-team .our-team-member .member-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-column-gap: .9375rem;
    column-gap: .9375rem;
}

.our-team .our-team-member .member-icons a {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    border: .0625rem solid #e7e7e7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our-team .our-team-member .member-icons a:hover img {
    animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

.our-team .our-team-member:hover .member-img img {
    transform: scale(1.1);
}


/* .why-us-page .use-cases-section::after {
  content: none !important;
} */

.why-text-dec p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: var(--black);
    position: relative;
    padding-left: 1.375rem;
}

.why-text-dec p:hover::after {
    background-color: transparent;
}

.why-text-dec p::before {
    content: " ";
    position: absolute;
    top: .375rem;
    left: 0;
    width: .74rem;
    height: .74rem;
    border-radius: 100%;
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.why-text-dec p::after {
    content: "";
    position: absolute;
    top: .5rem;
    left: .125rem;
    width: .49rem;
    border-radius: 100%;
    background-color: var(--white);
    height: .49rem;
}

.why-us-network {
    position: relative;
}

.why-us-network .home-dec-1 {
    position: absolute;
    top: 0;
    left: 5.625rem;
}

.why-sub-title {
    font-size: 1rem;
    max-width: 37.8125rem;
    font-weight: 400;
    line-height: 1.75rem;
    color: var(--white);
    margin-bottom: 1.875rem;
}

.why-us-main {
    margin-bottom: 5rem;
}

.why-us-main .why-us-title {
    font-size: 2.25rem;
    max-width: 43.5rem;
    margin: 0 auto .9375rem;
    font-weight: 700;
    line-height: 3.125rem;
    text-align: center;
    color: var(--black);
}

.why-us-main .why-us-sub-title {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
    text-align: center;
    max-width: 43.5rem;
    color: #7e7f87;
    margin: 2.1875rem auto 3.125rem;
}

.why-us-main .why-us-icon {
    width: 15rem;
    height: 15rem;
    border-radius: 100%;
    border: .3125rem solid rgba(66, 96, 203, 0.1019607843);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2.1875rem auto 1.25rem;
}

.why-us-main .why-us-icon img {
    max-width: 7.5rem;
    max-height: 7.5rem;
    transition: all 0.6s ease-in-out;
}

.why-us-main .why-text {
    font-size: 1.375rem;
    margin: 0 auto .625rem;
    font-weight: 500;
    line-height: 1.75rem;
    text-align: center;
    max-width: 15.6875rem;
    color: var(--black);
}

.why-us-main .why-sub-text {
    font-size: 1rem;
    font-weight: 400;
    color: #7e7f87;
    line-height: 1.625rem;
    text-align: center;
    max-width: 15.875rem;
    margin: 0 auto 2.1875rem;
}

.why-us-main .col-xl-3 {
    border-right: .0625rem solid #e7e7e7;
    border-bottom: .0625rem solid #e7e7e7;
}

.why-us-main .col-xl-3:hover img {
    animation: bounceicon 3s infinite;
    animation-timing-function: ease-in-out;
}

.why-us-main .col-xl-3:hover .why-us-icon {
    border-style: dotted;
}

@keyframes bounceicon {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-1.25rem);
    }

    60% {
        transform: translateY(-0.625rem);
    }
}

.knowledge-main .nav-pills {
    gap: 1.25rem;
    margin-bottom: 3.125rem;
    justify-content: center;
}

.knowledge-main .nav-pills .nav-link {
    padding: .6875rem 1.875rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    color: var(--black);
    border-radius: 1.5625rem;
    border: .0625rem solid #e7e7e7;
    max-height: 3.125rem;
}

.knowledge-main .nav-pills .nav-link:hover {
    border-color: var(--blue);
    color: var(--blue);
}

.knowledge-main .nav-pills .nav-link.active {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    color: var(--white);
}

.knowledge-main .knowledge-card {
    position: relative;
    overflow: hidden;
}

.knowledge-main .knowledge-card .knowledge-card-img {
    /* max-width: 28.375rem; */
    background: linear-gradient(95.35deg, #467efe0f 5.26%, #61cafd14 100%);
    height: 19.6875rem;
    overflow: hidden;
    border-radius: .625rem;
    margin: 0 auto .9375rem;
}

.knowledge-main .knowledge-card video,
.knowledge-main .knowledge-card img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100% !important;
    height: 100%;
    border-radius: .625rem;
    transition: all 0.4s ease-in-out;
}

.knowledge-main .knowledge-card .knowledge-title {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.875rem;
    color: var(--black);
    margin-bottom: .9375rem;
}

.knowledge-main .knowledge-card .knowledge-text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #7e7f87;
    margin-bottom: 1.25rem;
}

.knowledge-main .knowledge-card .knowledge-btn {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    color: var(--blue);
    border: .0625rem solid #4260cb;
    border-radius: 1.875rem;
    padding: .875rem 1.875rem;
    transition: all 0.4s ease-in-out;
    margin-bottom: 3.125rem;
}

.knowledge-main .knowledge-card .knowledge-btn:hover {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    color: var(--white);
    border-color: var(--white);
}

.knowledge-main .knowledge-case-study {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--white);
    padding: .5rem .9375rem;
    background: rgba(34, 35, 40, 0.3);
    border-radius: 1.5625rem 0 0 1.5625rem;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    transition: all 0.6s ease-in-out;
    right: 0;
    top: 1.5625rem;
}

.knowledge-card:hover .blog-date {
    color: var(--blue);
}

.knowledge-card:hover .knowledge-case-study {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.knowledge-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    margin-bottom: 1.5rem;
}

.knowledge-pagination .pagination-item.dark {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    text-align: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 100%;
    border: .0625rem solid #e7e7e7;
    color: var(--black);
}

.pagination-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.knowledge-pagination .pagination-item.lignt {
    color: #7e7f87;
    background: #f7f7f7;
    border-color: #f7f7f7;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    text-align: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 100%;
}

.knowledge-pagination .pagination-item.prev {
    color: #7e7f87;
    background: #f7f7f7;
    border-color: #f7f7f7;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    text-align: center;
    padding: .6875rem 1.875rem;
    border-radius: 1.875rem;
    height: 3.125rem;
}

.knowledge-pagination .dark:hover,
.knowledge-pagination .lignt:hover,
.knowledge-pagination .next:hover {
    border-color: #4260cb !important;
}

.knowledge-pagination .pagination-item.next {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    padding: .6875rem 1.875rem;
    border: .0625rem solid var(--white);
    border-radius: 1.5625rem;
    color: var(--white);
}

.local-faq {
    background: none;
    margin-bottom: 6.25rem;
    padding-top: 0;
}

.local-faq .accordion-button.collapsed {
    border: .0625rem solid #e7e7e7;
}

.local-faq .faq-title {
    margin-bottom: 1.875rem !important;
}

.blog-main .blog-date {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
    margin-bottom: .3125rem;
    color: #7e7f87;
}

.blog-main .knowledge-btn {
    max-height: 3.4375rem;
    margin-bottom: 1.5625rem !important;
}

.blog-main .knowledge-text {
    margin-bottom: .625rem !important;
}

.blog-main .knowledge-card-img {
    margin-bottom: 1.4375rem !important;
    overflow: hidden;
}

.blog-main .knowledge-card-img img {
    transition: all 0.4s ease-in-out;
}

.blog-main .knowledge-card:hover img {
    transform: scale(1.1);
}

.blog-detail .blog-detail-img img {
    max-height: 34.625rem;
    width: 100%;
    border-radius: .625rem;
    transition: all 0.6s ease-in-out;
}

.blog-detail .blog-detail-img {
    overflow: hidden;
    border-radius: .625rem;
    max-height: 34.625rem;
    margin-bottom: 1.875rem;
}

.blog-detail .blog-detail-img:hover img {
    transform: scale(1.05);
}

.blog-detail .blog-detail-date {
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.625rem;
    color: #7e7f87;
}

.blog-detail .blog-detail-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.375rem;
    color: #222328;
    margin-bottom: 0;
}

.blog-detail .blog-detail-text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
    margin-bottom: .625rem;
    color: #7e7f87;
}

.blog-detail .blog-detail-list {
    padding-left: 1.25rem;
}

.blog-detail .blog-detail-list::before {
    content: "•";
    color: #7e7f87;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.blog-detail .blog-detail-sub-title {
    font-size: 1.375rem;
    margin-bottom: 1.875rem;
    font-weight: 500;
    line-height: 1.875rem;
    color: var(--black);
}

.blog-detail .next-prev-blog {
    display: flex;
    justify-content: space-between;
    margin: 2.125rem auto .3125rem;
}

.blog-detail .next-prev-blog .prev-blog:hover p,
.blog-detail .next-prev-blog .next-blog:hover p {
    color: var(--blue);
}

.blog-detail .next-prev-blog .next-blog:hover,
.blog-detail .next-prev-blog .prev-blog:hover {
    border: .125rem solid rgba(136, 198, 251, 0.42);
}

.blog-detail .next-prev-blog .next-blog,
.blog-detail .next-prev-blog .prev-blog {
    border: none;
    background-color: var(--white);
    display: flex;
    border-radius: .5rem;
    border: .125rem solid var(--white);
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
}

.blog-detail .next-prev-blog .next-blog img,
.blog-detail .next-prev-blog .prev-blog img {
    width: 5.6875rem;
    height: 5.6875rem;
    border-radius: .375rem;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog-detail .next-prev-blog .next-blog p,
.blog-detail .next-prev-blog .prev-blog p {
    margin-bottom: .1875rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    color: #7e7f87;
}

.blog-detail .next-prev-blog .next-blog h4,
.blog-detail .next-prev-blog .prev-blog h4 {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.875rem;
    max-width: 21.3125rem;
    width: 100%;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.privacy-policy {
    padding-bottom: 1.5625rem;
}

.privacy-policy h4 {
    margin: 1.875rem 0 .9375rem;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.625rem;
    color: var(--black);
}

.privacy-policy .policy-text {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    color: #8c94b0;
    margin-bottom: .9375rem;
}

.privacy-policy .policy-sub-text::before {
    content: "•";
    color: var(--black);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.privacy-policy .policy-sub-text {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2rem;
    color: var(--black);
    padding-left: 1.25rem;
    margin-bottom: 0rem;
}

.testimonials .testimonal-box:hover {
    box-shadow: 0rem .25rem 3.25rem 0rem rgba(0, 0, 0, 0.02);
    border: .0625rem dashed var(--black);
}

.testimonials .testimonal-box:hover .testimonial-info {
    background: linear-gradient(255deg, #f1f4fd 0%, #dbf1ff 100%);
}

.testimonials .testimonal-box {
    max-width: 26rem;
    height: 26rem;
    border-radius: 100%;
    border: .0625rem solid #e7e7e7;
    padding-top: 4.875rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin: 0 auto 11.4375rem;
    z-index: 2;
    transition: all 0.4s ease-in-out;
}

.testimonials .testimonal-box .testimonial-dec-img {
    margin: 0 auto 1.25rem;
}

.testimonials .testimonal-box .testimonial-text {
    color: #7e7f87;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    max-width: 24.625rem;
    margin: 0 auto 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    white-space: pre-wrap;
}

.testimonials .testimonial-info {
    margin-top: 3.125rem;
    width: 14.125rem;
    min-height: 13.875rem;
    border-radius: 100%;
    background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
    padding: 1.5625rem .625rem 1.8125rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    bottom: -6.5625rem;
}

.testimonials .testimonial-img {
    width: 5.375rem !important;
    height: 5.375rem !important;
    background: url(../images/image/testimonial-ring.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.testimonials .testimonial-img img {
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 4.625rem;
    width: 100%;
    height: 100%;
    max-height: 4.625rem;
}

.testimonials h5 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    text-align: center;
    color: var(--black);
    margin-bottom: -0.1875rem;
}

.testimonials p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    max-width: 8.625rem;
    text-align: center;
    color: var(--gray-2);
    margin-bottom: 0;
}

.contact-us {
    margin-bottom: 6.25rem;
}

.contact-us .feedback-title {
    font-size: 2.25rem;
    color: var(--black);
    font-weight: 700;
    line-height: 3.375rem;
    text-align: center;
    margin-bottom: .3125rem;
}

.contact-us .feedback-sub-title {
    max-width: 43.5rem;
    font-size: 1.125rem;
    font-weight: 400;
    margin: 0 auto 1.875rem;
    line-height: 1.75rem;
    text-align: center;
    color: #8c94b0;
}

.feedback-box:hover {
    box-shadow: 0rem .25rem 3.375rem 0rem rgba(0, 0, 0, 0.04);
}

.feedback-box {
    max-width: 73.75rem;
    padding: 3.0625rem 3.75rem 3.125rem;
    border-radius: .625rem;
    box-shadow: 0rem .25rem 5.25rem 0rem rgba(0, 0, 0, 0.1019607843);
    margin: 0 auto 5rem;
}

.feedback-box .offer-fields {
    min-height: 3.75rem;
    color: var(--blue);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 1.25rem;
}

.feedback-box .offer-fields:focus {
    border-color: var(--blue);
}

.feedback-box .offer-fields::-moz-placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
    text-align: left;
    color: #7e7f87;
}

.feedback-box .offer-fields::placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
    text-align: left;
    color: #7e7f87;
}

.feedback-box textarea {
    border-radius: 1.25rem;
    resize: none;
    padding: 1.1875rem 1.25rem 1.0625rem;
}

.contact-way:hover img {
    transform: rotateY(180deg);
}

.contact-way {
    cursor: pointer;
}

.contact-way .contact-img {
    width: 15rem;
    height: 15rem;
    border-radius: 100%;
    border: .3125rem solid rgba(66, 96, 203, 0.1019607843);
    margin: 0 auto 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-way .contact-img img {
    transition: all 0.9s ease-in-out;
}

.contact-way .contact-way-name {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 2.0625rem;
    text-align: center;
    color: var(--black);
    margin-bottom: .625rem;
}

.contact-way .contact-id {
    font-size: 1.25rem;
    color: #7e7f87;
    margin-bottom: 1.25rem;
    font-weight: 400;
    line-height: 1.625rem;
    text-align: center;
    word-break: break-all;
}

.checkout-box .feedback-box {
    padding: 0;
    margin: 0 3.3125rem 0 0;
}

.checkout-box .checkout-title {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    color: var(--black);
    margin: 0rem 0 .9375rem 1.875rem;
    padding-top: 1.875rem;
}

.checkout-box .offer-fields {
    min-height: 3.125rem;
    margin-bottom: .9375rem;
}

.checkout-box .offer-fields::-webkit-outer-spin-button,
.checkout-box .offer-fields::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.checkout-box input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.checkout-box .row .row {
    margin: 0 1.375rem;
}

.checkout-box hr {
    border-top: .0625rem solid #e7e7e7;
    opacity: 1;
    margin: .9375rem 0 0;
}

.accept-terms {
    display: flex;
    align-items: center;
    gap: .625rem;
    margin-left: 1.875rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: var(--black);
}

.accept-terms a {
    text-decoration: none;
    color: #4260cb !important;
}

.my-profil-tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.my-profil-tabs a {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    color: var(--black);
    text-decoration: none;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    display: flex;
    align-items: center;
    border-bottom: .0625rem solid #e7e7e7;
    padding: .9375rem 1.375rem .9375rem;
}

.my-profil-tabs a:hover {
    border-color: var(--blue);
}

.my-profil-tabs a.active {
    color: var(--blue);
    border-bottom: .125rem solid var(--blue);
}

.my-profil-tabs a.active svg path {
    fill: var(--blue);
}

.my-profile {
    max-width: 58.625rem;
    margin: 1.25rem auto;
}

.my-profile .offer-fields {
    margin-bottom: 1.25rem !important;
}

#myOrder th.sorting:before,
#myOrder th.sorting:after,
#myOrder td.sorting:before,
#myOrder td.sorting:after {
    content: none;
}

.table-perent {
    overflow: auto;
    margin-bottom: 6.25rem;
}

.table-perent .dataTables_wrapper {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 0;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

#myOrder {
    width: 100%;
    border-top: none;
    min-width: 73.75rem;
    margin: 3.125rem auto 0;
}

#myOrder .dt-row {
    --bs-gutter-x: 0;
}

#myOrder thead {
    border-radius: .375rem !important;
}

#myOrder thead tr {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

#myOrder thead tr th {
    border: none;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    padding: .75rem 0rem .6875rem;
    color: var(--white);
}

#myOrder th:first-child {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem;
}

#myOrder th:last-child {
    border-top-right-radius: .375rem;
    padding-right: 2.1875rem;
    border-bottom-right-radius: .375rem;
}

#myOrder tbody tr td:last-child {
    padding-right: 2.1875rem !important;
}

#myOrder th:first-child,
#myOrder tbody tr td:first-child {
    padding-left: 1.875rem;
}

#myOrder tbody::after {
    content: "";
    position: absolute;
    top: -0.625rem;
    width: 100%;
    height: calc(100% + .625rem);
    border: .0625rem solid #e7e7e7;
    border-radius: .375rem;
    z-index: -1;
}

#myOrder tbody {
    position: relative;
}

#myOrder tbody tr td {
    padding: 1.25rem .625rem 1.25rem 0;
    color: var(--black);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    vertical-align: top;
}

#myOrder tbody p,
#myOrder tbody span {
    color: var(--black);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 0;
}

#myOrder tbody .order-address {
    min-width: 15.1875rem;
    max-width: 18.75rem;
}

#myOrder tbody .even {
    position: relative;
}

#myOrder tbody .even td:first-child::after {
    content: "";
    width: calc(100% - 1.25rem);
    background: linear-gradient(95.35deg, rgba(70, 126, 254, 0.1) 5.26%, hsla(200, 98%, 69%, 0.1) 100%) !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: .625rem;
    right: .625rem;
    border-radius: .625rem;
    z-index: -1;
}

.numbers-order tr th:last-child,
.numbers-order tr td:last-child {
    padding-right: 1.25rem !important;
}

.numbers-order .order-address p {
    width: 15.1875rem;
    text-wrap: wrap;
}

.numbers-order .order-status,
#myOrder tbody .order-status {
    width: -webkit-fill-available;
    margin: auto;
    height: 2.1875rem;
    border-radius: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 4rem;
}

.numbers-order .pending,
#myOrder tbody .order-status.pending {
    color: #fb6666;
    background-color: rgba(70, 184, 122, 0.1);
}

.numbers-order .delivered,
#myOrder tbody .order-status.delivered {
    color: #46b87a;
    background-color: rgba(70, 184, 122, 0.1);
}

.numbers-order .open,
#myOrder tbody .order-status.open {
    color: #4260cb;
    background-color: rgba(66, 96, 203, 0.1);
}

.payment-part {
    margin: 3.125rem auto 3.125rem;
}

.payment-card {
    position: relative;
    background: var(--white);
    max-width: 24.5625rem;
    width: 100%;
    margin: auto;
}

.payment-card .payment-detail {
    display: flex;
    padding: 0 .625rem 0 1.0625rem;
    align-items: flex-start;
}

.payment-card label {
    background: var(--white);
    padding: .9375rem .3125rem .3125rem;
    border-radius: .625rem;
}

.payment-card label h5 {
    font-size: 1.125rem;
    margin-bottom: .3125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    color: var(--blue);
}

.payment-card label p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 1.25rem;
    color: var(--gray-2);
}

.payment-card label .payment-btns {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    border-radius: .375rem;
    display: flex;
    justify-content: space-around;
    padding: .125rem;
}

.payment-card label .payment-btn {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    color: var(--white);
    border-radius: .375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .8125rem;
    padding: .5625rem .75rem .5625rem;
    width: 50%;
    transition: all 0.4s ease-in-out;
}

.payment-card label .payment-btn img {
    transition: all 0.4s ease-in-out;
}

.payment-card label .payment-btn:hover {
    background-color: var(--white);
    color: var(--black);
}

.payment-card label .payment-btn:hover img {
    filter: invert(0.9);
}

.payment-card::after {
    content: "";
    background: #e7e7e7;
    position: absolute;
    inset: -0.0625rem;
    width: calc(100% + .125rem);
    height: calc(100% + .125rem);
    border-radius: .6875rem;
    z-index: 0;
}

.active.payment-card::after {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.new-card-btn {
    text-decoration: none;
    font-size: 1.125rem;
    font-weight: 500;
    display: flex;
    line-height: 1.6875rem;
    color: var(--white);
    padding: .875rem 3.4375rem;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    background: var(--blue);
    border-radius: 1.875rem;
    margin-bottom: 6.25rem;
    border: .0625rem solid var(--blue) !important;
}

.new-ask-btns form>div {
    width: calc(50%) !important;
    transform: translateX(calc(100% - .5625rem));
}

.new-ask-btns form label {
    width: calc(50% - .0625rem) !important;
}

.new-card-btn:hover {
    color: var(--blue);
    background-color: var(--white);
}

.change-pass-btn {
    font-size: 1.125rem;
    font-weight: 500;
    display: flex;
    line-height: 1.6875rem;
    color: var(--blue);
    padding: .875rem 3.4375rem;
    width: -moz-fit-content;
    width: fit-content;
    margin: .625rem auto;
    background: var(--white);
    border-radius: 1.875rem;
    border: .0625rem solid var(--blue) !important;
}

.change-pass-btn:hover {
    color: var(--white);
    background-color: #4260cb;
}

.newsletter-select {
    margin-left: 0;
    margin-bottom: 1.875rem;
    cursor: pointer;
}

.custome-select .select2 {
    width: 100% !important;
    margin-bottom: 1.25rem;
}

.custome-select .select2 .select2-selection--single {
    padding: .8125rem 1.25rem !important;
    height: 3.125rem;
    border: .0625rem solid #e7e7e7;
    border-radius: 3.125rem !important;
}

.custome-select .select2 .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: .5rem .4375rem 0 .4375rem;
    height: 0;
    left: -0.5rem;
    margin-left: -0.25rem;
    margin-top: -0.125rem;
    position: absolute;
    top: 1.4375rem;
    width: 0;
}

.custome-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 .375rem .4375rem .375rem;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 1.25rem;
    padding: .625rem 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: .625rem;
}

.forget-password {
    border: .0625rem solid #e7e7e7;
    background: linear-gradient(95.35deg, rgba(70, 126, 254, 0.05) 5.26%, rgba(97, 202, 253, 0.05) 100%);
    border-radius: .625rem;
    max-width: 43.5rem;
    margin: 3.125rem auto 9.375rem;
    padding: 3.125rem 1.25rem 3.125rem;
}

.forget-password p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6875rem;
    text-align: center;
    max-width: 28.3125rem;
    color: var(--black);
    margin: 0 auto 1.25rem;
}

.forget-password input {
    max-width: 28.375rem;
    margin: 0 auto 1.875rem;
}

.forget-password .password-field {
    max-width: 28.375rem;
    margin: 0 auto 1.875rem;
}

.signup-bg {
    background: url(../images/image/signup-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 1.25rem;
    width: 100%;
    padding: 2.5rem 1.8125rem;
    margin: 1.25rem auto 8.1875rem;
    max-width: 88.75rem;
}

.signup-box {
    max-width: 50%;
    border-radius: .625rem;
    outline: .4375rem solid rgba(255, 255, 255, 0.3019607843);
    background-color: var(--white);
    padding: 2.5rem 1.875rem 2.25rem;
    margin-left: auto;
}

.signup-box .login-btns {
    border: .0625rem solid #e7e7e7;
    border-radius: 1.5625rem;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    margin: 0 auto 1.875rem;
}

.signup-box .login-btns .btn {
    color: var(--black);
    font-size: 1.125rem;
    font-weight: 500;
    width: 11.25rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.6875rem;
    border: none;
}

.signup-box .login-btns .btn-active {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    border-radius: 1.5625rem;
    color: var(--white);
}

.signup-box .login-title {
    font-size: 1.375rem;
    color: var(--black);
    font-weight: 600;
    line-height: 2.0625rem;
    margin: 1.875rem 0 .9375rem;
}

.signup-box .alredy-account-text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: var(--black);
    text-align: center;
    margin-top: 1.25rem;
    margin-bottom: 0;
}

.signup-box .alredy-account-text a {
    text-decoration: none;
    color: var(--blue);
    font-weight: 600;
}

.signup-box .alredy-account-text a:hover {
    text-decoration: underline;
}

.login-bg {
    background-image: url(../images/image/login-bg.png);
    position: relative;
    margin-top: 4.5625rem;
}

.login-bg::after {
    content: "";
    background: url(../images/image/login-img.png);
    position: absolute;
    top: -4.625rem;
    left: 3.125rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 35.125rem;
    width: 24.0625rem;
}

.login-forget-password {
    display: flex;
    justify-content: space-between;
}

.offered-points-section .offered-points {
    display: flex;
    flex-wrap: wrap;
    row-gap: .625rem;
    max-width: 88.875rem;
    margin: 4.625rem auto 6.5rem;
    justify-content: center;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
    position: relative;
}

.offered-points-section .offered-card {
    width: 13.25rem;
    height: 13.25rem;
    border-radius: 100%;
    background: linear-gradient(95.35deg, rgba(70, 126, 254, 0.1) 5.26%, rgba(97, 202, 253, 0.1) 100%);
    text-align: center;
    padding-top: 2.875rem;
}

.offered-points-section .offered-card:hover img {
    transform: rotateY(1turn);
    transition: 1s ease-out;
}

.offered-points-section .offered-text {
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: 0em;
    text-align: center;
    color: var(--black);
    max-width: 9.3125rem;
    margin: 0 auto 0;
}

.offered-points-section .offered-img {
    border: .0319rem solid #e7e7e7;
    background-color: var(--white);
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .6875rem;
}

.offered-points::after {
    background: linear-gradient(123.8deg, #467efe 27.76%, #fdfeff 78.85%);
    width: 36.25rem;
    height: 36.25rem;
    border-radius: 100%;
    content: "";
    position: absolute;
    left: -33.125rem;
    bottom: -17.5rem;
    opacity: 7%;
    rotate: 53deg;
    z-index: -1;
}

.offered-points::before {
    background: linear-gradient(84.91deg, #467efe 8.04%, #fdfeff 70.4%);
    width: 36.25rem;
    height: 36.25rem;
    border-radius: 100%;
    content: "";
    position: absolute;
    right: -38.75rem;
    top: -12.5rem;
    opacity: 7%;
    z-index: -1;
}

.services-offered {
    /* background: linear-gradient(87.11deg, #467efe 1.52%, #55c7ff 100.15%);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; */
    padding: 16.375rem 0 5rem;
    position: relative;
    margin-top: 16.4375rem !important;
}

/* .services-offered::after {
    content: "";
    width: 100%;
    height: 27.5rem;
    background: url(../images/icons/home-new-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: absolute;
    right: 0;
    left: 0;
    top: -17.5rem;
    min-height: 23.4375rem;
} */

/* .services-offered::before {
    content: "";
    width: 100%;
    height: 17rem;
    background: url(../images/image/slider-bg-bottom.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -0.125rem;
} */

.offered-slider1 {
    width: 31.25rem;
    margin: auto;
}

.offered-slider1 .slider-card {
    background: var(--blue);
    padding: 2.5rem;
    border-radius: 1.25rem;
    max-width: 15.0625rem;
    transition: all 0.4s ease-in-out;
}

.offered-slider1 .slider-card .slider-btn,
.offered-slider1 .slider-card .slider-text {
    display: none;
}

.offered-slider1 .slider-card .slider-img {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 100%;
    border: .0319rem solid #e7e7e7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .6875rem;
    background-color: var(--white);
}

.offered-slider1 .slider-card .slider-img img {
    width: 2.5rem;
    height: 2.5rem;
    -o-object-fit: cover;
    object-fit: cover;
}

.offered-slider1 .slider-card .slider-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.6875rem;
    letter-spacing: 0em;
    text-align: center;
    margin: 0;
    color: var(--white);
}

.offered-slider1 .slider-card .slider-text {
    font-size: 1.125rem;
    margin: 0 auto .9375rem;
    font-weight: 500;
    line-height: 1.75rem;
    letter-spacing: 0em;
    text-align: center;
    color: var(--white);
}

.offered-slider1 .slider-card .slider-btn {
    box-shadow: 0rem .25rem 3.375rem 0rem rgba(0, 0, 0, 0.0705882353);
    border-radius: 1.875rem;
    padding: .875rem 1.875rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0em;
    text-align: center;
    color: var(--black);
    margin: auto;
    background-color: var(--white);
    border-color: var(--white) !important;
}

.offered-slider1 .slider-card .slider-btn:hover {
    color: var(--white);
    background-color: transparent;
}

.offered-slider1 .slider-btn,
.offered-slider1 .slider-text {
    display: block !important;
    transition: all 0.4s ease-in-out;
}

.offered-slider1 .slider-title {
    margin-bottom: .625rem;
}

.offered-slider1 .slider-card {
    width: 31.25rem;
    max-width: 31.25rem;
    background: linear-gradient(93.45deg, #467efe -21.54%, #61cafd 99.74%);
    padding: 2.6875rem 3.125rem;
}

.offered-slider1 .slider-img {
    width: 9.5625rem !important;
    height: 9.5625rem !important;
}

.offered-slider1 .slider-img img {
    width: 5.4375rem !important;
    height: 5.4375rem !important;
}

.offered-slider1 .owl-dot {
    width: .75rem;
    height: .75rem;
    border-radius: 100%;
    border: .0625rem solid #8c94b0;
    background-color: var(--white);
}

.offered-slider1 .owl-stage {
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-offered-container {
    max-width: 98rem !important;
    margin-top: -16.5rem;
}

.slider-heading {
    font-size: 3rem;
    font-weight: 700;
    line-height: 4.5rem;
    letter-spacing: 0em;
    text-align: center;
    color: var(--white);
    margin-bottom: 0;
}

.slider-sub-heading {
    margin-bottom: 2.375rem;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.75rem;
    letter-spacing: 0em;
    text-align: center;
    color: var(--white);
}

.services-offered .owl-dots {
    text-align: center;
    margin-top: .625rem;
}

.services-offered .owl-dots .owl-dot {
    border: .0625rem solid #8c94b0;
    width: .75rem;
    height: .75rem;
    border-radius: 100%;
    background-color: var(--white);
    margin: 0 .3125rem;
}

.services-offered .owl-dots .owl-dot.active {
    border-color: var(--blue);
    background-color: var(--blue);
    width: .75rem;
    height: .75rem;
    margin: 0 .3125rem;
    border-radius: 100%;
}

.slider-card.dumy {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 15.0625rem;
    height: 13.5625rem;
    border-radius: 1.25rem;
    background-color: var(--blue);
    margin: auto 0;
}

.slider-card.dumy .slider-img {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 100%;
    border: .0319rem solid #e7e7e7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .6875rem;
    background-color: var(--white);
}

.slider-card.dumy .slider-img img {
    width: 2.5rem;
    height: 2.5rem;
    -o-object-fit: cover;
    object-fit: cover;
}

.slider-card.dumy .slider-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.6875rem;
    letter-spacing: 0em;
    text-align: center;
    margin: 0;
    color: var(--white);
}

.offered-slider2 {
    width: 15.0625rem;
    margin: auto;
}

.search-box {
    position: relative;
    margin-bottom: .9375rem;
}

.search-box img {
    position: absolute;
    left: 1.25rem;
    top: 0;
    bottom: 0;
    margin: auto;
}

.search-box input {
    height: 3.125rem;
    background: #f7f7f7;
    padding: 0 1.25rem 0 3.1875rem;
    border: .0625rem solid #f7f7f7;
    border-radius: 1.875rem;
}

.search-box input:focus {
    box-shadow: none;
    background-color: transparent;
    border-color: var(--blue);
}

.map-section .county-codes .search-btn {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: unset;
    letter-spacing: 0em;
    text-align: left;
    padding: 0.5rem 1.5625rem;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3125rem;
    min-width: unset;
    height: unset;
    border: unset !important;
}

.map-section .county-codes .search-btn span {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.0018rem;
}

.map-section .county-codes .search-btn img {
    width: 1rem;
    height: 1rem;
}

.county-codes .d-flex {
    flex-wrap: wrap;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    row-gap: .3125rem;
    margin-bottom: .625rem;
}

.county-codes label {
    border-radius: 1.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0em;
    padding: 0.25rem 0.9375rem;
    height: 1.8125rem;
    text-align: left;
    color: #7e7f87;
    border: .0625rem solid #e7e7e7;
    display: flex;
    cursor: pointer;
}

.county-codes label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.county-codes label.active {
    border-color: var(--blue);
    color: var(--blue);
    background: rgba(66, 96, 203, 0.1);
}

.industries {
    margin: 1.25rem auto 6.25rem;
}

.industrie-gradient-bg {
    width: 100%;
    border-radius: 1.25rem;
    height: 25rem;
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    margin-bottom: 1.875rem;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.industrie-gradient-bg:hover img {
    transform: scale(1.1);
}

.industrie-gradient-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.25rem;
    transition: all 0.4s ease-in-out;
}

.industrie-img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1.25rem;
    height: 100%;
}

.industrie-text {
    position: absolute;
    left: 1.25rem;
    bottom: 1.25rem;
    font-size: 1.375rem;
    font-weight: 600;
    width: calc(100% - 2.5rem);
    border-top: .0625rem solid rgb(255, 255, 255, 0.5);
    padding-top: .8125rem;
    line-height: 2.0625rem;
    letter-spacing: 0em;
    margin-bottom: 0;
    text-align: left;
    max-width: 18.125rem;
    color: var(--white);
    z-index: 1;
}

.buy-featured-new {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-top: .0625rem solid rgba(255, 255, 255, 0.2);
    gap: 1.5rem;
    margin-top: 2.5rem;
    padding: 2.5rem 0 2.75rem;
}

.buy-featured-new .featured-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.75rem;
    margin-bottom: 0.75rem;
    max-width: 32.5625rem;
    color: var(--white);
}

.buy-featured-new .featured-sub-title {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    max-width: 35.9375rem;
    margin-bottom: 0;
    color: var(--white);
}

/* .buy-featured-new .why-buy-totals {
    display: flex;
    align-items: center;
    justify-content: center;
}

.buy-featured-new .why-buy-totals div {
    text-align: center;
}

.buy-featured-new .why-buy-totals div img {
    margin-bottom: .6875rem;
    max-width: 3.25rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.buy-featured-new .why-buy-totals div h1 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.75rem;
    color: var(--white);
    margin-bottom: .3125rem;
}

.buy-featured-new .why-buy-totals div p {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    color: var(--white);
    margin-bottom: 0;
} */

.buy-featured-new .buy-transitions {
    padding-right: 5.25rem;
    border-right: .0625rem solid rgba(255, 255, 255, 0.2);
}

.buy-featured-new .buy-numbers {
    padding-left: 4.375rem;
}

.new-slider .slick-dots li button:before {
    content: "";
    border: .0625rem solid #8c94b0;
    width: .75rem;
    height: .75rem;
    border-radius: 100%;
    background-color: var(--white);
    margin: 0 .3125rem;
    opacity: 1;
}

.new-slider .slick-dots li.slick-active button:before {
    border-color: var(--blue);
    background-color: var(--blue);
    width: .75rem;
    height: .75rem;
    margin: 0 .3125rem;
    border-radius: 100%;
    opacity: 1;
}

.new-slider .slick-slide {
    min-height: 30.875rem;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
}

.new-slider .slider-card {
    background: var(--blue);
    padding: 2.5rem;
    border-radius: 1.25rem;
    margin: auto .625rem;
    max-width: 15.0625rem;
}

.new-slider .slider-card .slider-btn,
.new-slider .slider-card .slider-text {
    display: none;
}

.new-slider .slider-card .slider-img {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 100%;
    border: .0319rem solid #e7e7e7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .6875rem;
    background-color: var(--white);
}

.new-slider .slider-card .slider-img img {
    width: 2.5rem;
    height: 2.5rem;
    -o-object-fit: cover;
    object-fit: cover;
}

.new-slider .slider-card .slider-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.6875rem;
    letter-spacing: 0em;
    text-align: center;
    margin: 0;
    color: var(--white);
}

.new-slider .slider-card .slider-text {
    font-size: 1.125rem;
    margin: 0 auto .9375rem;
    font-weight: 500;
    line-height: 1.75rem;
    letter-spacing: 0em;
    text-align: center;
    color: var(--white);
}

.new-slider .slider-card .slider-btn {
    box-shadow: 0rem .25rem 3.375rem 0rem rgba(0, 0, 0, 0.0705882353);
    border-radius: 1.875rem;
    padding: .875rem 1.875rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0em;
    text-align: center;
    color: var(--black);
    margin: auto;
    background-color: var(--white);
    border-color: var(--white) !important;
}

.new-slider .slider-card .slider-btn:hover {
    color: var(--white);
    background-color: transparent;
}

.new-slider .slick-center .slider-btn,
.new-slider .slick-center .slider-text {
    display: block !important;
}

.new-slider .slick-center .slider-title {
    margin-bottom: .625rem;
}

.new-slider .slick-center .slider-card {
    width: 31.25rem;
    max-width: 31.25rem;
    background: linear-gradient(93.45deg, #467efe -21.54%, #61cafd 99.74%);
    padding: 2.6875rem 3.125rem;
}

.new-slider .slick-center .slider-img {
    width: 9.5625rem;
    height: 9.5625rem;
}

.new-slider .slick-center .slider-img img {
    width: 5.4375rem;
    height: 5.4375rem;
}

.result-filters {
    display: flex;
    row-gap: .625rem;
    gap: 0.625rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 1.875rem;
}

.result-filters .select2-selection__rendered {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem !important;
    color: var(--black) !important;
}

.result-filters .select2 {
    width: auto !important;
    padding: .8125rem 2.5rem .8125rem 1.25rem;
    height: 3.125rem;
    border: .0625rem solid #e7e7e7;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 1.875rem;
}

.result-filters .select2-selection {
    border: none;
}

.result-filters .select2-selection__arrow b {
    border-width: .375rem .375rem 0 .375rem !important;
}

.result-filters .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 .375rem .375rem .375rem !important;
}

.result-filters .select2-container--open .select2-dropdown--below {
    border-top-right-radius: 0rem !important;
}

.result-filters .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: .6875rem;
    right: .8125rem;
}

.result-filters .radio-label {
    width: 3.125rem;
    height: 3.125rem;
    border: .0625rem solid #e7e7e7;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.result-filters .radio-label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.result-filters .radio-label.active {
    border-color: var(--blue);
}

.result-filters .radio-label.active img {
    filter: invert(38%) sepia(30%) saturate(539%) hue-rotate(218deg) brightness(83%) contrast(337%);
}

.hero-bg {
    position: relative;
}

.hero-bg::after {
    content: "";
    background: url(../images/image/home-bg-dec.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 1.125rem;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    height: 100%;
    min-height: 50rem;
    z-index: 0;
}


/* New Slieder CSS Start */

/* .offered-new-slider .slider-heading {
    max-width: 100vw;
    margin: auto;
    text-align: center;
} */

.offered-new-slider .slider-sub-heading {
    max-width: 100vw;
    margin: auto;
    text-align: center;
    margin-bottom: 2.375rem;
}

.offered-new-slider {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cartoon-img {
    max-width: 30.25rem;
    width: 100%;
    object-fit: contain;
    min-width: 16.25rem;
}

.service-slider .slider1 {
    width: 65.3125rem;
    margin: auto;
    height: 33.4375rem;
    text-align: center;
}

.service-slider .slider1 .slide1 {
    padding: 0 4.1875rem;
    display: flex;
    align-items: center;
    min-height: 32rem;
    transition: all 0.4s ease-in-out;
}

.slick-center {
    display: block !important;
}

.service-slider .slider1 .slide1 .child-element {
    transition: all 0.2s ease;
    background: #4260cb;
    border-radius: 1.25rem;
    width: 100%;
    min-height: 13.5625rem;
}

.service-slider .slider1 .slide1.slick-center .child-element {
    background: linear-gradient(93.45deg, #467efe -21.54%, #61cafd 99.74%);
    border-radius: 1.25rem;
    transform: translate(-7.8125rem, 0rem);
    width: calc(100% + 15.625rem);
    min-height: 32rem;
    max-height: 33.4375rem;
    max-width: initial;
}

.service-slider .slider-card {
    padding: 2.5rem 1.25rem;
    transition: all 0.4s ease-in-out;
}

.service-slider .slider-card .slider-img img {
    max-width: 2.5rem;
    max-height: 2.5rem;
    width: 100%;
    object-fit: cover;
}

.service-slider .slider-card .slider-img {
    height: 4.5rem;
    width: 4.5rem;
    border-radius: 100%;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .6875rem;
}

.service-slider .slider-card h3 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.6875rem;
    text-align: center;
    color: var(--white);
    margin-bottom: 0;
}

.service-slider .slider-card .btn,
.service-slider .slider-card p {
    display: none;
}

.service-slider .slick-center p {
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    text-align: center;
    color: var(--white);
    margin-bottom: .9375rem;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.service-slider .slick-center .btn {
    display: block;
    margin: auto;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    width: fit-content;
    color: var(--black);
    padding: .875rem 1.875rem;
    background: var(--white);
    border-radius: 1.875rem;
    border-color: var(--white);
}

.service-slider .slick-center .btn:hover {
    color: var(--white);
    background-color: transparent;
}

.service-slider .slick-center h3 {
    font-size: 1.75rem;
    line-height: 2.625rem;
}

.service-slider .slick-center .slider-img {
    width: 9.5625rem;
    height: 9.5625rem;
}

.service-slider .slick-center .slider-img img {
    max-width: 5.3125rem;
    max-height: 5.3125rem;
    width: 100%;
    object-fit: cover;
}

.service-slider .slick-dots li.slick-active button:before {
    border-color: var(--blue);
    background-color: var(--blue);
    width: .75rem;
    height: .75rem;
    margin: 0 .3125rem;
    border-radius: 100%;
    opacity: 1;
}

.service-slider li button:before {
    content: "";
    border: .0625rem solid #8c94b0;
    width: .75rem;
    height: .75rem;
    border-radius: 100%;
    background-color: var(--white);
    margin: 0 .3125rem;
    opacity: 1;
}


/* New Slider CSS End */

.modal-content {
    border-radius: 1.25rem;
}

.cart-modals .btns {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.cart-modals .btn-blue {
    min-width: 12.625rem;
}

.cart-modals .modal-body {
    padding-bottom: 3.125rem;
}

.cart-modals .light-btn {
    color: var(--black);
    border-color: #e7e7e7 !important;
    background-color: var(--white);
}

.cart-modals .light-btn:hover {
    border-color: var(--blue);
    background-color: var(--blue);
    color: var(--white);
}

.cart-modals .btn-close {
    right: 1.875rem;
    top: 1.875rem;
    z-index: 10;
}

.cart-modals .cart-option-img {
    width: 100%;
    max-width: 27.0625rem;
    object-fit: cover;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}


/* Slider Arrow CSS */

.new-service-slider .slick-prev,
.new-service-slider .slick-next {
    width: 1.875rem !important;
    height: 1.875rem !important;
}

.slick-prev:before {
    font-size: 1.875rem;
    content: url(../images/icons/slider-prev-arrow.svg);
}

.slick-next:before {
    font-size: 1.875rem;
    content: url(../images/icons/slider-next-arrow.svg);
}


/* Admin Login CSS Start */

.login-left-part {
    background: url(../../assets/images/image/login1-left-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding-left: 6.6875rem;
    min-height: 37.5rem;
}

.login-left-part img {
    width: 100%;
}

.login-left-img {
    margin-left: auto;
    margin-top: auto;
    max-width: 51.875rem;
    object-fit: cover;
    object-position: top left;
    flex-grow: 1;
    min-height: .0625rem;
    max-height: 43.75rem;
}

.login-text {
    padding: 8.4375rem 1.25rem 5.625rem 0;
    max-width: 56.8125rem;
    margin: auto;
}

.login-left-part .login-text h3 {
    font-size: 2.25rem;
    max-width: 48.6875rem;
    margin-bottom: .9375rem;
    font-weight: 600;
    line-height: 2.875rem;
    letter-spacing: 0.02em;
    color: var(--white);
}

.login-left-part .login-text p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    max-width: 48.6875rem;
    margin-bottom: 0;
    color: var(--white);
}

.login-right-part {
    background: url(../../assets/images/image/login1-right-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    min-height: 37.5rem;
}

.login-box {
    box-shadow: 0rem .25rem 6.5rem 0rem #0000000d;
    background-color: var(--white);
    padding: 1.5625rem 3.125rem 4.6875rem;
    border-radius: .75rem;
    max-width: 34.375rem;
    width: 100%;
}

.login-box .login-logo {
    max-width: 12.5625rem;
    object-fit: cover;
    margin-bottom: 2.5rem;
}

.login-box h3 {
    color: var(--black);
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2.8125rem;
    margin-bottom: .6875rem;
}

.login-box p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: 2.25rem;
    color: var(--gray-2);
}

.login-box label {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: var(--black);
    margin-bottom: .3125rem;
}

.login-box .input input {
    border: .0625rem solid #e7e7e7;
    border-radius: .4375rem;
    margin-bottom: .875rem;
    height: 3.125rem;
    padding: 0 .9375rem 0 4.375rem;
}

.login-box .input {
    position: relative;
}

.login-box .input .input-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.0625rem;
    margin: auto;
}

.login-box .input::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3.375rem;
    width: .0625rem;
    height: 100%;
    background-color: #e7e7e7;
}

.login-box .input .hide-pass-icon,
.login-box .input .show-pass-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.0625rem;
    margin: auto;
    cursor: pointer;
}

.login-box .input input:focus {
    box-shadow: none;
    border-color: var(--blue);
}

.login-box .login-btn {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: center;
    color: var(--white);
    width: 100%;
    background-color: var(--blue);
    border: .1875rem solid var(--blue);
    padding: .8125rem 1.25rem;
}

.login-box .login-btn:hover {
    color: var(--blue);
    background-color: transparent;
}


/* .styled-checkbox {
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  width: 1.4375rem;
  height: 1.4375rem;
} */


/* .styled-checkbox:checked:before {
  background: var(--blue);
  border: none;
} */


/* .styled-checkbox:before {
  content: "";
  border-radius: .25rem;
  display: inline-block;
  width: 1.4375rem;
  border: .0625rem solid #E7E7E7;
  height: 1.4375rem;
  background: white;
} */

.remember-label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.4375rem;
    margin-bottom: 1.75rem !important;
}


/* .styled-checkbox:checked:after {
  content: "";
  background: url(../images/icons/checked.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: .9375rem;
  height: .6875rem;
  left: .25rem;
  top: .3125rem;
} */

.login2 {
    background: url(../images/image/login2-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
    padding: 3.125rem 0 3.125rem 11.6875rem;
    min-height: 43.75rem;
}

.login2 .login-box {
    position: relative;
}

.login2 .login-box::after {
    content: "";
    display: inline-block;
    width: 5.8125rem;
    position: absolute;
    top: -2.625rem;
    right: 5.5625rem;
    height: 5.8125rem;
    border-radius: 50%;
    box-shadow: 0rem 1.4375rem 3.125rem #46befe69;
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    animation: grow 4s ease infinite;
}

.login2 .login-box::before {
    content: "";
    display: inline-block;
    width: 3.25rem;
    position: absolute;
    top: 3.4375rem;
    right: 3.0625rem;
    height: 3.25rem;
    border-radius: 50%;
    box-shadow: .3125rem .875rem 3.125rem rgb(66, 96, 203, 0.3);
    background: url(../images/image/login-small-round.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: grow 4s ease infinite;
}

@keyframes grow {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

.login3 .login-box {
    transform: skew(0deg, 4deg) !important;
}


/* Admin Login CSS End */

.new-homedec {
    position: absolute;
    top: 37%;
    left: -17%;
    margin: auto;
    z-index: -1;
}

.checkuot-dropdown .number-list,
.checkuot-dropdown .wishlist-list {
    padding: 0rem 1.875rem;
    /* margin: 1.25rem 0; */
    max-height: 16.0625rem;
    overflow: auto;
}

.checkuot-dropdown .number-list::-webkit-scrollbar,
.checkuot-dropdown .wishlist-list::-webkit-scrollbar {
    width: .3125rem;
}

.checkuot-dropdown .number-list::-webkit-scrollbar-thumb,
.checkuot-dropdown .wishlist-list::-webkit-scrollbar-thumb {
    background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
    border-radius: 3.125rem;
}

.checkuot-dropdown .number-list::-webkit-scrollbar-track,
.checkuot-dropdown .wishlist-list::-webkit-scrollbar-track {
    background: #dddddd;
    border-radius: 3.125rem;
}

.checkuot-dropdown .checkout-number {
    display: flex;
    gap: .625rem;
    border-bottom: .0625rem solid #e7e7e7;
    margin-bottom: .625rem;
}

.checkuot-dropdown .checkout-number h1 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    color: #222328;
    margin-bottom: .3125rem;
    margin-right: auto;
}

.checkuot-dropdown .checkout-number p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: #8c94b0;
    margin-bottom: .625rem;
}

.checkuot-dropdown .checkout-number h2 {
    font-size: 1.125rem;
    color: #222328;
    font-weight: 500;
    line-height: 1.75rem;
    margin-bottom: 0;
}

.deleteNumber-btn {
    width: 2.8125rem;
    height: 2.8125rem;
    border: .0625rem solid #e7e7e7;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.deleteNumber-btn:hover,
.deleteNumber-btn:focus,
.deleteNumber-btn:active {
    background: linear-gradient(95.35deg, rgb(70, 126, 254, 0.2) 5.26%, rgb(97, 202, 253, 0.2) 100%);
    border: .0625rem solid #fff !important;
}

.deleteNumber-btn img {
    max-width: 1.125rem;
    object-fit: contain;
}

.checkuot-dropdown .subtotal {
    margin: 0rem 0 1.25rem;
    background: linear-gradient(95.35deg, rgb(70, 126, 254, 0.2) 5.26%, rgb(97, 202, 253, 0.2) 100%);
    padding: .5rem 1.875rem;
    gap: .625rem;
    display: flex;
    justify-content: space-between;
}

.checkuot-dropdown .subtotal h1 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    margin-bottom: 0;
    color: #222328;
}

.checkuot-dropdown .checkout-btns {
    display: flex;
    /* gap: 1.25rem; */
    /* margin: 0 1.875rem 1.125rem; */
    justify-content: space-between;
}

.checkout-number:last-child {
    border: none;
    margin-bottom: 0;
}

.new-outline-btn {
    font-size: 1.125rem;
    border: .0625rem solid #4260cb;
    border-radius: 1.875rem;
    min-height: 3.4375rem;
    background-color: #fff;
    font-weight: 500;
    line-height: 1.6875rem;
    color: #4260cb;
    justify-content: center;
}

.new-outline-btn:hover,
.new-outline-btn:focus,
.new-outline-btn:active {
    background-color: #4260cb;
    color: #fff;
    border: .0625rem solid #4260cb !important;
}

.new-fill-btn {
    font-size: 1.125rem;
    border: .0625rem solid #4260cb;
    border-radius: 1.875rem;
    min-height: 3.4375rem;
    background-color: #4260cb;
    font-weight: 500;
    line-height: 1.6875rem;
    color: #fff;
    justify-content: center;
}

.new-fill-btn:hover,
.new-fill-btn:focus,
.new-fill-btn:active {
    background-color: #fff;
    color: #4260cb;
    border: .0625rem solid #4260cb !important;
}

.checkuot-dropdown .resources-dropdown {
    right: 0 !important;
    left: unset !important;
    padding: 0;
    background-color: transparent;
    padding-top: 1.25rem;
    min-width: 30.125rem;
    top: unset !important;
    box-shadow: unset;
}

.checkuot-dropdown-box,
.wishlist-dropdown-box {
    background-color: #fff;
    border-radius: 1.25rem;
    padding: .625rem 0 .0625rem;
    box-shadow: 0rem 4rem 15.625rem 0rem #00000040;
}

.checkuot-dropdown .resources-dropdown::after {
    content: "";
    position: absolute;
    right: 3.125rem;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-top: .8125rem solid var(--white);
    rotate: 180deg;
}

.index-3 {
    position: relative;
    z-index: 3;
}

.new-animation {
    animation: slide-tr 1s steps(215, start) 2 alternate-reverse both;
}

@keyframes slide-tr {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }

    100% {
        transform: translateY(-1.875rem) translateX(1.875rem);
    }
}

.new-number-card {
    border: .0625rem solid #e7e7e7;
    background-color: #fff;
    border-radius: .625rem;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    min-height: 15.8125rem;
    height: 100%;
}

.new-number-card .btn-tool-tip {
    max-height: 1.375rem;
    display: flex;
}

.new-number-card:hover {
    box-shadow: 0rem .875rem 5.25rem 0rem #00000026;
}

.new-number-card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .625rem;
    padding: .6875rem .9375rem .625rem;
    border-bottom: .0625rem solid #e7e7e7;
    flex-wrap: wrap;
    flex-grow: 1;
}

.new-number-card .card-header h2 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.25rem;
    color: #222328;
    margin-bottom: 0;
}

.new-number-card .card-header h1 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.25rem;
    margin-bottom: 0;
}

.new-number-card .card-header del {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: #8c94b0;
}

.new-number-card .card-header .d-flex {
    flex-direction: column-reverse;
    align-items: flex-end;
}

.new-number-card .card-body {
    gap: .3125rem;
    padding: 1.25rem .9375rem .9375rem;
    display: flex;
    flex-grow: unset;
    justify-content: space-between;
}

.new-number-card .card-body p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    margin-bottom: 0;
    color: #222328;
    max-width: 10.4375rem;
}

.icon-btn {
    background-color: transparent !important;
    border: none !important;
    display: flex;
    height: fit-content;
    flex-direction: column;
    align-items: center;
}

.favorite-btn {
    /* margin-left: auto; */
}

.favorite-btn img {
    transition: all .2s ease-in-out;
}

.favorite-btn:hover img {
    animation: pulse .9s linear infinite !important;
}

@keyframes pulse {
    0% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

.icon-btn .icon {
    width: 3.125rem !important;
    min-width: 3.125rem !important;
    height: 3.125rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: .0625rem solid #e7e7e7;
    background-color: #4260cb0d;
    transition: all 0.4s;
}

.icon-btn .icon img {
    max-width: 1.5625rem;
    max-height: 1.5625rem;
    width: 100%;
    object-fit: contain;
    transition: all 0.4s;
}

.icon-btn .text {
    border-radius: .3125rem;
    padding: .3125rem .375rem;
    margin-top: -0.625rem;
    font-size: .625rem;
    font-weight: 500;
    line-height: .875rem;
    text-align: center;
    background: linear-gradient(95.35deg, #4cc1fe 5.26%, #4cc1fe 100%);
    color: #fff;
    transition: all 0.4s ease-in-out;
}

.new-number-card .card-btns {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    padding: .625rem;
}

.icon-btn:hover .text {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    transition: all 0.4s ease-in-out;
}

.icon-btn:hover img {
    animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

@keyframes bellshake {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(15deg);
    }

    30% {
        transform: rotate(-15deg);
    }

    45% {
        transform: rotate(10deg);
    }

    60% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(5deg);
    }

    85% {
        transform: rotate(-5deg);
    }

    92% {
        transform: rotate(3deg);
    }

    100% {
        transform: rotate(0);
    }
}


/*  */

.new-number-card form {
    width: 100%;
    background-color: white;
    text-align: center;
    position: relative;
    border-radius: 1.5625rem;
    padding: .3125rem;
}

.new-number-card form>div {
    color: white;
    padding-top: 1.5rem;
    display: block;
    position: absolute;
    transform: translateX(calc(100% - .4375rem));
    top: .3125rem;
    left: .3125rem;
    bottom: .3125rem;
    width: calc(33.33%);
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    border-radius: 1.25rem;
    z-index: 1;
    pointer-events: none;
    transition: transform 0.3s;
}

.new-ask-btns form>div {
    transform: translateX(calc(100% - .625rem));
}

.new-number-card form::after {
    content: "";
    display: block;
    clear: both;
}

.new-number-card form label {
    float: left;
    width: calc(33.333% - .0625rem);
    position: relative;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: color 0.3s;
    cursor: pointer;
}

.new-number-card form label:first-child {
    border-left: none;
}

.new-number-card form label input {
    position: absolute;
    top: -200%;
}

.new-number-card form label div {
    z-index: 5;
    position: absolute;
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    color: #4260cb;
}

.new-number-card form label.selected div {
    color: white !important;
}

.compatibility-section {
    margin-bottom: 5rem;
}

.compatibility-section .title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.375rem;
    color: #222328;
    margin-bottom: .9375rem;
}

.compatibility-section .desc {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    color: #7e7f87;
    margin-bottom: .9375rem;
}

.compatibility-section .primery-btn {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    padding: .875rem 2.1875rem;
    border-radius: 1.875rem;
    background-color: #4260cb;
    color: #fff;
    margin-top: 1.875rem;
    transition: all 0.4s ease-in-out;
}

.compatibility-section .primery-btn:hover {
    background-color: #fff;
    border-color: #4260cb;
    color: #4260cb;
}

.compatibility-section .compatibility-mainimg {
    width: 100%;
}

.improve-section {
    margin-top: 5rem;
    background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
    padding: 5rem 0 1.25rem;
    margin-bottom: -0.1875rem;
}

.improve-section img {
    width: 100%;
}

.compatibility-section img {
    border-radius: .625rem;
}

.improve-section {
    position: relative;
}

.improve-section .round-1 {
    position: absolute;
    width: 23.125rem;
    height: 23.125rem;
    background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
    opacity: 10%;
    border-radius: 100%;
    top: 3.75rem;
    left: 2.5rem;
}

.improve-section .round-2 {
    position: absolute;
    width: 18.75rem;
    height: 18.75rem;
    background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
    border-radius: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 10%;
    right: 2.5rem;
}

.new-number-card {
    position: relative;
}


/* .new-number-card > .new-number-card{
  position: fixed;
} */

body>.new-number-card.active {
    transition: top 1s, right 1s;
}


/* @keyframes topRight {
   100% {
    top: 0;
    right: 0;
    scale: 0;
   }
} */

#basket {
    position: fixed;
    top: 0;
    right: 1.25rem;
}

#fly-to-basket {
    z-index: 99000;
    overflow: hidden !important;
}


/* new-service-slider */

.state-search-pere .choose-state-select,
.choos-states .choose-state-select,
.new-service-slider {
    visibility: hidden;
}


/* Not Found CSS */

.notfound-text h1 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.375rem;
    color: var(--black);
    margin-bottom: .9375rem;
}

.notfound-text p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    color: #7e7f87;
    margin-bottom: .9375rem;
}

.notfound-text a {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: var(--blue);
}

.allowus-box {
    background: var(--white);
    border-radius: 1.25rem;
    padding: 3.125rem 3.125rem 5.625rem;
    height: 100%;
    position: relative;
}

.allowus-box h3 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3rem;
    text-align: center;
    margin-bottom: .9375rem;
    color: var(--black);
}

.notfound-arrow {
    position: absolute;
    top: -2.3125rem;
    left: -5.875rem;
}

.allowus-box p {
    margin-bottom: 1.875rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    text-align: center;
    color: var(--gray-2);
}

.allowus-part {
    background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
    padding: 5rem 0;
    margin: 5rem auto 3.125rem;
}

.allowus-box .offer-fields {
    height: 3.75rem;
}

.checkout-count {
    position: relative;
}

.checkout-notify {
    color: #fff;
    background-color: rgb(192, 4, 4);
    position: absolute;
    top: -0.1875rem;
    left: 57%;
    border-radius: 3.125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .6875rem;
    z-index: 1;
    padding: 0rem .25rem;
    height: 1.125rem;
    min-width: 1.125rem;
}

.knowledge-pagination .pagination {
    gap: .625rem !important;
}

.all-number-margine {
    max-width: 88.875rem;
}

.checkout-continue-btn {
    font-size: 1.125rem;
    border: .0625rem solid #4260cb;
    font-weight: 500;
    line-height: 1.6875rem;
    color: #fff;
    padding: .875rem 4.875rem;
    background-color: #4260cb;
    border-radius: 1.875rem;
    transition: all 0.4s ease-in-out;
    margin-bottom: 1.875rem;
    margin-top: .375rem;
}

.checkout-continue-btn:hover,
.checkout-continue-btn:focus,
.checkout-continue-btn:active {
    color: #4260cb;
    border: .0625rem solid #4260cb;
    background-color: #fff;
}

.total-due-price p {
    font-weight: 700 !important;
    color: #222328 !important;
    font-size: 1.125rem !important;
}

.new-checkout-btn {
    margin-top: 1.875rem;
    margin-bottom: .9375rem !important;
}

.bg-border-text {
    position: relative;
    margin-bottom: 1.25rem !important;
}

.bg-border-text span {
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding: 0 .625rem;
}

.bg-border-text::after {
    content: " ";
    width: 100%;
    height: .0625rem;
    background-color: #e7e7e7;
    position: absolute;
    inset: 0;
    margin: auto;
}

.new-checkoutbtn {
    padding: .5rem 1rem;
    border: .0625rem solid #4260cb;
    background-color: #fff;
    border-radius: 3.125rem;
    color: #4260cb;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    transition: all 0.4s ease-in-out;
}

.new-checkoutbtn img {
    max-width: 6.25rem;
    object-fit: contain;
}

.new-checkoutbtn:hover {
    color: #fff;
    background-color: #4260cb;
}


/* New Checkout CSS */

.total-due-price p {
    font-weight: 700 !important;
    color: #222328 !important;
    font-size: 1.125rem !important;
}

.new-checkout-btn {
    margin-top: 1.875rem;
    margin-bottom: .9375rem !important;
}

.bg-border-text {
    position: relative;
    margin-bottom: 1.25rem !important;
}

.bg-border-text span {
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding: 0 .625rem;
}

.bg-border-text::after {
    content: " ";
    width: 100%;
    height: .0625rem;
    background-color: #e7e7e7;
    position: absolute;
    inset: 0;
    margin: auto;
}

.new-checkoutbtn {
    padding: .5rem 1rem;
    border: .0625rem solid #4260cb;
    background-color: #fff;
    border-radius: 3.125rem;
    color: #4260cb;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    transition: all 0.4s ease-in-out;
}

.new-checkoutbtn img {
    max-width: 6.25rem;
    object-fit: contain;
}

.new-checkoutbtn:hover {
    color: #fff;
    background-color: #4260cb;
}

.checkout-continue-btn {
    font-size: 1.125rem;
    border: .0625rem solid #4260cb;
    font-weight: 500;
    line-height: 1.6875rem;
    color: #fff;
    padding: .875rem 4.875rem;
    background-color: #4260cb;
    border-radius: 1.875rem;
    transition: all 0.4s ease-in-out;
    margin-bottom: 1.875rem;
    margin-top: .375rem;
}

.checkout-continue-btn:hover,
.checkout-continue-btn:focus,
.checkout-continue-btn:active {
    border: .0625rem solid #4260cb;
    background-color: #fff;
    color: #4260cb;
}

.checkout-one .feedback-box {
    box-shadow: 0rem .25rem 3.375rem 0rem #00000012;
}

.checkout-one {
    margin-bottom: 6.25rem;
}

.checkout-one .nav-pills {
    padding: 1.875rem 1.25rem 1.25rem 0;
    background-color: #f9fbfd;
    align-content: flex-start;
}

.checkout-one .nav-link {
    color: #8c94b0;
    padding: .9375rem 2.4375rem 1rem 2.5rem;
    border-top-right-radius: 1.75rem !important;
    display: flex;
    align-items: center;
    gap: .8125rem;
    white-space: nowrap;
    border-bottom-right-radius: 1.75rem !important;
    border-bottom-left-radius: 0rem !important;
    border-top-left-radius: 0rem !important;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    width: 100%;
}

.checkout-one .nav-link.active {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.checkout-one .nav-link.active img {
    filter: brightness(2.5);
}

.checkout-one .nav-link.active:hover,
.checkout-one .nav-link:hover {
    background: linear-gradient(95.35deg, #467efe2e 5.26%, #61cafd3b 100%);
    color: #8c94b0;
}

.checkout-one .tab-pane {
    min-height: 34.625rem;
    padding: 1.1875rem .75rem 1.875rem .75rem;
}

.checkout-one .tab-pane label {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-top: 1.25rem;
    margin-bottom: .375rem;
    color: #222328;
}

.checkout-one .tab-pane input {
    margin-bottom: 0;
    height: 3.125rem !important;
}

.checkout-one .tab-pane input::placeholder {
    color: #aaaaaa;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.checkout-one .tab-pane input[type="checkbox"] {
    height: 1.875rem !important;
}

.checkout-one .select2-selection__arrow b {
    border: none !important;
    width: .625rem !important;
    height: .625rem !important;
    rotate: 45deg;
    border-bottom: .125rem solid #8c94b0 !important;
    top: 1.1875rem !important;
    border-right: .125rem solid #8c94b0 !important;
}

.checkout-one .select2-container--open .select2-selection__arrow b {
    rotate: 225deg !important;
    top: 1.4375rem !important;
}

.checkout-one .select2 {
    margin-bottom: 0rem;
}

.order-success {
    max-width: 43.5rem;
    margin: 1.25rem auto 6.25rem;
}

.design-alert {
    padding: 3.75rem 0 2.6875rem;
    border-radius: .9375rem;
    background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
}

.checkout-card-heading {
    color: #222328;
    text-align: center;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.checkout-price-text {
    color: #222328;
    text-align: center;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.checkout-reference-text {
    color: #222328;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
}

.checkout-download-btn {
    padding: .875rem 2.0625rem;
    border-radius: 1.875rem;
    background-color: #4260cb;
    color: #fff;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: .625rem;
    min-width: 16.3125rem;
    justify-content: center;
    border: unset;
    margin-bottom: .5rem;
}

.checkout-download-btn:hover,
.checkout-download-btn:focus,
.checkout-download-btn:active {
    border: unset;
    color: #fff !important;
    background: linear-gradient(93.31deg, #467efe 2.06%, #4cc1fe 45.54%, #7ed7fc 78%, #d2e5f8 100%);
}

.checkout-print-btn {
    padding: .875rem 2.0625rem;
    border-radius: 1.875rem;
    background: linear-gradient(93.31deg, #467efe 2.06%, #4cc1fe 45.54%, #7ed7fc 78%, #d2e5f8 100%);
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    transition: all 0.4s ease-in-out;
    display: flex;
    align-items: center;
    border: unset;
    justify-content: center;
    min-width: 16.3125rem;
    gap: .625rem;
    margin-bottom: .5rem;
}

.checkout-print-btn:hover,
.checkout-print-btn:focus,
.checkout-print-btn:active {
    border: unset;
    color: #fff !important;
    background: #4260cb !important;
}

.checkout-print-btn:hover {
    padding: .875rem 2.0625rem;
    border-radius: 1.875rem;
    background: var(--Gradient, linear-gradient(93deg, #467efe 2.06%, #4cc1fe 45.54%, #7ed7fc 78%, #d2e5f8 100%));
    color: #fff;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: .625rem;
    margin-bottom: .5rem;
}

.mt-40 {
    margin-top: 2.5rem;
}

.checkout-4-msg {
    color: #222328;
    text-align: center;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
}

.checkout-4-msg a {
    color: #4260cb !important;
    text-decoration: none;
}

.order-success hr {
    margin: 1.875rem auto 1.25rem;
    opacity: 1;
    border-color: #e7e7e7;
    max-width: 32rem;
}

.checkout-design {
    background-color: #f9fbfd;
    padding: .625rem;
    border: .125rem solid #e7e7e7;
}

.checkout-adjust {
    margin-top: 1.25rem;
    margin-bottom: 6.25rem;
}

.billing-design {
    max-width: 72.5rem;
    background-color: #fff;
    padding: 2.5rem 1.875rem;
    border-bottom: .0625rem solid #e7e7e7;
    margin-bottom: 3.125rem;
}

.number-billing-text p {
    color: #222328;
    margin-bottom: .9375rem;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.number-billing-text {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.checkout-billing-card {
    max-width: 73.75rem;
    margin: 1.3125rem auto 9.375rem;
}

.number-billing-para p {
    color: #222328;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
}

.number-billing-para {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.para-width {
    max-width: 48rem;
}

.text-18 {
    color: #222328;
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: .9375rem;
    line-height: 1.625rem;
}

.attention-card-design {
    max-width: 68.75rem;
    border-radius: .625rem;
    padding: .0625rem;
    background: linear-gradient(93.31deg, #467efe 2.06%, #4cc1fe 45.54%, #7ed7fc 78%, #d2e5f8 100%);
    margin-bottom: 3.125rem;
}

.attention-flex {
    display: flex;
    align-items: center;
    padding: 1.875rem;
    border-radius: .625rem;
    background: var(--White, #fff);
    gap: 1.25rem;
}

.funding-link {
    text-decoration: none;
    color: #4260cb !important;
}

.billing-detail-design {
    margin: 0 1.875rem .625rem;
}

.checkout-billing-heading {
    color: #222328;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom: .0625rem solid #e7e7e7;
    padding-bottom: 1.25rem;
    margin-bottom: 1.875rem !important;
}

.checkout-billing-heading span {
    color: #4260cb !important;
    font-weight: 800;
}

.text-20 {
    color: #222328;
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem;
}

.text-20-bold {
    color: #222328;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
}

.recieptupload-text {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem;
    color: #222328;
    margin: 1.5625rem 0 .9375rem;
}

.recieptupload-box {
    padding: .9375rem 1.25rem;
    margin-bottom: 3.125rem;
    display: flex;
    justify-content: center;
    border: .125rem solid #e7e7e7;
    background-color: #f9fbfd;
}

.recieptupload-box label {
    border: .125rem dashed #e7e7e7;
    cursor: pointer;
    border-radius: 2.5rem;
    padding: .9375rem;
    overflow: hidden;
    min-width: 26.75rem;
    color: #8c94b0;
    display: flex;
    gap: 1.25rem;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    text-align: center;
}

.file-name.active {
    color: #4260cb;
}

.instructions-text {
    color: #222328;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-bottom: 1.875rem;
}

.instructions-text span {
    font-size: 1.25rem;
    font-weight: 500;
    color: #4260cb;
    cursor: pointer;
}

.mark-btn:hover,
.mark-btn:active,
.mark-btn:focus {
    background-color: #fff;
    color: #4260cb;
    border: .0625rem solid #4260cb;
}

.mark-btn {
    color: #fff;
    padding: .875rem 4.5625rem;
    border-radius: 1.875rem;
    background: #4260cb;
    margin: 0 auto 1.25rem;
    display: block;
    border: .0625rem solid #4260cb;
    font-size: 1.125rem;
    font-weight: 500;
    transition: all 0.45s ease-in-out;
}

.later-text {
    color: #4260cb;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-bottom: 0;
}

.mb-10 {
    margin-bottom: .625rem !important;
}


/* choosplan Section  CSS*/

.choosplan-section {
    margin-top: -0.9375rem;
}

.choosplan-section .plans {
    margin-top: -1.875rem;
    position: relative;
    padding-bottom: .625rem;
    background: linear-gradient(0deg, rgba(237, 242, 255, 0.2) 0%, #eff9ff 109.77%);
}

.choosplan-section .plans::after {
    content: " ";
    background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
    opacity: 0.1;
    border-radius: 100%;
    width: 20.8125rem;
    height: 20.8125rem;
    position: absolute;
    top: 0;
    left: 2.5rem;
}

.choosplan-section .plans::before {
    content: " ";
    background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
    opacity: 0.1;
    border-radius: 100%;
    width: 23.125rem;
    height: 23.125rem;
    position: absolute;
    bottom: 6.25rem;
    right: 2.5rem;
}

.choosplan-section .plan-title {
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
    display: flex;
    font-size: 2.25rem;
    font-weight: 600;
    margin-bottom: .9375rem;
    line-height: 3.375rem;
}

.choosplan-section .plan-subtext {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    text-align: center;
    color: #222328;
    margin-bottom: 3.125rem;
}

.choosplan-section .plan-subtext span {
    font-weight: 700;
    color: #4260cb;
}

.plan-cards {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 73.75rem;
    gap: 0.875rem;
    margin: 0 auto 1.875rem;
}

.plan-cards .plan-card {
    border: .0625rem solid #fff;
    border-radius: .625rem;
    padding: 0.9375rem 0.5rem;
    background-color: #fff;
    width: 22.98%;
    box-shadow: 0rem .25rem 3.375rem 0rem #00000012;
}

.active.active {
    border-color: #4260cb;
}

.plan-cards .card-title {
    font-size: 1rem;
    font-weight: 400;
    text-align: start;
    line-height: 1.5rem;
    color: #222328;
    margin: 0 0.9375rem 1.125rem;
}

.plan-cards .price {
    margin-left: .9375rem;
    margin-bottom: .625rem;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.75rem;
}

.plan-cards .per-month {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #7e7f87;
    margin: 0 .9375rem .625rem 0rem;
}

.plan-cards .month {
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    line-height: 1.5rem;
    color: #222328;
    margin: 0 .9375rem 1.5625rem;
}

.plan-cards .month span {
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.5625rem;
}

.plan-cards .interest {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin: 0 15px 18px;
}

.plan-cards .interest p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #7e7f87;
    margin-bottom: 0;
}

.plan-cards .select {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375rem;
    width: 100%;
    padding: .5rem .625rem;
    text-align: center;
    color: #4260cb;
    border: .0625rem solid #4260cb;
    border-radius: 1.25rem;
    background-color: #fff;
}

.plan-cards .select.selected {
    color: #fff;
    background-color: #4260cb;
}

input[name="plan-card"] {
    display: none;
}

.choosplan-section .continue-btn {
    margin: 0 auto 4.0625rem;
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    color: #ffffff;
    background: #4260cb;
    border-radius: 1.875rem;
    min-width: 15rem;
    padding: .8125rem 1.25rem;
    width: fit-content;
}

.choosplan-section .plan-text {
    max-width: 72.25rem;
    margin: 0 auto;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.875rem;
    text-align: center;
    color: #222328;
}

.choosplan-section .plan-text a {
    text-decoration: none;
    color: #4260cb;
}

.choosplan-bg1 {
    width: 100%;
    height: 7.9375rem;
}

.access-section {
    background: linear-gradient(81.3deg, #467efe 10.15%, #61cafd 100%);
    margin-top: 4.375rem;
}

.access-title {
    margin: 3.125rem auto .9375rem;
    max-width: 73.75rem;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.125rem;
    text-align: center;
    color: #ffffff;
}

.access-subtitle {
    max-width: 43.5rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: center;
    color: #ffffff;
    margin: 0 auto 2.5rem;
}

.access-cards {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto 4.5625rem;
    width: fit-content;
}

.access-card {
    border-right: .0625rem solid rgb(232, 232, 232, 0.3);
    padding: 0 2.75rem .625rem;
}

.access-card .img {
    border: .3125rem solid #4260cb1a;
    width: 15rem;
    height: 15rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    margin: 0 auto 1.25rem;
}

.access-card:last-child {
    border-right: none;
}

.access-card-title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.625rem;
    text-align: center;
    color: #ffffff;
    max-width: 17.375rem;
    margin: 0 auto .625rem;
}

.access-card-subtitle {
    color: #ffffff;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    text-align: center;
    max-width: 15.875rem;
    margin: 0 auto;
}

.access-section hr {
    border-top: .0625rem solid #ffffff;
    opacity: 0.2;
    margin-top: 0;
    margin-bottom: 2.5625rem;
}

.access-footer p {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.75rem;
    max-width: 32.5625rem;
    color: #ffffff;
    margin-bottom: 0;
}

.access-footer-text {
    display: flex;
    gap: .625rem;
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6875rem;
    color: #ffffff;
}

.access-footer-text img {
    width: 1.875rem;
    height: 1.875rem;
}

.footer-border {
    border-right: .0625rem solid rgb(255, 255, 255, 0.2);
}

.choose-round {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    width: 31.125rem;
    height: 31.125rem;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    margin: auto;
    align-items: center;
    justify-content: center;
}

.choose-round .title {
    font-size: 2.25rem;
    text-align: center;
    font-weight: 700;
    line-height: 2.75rem;
    color: var(--white);
    margin-bottom: 1.25rem;
    max-width: 25.875rem;
}

.choose-round .sub-title {
    font-size: 1.125rem;
    text-align: center;
    font-weight: 500;
    line-height: 1.75rem;
    max-width: 17.1875rem;
    margin-bottom: 1.875rem;
    color: var(--white);
}

.choose-round .logo-img {
    max-width: 12.3125rem;
    margin-bottom: 1.25rem;
}

.choose-border {
    padding: 3.75rem;
    width: fit-content;
    margin: 6.25rem auto 0;
    background: url(../images/image/round-doted.png);
    background-position: center;
    background-repeat: no-repeat;
    /* width: 39.1875rem; */
    background-size: contain;
}

.howitwork-section {
    position: relative;
    width: fit-content;
    margin: 0 auto 7.5rem;
}

.choose-img1,
.choose-img2,
.choose-img3 {
    border: .0625rem solid #d3d9db;
    width: 5.625rem;
    height: 5.625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: absolute;
    background-color: #fff;
}

.choose-img1 {
    top: 1%;
    right: 15%;
}

.choose-img2 {
    bottom: 12%;
    right: 5%;
}

.choose-img3 {
    bottom: 31%;
    left: -6%;
}

.choose-text1 {
    right: calc(-23.1875rem + -2%);
    top: 42%;
}

.choose-text3 {
    left: calc(-23.1875rem + 6%);
    top: 14%;
}

.choose-text2 {
    left: calc(-23.1875rem + 12%);
    bottom: -5%;
}

.choose-text3,
.choose-text2 {
    text-align: end;
}

.choose-text1,
.choose-text2,
.choose-text3 {
    display: flex;
    gap: 1.25rem;
    position: absolute;
}

.choose-text1 span,
.choose-text2 span,
.choose-text3 span {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.8125rem;
    color: #222328;
}

.choose-text1.active span,
.choose-text1.active p {
    color: #4260cb;
}

.choose-text1 p,
.choose-text2 p,
.choose-text3 p {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.875rem;
    color: #222328;
    max-width: 21.25rem;
}


/* Order Success CSS */

.ordersuccess-section {
    max-width: 73.75rem;
    margin: 1.3125rem auto 9.375rem;
    background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
    padding: 4.5rem 3.4375rem 5.4375rem;
    border-radius: .9375rem;
}

.order-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.order-btns .btn {
    padding: .8125rem;
    min-width: 16.3125rem;
    border-radius: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    transition: all 0s;
}

.paid-btn {
    min-width: 10.9375rem !important;
    color: #f24c35;
    background-color: #fff;
    border: .0625rem solid #f24c35;
}

.paid-btn:focus,
.paid-btn:active,
.paid-btn:hover {
    color: #fff !important;
    border: .0625rem solid #f24c35 !important;
    background-color: #f24c35 !important;
}

.paid-btn:hover img,
.paid-btn:active img,
.paid-btn:focus img {
    filter: brightness(6.5) !important;
}

.download-btn {
    color: #fff;
    background-color: #4260cb;
    border: .0625rem solid #4260cb;
}

.download-btn:focus,
.download-btn:active,
.download-btn:hover {
    color: #4260cb !important;
    background-color: #fff !important;
    border: .0625rem solid #4260cb !important;
}

.print-btn:focus img,
.print-btn:active img,
.print-btn:hover img,
.download-btn:focus img,
.download-btn:active img,
.download-btn:hover img {
    filter: invert(55%) sepia(13%) saturate(2755%) hue-rotate(201deg) brightness(92%) contrast(91%);
}

.print-btn {
    border: .0625rem solid #fff;
    background: linear-gradient(93.31deg, #467efe 2.06%, #4cc1fe 45.54%, #7ed7fc 78%, #d2e5f8 100%);
    color: #fff;
}

.print-btn:focus,
.print-btn:active,
.print-btn:hover {
    border: .0625rem solid #4260cb !important;
    color: #4260cb !important;
    background: #fff !important;
}

.order-receipt {
    border-radius: 1.25rem;
    background: #fff;
    margin-bottom: 4rem;
}

.receipt-header {
    background: url(../images/image/order-headerbg.png) no-repeat center bottom;
    background-size: cover;
    padding: 2.1875rem 4.0625rem 10.4375rem;
    border-top-right-radius: 1.25rem;
    border-top-left-radius: 1.25rem;
    display: flex;
    margin-bottom: 3.25rem;
    gap: 1.25rem;
    align-items: center;
    justify-content: space-between;
}

.receipt-logo {
    max-width: 19.1875rem;
    max-height: 2.9375rem;
    object-fit: contain;
}

.receipt-contect {
    display: flex;
    flex-direction: column;
    gap: .625rem;
}

.receipt-contect a {
    text-decoration: none;
    color: #fff;
}

.receipt-contect img {
    width: 2.1875rem;
    height: 2.1875rem;
    margin-right: .9375rem;
}

.receipt-footer p,
.receipt-contect {
    color: #fff;
    font-size: .9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875rem;
    margin-bottom: 0;
}

.receipt-footer {
    background: url(../images/image/order-footer.png) no-repeat center top;
    background-size: cover;
    display: flex;
    align-items: flex-start;
    gap: .625rem;
    padding: 5.0625rem 4.125rem 1.5rem;
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    margin-top: 3.625rem;
}

.receipt-footer img {
    max-width: .875rem;
    margin-top: .25rem;
}

.receipt-body {
    border: .125rem solid #e7e7e7;
    padding: .375rem;
    background-color: #f9fbfd;
    margin: 0 3.9375rem;
}

.receipt-body .box-one {
    padding: 2.25rem 1.5rem 1.375rem 1.5625rem;
    border-bottom: .0625rem solid #e7e7e7;
    background: #fff;
    margin-bottom: 2.4375rem;
}

.box-one p {
    max-width: 37.5rem;
    color: #222328;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-bottom: .625rem;
}

.number-price {
    display: flex;
    justify-content: space-between;
    gap: .625rem;
    align-items: center;
}

.number-price p {
    color: #222328;
    margin-bottom: .9375rem;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.text-price {
    display: flex;
    justify-content: space-between;
    gap: .625rem;
    align-items: flex-start;
}

.text-price p {
    max-width: 39.875rem;
    color: #222328;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.75rem;
}

.box-two {
    border-radius: .6875rem;
    padding: .0625rem;
    background: linear-gradient(93.31deg, #467efe 2.06%, #4cc1fe 45.54%, #7ed7fc 78%, #d2e5f8 100%);
    margin: 0 1.875rem 2.5rem;
}

.box-two-bg {
    display: flex;
    align-items: center;
    padding: 1.25rem;
    border-radius: .625rem;
    background: var(--White, #fff);
    gap: .9375rem;
}

.box-two-bg p {
    color: #222328;
    font-size: .9375rem;
    font-weight: 400;
    margin-bottom: .9375rem;
    line-height: 1.625rem;
}

.box-two-bg a {
    text-decoration: none;
    color: #4260cb !important;
}

.receipt-account {
    padding: 0 1.25rem;
}

.receipt-account h2 {
    color: #222328;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom: .0625rem solid #e7e7e7;
    padding-bottom: 1.25rem;
    margin-bottom: 1.875rem !important;
    border-bottom: .0625rem solid #e7e7e7;
}

.receipt-account h2 span {
    color: #4260cb !important;
    font-weight: 800;
}

.receipt-account h5 {
    color: #222328;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75rem;
}

.receipt-account p {
    color: #222328;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: .625rem;
    line-height: 1.75rem;
}


/* New Shopping Cart */

.new-shopingcard {
    padding: .9375rem 0 1.25rem;
    margin-bottom: 1.875rem;
    margin-right: 1.25rem;
    border-radius: .375rem;
    box-shadow: 0rem .25rem 3.375rem 0rem #00000012;
}

.new-shopingcard .type-price {
    display: flex;
    gap: .9375rem;
    padding: 0 1.25rem .125rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

.new-shopingcard .type-price p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: #222328;
    margin-bottom: 0;
}

.new-shopingcard .type-price h4 {
    color: #7e7f87;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 0;
}

.new-shopingcard .number-month {
    display: flex;
    gap: .9375rem;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 1.25rem .875rem;
    border-bottom: .0625rem solid rgb(35, 36, 41, 0.1);
    justify-content: space-between;
}

.new-shopingcard .number-month h5 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    margin-bottom: 0;
}

.new-shopingcard .number-month h4 {
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.5625rem;
    margin-bottom: 0;
    color: #222328;
}

.new-shopingcard .number-month span {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #7e7f87;
}

.new-shopingcard .type-price span {
    margin-bottom: 0;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.75rem;
}

.new-shopingcard .cart-alert-text {
    display: flex;
    gap: .625rem;
    margin: .9375rem 1.25rem 1.5625rem;
    align-items: flex-start;
}

.new-shopingcard .cart-alert-text p {
    font-size: 1rem;
    margin-bottom: 0;
    color: #7e7f87;
    font-weight: 400;
    line-height: 1.375rem;
}

.not-eligible-alert {
    margin: 0 1.25rem 1.25rem;
    align-items: flex-start;
    padding: .5625rem 1rem;
    background-color: #fef6f5;
    border: .0625rem solid #f24c35;
    border-radius: .625rem;
    display: flex;
    gap: 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: #222328;
}

.new-shopingcard .new-cardtext {
    display: flex;
    gap: .625rem;
    align-items: center;
    justify-content: space-between;
    margin: 0 1.25rem .9375rem;
}

.new-shopingcard .new-cardtext p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: #222328;
    margin-bottom: 0;
}

.new-pricetotal {
    display: flex;
    gap: .9375rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    padding: .9375rem 1.25rem;
    border-top: .0625rem solid rgb(35, 36, 41, 0.1);
    border-bottom: .0625rem solid rgb(35, 36, 41, 0.1);
}

.new-pricetotal p {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.6875rem;
    color: #222328;
    margin-bottom: 0;
}

.new-cardfooter .simpel-btn {
    font-size: 1.125rem;
    padding: 0 1.875rem 0 1.25rem;
    margin-right: .625rem;
    border: none;
    border-right: .0625rem solid rgb(35, 36, 41, 0.1);
    font-weight: 400;
    line-height: 1.6875rem;
    color: #4260cb;
    border-radius: 0 !important;
}

.new-cardfooter .simpel-btn:last-child {
    border-right: none;
}

.new-cardfooter .simpel-btn:focus,
.new-cardfooter .simpel-btn:active,
.new-cardfooter .simpel-btn:hover {
    border: none !important;
    background: -webkit-linear-gradient(326deg, #467efe 40.83%, #7ed7fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-right: .0625rem solid rgb(35, 36, 41, 0.1) !important;
}

.new-cardfooter .simpel-btn:focus:last-child,
.new-cardfooter .simpel-btn:active:last-child,
.new-cardfooter .simpel-btn:hover:last-child {
    border-right: none !important;
}

.savedlater-section {
    padding: 3.75rem 0 6.875rem;
    background: linear-gradient(177deg, rgba(97, 202, 253, 0) 8.81%, rgb(72, 127, 254, 0.1) 50.28%, rgba(70, 126, 254, 0) 91.74%);
}

.savedlater-section h3 {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.625rem;
    border-bottom: .0625rem solid #e7e7e7;
    color: #222328;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
}

.savedlater-card {
    box-shadow: 0rem .25rem 3.375rem 0rem #00000012;
    background-color: #ffffff;
    border-radius: .375rem;
    padding: .9375rem 0 1.25rem;
}

.savedlater-header {
    display: flex;
    gap: .625rem;
    justify-content: space-between;
    padding: .9375rem 1.25rem;
    border-bottom: .0625rem solid rgb(33, 34, 41, 0.1);
    margin-bottom: .9375rem;
}

.savedlater-header p {
    font-size: 1rem;
    color: #222328;
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: .375rem;
}

.savedlater-header h4 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    margin-bottom: 0;
}

.savedlater-header .cart-trash {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f7 !important;
    border: none;
}

.savedlater-header .cart-trash:hover img {
    animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

.savedlater-card .cart-alert-text {
    display: flex;
    margin: 0 1.25rem 1.25rem;
    align-items: flex-start;
}

.savedlater-card .cart-alert-text p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: #7e7f87;
    margin-bottom: 0;
}

.savedlater-card .savedlater-text {
    display: flex;
    margin: 0 1.25rem .9375rem;
    gap: .625rem;
    justify-content: space-between;
}

.savedlater-card .savedlater-text p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: #222328;
    margin-bottom: 0;
}

.savedlater-card .savedlater-totaltext {
    display: flex;
    padding: .625rem 1.25rem 1.25rem;
    border-top: .0625rem solid #e7e7e7;
    margin-top: -0.3125rem;
    justify-content: space-between;
}

.savedlater-card .savedlater-totaltext p {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.6875rem;
    color: #222328;
    margin-bottom: 0;
}

.savedlater-card .movecard-btn {
    border: .0625rem solid #4260cb;
    background-color: #ffffff;
    font-size: 1rem;
    padding: .5rem .625rem;
    width: calc(100% - 2.5rem);
    border-radius: 1.25rem;
    margin: 0 1.25rem;
    color: #4260cb;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
}

.savedlater-card .movecard-btn:hover,
.savedlater-card .movecard-btn:focus,
.savedlater-card .movecard-btn:active {
    background-color: #4260cb;
    color: #fff;
    border: .0625rem solid #4260cb;
}


/* Order Success CSS */

.modal-dialog {
    max-width: 43.5rem !important;
}

.ordersuccess-modal .modal-content {
    border-radius: 1.5rem;
    background-color: #edf2ff;
    padding: .9375rem;
    margin: .625rem;
}

.ordersuccess-modal .modal-body {
    border-radius: .9375rem;
    padding: 3.0625rem .9375rem 3.5625rem;
    background-color: #fff;
}

.ordersuccess-modal img {
    height: 10.375rem;
    width: 10.375rem;
    margin-bottom: 1.1875rem;
}

.ordersuccess-modal .ordersuccess-title {
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2.8125rem;
    color: #222328;
    margin-bottom: 1.25rem;
}

.ordersuccess-modal .ordersuccess-text {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem;
    max-width: 31.25rem;
    margin: 0 auto 3.1875rem;
    color: #8c94b0;
}

.ordersuccess-modal .btn-secondary {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem;
    color: #ffffff;
    background-color: #4260cb;
    border: .0625rem solid #4260cb;
    padding: .8125rem 5.25rem .75rem;
    border-radius: 1.875rem;
}

.ordersuccess-modal .btn-secondary:hover,
.ordersuccess-modal .btn-secondary:focus,
.ordersuccess-modal .btn-secondary:active {
    color: #4260cb;
    background-color: #ffffff;
    border: .0625rem solid #4260cb;
}


/* wishlist CSS */

.wishlist-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin: 3.125rem auto 1.875rem;
}

.wishlist-header h2 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    color: #222328;
    margin-bottom: 0;
}

.wishlist-danger-btn {
    padding: .8125rem 1.875rem;
    border-radius: 2.5rem;
    border: .0625rem solid #f24c35;
    color: #f24c35;
    background: #f24c350d;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
}

.wishlist-danger-btn:hover,
.wishlist-danger-btn:focus,
.wishlist-danger-btn:active {
    border: .0625rem solid #f24c35 !important;
    color: #fff !important;
    background: #f24c35 !important;
}

.wishlist-btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.wishlist-btn {
    padding: .8125rem 1.875rem;
    border-radius: 2.5rem;
    border: .0625rem solid #4260cb;
    color: #4260cb;
    background: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
}

.wishlist-btn svg {
    margin-right: .625rem;
    margin-top: -0.1875rem;
}

.wishlist-btn:hover,
.wishlist-btn:active,
.wishlist-btn:focus {
    border: .0625rem solid #4260cb;
    color: #fff;
    background: #4260cb;
}

.wishlist-btn:hover svg path,
.wishlist-btn:active svg path,
.wishlist-btn:focus svg path {
    stroke: #fff;
}

.wishlist-create .modal-content,
.wishlist-delete .modal-content {
    background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
    padding: .9375rem;
    border-radius: 1.25rem;
}

.wishlist-delete .modal-body {
    background: #ffffff;
    text-align: center;
    padding: 2.5rem 1.25rem 3.125rem;
    border-radius: .9375rem;
}

.wishlist-delete p {
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2.8125rem;
    text-align: center;
    max-width: 26.625rem;
    margin: 1.25rem auto 1.875rem;
}

.wishlist-delete .btn-fill {
    color: #ffffff;
    background: #4260cb;
}

.wishlist-delete .btn-fill:hover,
.wishlist-delete .btn-fill:focus,
.wishlist-delete .btn-fill:active {
    color: #4260cb;
    border: .0625rem solid #4260cb;
    background: #ffffff;
}

.wishlist-delete .btn {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem;
    padding: .8125rem 1.25rem;
    min-width: 11.25rem;
    border: .0625rem solid #4260cb;
    border-radius: 1.875rem;
}

.wishlist-delete .btn-outline {
    color: #4260cb;
    background: #ffffff;
}

.wishlist-delete .btn-outline:hover,
.wishlist-delete .btn-outline:focus,
.wishlist-delete .btn-outline:active {
    color: #ffffff;
    border: .0625rem solid #4260cb;
    background: #4260cb;
}

.wishlist-create .modal-body {
    padding: 1.25rem 0rem .9375rem;
    background: #ffffff;
    border-radius: .9375rem;
}

.wishlist-create .modal-header {
    padding: 0 1.25rem .9375rem;
    border-bottom: .0625rem solid #e7e7e7;
    margin-bottom: 1.25rem;
}

.wishlist-create .modal-header .btn-close {
    padding: 0;
    width: 1.125rem;
    height: 1.125rem;
}

.wishlist-create .modal-title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.625rem;
    color: #222328;
    margin: 0;
}


/* .wishlist-create input {
    margin: 0 1.25rem 1.25rem;
    width: calc(100% - 2.5rem);
} */

.wishlist-create-input {
    padding: 0 1.25rem 1.25rem;
}

.wishlist-create .new-card-btn {
    margin-bottom: 1.875rem;
}

.wishlist-create h5 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: #8c94b0;
    padding-bottom: .9375rem;
    margin: 0 1.25rem .9375rem;
    border-bottom: .0625rem solid #e7e7e7;
}

.wishlist-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 1.25rem .9375rem;
    gap: .625rem;
}

.wishlist-items p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: 0;
    color: #222328;
}

.wishlist-items .cart-trash {
    background: #f7f7f7;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wishlist-items .cart-trash:hover img {
    animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

.wishlist-cards .savedlater-card {
    margin-bottom: 1.875rem;
}

.savedlater-card:hover {
    box-shadow: 0rem .25rem 3.375rem 0rem #0000001f;
}

.checkout-4-msg.two {
    max-width: 31.25rem;
    margin: 1.375rem auto;
}

.transfer-detail {
    margin-right: 3.3125rem;
}

.transfer-detail .box {
    border: .125rem solid #e7e7e7;
    padding: 1.875rem;
    margin: 1.875rem 0rem 1.875rem 0;
    background: #f9fbfd;
}

.transfer-detail .checkout-billing-heading {
    margin-bottom: .9375rem !important;
}

.transfer-detail .attention-card-design {
    margin-bottom: 1.25rem;
}

.issue-selection {
    margin-top: -0.625rem;
    border-bottom: .0625rem solid #e7e7e7;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
}

.issue-selection h4 {
    font-size: 1rem;
    margin-bottom: .9375rem;
    font-weight: 600;
    line-height: 1.5rem;
    color: #222328;
}

.issue-selection .issues {
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.issue-selection .issue-btn {
    border: .0625rem solid #e7e7e7;
    padding: .75rem 1.1875rem;
    background: #fff;
    border-radius: 3.125rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    cursor: pointer;
    color: #222328;
}

.issue-selection .issue-btn input[type="radio"]:checked+* {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    color: #fff;
    border-color: #fff;
    font-weight: 500;
}

.issue-selection .issue-btn input {
    display: none;
}

.interested-numbers .location-icon {
    max-width: .8125rem;
}

.interested-numbers .interested-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.125rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222328;
    padding-bottom: 1.25rem;
    border-bottom: .0625rem solid #e7e7e7;
    margin-top: 6.25rem;
    margin-bottom: 0;
}

.interestednumbers-slider .owl-stage {
    padding-top: 1.875rem;
}

.interested-numbers {
    margin-bottom: 6.25rem;
}

.interested-numbers .new-number-card {
    box-shadow: 0rem 0rem 1.875rem 0rem #00000012;
    border: none !important;
}

.interested-numbers .owl-next,
.interested-numbers .owl-prev {
    position: absolute;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 100% !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center;
    border: .0625rem solid #e7e7e7 !important;
    background-color: #fff !important;
    color: #8c94b0 !important;
    top: 0;
    margin: auto !important;
    bottom: 0;
}

.interested-numbers .owl-next span,
.interested-numbers .owl-prev span {
    display: none;
}

.interested-numbers .owl-next::after,
.interested-numbers .owl-prev::after {
    content: url(../images/icons/interested-icon.svg);
    inset: 0;
    margin: auto;
}

.interested-numbers .owl-next::after {
    rotate: 180deg;
}

.interested-numbers .owl-next:hover::after,
.interested-numbers .owl-prev:hover::after {
    filter: brightness(5.5);
}

.interested-numbers .owl-next:hover,
.interested-numbers .owl-prev:hover {
    background-color: #4260cb !important;
    border-color: #4260cb !important;
    color: #fff !important;
}

.interested-numbers .owl-next {
    right: -4.375rem;
}

.interested-numbers .owl-prev {
    left: -4.375rem;
}


/* ======================================================================================================================================== */


/* Common CSS Start */


/* Badge */

.round-badge {
    --bs-badge-padding-x: 1.25rem;
    --bs-badge-padding-y: .375rem;
    --bs-badge-font-size: 1rem;
    --bs-badge-font-weight: 500;
    --bs-badge-border-radius: 6.25rem;
    overflow: hidden;
}

.round-badge.text-bg-primary {
    color: #4260cb !important;
    background: transparent !important;
    position: relative;
    z-index: 0;
}

.round-badge.text-bg-primary::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%) !important;
    opacity: 0.1;
}


/* Button */

.round-btn {
    --bs-btn-font-size: 1.125rem;
    --bs-btn-padding-x: 2.5rem;
    --bs-btn-padding-y: .875rem;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: normal;
    --bs-btn-border-radius: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .9375rem;
}

.round-btn.btn-sm {
    --bs-btn-padding-y: .625rem;
    --bs-btn-padding-x: 1.875rem;
    --bs-btn-font-size: 1rem;
}

.round-btn.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4260cb;
    --bs-btn-border-color: #4260cb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3956bd;
    --bs-btn-hover-border-color: #3956bd;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3956bd;
    --bs-btn-active-border-color: #3956bd;
    --bs-btn-active-shadow: inset 0 .1875rem .3125rem rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4260cb;
    --bs-btn-disabled-border-color: #4260cb;
}

.round-btn.btn-outline-light {
    --bs-btn-color: #ffffff;
    --bs-btn-border-color: #ffffff;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #ffffff12;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #ffffff12;
    --bs-btn-active-border-color: #ffffff;
    --bs-btn-active-shadow: inset 0 .1875rem .3125rem rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffffff;
    --bs-gradient: none;
}

.round-btn.btn-light-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4cc1fe;
    --bs-btn-border-color: #4cc1fe;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3cb2ef;
    --bs-btn-hover-border-color: #3cb2ef;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3cb2ef;
    --bs-btn-active-border-color: #3cb2ef;
    --bs-btn-active-shadow: inset 0 .1875rem .3125rem rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4cc1fe;
    --bs-btn-disabled-border-color: #4cc1fe;
}

.round-btn.btn-outline-light-blue {
    --bs-btn-color: #ffffff;
    --bs-btn-border-color: #4cc1fe;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #4cc1fe12;
    --bs-btn-hover-border-color: #4cc1fe;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #4cc1fe12;
    --bs-btn-active-border-color: #4cc1fe;
    --bs-btn-active-shadow: inset 0 .1875rem .3125rem rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #4cc1fe;
    --bs-gradient: none;
}

.round-btn.btn-light {
    --bs-btn-color: #222328;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #e7e7e7;
    --bs-btn-hover-color: #222328;
    --bs-btn-hover-bg: #ffffff12;
    --bs-btn-hover-border-color: #e7e7e7;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #222328;
    --bs-btn-active-bg: #ffffff12;
    --bs-btn-active-border-color: #e7e7e7;
    --bs-btn-active-shadow: inset 0 .1875rem .3125rem rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #222328;
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #e7e7e7;
}


/* Form */

.round-f-group {
    margin-bottom: 1.25rem;
}


/* Text input */

.round-f-control {
    padding: 1.125rem 1.25rem;
    font-size: 1rem;
    font-weight: 400;
    color: #222328;
    border: none;
    border-radius: 3.125rem;
}

.round-f-control::placeholder {
    color: #7e7f87;
}

textarea.round-f-control {
    border-radius: 1.25rem;
}

.round-f-control[type="number"]::-webkit-outer-spin-button,
.round-f-control[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.round-f-control[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}

.round-f-control:focus {
    box-shadow: none;
    color: #222328;
}


/* Select2 */

.round-select .select2-container--default .select2-selection--single .select2-selection__rendered,
.round-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1rem;
    color: #222328;
    line-height: normal;
}

.round-select .select2-container--default .select2-selection--single,
.round-select2 .select2-container--default .select2-selection--single {
    padding: 1.125rem 1.25rem;
    border: none;
    border-radius: 1.875rem;
}

.round-select .select2-container--default .select2-selection--single {
    padding: .75rem 1.25rem .6875rem;
}

.round-select .select2-container--default .select2-selection--single {
    border: .0625rem solid #e7e7e7;
}

.round-select .select2-container .select2-selection--single,
.round-select2 .select2-container .select2-selection--single {
    height: auto;
}

.round-select .select2-container .select2-selection--single .select2-selection__rendered,
.round-select2 .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

.round-select .select2-container--default .select2-selection--single .select2-selection__arrow,
.round-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 0;
    right: 1.25rem;
    width: .6875rem;
}

.round-select .select2-container--default .select2-selection--single .select2-selection__arrow b,
.round-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #7e7f87 transparent transparent transparent;
    border-width: .375rem .375rem 0 .375rem;
    inset: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
}

.round-select .select2-dropdown,
.round-select2 .select2-dropdown {
    overflow: hidden;
    border-color: #e7e7e7;
}

.round-select .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.round-select2 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.round-select .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.round-select2 .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 1.875rem;
    border-top-right-radius: 1.875rem;
}

.round-select .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.round-select2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.round-select .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.round-select2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 1.875rem;
    border-bottom-right-radius: 1.875rem;
}

.round-select .select2-container--open .select2-dropdown--above,
.round-select2 .select2-container--open .select2-dropdown--above {
    border-bottom: .0625rem solid #e7e7e7;
    border-radius: 1.875rem;
    padding: .625rem 0;
}

.round-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.round-select2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #7e7f87 transparent;
    border-width: 0 .375rem .375rem .375rem;
}

.round-select .select2-container--open .select2-dropdown--below,
.round-select2 .select2-container--open .select2-dropdown--below {
    border-top: .0625rem solid #e7e7e7;
    margin-top: .25rem;
    border-radius: 1.875rem;
}

.round-select .select2-search--dropdown,
.round-select2 .select2-search--dropdown {
    padding: 0 .625rem .625rem;
}

.round-select .select2-container--default .select2-search--dropdown .select2-search__field,
.round-select2 .select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 1.5rem;
}

.round-select .select2-container--default .select2-search--dropdown .select2-search__field,
.round-select2 .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #e7e7e7;
}

.round-select .select2-search--dropdown .select2-search__field,
.round-select2 .select2-search--dropdown .select2-search__field {
    padding: .625rem 1.25rem;
}

.round-select .select2-search--dropdown .select2-search__field,
.round-select2 .select2-search--dropdown .select2-search__field {
    font-size: 1rem;
    font-weight: 400;
    color: #222328;
}

.round-select .select2-results__option,
.round-select2 .select2-results__option {
    padding: .375rem .625rem;
    font-size: 1rem;
    font-weight: 400;
    color: #222328;
}

.round-select .select2-results__options,
.round-select2 .select2-results__options {
    border-top: .0625rem solid #e7e7e7;
}

.round-select .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.round-select2 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #4260cb;
}

.round-select .select2-container--default .select2-results__option--selected,
.round-select2 .select2-container--default .select2-results__option--selected {
    background-color: #e7e7e7;
}

.round-select .select2-container--default .select2-selection--single .select2-selection__placeholder,
.round-select2 .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #7e7f87;
}


/* Common Class */

.row-gap-1 {
    row-gap: .25rem;
}

.row-gap-2 {
    row-gap: .5rem;
}

.row-gap-3 {
    row-gap: 1rem;
}

.row-gap-4 {
    row-gap: 1.5rem;
}

.row-gap-5 {
    row-gap: 3rem;
}

.section-heading {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 138%;
    color: #222328;
}

.section-heading span {
    background: linear-gradient(95deg, #467efe 27.34%, #61cafd 76.41%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-para {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 155%;
    color: #222328;
}


/* Datepicker */

.scheduleameeting-datepicker .datepicker-inline,
.scheduleameeting-datepicker .datepicker table {
    width: 100%;
}

.scheduleameeting-datepicker .datepicker .datepicker-switch {
    text-align: left;
    padding-top: 0;
    padding-bottom: .9375rem;
    font-family: "Montserrat", sans-serif;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: normal;
    color: #222328;
}

.scheduleameeting-datepicker .datepicker table tr td,
.datepicker table tr th {
    padding: .9375rem 0;
    height: auto;
}

.scheduleameeting-datepicker .datepicker .datepicker-switch:hover {
    background: #ffffff;
}

.scheduleameeting-datepicker .datepicker table tr th {
    font-family: "Montserrat", sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
    color: #222328;
}

.scheduleameeting-datepicker .datepicker table tr td {
    position: relative;
    z-index: 0;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: normal;
    color: #222328;
}

.scheduleameeting-datepicker .datepicker table tr td.new,
.scheduleameeting-datepicker .datepicker table tr td.old {
    color: #8c94b0;
}

.scheduleameeting-datepicker .datepicker table tr td::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    z-index: -1;
    width: calc(100% - .625rem);
    height: calc(100% - .625rem);
    border-radius: 50%;
}

.scheduleameeting-datepicker .datepicker table tr td.active.active,
.scheduleameeting-datepicker .datepicker table tr td.active.highlighted.active,
.scheduleameeting-datepicker .datepicker table tr td.active.highlighted:active,
.scheduleameeting-datepicker .datepicker table tr td.active:active {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #ffffff;
}

.scheduleameeting-datepicker .datepicker table tr td.active.active::after,
.scheduleameeting-datepicker .datepicker table tr td.active.highlighted.active::after,
.scheduleameeting-datepicker .datepicker table tr td.active.highlighted:active::after,
.scheduleameeting-datepicker .datepicker table tr td.active:active::after {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.scheduleameeting-datepicker .datepicker table tr td.active,
.scheduleameeting-datepicker .datepicker table tr td.active.highlighted {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #ffffff;
    text-shadow: none;
}

.scheduleameeting-datepicker .datepicker table tr td.active::after,
.scheduleameeting-datepicker .datepicker table tr td.active.highlighted::after,
.scheduleameeting-datepicker .datepicker table tr td.day.active:hover::after {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.scheduleameeting-datepicker .datepicker table tr td.day:hover,
.scheduleameeting-datepicker .datepicker table tr td.focused {
    background: #ffffff;
}

.scheduleameeting-datepicker .datepicker table tr td.day:hover::after,
.scheduleameeting-datepicker .datepicker table tr td.focused::after {
    background: #eee;
}

.scheduleameeting-datepicker .datepicker table tr td span.active.active,
.scheduleameeting-datepicker .datepicker table tr td span.active.disabled.active,
.scheduleameeting-datepicker .datepicker table tr td span.active.disabled:active,
.scheduleameeting-datepicker .datepicker table tr td span.active.disabled:hover.active,
.scheduleameeting-datepicker .datepicker table tr td span.active.disabled:hover:active,
.scheduleameeting-datepicker .datepicker table tr td span.active:active,
.scheduleameeting-datepicker .datepicker table tr td span.active:hover.active,
.scheduleameeting-datepicker .datepicker table tr td span.active:hover:active {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.scheduleameeting-datepicker .datepicker table tr td.today {
    background: #ffffff;
    border-color: #ffffff;
    color: #ffffff;
}

.scheduleameeting-datepicker .datepicker table tr td.today::after {
    background-color: #4260cb;
}

.scheduleameeting-datepicker .datepicker table tr td:hover.today::after {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}


/* Common CSS End */


/* Now hiring CSS Start */

.change-hero-section {
    background-position: center bottom;
    padding-bottom: 10.9375rem;
}

.wearehiring-section {
    margin-top: -5rem;
    position: relative;
    z-index: 1;
}

.wearehiring-section::before,
.wearehiring-section::after {
    content: "";
    position: absolute;
    z-index: 0;
    border-radius: 100%;
    background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
}

.wearehiring-section::before {
    bottom: calc(0% + 5.3125rem);
    left: calc(0% + 2.8125rem);
    width: 23.125rem;
    height: 23.125rem;
    opacity: 0.15;
}

.wearehiring-section::after {
    bottom: calc(0% + 15.625rem);
    right: calc(0% + 2.8125rem);
    width: 20.8125rem;
    height: 20.8125rem;
    opacity: 0.1;
}

.wearehiring-bg-color {
    background: linear-gradient(90deg, #edf2ff 0%, #eff9ff 100%);
}

.wearehiring-bg-top,
.wearehiring-bg-bottom {
    width: 100%;
}

.wearehiring-content {
    position: relative;
    top: -2.5rem;
    z-index: 1;
    padding-bottom: 1.875rem;
}

.wearehiring-thumbnail {
    width: 100%;
    border-radius: .625rem;
}

.wearehiring-section .section-para {
    font-size: 1.25rem;
    line-height: 180%;
    color: #222328;
}

.joinourteam-section {
    margin-top: -9.375rem;
    background-image: url(../images/image/joinourteam-thumbnail.png);
    background-size: cover;
    background-position: left center;
}

.joinourteam-bg-top,
.joinourteam-bg-bottom {
    width: 100%;
}

.joinourteam-content {
    padding: 5rem 0 6.25rem;
}

.joinourteam-section .section-heading {
    color: #ffffff;
}

.joinourteam-section .section-para {
    color: #ffffff;
}

.wanttoapply-section {
    margin-top: -9.375rem;
    position: relative;
    z-index: 0;
    margin-bottom: 3.125rem;
}

.wanttoapply-section::before,
.wanttoapply-section::after {
    content: "";
    position: absolute;
    z-index: 1;
    border-radius: 100%;
}

.wanttoapply-section::before {
    top: calc(0% + 4.375rem);
    left: calc(0% + 4.75rem);
    width: 20.125rem;
    height: 20.125rem;
    opacity: 0.2;
    background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
}

.wanttoapply-section::after {
    bottom: calc(0% + 5.625rem);
    right: calc(0% - 9.375rem);
    width: 24.3125rem;
    height: 24.3125rem;
    background: linear-gradient(118.01deg, #69c5fb 12.73%, rgba(105, 197, 251, 0) 79.41%);
}

.wanttoapply-bg-top {
    width: 100%;
}

.wanttoapply-bg-color {
    background: linear-gradient(90deg, #467efe 2.16%, #61cafd 99.48%);
}

.wanttoapply-content {
    padding-bottom: calc(6.25rem - 3.75rem);
    position: relative;
    top: -3.75rem;
    z-index: 2;
}

.wanttoapply-content::before {
    content: "";
    position: absolute;
    top: calc(0% + 2.8125rem);
    left: 0;
    z-index: -1;
    background-image: url(../images/image/wanttoapply-bg-lines.png);
    background-size: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
    height: calc(100% + .9375rem);
}

.wanttoapply-section .section-heading {
    color: #ffffff;
}

.wanttoapply-section .section-para {
    color: #ffffff;
    max-width: 35.9375rem;
}

.wanttoapply-man {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.wanttoapply-top-wrapper {
    position: relative;
}

.wanttoapply-man-shadow {
    position: absolute;
    top: 45%;
    right: 0;
    width: 100%;
}


/* Now hiring CSS End */


/* Work with us CSS Start */

.workwithus-hero {
    position: relative;
    z-index: 0;
}

.becomeaseller-section {
    background-image: url(../images/image/becomeaseller-thumbnail.png);
    background-size: cover;
    background-position: left center;
    margin-top: -6.875rem;
    position: relative;
    z-index: -1;
}

.becomeaseller-bg-top,
.becomeaseller-bg-bottom {
    width: 100%;
}

.becomeaseller-content {
    padding: 4.0625rem 0 7.1875rem;
}

.becomeaseller-section .section-heading {
    max-width: 43.5rem;
    color: #ffffff;
}

.somuchtolove-section {
    padding: 5rem 0 5rem;
}

.somuchtolove-section .section-heading {
    text-align: center;
}

.somuchtolove-section .section-para {
    font-size: 1rem;
    line-height: normal;
    color: #8c94b0;
    text-align: center;
    max-width: 43.5rem;
    margin: auto;
}

.somuchtolove-card {
    max-width: 23.625rem;
}

.somuchtolove-card-icon {
    width: 15rem;
    height: 15rem;
    margin: 0 auto 1.25rem;
    border: .3125rem solid #4260cb1a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.somuchtolove-card-icon img {
    max-width: 58%;
}

.somuchtolove-card-heading {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: #222328;
    margin-bottom: .625rem;
}

.somuchtolove-card-para {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 155%;
    text-align: center;
    color: #8c94b0;
    margin-bottom: 0;
}

.partnerwithus-section {
    position: relative;
    z-index: 0;
}

.partnerwithus-section::before,
.partnerwithus-section::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 20.125rem;
    height: 20.125rem;
    border-radius: 100%;
}

.partnerwithus-section::before {
    top: calc(0% + 9.375rem);
    left: calc(0% + 3.125rem);
    opacity: 0.2;
    background: linear-gradient(216.18deg, rgba(81, 157, 253, 0) 10.47%, #8fc1ff 89.87%);
}

.partnerwithus-section::after {
    bottom: calc(0% + 7.8125rem);
    right: calc(0% + 4.6875rem);
    opacity: 0.1;
    background: linear-gradient(216deg, rgba(255, 255, 255, 0) 10.47%, #fff 89.87%);
}

.partnerwithus-bg-bottom {
    margin-top: -0.0625rem;
    width: 100%;
}

.partnerwithus-bg-top {
    margin-bottom: -0.0625rem;
    width: 100%;
}

.partnerwithus-bg-color {
    background: linear-gradient(91deg, #467efe 0.56%, #61cafd 99.44%);
}

.partnerwithus-content {
    position: relative;
    z-index: 0;
    padding: 1.875rem 0 3.75rem;
}

.partnerwithus-content::before {
    content: "";
    position: absolute;
    top: calc(0% + 5.625rem);
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    background-image: url(../images/image/partnerwithus-bg-lines.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    height: calc(100% + .9375rem);
}

.partnerwithus-circle-wrapper {
    --partnerwithus-circle-size: 38.625rem;
    --partnerwithus-circle-arrow: calc(var(--partnerwithus-circle-size) / -2);
    display: inline-block;
    position: relative;
    z-index: 0;
}

.partnerwithus-circle-border {
    width: var(--partnerwithus-circle-size);
    height: var(--partnerwithus-circle-size);
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='50%' ry='50%' stroke='rgb(255 255 255 / 50%)' stroke-width='1' stroke-dasharray='10, 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 50%;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partnerwithus-circle-border-arrow {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 1.125rem;
    height: auto;
    object-fit: contain;
}

.partnerwithus-circle-border-arrow.border-arrow-1 {
    transform: rotate(85deg) translateY(var(--partnerwithus-circle-arrow)) rotate(271deg);
}

.partnerwithus-circle-border-arrow.border-arrow-2 {
    transform: rotate(225deg) translateY(var(--partnerwithus-circle-arrow)) rotate(271deg);
}

.partnerwithus-circle-border-arrow.border-arrow-3 {
    transform: rotate(315deg) translateY(var(--partnerwithus-circle-arrow)) rotate(271deg);
}

.partnerwithus-circle {
    width: 80%;
    height: 80%;
    background-color: #ffffff;
    border-radius: 50%;
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.partnerwithus-circle::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    margin: auto;
    width: 88%;
    height: 88%;
    border-radius: 50%;
    border: .0625rem solid #4260cb4d;
}

.partnerwithus-logo {
    max-width: 18.6875rem;
    width: 100%;
    object-fit: contain;
    margin-bottom: 1.875rem;
}

.partnerwithus-circle .section-heading {
    font-size: 2.375rem;
    line-height: normal;
    max-width: 20.625rem;
}

.partnerwithus-list {
    list-style-type: none;
}

.partnerwithus-list-item {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.partnerwithus-list-icon {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 5.625rem;
    height: 5.625rem;
    background-color: #ffffff;
    border: .0625rem solid #d3d9db;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partnerwithus-list-item.list-item-1 .partnerwithus-list-icon {
    transform: rotate(30deg) translateY(var(--partnerwithus-circle-arrow)) rotate(330deg);
}

.partnerwithus-list-item.list-item-2 .partnerwithus-list-icon {
    transform: rotate(135deg) translateY(var(--partnerwithus-circle-arrow)) rotate(225deg);
}

.partnerwithus-list-item.list-item-3 .partnerwithus-list-icon {
    transform: rotate(265deg) translateY(var(--partnerwithus-circle-arrow)) rotate(105deg);
}

.partnerwithus-list-heading {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: normal;
    color: #ffffff;
    margin-bottom: .9375rem;
}

.partnerwithus-list-para {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: normal;
    color: #ffffff;
}

.partnerwithus-list-item.list-item-1 .partnerwithus-list-para {
    max-width: 17.1875rem;
}

.partnerwithus-list-item.list-item-2 .partnerwithus-list-para {
    max-width: 21.25rem;
}

.partnerwithus-list-item.list-item-3 .partnerwithus-list-para {
    max-width: 18.625rem;
}

.partnerwithus-list-number {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: normal;
    color: #ffffff;
}

.partnerwithus-list-content {
    position: absolute;
    width: max-content;
    display: flex;
    gap: 1.25rem;
    align-items: center;
}

.partnerwithus-list-item.list-item-1 .partnerwithus-list-content {
    top: 33%;
    left: calc(100% + 1.875rem);
    text-align: left;
    flex-direction: row-reverse;
}

.partnerwithus-list-item.list-item-2 .partnerwithus-list-content {
    top: 69%;
    right: calc(100% - 2.5rem);
    text-align: right;
}

.partnerwithus-list-item.list-item-3 .partnerwithus-list-content {
    top: 0%;
    right: calc(100% - 2.5rem);
    text-align: right;
}

.becomeapartner-section {
    padding: 5rem 0;
}

.becomeapartner-content {
    background-image: url(../images/image/becomeapartner-bg-banner.png);
    background-size: cover;
    background-position: right;
    border-radius: 1.25rem;
    padding: 3.75rem 3.75rem 2.1875rem;
}

.becomeapartner-section .section-heading {
    color: #ffffff;
    max-width: 24.5625rem;
}

.travelworld-wrapper {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.travelworld-text {
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin-left: auto;
}

.travelworld-text h4 {
    font-family: "Montserrat", sans-serif;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: normal;
    color: #5ec4fc;
    margin-bottom: -0.625rem;
    padding-left: .25rem;
}

.travelworld-text h3 {
    font-family: "Montserrat", sans-serif;
    font-size: 5.3125rem;
    font-weight: 700;
    line-height: normal;
    color: #5ec4fc;
    margin-bottom: 0;
}

.travelworld-content p {
    font-size: 1rem;
    font-weight: 500;
    font-style: italic;
    line-height: normal;
    color: #ffffff;
}

.travelworld-content .round-btn {
    --bs-btn-font-size: 1.875rem;
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: .8125rem;
    --bs-btn-font-weight: 700;
    font-family: "Montserrat Alternates", sans-serif;
}

.travelworld-content .round-btn img {
    width: 2.8125rem;
    height: 2.8125rem;
    object-fit: contain;
}

.travelworld-wrapper .becomeapartner-arrow {
    width: auto;
    height: 7.125rem;
    object-fit: contain;
    margin-top: 3.125rem;
}

.scheduleameeting-section {
    padding-bottom: 6.25rem;
}

.scheduleameeting-content {
    position: relative;
    z-index: 0;
    padding: 3.75rem 3.125rem;
}

.scheduleameeting-details-wrapper {
    padding-right: 5rem;
}

.scheduleameeting-content::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: 1.25rem;
    opacity: 10%;
    background: linear-gradient(102.07deg, #467efe 0.44%, #61cafd 100%);
}

.scheduleameeting-logo {
    max-width: 17.6875rem;
    height: auto;
    object-fit: contain;
}

.scheduleameeting-details-wrapper hr {
    border-color: #222328;
    opacity: 10%;
}

.schedule-time-details {
    display: flex;
    align-items: center;
}

.schedule-details-item {
    padding-right: 1.1875rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.schedule-details-item:not(:last-child) {
    border-right: .0625rem solid #e7e7e7;
}

.schedule-details-item:not(:first-child) {
    padding-left: 1.1875rem;
}

.schedule-details-item h4 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: normal;
    color: #222328;
    margin-bottom: 0;
}

.schedule-details-item img {
    width: 1.3125rem;
    height: auto;
    object-fit: contain;
}

.scheduleameeting-section .section-para {
    color: #8c94b0;
}

.scheduleameeting-card {
    border: 0;
    box-shadow: 0rem .25rem 5.25rem 0rem #0000001a;
    background-color: #ffffff;
    border-radius: .625rem;
}

.scheduleameeting-card.form-steup-1 {
    text-align: center;
}

.scheduleameeting-card .card-body {
    padding: 1.875rem 2.5rem 3.125rem;
}

.scheduleameeting-card-heading {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: normal;
    color: #222328;
    margin-bottom: .625rem;
}

.scheduleameeting-card-para {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 155%;
    color: #8c94b0;
    margin-bottom: 1.875rem;
}

.round-f-control.border-input {
    border: .0625rem solid #e7e7e7;
}

.scheduleameeting-time {
    max-height: 26.0625rem;
    overflow-y: auto;
}

.scheduleameeting-time::-webkit-scrollbar {
    width: .5rem;
}

.scheduleameeting-time::-webkit-scrollbar-thumb {
    background-color: #e7e7e7;
    border-radius: 6.25rem;
    border: .125rem solid #fff;
}

.scheduleameeting-time-heading {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: normal;
    color: #222328;
}

.scheduleameeting-time {
    display: flex;
    flex-wrap: wrap;
    gap: .9375rem 1.25rem;
}

.scheduleameeting-button-wrapper {
    flex-basis: calc(50% - .625rem);
    display: flex;
    align-items: center;
    gap: .3125rem;
}

.scheduleameeting-button-wrapper .round-btn {
    border-radius: .625rem;
    padding: .875rem .125rem;
}

.scheduleameeting-button-wrapper.selected .btn {
    font-family: "Montserrat", sans-serif;
    flex-basis: calc(50% - .1563rem);
}

.scheduleameeting-button-wrapper.selected .btn-light {
    background-color: #8c94b0;
    border-color: transparent;
    color: #ffffff;
}

.scheduleameeting-confirm-heaidng {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: normal;
    color: #222328;
    margin-bottom: 1.875rem;
}

.scheduleameeting-confirm-list {
    list-style-type: none;
    margin-bottom: 2.1875rem;
    padding-left: 0;
}

.scheduleameeting-confirm-list-item {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: normal;
    color: #222328;
    display: flex;
    align-items: start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.scheduleameeting-confirm-list-item img {
    width: 1.3125rem;
    height: auto;
    padding-top: .375rem;
    object-fit: contain;
}

.scheduleameeting-confirm-para {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 155%;
    text-align: center;
    color: #8c94b0;
    margin-bottom: 0rem;
}

.rws-mb-new {
    margin-bottom: -15.3125rem !important;
}


/* Work with us CSS End */


/* Media Start */

@media (max-width: 1920.98px) {
    .wearehiring-section {
        margin-top: -4.375rem;
    }

    .joinourteam-section,
    .wanttoapply-section {
        margin-top: -6.875rem;
    }

    .wearehiring-content {
        top: -1.25rem;
    }

    .wanttoapply-man {
        width: 41.66666667%;
    }
}

@media (max-width: 1699.98px) {

    .joinourteam-section,
    .wanttoapply-section {
        margin-top: -6.25rem;
    }

    .wearehiring-content {
        top: 0;
    }

    .becomeaseller-section {
        margin-top: -6.25rem;
    }
}

@media (max-width: 1399.98px) {
    .wearehiring-section {
        margin-top: -4.5625rem;
    }

    .joinourteam-section,
    .wanttoapply-section {
        margin-top: -5rem;
    }

    .wanttoapply-man {
        width: 50%;
    }

    .wearehiring-content {
        padding-top: 1.25rem;
    }

    .becomeaseller-section {
        margin-top: -5.625rem;
    }

    .partnerwithus-circle-wrapper {
        --partnerwithus-circle-size: 32.5rem;
    }

    .partnerwithus-circle {
        width: 76%;
        height: 76%;
    }

    .partnerwithus-logo {
        max-width: 15.5625rem;
    }

    .partnerwithus-circle .section-heading {
        font-size: 1.875rem;
    }

    .partnerwithus-list-icon {
        width: 5rem;
        height: 5rem;
    }

    .scheduleameeting-details-wrapper {
        padding-right: 0;
    }
}

@media (max-width: 1199.98px) {

    .wanttoapply-man,
    .wanttoapply-man-shadow {
        display: none;
    }

    .wanttoapply-content {
        padding-bottom: calc(3.75rem - 1.875rem);
        top: -1.875rem;
    }

    .becomeaseller-section {
        margin-top: -4.375rem;
    }

    .becomeaseller-content {
        padding: 4.0625rem 0 4.6875rem;
    }

    .becomeaseller-section .section-heading {
        font-size: 1.875rem;
    }

    .partnerwithus-list {
        margin-top: 1.875rem;
    }

    .partnerwithus-list-item {
        display: flex;
        gap: 16px;
        margin-bottom: 1rem;
    }

    .partnerwithus-list-content {
        align-items: start;
        text-align: left !important;
        flex-direction: row-reverse;
        padding-top: 0.8125rem;
    }

    .partnerwithus-list-item,
    .partnerwithus-list-content,
    .partnerwithus-list-icon {
        position: unset;
    }

    .partnerwithus-list-icon {
        transform: none !important;
        margin: 0;
        width: 4.375rem;
        height: 4.375rem;
    }
}

@media (max-width: 991.98px) {
    .wearehiring-section {
        margin-top: -3.75rem;
    }

    .joinourteam-section,
    .wanttoapply-section {
        margin-top: -2.5rem;
    }

    .wearehiring-content {
        padding-top: 1.875rem;
    }

    .wanttoapply-content {
        padding-top: 1.25rem;
        padding-bottom: 3.125rem;
        top: 0;
    }

    .becomeaseller-section {
        margin-top: -5.75rem;
    }

    .travelworld-wrapper .becomeapartner-arrow {
        transform: rotateY(180deg);
    }

    .travelworld-wrapper {
        flex-direction: row-reverse;
    }

    .travelworld-text {
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .round-badge {
        --bs-badge-font-size: .875rem;
    }

    .round-btn {
        --bs-btn-font-size: .875rem;
        --bs-btn-padding-x: 1.875rem;
        --bs-btn-padding-y: .8125rem;
        gap: .5rem;
    }

    .round-f-control {
        padding: .875rem 1.125rem;
        font-size: .875rem;
    }

    .round-select2 .select2-container--default .select2-selection--single {
        padding: .875rem 1.125rem;
    }

    .round-select2 .select2-container--default .select2-selection--single .select2-selection__rendered,
    .round-select2 .select2-search--dropdown .select2-search__field,
    .round-select2 .select2-results__option {
        font-size: .875rem;
    }

    .round-select2 .select2-search--dropdown .select2-search__field {
        padding: .5rem 1rem;
    }

    .section-heading {
        font-size: 1.625rem;
    }

    .section-para {
        font-size: 1rem;
    }

    .somuchtolove-card-icon {
        width: 12.5rem;
        height: 12.5rem;
    }

    .somuchtolove-card-heading {
        font-size: 1.625rem;
    }

    .somuchtolove-card-para {
        font-size: 1rem;
    }

    .partnerwithus-list-number {
        font-size: 1.625rem;
    }

    .partnerwithus-list-heading {
        font-size: 1.5rem;
        margin-bottom: 0.75rem;
    }

    .partnerwithus-list-para {
        font-size: 1rem;
    }

    .partnerwithus-list-icon {
        width: 3.75rem;
        height: 3.75rem;
    }

    .partnerwithus-list-icon img {
        width: 2.35rem;
        height: 2.35rem;
    }

    .partnerwithus-list-content {
        padding-top: 0.625rem;
    }

    .travelworld-text h4 {
        font-size: 1.5rem;
        margin-bottom: 0.125rem;
    }

    .travelworld-text h3 {
        font-size: 3.4375rem;
    }

    .travelworld-text {
        margin-bottom: 1.25rem;
    }

    .travelworld-content .round-btn {
        --bs-btn-font-size: 1.25rem;
        width: fit-content;
    }
}

@media (max-width: 575.98px) {

    .joinourteam-section,
    .wanttoapply-section {
        margin-top: 0rem;
    }

    .joinourteam-content {
        padding: 2.5rem 0 3.125rem;
    }

    .becomeaseller-section {
        margin-top: -3.75rem;
    }

    .somuchtolove-card-icon {
        width: 9.375rem;
        height: 9.375rem;
    }

    .partnerwithus-circle-wrapper {
        --partnerwithus-circle-size: 18.375rem;
        display: block;
    }

    .partnerwithus-circle {
        width: 80%;
        height: 80%;
    }

    .partnerwithus-logo {
        max-width: 7.5rem;
        margin-bottom: 0.625rem;
    }

    .partnerwithus-circle .section-heading {
        font-size: 1.25rem !important;
    }

    .partnerwithus-list {
        padding-left: 0;
    }

    .partnerwithus-list-icon {
        width: 3.75rem;
        height: 3.75rem;
        min-width: 3.75rem;
        min-height: 3.75rem;
    }

    .becomeapartner-content {
        padding: 1.25rem;
    }

    .scheduleameeting-section {
        padding-bottom: 2.25rem;
    }

    .travelworld-content .round-btn img {
        width: 1.875rem;
        height: 1.875rem;
    }

    .travelworld-content .round-btn {
        --bs-btn-font-size: 1rem;
        --bs-btn-padding-x: 0.9375rem;
    }

    .scheduleameeting-content {
        padding: 0.4375rem 0.4375rem;
    }

    .scheduleameeting-logo {
        max-width: 14.5625rem;
        margin-bottom: 1.5rem !important;
    }

    .schedule-details-item h4 {
        font-size: 1.25rem;
    }

    .scheduleameeting-card .card-body {
        padding: 1.25rem 1.25rem 1.875rem;
    }

    .scheduleameeting-confirm-heaidng,
    .scheduleameeting-card-heading {
        font-size: 1.5rem;
    }

    .scheduleameeting-confirm-list-item {
        font-size: 1.125rem;
    }

    .scheduleameeting-confirm-para,
    .scheduleameeting-card-para {
        font-size: 1rem;
    }

    .scheduleameeting-details-wrapper {
        padding: 0.625rem 0.625rem 0rem;
    }
}


/* Media End */


/* Shopping Cart Modal */

.content-para {
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    color: #222328;
}

.content-heading {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: normal;
    color: #222328;
}

.content-sm-heading {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
    color: #222328;
}

.link-button {
    border: none;
    background-color: transparent;
    color: #4260cb;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: normal;
    padding: 0;
}

.button-divider {
    display: inline-block;
    width: .0625rem;
    background-color: #e7e7e7;
}

.form-control::placeholder {
    color: #7e7f87;
}

.round-form-group {
    margin-bottom: .9375rem;
}

.round-input {
    padding: .75rem 1.25rem;
    font-size: 1rem;
    font-weight: 400;
    color: #222328;
    border-color: #e7e7e7;
    border-radius: 3.125rem;
}

textarea.round-input {
    border-radius: 1.25rem;
}

.round-inputNaNpxove-arrow[type="number"]::-webkit-outer-spin-button,
.round-inputNaNpxove-arrow[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.round-inputNaNpxove-arrow[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}

.round-input:focus {
    border-color: #4260cb;
    box-shadow: 0 0 0 4px rgb(66, 96, 203, 0.25);
    color: #222328;
}

.custom-checkbox {
    appearance: none;
    width: 1.875rem;
    height: 1.875rem;
    min-width: 1.875rem;
    border: .0625rem solid #e7e7e7;
    border-radius: .25rem;
    background-image: url(../images/icons/checked.svg);
    background-size: 1.1875rem;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    cursor: pointer;
}

.custom-checkbox:checked {
    background-color: #4260cb;
    border-color: transparent;
}

.round-button {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: normal;
    padding: .875rem 1.875rem;
    border-radius: 3.125rem;
}

.round-button.btn-primary {
    background-color: #4260cb !important;
    border-color: #4260cb !important;
    color: #ffffff !important;
    justify-content: center;
}

.round-button.btn-secondary {
    background-color: #f3f4f7 !important;
    border-color: #f3f4f7 !important;
    color: #8c94b0 !important;
}

.shopcart-modal .modal-dialog {
    max-width: 88.875rem !important;
}

.shopcart-modal .modal-content {
    border: .9375rem solid #edf2ffe5;
    border-radius: 1.875rem;
}

.shopcart-modal .modal-header {
    padding: 1.5625rem 1.875rem 1.25rem;
    border: none;
    align-items: start;
}

.shopcart-modal .modal-title {
    font-size: 2rem;
    line-height: normal;
    margin: inherit;
}

.shopcart-close {
    background-color: transparent;
    border: none;
}

.shopcart-modal .modal-body {
    padding: 0 1.875rem 3.125rem;
}

.shopcart-step-tab {
    margin-bottom: 1.25rem !important;
}

.shopcart-step-tab .nav-item {
    flex-grow: 1;
    margin-left: -0.625rem;
}

.shopcart-step-tab .nav-item:first-child {
    margin-left: 0;
}

.shopcart-step-tab .nav-link {
    width: 100%;
    border-radius: 0;
    border: none !important;
    background-color: #ebecef;
    color: #8c94b0;
    padding: .625rem;
    clip-path: polygon(calc(100% - 1.25rem) 0%, 100% 50%, calc(100% - 1.25rem) 100%, 0% 100%, calc(0% + 1.25rem) 50%, 0% 0%);
}

.shopcart-step-tab .nav-item:first-child .nav-link {
    clip-path: polygon(calc(100% - 1.25rem) 0%, 100% 50%, calc(100% - 1.25rem) 100%, 0% 100%, 0% 0%, 0% 0%);
    margin-left: 0;
}

.shopcart-step-tab .nav-link.previous,
.shopcart-step-tab .nav-link.active {
    background-color: #4260cb;
    color: #ffffff;
}

.shopcart-step-tab .nav-link h5 {
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1.6875rem;
}

.shopcart-step-tab .nav-link span {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.shopcart-card {
    border-radius: .375rem;
    border: none;
    box-shadow: 0rem .25rem 3.375rem 0rem #00000012;
    background-color: #ffffff;
}

.shopcart-card .card-header {
    padding: .9375rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem .625rem;
    background-color: transparent;
    border-bottom: .0625rem solid #e7e7e7;
}

.shopcart-card-title .content-para {
    font-weight: 500;
    margin-bottom: .375rem;
}

.shopcart-card-title .content-heading {
    margin-bottom: 0;
    background: var(--gradient-20, linear-gradient(95deg, #467efe 5.26%, #61cafd 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.shopcart-card-price {
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    color: #7e7f87;
}

.shopcart-card-price span {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: normal;
    background: linear-gradient(95deg, #467efe 35.13%, #61cafd 99.43%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.shopcart-card .card-body {
    padding: .9375rem 1.25rem;
    border-bottom: .0625rem solid #e7e7e7;
}

.shopcart-card-hold-time {
    display: flex;
    gap: .5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 137%;
    margin-bottom: 1.25rem;
    color: #7e7f87;
}

.shopcart-card-hold-time img {
    width: 1rem;
    height: auto;
    object-fit: contain;
    padding-top: .0625rem;
}

.shopcart-card-otcharges {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .375rem .625rem;
    margin-bottom: 1.25rem;
}

.shopcart-card-otcharges .content-para {
    font-weight: 500;
    margin-bottom: 0;
}

.shopcart-card-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .375rem .625rem;
}

.shopcart-card-total .content-sm-heading {
    margin-bottom: 0;
}

.shopcart-card .card-footer {
    background-color: transparent;
    padding: .9375rem 1.25rem;
    border: none;
}

.shopcart-card-cta {
    display: flex;
    gap: 1.875rem;
}

.shopcart-cta-button {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
    gap: .9375rem;
}

.checkout-card {
    border: none;
    background-color: #ffffff;
    border-radius: .375rem;
    box-shadow: 0rem .25rem 3.375rem 0rem rgba(0, 0, 0, 0.07);
}

.checkout-card .card-body {
    padding: 1.875rem 1.875rem 5.1875rem;
}

.monthly-charges,
.total-due {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .375rem .625rem;
}

.monthly-charges {
    margin-bottom: .625rem;
}

.monthly-charges .content-para,
.total-due .content-sm-heading {
    margin-bottom: 0;
}

.total-due {
    margin-bottom: 1.0625rem;
}

.checkout-card .code-apply-input {
    margin-bottom: 1.875rem;
}

.checkout-card hr {
    border-color: #e7e7e7;
    opacity: 1;
}

.code-apply-input {
    display: flex;
    border: .0625rem solid #e7e7e7;
    border-radius: 3.125rem;
}

.code-apply-input .form-control {
    border: none;
    padding: .8125rem .8125rem .8125rem 1.375rem;
    border-radius: 3.125rem 0 0 3.125rem;
    color: #222328;
    font-size: 1rem;
    font-weight: 400;
}

.code-apply-input .link-button {
    padding: .8125rem 1.375rem .8125rem .8125rem;
}

.code-apply-input span {
    margin: .625rem 0;
}

.or-checkout-text {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.or-checkout-text .button-divider {
    flex-grow: 1;
    width: auto;
    height: .0625rem;
}

.or-checkout-text .content-para {
    color: #7e7f87;
    line-height: 137%;
    display: inline-block;
    margin-bottom: 0;
    padding: 0 .625rem;
}

.checkout-card .round-button {
    padding: .5625rem 1.875rem;
}

.checkout-card .btn-secondary {
    border-color: #aaaaaa !important;
    background-color: #aaaaaa !important;
    color: #ffffff !important;
}

.checkout-card .btn-outline-secondary {
    border-color: #e7e7e7 !important;
    background-color: #f9fbfd !important;
    color: #bdbdbf !important;
}

.billaddress-card {
    border-radius: .375rem;
    border: none;
    box-shadow: 0rem .25rem 3.375rem 0rem #00000012;
    background-color: #ffffff;
}

.billaddress-card .card-body {
    padding: 1.25rem 1.25rem .9375rem;
}

.billaddress-checkbox {
    display: flex;
    align-items: center;
    gap: .625rem;
}

.billaddress-checkbox .content-para {
    cursor: pointer;
}

.billaddress-checkbox .content-para a {
    color: #4260cb !important;
}

.payment-type {
    display: flex;
    box-shadow: 0rem .25rem 3.375rem 0rem #00000012;
}

.paymenttype-tab {
    flex-direction: column;
    padding: 1.875rem 1.25rem 1.875rem 0;
    background: #f9fbfd;
    min-width: 14.375rem;
}

.paymenttype-tab .nav-item .nav-link {
    padding: 1rem 2.4375rem;
    width: 100%;
    color: #8c94b0;
    display: flex;
    align-items: center;
    gap: .875rem;
    border-radius: 0 3.125rem 3.125rem 0 !important;
    font-size: 1rem;
    font-weight: 500;
    border: none !important;
}

.paymenttype-tab .nav-item .nav-link.active {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    color: #ffffff;
}

.paymenttype-tab .nav-item .nav-link.active img {
    filter: brightness(200%);
}

.payment-type .tab-content {
    width: 100%;
    padding: 1.875rem 1.875rem .9375rem;
}

.paymenttab-label {
    margin-bottom: .375rem;
    font-weight: 500;
}

.ordersummary-number {
    border-bottom: .0625rem solid rgba(34, 35, 40, 0.1);
    padding: 0 1.25rem 0 1.25rem;
    margin-bottom: .9375rem;
}

.ordersummary-number .shopcart-card-price span {
    color: rgba(34, 35, 40, 1);
    font-size: 1.25rem;
    font-weight: 600;
    background: unset;
    -webkit-text-fill-color: unset;
}

.ordersummary-number .shopcart-card-title {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .625rem;
    align-items: center;
}

.payinfo-title {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    margin-bottom: .9375rem;
    color: #222328;
}

.order-summary {
    box-shadow: 0rem .25rem 3.375rem 0rem #00000012;
    background: #fff;
    padding: 1rem 0 1.25rem;
    margin-bottom: 1.875rem;
    border-radius: .375rem;
}

.payment-method {
    box-shadow: 0rem .25rem 3.375rem 0rem rgba(0, 0, 0, 0.07);
    background: #fff;
    padding: 1.25rem;
    margin-bottom: 1.25rem;
    border-radius: .375rem;
    display: flex;
    flex-direction: column;
    gap: .8125rem;
}

.contect-info {
    box-shadow: 0rem .25rem 3.375rem 0rem rgba(0, 0, 0, 0.07);
    background: #fff;
    padding: 1.6875rem 1.875rem .875rem;
    border-radius: .375rem;
}

.ordersummary-totals {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    padding: 0 1.25rem;
    justify-content: space-between;
    align-items: center;
}

.ordersummary-totals p {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.875rem;
    color: rgba(34, 35, 40, 1);
    margin-bottom: 0;
}

.contect-info div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: .9375rem;
    gap: .625rem;
}

.contect-info p {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.5rem;
    color: rgba(140, 148, 176, 1);
}

.contect-info span {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: rgba(34, 35, 40, 1);
}

.payment-method .radio:checked {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}

.payment-method .radio:not(:checked) {
    opacity: 0.3;
}

.payment-method .radio {
    width: 1.625rem;
    height: 1.625rem;
    background: #fff;
    border-color: rgba(231, 231, 231, 1);
}

.payment-method .radio:checked::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icons/chekbox-checked-blue.svg);
}

.payment-method .payment-card {
    max-width: unset;
}

.payment-method label {
    max-width: unset;
    padding: 1.0625rem 1.25rem .9375rem;
    border-radius: .625rem;
    background-color: rgba(249, 251, 253, 1);
}

.payment-method h5 {
    color: rgba(34, 35, 40, 1) !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
}

.payment-method .active.payment-card::after {
    inset: -0.125rem;
    width: calc(100% + .25rem);
    height: calc(100% + .25rem);
}

.payment-method .paycard-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .625rem;
    flex-wrap: wrap;
    margin-bottom: .3125rem;
}

.payment-method span {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    color: rgba(34, 35, 40, 1);
}

.payment-method .active label {
    background: #fff;
}

.payment-card label {
    cursor: pointer;
}


/* Numbers Pages */

.numbers-maintab {
    margin-bottom: 6.25rem;
}

.numbers-maintab .nav-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.numbers-maintab .nav-tabs::-webkit-scrollbar {
    height: .3125rem;
    border-radius: 1.25rem;
}

.numbers-maintab .nav-tabs::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 1.25rem;
}

.numbers-maintab .nav-tabs::-webkit-scrollbar-thumb {
    background: #4260cb;
    border-radius: 1.25rem;
}

.numbers-maintab .nav-link {
    flex-grow: 1;
    padding: 1.875rem .9375rem 1.5rem;
    display: flex;
    gap: .625rem;
    justify-content: center;
    align-items: center;
    min-width: fit-content;
}

.numbers-maintab nav {
    background: rgba(249, 251, 253, 1);
    border-bottom: .0625rem solid rgba(231, 231, 231, 1);
    margin-bottom: 3.125rem;
}

.numbers-maintab .nav-item.show .nav-link,
.numbers-maintab .nav-link.active,
.numbers-maintab .nav-link.selected {
    border: none;
    color: rgba(66, 96, 203, 1);
    background-color: #fff;
}

.numbers-maintab .nav-item.show .nav-link img,
.numbers-maintab .nav-link.active img,
.numbers-maintab .nav-link.selected img {
    filter: invert(44%) sepia(39%) saturate(1092%) hue-rotate(199deg) brightness(77%) contrast(114%);
}

.numbers-maintab .nav-link {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    color: rgba(34, 35, 40, 1);
    border: none;
}

.available-balance {
    display: flex;
    margin-bottom: 2.5rem;
    gap: .625rem;
    flex-wrap: wrap;
    align-items: center;
    padding: 1.125rem 1.875rem;
    box-shadow: 0rem .375rem 1.5625rem 0rem #467efe4d;
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    border-radius: .625rem;
}

.available-balance h5 {
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.875rem;
    color: #fff;
}

.available-balance div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .625rem;
    flex-grow: 1;
}

.available-balance span {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.25rem;
    color: #fff;
}

.available-balance .btn {
    min-width: 14.4375rem;
    border-radius: 2.5rem;
    background: #ffffff1a;
    border: .0625rem solid transparent;
    padding: .75rem 1.875rem .6875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    color: #ffffff !important;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
}

.available-balance .btn:hover {
    background-color: transparent;
    border-color: #fff;
}

.numbers-searchbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .625rem;
    margin-bottom: 1.25rem;
}

.numbers-searchbar .new-outline-btn {
    min-height: 3.125rem;
    min-width: fit-content;
    padding: .625rem 1.875rem .6875rem;
}

.round-searchinput input {
    padding-left: 3.3125rem;
}

.round-searchinput {
    position: relative;
}

.round-searchinput img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.25rem;
    margin: auto;
}

.numbers-entries {
    max-height: 42.5rem;
    overflow-y: auto;
    padding-right: .625rem;
    overflow-x: hidden;
    padding-top: 1.125rem;
}

.numbers-entries::-webkit-scrollbar {
    width: .3125rem;
    border-radius: 1.25rem;
}

.numbers-entries::-webkit-scrollbar-track {
    background: #e7e7e7;
    border-radius: 1.25rem;
}

.numbers-entries::-webkit-scrollbar-thumb {
    background: #4260cb;
    border-radius: 1.25rem;
}

.endtires-header {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding-bottom: .625rem;
}

.entrie {
    padding: 1.25rem;
    border-radius: .3125rem;
    position: relative;
    background: #fff;
    margin-bottom: 1.0625rem;
    cursor: pointer;
    min-width: 24.875rem;
    border: .0625rem solid #e7e7e7;
    z-index: 0;
}

.entrie-badge {
    color: rgba(255, 122, 0, 1);
    font-size: .875rem;
    font-weight: 600;
    line-height: 1rem;
    text-align: center;
    padding: .4375rem .9375rem;
    background-color: rgba(249, 222, 198, 1);
    border-radius: 1.25rem;
    position: absolute;
    left: 5%;
    top: -13%;
}

.active.entrie {
    border: none !important;
}

.active.entrie::before {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    box-shadow: 0rem .25rem 3.375rem 0rem #00000012;
    content: " ";
    position: absolute;
    inset: 0rem;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: .375rem;
}

.active.entrie::after {
    content: "";
    position: absolute;
    inset: .125rem;
    z-index: -1;
    margin: auto;
    border-radius: .25rem;
    background-color: #ffffff;
}

.endtires-header .round-select .select2-container--default .select2-selection--single {
    padding: .4375rem 1.25rem .375rem;
}

.entrie p {
    color: #8c94b0;
    margin-bottom: 0;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.3125rem;
}

.entrie h6 {
    color: #222328;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.entrie div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .625rem;
    flex-wrap: wrap;
}

.numberssub-tab {
    min-height: 35.3125rem;
    border: .0625rem solid #e7e7e7;
    border-radius: .375rem;
    margin-bottom: 1.875rem;
}

.numberssub-tab .nav-tabs {
    background-color: rgba(66, 96, 203, 0.1);
    padding: .5625rem .5625rem 0;
    border-radius: .375rem;
}

.numberssub-tab .nav-link {
    padding: .75rem 1.5625rem .6875rem;
    font-size: 1.125rem;
}

.numberssub-tab .nav-item.show .nav-link,
.numberssub-tab .nav-link.active {
    border-radius: .625rem .625rem 0 0;
}

.numberssub-tab .tab-content {
    padding: 1.25rem;
}

.numberssub-tab .round-button {
    padding: .6875rem 1.8125rem .75rem 1.75rem;
}

.nessages-ntab {
    display: flex;
    flex-direction: column;
    gap: .8125rem;
    align-items: center;
    padding-top: .625rem;
}

.nessages-ntab p {
    max-width: 20.5625rem;
    display: block;
    text-align: center;
}

.nessages-ntab a {
    text-decoration: none;
    color: rgba(66, 96, 203, 1);
}

.options-cards .card {
    border: .0625rem solid rgba(231, 231, 231, 1);
    border-radius: .625rem;
    padding: 1.25rem 1.25rem 1rem;
    width: 100%;
    text-align: center;
    height: 100%;
    cursor: pointer;
}

.poerout-cards .img,
.options-cards .img {
    width: 5rem;
    height: 5rem;
    border-radius: 100%;
    margin: 0 auto .625rem;
    background: rgba(66, 96, 203, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.options-cards .title {
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: rgba(34, 35, 40, 1);
    margin-bottom: .3125rem;
}

.options-cards .badge {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    background-color: rgba(66, 96, 203, 0.1);
    margin-left: .5rem;
    padding: .125rem .625rem;
    border-radius: .875rem;
    color: rgba(66, 96, 203, 1);
}

.options-cards .subtitle {
    text-align: center;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    color: rgba(140, 148, 176, 1);
    max-width: 16.6875rem;
    margin: 0 auto 1rem;
}

.options-cards .active {
    background: linear-gradient(95.35deg, rgb(239 241 255) 5.26%, rgb(241 249 255) 100%);
    border-color: transparent;
    position: relative;
}

.options-cards .active .img {
    background-color: #fff;
}

.options-cards .active .title {
    color: rgba(66, 96, 203, 1);
}

.options-cards .active::after {
    content: "";
    position: absolute;
    inset: -0.1875rem;
    border-radius: .6875rem;
    width: calc(100% + .375rem);
    height: calc(100% + .375rem);
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    z-index: -1;
}

.poerout-cards .card {
    border: .0625rem solid rgba(66, 96, 203, 1);
    border-radius: .625rem;
    padding: 1.25rem 1.25rem 1.375rem;
    text-align: center;
    cursor: pointer;
}

.poerout-cards p {
    color: rgba(66, 96, 203, 1);
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: center;
}

.portout-tips {
    background: linear-gradient(95.35deg, rgb(70 126 254 / 10%) 5.26%, rgb(97 202 253 / 10%) 100%);
    padding: 1.25rem 1.25rem 1.875rem;
    margin-bottom: 1.25rem;
    border-radius: .625rem;
}

.portout-tips h3 {
    color: rgba(34, 35, 40, 1);
    margin-bottom: .9375rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.tips-card {
    display: flex;
    gap: .9375rem;
}

.tips-card .img {
    width: 3.625rem;
    min-width: 3.625rem;
    min-height: 3.625rem;
    height: 3.625rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.tips-card p {
    color: rgba(34, 35, 40, 1);
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.port-title {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    text-align: center;
    padding-bottom: .9375rem;
    margin-bottom: 1.25rem;
    color: rgba(34, 35, 40, 1);
    border-bottom: .0625rem solid rgba(231, 231, 231, 1);
}

.port-text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: center;
    max-width: 39.625rem;
    color: rgba(140, 148, 176, 1);
    margin: 0 auto .9375rem;
}

.portout-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .9375rem;
    flex-wrap: wrap;
    gap: .625rem;
}

.portout-detail h6 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: rgba(140, 148, 176, 1);
    margin-bottom: 0;
}

.portout-detail p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: rgba(34, 35, 40, 1);
    margin-bottom: 0;
}

.numberssub-tab hr {
    margin: 0 0 .9375rem;
    border-top: .0625rem solid rgba(231, 231, 231, 1);
    opacity: 1;
}

.portout-link {
    color: rgba(66, 96, 203, 1);
}

.numbers-modal .modal-dialog {
    max-width: 33.125rem !important;
}

.numbers-modal .modal-body {
    padding: 0 1.25rem 1.875rem;
}

.numbers-modal .port-text {
    color: rgba(126, 127, 135, 1);
}

.updatepin-number {
    border-top: .0625rem solid rgba(231, 231, 231, 1);
    padding: 1.25rem 1.5625rem 1.5625rem;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    align-items: center;
    justify-content: space-between;
}

.updatepin-number h6,
.updatepin-number p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: rgba(140, 148, 176, 1);
    margin-bottom: 0;
}

.updatepin-number h6 {
    color: rgba(34, 35, 40, 1);
}

.updatepin-border {
    width: 55%;
    border-right: .0625rem solid rgba(231, 231, 231, 1);
}

.modal-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.lock-transfer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    padding: 1.1875rem;
    border-top: .0625rem solid rgba(231, 231, 231, 1);
    border-bottom: .0625rem solid rgba(231, 231, 231, 1);
}

.lock-transfer .switch {
    width: 3.5625rem;
}

.lock-transfer p {
    color: rgba(140, 148, 176, 1);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.375rem;
    margin-bottom: 0;
}

.tl-title {
    color: rgba(34, 35, 40, 1);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    margin-bottom: .625rem;
    margin-top: 1.25rem;
}

.transfer-ownership .img {
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    background: linear-gradient(95.35deg, rgb(70 126 254 / 10%) 5.26%, rgb(97 202 253 / 10%) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .625rem;
}

.transfer-ownership .img img {
    max-width: 3rem;
}

.transfer-ownership .modal-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.625rem;
    color: rgba(34, 35, 40, 1);
    padding-bottom: 0.625rem;
    margin-bottom: 1.25rem;
    border-bottom: .0625rem solid rgba(231, 231, 231, 1);
    width: 100%;
}

.transfer-ownership h3 {
    margin-bottom: 0;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
}

.content-para {
    font-size: 1.125rem;
}

.numberorder-modal .modal-title {
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2.8125rem;
    text-align: center;
    color: rgba(34, 35, 40, 1);
    margin-bottom: 1.25rem;
}

.numbers-ordersubmit {
    border: .0625rem solid rgba(231, 231, 231, 1);
    background: linear-gradient(0deg, #f9fbfd, #f9fbfd);
    border-radius: .3125rem;
    padding: 3.125rem .9375rem 3.125rem;
    text-align: center;
    margin-bottom: 1.875rem;
}

.nos-title {
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2.8125rem;
    text-align: center;
    color: rgba(34, 35, 40, 1);
    margin-bottom: .9375rem;
}

.nos-text {
    max-width: 37.875rem;
    margin: 0 auto .9375rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    text-align: center;
    color: rgba(140, 148, 176, 1);
}

.numbers-ordersubmit .btn {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem;
    padding: .875rem 1.875rem .8125rem;
}

.transfer-permission {
    padding: 1.875rem 1.875rem 1.25rem;
}

.tp-detail {
    border: .0625rem solid rgba(231, 231, 231, 1);
    padding: .75rem 0 0;
    background-color: #fff;
    border-radius: .375rem;
    margin-bottom: 1.25rem;
}

.detail-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .625rem;
    flex-wrap: wrap;
    padding: 0 1.25rem .625rem;
    border-bottom: .0625rem solid rgba(231, 231, 231, 1);
    margin-bottom: .9375rem;
}

.detail-header p {
    color: rgba(34, 35, 40, 1);
    margin-bottom: 0;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
}

.detail-header .btn {
    width: 2.8125rem;
    padding: 0;
    border: 0 !important;
    height: 2.8125rem;
    border-radius: 100%;
    background-color: rgba(66, 96, 203, 0.1) !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.detail-table {
    display: flex;
    justify-content: space-between;
    margin-bottom: .9375rem;
    text-align: left;
    padding: 0 1.25rem;
    flex-wrap: wrap;
    gap: .625rem;
}

.detail-table a,
.detail-table p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: rgba(34, 35, 40, 1);
    max-width: 11.1875rem;
    margin-bottom: 0;
}

.detail-table .label {
    color: rgba(140, 148, 176, 1);
    margin-bottom: .3125rem;
}

.detail-table a {
    color: rgba(66, 96, 203, 1);
}

.numbers-ordersubmit .success-text {
    background-color: rgba(70, 184, 122, 0.1);
    color: rgba(70, 184, 122, 1);
    margin-bottom: 0;
    padding: .625rem .625rem .5625rem;
    border-radius: .375rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.ordersubmit-option {
    border-radius: .375rem;
    padding: 1rem 1.25rem 1.375rem;
    border: .0625rem solid rgba(231, 231, 231, 1);
    background-color: #fff;
    height: 100%;
}

.ordersubmit-option .card-header {
    border-bottom: .0625rem solid rgba(231, 231, 231, 1);
    padding: 0 0 1rem;
    background-color: #fff;
    display: flex;
    gap: .625rem;
    flex-wrap: wrap;
    align-items: center;
}

.ordersubmit-option span {
    color: rgba(140, 148, 176, 1);
    font-size: 1.125rem;
    background-color: rgba(140, 148, 176, 0.1);
    border-radius: .375rem;
    padding: .25rem .625rem;
    font-weight: 500;
    line-height: 1.6875rem;
}

.ordersubmit-option h5 {
    color: rgba(34, 35, 40, 1);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    margin-bottom: 0;
}

.ordersubmit-option .card-body {
    padding: .75rem 0 0;
    display: flex;
    flex-direction: column;
}

.option-one {
    display: flex;
    gap: .9375rem;
    background: linear-gradient(95.35deg, rgb(70 126 254 / 10%) 5.26%, rgb(97 202 253 / 10%) 100%);
    padding: 1.25rem .625rem;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    margin-top: auto;
}

.option-one h6 {
    color: rgba(34, 35, 40, 1);
    margin-bottom: .3125rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.option-one p {
    color: rgba(140, 148, 176, 1);
    margin-bottom: 0;
    font-size: .875rem;
    font-weight: 400;
    text-align: start;
    line-height: 1.3125rem;
    max-width: 8.3125rem;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.option-one img {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 100%;
}

.upload-cob {
    border: .125rem dashed rgba(231, 231, 231, 1);
    cursor: pointer;
}

.massages-left {
    background: rgba(66, 96, 203, 0.07);
    padding: .625rem 0 .625rem .625rem;
    border-radius: .625rem 0 0 .625rem;
    height: 100%;
    min-height: 49.5625rem;
}

.massages-left .header {
    padding: 1.25rem 1.25rem .9375rem 1.25rem;
    background: #fff;
    border-top-left-radius: .625rem;
    display: flex;
    gap: .9375rem;
}

.massages-left .header .btn {
    border: .0625rem solid rgba(231, 231, 231, 1);
    padding: 0;
    border-radius: 100%;
    height: 3.125rem;
    width: 3.125rem;
}

.massages-left .msgs-numbers {
    background-color: #fff;
    border-bottom-left-radius: .625rem;
    padding: 0 .625rem 1.25rem;
    height: 44.5625rem;
    overflow: auto;
}

.massages-left .msgs-numbers::-webkit-scrollbar {
    width: .3125rem;
}

.massages-left .msgs-numbers::-webkit-scrollbar-track {
    background: #dddddd;
    border-radius: 3.125rem;
}

.massages-left .msgs-numbers::-webkit-scrollbar-thumb {
    background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
    border-radius: 3.125rem;
}

.massages-left .number.active {
    background: rgba(242, 244, 251, 1);
}

.massages-left .number {
    padding: .9375rem;
    border-radius: .625rem;
    cursor: pointer;
    display: flex;
    gap: .625rem;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
}

.massages-left .number:hover {
    background: rgba(242, 244, 251, 1);
}

.massages-left .number h5 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.875rem;
    color: rgba(34, 35, 40, 1);
    margin: 0;
}

.massages-left .sub-number {
    color: rgba(66, 96, 203, 1);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    text-align: center;
    background-color: rgba(66, 96, 203, 0.1);
    padding: .1875rem .5rem .0625rem .4375rem;
    border-radius: .875rem;
    height: 1.5625rem;
}

.massages-left .number p {
    color: rgba(140, 148, 176, 1);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 0;
    width: 17.5625rem;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.massages-left .number .time {
    color: rgba(140, 148, 176, 1);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.3125rem;
}

.massages-right {
    padding: .625rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-left: .0625rem solid #fff;
    background: linear-gradient(95.35deg, rgb(70 126 254 / 10%) 5.26%, rgb(97 202 253 / 10%) 100%);
    border-radius: 0 .625rem .625rem 0;
}

.chat-header {
    box-shadow: 0rem .0625rem .0625rem 0rem rgba(0, 0, 0, 0.14);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 0rem .625rem .625rem 0rem;
    padding: .8125rem 1.25rem .75rem;
    display: flex;
    gap: .625rem;
    flex-wrap: wrap;
    margin-bottom: 1.375rem;
}

.chat-header .img {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(140, 148, 176, 0.1);
}

.chat-header .img img {
    max-height: 1.5625rem;
    object-fit: contain;
    max-width: 1.5625rem;
}

.chat-header h4 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.875rem;
    color: rgba(34, 35, 40, 1);
    margin-bottom: 0;
}

.chat-header p {
    color: rgba(70, 184, 122, 1);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.chat-header span {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    border-radius: 100%;
    background-color: rgba(70, 184, 122, 1);
    border: .25rem solid #e3f4eb;
    margin-right: .3125rem;
}

.chat-footer {
    display: flex;
    box-shadow: 0rem -0.375rem 2.75rem 0rem rgba(0, 0, 0, 0.05);
    align-items: center;
    padding: .3125rem;
    border: .0625rem solid rgba(231, 231, 231, 1);
    background: #fff;
    border-radius: 0 0 .625rem 0;
}

.chat-main {
    padding: 0 1.25rem 0;
    margin-bottom: 1.25rem;
    flex-grow: 1;
    height: 39.5625rem;
    overflow: auto;
}

.chat-main::-webkit-scrollbar {
    width: .3125rem;
}

.chat-main::-webkit-scrollbar-track {
    background: #dddddd;
    border-radius: 3.125rem;
}

.chat-main::-webkit-scrollbar-thumb {
    background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
    border-radius: 3.125rem;
}

.tools-btn {
    padding: .5625rem .9375rem;
    margin: 0 .3125rem 0 .125rem;
    border: 0rem !important;
    background-color: #fff;
}

.tools-btn:active,
.tools-btn:focus,
.tools-btn:hover {
    background-color: whitesmoke !important;
}

.chat-input {
    border: none;
    border-left: .0625rem solid rgba(231, 231, 231, 1) !important;
    margin: .3125rem .625rem .3125rem 0;
    padding: .375rem 1.25rem .3125rem;
    box-shadow: none !important;
    border-radius: 0rem !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.chat-input::placeholder {
    color: rgba(140, 148, 176, 1);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.sendmsg-btn {
    padding: .75rem 1.25rem .75rem 1.5625rem;
    background: rgba(66, 96, 203, 1);
    border-radius: 1.6563rem;
    border: none !important;
}

.sendmsg-btn:hover {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.chat-date {
    color: rgba(140, 148, 176, 1);
    text-align: center;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    margin: 0 0 1.875rem;
    display: flex;
    align-items: center;
    text-wrap: nowrap;
}

.chat-date::after {
    content: "";
    width: 100%;
    display: block;
    margin-left: .625rem;
    height: .0625rem;
    background-color: rgba(34, 35, 40, 0.1);
}

.chat-date::before {
    content: "";
    width: 100%;
    display: block;
    margin-right: .625rem;
    height: .0625rem;
    background-color: rgba(34, 35, 40, 0.1);
}

.chat-titme {
    color: rgba(140, 148, 176, 1);
    font-size: .75rem;
    margin-bottom: .4375rem;
    font-weight: 400;
    line-height: .9375rem;
}

.left-msg {
    color: rgba(34, 35, 40, 1);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    box-shadow: 0rem .25rem 1.5rem 0rem rgba(0, 0, 0, 0.02);
    background-color: #fff;
    border-radius: 0 1.5625rem 1.5625rem 1.25rem;
    padding: .8125rem 1.25rem .8125rem .9375rem;
    width: fit-content;
    max-width: 32.375rem;
    margin-bottom: .9375rem;
}

.right-msg {
    color: rgba(34, 35, 40, 1);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    box-shadow: 0rem .25rem 1.5rem 0rem rgba(0, 0, 0, 0.02);
    background: linear-gradient(95.35deg, rgb(70 126 254 / 10%) 5.26%, rgb(97 202 253 / 10%) 100%);
    border-radius: 1.5625rem 1.25rem 0 1.5625rem;
    padding: .8125rem 1.25rem .8125rem .9375rem;
    width: fit-content;
    max-width: 32.375rem;
    margin-left: auto;
    margin-bottom: .9375rem;
}

.numbers-dialer {
    max-width: 35.9375rem;
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    box-shadow: 0rem .25rem 3.375rem 0rem rgba(0, 0, 0, 0.07);
    border-radius: .625rem;
    margin: auto;
    padding: .0625rem;
    margin-bottom: 9.375rem;
}

.dialer-bg {
    padding: 1.375rem 3.5625rem 3.0625rem 3.625rem;
    border-radius: .5625rem;
    background-color: #fff;
}

.numbers-dialer .round-form-group {
    margin: 0 0 .8125rem .625rem;
}

.numbers-dialer .round-form-group label {
    font-size: 1.25rem;
    font-weight: 500;
    margin-right: .625rem;
    line-height: 1.875rem;
    color: rgba(140, 148, 176, 1);
}

.numbers-dialer .round-select .select2-container--default .select2-selection--single .select2-selection__rendered,
.numbers-dialer .round-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
}

.dialer-input {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.375rem;
    padding: 0;
    border: unset !important;
    box-shadow: unset !important;
    text-align: center;
    color: rgba(34, 35, 40, 1);
    margin-bottom: 1.25rem;
}

.dialer-input::placeholder {
    color: rgba(231, 231, 231, 1);
}

.dialer-btn {
    width: 7.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: .0625rem solid rgba(231, 231, 231, 1) !important;
    border-radius: .3125rem;
    margin: 0 auto 1.25rem;
    height: 5.5625rem;
    flex-direction: column;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.375rem;
    color: rgba(34, 35, 40, 1);
}

.dialer-btn span {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: -0.4375rem;
}

.dialer-img {
    padding: 0 !important;
    border-color: transparent !important;
    border-radius: 100%;
    width: fit-content;
    margin: auto;
}

.dialer-img img {
    width: 5rem;
    border-radius: 100%;
    height: 5rem;
}

.calllogs-header {
    display: flex;
    flex-wrap: wrap;
    gap: .9375rem;
    margin-bottom: .9375rem;
}

.daterange-picker {
    position: relative;
}

.daterange-picker img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.875rem;
    z-index: 1;
    margin: auto;
}

.daterange-picker input {
    padding-left: 3.6875rem;
    border-color: rgba(66, 96, 203, 1);
}

.calllogs-header .round-select .select2-container--default .select2-selection--single .select2-selection__arrow b,
.calllogs-header .round-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(66, 96, 203, 1) transparent transparent transparent;
}

.calllogs-header .round-select .select2-container--default .select2-selection--single {
    border-color: rgba(66, 96, 203, 1);
}

.calllogs-header .round-select .select2-container--default .select2-selection--single .select2-selection__rendered,
.calllogs-header .round-select2 .select2-container--default .select2-selection--single .select2-selection__rendered,
.calllogs-header input {
    color: rgba(66, 96, 203, 1);
}

.calllogs-header .round-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.calllogs-header .round-select2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent rgba(66, 96, 203, 1) transparent;
    border-width: 0 .375rem .375rem .375rem;
}

.calllogs-table thead tr {
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
}

.calllogs-table thead th {
    color: rgba(255, 255, 255, 1);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.6875rem;
    padding: .75rem 1.875rem .6875rem;
}

.calllogs-table table {
    text-wrap: nowrap;
}

.calllogs-table thead th:last-child {
    border-radius: 0 .375rem .375rem 0;
}

.calllogs-table thead th:first-child {
    border-radius: .375rem 0 0 .375rem;
}

.calllogs-table tbody {
    position: relative;
}

.calllogs-table tbody::after {
    content: "";
    position: absolute;
    top: -0.625rem;
    width: 100%;
    height: calc(100% + .625rem);
    border: .0625rem solid #e7e7e7;
    border-radius: .375rem;
    z-index: -1;
}

.calllogs-table tbody td {
    color: rgba(34, 35, 40, 1);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding: .6875rem 1.875rem;
}

.calllogs-table tbody td:first-child {
    border-radius: .625rem 0 0 .625rem;
}

.calllogs-table tbody td:last-child {
    border-radius: 0 .625rem .625rem 0;
}

.calllogs-table tbody tr:nth-child(even) {
    position: relative;
}

.calllogs-table tbody tr:nth-child(1) td {
    padding-top: 1.125rem;
}

.calllogs-table tbody tr:nth-child(even)::after {
    background: linear-gradient(95.35deg, rgb(70 126 254 / 10%) 5.26%, rgb(97 202 253 / 10%) 100%);
    content: "";
    width: calc(100% - 1.25rem);
    position: absolute;
    top: 0;
    bottom: 0;
    left: .625rem;
    right: .625rem;
    border-radius: .625rem;
    z-index: -1;
}

.calllogs-btns {
    display: flex;
    gap: .75rem;
    justify-content: end;
}

.calllogs-btns .btn {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 100%;
    border: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.calllog-btn1 {
    background-color: rgba(247, 247, 247, 1) !important;
}

.calllog-btn2 {
    background-color: rgba(242, 76, 53, 0.1) !important;
}

.more-calllogs {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.1875rem 0;
    gap: .625rem;
}

.more-calllogs p {
    color: rgba(66, 96, 203, 1);
    margin-bottom: 0;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.6875rem;
}

.calllogs-table {
    overflow-x: auto;
}

.calllogs-table::-webkit-scrollbar {
    height: .3125rem;
}

.calllogs-table::-webkit-scrollbar-track {
    background: #dddddd;
    border-radius: 3.125rem;
}

.calllogs-table::-webkit-scrollbar-thumb {
    background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
    border-radius: 3.125rem;
}

.sell-title {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    color: rgba(34, 35, 40, 1);
    margin-bottom: .625rem;
}

.sell-subtitle {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
    color: rgba(126, 127, 135, 1);
    margin-bottom: 1.875rem;
}

.sell-reque {
    color: rgba(34, 35, 40, 1);
    margin-bottom: .9375rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    position: relative;
    padding-left: 1.75rem;
}

.sell-reque::after {
    content: "";
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    width: .75rem;
    height: .75rem;
    border-radius: 100%;
    position: absolute;
    top: .375rem;
    left: 0;
}

.sell-reque::before {
    content: "";
    background-color: #fff;
    border-radius: 100%;
    width: .5rem;
    height: .5rem;
    position: absolute;
    top: .5rem;
    left: .125rem;
    z-index: 1;
}

.reque-border {
    border-right: .0625rem solid rgba(231, 231, 231, 1);
}

.vendor-form {
    max-width: 47.25rem;
    margin: 0 auto 2.375rem;
    padding: 2.25rem 1.875rem 1.875rem;
    border: .0625rem solid rgba(231, 231, 231, 1);
    border-radius: .625rem;
    position: relative;
}

.vendor-title {
    color: rgba(34, 35, 40, 1);
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    margin-bottom: 0;
    background-color: #fff;
    padding: 0 .9375rem;
    position: absolute;
    top: -1.0625rem;
    left: .9375rem;
}

.vendor-form label {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: rgba(140, 148, 176, 1);
    margin-bottom: .625rem;
}

.vendor-form .round-form-group {
    margin-bottom: 1.25rem;
}

.vendor-form input:focus {
    box-shadow: unset;
    color: rgba(66, 96, 203, 1);
    border-color: rgba(66, 96, 203, 1);
}

.w9-form {
    flex-direction: column;
    background: rgba(249, 251, 253, 1);
    padding: 1.5625rem 5.1875rem;
    width: fit-content;
}

.w9-form img {
    width: 4.3125rem;
    height: 2.875rem;
    border-radius: 0%;
}

.terms-box {
    border: .0625rem solid rgba(231, 231, 231, 1);
    border-radius: .625rem;
    padding: .625rem .5rem .625rem 1.25rem;
}

.terms-scroll {
    max-height: 19.25rem;
    overflow: auto;
    padding-right: 1.6875rem;
}

.terms-scroll p {
    color: rgba(140, 148, 176, 1);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.terms-scroll::-webkit-scrollbar {
    width: .3125rem;
}

.terms-scroll::-webkit-scrollbar-track {
    background: rgba(231, 231, 231, 1);
    border-radius: 3.125rem;
}

.terms-scroll::-webkit-scrollbar-thumb {
    background: rgba(66, 96, 203, 1);
    border-radius: 3.125rem;
}

.vendor-checkbox label {
    color: rgba(34, 35, 40, 1);
    margin-bottom: 0;
    margin-top: .1875rem;
}

.billaddress-checkbox {
    align-items: flex-start;
}

.numbers-billing .new-outline-btn {
    min-height: 3.125rem;
    height: 3.125rem;
}

.bill-title {
    color: rgba(34, 35, 40, 1);
    margin-bottom: .9375rem;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
}

.numbers-balance {
    padding: .75rem .625rem 1.25rem;
    border: .0625rem solid rgba(231, 231, 231, 1);
    border-radius: .375rem;
}

.numbers-balance .header {
    box-shadow: 0rem .25rem 3.375rem 0rem rgba(0, 0, 0, 0.07);
    background: linear-gradient(95.35deg, #467efe 5.26%, #61cafd 100%);
    border-radius: .375rem;
    margin-bottom: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    justify-content: space-between;
    align-items: center;
    padding: .9375rem .9375rem .75rem;
}

.numbers-balance .header p {
    color: rgba(255, 255, 255, 1);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.875rem;
    margin-bottom: 0;
}

.ab-text {
    display: flex;
    gap: .625rem;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 .9375rem .625rem;
}

.ab-text p {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    color: rgba(34, 35, 40, 1);
    margin-bottom: 0;
}

.nc-btn {
    margin: .625rem .9375rem 0;
    width: calc(100% - 1.875rem);
    background-color: transparent !important;
    color: rgba(66, 96, 203, 1) !important;
}

.ab-text1 p:nth-child(1) {
    color: #8c94b0;
}

.ab-text1 p {
    font-weight: 500;
}

.ab-text3 p:nth-child(1) {
    color: #8c94b0;
    font-weight: 31.25rem;
}

.ab-text3 p:nth-child(2) {
    color: #222328;
    font-weight: 400;
}

.numbers-method {
    border: .0625rem solid rgba(231, 231, 231, 1);
    padding: .9375rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: .625rem;
}

.numbers-method .header {
    color: rgba(34, 35, 40, 1);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.6875rem;
    margin-bottom: .9375rem;
    padding-bottom: .6875rem;
    border-bottom: .0625rem solid rgba(231, 231, 231, 1);
}

.numbers-card {
    position: relative;
    width: fit-content;
    margin: 0 auto 1.375rem;
}

.numbers-card h5,
.numbers-card p {
    color: #fff;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    position: absolute;
}

.numbers-card h5 {
    bottom: 14%;
    right: 7.3%;
}

.numbers-card p {
    bottom: 14%;
    left: 5.7%;
}

.billing-table thead th {
    font-weight: 500;
}

.numbers-blockbox {
    padding: 1.875rem 1.875rem .9375rem;
    border: .0625rem solid rgba(231, 231, 231, 1);
    border-radius: .375rem;
}

.numbers-blockbox h5 {
    color: rgba(34, 35, 40, 1);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin-bottom: .625rem;
}

.numbers-blockbox .round-form-group {
    margin-bottom: .625rem;
}

.numbers-blockbox .btn {
    width: 100%;
    padding: .625rem 1.25rem .6875rem;
    margin-bottom: 1.875rem;
}

.numbers-blockbox .btn img {
    filter: brightness(5);
}

.numbers-accountcard {
    border: .0625rem solid rgba(231, 231, 231, 1);
    border-radius: .625rem;
    padding: 1.25rem;
    min-height: 14.75rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.numbers-accountcard h5 {
    color: rgba(34, 35, 40, 1);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.6875rem;
    padding-bottom: .625rem;
    margin-bottom: 1.125rem;
    border-bottom: .0625rem solid rgba(231, 231, 231, 1);
}

.numbers-accountcard a {
    color: rgba(66, 96, 203, 1);
    text-decoration: none;
    font-size: 1.125rem;
    margin-top: auto;
}

.numbers-accountcard h6 {
    color: rgba(34, 35, 40, 1);
    margin-bottom: 1.25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
}

.numbers-accountcard p {
    color: rgba(140, 148, 176, 1);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
}

.numbers-accountborder {
    opacity: 1;
    border-top: .0625rem solid rgba(231, 231, 231, 1);
    margin: 1.875rem 0;
}

.closeaccount-btn {
    background-color: rgba(242, 76, 53, 0.05);
    border-color: rgba(242, 76, 53, 1);
    color: rgba(242, 76, 53, 1);
    min-height: 3.125rem;
}

.closeaccount-btn:active,
.closeaccount-btn:focus,
.closeaccount-btn:hover {
    color: #fff !important;
    background-color: rgba(242, 76, 53, 1) !important;
    border-color: rgba(242, 76, 53, 1) !important;
}

.numbers-dropdownperent {
    position: relative;
}

.numbers-dropdown {
    position: absolute;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0rem .875rem 6.25rem 0rem rgba(0, 0, 0, 0.1);
    padding: 1.25rem;
    border-radius: .625rem 0 .625rem .625rem;
    display: flex;
    flex-direction: column;
    gap: .3125rem;
    min-width: 18.125rem;
    top: 5rem;
    right: 0;
    z-index: 20;
    visibility: hidden;
    transform: translateY(.625rem);
    transition: all 0.1s ease-in-out;
}

.numbers-dropdown a {
    color: rgba(34, 35, 40, 1);
    display: flex;
    gap: .625rem;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    padding: .625rem;
    text-decoration: none;
    border-radius: .5rem;
}

.numbers-dropdown a.active,
.numbers-dropdown a:hover {
    color: #4260CB;
}

.numbers-dropdown a.active img,
.numbers-dropdown a:hover img {
    filter: invert(44%) sepia(39%) saturate(1092%) hue-rotate(199deg) brightness(77%) contrast(114%);
}

.numbers-dropdown.active {
    visibility: visible;
    transform: translateY(0rem);
}

.entrie-alert {
    box-shadow: 0rem .25rem 3.375rem 0rem #ff7a0012;
    border-color: #ff7a00;
    background-color: #fff6ee;
}

#numbersrejectrequest .btn {
    width: calc(50% - .625rem);
    padding: .75rem .625rem;
}

.numbers-myprofile,
.counter-offer-status,
div.offer-status {
    display: none;
}

.counter-offer-status thead th,
.offer-status thead th,
.offer-history thead th {
    font-weight: 500;
}

.counter-offer-status .offer-status,
.offer-status .offer-status,
span.offer-status {
    padding: .375rem .9375rem .3125rem;
    border-radius: 3.125rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: center;
    color: #F24C35;
    background-color: rgb(242, 76, 53, .1);
}

.counter-offer-status .offer-status.approved,
.offer-status .offer-status.approved,
.offer-status.approved {
    color: #46B87A;
    display: inline !important;
    background-color: rgb(70, 184, 122, .1);
}

.counter-offer-status .offer-status.countered,
.offer-status .offer-status.countered,
.offer-status.countered {
    color: #4260CB;
    display: inline !important;
    background-color: rgb(66, 96, 203, .1);
}

.numbers-myprofile .numbers-accountcard {
    height: fit-content;
    min-height: unset;
    margin-bottom: 1.25rem;
}

.login-info {
    border: .0625rem solid #E7E7E7;
    border-radius: .625rem;
    padding: 1.875rem;
    height: 100%;
    margin-bottom: 1.25rem;
}

.numbers-myprofile .title {
    border-bottom: .0625rem solid #E7E7E7;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    color: #222328;
    padding-bottom: .625rem;
    margin-bottom: 1.25rem;
}

.login-info .round-form-group {
    margin-bottom: 1.25rem;
}

.numbers-myprofile hr {
    border-top: .0625rem solid #E7E7E7;
    opacity: 1;
    margin: 1.875rem 0;
}

.filteraccordion .accordion-button:not(.collapsed) {
    background-color: #fff;
    color: #8C94B0;
}

.filteraccordion .accordion-button {
    box-shadow: unset !important;
    padding: 1.25rem 0 !important;
    border-top: .0625rem solid #E7E7E7;
}

.filteraccordion .accordion-button h3 {
    margin-bottom: 0;
}

.filteraccordion .accordion-button:not(.collapsed)::after {
    background-image: url(../images/icons/filter-tabshow.svg);
    transform: none;
}

.filteraccordion .accordion-button::after {
    background-image: url(../images/icons/filter-tabhide.svg);
    background-size: 2.1875rem;
    width: 2.1875rem;
    height: 2.1875rem;
    transform: none;
}

.filteraccordion .select-options-list {
    padding-right: .0625rem;
}

.filteraccordion .col-lg-12:last-child .select-options:last-child {
    margin-bottom: 0;
}

#shoppingCart.fade {
    transition: opacity .40s cubic-bezier(0.4, 0, 1, 1) !important;
    animation-duration: 3s !important;
}

.counter-offer-status,
.numbers-wishlist,
.numbers-paymethod,
.numbers-order {
    display: none;
}

.numbers-order p {
    margin-bottom: 0;
}

.numbers-order tbody td {
    padding: 0.875rem 1.875rem;
}

.more-add::after {
    content: unset !important;
}

.more-add a {
    width: fit-content;
    margin: auto;
    text-decoration: none;
}

.numbers-order th {
    font-weight: 500 !important;
}

.numbers-paymethod .payment-btn {
    padding: 0.375rem 0.75rem 0.375rem;
    position: relative;
}

.numbers-paymethod .payment-btn:first-child::after {
    content: "";
    width: 0.0625rem;
    height: 1.5625rem;
    background-color: #FFFFFF;
    opacity: 0.5;
    position: absolute;
    right: -0.0625rem;
    top: 0;
    bottom: 0;
    margin: auto;
}

.addcard-box {
    border: 0.125rem dashed #E7E7E7;
    background: #F9FBFD;
    min-height: 8.9375rem;
    margin: auto;
    height: 100%;
    max-width: 24.5625rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0.625rem;
    gap: 0.625rem;
    text-decoration: none;
}

.addcard-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.9375rem;
    width: 3.9375rem;
    border-radius: 100%;
    background: rgb(140 148 176 / 10%);
}

.addcard-text {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.4375rem;
}

.addcard-text p {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.875rem;
    color: #4260CB;
    margin-bottom: 0;
}

.connectedSortable {
    display: flex;
    flex-wrap: wrap;
    gap: 1.875rem;
}

.connectedSortable .ui-state-default {
    max-width: 31.79%;
    width: 100%;
    min-height: 15.8125rem;
    cursor: grab;
    border: unset;
    background-color: unset;
    color: unset;
    border-radius: 0.625rem;
}

.ui-state-highlight {
    border: 0.125rem dashed #E7E7E7 !important;
    background-color: #F9FBFD !important;
    max-width: 31.79%;
    width: 100%;
    border-radius: 0.625rem;
    min-height: 15.8125rem;
}

.connectedSortable .ui-state-default:active {
    cursor: grabbing;
}

.wishlist-body.connectedSortable {
    width: 100%;
    min-height: 15.8125rem;
}

.vip-allpatterns {
    text-align: center;
    width: 100%;
    padding: 0.9375rem;
    border-top: 0.0625rem solid #E7E7E7;
}

.vip-allpatterns a {
    text-decoration: none;
    color: #4260CB;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    text-align: center;
}

.new-notfound-text {
    max-width: 58.625rem;
    text-align: center;
    margin: 6.25rem auto;
}

.owl-carousel .new-number-card {
    height: unset;
}


/* Header CSS */

.resources-dropdown {
    padding: 0rem;
    border-radius: 1.25rem;
    min-width: fit-content;
    background: var(--white);
    border: none;
    box-shadow: 0rem 4rem 15.625rem 0rem #00000040;
    right: 0;
    animation: scale-up-ver-top 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@keyframes scale-up-ver-top {
    0% {
        -webkit-transform: scaleY(.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: top;
        transform-origin: top;
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

.resources-dropdown .dropdown-item:hover {
    background-color: #e2f1ff !important;
    border-radius: 1.25rem !important;
}

.resources-part {
    border-right: 0.0625rem solid #E7E7E7;
}

.resources-dropdown h5 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    color: #222328;
    margin-bottom: 0.3125rem;
}

.resources-dropdown p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6875rem;
    color: #8C94B0;
    margin-bottom: 1.25rem;
    max-width: 20.625rem;
    white-space: initial;
}

.resources-dropdown ul {
    padding: 0;
}

.resources-dropdown li a {
    padding: 0 !important;
}

.resources-dropdown li {
    list-style: none;
}

.resources-link {
    border-bottom: 1px solid #E7E7E7;
    margin: 0rem 2.5rem 0;
    padding-top: 1.25rem;
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
}

.hero-section .hero-text {
    margin-bottom: 0;
}

.contactus-nav .resources-dropdown a {
    padding: 1.25rem !important;
}

.contactus-nav .resources-dropdown {
    padding: 0.625rem 0 !important;
}


/* Search Nav */

.search-nav {
    position: relative;
    margin-bottom: 36px;
}



.searchnav-toggle {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.375rem;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.searchnav-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.9375rem;
    flex-wrap: wrap;
}

.searchnav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    gap: 0.9375rem;
    flex-wrap: wrap;
    margin-top: 1.125rem;
}

.searchnav-items .navbar-brand {
    margin-left: -11.4375rem;
    max-width: 22.8125rem;
    margin-top: 0 !important;
}

.searchnav-items .navbar-brand img {
    width: 100%;
}

.searchnav-links a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    margin-left: 0.9375rem;
}

.searchnav-links .nav-icon-bg {
    width: 32px !important;
    height: 32px !important;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
}

.search-icon1 {
    width: 19px !important;
}

.search-icon2 {
    width: 11px !important;
}

.search-icon3 {
    width: 16px !important;
}


/* New Side Nav Start */

.searchnavshow {
    overflow: hidden !important;
}

.search-sidenav {
    max-width: 25rem;
    width: 100%;
    height: 100vh;
    z-index: 1005;
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--white);
    transform: translateX(-100%);
    display: flex;
    flex-direction: column;
    transition: all .3s ease-in-out;
}

.search-sidenav.active {
    transform: translateX(0);
}

.search-sidenavbg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    background: #22232866;
    z-index: 1004;
}

.search-sidenavbg.active {
    display: block;
}

.search-sideheader {
    display: flex;
    margin: 1.875rem 1.875rem 0.3125rem;
    padding-bottom: 1.0625rem;
    border-bottom: 1px solid #E7E7E7;
    flex-wrap: wrap;
    gap: 0.625rem;
    align-items: center;
    justify-content: space-between;
}

.search-sideheader h3 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.875rem;
    color: #8C94B0;
    margin-bottom: 0;
}

.search-sidefooter {
    margin: 1.25rem 1.75rem 0;
    border-top: 0.0625rem solid #E7E7E7;
    padding-top: 1.25rem;
    padding-bottom: 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.9375rem;
}

.search-sidefooter a {
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: #222328;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.search-sidelink {
    flex-grow: 1;
    overflow-y: auto;
    padding: 0 1.875rem;
}

.search-sidelink::-webkit-scrollbar {
    width: 5px;
    border-radius: 1.25rem;
}

.search-sidelink::-webkit-scrollbar-track {
    background: #E7E7E7;
    border-radius: 1.25rem;
}

.search-sidelink::-webkit-scrollbar-thumb {
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
    border-radius: 1.25rem;
}

.search-sidelink .accordion-button::after {
    background-image: url(../images/icons/search-plusarrow.svg);
    width: 11px;
    height: 11px;
    transform: unset;
    background-size: 11px;
}

.search-sidelink .accordion-button:not(.collapsed)::after {
    background-image: url(../images/icons/search-onearrow.svg);
    width: 11px;
    height: 11px;
    transform: unset;
    background-size: 11px;
}

.search-sidelink .accordion-item {
    border: none !important;
}

.search-sidelink .search-sidebtn,
.search-sidelink button {
    font-size: 1.125rem;
    font-weight: 500;
    width: 100%;
    border: none;
    text-align: start;
    line-height: 1.6875rem;
    color: #222328;
    padding: 0.9375rem 0;
    box-shadow: none !important;
    background-color: #fff !important;
}

.search-sidelink .accordion-button:not(.collapsed) {
    color: #4260CB;
    background-color: #fff;
}

.search-sidelink .accordion-body {
    padding: 0.9375rem;
    background-color: #F9FBFD;
    border-radius: 1.25rem;
}

.search-sidelink li:not(:last-child) {
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 0.9375rem;
    margin-bottom: 0.9375rem;
}

.search-sidelink .search-fulllink,
.search-sidelink li {
    display: flex;
    text-decoration: none;
    gap: 0.625rem;
    align-items: flex-start;
}

.search-sidelink .search-fulllink:hover p {
    text-decoration: underline;
}

.search-sidelink .icon {
    margin-top: 3px;
}

.search-sidelink li h3 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: 0.3125rem;
    color: #222328;
}

.search-sidelink li p {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    bottom: 0;
    color: #8C94B0;
}

.search-sidelink ul {
    padding: 0;
}

.search-linkbtn {
    border: 1px solid #E7E7E7;
    border-radius: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    gap: 0.625rem;
    color: #4260CB;
    background-color: transparent;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-top: 0.3125rem;
    padding: 0.625rem 0.875rem;
    display: inline-block;
    width: 200px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.search-linkbtn:hover {
    background-color: #fff;
    border-color: #fff;
}

.login-alerts .alert {
    z-index: 3;
}


/* Shopping cart modal plan details css */

.plan-detials-html {
    max-height: 16.0625rem;
    overflow: auto;
}

.plan-detials-html::-webkit-scrollbar {
    width: .3125rem;
}

.plan-detials-html::-webkit-scrollbar-thumb {
    background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
    border-radius: 3.125rem;
}

.plan-detials-html::-webkit-scrollbar-track {
    background: #dddddd;
    border-radius: 3.125rem;
}

.plan-detials-html::-webkit-scrollbar-track {
    background: #dddddd;
    border-radius: 3.125rem;
}

.wishlist-droptitle {
    color: #222328;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E7E7E7;
    margin: 0 30px 0;
    padding-top: 15px;
}


/* Magicnumber Number Not Found CSS  */

.magicnumber-img {
    padding-top: 7.625rem;
    text-align: center;
}

.magicnumber-img img {
    width: 100%;
    max-width: 26.5rem;
}

.magicnumber-content {
    position: relative;
    padding-top: 5.6875rem;
    margin-top: 4.3125rem;
}

.magicnumber-arrow {
    position: absolute;
    top: -1.875rem;
    left: -9.3125rem;
}

.magicnumber-content p {
    text-align: center;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.6875rem;
    color: #4260CB;
    max-width: 28.375rem;
    margin: 0 auto 0.6875rem;
}

.magicnumber-content .offer-fields {
    padding: 0.75rem 1.25rem;
    max-width: 21.875rem;
    margin: 0 auto 0.625rem;
}

.magicnumber-content .offer-fields::placeholder {
    color: #7E7F87;
}

.magicnumber-content textarea.offer-fields {
    border-radius: 1.25rem;
    margin-bottom: 1.25rem;
}

.magicnumber-content .new-card-btn {
    margin-bottom: 0;
    width: 100%;
    justify-content: center;
    max-width: 21.875rem;
}

.interestingnumber-section.custome-section {
    margin-top: 5rem;
    overflow: hidden;
}

.interestingnumber-section h5 {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.625rem;
    margin-bottom: 1.875rem;
    color: #222328;
}

.interestingnumber-section.number-cards-section .round-6 {
    top: 8.3125rem;
}

.interestingnumber-section .col-md-6 {
    margin-bottom: 1.25rem;
}

.main-search:not(.instant-search) #code_no {
    max-width: 7.1875rem;
}

.main-search:not(.instant-search) #code_no .code-dropdown b,
.main-search:not(.instant-search) .state-select2-pere.choos-states b {
    left: unset;
    right: -0.125rem;
}

.main-search:not(.instant-search) .state-select2-pere.choos-states {
    max-width: 13.0625rem;
}

.main-search:not(.instant-search) .ui-autocomplete-input {
    padding-left: 0;
}

.new-offermodal.numbers-modal .modal-dialog {
    max-width: 35.375rem !important;
}

.new-offermodal .offer-price::before {
    content: none;
}

.new-offermodal .offer-price .offer-fields {
    padding-left: 1.375rem;
}

.offer-originalprice h5 {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 0.625rem;
    margin-bottom: 0.9375rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #8C94B0;
}

.offer-originalprice span {
    font-weight: 600;
    color: #4260CB;
}

.offer-text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: center;
    color: #7E7F87;
    max-width: 35rem;
    margin: 0 auto 1.25rem;
}

.offer-title {
    margin-bottom: 0.625rem;
    font-size: 1.125rem;
    font-weight: 600;
    text-align: center;
    color: #222328;
}

.new-offermodal .offer-form {
    padding: 0 1.25rem;
}

.new-offermodal .btn-blue {
    min-width: 17.0625rem;
    text-align: center;
}

textarea.offer-fields {
    border-radius: 1.625rem !important;
}

.card-actions {
    display: flex;
    margin-left: auto;
    gap: 0.3125rem;
}

.lg-cardicon {
    display: none;
}

.col-12 .sm-cardicon,
.lg-card .sm-cardicon {
    display: none;
}

.col-12 .lg-cardicon,
.lg-card .lg-cardicon {
    display: flex;
}

.sm-cardicon {
    position: relative;
    height: fit-content;
}

.sm-cardactions {
    position: absolute;
    bottom: calc(100% + 0.3125rem);
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    box-shadow: 0rem 2.125rem 6.25rem 0rem #00000040;
    background-color: #fff;
    border-radius: 0.625rem;
    padding: 0.3125rem 0.375rem 0.5rem;
    min-width: 13.1875rem;
    z-index: 1;
    display: none;
    transition: all .4s ease-in-out;
}

.sm-cardarrow {
    display: flex;
    gap: 0.3125rem;
    justify-content: center;
    position: relative;
}

.sm-cardarrow::after {
    content: '';
    width: 2.25rem;
    height: 0.625rem;
    position: absolute;
    top: calc(100% + 0.4375rem);
    right: 0;
    left: 0;
    margin: auto;
    border-style: solid;
    border-width: 0.75rem 1.125rem 0 1.125rem;
    border-color: #fff transparent transparent transparent;
}

.sm-cardicon:hover .sm-cardactions {
    display: block;
    transition: all .4s ease-in-out;
}

.sm-cardactions .icon-btn .text {
    background: #fff;
    color: #4260CB;
    padding: 0.25rem 0.3125rem;
    margin-top: 0 !important;
}

.sm-cardactions .icon-btn:hover .text {
    border-color: #4260CB;
    background: #4260CB;
    color: #fff;
}

.contectagent-modal .img img {
    max-width: 3rem;
    width: 100%;
}

.contectagent-callprice img {
    margin-right: 8px;
}

.contectagent-callprice {
    padding: 0 0 1.25rem;
    margin-bottom: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #E7E7E7;
}

.contectagent-modal .offer-text {
    margin-bottom: 1.875rem;
}

.contectagent-callprice h5 {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 2.25rem;
    color: #8C94B0;
    padding: 0.4375rem 0 0.4375rem 1.25rem;
    margin-bottom: 0;
    margin-left: 1.25rem;
    border-left: 1px solid #E7E7E7;
}

.contectagent-callprice h5 span {
    color: #4260CB;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.25rem;
}

.paymentplan-modal .modal-dialog {
    max-width: 61.75rem !important;
}

.paymentplan-modal .offer-text {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.875rem;
    text-align: center;
    max-width: 66.8125rem;
    margin: 0 auto 1.125rem;
    color: #222328;
}

.paymentplan-modal .offer-text a {
    text-decoration: none;
    color: #4260CB;
}

.paymentplan-modal .offer-text span {
    color: #4260CB;
    font-weight: 700;
}

.paymentplan-modal.shopcart-modal .modal-header {
    padding: 1.25rem 1.875rem 0.9375rem;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 1.5rem;
    position: relative;
}

.paymentplan-modal.shopcart-modal .modal-header h2 {
    color: #222328;
    font-size: 1.5rem;
}

.paymentplan-modal .btn-blue {
    min-width: 15rem;
    margin: 1.875rem auto;
}

.paymentplan-modal .contectagent-callprice {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0.625rem;
}

.paymentplan-modal .contectagent-callprice img {
    max-width: 3.25rem;
    width: 100%;
}

.paymentplan-modal .contectagent-callprice h3 {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 3.375rem;
    margin-bottom: 0;
}

.paymentplan-modal .btn-close {
    top: 43%;
}

.decorder-heading {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 3.375rem;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}

.decorder-heading1 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.375rem;
    text-align: center;
    color: #000000;
    margin-bottom: 0;
}

.decorder-heading span {
    font-weight: 700;
    border-bottom: 1px dashed #fff;
}

.decorder-title {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 2.0625rem;
    text-align: center;
    margin-bottom: 1.3125rem;
}

.decorder-title span {
    background: linear-gradient(95.35deg, rgb(70 126 254 / 20%) 5.26%, rgb(97 202 253 / 20%) 100%);
    font-weight: 400;
    border-radius: 0.3125rem;
    padding: 0.125rem 0.4375rem;
}

.decorder-btn {
    height: 3.375rem;
    width: fit-content;
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
    min-width: 14.6875rem;
    border-color: #fff !important;
    margin: 0 auto 1.875rem;
}

.letter-badge {
    background: -webkit-linear-gradient(326deg, #467efe 40.83%, #7ed7fc 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.875rem;
    letter-spacing: 0em;
    text-align: left;
    box-shadow: 0rem 0.25rem 2.75rem 0rem #00000014;
    background-color: #fff;
    border-radius: 0.375rem;
    padding: 0.9375rem 0.3125rem 0.9375rem 1.25rem;
    position: relative;
    margin-bottom: 0;
    height: 100%;
}

.sevenletter-decorder .letter-badge:hover {
    box-shadow: 0rem 0.5rem 2.75rem 0rem #467FFE26;
}

.sevenletter-decorder .letter-badge:hover::before {
    content: ' ';
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
    position: absolute;
    inset: -1px;
    border-radius: 0.4375rem;
    z-index: -1;
    transition: all .4s ease-in-out;
}

.letter-badge::after {
    content: ' ';
    background: #fff;
    position: absolute;
    inset: 0;
    border-radius: 0.375rem;
    z-index: -1;
}

.sevenletter-decorder {
    padding-bottom: 3.125rem;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 3.125rem;
}

.decorder-letter:not(.sevenletter-decorder) .letter-badge:hover {
    box-shadow: 0rem 0.5rem 2.75rem 0rem #467FFE26;
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
    color: #fff;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.decorder-letter:not(.sevenletter-decorder) {
    margin: 1.875rem 0 1.875rem;
}

.decorder-generated {
    position: relative;
}

.decorder-bg {
    position: absolute;
    height: -webkit-fill-available;
    width: -webkit-fill-available;
    left: 0;
    right: 0;
    top: 32.5%;
    bottom: 8%;
    z-index: -2;
}

.decorder-text {
    margin: 6.25rem auto 0.625rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    color: #222328;
}

.decorder-subtext {
    max-width: 66.125rem;
    color: #8C94B0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75rem;
    text-align: center;
    margin: 0 auto 3.125rem;
}

.decorderdigits-heading {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 3.375rem;
    text-align: center;
    color: #fff;
    margin-bottom: 2.625rem;
    font-weight: 700;
}

.decorder-digits .decorder-text,
.decorder-digits .decorder-subtext {
    max-width: 58.5625rem;
    margin-top: 0;
}

.decorder-digits .decorder-subtext {
    margin-bottom: 2.1875rem;
}

.decorder-dial {
    padding: 0 3.375rem 2.5rem;
    max-width: 58.625rem;
    position: relative;
    margin: 3.75rem auto 3.125rem;
    border-radius: 0.625rem;
    background-color: #fff;
    box-shadow: 0rem 0.25rem 3.375rem 0rem #00000012;
}

.decorder-dial::before {
    content: ' ';
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
    position: absolute;
    inset: -0.125rem;
    border-radius: 0.6875rem;
    z-index: -1;
    transition: all .4s ease-in-out;
}

.decorderdial-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    align-items: center;
    justify-content: center;
    margin: -0.625rem auto 1.875rem;
}

.decorderdial-btns .btn {
    height: 5.5625rem;
    width: 9.375rem;
    border: 1px solid #E7E7E7;
    border-radius: 0.3125rem;
    margin-bottom: 0;
    color: #222328;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.9375rem;
    flex-wrap: nowrap;
}

.decorderdial-btns span {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.875rem;
}

.decorderdial-input {
    position: relative;
    border-radius: 2.5rem;
    max-width: 23.9375rem;
    margin: auto;
    z-index: 0;
    transform: translateY(-50%);
    min-height: 3.75rem;
}


/* .decorderdial-input::before {
    content: ' ';
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
    position: absolute;
    inset: -2px;
    border-radius: 2.5rem;
    z-index: -1;
    transition: all .4s ease-in-out;
}

.decorderdial-input::after {
    content: ' ';
    background: #fff;
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: 2.5rem;
} */

.decorderdial-input span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4375rem;
    color: #4260CB;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    text-align: center;
    position: absolute;
    inset: 0;
    margin: auto;
    background-color: transparent;
}

.decorderdial-input span img {
    max-width: 1.875rem;
}

.decorderdial-input input {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    position: relative;
    z-index: 5;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    text-align: center;
    color: #222328;
    min-height: 3.75rem;
    border-radius: 2.5rem;
}

.decorder-digits .decorder-bg {
    top: 37%;
    bottom: -60%;
}

.decorder-input {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1.25rem;
    background-color: #fff;
    max-width: 40.25rem;
    margin: auto;
    position: relative;
}

.decorder-input input {
    box-shadow: none !important;
    border: none !important;
    background-color: transparent !important;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.375rem;
    color: #222328;
    padding: 0 0.3125rem;
}

.decorder-input input:first-child {
    padding-left: 3.0625rem;
}

.decorder-input img {
    max-width: 7.75rem;
}

.decorderv1-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.125rem;
    color: #222328;
}

.decorderv1-paragraph {
    padding-left: 2.875rem;
    margin-bottom: 0.9375rem;
    color: #8C94B0;
    font-size: 1rem;
    max-width: 36.0625rem;
    font-weight: 500;
    line-height: 1.625rem;
    position: relative;
}

.decorderv1-paragraph::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.75rem;
    height: 1.75rem;
    border: 0.5rem solid #fff;
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
    border-radius: 100%;
    box-shadow: 0rem 0.125rem 0.5rem 0rem #0000001A;
}

.decorderv1-cartoon2 {
    position: relative;
    z-index: 1;
    margin: -5rem 0 -9.375rem;
}

.decorderv1-cartoon2 p {
    position: absolute;
    left: 1.55%;
    top: 3.8%;
    max-width: 15.125rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    color: #8C94B0;
    margin-bottom: 0;
}

.decorderv1-cartoon2 a {
    text-decoration: none;
    color: #4260CB;
}

.decorderv1-cartoon2 img {
    max-width: 30.25rem;
    width: 100%;
}

.decorderv1-content {
    position: relative;
}

.decoderv1-onearrow5 {
    position: absolute;
    top: -30%;
    opacity: .5;
    right: 2%;
    max-width: 8.6875rem;
}

.decoderv1-onearrow6 {
    position: absolute;
    top: 24%;
    opacity: .8;
    left: 4%;
    max-width: 14.5rem;
}

.decoderv1-onearrow7 {
    position: absolute;
    bottom: 14%;
    right: 30%;
    max-width: 9.4375rem;
}

.decoderv1-onearrow8 {
    position: absolute;
    bottom: 19%;
    right: -22%;
    max-width: 8.4375rem;
}

.decorderv1-smallround1 {
    position: absolute;
    background: linear-gradient(151.94deg, #467EFE 25.59%, #FDFEFF 82.61%);
    opacity: 5%;
    width: 18.75rem;
    border-radius: 100%;
    height: 18.75rem;
    bottom: -31%;
    left: 8%;
    rotate: 164deg;
}

.decorderv1-smallround2 {
    position: absolute;
    background: linear-gradient(115.33deg, #467EFE 17.88%, #FDFEFF 75.09%);
    opacity: 7%;
    width: 29.125rem;
    border-radius: 100%;
    height: 29.125rem;
    bottom: 12%;
    right: -2%;
    rotate: 258deg;
}

.decorder-header.search-result-hero {
    background: url(../images/image/decorderv1-bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
    margin-bottom: 7.125rem;
}

.decorder-header .decorderdigits-heading {
    padding-top: 0.4375rem;
    margin-bottom: 1.875rem;
}

.decorder-header .switcher {
    margin-bottom: 0.625rem;
}

.decorder-header .instant-search.main-search {
    padding: 0.5rem;
    gap: 0;
    max-width: 36.4375rem;
}

.decorder-header .main-search .form-control {
    border: 1px solid #E7E7E7;
    height: 3.375rem;
    background-color: #F9FBFD;
    text-align: center;
    border-radius: 3.125rem;
    padding: 0 0.5rem;
}

.decorder-header .instant-search .search-btn {
    display: flex;
    border: none !important;
    min-width: 14.6875rem;
    height: 3.375rem;
    margin-left: 0.625rem;
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
}

.decorder-subheader {
    display: flex;
    justify-content: center;
    position: relative;
    margin: 3.625rem auto 1.25rem;
}

.decorderv1-earth {
    position: absolute;
    max-width: 28.8125rem;
    top: 0;
    right: 94%;
    z-index: -1;
}

.decorderv1-cartoon1 {
    position: absolute;
    top: 50%;
    left: 98%;
    max-width: 15rem;
    object-fit: contain;
    z-index: -1;
    /*animation: decorderv1move 2s 2s linear infinite alternate;*/
}

@keyframes decorderv1move {
    100% {
        transform: translate(-30px, -30px);
    }
}

.decoderv1-headerrrow {
    position: absolute;
    left: 70%;
    top: 21%;
    object-fit: contain;
    max-width: 10.5rem;
    opacity: .8;
    z-index: -1;
}

.decorderv1-bottomimg {
    width: 100%;
    max-height: 18rem;
    margin-top: -7.6875rem;
}

.decorderva-herosection {
    position: relative;
    overflow: hidden;
}

.decorder-subheader::after {
    content: '';
    z-index: -2;
    position: absolute;
    width: 94.375rem;
    height: 94.375rem;
    border-radius: 100%;
    background: linear-gradient(320.5deg, rgba(70, 126, 254, 0) 3.73%, #FDFEFF 63.03%);
    opacity: .15;
    rotate: 180deg;
    left: auto;
    right: auto;
    top: -4.375rem;
    margin: auto;
}

.decorder-subheader h3 {
    max-width: 51rem;
    margin: 0 auto 0.625rem;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.8125rem;
    text-align: center;
    color: #FFFFFF;
}

.decorder-subheader p {
    max-width: 31.375rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: center;
    color: #FFFFFF;
    margin: 0 auto;
}

.howwork-title {
    margin-bottom: 40px;
    font-size: 36px;
    font-weight: 700;
    line-height: 54px;
    text-align: center;
    color: #fff;
}

.left-board {
    max-width: 13.9375rem;
    object-fit: contain;
    margin-top: 0.625rem;
}

.right-board {
    max-width: 13.125rem;
    object-fit: contain;
}

.card-img {
    height: 22.5625rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF70;
    margin-bottom: 1.5625rem;
}

.card-img div {
    position: relative;
}

.card-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    z-index: -1;
    margin: auto;
}

.howwork-card h5 {
    width: 4.375rem;
    height: 4.375rem;
    min-width: 4.375rem;
    border-radius: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.375rem;
    text-align: center;
    color: #4260CB;
    margin-bottom: 1.5625rem;
}

.howwork-card p {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    color: #FFFFFF;
}

.decorder-input .text-design {
    color: #467efe !important;
}

.decorder-input .number-design {
    color: #61cafd !important;
}

.decorder-input .number-design::selection {
    background: transparent !important;
}

.csv-export img {
    max-width: 1.625rem;
    width: 100%;
    transition: all .4s ease-in-out;
}

.csv-export:hover img {
    transform: rotateY(180deg);
}

.filter-dropdown:hover svg {
    animation: rottet 1s infinite;
}

.export-dropdown .filter-setting-btn,
.export-dropdown .dropdown-toggle {
    background-color: #fff !important;
    border-color: #e7e7e7 !important;
    max-width: 50px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.export-dropdown .filter-setting-btn img,
.export-dropdown .dropdown-toggle img {
    max-width: 24px;
    object-fit: cover;
}

.export-dropdown ul {
    padding: 0;
    list-style-type: none;
}

.export-dropdown a {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: var(--black);
    width: 100%;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}

.export-dropdown a:hover {
    color: #4260cb;
}

.export-dropdown .dropdown-menu {
    right: 0 !important;
    left: unset !important;
    min-width: 10.875rem !important;
    border-radius: 0.5rem;
    width: 100%;
    padding: 0.8125rem 1rem 0.3125rem;
    max-height: 12.5rem;
    overflow: auto;
}

@keyframes rottet {
    100% {
        rotate: 45deg;
    }
}

.dropdown-primery {
    margin-bottom: 0.625rem;
}

.dropdown-primery .filter-setting-btn,
.dropdown-primery .dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.8125rem 1rem;
    background: #4260cb !important;
    border-color: #4260cb !important;
    border-radius: 1.875rem;
}

.dropdown-primery .dropdown-menu {
    border-radius: 0.5rem;
    width: 100%;
    padding: 0.8125rem 1rem 0.3125rem;
    max-height: 12.5rem;
    overflow: auto;
}

.dropdown-primery .dropdown-menu::-webkit-scrollbar-track {
    background: #dddddd;
    border-radius: 3.125rem;
}

.dropdown-primery .dropdown-menu::-webkit-scrollbar-thumb {
    background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
    border-radius: 3.125rem;
}

.dropdown-primery .dropdown-menu::-webkit-scrollbar {
    width: 0.3125rem;
}

.dropdown-primery .dropdown-toggle::after {
    border-top: 0.4em solid;
    border-right: 0.4em solid transparent;
    border-bottom: 0;
    border-left: 0.4em solid transparent;
    transition: all .4s ease-in-out;
}

.dropdown-primery .show.dropdown-toggle::after {
    rotate: 180deg;
}

.export-dropdown .dropdown-toggle,
.filter-dropdown .dropdown-toggle {
    padding: 0.6875rem 0.6875rem;
}

.export-dropdown .dropdown-toggle::after,
.filter-dropdown .dropdown-toggle::after {
    display: none;
}

.filter-dropdown .dropdown-menu {
    min-width: 16.875rem !important;
}

.filter-hintpopup .form-control {
    padding-right: 3.9375rem;
}

.hint-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 100%;
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border: none !important;
}

.multi-stage-btn,
.multi-code-btn {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 100%;
    padding: 0.9375rem;
    background: #4260CB;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none !important;
}


/*.multi-code-btn {*/


/*    width: 3.125rem;*/


/*    height: 3.125rem;*/


/*    border-radius: 100%;*/


/*    padding: 0.9375rem;*/


/*    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);*/


/*    display: flex;*/


/*    justify-content: center;*/


/*    align-items: center;*/


/*    border: none !important;*/


/*}*/

.select-multycode.paymentplan-modal .modal-dialog {
    max-width: 44rem !important;
}

.multicode-codes {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 0.625rem;
    column-gap: 0.625rem;
    row-gap: 0.3125rem;
    margin-bottom: 0.625rem;
    padding: 0 12px;
    flex-grow: 1;
}

.multicode-codes label {
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    padding: 3px 15px;
    height: 30px;
    text-align: left;
    color: #7e7f87;
    border: 1px solid #e7e7e7;
    display: flex;
    cursor: pointer;
}

.multicode-codes input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.multicode-codes label.active {
    border-color: var(--blue);
    color: var(--blue);
    background: rgba(66, 96, 203, 0.1);
}

.select-multycode .round-searchinput {
    margin-bottom: 1.25rem;
}

.multicode-card {
    border: 1px solid #E7E7E7;
    padding-bottom: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.multicode-card .card-header {
    padding: 10px 12px;
    border-radius: 12px 12px 0 0;
    margin-bottom: 12px;
    background: linear-gradient(95.35deg, #467EFE 5.26%, #61CAFD 100%);
}

.multicode-card .card-header h5 {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 0;
    line-height: 24px;
}

.multicode-card .multicode-allselect {
    display: flex;
    align-items: center;
    padding: 0 12px;
    gap: 8px;
}

.multicode-card .multicode-allselect label {
    color: #222328;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.multicode-cards {
    max-height: 320px;
    overflow: auto;
}

.multicode-cards::-webkit-scrollbar {
    width: 5px;
}

.multicode-cards::-webkit-scrollbar-thumb {
    background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
    border-radius: 50px;
}

.multicode-cards::-webkit-scrollbar-track {
    background: #dddddd;
    border-radius: 50px;
}

.multicode-cards .row {
    width: 100%;
}

.filter-list-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}

.filter-list-wrapper .switch__label {
    height: 1.875rem;
}

.filter-list-wrapper .switch__label:before {
    top: 0;
    background-color: #D9D9D9;
}

.filter-list-wrapper .switch__label:after {
    top: 0;
    bottom: 0;
    margin: auto;
}

.filter-list-text {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: var(--black);
    margin-bottom: 0;
}

.map .map-section-search {
    fill: #ffffff !important;
}

.map .out-side-label {
    fill: #000000 !important;
}

.copy-btn img {
    width: 2.375rem;
}

.copy-btn {
    border: none;
    padding: 0;
    margin-right: 10px;
}

.copy-number {
    position: absolute;
    bottom: 0;
    margin: 0;
    font-weight: 500;
    right: 10px;
    color: white;
    z-index: 0;
    transition: all .4s ease-in-out;
}

.copy-number.active {
    bottom: -24px;
}

.new-select-multycode.paymentplan-modal .modal-dialog {
    max-width: 75.875rem !important;
}

.new-select-multycode.shopcart-modal .modal-body {
    padding: 0 1.875rem 1.875rem;
}

.new-select-multycode .round-input {
    background: #F7F7F7;
    border-color: #F7F7F7;
}

.new-select-multycode .active.active {
    border-color: #E7E7E7;
}

.new-select-multycode .multicode-card {
    border: 1px solid #E7E7E7;
    border-radius: 0.875rem;
    min-height: 15.625rem;
    height: 100%;
}

.new-select-multycode form {
    height: 100%;
}

.new-select-multycode .multicode-codes {
    margin-bottom: 0.9375rem;
    gap: 0.9375rem;
    flex-grow: unset;
}

.new-select-multycode .multicode-codes label {
    color: #4260CB;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
    text-align: center;
    border: 1px solid #E7E7E7;
    border-radius: 1.875rem;
    width: calc(33% - 0.625rem);
    min-height: 2.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-select-multycode label.active {
    border: 1px solid #4260CB !important;
    position: relative;
}

.new-select-multycode .styled-checkbox:checked:before {
    background: #4260CB !important;
}

.new-select-multycode .multicode-card .multicode-allselect label {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    color: #7E7F87;
}

.new-select-multycode .multicode-card .card-header h5 {
    color: #222328;
}

.new-select-multycode label.active::after {
    content: '';
    background: url(../images/icons/close-blue-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    right: 0.67rem;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: translateY(-0.0625rem);
}

.new-select-multycode .multicode-card .card-header {
    background: #F7F7F7;
    margin-bottom: 0.9375rem;
    padding: 0.9375rem 1.25rem;
    border-radius: 0.875rem, 0.875rem, 0rem, 0rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new-select-multycode .multicode-cards::-webkit-scrollbar-thumb {
    background: #4260CB !important;
}

.new-select-multycode .multicode-cards::-webkit-scrollbar-track {
    background: #F7F7F7 !important;
}

.new-select-multycode .multicode-cards {
    max-height: 68vh;
}


/* CSS For Multystate Starts */

.new-select-multystate.paymentplan-modal .modal-dialog {
    max-width: 75.875rem !important;
}

.new-select-multystate.shopcart-modal .modal-body {
    padding: 0 1.875rem 1.875rem;
    max-height: 44rem;
    overflow: hidden;
}

.new-modal-map {
    margin-top: -2.1875rem;
}

.new-model-body {
    /* padding-bottom: 1.875rem; */
}


/* CSS For Multystate Ends */

.active-loader:hover,
.active-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem !important;
    padding: 0.2188rem 0.75rem !important;
    color: #fff !important;
    background-color: #4260CB !important;
    position: relative !important;
    border: 0.0625rem solid transparent !important;
}

.active-loader.side-loader {
    padding: 0.5625rem 0.75rem !important;
}

.active-loader.side-loader .add-to-cart {
    position: absolute !important;
    top: 12% !important;
    right: 0.75rem !important;
}@media (max-width: 1799.98px) {
    .virtual-nav {
        width: calc(100vw - 100px);
    }

    .new-homedec {
        left: -9%;
    }

    .decoderv1-onearrow6 {
        left: 2%;
    }

    .decoderv1-onearrow7 {
        right: 26%;
    }

    .decorderv1-smallround2 {
        right: -9%;
    }

    .decoderv1-onearrow8 {
        right: -14%;
    }

    .decorderv1-smallround1 {
        left: 1%;
    }
}

@media (max-width: 1699.98px) {
    .virtual-nav {
        width: calc(100vw - 20px);
    }

    .why-buy-section .why-cs-position .why-buy-call {
        left: 27%;
    }

    .reviews-section .reviews-slider {
        margin-left: 0;
    }

    .reviews-section .reviews-slider .owl-prev {
        left: -25px;
    }

    .reviews-section .reviews-slider .owl-next {
        right: -25px;
    }

    .top-nav {
        margin-right: 0;
    }

    .use-cases-section::after {
        width: 778px;
        right: 0;
        top: -1%;
    }

    .offered-points {
        padding: 0 30px;
    }

    .local-dropdown .dropdown-item {
        padding: 20px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu:not(.resources-dropdown) {
        margin: 0 20px !important;
        min-width: calc(100% - 40px);
    }

    .decorderv1-cartoon2 {
        margin: -5rem 0 -10.375rem;
    }

    .decorderv1-cartoon1 {
        left: 91%;
    }

    .decorderv1-earth {
        right: 84%;
        scale: .8;
    }
}

@media (max-width: 1599.98px) {
    .new-slider .slick-center .slider-card {
        width: 28.75rem;
        padding: 1.875rem 1.875rem;
    }

    .cartoon-img {
        max-width: 22.75rem;
    }

    .services-offered {
        padding: 16.375rem 0 6.875rem;
    }

    .new-slider .slider-card {
        padding: 1.25rem;
    }

    .decorderv1-bottomimg {
        margin-top: -3.6875rem;
    }
}

@media (max-width: 1499.98px) {
    .new-slider .slick-center .slider-card {
        width: 26.875rem;
        padding: 1.875rem 1.25rem;
    }

    .new-homedec {
        left: -4%;
    }

    .new-service-slider {
        max-width: 56.25rem;
    }

    .new-slider .slider-card {
        max-width: 14.375rem;
        padding: 1.25rem 0.9375rem;
    }

    .interested-numbers .owl-next {
        right: -3.125rem;
    }

    .interested-numbers .owl-prev {
        left: -3.125rem;
    }

    .decoderv1-onearrow6 {
        top: 46%;
        scale: .8;
    }

    .decoderv1-onearrow7 {
        right: 20%;
    }

    .decorderv1-smallround2 {
        right: -16%;
    }

    .decoderv1-onearrow8 {
        right: -14%;
    }

    .decorderv1-smallround1 {
        bottom: -25%;
    }

    .decorderv1-earth {
        top: 32%;
        right: 81%;
    }

    .decorderv1-cartoon1 {
        top: 60%;
        left: 87%;
        scale: .8;
    }

    .decorder-subheader::after {
        width: 84.375rem;
        height: 84.375rem;
        top: -7.375rem;
    }
}

@media (max-width: 1399.98px) {
    .virtual-nav .navbar-nav .nav-link {
        padding: 1rem;
    }

    .entrie {
        min-width: unset;
    }

    .interested-numbers .owl-prev {
        left: -3.75rem;
    }

    .interested-numbers .owl-next {
        right: -3.75rem;
    }

    .new-homedec {
        scale: 0.8;
        top: 11%;
    }

    .nav-verticalborder {
        display: none;
    }

    .nav-icon-bg img {
        width: 0.75rem;
    }

    .numbers-nav .nav-icon-bg img {
        width: 1.1875rem;
    }

    .numbers-nav .nav-item:last-child .nav-icon-bg img {
        width: 0.875rem;
    }

    .cartoon-img {
        margin-right: -3.75rem;
    }

    .services-offered {
        padding-top: 13.875rem;
    }

    .new-slider .slick-center .slider-card {
        width: 24.375rem;
    }

    .buy-featured-new .buy-numbers {
        padding-left: 1.875rem;
    }

    .buy-featured-new .buy-transitions {
        padding-right: 1.875rem;
    }

    .buy-featured-new .featured-sub-title {
        max-width: 32.8125rem;
    }

    .use-cases-section::after {
        width: 40.5rem;
    }

    .map-section .chart-map-section #us-map {
        margin-left: auto;
        width: auto;
    }

    .map-section .us-all-numberss {
        max-height: 31.0625rem;
        overflow-y: auto;
        padding-right: 0.5rem;
    }

    .use-cases-section .use-cases-slider .use-cases-img {
        width: 30rem;
        height: 30rem;
    }

    .why-need-section .why-need-4 {
        width: 26.125rem;
        height: 26.125rem;
    }

    .why-need-section .why-need-4 .logo-img {
        margin-bottom: .625rem;
    }

    .why-need-section .why-need-4 .title {
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 2.125rem;
        margin-bottom: .625rem;
        max-width: 14.625rem;
    }

    .why-need-section .why-need-4 .sub-title {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.4375rem;
        margin-bottom: .625rem;
    }

    .why-need-section .why-need-1 .need-text-5::before {
        left: -14%;
    }

    .why-need-section .why-need-1 .need-text-1 {
        left: -4%;
    }

    .why-need-section .why-need-1 .need-text-4 {
        right: -14.5%;
    }

    .why-need-section .why-need-1 .need-text-6 {
        right: -11%;
    }

    .why-need-section .why-need-1 .need-text-3::before {
        right: -5%;
        top: 45%;
    }

    .why-need-section .why-need-1 .need-text-2::before {
        right: -3%;
    }

    .why-need-section .why-need-1 .need-text-2 {
        left: -25.3%;
    }

    .reviews-section .reviews-slider .revies-slide-ring {
        width: 33.375rem;
        height: 33.375rem;
    }

    .reviews-section .reviews-slider .review-position {
        margin-bottom: 2.375rem;
    }

    .reviews-section .reviews-slider .review-text::after {
        top: -3.125rem;
    }

    .reviews-section {
        padding-bottom: 20.625rem;
    }

    .why-waiting-section .waiting-part {
        right: 4%;
        bottom: 10%;
    }

    .why-waiting-section .waiting-arrow {
        left: 3.6875rem;
    }

    .result-waiting-content .sub-title {
        font-size: 1rem;
        margin-bottom: .625rem;
        max-width: 20.5938rem;
    }

    .result-waiting-content .light-btn,
    .result-waiting-content .light-blue-btn {
        padding: .625rem 1.25rem !important;
    }

    .result-waiting-content .title::after {
        right: -7.5625rem;
    }

    .result-waiting-content {
        top: 10rem;
    }

    .rws-mb-new,
    .result-waiting-section {
        margin-bottom: -8.4375rem !important;
    }

    .checkout-box .feedback-box {
        padding: 0;
        margin: 0 1.25rem 0 0;
    }

    .transfer-detail {
        margin: 0 1.25rem 0 0;
    }

    .connectedSortable {
        gap: 1.5625rem;
    }

    .searchnav-items .navbar-brand {
        margin-left: -9.375rem;
        max-width: 18.8125rem;
    }

    .decorderv1-cartoon2 {
        margin: -5rem 0 -9rem;
    }

    .decorderv1-cartoon1 {
        top: 60%;
        left: 87%;
        scale: .8;
    }

    .decorder-subheader::after {
        width: 84.375rem;
        height: 84.375rem;
        top: -7.375rem;
    }

    .right-board,
    .left-board {
        max-width: 11.9375rem;
    }

    .decorder-subheader h3 {
        max-width: 41rem;
        font-size: 2rem;
    }
}

@media (max-width: 1300px) {
    .new-service-slider {
        max-width: 52.5rem;
    }

    .interested-numbers .owl-prev {
        right: 3.75rem;
        bottom: -3.75rem;
        left: unset;
        top: unset;
    }

    .interested-numbers .owl-next {
        right: 0;
        bottom: -3.75rem;
        left: unset;
        top: unset;
    }

    .choose-round {
        width: 19.875rem;
        height: 19.875rem;
    }

    .choose-round .title {
        font-size: 1.75rem;
        margin-bottom: 0.625rem;
    }

    .choose-round .sub-title {
        font-size: 1rem;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 0.625rem;
    }

    .choose-round .logo-img {
        max-width: 9.1875rem;
        margin-bottom: 0rem;
    }

    .choose-round .search-btn {
        font-size: 1rem;
        min-width: 12.6875rem;
        height: 3.125rem;
    }

    .choose-border {
        padding: 1.875rem;
    }

    .choose-img1,
    .choose-img2,
    .choose-img3 {
        width: 3.125rem;
        height: 3.125rem;
    }

    .choose-img1 img,
    .choose-img2 img,
    .choose-img3 img {
        width: 1.5625rem;
        height: 1.5625rem;
    }

    .choose-text1 p,
    .choose-text2 p,
    .choose-text3 p {
        font-size: 0.9375rem;
        font-weight: 400;
        line-height: normal;
    }

    .choose-text1 span,
    .choose-text2 span,
    .choose-text3 span {
        font-size: 1.5625rem;
        line-height: normal;
        margin-top: -0.1875rem;
    }

    .choose-text1,
    .choose-text2,
    .choose-text3 {
        gap: 0.625rem;
    }
}

@media (max-width: 1199.98px) {

    .new-notfound-text {
        margin: 1.25rem auto;
        margin-top: -3.875rem;
    }

    .card-btn-trans,
    .card-btn-white {
        font-size: 0.875rem;
        padding: 0.375rem 0.625rem;
    }

    .searchnav-links span {
        display: none;
    }

    .searchnav-links {
        gap: 0;
    }

    .savedlater-card .movecard-btn {
        padding: 0.5rem 0.5625rem;
    }

    .later-text {
        margin-bottom: 1.875rem;
    }

    .new-homedec {
        left: -5%;
        scale: 0.8;
        top: unset;
        bottom: -64%;
    }

    .transfer-detail {
        margin: 0;
    }

    .nav-icon-bg {
        width: 1.5625rem;
        height: 1.5625rem;
    }

    .local-dropdown .dropdown-item {
        padding: 0.625rem 0.3125rem 0.625rem 0.625rem;
    }

    .services-offered {
        padding: 15.625rem 0 8.4375rem;
    }

    .new-slider .slick-center .slider-card {
        width: 28.75rem;
    }

    .offered-points-section .offered-points {
        margin-top: 0;
    }

    .buy-featured-new .buy-transitions {
        padding-right: .875rem;
    }

    .buy-featured-new .buy-numbers {
        padding-left: .8125rem;
    }

    .buy-featured-new .featured-sub-title {
        max-width: 23.4375rem;
    }

    .buy-featured-new .featured-title {
        max-width: 24.4375rem;
    }

    .payment-card .payment-detail {
        padding: 0;
    }

    .use-cases-section::after {
        width: 29.875rem;
        right: 0;
        top: -4%;
    }

    .checkout-box .feedback-box {
        margin: 0 0 1.875rem 0;
    }

    .virtual-nav .navbar-nav .nav-link {
        padding: .625rem .375rem;
        font-size: 1rem;
        font-weight: 500;
    }

    .why-us-network {
        max-width: 27.75rem;
        margin: auto;
    }

    .why-us-network .home-dec-1 {
        top: 0 !important;
        left: .625rem !important;
    }

    .virtual-nav {
        width: calc(100vw - 0rem);
    }

    .custome-section .home-dec-1 {
        top: 14%;
        left: -1.625rem;
    }

    .custome-section .home-dec-2 {
        top: 44%;
        right: -3%;
    }

    .why-choose-section {
        margin-top: -5rem;
    }

    .why-choose-section .wcs-position .round-5 {
        top: -21%;
        left: 25%;
    }

    .why-choose-section .wcs-position .round-4 {
        top: 8%;
        left: -2%;
    }

    .why-buy-section .why-cs-position .why-buy-call {
        left: 14%;
        top: 23%;
        width: 11.25rem;
    }

    .use-cases-section .use-cases-slider .use-cases-img {
        width: 27.5rem;
        height: 27.5rem;
    }

    .use-cases-section .use-cases-slider .owl-next {
        right: -1.5625rem;
    }

    .use-cases-section .use-cases-slider .owl-prev {
        left: -1.5625rem;
    }

    .why-need-section .why-need-2,
    .why-need-section .why-need-1,
    .why-need-section .why-need-3 {
        padding: 2.5rem;
    }

    .why-need-section .why-need-1 .need-text-1 {
        left: -10.5%;
    }

    .why-need-section .why-need-1 .need-text-4 {
        right: -23.5%;
    }

    .why-need-section .why-need-1 .need-text-6 {
        right: -17.5%;
    }

    .why-need-section .why-need-1 .need-text-3 {
        bottom: 6%;
    }

    .why-need-section .why-need-1 .need-text-5::before {
        bottom: unset;
        top: -30%;
        left: 0%;
    }

    .why-need-section .why-need-1 .need-text-5 {
        right: -25%;
        top: 56%;
    }

    .why-need-section .why-need-1 .need-text-2::before {
        bottom: unset;
        right: 16%;
        top: -25%;
    }

    .why-need-section .why-need-1 .need-text-2 {
        left: -24%;
        top: 46%;
    }

    .why-need-section .why-need-3 .why-need-img2 {
        right: 7%;
    }

    .why-need-section .why-need-3 .why-need-img6 {
        right: -2%;
    }

    .why-need-section .why-need-3 .why-need-img5 {
        left: -11.1%;
        bottom: 24%;
    }

    .reviews-section .title {
        font-size: 2.625rem;
    }

    .reviews-section .reviews-slider .revies-slide-ring {
        width: 27.75rem;
        height: 27.75rem;
    }

    .reviews-section .reviews-slider .review-text {
        font-size: 1rem;
        margin-bottom: .4375rem;
        font-weight: 300;
        line-height: 1.375rem;
        max-width: 19rem;
    }

    .reviews-section .reviews-slider .review-text::after {
        background-size: 70%;
        left: 1.1875rem;
        top: -2.4375rem;
    }

    .reviews-section .reviews-slider .review-text::before {
        background-size: 70%;
        right: -1.9375rem;
        bottom: -2.1875rem;
    }

    .reviews-section {
        padding-bottom: 25rem;
    }

    .why-waiting-section .waiting-part {
        text-align: center;
        position: absolute;
        right: 2%;
        bottom: 7%;
    }

    .why-waiting-section .waiting-arrow {
        top: -4.6875rem;
        rotate: 23deg;
    }

    .footer .footer-imgs {
        max-width: 27.25rem;
    }

    .footer {
        background-position: 37%;
        padding: 7.5rem 0 1.0625rem;
    }

    .why-waiting-section .round-10 {
        z-index: 1;
    }

    .footer .footer-title {
        font-size: 1rem;
    }

    .result-waiting-content .title {
        font-size: 1.625rem !important;
        line-height: 2.125rem;
    }

    .result-waiting-content .sub-title {
        max-width: 17.4688rem;
        line-height: 1.4375rem;
    }

    .result-waiting-content .title::after {
        right: -6.9375rem;
        top: .0625rem;
    }

    .result-waiting-content {
        top: 9.5rem;
        left: 1.25rem;
    }

    .navbar-expand-lg .navbar-nav {
        padding-right: 1.25rem;
    }

    .result-waiting-section {
        margin-bottom: -6.5625rem !important;
    }

    .cart-section .btn-blue {
        margin-bottom: 1.875rem;
        margin-right: 0;
    }

    .secure-checkout {
        margin-left: 0;
    }

    .cart-shopings {
        border: 0;
        row-gap: 1.5rem;
        padding-right: 0;
    }

    .cart-number-card {
        margin-right: 0;
    }

    .service-slider .slider1 .slide1.slick-center .child-element {
        transform: translate(0rem, 0rem);
        width: calc(100% + 0rem);
    }

    .new-service-slider {
        max-width: 35rem;
    }

    .login-box {
        padding: 1.25rem 1.25rem 1.25rem;
        max-width: 25.625rem;
    }

    .login-text {
        padding: 3.125rem 1.25rem 1.875rem 0;
    }

    .login-left-part {
        padding-left: 2.5rem;
    }

    .login2 {
        justify-content: center;
        padding-left: 0;
    }

    .para-width {
        max-width: 70%;
    }

    .plan-cards .plan-card {
        width: 48.39%;
    }

    .access-card {
        padding: 0 1.25rem .625rem;
    }

    .access-card:first-child {
        padding-left: 0;
    }

    .access-card:last-child {
        padding-right: 0;
    }

    .choose-text1 p,
    .choose-text2 p,
    .choose-text3 p {
        max-width: 16.875rem;
    }

    .choose-text1 {
        right: calc(-18.0625rem + -2%);
    }

    .choose-text2 {
        left: calc(-18.375rem + 12%);
        bottom: -5%;
    }

    .choose-text3 {
        left: calc(-18.4375rem + 6%);
        top: 14%;
    }

    .text-price p {
        max-width: 27.375rem;
    }

    .new-cardfooter .simpel-btn {
        font-size: 1.125rem;
        padding: 0 1.25rem 0 1.25rem;
        margin-right: 0rem;
    }

    .not-eligible-alert {
        gap: .625rem;
    }

    .local-dropdown .dropdown-menu {
        min-width: calc(100% - 1.25rem);
        margin: 0 0.625rem !important;
    }

    .local-dropdown .dropdown-item h3 {
        font-size: 1.125rem;
    }

    .local-dropdown .dropdown-item p {
        font-size: 1rem;
        margin-bottom: 0.875rem;
        max-width: 15.625rem;
    }

    .local-dropdown .dropdown-item a {
        gap: 0.5rem;
        font-size: 0.875rem;
        padding: 0.625rem 0.75rem 0.625rem;
    }

    .ui-state-highlight,
    .connectedSortable .ui-state-default {
        max-width: 48.6%;
    }

    .shopcart-modal .modal-dialog {
        max-width: 41.875rem !important;
    }

    .decorderv1-smallround2 {
        right: -17%;
        width: 19.125rem;
        height: 19.125rem;
    }

    .decorderv1-cartoon2 {
        margin: -5rem 0 -8rem;
    }

    .right-board,
    .left-board {
        max-width: 9.9375rem;
    }

    .decorder-subheader h3 {
        max-width: 37rem;
        font-size: 1.8rem;
        line-height: normal;
    }

    .decorderv1-earth {
        top: -40%;
        right: 78%;
        scale: .6;
    }

    .decorderv1-cartoon1 {
        left: 77%;
        z-index: 0;
        scale: .7;
        z-index: 0;
    }

    .card-img img:not(.card-arrow) {
        max-width: 8.125rem;
    }

    .card-img {
        height: 14.5625rem;
    }

    .card-arrow {
        max-width: 9.125rem;
        object-position: right;
        object-fit: cover;
        height: 1rem;
    }

    .new-select-multycode.paymentplan-modal .modal-dialog {
        max-width: 64rem !important;
    }

    .new-select-multycode label.active::after {
        right: 0.4rem;
    }

    .new-select-multystate.paymentplan-modal .modal-dialog {
        max-width: 64rem !important;
    }

    .searchnav-items .resources-dropdown {
        right: -50px !important;
    }

    .checkuot-dropdown .resources-dropdown {
        right: -25px !important;
    }

    .checkuot-dropdown .resources-dropdown::after {
        right: 1.8rem;
    }
}

@media (max-width: 991.98px) {
    .about-shop-section .row {
        flex-direction: column-reverse;
    }

    .search-nav {
        margin-bottom: 1.9375rem;
    }

    .switcher {
        margin-top: 2rem;
    }

    .contactus-nav .nav-dropdowns a {
        gap: .3125rem;
    }

    .contactus-nav .nav-dropdowns h5 {
        font-size: 1.125rem;
    }

    .contactus-nav .nav-dropdowns p {
        width: 15.25rem;
        font-size: .9375rem;
    }

    .contactus-nav .dropdown-item {
        padding: .625rem;
        margin: 0 0rem;
    }

    .massages-left {
        padding: .625rem;
        min-height: fit-content;
        border-radius: .625rem .625rem 0 0;
    }

    .chat-header {
        border-radius: .625rem;
    }

    .chat-footer,
    .massages-right {
        border-radius: 0 0 .625rem .625rem;
    }

    .massages-left .msgs-numbers {
        border-radius: 0;
        height: 15.625rem;
    }

    .massages-left .header {
        border-top-right-radius: .625rem;
    }

    .notfound-text h1 {
        font-size: 1.75rem;
        line-height: 2.5rem;
    }

    .allowus-img {
        max-height: 25rem;
        object-fit: contain;
        margin-bottom: 1.875rem;
    }

    .notfound-arrow {
        position: absolute;
        top: -4.1875rem;
        left: unset;
        right: 2.25rem;
        rotate: 37deg;
    }

    .compatibility-section .first-part {
        flex-direction: column-reverse;
    }

    .compatibility-section .compatibility-mainimg {
        max-width: 34.375rem;
        margin: auto;
    }

    .industrie-gradient-bg {
        height: 19.375rem;
    }

    .checkuot-dropdown-box,
    .wishlist-dropdown-box {
        box-shadow: none;
        border: .0625rem solid #dddddd;
    }

    .navbar-toggler {
        height: 2.5rem;
        width: 2.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        border-radius: .3125rem;
        padding: 0;
    }

    .navbar-toggler-icon {
        width: 1.4375rem;
        height: 1.25rem;
    }

    .service-slider .slider1 {
        width: 43.75rem;
    }

    .cartoon-img {
        margin-top: 2.5rem;
    }

    /* .offered-new-slider {
        flex-direction: column-reverse;
    } */
    .category-dropdown .nav-dropdown .dropdown-item {
        padding: 0rem 0rem .9375rem;
        border: none;
    }

    .local-dropdown .navdrop-perent {
        flex-direction: column;
    }

    .local-dropdown .dropdown-item {
        border: none;
    }

    .local-dropdown .dropdown-item p {
        margin-bottom: .625rem;
    }

    .local-dropdown .dropdown-item a {
        font-size: 1rem;
        padding: .5625rem .9375rem .5rem;
    }

    .nav-dropdown {
        margin-top: 0;
        padding: 0;
    }

    .nav-dropdown .dropdown-item h3 {
        font-size: 1rem;
        line-height: 1.25rem;
    }

    .nav-dropdown .dropdown-item p {
        font-size: 1rem !important;
        font-weight: 300 !important;
        line-height: 1.1875rem !important;
    }

    .new-slider .slick-center .slider-card {
        width: 20.625rem;
        padding: 1.25rem .9375rem;
    }

    .new-slider .slick-center .slider-img {
        width: 6.4375rem;
        height: 6.4375rem;
    }

    .new-slider .slider-card .slider-text {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.375rem;
    }

    .new-slider .slider-card {
        max-width: 11.875rem;
        padding: 1.25rem .625rem;
    }

    .cartoon-img {
        top: 3.125rem;
    }

    .new-slider .slick-slide {
        min-height: 24.375rem;
    }

    .new-slider .slick-center .slider-img img {
        width: 3.5625rem;
        height: 3.5625rem;
    }

    .buy-featured-new .featured-sub-title,
    .buy-featured-new .featured-title {
        max-width: fit-content;
    }

    .buy-featured-new .buy-numbers {
        padding-left: 1.875rem;
    }

    .buy-featured-new .buy-transitions {
        padding-right: 1.875rem;
    }

    .buy-featured-new .why-buy-totals {
        margin: auto;
    }

    .my-profil-tabs a {
        padding: .9375rem 1.25rem;
    }

    .use-cases-section::after {
        width: 29.875rem;
        right: 0;
        top: -11%;
    }

    .feedback-box {
        padding: 2.5rem 1.25rem 1.875rem;
        margin: 0 auto 3.125rem;
    }

    .testimonials .testimonial-info {
        bottom: -9.0625rem;
    }

    .contact-way .contact-img {
        width: 13.5rem;
        height: 13.5rem;
    }

    .testimonials .testimonal-box .testimonial-text {
        font-size: .875rem;
        font-weight: 300;
        line-height: 1.5625rem;
        max-width: 16.5rem;
        -webkit-line-clamp: 7;
    }

    .testimonials .testimonal-box {
        max-width: 26rem;
        height: 21rem;
        padding-top: 1.25rem;
    }

    .blog-detail .next-prev-blog .next-blog,
    .blog-detail .next-prev-blog .prev-blog {
        column-gap: .625rem;
    }

    .blog-detail .next-prev-blog .next-blog img,
    .blog-detail .next-prev-blog .prev-blog img {
        width: 4.375rem;
        height: 100%;
    }

    .blog-detail .next-prev-blog .next-blog h4,
    .blog-detail .next-prev-blog .prev-blog h4 {
        font-size: .875rem;
        line-height: 1.1875rem;
    }

    .our-team {
        margin-top: -6.875rem;
    }

    .about-shop-section .reviews-img {
        margin-bottom: 1.875rem;
        height: 25rem;
    }

    .nav-item.dropdown .nav-link::after {
        position: absolute;
        right: .1875rem;
        top: 25%;
        content: url(../images/icons/mobile-nav-arow.png);
        transition: all 0.3s ease-in-out;
        visibility: visible;
    }

    .nav-dropdown {
        box-shadow: none;
        border: none;
        min-width: unset;
    }

    .nav-item.active>.nav-link::after {
        rotate: 180deg;
    }

    .filter-part {
        border: none;
        padding-right: 0;
    }

    .tab-nav .nav-icon-bg {
        margin-left: .625rem;
        background: #fff !important;
    }

    .tab-nav .nav-icon-bg img {
        filter: unset !important;
    }

    .virtual-nav {
        padding: .625rem 0;
    }

    .nav-icon-bg img {
        width: 1rem;
    }

    .nav-number-2 {
        display: flex !important;
    }

    .top-nav,
    .nav-number {
        display: none !important;
    }

    .searchnav-links .nav-number {
        display: unset !important;
    }

    .searchnav-links .nav-icon-bg img {
        filter: unset !important;
    }

    .searchnav-links .nav-icon-bg {
        background: #fff !important;
    }

    .numbers-nav .nav-number {
        display: flex !important;
    }

    .navbar-brand {
        margin-top: 0;
        margin-right: auto;
    }

    .filter-part .search-by-select {
        border-top: none;
        margin-top: 0;
        margin-bottom: 1.25rem;
    }

    .navbar-nav .nav-link {
        color: var(--black) !important;
    }

    .numbers-nav .nav-link {
        color: #fff !important;
    }

    .nav-icon-bg {
        background: linear-gradient(93.31deg, #467efe 2.06%, #4cc1fe 45.54%, #7ed7fc 78%, #d2e5f8 100%);
    }

    .nav-number-2 {
        text-decoration: none;
        align-items: center;
        margin-top: .625rem;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5rem;
        color: #222328;
    }

    .offcanvas-header .btn-close {
        filter: invert(54%) sepia(52%) saturate(5465%) hue-rotate(174deg) brightness(91%) contrast(114%);
    }

    .offcanvas-header {
        border-bottom: .0625rem solid #dddddd;
        margin: 0 1.25rem;
        padding: 1.875rem 0 .9375rem;
    }

    .offcanvas-body {
        padding-top: 0;
    }

    .nav-icon-bg img {
        filter: invert(1) !important;
    }

    .numbers-nav img {
        filter: unset !important;
    }

    .navbar-nav .search-btn span {
        display: none;
    }

    .home-section .main-search .search-btn {
        font-size: 1rem;
        min-width: 12.0625rem;
        height: 3.75rem;
        padding: 0;
    }

    .custome-section .home-dec-1 {
        top: -18%;
        left: -4%;
        width: 5rem;
    }

    .custome-section .home-dec-2 {
        width: 5rem;
    }

    .why-choose-section .why-choose-video {
        height: 23.4375rem;
    }

    .why-buy-section .why-cs-position .why-buy-call {
        left: unset;
        right: 6%;
        top: -4%;
        width: 11.25rem;
    }

    .why-buy-section {
        background-position: 67%;
    }

    .why-buy-section .buy-featured {
        margin-top: 0rem;
        padding: 1.875rem 0;
    }

    .map-section .us-all-numberss {
        max-height: 38rem;
        overflow-x: hidden;
    }

    .use-cases-section {
        padding: 8.5rem 0 5rem;
    }

    .use-cases-section .use-case-dec {
        bottom: 38%;
    }

    .use-cases-section .use-cases-slider .owl-next {
        right: -0.3125rem;
    }

    .use-cases-section .use-cases-slider .owl-prev {
        left: -0.3125rem;
    }

    .why-need-section .why-need-4 {
        width: 23.625rem;
        height: 23.625rem;
    }

    .why-need-3 {
        padding: 0 !important;
        border: none !important;
    }

    .why-need-section .why-need-2,
    .why-need-section .why-need-1,
    .why-need-section .why-need-3 {
        padding: 1.25rem;
    }

    .why-need-section .why-need-3::before,
    .why-need-section .why-need-3::after {
        display: none;
    }

    .need-img1 img,
    .need-img img {
        width: 1.875rem;
        height: 1.875rem;
    }

    .why-need-section .why-need-1 .need-img1,
    .why-need-section .why-need-3 .need-img {
        width: 3.75rem;
        height: 3.75rem;
    }

    .why-need-section .why-need-3 .why-need-img2 {
        right: -2%;
    }

    .why-need-section .why-need-3 .why-need-img6 {
        right: -9%;
    }

    .why-need-section .why-need-3 .why-need-img7 {
        left: 40.9%;
        bottom: -18%;
    }

    .why-need-section .why-need-3 .why-need-img5 {
        left: -13.1%;
        bottom: 16%;
    }

    .why-need-section .why-need-1 .need-text {
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.375rem;
    }

    .why-need-section .why-need-1 .need-text-1 {
        max-width: 8.125rem;
        left: -3.5%;
    }

    .why-need-section .why-need-1 .need-text-4 {
        right: -4%;
        top: -2%;
        max-width: 10.25rem;
    }

    .why-need-section .why-need-1 .need-text-2 {
        width: 8.75rem;
        left: -25%;
    }

    .why-need-section .why-need-1 .need-text-3 {
        left: -15%;
        max-width: 10.25rem;
    }

    .why-need-section .why-need-1 .need-text-6 {
        width: 8.9375rem;
    }

    .why-need-section .why-need-1 .need-text-2::before {
        right: 12%;
        top: -47%;
    }

    .why-need-section .why-need-1 .need-text-5 {
        width: 7.5625rem;
    }

    .why-need-section .why-need-1 .need-text-5::before {
        top: -48%;
        left: -2%;
    }

    .why-need-section {
        padding: 0rem 0 6.25rem;
    }

    .metrioit-icon2 {
        left: 107%;
        scale: .9;
    }

    .metrioit-icon3 {
        left: 25%;
        scale: .9;
    }

    .metrioit-icon4 {
        scale: .8;
        opacity: .9;
    }

    .why-waiting-section .waiting-part {
        position: relative;
        margin-top: 1.25rem;
    }

    .why-waiting-section .waiting-arrow {
        top: -8.4375rem;
        left: 19.9375rem;
        transform: rotateZ(183deg) rotateX(184deg);
        rotate: 13deg;
    }

    .footer {
        padding: 17.5rem 0 1.0625rem;
    }

    .contactus-section {
        margin: 3.125rem auto;
    }

    .footer .footer-title {
        font-size: 1.0625rem;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .select-options-list {
        max-height: 19.625rem;
        overflow: auto;
        padding-right: .625rem;
    }

    .result-waiting-content {
        position: unset;
    }

    .result-waiting-content .sub-title {
        color: var(--gray-2);
        max-width: fit-content;
    }

    .result-waiting-content .title {
        color: var(--black);
        max-width: fit-content;
    }

    .result-waiting-content .result-waiting-btns .light-btn {
        color: #4cc1fe;
        border-color: #4cc1fe;
    }

    .light-blue-btn:hover {
        color: #4cc1fe !important;
        border-color: #4cc1fe !important;
    }

    .result-waiting-content .title::after {
        right: 7.875rem;
        rotate: 311deg;
        top: -12.4375rem;
    }

    .result-waiting-section {
        margin-bottom: 0 !important;
    }

    .border-start4 {
        border: none !important;
    }

    .states .nav-link {
        padding: .8rem .9rem;
    }

    .login-left-part .login-text h3 {
        font-size: 1.5rem;
        line-height: 1.875rem;
    }

    .para-width {
        max-width: 100%;
    }

    .notfound-text h1 {
        font-size: 1.75rem;
        line-height: 2.5rem;
    }

    .allowus-img {
        max-height: 25rem;
        object-fit: contain;
        margin-bottom: 1.875rem;
    }

    .notfound-arrow {
        position: absolute;
        top: -4.1875rem;
        left: unset;
        right: 2.25rem;
        rotate: 37deg;
    }

    .billing-detail-design {
        margin: 0 .625rem 0rem;
    }

    .plan-cards .plan-card {
        width: 47.84%;
    }

    .access-card-title {
        font-size: 1.25rem;
        line-height: normal;
        max-width: 14.25rem;
    }

    .access-card-subtitle {
        font-size: 1rem;
        font-weight: 400;
        line-height: normal;
        max-width: 14.25rem;
        margin-bottom: 1.25rem;
    }

    .access-cards {
        margin-bottom: 1.25rem;
    }

    .access-card .img {
        width: 10rem;
        height: 10rem;
    }

    .access-card .img img {
        width: 5rem;
        height: 5rem;
        object-fit: contain;
    }

    .access-card {
        border: none;
        padding: 0rem;
    }

    .access-cards {
        gap: .375rem;
    }

    .footer-border {
        border: none;
    }

    .choose-text2 {
        left: -50%;
        bottom: -23%;
    }

    .choose-text3 {
        left: -50%;
        top: -23%;
        align-items: flex-end;
    }

    .choose-text1 {
        top: 90%;
        right: -50%;
    }

    .text-price {
        flex-direction: column;
    }

    .receipt-footer {
        background: url(../images/image/order-footer.png) no-repeat 30% top;
    }

    .savedlater-section {
        padding: 3.75rem 0;
    }

    .new-shopingcard {
        margin-right: 0;
    }

    .connectedSortable {
        gap: 1.1875rem;
    }

    /* Header CSS */
    .nav-item.dropdown.show .nav-link::before {
        display: none;
    }

    .resources-dropdown {
        box-shadow: none;
    }

    .contactus-nav .resources-dropdown a {
        padding: 0.625rem 0rem !important;
    }

    .resources-part {
        border-right: 0rem;
    }

    .resources-link {
        margin: 0;
    }

    .resources-dropdown p {
        margin-bottom: 0.625rem;
        font-size: 1rem;
    }

    .resources-dropdown h5 {
        font-size: 1.125rem;
    }

    .decorder-bg {
        object-fit: cover;
    }

    .decorderdial-btns .btn {
        width: 7.28rem;
        font-size: 1.7rem;
        line-height: normal;
        gap: 0.3rem;
        height: 4.5625rem;
    }

    .decorderdial-btns span {
        font-size: 1.1rem;
    }

    .decorder-digits .decorder-bg {
        top: 40%;
        bottom: -36%;
    }

    .decorderv1-cartoon2 img {
        max-width: 25.25rem;
    }

    .decorderv1-cartoon2 {
        margin: -5rem 0 -6rem;
    }

    .decorderv1-cartoon2 p {
        left: 1.5%;
        top: 2%;
        max-width: 13.5rem;
        font-size: 1rem;
        line-height: normal;
    }

    .decoderv1-onearrow6 {
        top: 23%;
    }

    .card-img img:not(.card-arrow) {
        max-width: 6.125rem;
    }

    .card-img {
        height: 10.5625rem;
    }

    .card-arrow {
        max-width: 7.125rem;
        height: 0.8rem;
    }

    .howwork-card h5 {
        width: 3.375rem;
        line-height: normal;
        height: 3.375rem;
        min-width: 3.375rem;
        font-size: 1.2rem;
        margin-bottom: 0.9rem;
    }

    .howwork-card p {
        font-size: 1rem;
    }

    .new-select-multycode label.active::after {
        width: 0.65rem;
        height: 0.65rem;
    }

    .new-select-multycode.paymentplan-modal .modal-dialog {
        max-width: 39rem !important;
    }

    .new-select-multycode .multicode-codes {
        gap: 0.5rem;
    }

    .new-select-multycode .multicode-codes label {
        width: calc(33.33% - 0.3438rem);
        font-size: 1rem;
    }

    .new-select-multycode.shopcart-modal .modal-body {
        padding: 0 1rem 1.875rem;
    }

    .new-select-multycode.paymentplan-modal .modal-dialog {
        max-width: 49rem !important;
    }

    .new-select-multystate.paymentplan-modal .modal-dialog {
        max-width: 39rem !important;
    }

    .new-select-multystate.shopcart-modal .modal-body {
        padding: 0 1rem 1.875rem;
    }

    .new-select-multystate.paymentplan-modal .modal-dialog {
        max-width: 49rem !important;
    }
}

@media (max-width: 767.98px) {

    .new-notfound-text {
        margin-top: -8.875rem;
    }

    .new-select-multycode.paymentplan-modal .modal-dialog {
        max-width: 38rem !important;
    }

    .new-select-multystate.paymentplan-modal .modal-dialog {
        max-width: 38rem !important;
    }

    .search-result .short-by-line .short-badge .badge-text {
        height: unset;
        padding: .6875rem .625rem;
    }

    .calllogs-header .round-form-group {
        flex-grow: 1;
    }

    .reque-border {
        border-right: 0rem solid rgba(231, 231, 231, 1);
    }

    .calllogs-header label,
    .calllogs-header input {
        width: 100%;
    }

    .calllogs-header {
        row-gap: 0;
        column-gap: .625rem;
    }

    .compatibility-section .title {
        font-size: 1.75rem;
        line-height: normal;
    }

    .available-balance .btn {
        min-width: unset;
    }

    .numbers-nav span {
        display: none;
    }

    .new-homedec {
        left: -10%;
        scale: .8;
        top: unset;
        bottom: -54%;
    }

    .slider-heading {
        font-size: 2.375rem;
        font-weight: 700;
        line-height: 3.25rem;
    }

    .signup-bg {
        padding: 1.5rem;
    }

    .signup-box {
        padding: 1.875rem .9375rem .625rem;
        max-width: 100%;
    }

    .my-profil-tabs a {
        font-size: 1.125rem;
        padding: .9375rem .625rem;
    }

    .contact-way .contact-img {
        width: 9.75rem;
        height: 9.75rem;
    }

    .testimonials .testimonal-box {
        max-width: 21rem;
        height: 21rem;
        padding-top: 1.25rem;
    }

    .contact-way .contact-id {
        font-size: 1rem;
        line-height: 1.375rem;
    }

    .contact-way .contact-way-name {
        font-size: 1.125rem;
        line-height: 1.625rem;
    }

    .contact-img img {
        max-width: 5rem;
    }

    .blog-detail .blog-detail-title {
        font-size: 1.75rem;
        line-height: 2.5rem;
    }

    .why-us-main .why-us-icon {
        width: 10.625rem;
        height: 10.625rem;
    }

    .why-us-main .why-us-icon img {
        width: 5rem;
        height: 5rem;
    }

    .card-sub-title {
        flex-wrap: wrap;
        gap: .625rem;
    }

    .home-title {
        font-size: 2.625rem;
        line-height: unset;
        margin: 3.75rem auto .9375rem;
    }

    .custome-section .home-dec-1 {
        top: -8%;
    }

    .why-choose-section .wcs-position .round-5 {
        top: -31%;
        left: -5%;
    }

    .why-buy-section .why-cs-position .why-buy-call {
        top: 12%;
        width: 7.5rem;
    }

    .why-need-section .why-need-4 .title {
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.5rem;
    }

    .why-need-section .why-need-4 .logo-img {
        max-width: 9.1875rem;
    }

    .why-need-section .why-need-4 .sub-title {
        font-size: .8125rem;
        font-weight: 300;
        line-height: 1.25rem;
        max-width: 17.625rem;
    }

    .why-need-section .search-btn {
        font-size: .875rem;
        font-weight: 400;
        min-width: fit-content;
        height: 2.5rem;
    }

    .why-need-section .search-btn img {
        margin-right: .4375rem;
    }

    .why-need-section .why-need-4 {
        width: 18.75rem;
        height: 18.75rem;
    }

    .why-need-section .why-need-1 .need-text-1 {
        left: -17.5%;
    }

    .why-need-section .why-need-1 .need-text-4 {
        right: -22%;
    }

    .why-need-section .why-need-1 .need-text-3 {
        bottom: -2%;
    }

    .why-need-section .why-need-1 .need-text-6 {
        bottom: -5%;
    }

    .why-need-section .why-need-1 .need-text-2 {
        left: -33.5%;
        top: 47%;
    }

    .why-need-section .why-need-1 .need-text-5 {
        right: -33.7%;
    }

    .why-need-section .why-need-3 .why-need-img2 {
        right: -18%;
        top: 16%;
    }

    .why-need-section .why-need-3 .why-need-img6 {
        bottom: 3%;
    }

    .why-need-section .why-need-3 .why-need-img7 {
        bottom: -23%;
    }

    .why-need-section .why-need-3 .why-need-img5 {
        left: -16.1%;
        bottom: 11%;
    }

    .why-need-2 {
        border: none !important;
        padding: 0rem !important;
    }

    .why-need-section .why-need-1 .why-need-img1 {
        top: -13%;
    }

    .why-need-section .why-need-1 .why-need-img4 {
        right: 25.5%;
    }

    .why-need-section .why-need-1 .why-need-img3 {
        top: 19%;
        left: -10%;
    }

    .home-section .main-search .search-btn {
        min-width: 3.75rem;
    }

    .main-search .search-btn span {
        display: none;
    }

    .footer {
        padding: 23.125rem 0 1.0625rem;
    }

    .footer-terms {
        flex-direction: column;
        align-items: center;
    }

    #choose-plan .modal-dialog {
        max-width: 31.25rem;
        margin: auto;
    }

    .states .nav-link .state-flag {
        width: 1.5625rem;
        height: 1.5625rem;
        border: none;
    }

    .states .nav-link .state-flag img {
        width: 100%;
        object-fit: contain;
    }

    .states .nav-link {
        font-size: 1.1rem;
    }

    .states .tab-content p {
        font-size: 1rem;
        padding-left: 1rem;
        margin-bottom: 1rem;
    }

    .knowledge-main .knowledge-card .knowledge-title {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-bottom: .625rem;
    }

    .knowledge-main .knowledge-card .knowledge-text {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.3125rem;
        margin-bottom: .625rem;
    }

    .knowledge-main .knowledge-card .knowledge-btn {
        font-size: 1rem;
        line-height: 1.4375rem;
        padding: .625rem 1.25rem;
        margin-bottom: 1.875rem;
    }

    .wishlist-btn,
    .wishlist-danger-btn {
        padding: .625rem .9375rem;
        font-size: 1rem;
    }

    .wishlist-btns {
        gap: .625rem;
    }

    .login-left-part {
        height: 25rem;
        min-height: 25rem;
    }

    .login-right-part {
        height: auto;
        padding: 3.125rem 0 1.875rem;
    }

    .login-box .login-logo {
        margin-bottom: .625rem;
    }

    .login-box p {
        margin-bottom: 1.25rem;
    }

    .login-box h3 {
        margin-bottom: 0;
    }

    .login-box {
        margin: 0 .625rem;
    }

    .checkout-card-heading {
        font-size: 1.5rem !important;
    }

    .checkout-price-text {
        font-size: 1.25rem;
    }

    .checkout-one .nav-link {
        max-width: 18.75rem;
    }

    .text-20 {
        font-size: 1rem;
        margin-bottom: 0rem;
    }

    .text-20-bold {
        font-size: 1.125rem;
    }

    .checkout-billing-card {
        margin-bottom: 3.125rem;
    }

    .recieptupload-box {
        padding: .9375rem .9375rem;
    }

    .recieptupload-box label img {
        max-width: 2.1875rem;
    }

    .recieptupload-box label {
        min-width: unset;
        width: 100%;
        gap: .625rem;
        font-size: 1rem;
    }

    .plan-cards .plan-card {
        width: 47%;
    }

    .access-title {
        font-size: 1.75rem;
        line-height: normal;
    }

    .choose-text1,
    .choose-text2,
    .choose-text3 {
        position: unset;
        margin-top: .625rem;
    }

    .choose-img1,
    .choose-img2,
    .choose-img3 {
        position: unset;
    }

    .choose-border {
        margin-top: 2.5rem;
        margin-bottom: 1.875rem;
    }

    .choose-text3,
    .choose-text2 {
        text-align: left;
        flex-direction: row-reverse;
        align-items: start;
    }

    .receipt-header {
        flex-direction: column;
    }

    .receipt-contect {
        display: flex;
        gap: .625rem;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }

    .receipt-header {
        padding: 1.25rem 1.25rem 7.3125rem;
    }

    .ordersuccess-section {
        margin: 1.3125rem auto 3.75rem;
        padding: 1.25rem 1.25rem 1.875rem;
    }

    .receipt-body {
        margin: 0 1.25rem;
    }

    .receipt-account p {
        margin-bottom: 0;
    }

    .order-btns .btn {
        min-width: 13.1875rem;
    }

    .design-alert {
        padding: 3.75rem .9375rem 1.875rem;
        margin-top: 3.75rem;
    }

    .ui-state-highlight,
    .connectedSortable .ui-state-default {
        max-width: 100%;
    }

    .numbers-dropdown {
        padding: 0.9375rem;
    }

    .numbers-dropdown a {
        font-size: 1.125rem;
        padding: 0.5rem;
    }

    .states .nav-link:last-child img {
        scale: .8;
    }

    .searchnav-items .navbar-brand {
        margin-left: -7.375rem;
        max-width: 14.7rem;
    }

    .searchnav-links a {
        margin-left: 0.5rem;
    }

    .searchnav-toggle img {
        scale: .8;
    }

    .searchnav-links {
        margin-top: 0;
    }

    .searchnav-toggle {
        width: 2rem;
        height: 2rem;
    }

    .searchnav-items .resources-dropdown {
        right: -39px !important;
        min-width: 21.125rem;
    }

    .checkuot-dropdown .resources-dropdown {
        right: -5px !important;
    }

    .searchnav-items .resources-dropdown::after {
        right: 3.05rem;
        border-left: 0.7rem solid transparent;
        border-right: 0.7rem solid transparent;
    }

    .checkuot-dropdown .resources-dropdown::after {
        right: 0.8rem;
    }

    .main-search {
        flex-direction: column;
    }

    .instant-search .input-dropdown {
        width: 100%;
    }

    .main-search:not(.instant-search) .input-dropdown,
    .main-search:not(.instant-search) .state-select2-pere.choos-states {
        max-width: unset;
        width: 100%;
    }

    .card-actions .sm-cardicon {
        display: flex;
    }

    .card-actions .lg-cardicon {
        display: none;
    }

    .new-offermodal.numbers-modal .modal-dialog {
        max-width: 37.375rem !important;
    }

    .shopcart-modal .modal-dialog {
        max-width: 33.875rem !important;
    }

    .decorder-digits .decorder-bg {
        top: 40%;
        bottom: -25%;
    }

    .decorderdigits-heading {
        font-size: 2rem;
        margin-bottom: 1.8rem;
    }

    .decorder-input input {
        padding: 0 0.625rem !important;
        font-size: 2rem;
    }

    .decorderv1-cartoon2 {
        margin: 0rem 0 -4.3rem;
    }

    .decoderv1-onearrow6 {
        top: 61%;
        scale: .6;
    }

    .decorderv1-smallround2 {
        right: -25%;
    }

    .decoderv1-onearrow7 {
        right: 8%;
        bottom: 7%;
    }

    .decorder-searchbar {
        flex-direction: row;
    }

    .decorder-searchbar.main-search .search-btn span {
        display: block;
    }

    .right-board,
    .left-board {
        max-width: 7.9375rem;
    }

    .decorder-subheader h3 {
        font-size: 1.3rem;
    }

    .decorderv1-earth {
        top: -20%;
        right: 58%;
        scale: .4;
    }

    .decorderv1-cartoon1 {
        left: 73%;
        scale: .6;
    }

    .decoderv1-headerrrow {
        scale: .5;
    }

    .decorderva-herosection .col-sm-5:nth-child(3) .card-arrow {
        display: none;
    }

    .card-arrow {
        max-width: 17.125rem;
        height: 0.8rem;
    }

    .spell-search {
        flex-direction: row !important;
        gap: 8px !important;
        border-radius: 30px !important;
    }

    .spell-search .new-btn {
        min-width: 10px !important;
        width: 25% !important;
    }

    .states .filter-search {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 575.98px) {
    .signup-bg {
        margin-top: 6rem;
    }

    .shopcart-cta-button button {
        flex-grow: 1;
    }

    .interested-numbers .interested-title {
        margin-top: 3rem;
    }

    .states .nav-link {
        padding: 0.8rem 0.7rem;
    }

    .improve-section {
        margin-top: 3rem;
        padding-top: 2rem;
    }

    .knowledge-main .knowledge-card .knowledge-card-img {
        height: 13.6875rem;
    }

    .footer .footer-terms p {
        text-align: center;
    }

    .numbers-dropdown {
        top: 2.9375rem;
    }

    #numbersrejectrequest .btn {
        width: 100%;
        padding: .75rem .625rem;
    }

    .vendor-form {
        max-width: 47.25rem;
        margin: 0 auto 2.375rem;
        padding: 1.25rem .625rem .625rem;
    }

    .dialer-bg {
        padding: 1.25rem;
    }

    .numbers-accountcard,
    .numbers-blockbox {
        padding: .9375rem;
    }

    .dialer-btn {
        width: 100%;
        font-size: 1.625rem;
        margin-bottom: .625rem;
        height: 4.6875rem;
    }

    .dialer-cancelimg img {
        max-width: 2rem;
    }

    .numbers-dialer {
        margin-bottom: 0;
    }

    .numbers-dialer .round-form-group {
        margin-left: 0;
    }

    .numbers-dialer .round-form-group {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
    }

    .dialer-input {
        font-size: 1.75rem;
        margin-bottom: 0;
    }

    .numbers-dialer .select2-container {
        width: 100% !important;
    }

    .numbers-dialer label {
        width: 100%;
        text-align: center;
        margin-right: 0 !important;
    }

    .dialer-img img {
        width: 3.75rem;
        height: 3.75rem;
    }

    .massages-left .number p {
        width: 13.8125rem;
    }

    .chat-main {
        padding: 0 .3125rem 0 0;
    }

    .available-balance {
        padding: 1.25rem;
        flex-direction: column;
    }

    .available-balance .btn {
        font-size: 1rem;
        width: 100%;
    }

    .numbers-nav .nav-number {
        padding: .75rem .3125rem !important;
    }

    .numbers-nav .navbar-brand img {
        max-width: 9.9375rem;
    }

    .numbers-maintab .nav-link {
        font-size: .875rem;
        padding: .625rem .5rem .625rem;
        gap: .3125rem;
    }

    .numberssub-tab .nav-tabs .nav-link {
        padding: .25rem .4375rem .25rem;
    }

    .numbers-maintab .nav-link img {
        max-width: 1.25rem;
        max-height: 1.25rem;
    }

    .numbers-maintab nav {
        margin-bottom: 1.25rem;
    }

    .knowledge-main {
        margin-top: 3.125rem;
    }

    .why-waiting-section .waiting-btns {
        flex-wrap: wrap;
    }

    .transfer-detail .box {
        padding: 1.25rem .9375rem;
    }

    .checkout-one {
        margin: 3.75rem 0;
    }

    .plan-work .modal-body {
        padding: 1.25rem 1.25rem 1.25rem !important;
    }

    .plan-work p {
        font-size: 1rem;
        line-height: normal;
    }

    .notfound-text h1 {
        font-size: 1.375rem;
        line-height: normal;
    }

    .new-checkoutbtn {
        font-size: .875rem;
        font-weight: 600;
    }

    .notfound-img {
        max-width: 17.5rem;
    }

    .allowus-box {
        padding: 2.5rem .8125rem 1.25rem;
    }

    .allowus-box h3 {
        font-size: 1.75rem;
        line-height: normal;
    }

    .allowus-box p {
        font-size: 1rem;
    }

    .allowus-part {
        padding: 1.875rem 0;
        margin: 1.875rem auto 1.875rem;
    }

    .compatibility-section .primery-btn {
        font-size: 1rem;
        padding: .875rem 1.5625rem;
    }

    .industrie-gradient-bg {
        height: 20.625rem;
        max-width: 18.75rem;
        margin: 0 auto 1.25rem;
    }

    .new-number-card form label div {
        font-size: .8125rem;
        font-weight: 500;
    }

    .new-number-card .card-btns {
        padding: .3125rem;
    }

    .checkuot-dropdown .number-list,
    .checkuot-dropdown .wishlist-list {
        padding: 0rem .9375rem;
        margin: 0rem;
        border-bottom: .0625rem solid #dddddd;
    }

    .checkuot-dropdown .checkout-number {
        flex-wrap: wrap;
        gap: 0;
        padding-bottom: .625rem;
    }

    .deleteNumber-btn {
        margin-left: auto;
    }

    .checkuot-dropdown .checkout-btns {
        flex-wrap: wrap;
        gap: .625rem;
        margin: 0 .625rem 1rem;
    }

    .new-homedec {
        left: -5%;
        scale: .7;
        top: unset;
        bottom: -55%;
    }

    .cartoon-img {
        max-width: 13.9375rem;
        margin: 2.5rem auto -3.125rem;
    }

    .slider-heading {
        font-size: 2rem;
        margin-bottom: .3125rem;
        line-height: 2.4375rem;
    }

    .slider-sub-heading {
        margin-bottom: 1.25rem;
        font-size: 1.125rem;
        line-height: 1.4375rem;
    }

    .services-offered {
        /* padding: 12.625rem 0 6.5625rem; */
        margin-bottom: -5rem;
    }

    .service-slider .slider1 .slide1 {
        padding: .625rem;
    }

    .service-slider .slider1 {
        width: 27.5rem;
    }

    .service-slider .slider1 .slide1.slick-center .child-element {
        max-height: 100%;
    }

    .service-slider .slider1 {
        height: fit-content;
    }

    .new-slider .slick-center .slider-card {
        width: 18.75rem;
        padding: 1.25rem .9375rem;
    }

    .buy-featured-new .featured-title {
        font-size: 1.5rem;
    }

    .buy-featured-new .buy-transitions,
    .buy-featured-new .buy-numbers {
        padding: 0 .9375rem;
        border: none;
    }

    .search-industry {
        margin-top: 3.75rem;
        justify-content: center;
        flex-wrap: wrap;
    }

    .search-industry div {
        margin-left: unset;
    }

    .industries {
        margin-top: 3.75rem;
        margin-bottom: 0;
    }

    .industrie-text {
        font-size: 1.625rem;
    }

    .offered-points-section .offered-card {
        width: 9.0625rem;
        height: 9.0625rem;
        padding-top: 1rem;
    }

    .offered-points-section .offered-points {
        column-gap: .625rem;
        padding: 0rem .625rem;
    }

    .offered-points-section .offered-img {
        width: 3.75rem;
        height: 3.75rem;
        margin-bottom: .3125rem;
    }

    .offered-points-section .offered-img img {
        max-width: 1.875rem;
        object-fit: cover;
    }

    .offered-points-section .offered-text {
        font-size: .8125rem;
        font-weight: 500;
        line-height: 1rem;
    }

    .offered-points-section .offered-points {
        margin: 3.125rem 0;
    }

    .login-forget-password {
        flex-wrap: wrap;
        margin-bottom: 1.25rem;
    }

    .login-forget-password a {
        margin-left: .625rem;
    }

    .login-forget-password .newsletter-select {
        margin-bottom: .625rem;
    }

    .signup-box .login-btns .btn {
        width: 7.8125rem;
    }

    .forget-password {
        margin-bottom: 3.125rem;
    }

    .my-profil-tabs {
        margin-top: 3.125rem;
    }

    .use-cases-section::after {
        width: 18.625rem;
        right: 0;
        top: -13%;
    }

    .checkout-box .row .row {
        margin: 0 .125rem;
    }

    .accept-terms {
        margin-left: .625rem;
    }

    .contact-us .feedback-title {
        font-size: 1.75rem;
        line-height: 2.375rem;
    }

    .contact-us .feedback-sub-title {
        font-size: 1rem;
        margin: 0 auto 1.25rem;
        line-height: 1.625rem;
    }

    .testimonials .testimonal-box {
        height: 18.5rem;
    }

    .testimonials {
        margin-top: 3.125rem;
    }

    .privacy-policy h4 {
        margin: 1.25rem 0 .625rem;
        font-size: 1.375rem;
        line-height: 2rem;
    }

    .testimonials .testimonal-box .testimonial-text {
        max-width: 16.0625rem;
        -webkit-line-clamp: 5;
    }

    .testimonials .testimonial-info {
        bottom: -8.4375rem;
    }

    .privacy-policy .policy-text {
        font-size: 1rem;
        line-height: 1.6875rem;
        margin-bottom: .625rem;
    }

    .blog-detail {
        margin-top: 3.75rem;
    }

    .blog-detail .next-prev-blog {
        flex-wrap: wrap;
        gap: 10px;
    }

    .knowledge-main .nav-pills {
        gap: .625rem;
        margin-bottom: 1.875rem;
    }

    .knowledge-main .nav-pills .nav-link {
        padding: .625rem .9375rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.125rem;
    }

    .knowledge-pagination .pagination-item.lignt,
    .knowledge-pagination .pagination-item.dark {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.75rem;
        width: 2.5rem;
        height: 2.5rem;
    }

    .knowledge-pagination .pagination-item.next,
    .knowledge-pagination .pagination-item.prev {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.75rem;
        padding: .3125rem 1rem;
        border-radius: 1.875rem;
        height: auto;
    }

    .why-us-network .home-dec-1 {
        width: 5rem !important;
    }

    .why-us-main .why-us-title {
        font-size: 1.75rem;
        line-height: 2.5rem;
    }

    .why-us-main .why-us-sub-title {
        margin-bottom: 1.25rem;
    }

    .about-shop-section {
        padding: 3.125rem 0 25rem;
    }

    .our-team .our-team-member {
        margin-bottom: 1.875rem;
    }

    .our-team .our-team-member .member-img {
        max-width: 11.875rem;
    }

    .our-company .our-title {
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 2.5rem;
    }

    .our-company .our-text {
        font-size: 1rem;
    }

    .about-shop-section .about-white-title {
        font-size: 1.75rem;
        line-height: 2.125rem;
    }

    .about-shop-section .about-text {
        font-size: 1rem;
        margin-bottom: 1.25rem;
        line-height: 1.5rem;
    }

    .about-shop-section .shop-local-btn {
        font-size: 1rem;
        line-height: 1.6875rem;
        padding: .625rem 1.25rem;
    }

    .secure-checkout {
        padding: 1.25rem .9375rem;
    }

    .head-title {
        font-size: 2.375rem;
        line-height: 3.25rem;
    }

    .border-start5 {
        border: none !important;
    }

    .border-start4 {
        border-left: .0625rem solid #e7e7e7 !important;
    }

    .footer {
        background-position: 37%;
        padding: 7.5rem 0 1.0625rem;
        margin-top: 0 !important;
    }

    #choose-plan .modal-dialog {
        margin: 8px;
    }

    #choose-plan .modal-body {
        padding: 1.25rem .625rem .625rem;
    }

    #choose-plan .plan-card {
        padding: .625rem .625rem .625rem;
        margin-bottom: .625rem;
    }

    #choose-plan .plan-month {
        font-size: 1.0625rem;
    }

    #choose-plan .plan-discount {
        height: 1.9375rem;
        font-size: .875rem;
        font-weight: 300;
        line-height: unset;
        padding: .375rem .625rem .3125rem .6875rem;
    }

    #choose-plan .radio:checked::before {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover !important;
    }

    #counter-offer .btn-close,
    #choose-plan .btn-close {
        right: .9375rem;
    }

    #choose-plan .radio {
        width: 1.25rem;
        height: 1.25rem;
    }

    #choose-plan .plan-price {
        font-size: 1.125rem;
    }

    #choose-plan .plan-price span {
        font-size: .75rem;
    }

    .footer .footer-imgs {
        flex-direction: column;
        gap: 1.5rem;
        padding-bottom: 0.75rem;
        margin-bottom: 2rem;
    }

    .main-search {
        flex-direction: column;
    }

    .main-search .state-select2-pere .select2-container {
        width: 100% !important;
        text-align: start;
    }

    .virtual-nav {
        padding: .3125rem .875rem 1.25rem;
        border-bottom-left-radius: 1.875rem;
        border-bottom-right-radius: 1.875rem;
    }

    .home-title {
        font-size: 2rem;
        line-height: unset;
        margin: 2.5rem auto .9375rem;
    }

    .main-search .form-control {
        padding-left: .625rem;
    }

    .hero-section .hero-text {
        margin-bottom: 6.25rem;
    }

    .custome-section .home-dec-1 {
        top: -8%;
        left: 1%;
        width: 3.3125rem;
    }

    .custome-section .home-dec-2 {
        top: 40%;
        width: 4.0625rem;
        right: 1%;
    }

    .why-choose-section {
        margin-top: -11.875rem;
    }

    .why-choose-section .why-choose-video {
        height: 14.0625rem;
    }

    .video-play-btn {
        width: 5rem;
    }

    .why-choose-section .wcs-position .round-5 {
        top: -21%;
        left: -35%;
    }

    .title {
        font-size: 2rem;
    }

    .why-buy-section .why-cs-position .why-buy-call {
        top: 17%;
        right: -1%;
        width: 5.625rem;
    }

    .use-cases-section .use-cases-slider .use-cases-img {
        width: 18.125rem;
        height: 18.125rem;
    }

    .use-cases-section .use-cases-slider .owl-prev,
    .use-cases-section .use-cases-slider .owl-next {
        display: none;
    }

    .use-cases-section .use-case-dec {
        bottom: 48%;
        left: 4%;
    }

    .use-cases-section .title {
        line-height: 1.875rem !important;
        font-size: 1.375rem !important;
    }

    .card-btn-white,
    .card-btn-trans {
        font-size: .8125rem;
    }

    .why-need-3,
    .why-need-2 {
        border: inherit !important;
        padding: inherit !important;
    }

    .why-need-section .why-need-3::before {
        left: 12%;
        display: block;
    }

    .why-need-section .why-need-3::after {
        left: 8%;
        display: block;
    }

    .why-need-section .why-need-4 .title {
        font-size: 1.125rem !important;
    }

    .why-need-section .why-need-1 .why-need-img1 {
        top: -8%;
        z-index: 1;
    }

    .why-need-section .why-need-4 {
        width: 14.375rem;
        height: 14.375rem;
    }

    .why-need-section .why-need-2,
    .why-need-section .why-need-1,
    .why-need-section .why-need-3 {
        padding: .625rem;
    }

    .why-need-section .why-need-4 .logo-img {
        max-width: 7.3125rem;
    }

    .why-need-section .why-need-4 .title {
        font-size: .9375rem !important;
        line-height: 1.125rem;
    }

    .why-need-section .why-need-4 .sub-title {
        font-size: .6875rem;
        line-height: .875rem;
        max-width: 13.25rem;
    }

    .why-need-section .search-btn img {
        margin-right: .3125rem;
        width: .9375rem;
    }

    .why-need-section .search-btn {
        font-size: .75rem;
        height: 2.1875rem;
        padding: 0 .5rem;
    }

    .why-need-section .why-need-3::after {
        left: 6.5%;
    }

    .why-need-section .why-need-3::before {
        left: 10.5%;
    }

    .need-img1 img,
    .need-img img {
        width: 1.375rem;
        height: 1.375rem;
    }

    .why-need-section .why-need-1 .need-img1,
    .why-need-section .why-need-3 .need-img {
        width: 3.125rem;
        height: 3.125rem;
    }

    .why-need-section .why-need-3 .why-need-img7 {
        bottom: -20%;
    }

    .why-need-section .why-need-3 .why-need-img5 {
        left: -10.1%;
        bottom: 11%;
    }

    .why-need-section .why-need-1 .why-need-img3 {
        top: 22%;
        left: -4%;
        z-index: 1;
    }

    .why-need-section .why-need-3 .why-need-img2 {
        right: -12%;
    }

    .why-need-section .why-need-1 .need-text::before {
        right: unset !important;
        bottom: 0 !important;
        left: -10% !important;
        margin: auto !important;
        top: 0 !important;
    }

    .why-need-section .why-need-1 .need-text {
        left: 1.875rem !important;
        font-size: .875rem;
        font-weight: 500;
        top: unset !important;
        max-width: 18.75rem !important;
        width: 18.75rem !important;
        right: unset !important;
        bottom: -5rem;
    }

    .why-need-section .why-need-1 .need-text-2 {
        bottom: -6.875rem !important;
    }

    .why-need-section .why-need-1 .need-text-3 {
        bottom: -8.75rem !important;
    }

    .why-need-section .why-need-1 .need-text-4 {
        bottom: -10.625rem !important;
    }

    .why-need-section .why-need-1 .need-text-5 {
        bottom: -12.5rem !important;
    }

    .why-need-section .why-need-1 .need-text-6 {
        bottom: -14.375rem !important;
    }

    .why-need-section {
        padding: 0rem 0 15.625rem;
        margin-top: -5rem;
    }

    .metrioit-icon {
        scale: .5;
    }

    .reviews-section .owl-next,
    .reviews-section .owl-prev,
    .reviews-section .reviews-slider .review-text::after,
    .reviews-section .reviews-slider .review-text::before,
    .reviews-section .round-9 {
        display: none;
    }

    .reviews-section .reviews-slider .revies-slide-ring {
        width: 18.5rem;
        height: 18.5rem;
    }

    .reviews-section .reviews-slider .review-user {
        position: absolute;
        top: 0;
        right: .3125rem;
    }

    .reviews-section .reviews-slider .review-text {
        font-size: .75rem;
        margin-bottom: .4375rem;
        font-weight: 300;
        line-height: 1.125rem;
        max-width: 12.6875rem;
        min-height: fit-content;
    }

    .reviews-section .reviews-slider .review-user {
        width: 4.375rem;
        height: 4.375rem;
        padding: .1875rem;
    }

    .reviews-section .title {
        font-size: 1.875rem !important;
        margin-top: 0rem;
        margin-bottom: 0.75rem;
        line-height: unset;
    }

    .reviews-section .reviews-img img {
        inset: .3125rem;
        width: calc(100% - .625rem);
        height: calc(100% - .625rem);
        border-radius: .9375rem;
    }

    .why-waiting-section .waiting-arrow {
        left: 50%;
        right: 50%;
        max-height: 4.5rem;
        top: -5.3125rem;
    }

    .reviews-section .reviews-img {
        height: 15rem;
    }

    .why-waiting-section .waiting-main {
        position: relative;
        margin-top: -21.875rem;
    }

    .footer .gooter-links {
        align-items: flex-start;
    }

    /* .footer .footer-terms p {
      font-size: .875rem;
  } */
    /* .footer .footer-title {
      font-size: .9375rem;
      margin-bottom: .625rem;
  } */
    /* .footer .footer-link {
      font-size: .875rem;
      line-height: 1.75rem;
  } */
    .search-result-hero {
        margin-bottom: -3.25rem !important;
    }

    .search-result-hero {
        padding-bottom: 9.125rem;
    }

    .result-waiting-content .title::after {
        right: 11.625rem;
        top: -9.625rem;
        width: 40%;
    }

    .result-waiting-content .light-btn,
    .result-waiting-content .light-blue-btn {
        padding: 0.625rem 0.875rem !important;
        font-size: 1rem;
        line-height: 1.5625rem;
    }

    /* .navbar-brand img {
      max-width: 8.125rem;
  } */
    .number-faq .accordion-body,
    .number-faq .accordion-button {
        font-size: .875rem;
        line-height: 1.375rem;
    }

    .number-faq .faq-title {
        font-size: 1.75rem;
        line-height: 2.375rem;
        margin-bottom: 1.875rem !important;
    }

    .wishlist-delete .modal-body {
        padding: 2.5rem .625rem 3.125rem;
    }

    .wishlist-delete p {
        font-size: 1.4375rem;
        margin: 1.25rem auto 1.25rem;
    }

    .savedlater-card .movecard-btn {
        margin: 0 .625rem;
        width: calc(100% - 1.25rem);
    }

    .login2 .login-box::after {
        top: -1.8125rem;
        right: 2.875rem;
        width: 3.3125rem;
        height: 3.3125rem;
    }

    .login2 .login-box::before {
        top: 1.4375rem;
        right: 1.1875rem;
        width: 1.8125rem;
        height: 1.8125rem;
    }

    .notfound-text h1 {
        font-size: 1.375rem;
        line-height: normal;
    }

    .attention-flex {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.25rem;
    }

    .new-checkoutbtn {
        font-size: .875rem;
    }

    .attention-card-design {
        margin-bottom: 1.875rem;
    }

    .checkout-billing-heading {
        font-size: 1.625rem;
        margin-bottom: .9375rem !important;
        padding-bottom: .9375rem;
    }

    .notfound-img {
        max-width: 17.5rem;
    }

    .allowus-box {
        padding: 2.5rem .8125rem 1.25rem;
    }

    .allowus-box h3 {
        font-size: 1.75rem;
        line-height: normal;
    }

    .allowus-box p {
        font-size: 1rem;
    }

    .allowus-part {
        padding: 1.875rem 0;
        margin: 1.875rem auto 1.875rem;
    }

    .text-18,
    .number-billing-para p {
        font-size: 1rem;
    }

    .billing-design {
        padding: 1.875rem 1.25rem;
        margin-bottom: 1.875rem;
    }

    .plan-cards .plan-card {
        width: 100%;
    }

    .choosplan-bg1 {
        height: 6.0625rem;
    }

    .access-footer p {
        font-size: 1.75rem;
        line-height: normal;
    }

    .access-footer-text {
        font-size: 1rem;
    }

    .access-footer-text img {
        width: 1.5rem;
        height: 1.5rem;
    }

    .choosplan-section .plan-title img {
        width: 2.5rem;
    }

    .choosplan-section .continue-btn,
    .choosplan-section .plan-subtext {
        margin-bottom: 1.875rem;
    }

    .choosplan-section .plan-title {
        gap: .9375rem;
        font-size: 1.75rem;
        line-height: normal;
    }

    .access-title {
        font-size: 1.375rem;
        line-height: normal;
    }

    .howitwork-section .d-flex {
        flex-wrap: wrap;
        padding: 0 .75rem;
    }

    .choose-border {
        background: unset;
        padding: 0;
    }

    .howitwork-section {
        margin-bottom: 3.75rem;
    }

    .choose-round {
        width: 18.625rem;
        height: 18.625rem;
    }

    .choose-text3,
    .choose-text2 {
        margin-right: auto;
    }

    .receipt-contect {
        flex-direction: column;
        justify-content: flex-start;
    }

    .receipt-header {
        padding: 1.25rem 1.25rem 9.8125rem;
        margin-bottom: 0;
    }

    .receipt-body .box-one {
        padding: .9375rem .625rem .625rem .625rem;
    }

    .number-price {
        flex-direction: column;
    }

    .box-two {
        margin: 0 .3125rem 1.25rem;
    }

    .box-two-bg {
        flex-direction: column;
    }

    .receipt-account {
        padding: 0 .625rem;
    }

    .receipt-footer {
        padding: 2.5rem .9375rem 1.25rem;
        margin-top: 1.25rem;
        background: url(../images/image/order-footer.png) no-repeat 20% top;
    }

    .order-receipt {
        margin-bottom: 1.875rem;
    }

    .new-shopingcard .number-month h4,
    .new-shopingcard .number-month h5,
    .new-shopingcard .type-price span {
        font-size: 1.25rem;
    }

    .new-shopingcard .type-price,
    .new-shopingcard .number-month {
        gap: .625rem;
    }

    .new-shopingcard .cart-alert-text {
        gap: 0;
    }

    .not-eligible-alert {
        padding: .5625rem .625rem;
        margin: 0 .625rem .625rem;
        font-size: .9375rem;
    }

    .new-pricetotal {
        margin-bottom: .625rem;
        padding: .625rem .625rem;
    }

    .new-cardfooter .simpel-btn {
        font-size: 1rem;
        padding: 0 .625rem 0 .625rem;
        margin-right: 0rem;
    }

    .new-shopingcard {
        padding: .9375rem 0 .9375rem;
        margin-bottom: 1.25rem;
    }

    .ordersuccess-modal .modal-content {
        padding: .625rem;
        margin: 0rem;
    }

    .ordersuccess-modal .modal-body {
        padding: 1.875rem .625rem 1.875rem;
    }

    .ordersuccess-modal img {
        height: 8.5rem;
        width: 8.5rem;
        margin-bottom: .75rem;
    }

    .ordersuccess-modal .ordersuccess-title {
        font-size: 1.5rem;
        margin-bottom: .625rem;
        line-height: normal;
    }

    .ordersuccess-modal .ordersuccess-text {
        font-size: 1rem;
        line-height: normal;
        margin: 0 auto 1.25rem;
    }

    .ordersuccess-modal .btn-secondary {
        font-size: 1.125rem;
        padding: .625rem 4rem .625rem;
    }

    /* wishlist CSS */
    .wishlist-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 1.25rem;
        margin: 3.125rem auto 1.875rem;
    }

    .wishlist-header h2 {
        font-size: 1.375rem;
        font-weight: 600;
        line-height: 2.0625rem;
        color: #222328;
        margin-bottom: 0;
    }

    .wishlist-danger-btn {
        padding: .8125rem 1.875rem;
        border-radius: 2.5rem;
        border: .0625rem solid #F24C35;
        color: #F24C35;
        background: #F24C350D;
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.6875rem;
    }

    .wishlist-danger-btn:hover,
    .wishlist-danger-btn:focus,
    .wishlist-danger-btn:active {
        border: .0625rem solid #F24C35 !important;
        color: #fff !important;
        background: #F24C35 !important;
    }

    .wishlist-btns {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 1.25rem;
    }

    .wishlist-btn {
        padding: .8125rem 1.875rem;
        border-radius: 2.5rem;
        border: .0625rem solid #4260CB;
        color: #4260CB;
        background: #fff;
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.6875rem;
    }

    .wishlist-btn svg {
        margin-right: .625rem;
        margin-top: -0.1875rem;
    }

    .wishlist-btn:hover,
    .wishlist-btn:active,
    .wishlist-btn:focus {
        border: .0625rem solid #4260CB;
        color: #fff;
        background: #4260CB;
    }

    .wishlist-btn:hover svg path,
    .wishlist-btn:active svg path,
    .wishlist-btn:focus svg path {
        stroke: #fff;
    }

    .wishlist-create .modal-content,
    .wishlist-delete .modal-content {
        background: linear-gradient(90deg, #EDF2FF 0%, #EFF9FF 100%);
        padding: .9375rem;
        border-radius: 1.25rem;
    }

    .wishlist-delete .modal-body {
        background: #FFFFFF;
        text-align: center;
        padding: 2.5rem 1.25rem 3.125rem;
        border-radius: .9375rem;
    }

    .wishlist-delete p {
        font-size: 1.875rem;
        font-weight: 500;
        line-height: 2.8125rem;
        text-align: center;
        max-width: 26.625rem;
        margin: 1.25rem auto 1.875rem;
    }

    .wishlist-delete .btn-fill {
        color: #FFFFFF;
        background: #4260CB;
    }

    .wishlist-delete .btn-fill:hover,
    .wishlist-delete .btn-fill:focus,
    .wishlist-delete .btn-fill:active {
        color: #4260CB;
        border: .0625rem solid #4260CB;
        background: #FFFFFF;
    }

    .wishlist-delete .btn {
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.75rem;
        padding: .8125rem 1.25rem;
        min-width: 11.25rem;
        border: .0625rem solid #4260CB;
        border-radius: 1.875rem;
    }

    .wishlist-delete .btn-outline {
        color: #4260CB;
        background: #FFFFFF;
    }

    .wishlist-delete .btn-outline:hover,
    .wishlist-delete .btn-outline:focus,
    .wishlist-delete .btn-outline:active {
        color: #FFFFFF;
        border: .0625rem solid #4260CB;
        background: #4260CB;
    }

    .wishlist-create .modal-body {
        padding: 1.25rem 0rem .9375rem;
        background: #FFFFFF;
        border-radius: .9375rem;
    }

    .wishlist-create .modal-header {
        padding: 0 1.25rem .9375rem;
        border-bottom: .0625rem solid #E7E7E7;
        margin-bottom: 1.25rem;
    }

    .wishlist-create .modal-header .btn-close {
        padding: 0;
        width: 1.125rem;
        height: 1.125rem;
    }

    .wishlist-create .modal-title {
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 2.625rem;
        color: #222328;
        margin: 0;
    }

    .wishlist-create input {
        margin: 0 1.25rem 1.25rem;
        width: calc(100% - 2.5rem);
    }

    .wishlist-create .new-card-btn {
        margin-bottom: 1.875rem;
    }

    .wishlist-create h5 {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5rem;
        color: #8C94B0;
        padding-bottom: .9375rem;
        margin: 0 1.25rem .9375rem;
        border-bottom: .0625rem solid #E7E7E7;
    }

    .wishlist-items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 0 1.25rem .9375rem;
        gap: .625rem;
    }

    .wishlist-items p {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5rem;
        margin-bottom: 0;
        color: #222328;
    }

    .wishlist-items .cart-trash {
        background: #F7F7F7;
        width: 3.125rem;
        height: 3.125rem;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .wishlist-items .cart-trash:hover img {
        animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97);
    }

    .wishlist-cards .savedlater-card {
        margin-bottom: 1.875rem;
    }

    .savedlater-card:hover {
        box-shadow: 0rem .25rem 3.375rem 0rem #0000001f;
    }

    .checkout-4-msg.two {
        max-width: 31.25rem;
        margin: 1.375rem auto;
    }

    .shopcart-modal .modal-body {
        padding: 0 .625rem .625rem;
    }

    .shopcart-modal .modal-content {
        border: .3125rem solid #EDF2FFE5;
    }

    .checkout-card .card-body {
        padding: 1.25rem;
    }

    .payment-type {
        flex-direction: column;
    }

    .paymenttype-tab .nav-item .nav-link {
        min-width: 13.125rem;
        width: auto;
    }

    .payment-type .tab-content {
        padding: 1.25rem 1.25rem .9375rem;
    }

    .paymenttype-tab {
        padding: 1.25rem 1.25rem 1.25rem 0;
    }

    .shopcart-modal .modal-header {
        padding: 1.25rem .75rem 1.25rem;
        align-items: center;
    }

    .shopcart-step-tab .nav-item {
        min-width: 9.375rem;
        margin-left: -0.9375rem;
    }

    .shopcart-step-tab .nav-link span {
        font-size: .75rem;
    }

    .shopcart-step-tab {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .options-cards .title {
        font-size: 1rem !important;
    }

    .portout-detail {
        flex-direction: column;
        align-items: start;
    }

    .portout-tips {
        padding: 1.25rem .625rem 1.25rem;
    }

    .tips-card {
        gap: .3125rem;
    }

    .updatepin-number {
        flex-direction: column;
        text-align: center;
    }

    .updatepin-border {
        width: unset;
        border-right: 0rem solid rgba(231, 231, 231, 1);
    }

    .transfer-permission,
    .numbers-ordersubmit {
        padding: 1.25rem .625rem 1.25rem;
    }

    .detail-table {
        justify-content: left;
        gap: 1.25rem;
    }

    .favorite-btn img,
    .icon-btn .icon img {
        max-width: 1.25rem;
        max-height: 1.25rem;
    }

    .favorite-btn,
    .icon-btn .icon {
        width: 2.8125rem !important;
        height: 2.8125rem;
        min-height: 2.8125rem;
        min-width: 2.8125rem !important;
    }

    .login-info {
        padding: .9375rem;
    }

    .numbers-myprofile .title {
        font-size: 1.375rem !important;
    }

    .about-featured-section .featured-imgs img {
        max-height: 2rem;
        max-width: 10rem;
    }

    .about-featured-section .featured-imgs {
        column-gap: 1rem;
        row-gap: 2rem;
    }

    .new-number-card .card-header h1 {
        font-size: 1.375rem;
        line-height: 1.75rem;
    }

    .new-number-card .card-header h2 {
        font-size: 1.375rem;
    }

    .wishlist-btns .btn {
        width: 100%;
    }

    .local-dropdown .dropdown-item a {
        max-width: 14.6875rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

    .nav-dropdown .dropdown-item h3 {
        text-wrap: balance;
    }

    .search-nav {
        margin-bottom: 1rem;
    }

    .home-hero-section .searchnav-links {
        gap: 0.375rem;
        justify-content: end;
        padding-right: 12px;
    }

    .home-hero-section .searchnav-links a .nav-icon-bg {
        min-width: 24px !important;
        width: 100% !important;
        height: 24px !important;
    }

    .home-hero-section .navbar-brand {
        height: 32px;
    }

    .home-hero-section .searchnav-links a .nav-icon-bg img {
        height: 12px;
    }

    .searchnav-links a {
        margin-left: 0.2rem;
    }

    /* .searchnav-links .nav-icon-bg {
        width: 25px !important;
        height: 25px !important;
    } */
    .searchnav-items {
        gap: 0.625rem;
        width: calc(50vw + 60px);
    }

    .searchnav-items .navbar-brand {
        margin-left: unset;
    }

    .searchnav-items .navbar-brand img {
        max-width: 10.4rem;
    }

    .main-search .state-search-pere {
        flex-direction: column;
        height: unset !important;
        background-color: transparent;
        gap: 0.625rem;
    }

    .state-search-pere .code-dropdown b,
    .choos-states .input-dropdown b {
        left: unset;
        right: 8px;
    }

    .instant-search .code-dropdown b,
    .instant-search .input-dropdown b {
        left: unset;
        right: 1.875rem;
    }

    .state-search-pere {
        padding: 0 !important;
    }

    .state-search-pere .search-border {
        border-radius: 1.875rem;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 3.75rem;
        background: #f7f7f7;
        padding: 1rem 0 1.0625rem 1.25rem;
    }

    .main-search .search-border::before {
        content: unset;
    }

    .main-search:not(.instant-search) #code_nos,
    .main-search:not(.instant-search) #code_no {
        display: flex;
        border-radius: 1.875rem;
        align-items: center;
        justify-content: center;
        height: 3.75rem;
        background: #f7f7f7;
        padding: 1rem 1.25rem 1.0625rem;
    }

    #code_nos,
    .code-dropdown,
    #code_no,
    .input-dropdown,
    .code-dropdown .form-control {
        width: 100% !important;
    }

    .main-search {
        border-radius: 20px;
    }

    .main-search:not(.instant-search) #code_no {
        max-width: unset;
        width: 100%;
    }

    .contectagent-callprice {
        flex-wrap: wrap;
    }

    .contectagent-callprice h5 {
        padding-left: 0;
        margin-left: 0;
        border-left: none;
    }

    .new-offermodal .offer-form {
        padding: 0;
    }

    .paymentplan-modal .contectagent-callprice h3 {
        font-size: 1.5rem;
    }

    .paymentplan-modal .contectagent-callprice img {
        max-width: 3.0625rem;
    }

    .decorder-text {
        margin: 4.25rem auto 0.625rem;
    }

    .decorder-bg {
        top: 38.5%;
        bottom: 11%;
    }

    .decorder-heading {
        font-size: 1.75rem;
        line-height: normal;
    }

    .decorder-dial {
        padding: 0 1rem 1.5rem;
    }

    .decorderdial-input span {
        font-size: 1rem;
    }

    .decorderdial-btns {
        gap: 1rem;
    }

    .decorderdial-btns .btn {
        flex-direction: column;
        width: calc(33% - 0.61rem);
        gap: 0;
        font-size: 1.6rem;
        line-height: 22px;
    }

    .decorderdial-btns span {
        font-size: 1rem;
    }

    .decorder-digits .decorder-bg {
        top: 40%;
        bottom: -13%;
    }

    .decorderdigits-heading {
        font-size: 1.5rem;
        line-height: normal;
    }

    .decorder-input img {
        max-width: 5rem;
    }

    .decorder-input input {
        font-size: 1.2rem;
    }

    .decorderv1-title {
        line-height: normal;
        font-size: 1.75rem;
        margin-bottom: 1.25rem;
    }

    .decorderv1-paragraph {
        padding-left: 2rem;
    }

    .decorderv1-paragraph::after {
        width: 1.45rem;
        height: 1.45rem;
        border: 0.3rem solid #fff;
    }

    .decorderv1-cartoon2 p {
        max-width: 11.5rem;
        font-size: .9rem;
    }

    .decorderv1-cartoon2 {
        margin: 0rem 0 -0.3rem;
    }

    .decoderv1-onearrow6 {
        top: 72%;
        left: -11%;
    }

    .decoderv1-onearrow7 {
        right: 21%;
        bottom: -1%;
        scale: .8;
    }

    .decorderv1-smallround1 {
        width: 6.75rem;
        height: 6.75rem;
        bottom: -5%;
    }

    .decorderv1-smallround2 {
        width: 14.125rem;
        height: 14.125rem;
    }

    .decorder-searchbar {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.625rem !important;
    }

    .input-desh {
        width: calc(50% - 5px);
    }

    .input-desh {
        margin-right: 0;
    }

    .input-desh::after {
        display: none;
    }

    .decorder-header .main-search .form-control {
        width: 100%;
    }

    .decorder-header .instant-search .search-btn {
        margin: 0;
        width: 100%;
        gap: 8px;
    }

    .decorder-subheader {
        flex-direction: column;
        margin-bottom: 10.25rem;
    }

    .decorderv1-cartoon1 {
        left: unset;
        right: 0%;
        top: 91%;
    }

    .left-board {
        margin-bottom: -2rem;
    }

    .right-board {
        position: absolute;
        top: 1rem;
        right: 0;
        z-index: -1;
    }

    .decorder-subheader h3 {
        max-width: 27rem;
    }

    .decorder-subheader p {
        max-width: 21.375rem;
    }

    .decorder-header.search-result-hero {
        margin-bottom: 4.125rem !important;
    }

    .decorderv1-earth {
        top: -40%;
        right: 28%;
    }

    .card-arrow {
        display: none;
    }

    .decorderv1-bottomimg {
        margin-top: 0;
    }

    .decorder-input {
        border-radius: 0.8rem;
    }

    .select-multycode.paymentplan-modal.shopcart-modal .modal-header {
        padding: 1rem 1rem 0.9375rem !important;
        margin-bottom: 1rem;
    }

    .select-multycode .round-searchinput {
        margin-bottom: 1rem;
    }

    .copy-btn img {
        width: 1.6rem;
    }

    .new-select-multycode.shopcart-modal .modal-body {
        padding: 0 0.6rem 1.875rem;
    }

    .new-select-multycode .multicode-codes {
        gap: 0.6375rem;
    }

    .new-select-multycode label.active::after {
        right: 0.34em;
    }

    .new-select-multycode .multicode-codes label {
        width: calc(33.33% - 0.438rem);
    }

    .new-select-multystate.shopcart-modal .modal-body {
        padding: 0 0.6rem 1.875rem;
    }

    .use-cases-section {
        background-position: 52%;
    }
}

@media (max-width: 992px) {
    .new-model-body {
        padding-bottom: 0;
    }

    .new-modal-map {
        margin-top: -0.625rem;
    }
}


@media (min-width: 1199.99px) {
    .why-us-main .col-xl-3:nth-child(4n) {
        border-right: none !important;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 4) {
        border-bottom: none !important;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 4) .why-sub-text {
        margin-bottom: 0;
    }

    .why-us-main .col-xl-3:nth-child(-n + 4) .why-us-icon {
        margin-top: 0;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .why-us-main .col-xl-3:nth-child(-n + 3) .why-us-icon {
        margin-top: 0;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 2) .why-sub-text {
        margin-bottom: 0;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 2) {
        border-bottom: none !important;
    }

    .why-us-main .col-xl-3:nth-child(3n) {
        border-right: none !important;
    }
}

@media (min-width: 992px) {
    .states .tab-content .row .col-6:nth-child(6n-5) {
        border: none !important;
    }
}

@media (max-width: 991px) and (min-width: 767.99px) {
    .states .tab-content .row .col-6:nth-child(4n -3) {
        border: none !important;
    }

    .why-us-main .col-xl-3:nth-child(-n + 2) .why-us-icon {
        margin-top: 0;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 2) .why-sub-text {
        margin-bottom: 0;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 2) {
        border-bottom: none !important;
    }

    .why-us-main .col-xl-3:nth-child(2n) {
        border-right: none !important;
    }
}

@media (max-width: 991px) and (min-width: 575.99px) {
    .why-us-main .col-xl-3:nth-child(-n + 2) .why-us-icon {
        margin-top: 0;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 2) .why-sub-text {
        margin-bottom: 0;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 2) {
        border-bottom: none !important;
    }

    .why-us-main .col-xl-3:nth-child(2n) {
        border-right: none !important;
    }
}

@media (max-width: 767px) and (min-width: 575.99px) {
    .states .tab-content .row .col-6:nth-child(3n -2) {
        border: none !important;
    }
}

@media (max-width: 575.99px) {
    .states .tab-content .row .col-6:nth-child(2n -1) {
        border: none !important;
    }

    .why-us-main .col-xl-3:nth-last-child(-n + 1) {
        border-bottom: none !important;
    }

    .why-us-main .col-xl-3 {
        border-right: none !important;
    }

    .new-notfound-text {
        margin: 0.25rem auto;
        margin-top: -6.875rem;
    }

    .states .state-title {
        font-size: 1.125rem !important;
    }

    .contactus-section {
        margin: 4rem 0 -80px 0;
        width: 100%;
    }

    .contactus-section input {
        margin: 0;
        padding: 0.875rem 0;
        margin-bottom: 1.5rem;
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 439px) {
    .number-faq .faq-round-1 {
        display: none;
    }
}

@media (max-width: 432px) {
    .service-slider .slider1 .slide1 {
        padding: 0 4.1875rem;
    }

    .new-homedec {
        bottom: -48%;
    }

    .search-sidefooter a {
        font-size: 0.8rem;
    }

    .result-waiting-content .title::after {
        right: 11.625rem;
        top: -9.625rem;
        width: 138.3px;
        height: 128.3px;
    }
}

@media (max-width: 360px) {
    .searchnav-items {
        width: unset;
    }

    .searchnav-items .navbar-brand img {
        max-width: 9.875rem;
    }
}

@media (min-width: 992px) {
    .mobile-checkout-dropdown {
        display: none;
    }
}

/* @media (max-width: 1200px) {
    html {
        font-size: 14px !important;
    }
}

@media (max-width: 1700px) {
    html {
        font-size: 14.5px !important;
    }
} */


/* Header CSS */

@media (min-width: 1500px) {
    .top-nav {
        margin-right: -4.375rem;
    }
}