.pe{
    background-color: black;
    color: white;
    padding: 7px;
    
}
.pe h5{
   font-size: 15px;
    margin-left: 40%;

}
.dropdown-toggle{
    color: gray;
    text-decoration: none;
    border: 1px solid gray;
    /* padding-top: -12px; */

}


.form-container {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    width: 100%;
}

h1 {
    font-size: 1.8rem;
    color: #333;
    text-align: center;
}

.subtitle {
    text-align: center;
    color: #666;
    margin-bottom: 20px;
    font-size: 0.95rem;
}

.register-form {
    width: 100%;
}

.form-group {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.form-field {
    flex: 1;
    display: flex;
    flex-direction: column;
}

label {
    font-size: 0.9rem;
    color: #333;
    margin-bottom: 5px;
}

input, select {
    padding: 10px;
    font-size: 0.9rem;
    /* border: 1px solid #ddd; */
    /* border-radius: 4px;
    outline: none; */
}

input:focus, select:focus {
    border-color: #007bff;
}

.form-footer {
    text-align: center;
    margin-top: 20px;
}

.form-footer p {
    font-size: 0.9rem;
    color: #666;
}

.form-footer a {
    color: #007bff;
    text-decoration: none;
}

.form-footer a:hover {
    text-decoration: underline;
}

.btn-register {
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
    margin-top: 10px;
}

.btn-register:hover {
    background-color: #333;
}

.with:hover{
    transition: 0.20s;
    transform: scale(0.95);
}
.copy img{
    padding-top: 2px !important;
}
.why{
    margin-right: -40px;
}

.pop{
    margin-left: 150%;
    margin-top: 34px
}
.pop2{
    margin-left: 90%;
    margin-top: 34px
}
.ften input{
    padding-right: 40px;
}








.about-container {
    display: flex;
    max-width: 1200px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.about-image img {
    /* width: 100%; */
    width: 200%;
    /* height: auto; */
    object-fit: cover;
}

.about-image {
    flex: 1;
    max-width: 50%;
}

.about-content {
    flex: 1;
    padding: 30px;
}

.about-content h2 {
    font-size: 2rem;
    color: #333;
}

.about-content .highlight {
    color: #28a745; /* Green color for the brand highlight */
}

.about-content h3 {
    font-size: 1.2rem;
    color: #666;
    margin: 20px 0;
    line-height: 1.5;
}






h1 {
    font-size: 1.8rem;
    color: #333;
    text-align: center;
}

.subtitle {
    text-align: center;
    color: #666;
    margin-bottom: 20px;
    font-size: 0.95rem;
}

.register-form {
    width: 100%;
}

.form-group {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.form-field {
    flex: 1;
    display: flex;
    flex-direction: column;
}

label {
    font-size: 0.9rem;
    color: #333;
    margin-bottom: 5px;
}

input, select {
    padding: 10px;
    font-size: 0.9rem;
    border: 1px solid #ddd;
    /* border-radius: 4px; */
    outline: none;
}

input:focus, select:focus {
    border-color: #007bff;
}

.form-footer {
    text-align: center;
    margin-top: 20px;
}

.form-footer p {
    font-size: 0.9rem;
    color: #666;
}

.form-footer a {
    color: #007bff;
    text-decoration: none;
}

.form-footer a:hover {
    text-decoration: underline;
}

.btn-register {
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
    margin-top: 10px;
}

.btn-register:hover {
    background-color: #333;
}
.you2 button:hover{
    background-color: black;
    color: white;
    padding: 5px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-align: center !important;
    padding-top: 8px !important;
    border-radius: 3px !important;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
transition: 0.20s;
    /* margin-left: 15px !important; */
    margin-bottom: 10px;
    margin-top: 15px;
}
.peo img:hover{
   transform: scale(1.15);
   overflow: hidden;
    transition: 0.20s;
}
.ften i{
    border: 1px solid red;
    margin-left: 250px;
    margin-top: 40px;
    /* margin-top: -150px; */
    
}
.f{
    background-color: rgb(248, 133, 19);
    color: rgb(6, 6, 6);
    padding: 5px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-align: center !important;
    padding-top: 8px !important;
    border-radius: 3px !important;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;  
    /* margin-left: 267%; */
    /* margin-top: -80%; */
    /* margin-bottom: 20px; */
}
.you2 button{
   
    background-color: rgb(248, 133, 19);
    color: rgb(6, 6, 6);
    padding: 5px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-align: center !important;
    padding-top: 8px !important;
    border-radius: 3px !important;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;

    /* margin-left: 15px !important; */
    margin-bottom: 10px;
    margin-top: 15px;
}

.about-content p {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 15px;
    line-height: 1.6;
}
.of{
    /* margin-left: 2%; */
    padding: 0;
}
.of img{
    /* margin-left: 80%; */
    margin-left: 135%;
}
.oft{
    margin-left: -60px;
    padding: 0;
}
.oft img{
    margin-left: 90%;

}
.ofte{
    margin-left: -85px;
    padding: 0;
}
.ofte img{
    margin-left: 142px;
}
.pop3{
    margin-left: 90%;
    margin-top: 34px
}

.peop{
    border: 1px solid gray;
    
}
.nav-link:hover{
    color: black;
    transition: 0.5s;
}
.peo{
    padding-bottom: 10px;
    border-bottom: 1px solid gray;
}

.ing{
    background-image: url(1g.jpg);
    background-size: 100% 100%;
    height: 450px;
    width: 100%;
    justify-content: right;
    /* padding-left: 40px !important; */
    /* padding-right: 20px !important; */
    margin-left: 2px !important;
    text-align: end;
    align-items: center;
    display: flex;
}
.ing{
    padding-right: 119px;
}

.ne{
    background-image: url(5.jpg);
    background-size: 100% 100%;
    height: 500px;
    width: 100%;
    justify-content: left;
    padding-left: 40px !important;
    text-align: left;
    align-items: center;
    display: flex;
}
.ne button{
    background-color: black;
    color: white;
    padding: 5px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    border-radius: 3px;
    padding-bottom: 5px;
}
.ne button:hover{
    background-color: rgb(154, 129, 98);
    transition: 0.20s;
    border: 2px solid rgb(154, 129, 98);

}
.ne4 {
    color: rgb(32, 32, 32);
    font-weight: 0px !important;
    font-size: 27px !important;
    /* margin-top: 40px; */
    /* line-break: 20px; */
}
.ne1 {
    color: rgb(32, 32, 32);
    font-weight: 0px !important;
    font-size: 27px !important;
    /* line-break: 20px; */
}
.ne h1{
    color: rgb(62 145 114);
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    
}
.ne p{
    color: rgb(119,119,119);
    font-weight: 500;
    font-size: 20px;
    margin-right: 78px;
}
.nei{
    background-image: url(4.jpg);
    background-size: 100% 100%;
    height: 500px;
    width: 100%;
    justify-content: left;
    padding-left: 40px !important;
    text-align: left;
    align-items: center;
    display: flex;
}
.nei button{
    background-color: black;
    color: white;
    padding: 5px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    border-radius: 3px;
    padding-bottom: 5px;
}
.in2{
    background-image: url(2\ \(4\).jpg);
    background-size: 100% 100%;
    height: 350px;
    width: 100%;
    justify-content: right;
    padding-left: 40px !important;
    text-align: end;
    align-items: center;
    display: flex;
}
.you{
    /* margin-left: 10px; */
    /* margin-top: 20px; */
    /* padding-top: 20px; */
        background-color: rgb(21, 22, 26);
}
.you img{
    /* text-align: center; */
    justify-content: end !important;
    text-align: end;
    /* display: flex; */
    align-items: end !important;
}
.edit1 p{
    /* color: green; */
    margin-right: 45%; font-size: 30px; color: rgb(62 145 114 ); letter-spacing: 0.01rem; line-height: 1;     text-transform: capitalize;    font-weight: 500;
    margin-top: 9px;
   
}
.edit3 input{
    width: 100%;
    margin-top: 25px;
}
.edit3 input::placeholder{
    padding-left: 10px;
}
.edit3 button{ 
 /* padding-left: -12px !important; */
    background-color: black;
    color: white;
    padding: 5px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-align: center !important;
    padding-top: 13///px !important;
    border-radius: 3px !important;
    padding-bottom: 13///px !important;
    padding-left: 13///px !important;
    padding-right: 13///px !important;

    /* margin-left: 15px !important; */
    margin-bottom: 10px;
    margin-top: 15px;

}
.edit3 button:hover{ 
    /* padding-left: -12px !important; */
       background-color: rgb(241, 241, 241);
       color: rgb(0, 0, 0);
       padding: 5px !important;
       font-weight: 500 !important;
       font-size: 14px !important;
       text-align: center !important;
       padding-top: 8px !important;
       border-radius: 3px !important;
       padding-bottom: 8px !important;
       padding-left: 8px !important;
       padding-right: 8px !important;
   transition: 0.20s;
       /* margin-left: 15px !important; */
       margin-bottom: 10px;
       margin-top: 15px;
   
   }
   .team{
    overflow: hidden !important;
    border: 2px solid red;


   }











   .content-container {
    max-width: 800px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.paragraph {
    color: #666;
    font-size: 1rem;
    margin-bottom: 20px;
}

.feature-list {
    margin: 20px 0;
    padding-left: 20px;
    list-style-type: disc;
    color: #333;
}

.feature-list li {
    font-size: 1rem;
    margin-bottom: 10px;
}
.contact-list {
    list-style-type: none;
    margin: 20px 0;
    padding: 0;
    color: #333;
}

.contact-list li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 1rem;
}

.contact-list li strong {
    color: #333;
    font-weight: 600;
}

.contact-list li span {
    color: #666;
    font-weight: 400;
}
.testimonial {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.profile-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 20px;
}

.testimonial-content {
    flex: 1;
}

.name {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
}

.stars {
    font-size: 1rem;
    color: #ffa500;
    margin-bottom: 10px;
}

.review {
    color: #666;
    font-size: 0.95rem;
    line-height: 1.5;
}

hr {
    border: none;
    border-top: 1px solid #eee;
    margin: 20px 0;
}

.paragraph {
    color: #666;
    font-size: 1rem;
    margin-top: 20px;
}
.produse {
    /* max-width: 800px; */
    margin: 0 auto;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.paragraph {
    color: #666;
    font-size: 1rem;
    margin-bottom: 20px;
}

.details-list {
    list-style-type: none;
    margin: 20px 0;
    padding: 0;
    color: #333;
}

.details-list li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 1rem;
}

.details-list li strong {
    color: #333;
    font-weight: 600;
}

.details-list li span {
    color: #666;
    font-weight: 400;
}
    .pop:hover{
        /* background-color: #000; */
color: green !important;
transition: 0.15s;
}
/* .select{
    overflow: hidden !important;
    border: 2px solid red;
} */
   .infor img:hover{
    /* rotate: -10deg; */
    /* transform: ; */
    transition: 0.10s;
    transform: scale(0.95);
    overflow: hidden !important;

   }
   .wrong:hover{
    color: green;
    transition: 0.10s;
   }
   .dropdown-item:hover{
    border: 1px solid green;
    color: green !important;
    transition: 0.15s;
   }
   /* .char:hover{
    border: 1px solid green;
    /* color: green !important; */
    color: green !important;
    transition: 0.15s;
   } */
.edit{
    text-align: center !important;
    justify-content: center;
}
.edit2 p{
    width: 40% !important;
    margin-left: 30%;
    color: rgb(119 119 119);
    letter-spacing: 0.02rem;
    line-height: 23px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
}
.edit1 h1{
    
    color: black;
    font-size: 35px;
    padding-right: 10px;

}

.you h5{
    /* margin-top: 5px; */
    /* color: white; */
    font-size:  medium;

    color: rgb(187 187 187 );
}
.you2 h3,h5{
    color: white;
    margin-top: 10px;
}
.select{
    overflow: hidden !important;
}
.you2 input{
    width: 55%;
    margin-top: 10px;
}
.youu img{
    height: 20px;
    width: 10%;
}
.youu h5{
    color: gray;
    background-color: black;
}
.infor p{
    color: rgb(153 153 153);
    font-size: 13px !important;
    border-radius: 5px !important;
    margin-top: 20px !important;
    display: inline-block !important;

}
.card img{
    border: 1px solid black;

}
.infor button:hover{
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    padding: 5px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-align: center !important;
    padding-top: 5px !important;
    border-radius: 3px !important;
    padding-bottom: 5px !important;
    margin-left: 15px !important;
    margin-bottom: 10px;
    margin-top: 10px;
    transition: 0.20s;
}
.you i{
    color: rgb(187 187 187);
    font-size: 25px;
    margin-left: 20px;
    margin-top: 20px;
}
/* .card img:hover{
    transform: scale(1.05);
    border: 2px solid rgb(20, 20, 238);
    box-shadow: #ccc;
    transition: 0.20;
    overflow: hidden !important;
} */
.card-body{
    border: 1px solid black;
}
.infor button{
    background-color: black;
    color: white;
    padding: 5px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-align: center !important;
    padding-top: 5px !important;
    border-radius: 3px !important;
    padding-bottom: 5px !important;
    margin-left: 15px !important;
    margin-bottom: 10px;
    margin-top: 10px;
}
.card-text{
    color: rgb(119 119 119 );
    letter-spacing: 0.02rem !important;
    line-height: 23px !important;
    font-weight: 400 !important;
    font-size: 18px !important
    
    /* padding: 0; */
    margin-bottom: 15px !important;
    margin: 0 !important;
    /* margin: 0; */
}
.card-title{
    /* margin: 0 !important; */
    margin-bottom: -10px !important;
    color: rgb(23 24 28 );
    line-height: 22px !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    font-family: "Poppins, sans-serif" !important;
    text-decoration: inherit !important;
    font-weight: 500 !important;

} 
.you2{
    /* background-image: url(); */
    background-image: url(news.jpg);
    background-size: 100% 100%;
    height: 300px;
    width: 70% !important;
    justify-content: center;
    /* padding-left: 40px !important; */
    text-align:center;
    align-items: center;
    display: flex ;
    flex-direction: column;

}
.you h6{
    margin-top: 19px !important;
    font-size:  medium;
    /* color: white; */
    color: rgb(187 187 187 );
    font-size:  medium !important;

}
.you h3{
    margin-bottom: 20px;
    color: white;
    /* font-size: 20px; */
    line-height: 1.2;
    font-weight: 400;
    /* font-size: 18px; */
    font-family: "Poppins, sans-serif";
}


.you h5:hover{
    color: rgb(62 145 114 );;
    transition: 0.20s;
}
.you h6:hover{
    color: rgb(62 145 114 );;
    transition: 0.20s;
}
/* .you h3:hover{
    color: rgb(5, 156, 5);
    transition: 0.20s;
} */



.in3{
    background-image: url(3\ \(4\).jpg);
    background-size: 100% 100%;
    height: 350px;
    width: 100%;
    justify-content: right;
    padding-left: 40px !important;
    text-align: end;
    align-items: center;
    display: flex;
}
.nei button:hover{
    background-color: rgb(154, 129, 98);
    transition: 0.20s;
    border: 2px solid rgb(154, 129, 98);

}
.nei1 {
    color: rgb(32, 32, 32);
    font-weight: 0px !important;
    font-size: 27px !important;
    /* line-break: 20px; */
}
.nei h1{
    color: rgb(62 145 114);
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    
}
.nei p{
    color: rgb(119,119,119);
    font-weight: 500;
    font-size: 20px;
    margin-right: 78px;
}
 
.ne4{
    color: rgb(62 145 114);
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
}
.ne1{
    color: rgb(62 145 114);
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
}
.ne5{
    color: rgb(32, 32, 32);
    font-weight: 0px !important;
    font-size: 27px !important;
}
.ne2{
    color: rgb(32, 32, 32);
    font-weight: 0px !important;
    font-size: 27px !important;
}
.neit{
    background-image: url(7.jpg);
    background-size: 100% 100%;
    height: 500px;
    width: 100%;
    justify-content: left;
    padding-left: 40px !important;
    text-align: left;
    align-items: center;
    display: flex;
}
.neit button{
    background-color: black;
    color: white;
    padding: 5px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    border-radius: 3px;
    padding-bottom: 5px;
}
.neit button:hover{
    background-color: rgb(154, 129, 98);
    transition: 0.20s;
    border: 2px solid rgb(154, 129, 98);

}
.neit1 {
    color: rgb(32, 32, 32);
    font-weight: 0px !important;
    font-size: 27px !important;
    /* line-break: 20px; */
}
.neit h1{
    color: rgb(62 145 114);
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    
}
.neit p{
    color: rgb(119,119,119);
    font-weight: 500;
    font-size: 20px;
    margin-right: 78px;
}


.neith{
    background-image: url(8.jpg);
    background-size: 100% 100%;
    height: 250px;
    width: 100%;
    justify-content: left;
    padding-left: 40px !important;
    text-align: left;
    align-items: center;
    display: flex;
}
.neith button{
    background-color: black;
    color: white;
    padding: 5px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    border-radius: 3px;
    padding-bottom: 5px;
}
.neith button:hover{
    background-color: rgb(154, 129, 98);
    transition: 0.20s;
    border: 2px solid rgb(154, 129, 98);

}
.neith1 {
    color: rgb(32, 32, 32);
    font-weight: 0px !important;
    font-size: 27px !important;
    /* line-break: 20px; */
}
.neith h1{
    color: rgb(62 145 114);
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    
}
.neith p{
    color: rgb(119,119,119);
    font-weight: 500;
    font-size: 20px;
    margin-right: 78px;
}



.neithe{
    margin-top: 12px;
    background-image: url(7.jpg);
    background-size: 100% 100%;
    height: 250px;
    width: 100%;
    justify-content: left;
    padding-left: 40px !important;
    text-align: left;
    align-items: center;
    display: flex;
}
.neithe button{
    background-color: black;
    color: white;
    padding: 5px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    border-radius: 3px;
    padding-bottom: 5px;
}
.neithe button:hover{
    background-color: rgb(154, 129, 98);
    transition: 0.20s;
    border: 2px solid rgb(154, 129, 98);

}
.neithe1 {
    color: rgb(32, 32, 32);
    font-weight: 0px !important;
    font-size: 20px !important;
    /* line-break: 20px; */
}
.neithe h1{
    color: rgb(62 145 114);
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    
}
.neithe p{
    color: rgb(119,119,119);
    font-weight: 500;
    font-size: 20px;
    margin-right: 78px;
}


body {font-family: Arial;}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  /* text-align: center; */
  justify-content: end;
  align-items: end;
  display: flex;
}
/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  margin-right: 25px;
}

.card-title{
    color: rgb(62 145 114) !important;
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 20px !important;
    font-weight: 600;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
}
.card-body h5{
    /* color: rgb(119 119 119);*/
    color: rgb(119 119 119);
    line-height: 20px;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px
}
.card{
    margin-left: 2px;
    /* padding-top: 5px; */
    margin-top: 8px;
}
.drive img:hover{
transform: 0.95 !important;
transition: 0.10s;
}
.ofte img:hover{
    transform: scale(0.99);
    transition: 0.99;
}

.pleasur{
    /* margin-top: 5px; */
    /* padding-top: 5px; */
}

.card-body i{
    color: #eded0e;
    /* opacity: 0.7; */
    /* letter-spacing: 0.02rem; */
    margin-bottom: 10px;
    position: relative;
    margin-left: 0px;
    padding-left: 15px;
    /* padding: 0; */
    /* padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px; */
}

.card-body h4{
    color: rgb(23 24 28 );
    font-weight: 700;
    margin-right: 7px;
    padding-left: 15px;

}

.card-body p{
    color: rgb(47, 47, 49);
    /* font-weight: 700; */
    margin-right: 7px;
    padding-left: 15px;

}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}


.ne6:hover{
    background-color: rgb(210, 208, 208);
    color: rgb(0, 0, 0);
    padding: 5px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    border-radius: 3px;
    padding-bottom: 5px;
    border: 2px solid white;
    transition: 0.20s;
}
.ne3:hover{
    background-color: rgb(210, 208, 208);
    color: rgb(0, 0, 0);
    padding: 5px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    border-radius: 3px;
    padding-bottom: 5px;
    border: 2px solid white;
    transition: 0.20s;
}
.ne6{
    background-color: black;
    color: white;
    padding: 5px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    border-radius: 3px;
    padding-bottom: 5px;
}
.ne3{
    background-color: black;
    color: white;
    padding: 5px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    border-radius: 3px;
    padding-bottom: 5px;
}




.dropdown:hover .doopdown-item{
display: block !important;
}

/* .container{
    background-color: #333 !important;
} */
body{
    /* background-color: #666 !important; */
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif !important;
}
.nav-item:hover{
    /* transition: 0.20s;
    color: green !important;
 padding: -12px !important;
    border-width: 1px !important;
   border: 1px solid green;
  transform: scale(0.94); */
}
.nav-item{
   margin-right: 2px !important;
}


























    .gell
  {
  background-color: rgb(250, 250, 250) !important;
  height: 380px !important;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  overflow: hidden !important;
  position: relative !important;
  }
  
  .gell h4{
  text-align: center !important;
  padding-top:20px !important;
  font-size: 40px !important;
  font-family: Comfortaa-Bold !important;
  color: #84ff00;
  
  }
  
  .gell h4 span{
  color: #212529 !important;
  }
  
  #main {
  height: 80%;
  width: 100% !important;
  position: absolute !important;
  overflow: hidden !important;
  top: 65%;
  transform: translateY(-50%) !important;
  }
  #sli{
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  }
  #main ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  }
  
  #main ul li {
  float: left !important;
  margin: 0px 35px;
  white-space: nowrap !important;
  }






.vegetables-section {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #f5f5fa;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.header h2 {
    font-size: 24px;
    color: #333;
    margin: 0;
}

.header .badge {
    font-size: 14px;
    background-color: #4caf50;
    color: #fff;
    padding: 3px 6px;
    border-radius: 50%;
}

.vegetables-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
}

.vegetable-card {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #fff;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.vegetable-card img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.vegetable-card .name {
    font-weight: bold;
    color: #333;
    flex: 1;
}

.vegetable-card .discount {
    color: #888;
  
    font-size: 14px;
}



.yy:hover{
    transform: 0.98 !important;
    transition: 0.10s !important;
}















.dropdown-toggle{
    background: transparent !important;
    color: black;
    padding-right: 97px;
  }
  .button:hover{
    transition: 0.20s;
    background-color: rgb(162, 162, 162);
    color: rgb(0, 0, 0);
    padding: 5px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-align: center !important;
    padding-top: 5px !important;
    border-radius: 3px !important;
    padding-bottom: 5px !important;
   
    padding-left: 10px !important;
                padding-right: 10px;

    margin-left: -5px;
    padding-right: 8px !important;
    margin-top: 2px !important; 
  }
  .an6{
    margin-right: 45%; font-size: 25px; color: rgb(62 145 114 ); letter-spacing: 0.01rem; line-height: 1;     text-transform: capitalize;    font-weight: 500;
        
  }
  .an5{
    font-size: 25px; color: rgb(23 24 28) 1; letter-spacing: 0.01rem; line-height: 1;  margin-bottom: 9px;     margin-right: 7px;   text-transform: capitalize;    font-weight: 500;
  }
  .ab1{
    /* margin-left: -9px; */
    
  }
  .am13{
    margin-left: 9px;
  }
  .am12{
    margin-left: -9px;
  }
  .am10{
    border: 1px solid #e5e7eb;
    margin-left: 20px;
    margin-left: 5px !important;
  }
  .am11{
    margin-left: 15px !important;
    
  }

  .an4{
    font-size: 25px; color: rgb(23 24 28) 1; letter-spacing: 0.01rem; line-height: 1;  margin-bottom: 9px;     margin-right: 7px;   text-transform: capitalize;    font-weight: 500;
  }
 .an3{ margin-left: 20px !important; display: flex;}
  .an2{
    margin-right: -90px !important;
  }
  .an1{
    margin-top: 10px !important;
  }
  .button{
    padding-left: 10px !important;
    padding-right: 10px;
    background-color: rgb(17, 17, 17);
    border: 1px solid black;
    border-radius: .25rem;
    color: rgb(250, 250, 250);
    padding: 5px !important;
            font-weight: 500 !important;
    font-size: 14px !important;
    text-align: center !important;
    padding-top: 7px !important;
    border-radius: 3px !important;
    padding-bottom: 8px !important;
    padding-left: 5px !important;
    margin-left: -5px;
    padding-right: 8px !important;
    margin-top: 2px !important; 
  }











  .pero img{
    height: 25px;
    width: 144px;
   
  }


.ab5{
        /* margin-top: -16% !important; */
        display: flex;     margin-left: 40% !important; margin-top: -4% !important;
}
.m3{
    margin-left: 30px;
}
.k1{
    margin-right: 120px !important;
}
.l1{
    font-size: 35px; color: rgb(23 24 28) 1; letter-spacing: 0.01rem; line-height: 1;  margin-bottom: 5px;     margin-left: 38%;   text-transform: capitalize;    font-weight: 500; display: flex !important; 
}
.F1{
    border: 1px solid #e5e7eb; margin-left: -35px !important; padding-top: 25px;   
}
/* moble */
@media  (max-width:767px) {
    .F1{
    margin-left: 0px !important;
    }
    .k1{
        margin-left: 0px !important;
        width: 100%;
    }
    .about-content{
        margin-left: 0px !important;
    }
    .edit1{
        margin-left: 110px !important;
    }
    .you img{
    height: 30px;
    }
.neith{
    /* margin-top: 10px !important; */
    margin-top: 10px !important;
    
}
.l1{
    margin-left: 21% !important;
}
.m2{
    margin-left: 0px !important;
}
.m3{
    margin-left: 0px;
}
.m1{
    margin-left: 68px;
}
.pe h5{
  
    margin-left: 17px;
}
.ab5{
    margin-top: -16% !important;
}
.je1{
    /* margin-top: ; */
    margin-left: 10px !important;
}
.in2{
    margin-left: 7px !important;
}
.in3{
    margin-left: 3px !important;
    margin-top: 10px;
}
.ingq{
    margin-right: -100px;
}
.en1{
    /* margin-left: -30px !important; */
    margin-left: 0px !important;
}
.ae{
    visibility: hidden;
}
.an4{
    margin-left: -64px !important;
}

}
.you2 button{
    display: flex;     margin-left: 40% !important; margin-top: -   4% !important; 
}
.ab2{
    font-size: 25px; color: rgb(23 24 28) 1; letter-spacing: 0.01rem; line-height: 1;  margin-bottom: 9px;     margin-right: 7px;   text-transform: capitalize;    font-weight: 500;  
}
.ab3{
    margin-right: 45%; font-size: 25px; color: rgb(62 145 114 ); letter-spacing: 0.01rem; line-height: 1;     text-transform: capitalize;    font-weight: 500;
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation: portrait) {
   .ab2 p{
    margin-left: 90px !important;
   } 
   .in3{
    margin-left: -20px   !important;
   }
    .ab5{
        margin-top: -8% !important;
    }
    .ke1 {
        margin-left: 105%;
        margin-top: -40px;
    }
    .ke2 {
        margin-left: 105% !important;
        margin-top: -60px !important;
    }
    .l1{
        margin-left: 32% !important;
    }
    .v1{
        margin-left: 19% !important;
    }
    .k1{
        visibility: hidden !important;
    }
    .k2{
        margin-top: -10px !important;
    }
    .you h3{
        margin-left: -10px !important;
    }
    .an3{
        visibility: hidden;
    }
    .in3{
        margin-top: 10px;
    }
 .g1{
    margin-top: 10px;
 }
}
  
.ke1{
    margin-bottom: -53px !important;
    
}