@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    background: linear-gradient(180deg, #000013 0%, #03022D 100%);
    font-family: 'Poppins', sans-serif;
}

.bg-dark {
    background: #000017 !important;
    min-height: 100px;
}

.navbar-expand-md .navbar-nav {
    gap: 40px;
}

header li.nav-item {
    padding: 0px 15px;
    line-height: 36px;
}

.button {
    background-color: transparent;
    border: 1px solid #FD6120;
    border-radius: 24px;
}

header li.nav-item a {
    color: #D8D8D8;
}

a.button.mt-5.clr.text-white.px-4.py-2.text-decoration-none.d-inline-block {
    z-index: 1;
    position: relative;
}

.clr {
    background-color: #FD6120 !important;
}

.opacity-10 {
    opacity: 0.1;
}

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

.banner-content {
    color: #fff;
}

    .banner-content h1 {
        font-size: 3.5rem;
        font-weight: 800;
    }

.txt-clr {
    color: #FD6120;
}

p.banner_description.my-5 {
    font-size: 17px;
    font-weight: 400;
    text-align:left !important;
}

p.banner_description{
    font-size: 18px;
    font-weight: 400;
    text-align: left !important;
}


a.nav-link.active {
    color: #fd6120 !important;
}

/*Services*/
.p-72 {
    padding: 73px 0px;
}

.heading h2 {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 60px;
    color: #F5F5F5;
    text-align: center;
    font-family: Poppins;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.heading h1 {
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 60px;
    color: #F5F5F5;
    text-align: center;
    font-family: Poppins;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.service_disc {
    color: #E3E3E3;
    text-align: center;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 32px;
}

.privacy_pages {
    color: #fff;
}
/*Benifit card*/
span.percentage {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 64px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

p.description {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 1rem;
}

p.disc_second {
    color: rgba(255, 255, 255, 0.80);
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.product_highlight .heading h2.text-left, .product_highlight p.disc_second {
    text-align: left;
    max-width: 100%;
    margin-bottom: 24px;
}

.custom_badge {
    display: inline-block;
    padding: 6px 20px;
    background: #FD612080;
    border-radius: 30px;
    color: #fff;
    margin-bottom: 15px;
}

.product_highlight li {
    color: #FFF;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 15px;
}

.inner_box {
    margin: 0 auto;
    text-align: center;
    border-radius: 8px;
    background: linear-gradient(90deg, #03022C 0%, #3F3D56 51.87%, #03022C 100%);
    position: relative;
}

    .inner_box:before {
        content: "";
        background-image: url('../images/sleepoarora logo images 2.webp');
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50px;
        /* right: 50px; */
        background-repeat: no-repeat;
        /* background-size: contain; */
        background-position: left;
        top: 0;
    }

    .inner_box p {
        max-width: 800px;
        margin: 0 auto;
        color: rgba(255, 255, 255, 0.80);
        text-align: center;
        font-family: Poppins;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .inner_box:after {
        content: "";
        background-image: url('../images/sleepoarora logo images 2.webp');
        width: 100%;
        height: 100%;
        position: absolute;
        right: 50px;
        background-repeat: no-repeat;
        background-position: center right;
        top: 0;
    }

/*How it works*/
.works_structure_steps .row {
    position: relative;
}


img.img-fluid.position-absolute.img-bottom {
    bottom: -61px;
    left: 0px;
    z-index: 1;
}

img.img-fluid.position-absolute.img-left {
    left: 0;
    right: 0;
    margin: 0 auto;
    height: auto;
    z-index: 0;
    top: 0;
}

.row.mb-5.step-2 img.img-fluid.position-absolute.img-left {
    left: -5px;
    right: auto;
}

img.img-fluid.position-absolute.img-left {
    left: -80px;
    right: 0px;
    margin: 0px auto;
    height: auto;
    z-index: 0;
    top: 0px;
    max-height: 85%;
    top: 20px !important;
}

.row.mb-5.step-2.align-items-center img.img-fluid {
    float: right;
}

.passenger_section {
    display: none;
}

p.sec_text {
    color: #68727D;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins';
    text-align: center;
    margin-top: 20px;
}

.sec_heading {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0.8px;
}


/* #testimonial-slider{
    padding: 50px 20px 35px 20px;
    background: #fff;
    text-align: center;
    box-shadow: 0 0 115px 19px rgba(236, 236, 236, 1);
} */
.testimonial .description {
    font-size: 14px;
    color: #777;
    line-height: 26px;
    text-indent: 30px;
    position: relative;
    margin-bottom: 10px;
}

    .testimonial .description:before {
        content: "";
        background: url('../images/quote1.png') no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        width: 16px;
        height: 24px;
    }

    .testimonial .description:after {
        content: "";
        background: url('../images/quote2.png') no-repeat;
        position: absolute;
        /* bottom: 0; */
        right: 4%;
        width: 16px;
        height: 24px;
        left: auto;
    }

.testimonial .title {
    font-size: 24px;
    font-weight: bold;
    color: #363636;
    text-transform: capitalize;
    margin: 0;
}

.testimonial .post {
    display: block;
    font-size: 15px;
    color: #363636;
}

.owl-buttons {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 40%;
    left: 0;
}

.owl-prev,
.owl-next {
    position: absolute;
    left: 0;
    transition: all 0.4s ease-in-out 0s;
}

.owl-next {
    left: auto;
    right: 0;
}

.owl-buttons .owl-prev:before,
.owl-buttons .owl-next:before {
    content: "";
    opacity: 0.8;
    width: 45px;
    height: 45px;
}

.owl-buttons .owl-next:before {
    content: "";
    background: url('../images/Btn-right.png');
}

.owl-buttons .owl-prev:hover:before,
.owl-buttons .owl-next:hover:before {
    opacity: 1;
}

.owl-theme .owl-controls {
    margin-top: 40px;
}

    .owl-theme .owl-controls .owl-page span {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 4px solid #ccc;
        background: url("../images/Ellipse 1.png") no-repeat;
        background-size: cover;
        transition: all 0.3s ease-in-out 0s;
    }

    .owl-theme .owl-controls .owl-page:nth-child(2) span {
        background: url("../images/Ellipse 1-1.png") no-repeat;
        background-size: cover;
    }

    .owl-theme .owl-controls .owl-page:nth-child(3) span {
        background: url("../images/Ellipse 1-2.png") no-repeat;
        background-size: cover;
    }

    .owl-theme .owl-controls .owl-page:nth-child(4) span {
        background: url("../images/Ellipse 1-3.png") no-repeat;
        background-size: cover;
    }

    .owl-theme .owl-controls .owl-page:nth-child(5) span {
        background: url("../images/Ellipse 1-4.png") no-repeat;
        background-size: cover;
    }

    .owl-theme .owl-controls.clickable .owl-page:hover span {
        opacity: 0.5;
    }

    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls .owl-page.active:hover span {
        border-color: #d133ff;
        opacity: 1;
    }

.owl-pagination {
    display: flex;
    justify-content: space-around;
}

.footer_title {
    color: #FFF;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
}

footer a {
    margin-bottom: 20px;
    display: inline-block;
}

footer p, footer li, footer a {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-decoration: none;
    display: block;
}

    footer a p {
        display: inline-block;
        width: calc(100% - 40px);
        vertical-align: top;
        margin-bottom: 0;
    }

    footer a svg {
        width: 20px;
        margin-right: 15px;
    }

footer .btm_icon a svg {
    width: 100%;
}

footer {
    padding-top: 100px;
    background: url(../images/medium-shot-woman-sleeping-couch\ 1.png), #03022a 0px 0px / 100% 206.113% no-repeat;
}

.testimonial {
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.description {
    font-size: 16px;
}

.title {
    font-size: 18px;
    margin-top: 10px;
}

.rating {
    font-size: 24px;
    margin-top: 10px;
}

.star {
    color: gold;
}

.owl-controls.clickable {
    display: none !important;
}

span.name {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: var(--gray-gray-500, #A0AEC0);
    text-align: center;
}
/*product_Details*/
.product_info nav {
    background: #3F3D56;
    padding: 7px;
    border-radius: 8px;
}

    .product_info nav a {
        color: #DBDBDB;
        text-decoration: none;
        padding: 10px;
    }

li.breadcrumb-item.active {
    color: #fd6120;
}

.product_info .h2 {
    color: #FFF;
}

    .product_info .h2 small {
        font-size: 12px;
        color: #F7F7F7;
    }

.like, .share, .ratings, .review {
    background: wheat;
    padding: 5px 15px;
    border-radius: 12px;
}

    .review i {
        margin-right: 5px;
    }

.add_cart .input-group.mb-3 {
    max-width: 120px;
    text-align: center;
    justify-content: center;
    background: #fff;
    height: 60px;
    border-radius: 30px !important;
    font-weight: 700 !important;
}

.add_cart input.form-control {
    margin: 0 auto;
    text-align: center;
    border: none;
    font-weight: 700;
    font-size: 20px;
}

.add_cart span.input-group-text {
    border-radius: 30px;
    border: none;
    background: transparent;
    font-weight: 700;
    font-size: 20px;
    cursor: pointer;
}

.add {
    border-radius: 30px;
    background: var(--Gradiant, linear-gradient(216deg, #721CFF 4.08%, #FD6120 87.99%));
    width: 100%;
    height: 60px;
    font-size: 18px;
    margin-left: 20px;
    border: transparent;
}

.delivery-sec {
    border-radius: 14px;
    border: 1px solid #E4E4E4;
    padding: 26px;
    color: #fff;
}

.extra-image a {
    gap: 15px;
}

.extra-image img {
    max-height: 75px;
}

.extra-image a {
    margin-right: 30px;
}

.navbar .nav-item .dropdown-menu {
    display: block;
    border: none;
    margin-top: 0;
    top: 150%;
    opacity: 1;
    visibility: visible;
    transition: .5s;
    background: #198754 !important;
}

.productImage {
    margin: 0 auto;
    text-align: center;
}

#thumb_img img {
    width: 115px;
    border-radius: 14px;
    max-height: 115px;
}

#thumbnail-container {
    overflow: hidden;
    position: relative;
}

#thumbs {
    display: flex;
    transition: transform 0.3s ease-in-out;
    margin: 0 auto;
    overflow: hidden;
    margin: 0px 50px;
}

    #thumbs img {
        width: 115px; /* Adjust the thumbnail width as needed */
        height: 115px; /* Adjust the thumbnail height as needed */
        max-width: 115px;
    }

#thumbnail-container button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: orange;
}

#prev-button {
    left: 0;
}

#next-button {
    right: 0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: transparent;
    border: none;
    color: #fff;
    font-weight: 700;
    border-bottom: 5px solid #fff;
}

.nav-tabs .nav-link {
    color: #ffffff85;
    border: none;
}

div#nav-tab {
    border: none;
}

.tab-content > .active p strong {
    font-weight: 400;
    display: block;
    font-size: 24px;
    color: #E8E8E8;
    margin-bottom: 15px;
}

.tab-content > .active p, .tab-content > .active ul li {
    font-size: 16px;
    color: #667085;
}

.border-1 {
    border-color: white;
    border: 1px solid #fff;
    height: 100%;
    text-align: center;
    min-height: 200px;
}

a.payment-link, .btns a {
    color: var(--Gray-3, #828282);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

a.active.payment-link {
    color: #fd6120;
}

.custom_login_input_size {
    border-radius: 10px;
    background: var(--300, #E2E8F0);
    height: 60px;
}

.login_form label {
    color: var(--600, #718096);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 16px;
}

a.btn.custom-button.main-hover-btn {
    border-radius: 10px;
    background: var(--Gradiant, linear-gradient(216deg, #721CFF 4.08%, #FD6120 87.99%));
    height: 60px;
    min-width: 150px;
    color: #fff;
    margin-left: 16px;
    margin-right: 16px;
}

h4 small {
    font-size: 50%;
}

.quantity_counter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    color: #ffffff;
}

a.btn.custom_apply {
    border-radius: 10px;
    border: 2px solid var(--600, #3182CE);
    margin-left: 20px;
    color: #3182CE;
    line-height: 60px;
    padding: 0px 26px;
}

span.heading, span.total {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #f5f5f5;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
    /* border-radius: 10px; */
    /* background: var(--300, #E2E8F0); */
    /* height: 60px; */
}

select.selectpicker {
    border-radius: 10px;
    background: var(--300, #E2E8F0);
    height: 60px;
}

button.btn.dropdown-toggle.btn-light {
    border-radius: 10px;
    background: var(--300, #E2E8F0);
    height: 60px;
    line-height: 45px;
}

.headin_btm {
    color: rgba(255, 255, 255, 0.80);
    text-align: center;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    max-width: 840px;
    margin-bottom: 40px;
}

.custom_badge_new {
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 16px;
}

.sec_progress h6 {
    color: rgba(255, 255, 255, 0.90);
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}



.sec_progress p.w-75 {
    color: rgba(255, 255, 255, 0.60);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 15px;
}


.skill-main .skill-wrrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .skill-main .skill-wrrap .skill-name {
        color: #ffffff;
        font-size: 18px;
        font-weight: 500;
    }

    .skill-main .skill-wrrap .skill-bar {
        height: 6px;
        background-color: #00283a;
        border-radius: 8px;
    }

    .skill-main .skill-wrrap .skill-per {
        height: 6px;
        /*background-color: #23576f;
    border-radius: 8px;
    width: 0;*/
        transition: 1s linear;
        position: relative;
        border-radius: 12px;
        background: linear-gradient(90deg, #FF6417 1.86%, rgba(112, 0, 255, 0.94) 101%);
        box-shadow: 0px 3px 4px 0px rgba(255, 255, 255, 0.02) inset, 0px -2px 4px 0px rgba(0, 0, 0, 0.02) inset;
    }

        .skill-main .skill-wrrap .skill-per:before {
            content: attr(per);
            position: absolute;
            padding: 4px 6px;
            background-color: #23576f;
            color: #fff;
            font-size: 11px;
            border-radius: 4px;
            top: -35px;
            right: -30px;
            transform: translateX(50%);
        }

        .skill-main .skill-wrrap .skill-per:after {
            content: "";
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: #23576f;
            top: -16px;
            right: -30px;
            transform: translateX(50%) rotate(45deg);
            border-radius: 2px;
        }

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

.sub-heading {
    color: #E8E8E8;
    font-family: Poppins;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
}
    .boxOnly{
        margin:0 auto;
        text-align:center;
       padding:40px 0px;
            }
.boxOnly p {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}
.col-md-6.boxOnly:nth-child(1), .col-md-6.boxOnly:nth-child(2) {
    border-bottom: 1px solid #fff;
}
.col-md-6.boxOnly:nth-child(1), .col-md-6.boxOnly:nth-child(3) {
    border-right: 1px solid #fff;
}
ul.list-unstyled.mb-5 li.mb-3 {
    color: #c0c3cb;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}
.centerOnly {
    background: #030330;
    width: 100px;
    margin: 0 auto;
    text-align: center;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.zoom-box img {
    vertical-align: bottom;
    max-height: 500px;
    width: auto;
}
.owl-page {
    display: inline-block;
    margin: 0 10px; /* Adjust the margin as needed */
    cursor: pointer;
}

    .owl-page.active span.name {
        font-weight: bold; /* For example, making it bold */
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.09px;
        color: var(--brand-primary-bg, #57007B);
    }

.image-rating img {
    filter: contrast(0.3);
}

.owl-page.active .image-rating img {
    filter: contrast(1);
}

.demo.p-72 .col-md-10.mx-auto {
    position: relative;
}

button#prev-testimonial {
    position: absolute;
    left: -100px;
    top: 30%;
}

button#next-testimonial {
    right: -100px;
    position: absolute;
    /* right: 0; */
    top: 30%;
}

button#prev-testimonial img.hover-d-block {
    display: none;
}

button#prev-testimonial:hover img.hover-d-block {
    display: block;
}

button#prev-testimonial img.hover-d-none {
    display: block;
}

button#prev-testimonial:hover img.hover-d-none {
    display: none
}

button#next-testimonial img.hover-d-block {
    display: none;
}

button#next-testimonial:hover img.hover-d-block {
    display: block;
}

button#next-testimonial img.hover-d-none {
    display: block;
}

button#next-testimonial:hover img.hover-d-none {
    display: none
}

.owl-dots {
    display: none;
}

div#testimonial-nav button {
    background: transparent;
    box-shadow: none;
    border: none;
}


/*Reviews*/
#testimonials {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    width: 100%;
}

.testimonial-heading {
    letter-spacing: 1px;
    margin: 30px 0px;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    color: #fff;
}

    .testimonial-heading span {
        font-size: 1.3rem;
        color: #c7c7c7;
        margin-bottom: 10px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

.testimonial-box-container {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    width: 100%;
}

.testimonial-box {
    width: 400px;
    box-shadow: 2px 2px 30px rgba(0,0,0,0.1);
    background-color: #ffffff;
    padding: 20px;
    margin: 15px;
    cursor: pointer;
}

.profile-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

    .profile-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.profile {
    display: flex;
    align-items: center;
}

.name-user {
    display: flex;
    flex-direction: column;
}

    .name-user strong {
        color: #3d3d3d;
        font-size: 1.1rem;
        letter-spacing: 0.5px;
    }

    .name-user span {
        color: #979797;
        font-size: 0.8rem;
    }

.reviews {
    color: #f9d71c;
}

.box-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.client-comment p {
    font-size: 0.9rem;
    color: #4b4b4b;
}

.testimonial-box:hover {
    transform: translateY(-10px);
    transition: all ease 0.3s;
}

.login_details .login_form {
    background: #ffff;
    padding: 50px;
    border-radius: 50px;
    border-radius: 40px;
    background: #FCFCFC;
    box-shadow: 0px 15px 52px 0px rgba(0, 0, 0, 0.15);
}

.left_sec img {
    bottom: 0;
    max-height: 600px;
}

.main_page.login_main_page .ovarlay {
    height: 60%;
    width: 100%;
    background: #FD6120;
    position: absolute;
    z-index: -1;
    top: 0;
}

.contact_form input {
    width: 100%;
}

.contact_form input, .contact_form textarea {
    width: 100%;
    background: transparent;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
}

    .contact_form input:focus, .contact_form textarea:focus, .contact_form input:focus-visible, .contact_form textarea:focus-visible {
        box-shadow: none;
        border: none;
        border-bottom: 1px solid #fff;
        color: #fff;
        outline: none;
    }

.contact_form label {
    color: #EAEAEA;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 166.667% */
}

.rdio {
    position: relative;
}

    .rdio input[type=radio] {
        opacity: 0;
    }

    .rdio label {
        padding-left: 10px;
        cursor: pointer;
        margin-bottom: 7px !important;
    }

        .rdio label:before {
            width: 18px;
            height: 18px;
            position: absolute;
            top: 1px;
            left: 0;
            content: "";
            display: inline-block;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            border: 1px solid #FD6120;
            background: #fff;
        }

    .rdio input[type=radio] {
        margin: 0px;
    }

        .rdio input[type=radio]:disabled + label {
            color: #999;
        }

            .rdio input[type=radio]:disabled + label:before {
                background-color: #FD6120;
            }

        .rdio input[type=radio]:checked + label::after {
            content: "";
            position: absolute;
            top: 5px;
            left: 4px;
            display: inline-block;
            font-size: 11px;
            width: 10px;
            height: 10px;
            background-color: #FD6120;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
        }

.rdio-default input[type=radio]:checked + label:before {
    border-color: #FD6120;
}

.rdio-primary input[type=radio]:checked + label:before {
    border-color: #FD6120;
}

.rdio-primary input[type=radio]:checked + label::after {
    background-color: #FD6120;
}

.contact_form .radiobuttons input {
    width: auto;
}

li.nav-item:nth-child(4) {
    margin-right: 6px;
}

.contact_texts + ul li a {
    color: #FFF;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-transform: lowercase;
    text-decoration: none;
    padding: 15px;
}

    .contact_texts + ul li a:hover {
        color: #fff;
        background-color: #FD6120;
        border-radius: 16px;
    }

    .contact_texts + ul li a i {
        color: #FD6120;
        margin-right: 25px;
    }

    .contact_texts + ul li a:hover i {
        color: #fff;
    }

.contact_texts + ul li {
    margin-bottom: 20px;
}

.contact_texts + ul {
    margin-top: 50px;
}

.contacts_left {
    border-radius: 16px;
    background: #050426;
    padding: 32px 28px;
}

@media(max-width:1060px) {
    .testimonial-box {
        width: 45%;
        padding: 10px;
    }
}

@media(max-width:790px) {
    .testimonial-box {
        width: 100%;
    }

    .testimonial-heading h1 {
        font-size: 1.4rem;
    }
}

@media(max-width:340px) {
    .box-top {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .reviews {
        margin-top: 10px;
    }
}

::selection {
    color: #ffffff;
    background-color: #252525;
}

input.form-control.w-100.custom_input {
    background: transparent;
    border-bottom: 1px solid #fff;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #BCBCBC;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #BCBCBC;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #BCBCBC;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #BCBCBC;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #BCBCBC;
}

::placeholder { /* Most modern browsers support this now. */
    color: #909;
}


#terms-and-conditions {
    font-size: 17px;
}

    #terms-and-conditions h1 {
        font-size: 34px;
    }

    #terms-and-conditions ol {
        counter-reset: item;
    }

    #terms-and-conditions li {
        display: block;
        margin: 20px 0;
        position: relative;
    }

        #terms-and-conditions li:before {
            position: absolute;
            top: 0;
            margin-left: -50px;
            color: #FD6120;
            content: counters(item, ".") "    ";
            counter-increment: item;
        }

.modal-confirm {
    color: #636363;
    width: 325px;
    font-size: 14px;
    margin: 0 auto;
}

    .modal-confirm .modal-content {
        padding: 20px;
        border-radius: 5px;
        border: none;
    }

    .modal-confirm .modal-header {
        border-bottom: none;
        position: relative;
    }

    .modal-confirm h4 {
        text-align: center;
        font-size: 26px;
        margin: 30px 0 -15px;
    }

    .modal-confirm .form-control, .modal-confirm .btn {
        min-height: 40px;
        border-radius: 3px;
    }

    .modal-confirm .close {
        position: absolute;
        top: -5px;
        right: -5px;
    }

    .modal-confirm .modal-footer {
        border: none;
        text-align: center;
        border-radius: 5px;
        font-size: 13px;
    }

    .modal-confirm .icon-box {
        color: #fff;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: -70px;
        width: 95px;
        height: 95px;
        border-radius: 50%;
        z-index: 9;
        background: #82ce34;
        padding: 15px;
        text-align: center;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    }

        .modal-confirm .icon-box i {
            font-size: 58px;
            position: relative;
            top: 3px;
        }

    .modal-confirm.modal-dialog {
        margin-top: 80px;
    }

    .modal-confirm a.custom-button.main-hover-btn {
        margin: 0;
        height: auto;
    }

.content.coming {
    padding: 0px 30px 30px 30px;
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
}

.login_texts.mt-5.text-white + img.img-fluid.position-fixed {
    bottom: 0;
    max-height: 60%;
}

.share_links {
    list-style: none;
}

    .share_links li {
        display: inline-block;
        background-color: black;
        margin: 5px;
        border-radius: 50%;
        background: #000;
    }

.share_icon {
    color: white;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-size: 24px;
    height: 40px;
    width: 40px;
}

.share_links .bg_fb:hover {
    color: #fff;
    background: #3b5998;
}

.share_links .bg_insta:hover {
    color: #fff;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.share_links .bg_whatsapp:hover {
    color: #fff;
    background: #25D366;
}


.share_links li:hover .share_icon {
    color: #fff;
}

.boxes td {
    width: 25%;
    vertical-align: middle;
    text-align: center;
}

table.table.table-bordered.custom_color.table-dark.table-hover {
    --bs-table-bg: #010122;
}

.boxes .table-hover > tbody > tr:hover > * {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: #000013;
}

.boxes th {
    width: 25%;
    vertical-align: middle;
    text-align: center;
    /* min-height: 110px; */
    padding: 20px 0px;
}

/*/Blog Css/*/
/* .row.gap-3 {
    flex-wrap: nowrap;
} */
.card {
    background-color: #6262625e;
    border-radius: 8px;
    box-shadow: 0 2px 20px rgba(0,0,0, 0.1);
    overflow: hidden;
}

a.custom-link.stretched-link, a.custom-link {
    color: #fd6120;
    text-decoration: none;
}

.card-image img {
    height: 220px;
    width: 100%;
    border-radius: 8px 8px 0 0;
    background-size: cover;
}

.card-body {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 16px;
    min-height: 115px;
    color: rgba(255, 255, 255, 0.80);
}

.card-badge {
    text-transform: uppercase;
    background-color: #fff;
    color: #fff;
    padding: 2px 8px;
    border-radius: 70px;
    margin: 0;
    font-size: 12px;
}

.card-badge-blue {
    background-color: #92d4e4;
}

.card-badge-purple {
    background-color: #3d1d94;
}

.card-badge-pink {
    background-color: #c62bcb;
}

.card-body h3 {
    font-size: 20px;
    margin: 8px 0;
}

.card-body p {
    font-size: 14px;
    margin: 8px 0 16px 0;
}

.card-author {
    display: flex;
    align-items: center;
}

    .card-author p {
        margin: 0 16px;
        font-size: 12px;
    }

        .card-author p:last-child {
            color: #888;
        }

    .card-author img {
        border-radius: 50%;
        height: 48px;
        width: 48px;
        margin-top: auto;
    }

.owl-theme .owl-nav {
    margin-top: 10px;
}

.cust-slider .owl-nav {
    position: absolute;
    top: 50%;
    color: #fff !important;
    font-size: 50px;
    line-height: 0;
}

.cust-slider .owl-carousel .owl-nav button.owl-prev {
    left: -50px;
}

.cust-slider .owl-carousel .owl-nav button.owl-next {
    right: -50px;
}

.faq .faq-list {
    padding: 0 100px;
}

@media (max-width:768px) {
    .faq .faq-list {
        padding: 0 0px;
    }

    .banner.d-flex.position-relative.align-items-center > img {
        display: none;
    }
}

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

.faq .faq-list li + li {
    margin-top: 15px;
}

.faq .faq-list li {
    padding: 20px;
    background: #25253d;
    border-radius: 4px;
    position: relative;
}

.faq .faq-list a {
    display: block;
    position: relative;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding: 0 30px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
}

    .faq .faq-list a.collapse {
        color: #fd6120;
    }

.faq .faq-list .icon-help {
    font-size: 24px;
    position: absolute;
    right: 0;
    left: 20px;
    color: #fd6120;
}

.faq .faq-list .icon-show,
.faq .faq-list .icon-close {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0;
}

.faq .faq-list p {
    margin-bottom: 0;
    padding: 10px 0 0 0;
}

.faq .faq-list .icon-show {
    display: none;
}

.faq .faq-list a.collapsed {
    color: #b76666fc;
    transition: 0.3s;
}

.faq .faq-list p {
    margin-bottom: 0;
    padding: 10px 0 0 0;
    color: rgba(255, 255, 255, 0.80);
}

.faq .faq-list a.collapsed:hover {
    color: #fd6120;
}

.faq .faq-list a.collapsed .icon-show {
    display: inline-block;
}

.faq .faq-list a {
    color: #fd6120;
}

    .faq .faq-list a.collapsed .icon-close {
        display: none;
    }
.col-md-6.boxOnly img.img-fluid {
    max-height: 300px;
}
.mobile_only {
    display: none;
}

@media(max-width:768px) {
    .mobile_only {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        max-width: 100vw;
        z-index: 1;
    }
}

@media(max-width:600px) {
    .mobile_only {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        max-width: 100vw;
        z-index: 1;
        left:0;
    }

    .btns-grp {
        padding: 10px;
        background: #fff;
        width: 100%;
        display: flex;
        gap: 10px;
    }

        .btns-grp a.cust-btn-footer {
            flex: 1;
            text-align: center;
            background: #fd6120;
            color: #fff;
            padding: 8px;
            text-decoration: none;
            border-radius: 8px;
        }
}

@media(max-width:1440px) {
    .login_texts.mt-5.text-white + img.img-fluid.position-fixed {
        bottom: 0;
        max-height: 40%;
    }
}

@media(max-width:1366px) {
    .inner_box p {
        font-size: 20px;
    }

    .sec_progress p.w-75 {
        font-size: 16px;
    }

    .sec_progress h6 {
        font-size: 26px;
    }

    .custom_badge_new {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .heading h2 {
        font-size: 34px;
    }

    .heading h1 {
        font-size: 34px;
    }

    footer a {
        margin-bottom: 10px;
    }

    .like, .share, .ratings, .review {
        background: wheat;
        padding: 5px 7px;
        border-radius: 12px;
    }
}

@media (max-width:768px) {
    .owl-pagination {
        flex-wrap: wrap;
    }

    div#testimonial-nav {
        display: none;
    }

    .banner-content h1 {
        font-size: 2rem;
    }

    p.banner_description.my-5 {
        font-size: 18px;
    }

    .heading h2 {
        font-size: 26px !important;
        margin-bottom: 30px;
    }

    .headin_btm {
        font-size: 16px;
        margin-bottom: 20px;
    }

    span.percentage {
        font-family: Poppins;
        font-size: 30px;
    }

    p.disc_second {
        font-size: 18px;
    }

    .download img {
        max-width: 150px;
    }

    .custom_badge_new {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .product_highlight li {
        font-size: 18px;
    }

    .col-lg-6 > img {
        margin: 24px 0px;
    }

    .sec_progress h6 {
        font-size: 20px;
    }

    .inner_box:before, .inner_box:after {
        display: none;
    }

    .img_percent img {
        max-width: 50px;
    }

    p.description {
        font-size: 28px;
    }

    img.img-fluid.position-absolute.img-left {
        display: none;
    }

    img.img-fluid.position-absolute.img-bottom {
        bottom: -60px;
        max-width: 90%;
        right: 0;
        text-align: center;
        margin: 0 auto;
    }

    .inner_box p {
        font-size: 16px;
    }

    .service_disc {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 50px;
    }

    p.sec_text {
        font-size: 16px;
    }

    .sec_heading {
        font-size: 24px;
    }

    .service_box img {
        max-width: 70%;
    }

    .login_texts.mt-5.text-white + img.position-fixed {
        display: none;
    }

    .product_highlight.p-72.position-relative .col-md-6 {
        padding-left: 15px !important;
    }

    .banner-content .col-md-6 + .col-md-6, .row .col-md-6 + .col-md-6 {
        margin-top: 40px;
    }

    .login_details .login_form {
        padding: 50px 15px;
    }

    .boxes.d-flex.flex-wrap.align-items-stretch.mt-4 .col-md-3.p-0 {
        flex: 100%;
        /* flex-basis: max-content; */
    }

    .like_share.d-flex {
        flex-wrap: wrap;
    }

        .like_share.d-flex .like.me-4 {
            margin-bottom: 10px;
        }

    .review_inner.d-flex {
        flex-wrap: wrap;
    }

        .review_inner.d-flex .ratings.me-4 {
            margin-bottom: 10px;
        }

    .brocure.mt-5 {
        margin-bottom: 2rem;
    }

    header li.nav-item a {
        color: #D8D8D8;
        line-height: initial;
    }

    .contact_form .row .col-md-6 + .col-md-6 {
        margin-top: 0px;
    }

    button.navbar-toggler {
        margin-left: 20px;
    }

    .works_structure_steps .row {
        position: relative;
        align-items: center;
    }

    .row.mb-5.step-2.align-items-center .col-md-6.offset-md-1.order-lg-2 {
        order: 2;
    }

    .boxes.d-flex.flex-wrap.align-items-stretch.mt-4 .col-md-3.p-0 {
        flex: 33.33%;
        /* flex-basis: 50%; */
    }

        .boxes.d-flex.flex-wrap.align-items-stretch.mt-4 .col-md-3.p-0:nth-child(1), .boxes.d-flex.flex-wrap.align-items-stretch.mt-4 .col-md-3.p-0:nth-child(5) {
            display: none;
        }

    ul.list-unstyled.mb-5 li.mb-3 {
        color: var(--gray-500, #667085);
        font-size: 14px;
        font-weight: 400;
        line-height: 23.2px;
        display: flex;
        align-items: start;
    }

    .box.d-flex.justify-content-center.align-items-center.text-white li {
        font-size: 14px;
    }

    .boxes td, .boxes th {
        min-width: 150px;
        vertical-align: middle;
        text-align: center;
    }
}

@media(max-width:767px) {
    img.img-fluid.position-absolute.img-bottom {
        bottom: -30px;
    }
    .centerOnly{
        display:none;
    }
    .boxOnly {
        margin: 0 auto;
        text-align: center;
        padding: 40px 0px;
        padding-top: 0;
    }
    .product_highlight.p-72.position-relative .col-md-6 {
        border-bottom: 1px solid;
    }
    .col-md-6.boxOnly img.img-fluid {
        max-height: 230px;
    }
    .row.mb-5.step-2.align-items-center .col-md-6.offset-md-1.order-lg-2 {
        order: 1;
    }
    .col-md-6.MobileOrder {
        order: 2;
        margin-top: 40px;
    }
    .pe-sm-0{
        padding-right:0 !important;
    }
    .box.d-flex.justify-content-center.align-items-center.text-white li {
        font-size: 12px;
    }

    .p-72 {
        padding: 36px 0px;
    }

    .sec_progress p.w-75 {
        font-size: 16px;
        width: 100% !important;
    }

    .feature_box h3 {
        min-height: auto !important;
    }

    .feature_box {
        padding: 50px 30px 20px 30px;
        transition: .5s;
        padding-top: 0px !important;
    }

    .works_structure_steps .row:last-child {
        margin: 0 !important;
    }

    div#owl-pagination:empty {
        display: none;
    }
}

.navbar-fixed {
    top: 0;
    z-index: 100;
    position: fixed;
    width: 100%;
    background: #000017 !important;
}

.active-link {
    color: #fd6120; /* Change this to your desired color */
    /* Add any other styling you want for the active link */
}

.image-container {
    position: relative;
    display: inline-block;
}

.magnify {
    overflow: hidden;
    /*width: 300px;*/ /* Adjust this size as needed */
    /*height: 300px;*/ /* Adjust this size as needed */
}

.image {
    width: 100%;
    height: auto;
    transition: transform 0.2s ease;
}

.zoom-box .viewer-box {
    scale: 2;
    z-index: 999;
}


.popup {
    display: none;
    position: absolute;
    z-index: 999;
    border: 2px solid #ccc;
    background-color: #fff;
    max-width: 400px; /* Adjust this size as needed */
}

    .popup img {
        width: 100%;
        height: auto;
    }


.check_after {
    display: flex;
    align-items: center;
    flex-basis: 0;
    flex-grow: 1;
    justify-content: center;
}

/*#back_button {
    color: #fd6120;
}*/

#back_button {
    color: #fff;
}

#ship_btn {
    color: #fd6120;
}

    #ship_btn:hover {
        color: #fff;
    }


#payment_btn:hover {
    color: #fd6120;
}

.apply:hover {
    color: #fd6120;
}

.fa-check-circle {
    font-size: 65px;
    color: #fd6120;
}

/* message sent popup css */
.modal-confirm {
    color: #636363;
    width: 325px;
    font-size: 14px;
}

    .modal-confirm .modal-content {
        padding: 20px;
        border-radius: 5px;
        border: none;
    }

    .modal-confirm .modal-header {
        border-bottom: none;
        position: relative;
    }

    .modal-confirm h4 {
        text-align: center;
        font-size: 26px;
        margin: 30px 0 -15px;
    }

    .modal-confirm .form-control,
    .modal-confirm .btn {
        min-height: 40px;
        border-radius: 3px;
    }

    .modal-confirm .close {
        position: absolute;
        top: -5px;
        right: -5px;
    }

    .modal-confirm .modal-footer {
        border: none;
        text-align: center;
        border-radius: 5px;
        font-size: 13px;
    }

    .modal-confirm .icon-box {
        color: #fff;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: -70px;
        width: 95px;
        height: 95px;
        border-radius: 50%;
        z-index: 9;
        background: var(--Gradiant, linear-gradient(216deg, #721CFF 4.08%, #FD6120 87.99%));
        ;
        padding: 15px;
        text-align: center;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    }

        .modal-confirm .icon-box i {
            font-size: 58px;
            position: relative;
            top: 3px;
        }

    .modal-confirm.modal-dialog {
        margin-top: 80px;
    }

    .modal-confirm .btn {
        color: #fff;
        border-radius: 4px;
        background: #82ce34;
        text-decoration: none;
        transition: all 0.4s;
        line-height: normal;
        border: none;
    }

        .modal-confirm .btn:hover,
        .modal-confirm .btn:focus {
            background: #6fb32b;
            outline: none;
        }

.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}

.sq-card-iframe-container {
    height: 48px !important;
}

.magnify {
    margin: auto;
    display: inline-block;
    position: relative;
}

    .magnify .magnified {
        display: block;
        z-index: 10;
        margin: auto;
    }

    .magnify .magnifier {
        height: 150px;
        width: 150px;
        position: absolute;
        z-index: 20;
        border: 2px solid white;
        /*border-radius: 50%;*/
        .magnify background-size: 1000%;
        background-repeat: no-repeat;
        margin-left: -100px !important;
        margin-top: -100px !important;
        pointer-events: none;
        display: none;
    }

/* order tracking  */

.track {
    position: relative;
    background-color: #ddd;
    height: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
    margin-top: 50px
}

    .track .step {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 25%;
        margin-top: -18px;
        text-align: center;
        position: relative
    }

.icon {
    color: black;
}

.track .step.active:before {
    background: #fd6120;
}

.track .step::before {
    height: 7px;
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: 18px
}

.track .step.active .icon {
    background: #fd6120;
    color: #fff;
}

.track .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    border-radius: 100%;
    background: #ddd
}

/* .track .step.active .text {
    font-weight: 400;
    color: #000
} */

.track .text {
    display: block;
    margin-top: 7px
}

.custom_table_order tr th {
    background: none !important;
    color: white;
}

.custom_table_order tr td {
    background: none !important;
    color: white;
    text-align: end;
}

.custom_badge_order {
    --bs-bg-opacity: .5;
    margin-bottom: 0px;
}

.custom_bg_ordertracking {
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

/*17/11/2023*/
span.position-absolute.caption_img {
    left: 0;
    bottom: 60px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 55%;
    color: #fff;
    font-weight: 500;
    word-spacing: 1px;
}

.sec_heading.border_bottom {
    border-bottom: 5px solid;
    border-bottom: 5px solid transparent;
    border-image: linear-gradient(0.25turn, rgb(114 28 255), rgb(222 107 63), rgba(56, 2, 155, 0));
    border-image-slice: 1;
    /* display: flex; */
    width: max-content;
    margin: 0 auto;
    text-align: center;
    padding: 0px 20px;
    margin-bottom: 50px;
}

@media(max-width:1440px) {
    .login_texts.mt-5.text-white + img.img-fluid.position-fixed {
        bottom: 0;
        max-height: 40%;
    }
}

@media (max-width:768px) {
    .owl-pagination {
        flex-wrap: wrap;
    }

    div#testimonial-nav {
        display: none;
    }

    .banner-content h1 {
        font-size: 2rem;
    }

    p.banner_description.my-5 {
        font-size: 18px;
    }

    .heading h2 {
        font-size: 26px !important;
        margin-bottom: 30px;
    }

    .headin_btm {
        font-size: 16px;
        margin-bottom: 20px;
    }

    span.percentage {
        font-family: Poppins;
        font-size: 30px;
    }

    p.disc_second {
        font-size: 18px;
    }

    .download img {
        max-width: 150px;
    }

    .custom_badge_new {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .product_highlight li {
        font-size: 18px;
    }

    .col-lg-6 > img {
        margin: 24px 0px;
    }

    .sec_progress h6 {
        font-size: 20px;
    }

    .inner_box:before,
    .inner_box:after {
        display: none;
    }

    .img_percent img {
        max-width: 50px;
    }

    p.description {
        font-size: 28px;
    }

    img.img-fluid.position-absolute.img-left {
        display: none;
    }

    img.img-fluid.position-absolute.img-bottom {
        bottom: -60px;
        max-width: 90%;
        right: 0;
        text-align: center;
        margin: 0 auto;
    }

    .inner_box p {
        font-size: 16px;
    }

    .service_disc {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 50px;
    }

    p.sec_text {
        font-size: 16px;
    }

    .sec_heading {
        font-size: 24px;
        width: auto !important;
        display: inline-block !important;
    }

    .service_box img {
        max-width: 70%;
    }

    .login_texts.mt-5.text-white + img.position-fixed {
        display: none;
    }

    .product_highlight.p-72.position-relative .col-md-6 {
        padding-left: 15px !important;
    }

    .banner-content .col-md-6 + .col-md-6,
    .row .col-md-6 + .col-md-6 {
        margin-top: 40px;
    }

    .login_details .login_form {
        padding: 50px 15px;
    }

    .boxes.d-flex.flex-wrap.align-items-stretch.mt-4 .col-md-3.p-0 {
        flex: 100%;
        /* flex-basis: max-content; */
    }

    .like_share.d-flex {
        flex-wrap: wrap;
    }

        .like_share.d-flex .like.me-4 {
            margin-bottom: 10px;
        }

    .review_inner.d-flex {
        flex-wrap: wrap;
    }

        .review_inner.d-flex .ratings.me-4 {
            margin-bottom: 10px;
        }

    .brocure.mt-5 {
        margin-bottom: 2rem;
    }

    header li.nav-item a {
        color: #D8D8D8;
        line-height: initial;
    }

    .contact_form .row .col-md-6 + .col-md-6 {
        margin-top: 0px;
    }

    button.navbar-toggler {
        margin-left: 20px;
    }

    .works_structure_steps .row {
        position: relative;
        align-items: center;
    }

    .row.mb-5.step-2.align-items-center .col-md-6.offset-md-1.order-lg-2 {
        order: 2;
    }

    .boxes.d-flex.flex-wrap.align-items-stretch.mt-4 .col-md-3.p-0 {
        flex: 33.33%;
        /* flex-basis: 50%; */
    }

        .boxes.d-flex.flex-wrap.align-items-stretch.mt-4 .col-md-3.p-0:nth-child(1),
        .boxes.d-flex.flex-wrap.align-items-stretch.mt-4 .col-md-3.p-0:nth-child(5) {
            display: none;
        }

    ul.list-unstyled.mb-5 li.mb-3 {
        color: var(--gray-500, #667085);
        font-size: 14px;
        font-weight: 400;
        line-height: 23.2px;
        display: flex;
        align-items: start;
    }

    .box.d-flex.justify-content-center.align-items-center.text-white li {
        font-size: 14px;
    }

    .boxes td,
    .boxes th {
        min-width: 150px;
        vertical-align: middle;
        text-align: center;
    }
}

@media(max-width:767px) {
    img.img-fluid.position-absolute.img-bottom {
        bottom: -30px;
    }
    .col-md-6.boxOnly:nth-child(1), .col-md-6.boxOnly:nth-child(2) {
        border: none
    }

    .col-md-6.boxOnly:nth-child(1), .col-md-6.boxOnly:nth-child(3) {
        border:none;
    }
    .row.mb-5.step-2.align-items-center .col-md-6.offset-md-1.order-lg-2 {
        order: 1;
    }

    .box.d-flex.justify-content-center.align-items-center.text-white li {
        font-size: 12px;
    }
}

.image-container {
    position: relative;
    display: inline-block;
}

.magnify {
    overflow: hidden;
    width: 300px;
    /* Adjust this size as needed */
    height: 300px;
    /* Adjust this size as needed */
}

.image {
    width: 100%;
    height: auto;
    transition: transform 0.2s ease;
}

.zoom-box .viewer-box {
    scale: 1.5;
    z-index: 999;
}

.popup {
    display: none;
    position: absolute;
    z-index: 999;
    border: 2px solid #ccc;
    background-color: #fff;
    max-width: 400px;
    /* Adjust this size as needed */
}

    .popup img {
        width: 100%;
        height: auto;
    }

/* new changes css */

.custom_background_product_wakeup {
    background-image: url(/images/wakeup.png);
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 767px) {

    .custom_background_product_wakeup {
        height: 189px; /* Adjust the height for smaller screens if necessary */
    }

    .custom_background_product_visible {
        height: 169px !important;
    }

    .image_text_1 {
        top: 50% !important;
        font-size: 11px;
    }

        .image_text_1 h1 {
            font-size: 13px !important;
        }

    .image_text_2 {
        top: 50% !important;
        font-size: 11px;
    }

        .image_text_2 h1 {
            font-size: 13px !important;
        }
}

.custom_background_product_visible {
    background-image: url(/images/visibleco2.png);
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.image_text_1 {
    text-align: center;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.image_text_2 {
    text-align: center;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

.roomcondition_text {
    text-align: center;
    position: absolute;
    bottom: 0%;
    left: 49.4%;
    transform: translate(-50%, -50%);
    color: white;
}

.feature_bg {
    margin-top: 30px;
    background-color: #da5214;
    width: 100%;
    height: 200px;
    border-radius: 150px;
}

.circle {
    border: 2px solid white;
    height: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 50px;
}

@media (max-width: 382px) {
    .sec_heading.border_bottom {
        padding: 0px;
    }
}

.feature_size {
    width: 100%;
}

.contactless_size {
    width: 100%;
}

.sleepreport_size {
    width: 300px;
    height: 593px;
    border-radius: 18px;
}

.temperature_size {
    width: 300px;
}

.dashboard_size {
    width: 300px;
}

.widerange_img {
    width: 80%;
    height: auto;
}

.customsnoring_size {
    width: 100%;
    height: auto;
}

@media(max-width:767px) {
    .sleepreport_size {
        width: 250px;
        height: 494px;
        border-radius: 18px;
    }
    .roomcondition_text {
        text-align: center;
        position: relative;
        left:auto;
        transform:unset;
    }
    .temperature_size {
        width: 250px;
    }

    .dashboard_size {
        width: 250px;
    }
}

p.sec_heading.txt-clr.ms-2 {
    color: #FD6120 !important;
}

.scroll {
    white-space: nowrap;
    overflow: auto;
}

.hide_scroll::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}

a.btn.btn-light.fw-medium {
    background: #FD6120 !important;
    border: 0px;
    color: white;
}

#terms-and-conditions li {
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.privacy_pages p {
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

p.content {
    color: rgba(255, 255, 255, 0.60);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 15px;
}

.feature_box {
    padding: 50px 30px 20px 30px;
    transition: .5s;
}

    .feature_box:hover {
        background: #25253c;
        border-radius: 16px;
        box-shadow: 0 0 30px rgba(0, 0, 0, .07);
        backdrop-filter: blur(4.7px);
    }

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060;
    max-height: 250px !important;
}

.feature_box h3 {
    min-height: 68px;
}

.feature_box p.content {
    padding-top: 0 !important;
}

@media (min-width:992px) and (max-width:1600px) {
    .feature_box h3 {
        min-height: 68px;
        font-size: 1.4rem;
    }
}

.service_box.d-flex.justify-content-center.flex-column.align-items-center img.img-fluid {
    width: auto;
}

.works_structure_steps img {
    width: auto;
}

.heading.text-left.pt-lg-0.pt-3 img.img-fluid.me-4 {
    width: auto;
}

img.icon-fluid {
    max-width: 80px;
    height: auto;
}

p.product_description {
    font-size: 18px;
    font-weight: 400;
    text-align: center !important;
}

img.img-phoneimg {
    width: 70%;
    height: auto;
}

.headings h2 {
    font-size: 25px;
}

img.img-deviceimg {
    width: 30%;
    height: auto;
}

.tech-heading h2 {
    font-size: 44px;
}

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

    .add_cart {
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .add_cart .input-group.mb-3 {
            width: 32%;
            max-width: unset;
            align-items: center;
        }

        .add_cart .add {
            margin-left: 0px;
            width: 32%;
            font-size: 12px;
            padding: 6px;
        }

        .add_cart span.input-group-text {
            font-size: 16px;
            padding: 6px;
        }

        .add_cart input.form-control {
            font-size: 18px;
            padding: 6px;
        }

    .navbar-brand img {
        width: 175px !important;
    }

    img.img-phoneimg.occupency-rc {
        width:85%;
    }

    .service_box img.emergency-light {
        max-width: 90%;
    }

}

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

    .add_cart {
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .add_cart .input-group.mb-3 {
            width: 32%;
            max-width: unset;
            align-items: center;
        }

        .add_cart .add {
            margin-left: 0px;
            width: 32%;
            font-size: 12px;
            padding: 6px;
        }

        .add_cart span.input-group-text {
            font-size: 16px;
            padding: 6px;
        }

        .add_cart input.form-control {
            font-size: 18px;
            padding: 6px;
        }

}