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

 @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');

 @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&family=Roboto+Flex:opsz,wght@8..144,700&display=swap');

 @import url('https://fonts.googleapis.com/css2?family=Exo: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');


 @import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,700&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');


 @import url('https://fonts.googleapis.com/css2?family=Rozha+One&display=swap');


 @import url('https://fonts.googleapis.com/css2?family=Sofia+Sans:wght@100;200;300;400;500;600;700;800&display=swap');

 @font-face {
     font-family: "Neutra Text";
     src: url(../font/NeutraText-Bold.otf);
 }

 * {
     padding: 0px;
     margin: 0px;
     box-sizing: border-box;
     font-family: 'Inter', sans-serif;
 }

 .sticky-top {
     top: 100px;
 }


 .home_grow {
     /* overflow-x: hidden; */
 }

 .section-header {
     position: relative;
 }

.fdfdtrt img{
    padding-bottom: 30px;
}
 /* ======================active navbar ================== */


 .section-header .navbar-nav>li:hover>a:before {
     opacity: 1;
     transform: scaleX(1);
 }

 .nav-item {
     position: relative;
 }

 .section-header li.active>a:before {
     opacity: 1 !important;
     transform: scaleX(1) !important;
 }

 .section-header .navbar-nav>li>a:before {
     position: absolute;
     bottom: 8px;
     left: 0;
     right: 0;
     height: 2px;
     background-color: #5ca904;
     bottom: -4px;
     content: "";
     transform: scaleX(0.5);
     opacity: 0;
     transition: all 500ms ease;
     z-index: -1;
 }





 .poster:hover {
     color: #ffffff;
 }

 .swal2-popup .swal2-content {
     font-size: 24px !important;
     font-weight: 700 !important;
 }





 .rozha {
     font-family: 'Rozha One', serif;
     font-size: 34px;
     font-weight: 400;
 }

 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 .tolog {
     font-size: 16px;
     font-weight: 400;
     font-family: 'Sofia Sans', sans-serif;
 }

 .droplink {
     border-bottom: 1px solid #E6E8EC;
     padding-right: 100px;
 }

 /* .dropdown-menu {
    display: none;
}
.dropstart:hover .dropdown-menu {
    display: block;
    top: 68px;
    right: -100%;
    transition: all 0.3s ease 0s ;
} */
 .killer_cop {
     color: #DA0000;
 }

 .loginform .modal-content {
     border-radius: 20px;
     border: 1px solid #ffffff;
     box-shadow: 0px 4px 30px 0px #CFD0D0;
 }

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

 .loginform {
     top: 10%;
     z-index: 9999;
 }

 .dropdown-item:hover {
     background: #ffffff;
     color: #000000;
 }

 .dropdown-item.active {
     font-family: 'DM Sans', sans-serif;
     color: #212529;
     font-size: 14px;
     background-color: #ffffff;
 }

 .dropdown-item {
     font-family: 'DM Sans', sans-serif;
     color: #B1B1B1;
     font-size: 14px;
 }

 .dropstart .dropdown-menu[data-bs-popper] {
     top: 68px;
     right: -100%;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     border: none;
     background: #ffffff;
     padding: 20px 10px 10px;
     border-radius: 5px;
 }

 .dropdown-menu {
     transition: all 0.3s ease 0s;
 }

 .dropdown-menu::before {
     content: "";
     position: absolute;
     top: -10px;
     right: 20px;
     text-align: center;
     margin: 0 auto;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 7.5px 10px 7.5px;
     border-color: transparent transparent #f7f7f7 transparent;
 }

 .loginssss .input-group {
     width: 63%;
 }

 .login_pass_ide {
     position: absolute;
     right: 5px;
     width: 31px;
     top: 4px;
     background: none !important;
     border: none;
     z-index: 11;
 }

 .product_image{
    width: 136px;
    height: 100px;
 }

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

 .mert {
     border-radius: 20px !important;
     border: 1px solid #D4D7E3;
     background: #F7FBFF;
 }

 .groce {
     font-size: 12px;
 }

 .sign_ups {
     color: #670066;
     text-decoration: none;
 }

 .yiuo {
     color: #313957;
     text-align: center;
     margin: 0px;
 }

 .emil {
     border-radius: 12px;
     border: 1px solid #D4D7E3;
     background: #F7FBFF;
 }

 .line1 {
     width: 100%;
     height: 1px;
     background-color: #CFDFE2;
 }

 .orser {
     padding: 0 10px;
 }

 .loginform .modal-body {
     padding: 0px;
 }

 .reg_container {
     padding: 0px;
 }

 .logses_ful {
     padding: 10px 30px;
 }

 .logs_img {
     border-radius: 20px;
     width: 100%;
     height: 480px;
 }

 .logses_ful .fa-eye {
     color: #5CA904;
 }

 .logses_ful .fa-eye-slash {
     color: #5CA904;
 }


 .offer_zone {
     top: 20%;
 }

 .loginform1 {
     top: 20%;
 }

 .add_to_carts {
     top: 20%;
 }

 .code {
     font-size: 14px;
 }

 .sunber {
     background: url(../images/offers.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     padding: 55px 2px;
     border-radius: 20px;
     border: 1px solid transparent;
     box-shadow: 0px 5.315068244934082px 25.24657440185547px 0px #FFFFFF80;
 }

 .closed_opo {
     background: #fff;
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100px;
     position: absolute;
     right: 0px;
     top: -21px;
     filter: drop-shadow(0px 3.9863011837005615px 5.315068244934082px #B3DEB3);
 }

 .addes_csrtr {
     color: #670066;
     font-weight: 700;
     font-size: 20px;
 }

 .add_to_carts .modal-content {
     width: 45%;
     margin: auto;
     border-radius: 20px;
 }

 .kalart {
     font-weight: 400;
     color: #383232;
     padding-top: 10px;
     text-decoration: none;
 }

 .weight {
     display: flex;
     justify-content:space-between;
     align-items: center;
     padding-bottom: 20px;
 }

 .vaseji:hover {
     color: #ffffff !important;

 }

 .vaseji {
     margin: 30px;
 }

 .addses_cart {
     padding: 60px 32px 20px;
 }

 .isod {
     position: absolute;
     left: 35%;
     top: -13%;
     width: 100px;
 }

 .add_to_carts .modal-dialog {
     margin-top: 60px;
 }




 .footing-icons {
     color: #670066;
     font-size: 18px;
 }

 .footer-icon {
     padding: 10px 0;
     text-align: center;
 }

 .second-nav {
     justify-content: space-evenly;
 }

 .art {
     background: #670066;
     border-radius: 100px;
 }

 .hd {
     color: #670066;
 }

 .head_max_head1 {
     font-family: 'Roboto Flex', sans-serif;
     font-weight: 700;
     color: #5CA904;
     font-size: 50px;
 }

 .head_max_head3 {
     font-family: 'Roboto Flex', sans-serif;
     font-weight: 700;
     color: #670066;
     font-size: 50px;
 }

 .nav-link {
     font-weight: 600;
     color: #670066 !important;
 }

 .intro {
     box-shadow: 0px 6px 10px rgb(0 0 0 / 12%);
     background-color: #fff !important;
 }

 .login-nav {
     display: flex;
     justify-content: space-around;
     position: relative;
 }

 .nav-up {
     top: -169px;
 }

 .darks-logo {
     display: none;
 }

 .footer_section {
     background: #670066;
     padding: 70px 0;
 }

 .footer_list {
     list-style-type: none;
     padding: 0px;
     line-height: 1.8;
 }

 .footer_anc {
     text-decoration: none;
     color: #ffffff;
     font-weight: 200;
     font-size: 15px;
     transition: all 0.4s;
     font-family: inter;
 }

 .FOOT_NUMs {
     list-style-type: none;
     padding: 0px;
     text-align: center;
 }

 .foot_br {
     color: #FFFFFF;
     font-weight: 400;
     padding: 10px 0;
 }

 .foot_num {
     color: #ffffff;
     text-decoration: none;
     font-weight: 500;
     transition: all 0.4s;
     font-size: 21px;
 }

 .footer_anc:hover {
     margin-left: 7px;
     color: #fff;
 }

 .foot_head {
     color: #ffffff;
     /* text-align: center; */
     font-family: Neutra Text;
     font-size: 21px;

 }

 .foot_head1 {
     color: #ffffff;
     font-family: Neutra Text;
     font-size: 21px;
     text-align: center;

 }

 .foot_para {
     color: #ffffff;
     text-align: center;
     font-family: Neutra Text;
     padding-top: 10px;
 }

 .gro {
     font-size: 16px;
     color: #000000;
     font-family: 'Poppins', sans-serif;
     text-align: center;
     font-weight: 400;
 }

 .first {
     text-align: center;
     display: flex;
     justify-content: center;
 }

 .gro {
     padding: 20px 0;
     word-break: break-word;
 }

 .first_slick {
     padding: 30px 0 0 0;
     margin: 0 0px;
 }

 .vie_al {
     color: #000000;
     text-decoration: none;
     font-family: 'Poppins', sans-serif;

 }

 .rtt {
     animation: range infinite 2.4s;
 }

 @keyframes range {
     0% {
         transform: translateX(0px);
     }

     50% {
         transform: translateX(20px);
     }

     100% {
         transform: translateX(0px);
     }
 }



 .home_full {
     position: relative !important;
     background-size: 100% !important;
     background-repeat: no-repeat !important;
     background-position: center !important;
     height: 95vh !important;
 }

 .first_slick a {
     text-decoration: none;
     padding: 0 5px;
 }

 .home_banner_section {
     position: relative;
     top: 40%;
     /* top: -70%; */

     /* position: absolute;
     top: 10%;
     left: 19px;
     width: 100%; */
 }

 .apointers_action {
     display: flex;
     background: #5CA904;
     justify-content: space-evenly;
     color: #fff !important;
     font-size: 18px;
     font-weight: 700;
 }

 .rsr .slick-dots li button {
     background: #670066;
     border-radius: 50px;
     width: 10px;
     height: 10px;
 }

 .rsr .slick-dots {
     bottom: -35px;
 }

 .rsr li.slick-active button {
     background: #5CA904 !important;
     border-radius: 50px;
 }

 .rsr .slick-dots li button:before {
     opacity: 0 !important;
 }

 .rsr .slick-dots li.slick-active button:before {
     opacity: 0 !important;
 }

 .white-logo {
     width: 80%;
 }

 .crer {
     background: #5CA904;
 }

 .navbar-section {
     position: fixed;
     padding: 15px 0;
     width: 100%;
     z-index: 100;
     /* background: linear-gradient(180deg, #FFFFFF 5.93%, rgba(71, 71, 71, -0.719739) 75.58%, rgba(0, 0, 0, 0) 25.68%); */
     background: linear-gradient(180deg, #FFFFFF 65.93%, rgba(71, 71, 71, -0.719739) 109.58%, rgba(0, 0, 0, 0) 15.68%);
 }

 .home_main_section {
     position: relative !important;
     z-index: 1;
 }



 .categories_section {
     background: url('../images/dow.png');
     background-size: 100%;
     /* height: 40vh; */
     position: relative;
     margin-top: -100px;
     z-index: 9;
 }

 .scr_full {
     position: relative;
     cursor: pointer;
     top: -97px;
 }

 .down1 {
     position: absolute;
     top: 46px;
     font-size: 20px;
     color: #670066;
     animation: scrolls2 3s linear infinite;
 }

 @keyframes scrolls2 {
     0% {
         opacity: 0;
         transform: translateY(-10px);
     }

     100% {
         opacity: 1;
         transform: translateY(10px);
     }
 }

 .down2 {
     position: absolute;
     top: 55px;
     font-size: 20px;
     color: #670066;
     animation: scrolls1 3s linear infinite;
 }

 @keyframes scrolls1 {
     0% {
         /* opacity: 0; */
         transform: translateY(-10px);
     }

     100% {
         /* opacity: 1; */
         transform: translateY(10px);
     }
 }


 .scroll-down-btn {
     display: inline-flex;
     justify-content: center;
     width: 2rem;
     height: 3rem;
     background-color: transparent;
     padding: 0.75rem;
     border: 4px solid #670066;
     border-radius: 100px;
     position: relative;
     left: 49.6%;
     top: 17px;
 }

 .scroll-down-btn::after {
     position: absolute;
     content: "";
     width: 5px;
     height: 10px;
     aspect-ratio: 1;
     border-radius: inherit;
     background-color: #670066;
     animation: scroll 3s linear infinite;
 }

 @keyframes scroll {
     0% {
         opacity: 0;
         transform: translateY(-20px);
     }

     100% {
         opacity: 1;
         transform: translateY(20px);
     }
 }

 .over {
     color: #670066;
     font-weight: 700;
     text-align: center;
     font-size: 24px;
 }

 .love {
     color: #5CA904;
 }

 .testimonial_section {
     background: #EFF1EE;
     padding: 50px 0;
 }

 .first_testimonials {
     border-radius: 29.003px;
     background: #FFF;
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10), 0px 12.78278px 28.00037px 0px rgba(0, 0, 0, 0.10);
     padding: 29px;
     margin: 10px;
 }

 .green {
     height: 8px;
     width: 100%;
     background: #5CA904;
 }

 .ctns {
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
     padding-top: 10px;
     text-align: justify;
 }

 .ctns1 {
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
     padding-top: 10px;
     padding-left: 10px;
 }

 .rest {
     color: #FFAC33;
 }

 .rest1 {
     color: #CEC9C1;
 }

 .restts {
     list-style-type: none;
     display: flex;
     padding: 0px;
 }

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

 .img111 {
     display: flex;
 }

 .gapses {
     row-gap: 20px;
     padding-top: 50px;
     padding-bottom: 50px;
     margin: auto;
 }

 .first_slick .slick-dots li button {
     background: #E7E7E7;
     border-radius: 50px;
     width: 10px;
     height: 10px;
 }

 .first_slick .slick-dots {
     bottom: -35px;
 }

 .first_slick li.slick-active button {
     background: #5CA904 !important;
     border-radius: 50px;
 }

 .first_slick .slick-dots li button:before {
     opacity: 0 !important;
 }

 .first_slick .slick-dots li.slick-active button:before {
     opacity: 0 !important;
 }

 .nutri_section {
     padding: 50px 0;
     background-color: #670066;
 }

 .nut_para {
     font-size: 12px;
     color: #FFFFFF;
 }

 .nut_head {
     color: #FFFFFF;
     font-weight: 600;
     padding: 10px 0 10px 0;
 }

 .nut_lu {
     padding: 0 25px;
     text-align: center;
 }

 .home-btn {
     background: #5CA904;
     animation: btn 2s ease-in-out;
     font-size: 18px;
     position: relative;
     z-index: 1;
     border-radius: 56px !important;
     padding: 13px 20px;
     color: #fff;
     display: flex;
     justify-content: space-evenly;
 }

 .home-btn::before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 56px;
     z-index: -1;
     color: #ffffff;
     background: #670066;
     transform-origin: left;
     transition: transform 0.5s;
     transform: scaleX(0);

 }

 .head_banner_filling1 .btn:hover {
     color: #ffffff;
 }

 .home-btn:hover::before {
     transform-origin: right;
     transform: scaleX(1);
 }

 .tyty {
     /* justify-content: space-between; */
     margin-top: 10px;
 }

 .home-btn1 {
     background: #5CA904;
     animation: btn 2s ease-in-out;
     font-size: 16px;
     position: relative;
     z-index: 1;
     border-radius: 21px !important;
     padding: 7px 47px;
     font-weight: 600;
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: space-evenly;
 }

 .home-btn1::before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 21px;
     z-index: -1;
     color: #ffffff;
     background: #670066;
     transform-origin: left;
     transition: transform 0.5s;
     transform: scaleX(0);

 }

 .home-btn1:hover::before {
     transform-origin: right;
     transform: scaleX(1);
 }


 .home-btn2 {
     background: #E1E1E1;
     animation: btn 2s ease-in-out;
     font-size: 16px;
     position: relative;
     z-index: 1;
     border-radius: 21px !important;
     padding: 7px 5px;
     font-weight: 600;
     color: #626262;
     display: flex;
     align-items: center;
     justify-content: space-evenly;
 }

 .home-btn2::before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 21px;
     z-index: -1;
     color: #ffffff;
     background: #670066;
     transform-origin: left;
     transition: transform 0.5s;
     transform: scaleX(0);

 }

 .in_stock .btn:hover {
     color: #ffffff;
 }

 .home-btn2:hover::before {
     transform-origin: right;
     transform: scaleX(1);
 }



 .shaded1 {
     animation: btn1 2s ease-in-out infinite;
 }

 @keyframes btn1 {
     0% {
         transform: translateY(10px);
     }

     50% {
         transform: translateY(0px);
     }

     100% {
         transform: translateY(10px);
     }
 }

 .combo_section {
     /* background: linear-gradient(64deg, #5DAA05 3%, #B0D078 38.15%, #FFF4E6 88.81%); */
     background: url('../images/combo.png');
     background-size: cover;
     padding: 50px 0 100px;
     position: relative;
     /* box-shadow: 0 -206px 97px rgba(255, 245, 231, 0.9) inset, 0 0 20px rgba(255, 245, 231, 0.2), 0px -50px 36px -28px rgba(0, 0, 0, 0.35) inset; */

 }

 .bt_linear {
     background: linear-gradient(180deg, rgba(255, 245, 231, 0.00) 4.5%, #FFF5E7 94.64%);
     position: absolute;
     z-index: 29;
     height: 50vh;
     width: 100%;
     bottom: 1px;
 }

 .combohead {
     text-align: center;
     font-family: 'Poppins', sans-serif;
     font-weight: 700;
     font-size: 24px;
 }

 .produs_img img {
     height: 280px;
     width: 100%;
 }



 .produs_img {
     position: relative;
     background: #fff;
     text-align: center;
     border-radius: 10px;
     padding: 0px 0px;
     overflow: hidden;
 }

 .alva img {
     width: 100%;
     height: 500px;
     padding: 20px;
 }

.car1 a img{
    width: 148px;
    height: 148px;
    border-radius: 5px;
}
.car1{
    border-radius: 5px;
}
.car1 img{
    width: 148px;
    height: 148px;
    overflow-x: clip;
    transition: 1s all ease-in-out;
}
.car1 img:hover{
    transform: scale(1.1);
}

.ioio h5{
    font-size: 14px;
}
 .he_head {
     color: #1C1C1C;
     font-size: 16px;
     font-weight: 600;
     text-align: center;
     padding: 10px 0 5PX;
 }

 .he_para {
     color: #1C1C1C;
     font-size: 18px;
     text-align: center;
     font-weight: 600;
 }

 .he_para1 {
     color: #8B96A5;
     text-decoration: line-through;
     font-size: 15px;
     font-weight: 600;
 }

 .product_one {
     position: relative;
 }

 .las_pro {
     text-decoration: none;
 }

 .ful_po {
     display: flex;
     justify-content: space-between;
     background: #3a6d00;
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
 }

 .prds_inr {
     display: flex;
 }

 .input_poo {
     width: 64px;
     text-align: center;
     background: #3A6D00;
     color: #fff;
     border-left: 1px solid #D2D2D2;
     border-right: 1px solid #D2D2D2;
     border-top: none;
     border-bottom: none;
 }

 .add_to_cart {
     background-color: #5CA904;
     color: #ffffff;
     text-decoration: none;
     /* padding: 10px 42px !important; */
     border-bottom-right-radius: 10px;
 }

 .btn_plus {
     padding: 10px;
     background: #3A6D00;
     color: #fff;
     border: none;
 }

 .btn_min {
     padding: 10px;
     background: #3A6D00;
     color: #fff;
     border: none;
     border-bottom-left-radius: 10px;
 }

 .num_weerr {
     padding: 50px 0;
     row-gap: 100px;
 }

 .prd_inp {
     opacity: 0;
 }

 .las_pro {
     position: relative;
 }

 .prd_inp {
     position: absolute;
     width: 100%;
     top: 100%;
     left: 0%;
     transition: .5s linear;
     /* margin-top: -100px; */
 }

 .product_one:hover .prd_inp {
     opacity: 1;
     top: 85%;
     /* margin-top: -125px; */
 }

 .first_node:hover {
     color: #000000;
 }

 .ads_carts {
     width: 100%;
 }

 .wer {
     text-decoration: none;
     color: #000;
 }

 .product_one:hover .produs_img {
     box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 15px;
     transition: 2s;
 }

 .produs_img img {
     transition: all 1.5s ease-in-out;
 }

 .product_one:hover .produs_img img {
     transform: scale(1.1);

 }

 .product_name {
     font-size: 13px;
 }

 input[type=text]:focus {
     outline: none;
 }

 .add_to_cart .btn {
     border: none;
 }

 .hot_section {
     background: linear-gradient(180deg, rgba(255, 245, 232, 0) 2.04%, #FFF5E8 96.8%);
     padding: 50px 0;
 }


 /** Button style1 **/
 .theme-btn1,
 a.theme-btn1 {
     z-index: 1;
     color: white;
     font-size: 14px;
     overflow: hidden;
     cursor: pointer;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     font-weight: 600;
     position: relative;
     border-bottom-right-radius: 10px;
     border-top-right-radius: 0px;
     border-top-right-radius: 0px;
     text-align: center;
     padding: 11px 30px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-transform: uppercase;
     background: #ededed;
 }

 .theme-btn1 i,
 a.theme-btn1 i {
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     margin-left: 10px;
 }

 .theme-btn1:after,
 .theme-btn1:before,
 a.theme-btn1:after,
 a.theme-btn1:before {
     z-index: -1;
     content: '';
     -webkit-transition: 0.75s;
     -o-transition: 0.75s;
     transition: 0.75s;
     position: absolute;
     width: 0;
     height: 0;
     background: transparent;
 }

 .theme-btn1:before,
 a.theme-btn1:before {
     left: 0;
     top: 0;
     border-bottom: 55px solid transparent;
     border-left: 350px solid #5CA904;
 }

 .theme-btn1:after,
 a.theme-btn1:after {
     right: 0;
     bottom: 0;
     border-top: 55px solid transparent;
     border-right: 350px solid #5CA904;
 }

 .theme-btn1:hover:before,
 a.theme-btn1:hover:before {
     border-bottom: 0px solid transparent;
     border-left: 0px solid #5CA904;
 }

 .theme-btn1:hover:after,
 a.theme-btn1:hover:after {
     border-top: 0px solid transparent;
     border-right: 0px solid #5CA904;
 }

 .theme-btn1.btn-border,
 a.theme-btn1.btn-border {
     border: 1px solid;
 }

 .theme-btn1.style-two,
 a.theme-btn1.style-two {
     color: #ffffff;
     background: #5CA904;
     border: 1px solid #e8e8e8;
 }

 .theme-btn1.style-two:after,
 a.theme-btn1.style-two:after {
     border-right-color: white;
 }

 .theme-btn1.style-two:before,
 a.theme-btn1.style-two:before {
     border-left-color: white;
 }

 .theme-btn1.style-two:hover,
 a.theme-btn1.style-two:hover {
     color: white;
 }

 .theme-btn1.style-three,
 a.theme-btn1.style-three {
     color: #252525;
     background: #5CA904;
 }

 .theme-btn1.style-three:after,
 a.theme-btn1.style-three:after {
     border-right-color: #efefef;
 }

 .theme-btn1.style-three:before,
 a.theme-btn1.style-three:before {
     border-left-color: #efefef;
 }

 .theme-btn1.style-three:hover,
 a.theme-btn1.style-three:hover {
     color: white;
 }

 .theme-btn1.style-four,
 a.theme-btn1.style-four {
     color: white;
     opacity: 0.5;
     border: 1px solid #7c7c7c;
     background: #5CA904;
 }

 .theme-btn1.style-four:after,
 a.theme-btn1.style-four:after {
     border-right-color: #1f1f1f;
 }

 .theme-btn1.style-four:before,
 a.theme-btn1.style-four:before {
     border-left-color: #1f1f1f;
 }

 .theme-btn1.style-four:hover,
 a.theme-btn1.style-four:hover {
     opacity: 1;
     border-color: #5CA904;
 }

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









 /* =================================contact ===================================== */
 .roboto{
     padding-bottom:10px;
 }

 .follow-img {
     background-image: url(../images/c1.png);
     background-repeat: no-repeat;
     background-size: cover;
     height: 48vh;
     margin-top: -89px;
 }

 .bagggw {
     padding: 50px 0 0 0;
 }

 .feat {
     color: #1C1C1C !important;
     font-weight: 600;
     background: #fff !important;
     border: none;
 }


 .reddd {
     position: absolute;
     top: 10%;
     left: 15%;
     color: #fff;
     font-size: 232px;
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
 }

 #quick {
     position: relative;
 }

 .cont_section {
     position: relative;
     overflow: hidden;
     padding-top: 100px;
     padding-bottom: 100px;
     background-color: #FAFAFA;
 }

 .garudsds {
     padding: 0px;
 }

 .gf {
     background-image: url('../images/md.png');
 }

 .services-slidersews::before {
     position: absolute;
     content: " ";
     height: 20%;
     bottom: 0;
     left: 0;
     opacity: 0.5;
     background: linear-gradient(360deg, rgba(255, 255, 255, 0.64) 17.07%, rgba(255, 255, 255, 0) 72.62%);
     width: 100%;
     z-index: 2;
 }

 .full_mapd {
     position: relative;
     padding-top: 50px;
 }

 .rerf1 {
     position: absolute;
     animation: moving_rightses 3s ease-in-out infinite;
     top: 0px;
 }

 .rerf2 {
     position: absolute;
     animation: moving_rightses 3s ease-in-out infinite;
     bottom: 0px;
 }

 .rerf22 {
     position: absolute;
     top: 63px;
     left: 4px;
 }

 .rerf23 {
     position: absolute;
     top: 30px;
     left: 0px;
     animation: moving_upses1 3s ease-in-out infinite;
 }

 .rerf11 {
     position: absolute;
     animation: moving_rightses 3s ease-in-out infinite;
     bottom: 5px;
     left: -27px;
 }

 html {
     overflow-x: hidden;
 }

 .foic {
     font-weight: 700;
     font-size: 20px;
     font-family: 'Exo', sans-serif;
     color: rgba(53, 53, 53, 1);
 }

 .fp {
     font-weight: 700;
     font-size: 18px;
      font-family: exo; 
     color: rgba(53, 53, 53, 1);
     letter-spacing: 3px;
 }

 .sds11 {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 27px;
 }
 .sds11 img{
     padding-left:20px;
 }
 .foic{
    padding-left:10px; 
 }
.foicp1{
    padding-left:10px;
}
 #tel a {
     color: black;
     margin-top: 18px;
     line-height: 1px;
 }

 .fh2 {
     font-weight: 700;
     font-size: 55px;
      font-family: exo; 
     color: rgba(53, 53, 53, 1);
 }

 .contact_section {
     /* position: relative; */
     /* top: 100px; */
     padding-top: 100px;
 }

 .dffsrds {
     padding: 0px;
 }

 .heer {
     font-size: 40px;
     font-weight: 700;
     color: #353535;
     font-family: 'Exo', sans-serif;
     color: #670066;
 }

 .foot_head11 {
     color: #000000;
     /* text-align: center; */
     font-family: Neutra Text;
     font-size: 21px;
 }

 .footer-icon11 {
     display: flex;
     position: absolute;
     /* top: 79px; */
     margin-top: 130px;
 }

 .rersesr {
     color: #fff;
     position: relative;
     font-family: Neutra Text;
     font-size: 16px;
     font-weight: 500;
     bottom: -255px;
 }

 .asstrs {
     padding-left: 20px;
 }

 .yue {
     padding-left: 10px;
 }

 .heer1 {
     font-size: 40px;
     font-weight: 700;
     color: #353535;
     font-family: 'Exo', sans-serif;
     color: #5CA904;
 }

 #message1 {
     position: absolute;
 }

 #message2 {
     position: absolute;
 }

 #message3 {
     position: absolute;
 }

 #message5 {
     position: absolute;
 }

 #message4 {
     position: absolute;
 }

 .cont_cd .form-control {
     border: 1px solid #EBEBEB;
     line-height: 2;
 }

 .toors {
     padding: 10px 0px;
     position: relative;
 }

 .fdsfddfd {
     font-size: 18px;
     font-family: 'Inter', sans-serif;
     font-weight: 700;
 }

 .home-btn4::before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background: #670066;
     border-radius: 17px;
     transform-origin: left;
     transition: transform 0.5s;
     transform: scaleX(0);
 }

 .home-btn4:hover::before {
     transform-origin: bottom;
     transform: scaleX(1);
 }

 .home-btn4 {
     background: #5CA904;
     animation: btn 2s ease-in-out infinite;
     font-size: 18px;
     position: relative;
     z-index: 1;
     border-radius: 17px !important;
     padding: 8px 60px;
     font-weight: 700;
     color: #fff !important;
     border: 0px;
 }


 .home-btn5::before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background: #670066;
     border-radius: 17px;
     transform-origin: left;
     transition: transform 0.5s;
     transform: scaleX(0);
 }

 .home-btn5:hover::before {
     transform-origin: bottom;
     transform: scaleX(1);
 }

 .home-btn5 {
     background: #5CA904;
     animation: btn 2s ease-in-out infinite;
     font-size: 18px;
     position: relative;
     z-index: 1;
     border-radius: 17px !important;
     padding: 8px 60px;
     font-weight: 700;
     color: #fff !important;
     border: 0px;
 }


 .home-btn6 {
     background: #FFF5E7;
     animation: btn 2s ease-in-out infinite;
     font-size: 15px;
     position: relative;
     z-index: 1;
     border-radius: 5px !important;
     padding: 6px 25px;
     font-weight: 700;
     color: #000 !important;
     border: 0px;
 }

 .home-btn6::before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background: #670066;
     border-radius: 5px;
     transform-origin: top;
     transition: transform 0.5s;
     transform: scaleX(0);
 }


 .home-btn6:hover::before {
     transform-origin: bottom;
     transform: scaleX(1);
 }

 .ofer_full .btn:hover {
     color: #ffffff !important;
 }




 .home-btn7 {
     background: #670066;
     animation: btn 2s ease-in-out infinite;
     font-size: 15px;
     position: relative;
     z-index: 1;
     border-radius: 25px !important;
     padding: 8px 60px;
     font-weight: 700;
     color: #fff !important;
     border: 0px;
 }

 .home-btn7::before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background: #FFF5E7;
     border-radius: 25px;
     transform-origin: bottom;
     transition: transform 0.5s;
     transform: scaleX(0);
 }


 .home-btn7:hover::before {
     transform-origin: bottom;
     transform: scaleX(1);
 }

 .xsd.btn:hover {
     color: #000 !important;
 }



 .cresesd {
     color: #FA3434;
 }

 .price_ty.active {
     border: 1px solid #00B517;
 }

 .sts.active1 {
     border: 1px solid #00B517;
 }


 .home-btn8::before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background: #5CA904;
     border-radius: 5px;
     transform-origin: left;
     transition: transform 0.5s;
     transform: scaleX(0);
 }

 .home-btn8:hover::before {
     transform-origin: bottom;
     transform: scaleX(1);
 }

 .home-btn8 {
     background: #670066;
     animation: btn 2s ease-in-out infinite;
     font-size: 16px;
     position: relative;
     margin: 30px 0;
     z-index: 1;
     border-radius: 5px !important;
     padding: 8px 20px;
     font-weight: 400;
     color: #fff !important;
     border: 0px;
 }










 .cont_cd .input-group-text {
     line-height: 2;
     background: #fff;
     border-right: #fff;
 }


 /* =======================================all product page =================== */
 .all_product_section {
     background: linear-gradient(180deg, #FFF 17.46%, rgba(244, 244, 242, 0.52) 54.64%, rgba(232, 231, 227, 0.00) 90.66%), url('../images/allprd.png');
     background-size: cover;
     height: 480px;
     position: relative;
 }

 .all_desc_section {
     background: linear-gradient(180deg, #FFF 17.46%, rgba(244, 244, 242, 0.52) 54.64%, rgba(232, 231, 227, 0.00) 90.66%), url('../images/desc.jpg');
     background-size: cover;
     height: 480px;
     position: relative;
 }

 .eortst {
     padding: 50px 0;
 }

 .drdrrrr {
     row-gap: 70px;
 }

 .toggle-password1 {
     padding: 10px;
 }

 .all_cat_section .accordion-item {
     border: none;
     padding-left: 10px;
 }

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

 .all_cat_section .accordion-item:first-of-type .accordion-button {
     border-top: 1px solid #DEE2E7;
     border-radius: 0px;
 }

 .all_cat_section .accordion-button:not(.collapsed) {
     box-shadow: none;
 }

 .all_cat_section .form-check {
     padding-bottom: 10px;
 }

 /* .coiii{
    border: 0.5px solid #DEE2E7;
 } */



 .form-check-label {
     font-weight: 400;
 }

 .form-check-input:checked {
     background-color: #670066;
     border-color: #670066;
 }

 .all1 {
     color: #5CA904;
     font-weight: 500;
     font-size: 35px;
     text-align: center;
     position: absolute;
     top: 50%;
     /* left: 50%; */
     transform: translateX(-50px);
 }

 .pr1 {
     color: #670066;
     font-weight: 500;
     font-size: 35px;
 }

 .all_cat_section {
     position: relative;
     padding-top: 40px;
     padding-bottom: 70px;
 }

 .oilss_cat {
     list-style-type: none;
     text-decoration: none;
     display: flex;
     justify-content: space-between;
     margin: 0px;
 }

 .grocry {
     text-decoration: none;
     color: #000000;
     font-weight: 700;
 }

 .rte {
     align-items: center;
 }

 .ser_ic {
     position: absolute;
     top: 0;
     right: 0;
     width: 40px;
     height: 100%;
     border: 0;
     background: none;
     font-size: 16px;
     color: #5CA904;
 }

 .search_ajx {
     position: relative;
 }

 .prd_serar {
     border-radius: 19.5px;
     border: 1px solid #959595;
     background: #FFF;
 }







 /* =============================range value ========================== */
 .wrapper {
     width: 100%;
     background: #fff;
     border-radius: 5px;
     padding: 14px 12px 25px;
     box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
 }

 header h2 {
     font-size: 24px;
     font-weight: 600;
 }

 header p {
     margin-top: 5px;
     font-size: 16px;
 }

 .price-input {
     width: 100%;
     display: flex;
     margin: 15px 0 25px;
 }

 .price-input .field {
     display: flex;
     width: 100%;
     height: 45px;
     align-items: center;
 }

 .field input {
     width: 100%;
     height: 100%;
     outline: none;
     font-size: 19px;
     /* margin-left: 12px; */
     border-radius: 5px;
     text-align: center;
     border: 1px solid #999;
     -moz-appearance: textfield;
 }

 input[type="number"]::-webkit-outer-spin-button,
 input[type="number"]::-webkit-inner-spin-button {
     -webkit-appearance: none;
 }

 .price-input .separator {
     width: 97%;
     display: flex;
     font-size: 19px;
     align-items: center;
     justify-content: center;
 }

 .slider {
     height: 5px;
     position: relative;
     background: #ddd;
     border-radius: 5px;
 }

 .slider .progress {
     height: 100%;
     left: 7%;
     right: 6%;
     position: absolute;
     border-radius: 5px;
     background: #670066;
 }

 .range-input {
     position: relative;
 }

 .range-input input {
     position: absolute;
     width: 100%;
     height: 5px;
     top: -5px;
     background: none;
     pointer-events: none;
     -webkit-appearance: none;
     -moz-appearance: none;
 }

 input[type="range"]::-webkit-slider-thumb {
     height: 17px;
     width: 17px;
     border-radius: 50%;
     background: #670066;
     pointer-events: auto;
     -webkit-appearance: none;
     box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
 }

 input[type="range"]::-moz-range-thumb {
     height: 17px;
     width: 17px;
     border: none;
     border-radius: 50%;
     background: #670066;
     pointer-events: auto;
     -moz-appearance: none;
     box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
 }

 /* Support */
 .support-box {
     top: 2rem;
     position: relative;
     bottom: 0;
     text-align: center;
     display: block;
 }

 .b-btn {
     color: white;
     text-decoration: none;
     font-weight: bold;
 }

 .b-btn.paypal i {
     color: blue;
 }

 .b-btn:hover {
     text-decoration: none;
     font-weight: bold;
 }

 .b-btn i {
     font-size: 20px;
     color: yellow;
     margin-top: 2rem;
 }

 .fr {
     border: none !important;
 }










 /* ==============================        product description =============================== */


 .description_section {
     position: relative;
     padding: 100px 0;
 }

 .alva {
     border: 1px solid #96969630
 }

 .in_stock {
     position: relative;
     padding: 30px;
     box-shadow: 0px 4px 4px 0px #00000040;
     border-radius: 20px;
 }

 .gree {
     color: #5CA904;
 }

 .smar {
     color: #1C1C1C;
     font-weight: 600;
     font-size: 30px;
 }

 .desc_para {
     color: #505050;
     font-weight: 400;
     font-size: 16px;
     word-break: break-all;
 }

 .he_price {
     color: #1C1C1C;
     font-size: 24px;
     font-weight: 600;
 }

 .he_par {
     color: #8B96A5;
     text-decoration: line-through;
     font-size: 16px;
     font-weight: 600;
 }

 .offer {
     color: #B23333;
     font-size: 18px;
 }

 .pases {
     background: #EED2E0;
     padding: 20px 4px;
     text-align: center;
 }

 .uit {
     display: flex;
     list-style-type: none;
 }

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

 .full_link {
     margin: 20px 0;
     padding: 20px 0 0 15px;
     box-shadow: 0px 4px 4px 0px #00000040;
     border-radius: 27px;

 }

 .content_section {
     position: relative;
     padding-top: 30px;
     padding-bottom: 50px;
     ;
 }

 .thuyu {
     border: 1px solid #DEE2E7;
     padding: 20px;
 }

 .ptio_ead {
     font-size: 16px;
     padding-bottom: 10px;
 }

 .juju {
     list-style-type: none;
     line-height: 1.9;
     padding: 0px;
 }

 .qtys {
     color: #8B96A5;
     font-size: 14px;
     font-weight: 400;
 }

 .qty_lit {
     padding: 25px 0;
     align-items:center;
 }

 .all {
     color: #670066;
     text-decoration: none;
     font-weight: 600;
 }

 .is-checked {
     color: #670066;
     text-decoration: none;
     font-weight: 600;
 }

 .price_ty {
     background: #fff;
     padding: 10px;
     border: 1px solid #D5D5D5;
     border-radius: 8px;
     font-size: 14px;
     font-weight: 700;
     margin: 3px 0;
 }

 .sdfjk {
     justify-content: space-evenly;
 }

 .price_twe {
     font-size: 12px;
     font-weight: 400;
 }

 .btn_plus1 {
     padding: 7px;
     background: #fff;
     color: #1C1C1C;
     border: 1px solid #DEE2E7;
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
 }

 .btn_min1 {
     padding: 7px;
     color: #1C1C1C;
     background: #fff;
     border: 1px solid #DEE2E7;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
 }

 .input_poo1 {
     width: 64px;
     text-align: center;
     color: #1C1C1C;
     border-top: 1px solid #D2D2D2;
     border-bottom: 1px solid #D2D2D2;
     border-left: 0.1px solid #D2D2D2;
     border-right: 0.1px solid #D2D2D2;
     /* border-top: none;
    border-bottom: none; */
 }

 .lent {
     border-right: 2px solid #D9D9D9;
 }

 .lent11 {
     border-left: 2px solid #D9D9D9;
 }

 .atrt {
     padding-left: 40px;
 }

 .tab_td {
     background: #fff;
     box-shadow: none !important;
     font-size: 12px;
 }

 .tab_he {
     background: #EFF2F4 !important;
     box-shadow: none !important;
     width: 400px;
     font-size: 12px
 }

 .ghg:hover {
     transform: rotate(360deg);
     transition: 1s ease-in-out;
 }

 .aresa {
     row-gap: 20px;
 }

 .cheeee {
     color: #8B96A5;
     padding-right: 10px;
 }

 .mycart_section {
     background: linear-gradient(180deg, #FFF 17.46%, rgba(244, 244, 242, 0.52) 54.64%, rgba(232, 231, 227, 0.00) 90.66%), url('../images/desc.jpg');
     background-size: cover;
     height: 250px;
     position: relative;
 }

 .shop {
     color: #343434;
     font-size: 24px;
     font-weight: 600;
     padding: 20px 0;
 }

 .ct {
     color: #343434;
     font-size: 24px;
     font-weight: 400;
 }

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

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

 .ioio {
     padding-left: 20px;
 }

 .rems {
     margin: 30px;
     border-bottom: 1px solid #DEE2E7;
 }

 .shopses {
     border-bottom: 1px solid #DEE2E7;
     padding-top: 40px;
 }

 .shopses-full {
     padding: 0px 20px;
     border: 1px solid #DEE2E7;
     border-radius: 5px;
 }
 .cancellatiomodel123:hover{
    color: #ffffff !important;
 }

 .rubee {
     font-weight: 600;
     color: #670066;
     text-align: end;
 }

 .home-btn3 {
     background: #5CA904;
     animation: btn 2s ease-in-out;
     font-size: 16px;
     position: relative;
     width: 100%;
     z-index: 1;
     border-radius: 5px !important;
     padding: 13px 20px;
     color: #fff;
     display: flex;
     justify-content: space-evenly;
     align-items: center;
 }

 .home-btn3::before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 5px;
     z-index: -1;
     color: #ffffff;
     background: #670066;
     transform-origin: left;
     transition: transform 0.5s;
     transform: scaleX(0);

 }

 .shopses-full .btn:hover {
     color: #ffffff;
 }

 .home-btn3:hover::before {
     transform-origin: right;
     transform: scaleX(1);
 }

 .removall_cart {
     background-color: #fff;
     color: #670066;
     border: 1px solid #DEE2E7;
 }

 .removall_wishlist {
     background-color: #fff;
     color: #670066;
     border: 1px solid #DEE2E7;
 }


 .ful_crtr {
     align-items: center;
     padding: 10px 0;
     justify-content: space-between;
 }

 .removall_cart:hover {
     color: #3A6D00 !important;
 }

 .removall_wishlist:hover {
     color: #3A6D00 !important;
 }

 .rems:hover {
     color: #670066 !important;
 }

 .rems {
     color: #FA3434;
     border: 1px solid #DEE2E7;
 }

 .mycarts_sec {
     position: relative;
     padding-bottom: 50px;
     margin-bottom: 30px;
     padding-top: 50px;
 }

 /* .shopses {
     position: sticky;
     top: 120;
     height: calc(80vh - 120px);
     overflow-y: scroll;
 }

 .shopses::-webkit-scrollbar {
     width: 5px;
     height: 5px;
 }

 .shopses::-webkit-scrollbar-thumb {
     background: #2a2a2a;
     border-radius: 5px;
 } */

 .go_chec {
     border: 1px solid #DEE2E7;
     border-radius: 5px;
 }

 .sub_to {
     display: flex;
     justify-content: space-between;
     padding: 22px 0px;
 }

 .sub_to1 {
     display: flex;
     justify-content: space-between;
     padding: 10px 0px;
 }


 .dasdd {
     padding: 0 50px;
 }

 .tot1 {
     color: #1C1C1C;
     font-weight: 600;
     font-size: 14px;
     margin: 0px;
 }

 .tot {
     color: #1C1C1C;
     font-weight: 600;
     font-size: 16px;
     margin: 0px;
 }

 .subtot1 {
     color: #1C1C1C;
     font-weight: 500;
     font-size: 14px;
     margin: 0px;
 }

 .tyubgf {
     padding-top: 10px;
     font-size: 16px;
     color: #670066;
     text-align: center;
     text-decoration: none;
     font-weight: 500;
 }

 .tyubgf:hover {
     color: #670066;
 }

 #show_passwoi {
     color: #670066;
 }

 #show_passwoi:hover {
     color: #670066;
 }

 .tere {
     padding: 20px;
 }

 .retfyy {
     border-bottom: 1px solid #DEE2E7;
     padding-bottom: 15px;
 }

 .home-btn4 {
     background: #00908D;
     animation: btn 2s ease-in-out;
     font-size: 16px;
     position: relative;
     z-index: 1;
     border-radius: 5px !important;
     padding: 13px 90px;
     color: #fff;
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     margin: 10px;
 }

 .home-btn4::before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 5px;
     z-index: -1;
     color: #ffffff;
     background: #670066;
     transform-origin: left;
     transition: transform 0.5s;
     transform: scaleX(0);

 }

 .dasdd .btn:hover {
     color: #ffffff;
 }

 .home-btn4:hover::before {
     transform-origin: right;
     transform: scaleX(1);
 }

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

 .shipment_section {
     position: relative;
     padding: 100px 0;
 }

 .ters {
     font-size: 16px;
     font-weight: 500;
     color: #5CA904;
 }

 .conty_de {
     color: #C45500;
     font-family: 'Roboto Flex', sans-serif;
     font-weight: 500;
     padding: 20px 0;
 }

 .date_dfj {
     justify-content: space-between;
 }

 .label_ui {
     color: #585858;
     font-size: 15px;
     font-weight: 500;
     padding-top: 30px;
 }

 .ruyt {
     justify-content: center;
 }

 .tree .btn:hover {
     color: #ffffff;
     font-family: 'Roboto Flex', sans-serif;
 }


 .thyju {
     padding: 50px 0;
     align-items: center;
     justify-content: center;
 }

 .about_page_section {
     position: relative;
     padding: 100px 0;
 }

 .about_page_section p {
     text-align: justify;
 }

 .abt_hed {
     font-family: "Neutra Text";
     font-size: 45px;
     font-weight: 600;
 }

 .yuyuy {
     border-radius: 5px;
 }

 .reet {
     list-style-type: decimal;
 }

 .leth {
     text-transform: lowercase;
 }

 .kad {
     padding-top: 30px;
     padding-bottom: 20px;
     font-weight: 700;
     text-align: center;
 }

 .text_re {
     color: #FA3434;
 }

 .text_gre {
     color: #00B517;
 }

 .trtt {
     row-gap: 15px;
 }

 .coup_label {
     font-weight: 400;
     color: #505050;
 }

 .basic {
     background-color: #fff;
     color: #00908D;
 }

 .pays span {
     padding: 0 20px;
     color: #CCCCCC;
 }

 .pays i {
     color: #CCCCCC;
     font-size: 16px;
 }

 .payww {
     font-size: 16px;
     font-weight: 500;
     color: #CCCCCC;
 }

 .input-group-text {
     background-color: #fff;
 }


 /* =============================register page =========================== */
 .register_section {
     background: url('../images/regbg.jpg');
     background-size: cover;
     position: relative;
     padding-top: 100px;
     padding-bottom: 100px;
 }

 .regst_sec {
     background-color: #ffffff;
     padding: 30px;
     border-radius: 9px;
 }

 .wel_re {
     color: #670066;
     font-size: 36px;
     font-weight: 600;
 }

 .wel_log {
     color: #670066;
     font-size: 25px;
     font-weight: 600;
 }


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

 .paswer .input-group {
     width: 100%;
 }

 .pind {
     padding: 0 20px;
     text-decoration: none;
     font-weight: 400;
     font-family: 'Roboto Flex', sans-serif;
     color: #66676B;
 }

 .bnub {
     border-right: 0px;
 }

 .secdrt {
     row-gap: 10px;
     justify-content: center;
 }

 .roboto {
     color: #0C1421;
     font-size: 16px;
     font-weight: 400;
     font-family: 'Roboto Flex', sans-serif;
 }

 .secdrt .input-group-append {
     position: absolute;
     right: 0px;
     z-index: 99;
 }

 .secdrt #myInput1 {
     width: 100%;
 }

 .roboto_set {
     color: #0C1421;
     font-size: 15px;
     font-weight: 200;
     font-family: 'Roboto Flex', sans-serif;
 }



 .paresr {
     padding: 40px 0 0 0;
     font-weight: 300;
     color: #313957;
 }

 .paresr1 {
     font-weight: 400;
 }

 .emptyu {
     padding: 50px 0;
 }

 .deee .btn:hover {
     color: #fff;
 }

 .myaccount_section {
     padding-top: 100px;
     position: relative;
 }

 .myaccount_section1 {
     background-color: #D9D9D9;
 }

 .acc {
     color: #343434;
     font-size: 24px;
     font-weight: 600;
     padding: 50px 0;
     text-align: center;
     margin: 0px;
 }

 .my_acc {
     position: relative;
     padding: 50px 0;
     background-color: #F8F8F8;
 }

 .accounting {
     background: #5CA904;
     padding: 20px 17px;
     display: flex;
     justify-content: space-evenly;
     border-radius: 10px;
     text-decoration: none;
 }

 .modal-backdrop {
     background-color: #868686BF !important;
 }

 .hel2 {
     font-weight: 500;
     font-size: 16px;
     color: #ffffff;
 }

 .hel1 {
     font-weight: 200;
     font-size: 16px;
     color: #ffffff;
 }

 .accounting2 {
     background: #ffffff;
     box-shadow: 0px 4px 8px 0px #0000001A;
     padding: 30px;
     border-radius: 8px;
     margin-top: 10px;
 }

 .manages {
     line-height: 2.5;
     list-style-type: none;
     padding: 0px;
 }

 .vart {
     text-decoration: none;
     color: #8C8C8C;
 }

 .listers {
     border-bottom: 1px solid #E7E7E7;
     border-radius: 0px;
 }

 .vart.active {
     color: #5CA904;
 }

 .vart:hover {
     color: #5CA904;
 }

 .logout_btn {
     background: #D8D8D8;
     color: #4A4A4A;
     padding: 10px;
     width: 100%;
     box-shadow: 0px 4px 8px 0px #0000001A;
     margin-top: 10px;
 }

 .orders {
     box-shadow: 0px 4px 8px 0px #0000001A;
     background: #ffffff;
     padding: 20px;
     border-radius: 8px;
 }

 .last_h {
     font-size: 14px;
     text-align: center;
     font-weight: 500;
 }

 .last_p {
     font-size: 14px;
     text-align: center;
     font-weight: 400;
 }

 .cret {
     font-size: 9px;
     color: #5CA904;
 }

 .acoun {
     margin-bottom: 20px;
 }

 .qty33 {
     font-size: 16px;
     font-weight: 300;
 }

 .ac_sett {
     row-gap: 20px;
 }

 .ac_sett .btn:hover {
     color: #ffffff;
 }

 .orders2 {
     box-shadow: 0px 4px 8px 0px #0000001A;
     background: #ffffff;
     padding: 45px;
     border-radius: 8px;
     margin-top: 10px;
 }

 .orders1 {
     box-shadow: 0px 4px 8px 0px #0000001A;
     background: #ffffff;
     padding: 45px;
     border-radius: 8px;
     margin-top: 10px;
 }

 .def_addrer {
     font-size: 16px;
     font-weight: 400;
     color: #0C1421;
     font-family: 'Roboto Flex', sans-serif;
 }

 .def_del {
     font-weight: 300;
 }

 .fcdin {
     color: #670066;
     text-decoration: none;
     font-size: 14px;
 }

 .orders1 .form-control {
     background-color: #FBFBFB;
     border: 1px solid #D4D7E2;
     box-shadow: none;
 }

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

 .make_as {
     border: 1px solid #CCCCCC;
     background: linear-gradient(0deg, #CCCCCC, #CCCCCC),
         linear-gradient(0deg, #E9E9E9, #E9E9E9);
     color: #000000;
     text-decoration: none;
     padding: 10px;
     border-radius: 5px;
 }

 .make_as:hover {
     color: #000000;
 }

 .rergff {
     text-align: end;
 }

 .mana_add {
     position: relative;
     padding: 50px 0;
     background-color: #ffffff;
 }

 .delivery_section {
     position: relative;
     padding-top: 100px;
 }

 .stroy {
     font-size: 15px;
     color: #000000;
 }

 .deliver_status {
     background-color: #ffffff;
     box-shadow: 0px 4px 8px 0px #0000001A;
     padding: 20px;
     border-radius: 5px;
 }

 .loosuiku {
     font-size: 16px;
     font-weight: 400;
     padding-top: 20px;
 }

 .delivery_section {
     background-color: #F8F8F8;
 }

 .whole-ru {
     display: flex;
     justify-content: space-between;
 }

 .ret {
     color: #670066;
     font-weight: 600;
 }

 .ret1 {
     color: #1C1C1C;
     font-weight: 400;
 }



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

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

 .vere {
     color: #5CA904;
 }

 .vertio {
     text-align: center;
 }

 .track_order_bar {
     position: relative;
     left: 0%;
 }

 .total_track1 .text {
     color: #848484;
 }

 .total_track1 p {
     color: #212121;
 }

 .iconses_one {
     position: relative;
 }

 .num_couny {
     padding: 5px;
     color: #670066;
     text-decoration: none;
     border-radius: 100px;
     position: absolute;
     top: 0px;
     right: -18px;
 }

 .rit {
     border: none;
     background: transparent;
 }

 .login-nav1 {
     display: none;
 }

 .loger {
     display: flex;
     justify-content: space-evenly;
 }




 .full_sided_head {
     position: sticky;
     top: 120;
     height: calc(90vh - 120px);
     overflow-y: scroll;
 }

 .full_sided_head::-webkit-scrollbar {
     width: 2px;
 }

 .full_sided_head::-webkit-scrollbar-thumb {
     background: #2a2a2a;
     border-radius: 0;
 }








 .search_engine .input-group-text {
     position: absolute;
     right: 2px;
     top: 3px;
     border: none;
     z-index: 333;
 }

 .orde_ert {
     color: #000000;
     text-decoration: none;
 }

 .orde_ert:hover {
     color: #000000;
 }

 .fdjjee {
     font-size: 16px;
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
     padding: 20px 0;
     text-align: center;
 }

 .he_para11 {
     color: #1C1C1C;
     font-size: 16px;
     /* text-align: center; */
     font-weight: 600;
 }

 .he_para12 {
     color: #8B96A5;
     text-decoration: line-through;
     font-size: 13px;
     font-weight: 600;
 }

 .cret1 {
     color: red;
     font-size: 9px;
 }

 .all_cat_section .nav-link {
     font-weight: 600;
     border: none;
     color: #000000 !important;
 }

 .all_cat_section .nav-link.active {
     font-weight: 700;
     color: #670066 !important;
     border: none;
 }

 .all_cat_section .nav-tabs {
     border: none;
 }

 .all_cat_section .nav-link:focus-visible {
     border: none;
 }

 .prd_serar:focus {
     box-shadow: none;
 }

 .drdrrrr1 {
     row-gap: 70px;
     margin-top: 20px;
     /* position: relative;
    top: 0; */
 }

 #productsContainer {
     position: relative;
     top: -50px;
 }

 .first_node {
     display: flex;
     align-items: center;
     /* justify-content: space-between; */
     padding: 5px 15px;
     border: 0.74px solid #DEE2E7;
     margin: 4px 0;
     text-decoration: none;
     color: #000000;
 }
 .leadese{
    justify-content: center;
    text-align:center;
 }

 .des_one1.active {
     font-weight: 700;
     color: #670066 !important;
     border: none;
 }

 .para_ht {
     padding-left: 20px;
 }

 .gro1 {
     font-size: 12px;
     /* text-align: center; */
     word-break: break-word;
 }

 .gro1:hover {
     color: #000000;
 }

 .search_engine .modal-title {
     font-size: 16px;
 }


 .search_engine.modal.right .modal-dialog {
     position: fixed;
     margin: auto;
     width: 320px;
     height: 100%;
     -webkit-transform: translate3d(0%, 0, 0);
     -ms-transform: translate3d(0%, 0, 0);
     -o-transform: translate3d(0%, 0, 0);
     transform: translate3d(0%, 0, 0);
 }

 .search_engine.modal.right .modal-content {
     height: 100%;
     overflow-y: auto;
 }

 .search_engine.modal.right .modal-body {
     padding: 15px 15px 80px;
 }

 .search_engine.modal.right.fade .modal-dialog {
     right: -340px;
     -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
     transition: opacity 0.3s linear, right 0.3s ease-out;
 }

 .search_engine.modal.right.fade.show .modal-dialog {
     right: 0;
 }


 .search_engine .modal-content {
     border-radius: 0;
     border: none;
 }

 .search_engine .modal-header {
     border-bottom-color: #eeeeee;
     background-color: #fafafa;
     flex-direction: row-reverse;
 }



 .no-product-message {
     text-align: center;
     padding-top: 50px;
 }


 .content_section .accordion-button:not(.collapsed) {
     color: #000000;
     background-color: #fff;
     width: 200px;
     margin-left: 21px;
     border-bottom: 3px solid #5CA904;
 }


 .cheeee {
     color: #5CA904;
 }

 /* .myVideo {
    position: relative;
    width: 100%;
    min-height: 100vh;
} */

 .wish_list_icon {
     border: 1px solid #DEE2E7;
     padding: 7px 15px;
     border-radius: 6px;
     background: #FFF;
     color: #ED4040;
     box-shadow: 0px 1px 2px 0px rgba(56, 56, 56, 0.08);
     transition: all 0.5s ease-in-out;
 }

 .wish_list_icon:hover {
     background: #ED4040;
     color: #fff;
 }

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

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

 /* ================================privacy ================================ */

 .privacy_section {
     padding-top: 100px;
     padding-bottom: 100px;
 }

 .Conditions {
     color: #5CA904;
     font-size: 30px;
     font-weight: 600;
     text-align: center;
 }

 .billss {
     color: #000000;
     font-weight: 600;
     font-size: 16px;
     padding-top: 10px;
     padding-bottom: 25px;
 }

 .stron {
     color: #000000;
     font-weight: 600;
 }












 .social-media-side {
     position: fixed;
     top: 50%;
     /* bottom: 5%; */
     z-index: 99;
     width: 50px;
     right: -218px;

 }

 .social-media-side ul {
     padding: 0px;
     transform: translate(-245px, 0);


 }

 .social-media-side ul li {
     display: block;
     margin: 14px;
     background: #FFFFFF;
     width: 310px;

     padding: 4px;
     border-radius: 30px 0px 0px 30px;
     transition: all 1.5s;
 }

 .social-media-side ul li:hover {

     transform: translate(-110px, 0);
     background: #ffffff;
     transition: all 1.5s;
 }

 .social-media-side ul li:hover a {
     color: #000000;
     font-size: 20px;
     text-decoration: none;
 }

 .social-media-side ul li:hover img {
     color: #c44a73;
     background: white;
     transform: rotate(360deg);
     transition: all 1.5s;
 }

 .social-media-side ul li img {

     /*margin-left: 10px;*/
     color: #000;
     background: white;

     border-radius: 50%;
     width: 60;
     height: 60px;
     transform: rotate(0deg);
     text-align: center;
     font-size: 25px;

 }

 .callu {
     text-decoration: none;
 }

 .cats {
     color: #000000;
     font-family: 'Poppins', sans-serif;
     text-align: center;
     padding-top: 40px;
     font-weight: 700;
 }

 .categories_section {
     padding: 100px 0 40px 0;
 }

 .scr {
     position: absolute;
     left: 46%;
     top: 1%;
 }

 .li.active {
     color: #5CA904;
 }

 /* .product_one:hover  img{
    transform: scale(1.1);
    transition: 1.1s ease-in-out re;
} */




 .wel_re img,
 .wel_log img {
     animation-name: wave-animation;
     animation-duration: 2.5s;
     animation-iteration-count: infinite;
     transform-origin: 70% 70%;
 }

 @keyframes wave-animation {
     0% {
         transform: rotate(0deg);
     }

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

     /* five values can be played with to make the waving more or less */
     20% {
         transform: rotate(-8deg);
     }

     30% {
         transform: rotate(14deg);
     }

     40% {
         transform: rotate(-4deg);
     }

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

     60% {
         transform: rotate(0deg);
     }

     /* Reset for the last half to pause */
     100% {
         transform: rotate(0deg);
     }
 }




 .mobile_testi{
    display: none;
 }
 .mobile_rsr  .slick-dots li button {
    background: #670066;
    border-radius: 50px;
    width: 10px;
    height: 10px;
}

.mobile_rsr  .slick-dots {
    bottom: -35px;
}

.mobile_rsr  li.slick-active button {
    background: #5CA904 !important;
    border-radius: 50px;
}

.mobile_rsr  .slick-dots li button:before {
    opacity: 0 !important;
}

.mobile_rsr  .slick-dots li.slick-active button:before {
    opacity: 0 !important;
}
.uit{
        margin-bottom: 10px;
}