@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');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
    --black--: #000;
    --brown--: #BD912D;
    --dark-brown--: #DAA520;
    --yellow--: #FFBD00;    
}

a{
    text-decoration: none !important;
    font-size: 16px;
    line-height: 1;
    color: #000;
}

ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

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

h1,h2,h3,h4,h5,h6{
    color: #000;
    margin-bottom: 0;
}

p{
    font-size: 16px;
    margin: 0;
    color: #000;
}

section{
    overflow: hidden;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.preloader {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
z-index: 9999;
}
.preloader .spring {
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: visible;
}
.preloader .bubble {
    background: rgba(255, 255, 255, .4);
    width: 24px;
    height: 24px;
    position: absolute;
    display: block;
    left: 0;
    margin-left:-12px;
    bottom: 0;
    opacity: 0;
    border-radius: 50%;
    animation: bubbleUp 1s infinite ease-in-out;
    -webkit-animation: bubbleUp 1s infinite ease-in-out;
    -o-animation: bubbleUp 1s infinite ease-in-out;
    -moz-animation: bubbleUp 1s infinite ease-in-out;
}
.preloader .bubble {
    background: rgba(255, 255, 255, 0.6);
}
  
.preloader .bubble1 {
    left: 0px;
    top: 0px;
    -webkit-animation-delay: 0;
    /* Chrome, Safari, Opera */
    animation-delay: 0;
}
  
.preloader .bubble2 {
     width: 12px;
    height: 12px;
    left: 0px;
    -webkit-animation-delay: 300ms;
    /* Chrome, Safari, Opera */
    animation-delay: 300ms;
}
  
.preloader .bubble3 {
    left: -10px;
    top: -10px;
    -webkit-animation-delay: 600ms;
    /* Chrome, Safari, Opera */
    animation-delay: 600ms;
}
  
.preloader .bubble4 {
    width: 28px;
    height: 28px;
    left: 5px;
    -webkit-animation-delay: 900ms;
    /* Chrome, Safari, Opera */
    animation-delay: 900ms;
    -webkit-animation-duration: 1.5s;
    /* Chrome, Safari, Opera */
    animation-duration: 1.5s;
}
  
.preloader .bubble5 {
    width: 16px;
    height: 16px;
    left: 0px;
    top: 0px;
    -webkit-animation-delay: 1200ms;
    /* Chrome, Safari, Opera */
    animation-delay: 1200ms;
    -webkit-animation-duration: 1.2s;
    /* Chrome, Safari, Opera */
    animation-duration: 1.2s;
}
  
@keyframes bubbleUp3d {
    0% {
      -webkit-transform: translateY(0px) scale3d(0.5, 0.5, 0.5);
      opacity: 0
    }
    30% {
      -webkit-transform: translateY(0px) scale3d(0.8, 0.8, 0.8);
      opacity: 1
    }
    90% {
      -webkit-transform: translateY(-20px) scale3d(1, 1, 1);
      opacity: 1
    }
    99% {
      -webkit-transform: translateY(-30px) scale3d(2, 2, 2);
      opacity: 0
    }
    100% {
      -webkit-transform: translateY(0px) scale3d(1, 1, 1);
      opacity: 0
    }
}
  
@keyframes bubbleUp {
    0% {
      top: 0px;
      -webkit-transform: scale(0.5);
      opacity: 0
    }
    20% {
      top: 0px;
      -webkit-transform: scale(.7);
      opacity: 1
    }
    93% {
      top: -30px;
      -webkit-transform: scale(1);
      opacity: 1
    }
    99% {
      top: -36px;
      -webkit-transform: scale(2);
      opacity: 0
    }
    100% {
      top: 0px;
      -webkit-transform: scale(1);
      opacity: 0
    }
}

header{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 0 4%;
    background: var(--black--);
    position: sticky;
    z-index: 99;
    top: 0;
    align-items: center;
}

header .logo img{
    width: 150px;
}

header .right_side{
    display: flex;
    gap: 100px;
    align-items: center;
}

header nav ul{
    display: flex;
    gap: 40px;
}

header nav ul li a{
    color: #fff;
    transition: 0.4s;
    display: inline-block;
    padding: 35px 5px;
}

header nav ul li:hover a{
    color: var(--brown--);
}

header nav ul li.drop_menu_li > i{
    display: none;
}

header nav ul li.drop_menu_li > a::after {
    content: '\f107';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    padding-left: 5px;
    font-size: 16px;
    display: inline-block;
    transition: .3s;
}


header nav ul li.drop_menu_li:hover > a::after {
    transform: rotateX(180deg);  
}

header nav ul li .drop_menu{
    position: absolute;
    top: 90%;
    z-index: 2;
    background: #fff;
    width: 200px;
    padding: 10px 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transform: translateY(50px);
    visibility: hidden;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

header nav ul li .drop_menu ul{
    flex-direction: column;
    gap: 5px;
}

header nav ul li:hover .drop_menu{
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

header nav ul li .drop_menu ul li{
    padding: 0;
}

header nav ul li .drop_menu ul li{
    border: none;
}

header nav ul li .drop_menu ul li a{
    color: #fff;
    padding: 10px;
    /* background: #0003; */
    background: var(--black--);
    display: block;
    border: none;
    transition: 0.3s;
}

header nav ul li .drop_menu ul li a:hover{
    color: var(--brown--);
}

.cart_btn{
    color: var(--dark-brown--);
    font-size: 18px;
    display: inline-block;
    transition: 0.3s;
    position: relative;
}

.cart_btn:hover{
    color: #fff;
}

.cart_btn span{
    position: absolute;
    right: -12px;
    top: -5px;
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    background: #fff;
    color: var(--black--);
    border-radius: 50%;
    font-size: 10px;
}

.login_btn{
    color: #fff;
    background: var(--brown--);
    display: inline-block;
    padding: 10px 20px;
    border-radius: 10px;
    transition: 0.3s;
    border: none;
}

.login_btn:hover{
    transform: scale(1.1);
    color: #fff;
}

header .menu_btn{
    width: 40px;
    height: 40px;
    border: 1px solid var(--brown--);
    border-radius: 5px;
    display: grid;
    place-items: center;
    font-size: 24px;
    color: var(--brown--);
    flex: 0 0 auto;
    cursor: pointer;
    display: none;
}

.mobile_menu{
    position: fixed;
    top: 0;
    left: 0;
    /* right: 0; */
    background: #fff;
    border-right: 2px solid var(--yellow--);
    padding-bottom: 5px;
    /* clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); */
    transition: 0.5s;
    height: 100vh;
    width: 280px;
    transform: translateX(-100%);
    z-index: 99999;
}

.mobile_menu.active{
    /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); */
    transform: translateX(0);
}

.mobile_menu > ul > li{
    border-bottom: 1px solid var(--black--);
    background: var(--black--);
    margin: 5px;

}

.mobile_menu ul > li > a{
    display: block;
    padding: 10px;
    color: #fff;
}

.mobile_menu ul > li > a:hover{
    color: #fff;
}

.mobile_menu ul li.drop_menu_li{
    position: relative;
}

.mobile_menu ul > li.drop_menu_li .drop_menu{
    display: none;
}

.mobile_menu ul > li.drop_menu_li .drop_menu ul{
    /* margin: 0 15px; */
    border-top: 1px solid #fff;
}

.mobile_menu ul > li.drop_menu_li .drop_menu ul li{
    padding: 0 10px;
}

.mobile_menu ul > li.drop_menu_li .drop_menu ul li a{
    font-size: 14px;
}

.mobile_menu ul li.drop_menu_li > a{
    display: flex;
    justify-content: space-between;
    position: relative;
    width: calc(100% - 40px);
}

.mobile_menu ul li.drop_menu_li > i.drop_menu_btn{
    position: absolute;
    z-index: 3;
    height: 37px;
    right: 0;
    top: 0;
    width: 40px;
    border-left: 1px solid #fff;
    display: grid;
    place-items: center;
    color: #fff;
    cursor: pointer;
}

.mobile_menu ul li.drop_menu_li > a::after {
    display: none
}

.mobile_menu .nav_close_btn{
    padding: 10px 20px;
    border-bottom: 1px solid var(--dark-brown--);
    margin-bottom: 20px;
    text-align: end;
}

.mobile_menu .nav_close_btn a{
    font-size: 24px
}

.banner{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    position: relative;
}

.banner::before{
    content: '';
    height: 100%;
    width: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: -3;
    position: absolute;
}

.banner .banner_slider_arrow .slick-arrow{
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 40px;
    background: var(--dark-brown--);
    color: #fff;
    border-radius: 50%;
    border: none;
    transition: 0.3s;
    display: grid;
    place-items: center;
    top: 50%;
    transform: translateY(-50%);
}

.banner .banner_slider_arrow .slick-arrow.slick-disabled{
    display: none !important;
}

.banner .banner_slider_arrow .slick-arrow:hover{
    background: var(--yellow--);
    color: #fff;
}

.banner .banner_slider_arrow .slick-arrow.slick-prev{
    left: 2%;
}

.banner .banner_slider_arrow .slick-arrow.slick-next{
    right: 2%;
}

.banner .banner_bg{
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.banner .banner_content_slider{
    width: 50%;
    padding-left: 5%;
    align-self: center;
    padding-right: 40px;
}

.banner .banner_content_slider .banner_content{
    padding: 20px;
}

.banner .banner_content_slider .banner_content h2{
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px;
}

.banner .banner_content_slider .banner_content p{
    font-size: 16px;
    font-weight: 400;
}

.order_btn{
    display: inline-block;
    padding: 10px 20px;
    background: var(--brown--);
    color: #fff;
    transition: 0.3s;
    border-radius: 5px;
}

.order_btn:hover{
    transform: scale(1.1);
    color: #fff;
}

.app_links{
    display: flex;
    gap: 20px;
}

.app_links img{
    height: 52px;
}

.app_links a{
    transition: 0.3s;
}

.app_links a:hover{
    transform: scale(1.1);
}

.banner .banner_img_slider{
    width: 50%;
}

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

.banner_img{
    background: #fff;
}

.banner_img img{
    mix-blend-mode: lighten;
}

.banner_img span{
    position: absolute;
    background: #000;
    height: 140%;
    width: 70%;
    top: -31%;
    right: 12%;
    z-index: -1;
    border-radius: 0 0 500px 500px;
    transform: rotate(50deg);
}

.banner_sec{
    position: relative;
}

.banner_sec .bubble_img{
    position: absolute;
    bottom: 3%;
    right: 10%;
    width: 300px;
    z-index: 4;
    animation: scaleFadeOut 6s linear infinite; /* Runs infinitely */
}

.banner_sec .bubble_img_1{
    position: absolute;
    top: 5%;
    left: 50%;
    width: 200px;
    z-index: 4;
    animation: scaleFadeOut 9s linear infinite; /* Runs infinitely */
}

.banner_sec .bubble_img_1 img{
    transform: rotate(-42deg);
}

@keyframes scaleFadeOut {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    90% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}


.counter_card{
    display: flex;
    gap: 20px;
    align-items: center;
}

.counter_card .counter_img{
    width: 75px;
    flex: 0 0 auto;
}

.counter_card .counter_sec h3{
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}

.counter_card .counter_sec p{
    color: #fff;
}

.bg_black{
    background: var(--black--);
}

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

.heading span{
    color: var(--yellow--);
}

.heading h1{
    color: #212529;
    font-size: 32px;
    font-weight: 700;
}

.order_btn_1{
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid var(--brown--);
    color: #212529;
    transition: 0.3s;
    border-radius: 5px;
}

.order_btn_1:hover{
    color: #fff;
    background: var(--brown--);
}

.service_card{
    background: #fff;
    border-radius: 20px;
    border: 1px solid transparent;
    padding: 20px;
    transition: 0.3s;
    height: 100%;
}

.service_card.service_card_gray{
    background: #111;
}

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

.service_card h3{
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

.services_slider{
    position: relative;
    z-index: 3;
}

.services_slider .slick-slide .order_btn_1{
    visibility: hidden; /* Smooth transition */
    transition: 0.3s;
}

.services_slider .slick-center .order_btn_1{
    visibility: visible; /* Smooth transition */
}

.services_slider .slick-slide {
    transition: transform 0.3s ease !important; /* Smooth transition */
}

.services_slider .slick-center {
    transform: scale(1); /* Increase size of center slide */
    z-index: 2; /* Ensure it's above others */
}

.services_slider .slick-center .service_card{
    border: 1px solid var(--yellow--);
    box-shadow: 0px 15px 48.4px -14px #FFBD0069;
}

.services_slider .slick-slide:not(.slick-center) {
    transform: scale(0.85); 
    /* Shrink side slides */
    /* Make side slides less visible */
}

.services_bg{
    position: relative;
    /* overflow-x: hidden; */
}

.services_bg .services_bg_img{
    position: absolute;
    width: 100%;
    top: -6%;
    left: 0;
    /* opacity: 0.2; */
    z-index: 1;
}

.services_bg .bubble_img_3{
    position: absolute;
    top: 0%;
    left: 10%;
    width: 200px;
    z-index: 4;
    animation: scaleFadeOut 9s linear infinite; /* Runs infinitely */
}

.services_bg .bubble_img_3 img{
    transform: rotate(45deg);
}

.view_all_btn{
    display: inline-block;
    padding: 10px 20px;
    background: var(--dark-brown--);
    color: #fff;
    border-radius: 5px;
    transition: 0.3s;
    z-index: 3;
    position: relative;
}

.view_all_btn:hover{
    transform: scale(1.1);
    color: #fff;
}

.about_content .content p{
    margin-bottom: 10px;
}

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

.about_sec .about_video_sec{
    width: 50%;
}

.about_sec .about_content{
    width: 50%;
    padding-right: 10%;
}

.about_sec .about_img{
    background: #000;
    position: relative;
    z-index: 1;
}

.about_sec .about_img img{
    mix-blend-mode: darken;
}

.about_sec .about_img span{
    background: #fff;
    position: absolute;
    width: 100%;
    height: 80%;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 0 500px 500px 0;
    transform: rotate(15deg);
    transform-origin: top left;
}

.about_sec .about_img a{
    position: absolute;
    width: 100%;
    height: 80%;
    top: 0;
    right: 0;
    z-index: 3;
    border-radius: 0 500px 500px 0;
    transform: rotate(15deg);
    transform-origin: top left;
}

.about_sec .about_img .you_tube_icon{
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50% , -50%);
    width: 10%;
}

.about_sec_bg{
    position: relative;
    z-index: 2;
    /* overflow-x: hidden; */
}

.about_sec_bg .bubble_img_4{
    position: absolute;
    top: 0%;
    right: 10%;
    width: 200px;
    z-index: 4;
    animation: scaleFadeOut 6s linear infinite; /* Runs infinitely */
}

.about_sec_bg .bubble_img_4 img{
    transform: rotate(-34deg);
}

.about_sec_bg .bubble_img_5{
    position: absolute;
    bottom: 18%;
    left: 10%;
    width: 150px;
    z-index: 4;
    animation: scaleFadeOut 10s linear infinite; /* Runs infinitely */
}

.about_sec_bg .about_sec_bg_img{
    position: absolute;
    width: 50%;
    bottom: 0%;
    right: 9%;
    opacity: 1;
    z-index: -1;
}

.about_sec_bg .bubble_img_5 img{
    /* transform: rotate(-34deg); */
}

.client_logo_slider img {
    /* margin: 0 30px; */
    aspect-ratio: 10/3;
    object-fit: contain;
}

.client_logo_slider p{
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    color: var(--brown--);
    text-align: center;
    margin-top: 10px;
}

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

.wm_bg::before, .wm_bg::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.wm_bg::before{
    background: url(../images/wm_bg_img.avif) no-repeat;
    z-index: -2;
    background-size: cover;
}

.wm_bg::after{
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.448) 0%, rgba(0, 0, 0, 0.5696) 25.5%, rgba(0, 0, 0, 0.64) 100%);
    z-index: -1;
}

ul.arrow_list{
    /* column-count: 2; */
}

ul.arrow_list li{
    display: flex;
    gap: 5px;
    color: #fff;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

ul.arrow_list li i{
    color: var(--yellow--);
    margin-top: 5px;
    margin-right: 5px;
}

.testimonials_card{
    text-align: center;
    padding: 0 1%;
}

.testimonials_card img{
    width: 100px;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.testimonials_card .testimonial_head h3{
    font-size: 22px;
}

.testimonials_card .content{
    margin-top: 20px;
    position: relative;
}

.testimonials_card .content p{
    font-size: 18px;
}

.testimonials_card .content img{
    position: absolute;
    width: 80px;
    left: 0;
    top: 0;
    transform: translate(-15% , -60%);
    z-index: -1;
}

.testimonials_slider{
    position: relative;
}

.testimonials_slider .slick-arrow{
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 40px;
    background: var(--black--);
    color: #fff;
    border-radius: 50%;
    border: none;
    transition: 0.3s;
    display: grid;
    place-items: center;
    top: 50%;
    transform: translateY(-50%);
}

.testimonials_slider .slick-arrow.slick-disabled{
    display: none !important;
}

.testimonials_slider .slick-arrow:hover{
    background: var(--yellow--);
    color: var(--black--);
}

.testimonials_slider .slick-arrow.slick-prev{
    left: 0%;
}

.testimonials_slider .slick-arrow.slick-next{
    right: 0%;
}

.testimonials_bg{
    position: relative;
    background: #fff;
}

.testimonials_bg .bubble_img_6{
    position: absolute;
    top: 1%;
    left: 10%;
    width: 200px;
    z-index: 4;
    animation: scaleFadeOut 8s linear infinite; /* Runs infinitely */
}

.testimonials_bg .bubble_img_6 img{
    /* transform: rotate(-42deg); */
}

.quality_card{
    padding: 40px 20px;
    border: 2px dashed #FFFFFF;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: 0.3s;
}

.quality_card:hover{
    background: #000;
}

.quality_card img{
    width: 60px;
    height: 60px;
    object-fit: cover;
}

.quality_card h3{
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin: 20px 0;
}

.quality_card p{
    color: #fff;
}

.quality_card_bg{
    position: relative;
}

.quality_card_bg::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: -2;
    height: 100%;
    background: #000;
}

.quality_card_bg .quality_card_img{
    position: absolute;
    top: -80%;
    right: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.5;
}

.quality_card_bg .bubble_img_7{
    position: absolute;
    bottom: 10%;
    left: 20%;
    width: 200px;
    z-index: 4;
    animation: scaleFadeOut 6s linear infinite; /* Runs infinitely */
}

.quality_card_bg .bubble_img_7 img{
    transform: rotate(-34deg);
}

.quality_card_bg .bubble_img_8{
    position: absolute;
    bottom: 20%;
    right: 20%;
    width: 150px;
    z-index: 4;
    animation: scaleFadeOut 8s linear infinite; /* Runs infinitely */
}

.quality_card_bg .bubble_img_8 img{
    transform: rotate(-135deg);
}

.quality_card_bg .bg_shape_1{
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: -1;
    top: -14%;
    left: 28%;
    transform: rotate(65deg);
}

.footer_contact_menu ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer_contact_menu ul li{
    display: flex;
    gap: 7px;
}

.footer_contact_menu ul li i{
    width: 20px;
    font-size: 16px;
    margin-top: 3px;
    flex: 0 0 auto;
    color: #FF9C00;
}

.footer_contact_menu ul li a{
    color: #fff;
    font-weight: 600;
    transition: 0.3s;
    font-size: 14px;
}

.footer_contact_menu ul li a:hover{
    color: #FF9C00;
}

.footer_heading h2{
    color: #fff;
    font-size: 20px;
}

.footer_menu ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer_menu ul li a, .footer_address p{
    color: #fff;
    font-size: 12px;
}

.footer_menu ul li a:hover{
    color: var(--yellow--);
}

.sub_form form input{
    width: 100%;
    border: 1px solid var(--yellow--);
    background: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    outline: none;
}

.sub_form form button{
    padding: 10px 20px;
    background: var(--dark-brown--);
    border-radius: 10px;
    color: #800000;
    border: none;
    margin-top: 10px;
    transition: 0.3s;
}

.sub_form form button:hover{
    transform: scale(1.1);
}

.border {
    border: 1px solid #EBEBEB !important;
}

.footer_icons ul{
    display: flex;
    gap: 20px;
    justify-content: end;
}

.footer_icons ul li a{
    color: #FF9C00;
    font-size: 16px;
}

.footer_icons ul li a:hover{
    color: #fff;
}

.main_heading h1{
    font-size: 64px;
    font-weight: 700;
    color: #fff;
}

.main_heading h2{
    font-size: 42px;
    font-weight: 600;
    color: #fff;
}

.you_tube_card{
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    /* border: 1px solid #eeeeee5c; */
    position: relative;
}

.you_tube_card a > img{
    aspect-ratio: 5 / 3;
    object-fit: cover;
}

.you_tube_card .you_tube_icon{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0000007a;
    display: grid;
    place-items: center;
}

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

.main_heading_bg .bg_shape_1{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: -4%;
    right: 2%;
}

.main_heading_bg .bubble_img{
    position: absolute;
    top: 3%;
    left: 5%;
    width: 300px;
    z-index: 4;
    animation: scaleFadeOut 6s linear infinite; /* Runs infinitely */
}

.main_heading_bg .bubble_img_1{
    position: absolute;
    top: 50%;
    right: 5%;
    width: 300px;
    z-index: 4;
    animation: scaleFadeOut 9s linear infinite; /* Runs infinitely */
}

.main_heading_bg .bubble_img_2{
    position: absolute;
    bottom: 5%;
    left: 5%;
    width: 300px;
    z-index: 4;
    animation: scaleFadeOut 5s linear infinite; /* Runs infinitely */
}

.perfect_clean_bg{
    position: relative;
}

.perfect_clean_bg .bg_shape_1{
    position: absolute;
    width: auto;
    height: 100%;
    z-index: -1;
    top: 30%;
    top: -17%;
    right: -12%;
    transform: rotate(90deg);
}

.perfect_clean_bg .bubble_img_1{
    position: absolute;
    top: 50%;
    right: 5%;
    width: 300px;
    z-index: 4;
    animation: scaleFadeOut 9s linear infinite; /* Runs infinitely */
}

.perfect_clean_bg .bubble_img{
    position: absolute;
    bottom: 5%;
    left: 5%;
    width: 300px;
    z-index: 4;
    animation: scaleFadeOut 5s linear infinite; /* Runs infinitely */
}

.overflow_y_visible{
    overflow-y: visible;
}

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

.services_bg .bg_shape_1{
    position: absolute;
    width: 80%;
    height: 100%;
    z-index: -1;
    top: -5%;
    right: 17%;
    transform: rotate(45deg);
}

.services_bg .bubble_img{
    position: absolute;
    top: 3%;
    left: 5%;
    width: 300px;
    z-index: -1;
    animation: scaleFadeOut 6s linear infinite; /* Runs infinitely */
}

.services_bg .bubble_img_1{
    position: absolute;
    top: 50%;
    right: 5%;
    width: 300px;
    z-index: -1;
    animation: scaleFadeOut 9s linear infinite; /* Runs infinitely */
}

.service_icon{
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 2px solid #fff;
}

.service_icon.active{
    border-bottom: 2px solid var(--brown--); 
}

.service_icon img{
    width: 100%;
    height: 60px;
    aspect-ratio: 1/1;
    object-fit: contain;
    margin: 0 auto;
    margin-bottom: 10px;
    filter: invert(1) brightness(10);
}

.service_icon.active img{
    filter: none;
}

.service_icon h3{
    color: #fff;
    font-size: 14px;
}

.service_icon.active h3{
    color: var(--brown--);
}

ul.filter_btn{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    /* justify-content: center; */
}

ul.filter_btn li a{
    display: block;
    padding: 10px 20px;
    border: 1px solid var(--brown--);
    color: #fff;
    font-size: 18px;
    border-radius: 10px;
}

ul.filter_btn li a.active{
    background: var(--brown--);
    color: #fff;
}

.service_add_btn{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 15px;
    color: var(--brown--);
    border: 1px solid var(--brown--);
    background: #fff;
    border-radius: 5px;
}
.service_add_btn.active{
    gap: 15px; 
    background: var(--brown--);
    color: #fff;
}
.service_add_btn:hover{
    color: var(--brown--);
}
.service_add_btn.active:hover{
    color: #fff;
}
.service_card .content{
    position: relative;
}
.service_card .content .service_add_btn{
    position: absolute;
    top: 0;
    right: 6%;
    transform: translateY(-90%);
    background: none;
    border: none;
    padding: 0;
}

.add_service_modal{
    border-radius: 20px;
}
.add_service_modal .modal-header{
    border-color: #E7E7E7;
    padding: 10px;
}
.add_service_modal .modal-title{
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    width: 100%;
}

.choose_item_card{
    display: flex;
    justify-content: space-between;
    gap: 0px 20px;
    align-items: center;
    padding: 10px 0;
    flex-wrap: wrap;
    border-bottom: 1px solid #E7E7E7;
}

.choose_item_card img{
    width: 80px;
    flex: 0 0 auto;
}

.choose_item_card .content{
    flex: 1;
}

.choose_item_card .content h3{
    font-size: 18px;
}

.input_plus{
    width: 110px !important;
    border: none !important;
    background: var(--brown--);
    border-radius: 5px;
    overflow: hidden;
}

.input_plus .input_number{
    border: none;
    width: 60px;
    outline: none;
    text-align: center;
    margin-left: 0 !important;
    color: #fff;
    background: var(--brown--);
}

.input_plus .input-group-btn{
    /* border: 1px solid #707070 !important; */
    color: #fff;
    /* border-radius: nob !important; */
    background: var(--brown--);
}

.input_plus .input-group-btn button{
    box-shadow: none !important;
    height: 30px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    font-size: 15px;
    color: #fff;
}

.input_plus .input-group-btn button:focus{
    box-shadow: none !important;
}

.location_modal .modal-content{
    border-radius: 20px;
    padding: 20px 20px;
    background: #111;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 7px 29px 0px;
}

.location_modal .modal-header{
    border: none;
    text-align: center;
    position: relative;
}

.location_modal .modal-header img{
    width: 140px;
    margin: 0 auto;
}

.location_modal .modal-header .btn-close{
    position: absolute;
    opacity: 1;
    right: 20px;
    top: 20px;
}

.location_modal .location_heading h3{
    font-size: 24px;
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
    color: #fff;
}

.location_modal .location_heading h3::before{
    content: '';
    position: absolute;
    width: 120%;
    height: 4px;
    background: var(--brown--);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.location_modal .location_heading p{
    color: #fff;
}

.location_modal .modal-body ul.locations{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
}

.location_modal .modal-body ul.locations li{
    width: 50%;
    padding: 0 5px;
}

.location_modal .modal-body ul.locations li a{
    padding: 15px 0;
    display: block;
    color: #000;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    text-align: center;
    transition: 0.3s;
}

.location_modal .modal-body ul.locations li a:hover, .location_modal .modal-body ul.locations li a.active{
    color: var(--yellow--);
    border: 1px solid var(--yellow--);
}

.book_now_form .input-group{
    background: none;
    border: 1px solid #2E2E2E;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.book_now_form .input-group i{
    color: #fff;
    font-size: 22px;
}

.book_now_form .input-group-text{
    background: none;
    border: none;
}

.book_now_form .form-control{
    border: none;
    box-shadow: none !important;
    padding-left: 0;
    background: none;
    color: #fff;
}

.book_now_form .form-label{
    font-weight: 500;
    color: #fff;
}

.book_now_form button{
    width: 100%;
    padding: 10px 20px;
    background: var(--brown--);
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    border: none;
    /* border-radius: 0 20px 20px 0; */
}


.otp-input-container {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    margin: auto;
}

.otp-input {
    width: 100%;
    /* height: 40px; */
    text-align: center;
    font-size: 22px;
    margin: 5px;
    border: 1px solid #2E2E2E;
    border-radius: 4px;
    aspect-ratio: 1 / 1;
    background: none;
    color: #fff;
}

.otp-input:focus {
    border-color: var(--brown--);
    outline: none;
    box-shadow: 0 0 5px var(--brown--);
}

.resend_otp a{
    color: var(--brown--);
    text-decoration: underline !important;
}

.change_num{
    color: var(--brown--) !important;
    text-decoration: underline !important;
    font-size: 12px;
}

.check_box input{
    position: absolute;
    visibility: hidden;
}

.check_box{
    display: flex;
    gap: 35px;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px;
    border: 1px solid #2E2E2E;
    cursor: pointer;
    padding-left: 10px;
    background: #111111;
    color: #FFFFFF;
}

.checkmark{
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    position: relative;
    flex: 0 0 auto;
}

.checkmark::before{
    content: '';
    width: 12px;
    height: 12px;
    background: var(--yellow--);
    border-radius: 50%;
    transform: scale(0);
    transition: 0.3s ease-in-out;
}

.check_box input:checked ~ .checkmark::before{
    transform: scale(1);
}

.check_box input:checked ~ .checkmark{
    border: 1px solid var(--yellow--);
}

.form_label{
    font-size: 18px;
    /* font-weight: bold; */
    color: #fff;
}

.form_label_bold{
    font-weight: bold;
}

.form_control{
    background-color: #111 !important;
    border: 1px solid #2E2E2E;
    outline: none !important;
    box-shadow: none;
    color: #fff !important;
    padding-top: 10px;
    padding-bottom: 10px;
    accent-color: #fff;
}

.form_control:focus{
    border-color: var(--brown--);
    outline: none;
    box-shadow: 0 0 5px var(--brown--);
    background-color: #111;
}

.form_control:disabled, .form_control[readonly] {
    background-color: #e9ecef00;
    opacity: 1;
    color: #ffffff7d !important;
}

.sub_new_btn{
    width: 100%;
    padding: 10px 20px;
    background: var(--brown--);
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    border: none;
    font-weight: 600;
}

.edit_btn{
    width: 100%;
    padding: 10px 20px;
    background: var(--brown--);
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    border: none;
}

.edit_btn.cancel_btn{
    background: var(--yellow--);
    color: #800000;
}

.account_setting_nav{
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-wrap: wrap;
}

.account_setting_nav li{
    padding: 10px 20px;
    border-radius: 5px;
    transition: .3s;
    cursor: pointer;
    border: 1px solid #2E2E2E;
    font-size: 20px;
    color: #fff;
}

.account_setting_nav li.active, .account_setting_nav li:hover{
    background: var(--brown--);
    border: 1px solid var(--brown--);
}

.profile_img{
    width: 150px;
    position: relative;
}

.profile_img img{
    border-radius: 50%;
}

.profile_img .edit_profile_btn{
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid #000;
    background-color: var(--brown--);
    color: #fff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    right: 0;
    bottom: 5%;
    cursor: pointer;
}

.addresses_sec_bg{
    background: #060606;
    border: 1px solid #2E2E2E;
    padding: 20px;
    border-radius: 15px;
    height: 100%;
}

.addresses_sec_bg .addresses_sec:not(:last-child){
    border-bottom: 1px dashed #2E2E2E;
}

.addresses_sec .addresses_type span {
    color: #fff;
    border-radius: 2px;
    font-weight: 600;
    font-size: 20px;
}

.addresses_select {
    display: flex;
    gap: 10px;
    align-items: start;
    cursor: pointer;
}
.addresses_select label{
    cursor: pointer;
}

.addresses_select input:checked ~ .checkmark::before{
    transform: scale(1);
}

.addresses_select input:checked ~ .checkmark{
    border: 1px solid var(--yellow--);
}

.addresses_sec .address_info p {
    color: #ffff;
}

.addresses_sec .addresses_btns button{
    background: none;
    border: none;
    outline: none;
}

.addresses_sec .addresses_btns{
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.addresses_sec .addresses_btns .addresses_btns_edit{
    color: #00F076;
}

.addresses_sec .addresses_btns .addresses_btns_del{
    color: #E93551;
}

.addresses_flex{
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.add_address_btn {
    padding: 15px 20px;
    background: var(--brown--);
    color: #fff;
    border: none;
    border-radius: 5px;
    transition: 0.3s;
    display: inline-block;
}

.add_address_btn:hover{
    transform: scale(1.08);
    color: #fff;
}

.address_heading{
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

.order_count{
    font-size: 20px;
    color: #fff;
}

.my_orders{
    background: #060606;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #2E2E2E;
}

.my_orders_head{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 20px;
    padding: 15px 30px;
    background: var(--brown--);
}

.my_orders_head p{
    color: #fff;
}

.my_orders_head p span{
    font-size: 14px;
    display: block;
}

.my_orders_list{
    padding: 0 30px;
    border-bottom: 1px solid #2E2E2E;
}

.my_orders_list .orders_list{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    padding: 20px 0;
}

.my_orders_list .orders_list:not(:last-child){
    border-bottom: 1px dashed #2E2E2E;
}

.my_orders_list .orders_list img{
    width: 100px;
    border-radius: 10px;
}

.my_orders_list .orders_list .content{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    flex: 1;
    align-items: center;
}

.my_orders_list .orders_list .content p{
    font-size: 18px;
    color: #fff;
}

.my_orders_list .orders_list .content span{
    font-size: 16px;
    display: block;
}

.my_orders_footer{
    padding: 20px 30px;
}

.cancel_order_btn{
    background: none;
    border: none;
    outline: none;
    color: #E93551;
}

.cart_table{
    display: table;
    width: 100%;
}

.cart_table_row {
    display: table-row;
    position: relative;
}

.cart_table_row::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 93%;
    display: block;
    height: 1px;
    /* background: #fff; */
    border: 1px dashed #2E2E2E;
}

.cart_table_cell {
    display: table-cell;
}

.cart_head.cart_table_row::before{
    opacity: 0;
}

.cart_head .cart_head_heading:first-child{
    border-radius: 5px 0 0 5px;
}

.cart_head .cart_head_heading:last-child{
    border-radius:0 5px 5px 0;
}

.cart_head .cart_head_heading{
    background: var(--brown--);
    padding: 10px 15px;
}

.cart_head .cart_head_heading_price{
    padding-right: 30px;
}

.cart_head .cart_head_heading h3{
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.cart_card .cart_table_cell{
    padding: 20px 15px;
    vertical-align: middle;
}

.cart_card .remove_btn{
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.cart_card .cart_img img{
    width: 90px;
    border-radius: 10px;
}

.cart_card .cart_content{
    width: 100%;
}

.cart_card .cart_content .cart_content_flex{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart_card .cart_content p{
    color: #fff;
    font-size: 18px;
}

.cart_card .cart_content p span{
    font-size: 14px;
    display: block;
}

.cart_card .cart_t_amt p{
    color: #fff;
    font-size: 18px;
}

.cart_card .cart_t_amt_head{
    color: var(--brown--) !important;
    font-size: 16px !important;
    margin-bottom: 5px;
    display: none;
}

.clear_cart_btn{
    font-size: 20px;
    color: var(--brown--);
    text-decoration: underline !important;
    font-weight: 400;
    background: none ;
    border: none;
}

.order_summery{
    background: #111;
    padding: 20px 20px;
    border-radius: 10px;
}

.summery_heading h3{
    color: #fff;
    font-size: 18px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #A7A7A7;
    margin-bottom: 15px;
}

.order_summery .summery_price {
    padding-bottom: 15px;
    border-bottom: 1px dashed #A7A7A7;
    margin-bottom: 15px;  
}

.order_summery .summery_price ul{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.order_summery .summery_price ul li{
    display: flex;
    justify-content: space-between;
    color: #fff;
}

.text_browm{
    color: var(--brown--) !important;
}

.order_summery .summary_total{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.order_summery .summary_total p{
    font-size: 24px;
}

.order_summery .summary_total p.summary_total_heading{
    font-weight: 700;
    color: #fff;
}

.order_summery .summary_total p.summary_total_price{
    font-weight: 500;
    color: var(--brown--);
}

.border_dashed{
    border-bottom: 1px dashed #323232;
}

.checkmark_new{
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    background: #EEEEEE;
}

.checkmark_new i{
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    background: var(--brown--); 
    color: #fff;
    border-radius: 50%;
    transform:rotate(-45deg) scale(0);
    transition: 0.3s;
}

.check_box_new{
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    width: auto;
    font-size: 20px;
    color: #fff;
    transition: 0.3s;
}

.check_box_new input{
    display: none;
}

.check_box_new input:checked ~ .checkmark_new i{
    border-radius: 0%;
    transform:rotate(0deg) scale(1);
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{
    background: var(--brown--) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: var(--brown--) !important;
}

.delivery_type{
    background: #060606;
    border: 1px solid #2E2E2E;
    padding: 20px;
    border-radius: 15px;
    height: 100%;
    width: 100%;
    cursor: pointer;
    transition: 0.3s;
}

.delivery_type.active{
    border: 1px solid #BD912D;  
}

.check_box_1{
    width: 25px;
    height: 25px;
    background: #D9D9D9;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 16px;
    overflow: hidden;
    margin-left: auto;
}

.check_box_1 i{
    width: 100%;
    height: 100%;
    background: var(--brown--);
    display: grid;
    place-items: center;
    font-size: 16px;
    transform: scale(0);
    transition: 0.3s;
    color: #fff;
    border-radius: 50%;
}

.delivery_type input:checked ~ .check_box_1 i{
    transform: scale(1);
}

.delivery_type .content{
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.delivery_type .content p{
    color: #fff;
    font-size: 20px;
}

.delivery_type.active p.price{
    color: var(--brown--);
}


.delivery_type .content p span{
    font-size: 16px;
    display: block;
}

.delivery_type .estimate_delivery{
    display: flex;
    gap: 10px;
    background: #fff;
    align-items: center;
    padding: 10px 20px;
    border-radius: 50px;
}

.delivery_type .estimate_delivery i{
    color: var(--brown--);
}

.delivery_type .estimate_delivery p{
    font-size: 16px;
}

.choose_item_card_new{
    background: #F7F7F7;
    border-bottom: none;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 20px;
}

.show_all_btn{
    color: var(--brown--);
    font-size: 18px;
    display: inline-block;
}

.show_all_btn:hover{
    color: var(--brown--);
    text-decoration: underline !important;
}

.pickup_info_card span{
    font-size: 12px;
    line-height: 1.5;
    display: block;
}

.pickup_info_card .date_time{
    display: flex;
    gap: 5px;
}

.pickup_info_card .date_time i{
    font-size: 20px;
    width: 22px;
    flex: 0 0 auto;
    margin-top: 5px;
    color: var(--brown--);
}

.pickup_info_card .date_time p{
    font-size: 20px;
    margin-bottom: 0;
}

.text_black{
    color: #000 !important;
}

.order_summery_new{
    background: #FAFAFA;
}

.order_summery.order_summery_new .summery_price ul li {
    color: #000;
}

.order_summery.order_summery_new .summary_total p.summary_total_heading {
    color: #000;
}

.final_billing{
    display: flex;
    align-items: flex-start;
    gap: 5px;
    color: #0073B8;
    font-size: 12px;
}

.final_billing i{
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    background: #0073B8;
    color: #fff;
    font-size: 10px;
    border-radius: 50%;
}

.cancellation_policy h3{
    font-size: 20px;
    font-weight: 600;
    color: #A7A7A7;
}

.cancellation_policy p{
    font-size: 12px;
    color: #A7A7A7;
}

.blog_card{
    padding: 20px;
    border: 1px solid #111;
    border-radius: 15px;
    background: #fff;
}

.blog_card > img{
    border-radius: 10px;
    aspect-ratio: 1300/751;
    object-fit: cover;
}

.blog_card .content{
    padding: 0 10px;
}

.blog_card .content .type span{
    padding: 10px;
    display: inline-block;
    background: var(--brown--)0D;
    color: var(--brown--);
    font-size: 14px;
    border-radius: 5px;
}

.blog_card .content h2{
    font-size: 22px;
    font-weight: 600;
}

.blog_card .content .info{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.blog_card .content .info .info_name{
    display: flex;
    gap: 10px;
    align-items: center;
}

.blog_card .content .info .info_name img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.blog_card .content .info p{
    font-size: 14px;
    color: #97989F;
}

.blog_details_heading span{
    display: inline-block;
    padding: 8px 15px;
    font-size: 14px;
    color: #fff;
    background: var(--brown--);
    border-radius: 5px;
    font-weight: 600;
}

.blog_details_heading h1{
    font-size: 36px;
    font-weight: 600;
    color: #fff;
}

.blog_details_heading .info{
    display: flex;
    /* justify-content: space-between; */
    gap: 40px;
    flex-wrap: wrap;
    align-items: center;
}

.blog_details_heading .info .info_name{
    display: flex;
    gap: 10px;
    align-items: center;
}

.blog_details_heading .info .info_name img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.blog_details_heading .info p{
    font-size: 14px;
    color: #97989F;
}

.blog_detail_content p{
    margin-bottom: 10px;
    color: #fff;
}

.blog_detail_img img{
    border-radius: 20px;
    aspect-ratio: 1300/751;
}

.contact_us{
    width: 100%;
    height: 100%;
    padding: 20px;
    text-align: center;
    background: #111;
    border-radius: 10px;
    /* box-shadow: 0 0 10px #fff; */
    margin-top: 10px;
}

.contact_us i{
    font-size: 42px;
    display: block;
    margin-bottom: 20px;
    color: var(--brown--);
}

.contact_us p{
    font-size: 16px;
    color: #fff;
}

.contact_us a{
    transition: 0.3s;
    color: #fff;
}

.contact_us a:hover{
    color: var(--brown--);
}

.contact_us_form label{
    font-size: 16px;
    color: #fff;
}

.contact_us_form input, .contact_us_form textarea{
    border: none;
    border-bottom: 1px solid #fff;
    padding: 10px 10px;
    padding-left: 0;
    color: #fff;
    background: none;
    outline: none;
    width: 100%;
}

.contact_us_form textarea{
    height: 100px;
}

/* .contact_us_form button{
    background: var(--brown--);
    color: #fff;
    border-radius: 50px;
    border: 1px solid var(--brown--);
    padding: 10px 25px;
    transition: 0.5s;
}

.contact_us_form button:hover{
    color: var(--brown--);
    background: none;
} */

.footer_icon{
    background: var(--brown--);
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: 99;
    border-top: 1px solid #fff;
    display: none;
}

.footer_icon ul{
    display: flex;
    flex-wrap: wrap;
}

.footer_icon ul li{
    width: 25%;
}

.footer_icon ul li a{
    color: #fff;
    padding: 10px;
    display: block;
    text-align: center;
    font-size: 14px;
}

.footer_icon ul li:not(:last-child) a{
    border-right: 1px solid #fff;
}

.footer_icon ul li a i{
    color: #fff;
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
}

.faq_accordion .accordion-button{
    display: flex;
    font-size: 24px;
    font-weight: 700;
    box-shadow: none !important;
    gap: 20px;
    background: none !important;
    color: #fff;
}

.faq_accordion .accordion-button:not(.collapsed){
    background: none;
    color: #fff;
    box-shadow: none;
}

.faq_accordion .accordion-button::after{
    display: none;
}


.faq_accordion .accordion-button span{
    width: 100%;
}

.faq_accordion .accordion-button span.num{
    font-size: 40px;
    color: #90A4AE;
    width: auto;
}

.faq_accordion .accordion-button i{
    font-size: 20px;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    transition: 0.3s;
}

.faq_accordion .accordion-button:not(.collapsed) i{
    transform: rotate(45deg);
    background: var(--brown--);
    color: #fff;
}

.faq_accordion .accordion-body{
    background: #000;
    padding: 0 85px 35px 85px; 
}

.faq_accordion .accordion-body p{
    color: #fff;
}

.faq_accordion .accordion-item{
    border-color: #D9D9D9 !important;
    background: none !important;
}

.cart_btn_new{
    display: flex !important;
    justify-content: center;
}

.cart_btn_new span{
    right: auto;
    transform: translate(12px, -4px);
}