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


body html{
    scroll-behavior: smooth;
}
body{
    width: 100%;height: 100vh;
}
:root{
    --text-color:#fff;
    --background-Color:rgb(1, 83, 1);
    --font-Size:1.2rem;


}

ul li a{text-decoration: none;}
a{
    text-decoration: none;
}



/* header 1 start  */


header{
    width: 100%;height: 50px;background-color: var(--background-Color);
    display: flex;
}
.left{
 flex: 2;display: flex;align-items: center;justify-content: center;height: 50px;
}
.right{
flex: 1;display: flex;align-content: center;justify-content: center;height: 50px;
}

.icon{
    margin-left: 15px;
}
.number{
    padding: 0px 15px;
}

.text{
  padding: 0px 15px;color: var(--text-color);font-size: 1.3rem;font-family: sans-serif;
}
.icon{
    font-size: 1.3rem;color: var(--text-color);font-family: sans-serif;
}
.fac{padding: 10px;border-radius: 50%;color: #fff;cursor: pointer;}
.face{
    margin: 0px 15px;line-height: 50px;
}
.c{
    background-color: 	#1877F2;font-size: 1rem;font-family: sans-serif;
}
.d{
    background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  }
.e{
    background-color: #1DA1F2;
}


/* header 1 end  */



 /* whatsapp icon code start  */

 .whatsapp{
    position: fixed;bottom: 20px;right: 20px;float: right;z-index: 999;
}

 /* whatsapp icon code end  */


/* header 2 start  */





.header-2-parent{
    width: 100%;height: 130px;display: flex;background-color: #fff;z-index: 999;
 }


 .logo{
   flex: 1;
 }
 .hide-menu{display: none;}
 .sss{font-size: 1.5rem;display: none;}
.logo img{
    width: 300px;height: 110px;
}
 .menu{flex: 2;display: flex;align-items: center;justify-content: end;}
 nav ul li{
   position: relative;
 }
 nav ul li ul{
    position: absolute;list-style: none;color: #bc1888;;width: 250px;height: 100px;display: none;left: 23%;position: absolute;
    background-color: #033862;transition: 0.3s;
 }
 .active{
   
   
 }
 nav ul li ul{
    z-index: 999;display: none;text-align: center;left: 20px;
 }
 nav ul li ul a{
    width: 100%;line-height: 30px;color: #fff;padding: 0 0px;border-radius: 1px solid black;font-family: sans-serif;font-family: sans-serif;
 }
 nav ul li ul a:hover{
color: blue;
 }
 nav ul li:hover ul{
    display: block;
 }
 
 nav ul li ul a{
    color: #fff;
 }
 nav ul li a{
    height: 100%;padding: 0px 30px;color: #000;text-transform: uppercase;font-family: sans-serif;
 }

 #selecta{left: 0;padding: 0%;position: relative;right: 10%;position: absolute;color: #fff;}
 #selecta option{
    color: red;
 }
 #select{
    border: none;
 }
 .activee{
    background-color: #1877F2;
 }
 
.n:hover{
    color: #fff;
}

nav ul{
    width: 100%;list-style: none;
    display: flex;
    height: 100%;
    justify-content: end;align-items: center;
}




.solidd{
cursor: pointer;font-size: 1.5rem;color: #000;
}
 .sidebar{
    position: fixed;top: 0;left: 0;height: 100vh;width: 320px;z-index: 999;background-color: #232525;display: none;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;transition: 0.8s;
 }
 .sidebar li{width: 100%;}

.mul i{
color: #fff;font-size: 2rem;float: right;padding: 15px 249px;
}
.hovera  a{
color:#fff ;
}
.hovera{
    padding: 17px 9px;
}



.valuea{
    display: none;
}
.pro{
   position: absolute;width: 200px;display: none;transition: 0.5s;
}

.product:hover .pro{
    display: block;transition: 0.5s;
}


 




/* header 2 end  */



/* whatsapp  code */

.whats-icon{
    position: fixed;bottom: 20px;right: 20px;z-index: 99;
}
.phone{
    position: fixed;bottom: 20px;left: 20px;z-index: 99;
}

/* whatsapp code */

/* slider code here start */



/* sllider code end here  */


/* slider code ke bad ka code here start  */

.know a{
    color: #fff;
}
.know a:hover{
    color: #fff;
}

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

.ss{
    width: 95%;height:90%;background-size: 100% 100%;object-fit: cover;background-repeat: no-repeat;border-radius: 4px;margin-top: 50px;
}

.raba{
    padding: 0px 20px;font-size: 2.8rem;margin-top: 30px;
}


.rab{
    padding: 5px 20px;font-size: 1rem;font-family: Verdana, Geneva, Tahoma, sans-serif;padding-right: 30px;color: #4c5b6d;
}


.con{margin:50px auto}

.know{
    padding: 6px 15px;font-size: 1.1rem;color: 
    #fff;border: none;background: #033862;
    text-align: center;position: absolute;left: 55%;border-radius: 5px;
}


.alltext{position: relative;}


.container{
    display: flex;
 }

 .con{
    align-content: center;
}


/* slider code ke bad ka code here end  */


/* haddin image parent code here start  */

.haddi-parent{
    width: 100%;height: 565px;background-image: url("main\ bacakground.png");background-size: cover;background-repeat: no-repeat;margin-top: 80px;
}















.ha{
   width: 90%;height: 500px;display: flex;margin: auto;align-items: center;
}




.image-box-1{border: 1px solid black;width: 300px;margin: 0px 15px;flex-basis: 33%;text-align: center;}
.image-box-2{border: 1px solid black;width: 300px;margin: 0px 15px;flex-basis: 33%;text-align: center;}
.image-box-3{border: 1px solid black;width: 300px;margin: 0px 15px;flex-basis: 33%;text-align: center;}
.tablet{
    font-size: 3rem;text-align: center;color: #fff;padding: 25px 0px;
}


.back{
    justify-content: center;
}
.capa{
    color: #fff;font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.cap{
    padding: 0px 0px;color: #fff;
}
.sui{
    color: #fff;padding: 20px 0px;font-size: 3rem;
}


.our{
    text-align: center;margin: 50px auto;
}



















.main-cheej{

    width: 100%;height:auto;height: 565px;background-color: #d3caca;
}

.main-con{width: 87%;margin: 50px auto;height: 430px;display: flex;gap: 20px;}
.img-boxies1{flex: 1;text-align: center;height: 100%;padding: 15px;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;background-color: #ffff;}
.img-boxies2{flex: 1;text-align: center;height: 100%;padding: 15px;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;background-color: #ffff;}
.img-boxies3{flex: 1;text-align: center;height: 100%;padding: 15px;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;background-color: #ffff;}
.altt{width: 100%;height: 68%;}

.mora{
    background-color: #033862;color: #fff;margin: 15px 0px;padding: 10px 0px;
}
.no{padding: 8px 17px;border: none;background-color: brown;border-radius: 20px;}
.n{
    color: #fff;
}


 







.Rumaroz{
    background-color: #033862;width: 97%;color: #fff;text-align: center;padding: 8px 0px;margin-left: 5px;margin: 20px 5px;
}
.btnn:hover{
    color: #fff;
} 
.btnn{
    padding: 7px 15px;background-color: #f7062a;color: #fff;border-radius: 20px;font-size: 1.2rem;font-family: Verdana, Geneva, Tahoma, sans-serif;margin-bottom: 15px;text-align: center;
 }







 
 .back{
 height: auto;background-color: #e5dddd;
 }
 .ima{
    padding-top: 10px;
 }













 .alltextaria{
    width: 87%;margin:50px  auto;display: flex;height: 200px;
 }

 .heding{flex: 3;}
 .para{flex: 1;font-size: 1.3rem;font-weight: bold;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;}
 .pada{
padding-top: 15px;padding-right: 10px;font-size: 1.1rem;color: #4c5b6d;font-family: Verdana, Geneva, Tahoma, sans-serif;
 }
.contact{padding: 7px 20px;background-color: brown;color: #e5dddd;font-size: 1.2rem;}
.nexta{
    line-height: 30px;padding: 7px 15px;background-color: brown;color: #fff;border-radius: 20px;font-size: 1.2rem;font-family: Verdana, Geneva, Tahoma, sans-serif;position: relative;top: 20%;transition: 0.5s;
}
.nexta:hover{
   color: #fff;
}



.lookingfor{
    font-size: 1.8rem;font-weight: 700;
}

.under{
    text-align: center;
}
.undrln{
    color: red;
}
.underline{
    border-bottom: 3px solid brown;width: 229px;position: relative;padding: 10px 0px;
}


.containere{border: 1px solid balck;width: 87%;margin: 30px auto;gap: 30px;display: flex;}

.bulat1{border: 1px solid black;flex: 1;
background:  linear-gradient(to right, #fffbd5, #8c91ef);;
}
.bulat2{border: 1px solid black;flex: 1;background:  linear-gradient(to right, #fffbd5, #8c91ef);;}

.general{
    margin-bottom: 0;list-style-type: circle;
}


.g{
   font-size: 1.2rem;color: #4c5b6d;padding: 30px 80px;
}


.rangeen-box{width: 100%;height:auto;background: linear-gradient(to bottom, brown, rgb(13, 13, 98));height: 565px;}

.whata{text-align: center;position: relative;top: 5%;font-size: 2.5rem;font-weight: bold;color: #fff;margin-bottom: 50px;}

.we-parent{width: 87%;margin: 20px auto;position: relative;top: 1%;display: flex;gap: 20px;}

.ani{border: 1px solid white;flex: 1;padding: 20px;}
.ank{border: 1px solid white;flex: 1;padding: 20px;}
.anke{border: 1px solid  white;flex: 1;padding: 20px;}
.fa{font-size: 1.8rem;color: #fff;}

.qua{
    font-size: 1.5rem;color: #fff;font-weight: 900px;font-weight: bold;padding-left: 10px;
}
.wee{
    color: #fff;padding-left: 50px;
}
.m{padding-left: 50px;}




/* haddin image parent code here start  */











/* footer code start here  */



.grid{
    width: 87%;margin: 50px auto; height: 350px;display: grid;grid-template-rows: 350px;grid-template-columns: 1fr 1fr 1fr;gap: 20px;
}

.rabai-imgage img{
    width: 100%;height: 50%;
}

.mana1{padding: 10px;}
.mana2{padding: 10px;}
.pr{
    display: block;color: #474544;font-size: 0.9rem;padding: 10px 2px;font-weight: 600;font-family: sans-serif;
}
.pr:hover{
    color: #474544;
}
.infoo{
    color: #474544;font-size: 1.1rem;font-family: sans-serif;
}
.sena{
    margin-top: 40px;
}


footer{
    border: 1px solid black;width: 100%;background-color: #060606;display: flex;align-items: center;justify-content: center;padding: 15px 0px;
}
.copy{
    color: #FFFF;text-align: center;font-family: sans-serif;
}
.q{font-family: sans-serif;}

.fore-icon-parent{
    cursor: pointer;padding: 6px 12px;font-size: 1.1rem;color: #1877F2;
}

/* footer code end here  */





/* slider coder start here  */
.main{
    width: 100%;height: 500px;position: relative;overflow: hidden;
}
.slide{
    position: absolute;transition: 0.5s;
}

.arrow-family {
    z-index: 99;position: absolute;display: flex;justify-content: space-between;align-items: center;height: 500px;width: 100%;
}
.arrow-family i{
    font-size: 2rem;
}
.arrow-family .second-icon{
margin-right: 20px;
}

.arrow-family .first-icon{
    margin-left: 20px;
    }
/* slider coder end here  */