*{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
.Subheader{
    width: 100%;
}
.Subheader img{
    width: 100%;
}

header{
    width: 100%;
    /* background-color: black; */
  box-shadow: 0px 0px 0px 1px #ccc;
  position: sticky;top: 0px;
  background-color: #fff;
  z-index:999;
}

.bars{
    width:12%;
    font-size: 30px;
    /* border: 1px solid red; */
    display: none;
}
.bars>a{
    color: black;
}

.bars>.Sliders{
 width:50%;
 height: 100vh;
  color: white;
  background-color:grey;
  position: absolute;
  top: 0px;
  left: -100%;
  z-index: 999;
  
}
.Sliders>h4{
  font-size: 23px;
  padding:20px 10px;
}
.Sliders>ul{
  display: flex;
  flex-direction: column;
  gap:40px;
  justify-content: space-evenly;
  padding: 10px;
  
}
.Sliders>ul>li>a{
  color: white;
  
}
.Sliders>ul>li>a:hover{
    color: purple;
}
.Sliders>ul>li:hover{
    color: purple;
}
.Sliders>ul>li>span{
  font-size: 20px;
  padding-left: 10px;
}
.Sliders>ul>li>button{
  width: 100%;
  padding: 10px 0px;
  border-radius: 20px;
  color: white;
  font-weight: bold;
  border: none;
  font-size: 20px;
  
}
.bars:hover .Sliders{
left:0px;
transition:1s;
} 







/* -------------------------------------------------------- */
header .headerMid{
    max-width:1140px;
    margin: auto;
    display: flex;
   
}

.LeftSection .MegaMenu{
    width: 100%;
    height: 400px;
    position: absolute;
    top: 100%;
    left: 0px;
    display: none;
}
.LeftSection>ul>li:hover .MegaMenu{
    display: flex;
    background-color: yellow;
}
.headerMid .LeftSection{
    flex-basis: 50%;
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid red; */
}
.LeftSection figure{
    flex-basis: 20%;
     /* border: 1px solid red; */
}
.LeftSection figure img{
    width: 100%;
    height:100px;
    /* border-radius: 50%; */
    object-fit:cover;
   /* border: 1px solid red; */
}
.LeftSection>ul{
    flex-basis:80%;
     display: flex;
    align-items: center;
     /* justify-content: space-evenly; */
     justify-content: center;
     gap:20px;
     text-transform:capitalize;
     font-size:18px;
     font-weight: bolder;
    
     /* border: 1px solid red; */
}
.LeftSection>ul>li{
padding: 30px 0px;
/* border: 1px solid red; */
cursor: pointer;

}
.LeftSection>ul>li>a{
    color: black;
}
.LeftSection>ul>li>a:hover{
    color: #F62580;
}

.headerMid .RytSection{
    flex-basis: 50%;
    /* border: 1px solid blue; */
    display: flex;
    align-items:center;justify-content:center;
    gap:10px;
}
.RytSection .Item1{
    flex-basis:50%;
    display: flex;
    /* background-color: yellow; */
}
.RytSection .Item1>form{
    width: calc(100% - 10px);
    display: flex;
    margin-left: 10px;
    justify-content: center;
    align-items: center;
    /* border: 1px solid #ccc; */
     box-shadow: 0px 0px 10px 2px #ccc;
     border-radius: 10px;
}
.RytSection .Item1>form>button{
    padding: 10px 10px; background: transparent;
    outline: none; border: none;
    font-size: 20px;
}
.RytSection .Item1>form>input{
    flex-grow: 1; background: transparent;
    outline: none;
    border: none;
    font-size: 20px;
}
.RytSection .Item2{
    flex-basis:50%;
    /* border: 1px solid red; */
    
}
.RytSection .Item2>ul{
    flex-basis:100%;
    display: flex;
    /* border: 1px solid red; */
    justify-content: space-around;
    /* background-color: red; */
}
.RytSection .Item2>ul>li{
    /* border: 1px solid red; */
    padding:2px 0px;
}
.RytSection .Item2>ul>li>a>i{
    font-size:25px;
    color: black;
    
}
.RytSection .Item2>ul>li .SignPage{
    width: 22%;
    background-color: #fff;
    height: 250px;
    position: absolute;
    left:80%;
    top:80px;
    transform: scale(0);
    border-radius: 10px;
    box-shadow: 0px 0px 10px 2px #ccc;
    padding: 10px;
   
    
}
.RytSection .Item2>ul>li:hover>.SignPage{
     transform: scale(1);
}
.RytSection .Item2>ul>li>.SignPage>h2{
 text-align: center;
 color: purple;
 padding: 10px;
}
.Item2>ul>li>.SignPage>form{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.RytSection .Item2>ul>li>.SignPage>form>input
{   
    width: 100%;
    padding:5px;
    font-size: 20px;
    /* line-height: 50px; */
}
.RytSection .Item2>ul>li>.SignPage>form>button{
    width: 100%;
    padding: 10px;
    background-color:green;
    border: 2px solid green;
    color: white;
    font-size:15px;
}






.Section1{
width: 100%;
}

.Section1Mid{
    max-width:1140px;
    margin: auto;
   display: flex;
   /* border: 1px solid red; */
   display: flex;
   position:relative;
}
.Section1Mid>ul{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* padding:20px; */
    text-transform:capitalize;
    font-size:16px;
    font-weight: bolder;
    /* border: 1px solid red; */
}
.Section1Mid>ul>li>.MegaMenu{
    width: 100%;
    height: 400px;
    position: absolute;
    top: 100%;
    left: 0px;
    transform: scale(0);
    background-color: yellow;
    display: flex;
}
.Section1Mid>ul>li:hover .MegaMenu{
    transform: scale(1);
    
}

.Section1Mid>ul>li>.MegaMenu .c1,.c3,.c5{
    display: flex;
    background-color:#fff;
    flex-direction: column;
    width:20%;
    padding: 10px 20px;
}
.Section1Mid>ul>li>.MegaMenu .c2,.c4,.c6{
    display: flex;
    background-color:#F7F7F7;
    flex-direction: column;
    width:20%;
    padding: 10px 20px;
}




 .MegaMenu>.c1>h4,.c3>h4,.c5>h4,.c2>h4,.c4>h4,.c6>h4{
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    /* background-color: red; */
}

.Section1Mid .MegaMenu .c1>ul>li>a,
.c1>ul>li>a,
.c2>ul>li>a,
.c3>ul>li>a,
.c4>ul>li>a,
.c5>ul>li>a,
.c6>ul>li>a{
    color:grey;
    padding: 10px;
     line-height: 25px;
}
.Section1Mid .MegaMenu .c1>ul>li>a:hover,
.c2>ul>li>a:hover,
.c3>ul>li>a:hover,
.c4>ul>li>a:hover,
.c5>ul>li>a:hover,
.c6>ul>li>a:hover
{
    color: #EC2988;
}
.Section1Mid>ul>li {
    height: 50px;
    padding: 20px 0px;
    /* border: 1px solid red; */
}
.Section1Mid>ul>li>a{
    color:black;
}
.Section1Mid>ul>li a:hover{
    color: #EC2988;
}
.Section1Mid>ul>li:hover{
 border-bottom: 2px solid #EC2988;

}
.Section1Mid>ul>li:last-child{
    text-transform: uppercase;
    background-color:#F62580;
    border: none;
    
}

.Section2{
    width: 100%;
    background-color:#F5F3DE;
}
.Section2>h2{
    font-size: 30px;
    text-align: center;
    font-weight: bolder;
    padding: 40px 0px;
    color: #E0576F;
}
.Section2Mid{
    max-width: 1140px;
    margin: auto;
    /* border: 1px solid red; */
    display: flex;
    gap: 20px;
}
.Section2Mid>.Item{
    flex-basis: 33%;
    /* border: 1px solid red; */
}
.Section2Mid>.Item>a>img{
    width: 100%;
    border-radius: 10px;
}
.Section3{
    width: 100%;
    background-color: #fff;
    display: flex;
    
}
.Section3Mid{
    max-width: 1140px;
    margin:20px auto;
}

.Section3Mid>img{
    width: 100%;
    
}

.Section4{
    width: 100%;
    background-color: #fff;
    display: flex;
}
.Section4Mid{
    max-width: 1140px;
    margin:20px auto;
}
.Section4Mid img{
    width: 100%;
    
}
.Section5{
    width: 100%;
    background-color:#E85468;
}
.Section5>h2{
    font-size: 30px;
    text-align: center;
    font-weight: bolder;
    padding:50px 0px;
    color: #fff;
    
}

.Section5Mid{
    max-width: 1140px;
    margin: auto;
    /* border: 1px solid red; */
    display: flex;
    gap:15px;
}
.Section5Mid>.Item{
    flex-basis: 33%;
    /* border: 1px solid red; */
}
.Section5Mid>.Item>a>img{
    width: 100%;
    border-radius:10px;
}
.Section6{
    width: 100%;
    max-width: 100%;
    
}
.Section6 figure{
    width: 100%;
}
.Section6 figure img{
    width: 100%;
    object-fit: cover;
}
.Section6Mid{
    max-width: 1140px;
    margin:20px auto;
    display: flex;
     gap:15px;
}
.Section6Mid .Item{
    flex-basis: 33%;
    /* border: 1px solid red; */
}
.Section6Mid>.Item>a>img{
    width: 100%;
    border-radius:10px;
}
.Section7{
    width: 100%;
    background-color:#fff;
}
.Section7>h2{
    font-size: 30px;
    text-align: center;
    font-weight: bolder;
    color: black;
    padding-top: 20px;
    
}
.Section7>p{
    font-size:15px;
    text-align: center;
    font-weight: bolder;
    color: #000;
    padding-left: 80px;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.Section7Mid{
    max-width: 1140px;
    margin: 20px auto;
    /* border: 1px solid red; */
    display: flex;
    flex-wrap: wrap;
    gap:20px;
}
.Section7Mid>.Item{
    flex-basis:23%;
    padding: 10px;
    /* border: 1px solid red; */
}
.Section7Mid>.Item>figcaption>p{
    font-size: 20px;
    padding: 10px;
    text-align: center;
}
.Section7Mid >.Item>a>img{
    width: 100%;
    border-radius:10px;
}

.Section8{
width: 100%;
background-color:#924092;
color: white;
}


.Section8>h2{
    font-size: 40px;
    text-align: center;
    font-weight: bolder;
    padding-top: 20px;
    
}
.Section8>p{
    font-size:15px;
    text-align: center;
    font-weight: bolder;
    /* padding-left: 100px; */
    text-transform: uppercase;
    padding-bottom: 20px;
}

.Section8Mid{
    max-width: 1140px;
    margin: auto;
    /* border: 1px solid red; */
    display: flex;
    gap:10px;
}
.Section8Mid>.Item{
    flex-basis:19%;
    /* border: 1px solid red; */
}
.Section8Mid>.Item>a>img{
    width: 100%;
    border-radius:10px;
}
.Section9{
    width: 100%;
    background-color:white;
    margin: 100px 0px;
}
.Section9>h2{
    font-size: 30px;
    text-align: center;
    font-weight: bolder;
    padding: 10px 0px;
    color: black;
    
}

.Section9Mid{
    max-width: 1140px;
    margin: auto;
    /* border: 1px solid red; */
    display: flex;
    flex-wrap: wrap;
    gap:20px;
}
.Section9Mid>.box{
  flex-basis: 32%;
  text-align: center;
}
.Section9Mid>.box>a>img{
    width:100%;
    
}
.Section10{
    width: 100%;
    background-color: black;
}
.Section10Mid{
    max-width:1140px;
    margin:10px auto;
    /* border: 1px solid red; */
    display: flex;
    gap:20px;
}
.Section10Mid>.List{
flex-basis: 24%;
/* border: 1px solid red; */
}
.Section10Mid>.List>h4{
    font-size: 30px;
    color: cyan;
padding: 10px;
font-weight: bolder;
}
.Section10Mid>.List>ul>li{
    padding: 10px;
    
}
.Section10Mid>.List>ul>li>a{
   color: white;
    
}
.Section11{
    width: 100%;
    /* background-color:#F62580; */
}
.Section11Mid{
    max-width: 1140px;
    margin: 50px auto;
    /* border: 1px solid red; */
    display: flex;
}
.Section11Mid>.Items{
    flex-basis: 20%;
    /* border: 1px solid red; */
    /* display: flex; */
    /* background-color: yellow; */
    display: flex;
    padding: 10px;
}

.Section11Mid>.Items>div>h4{
text-transform: uppercase;
padding: 10px;
}
.Section11Mid>.Items>div>p{
    padding: 10px;
}

.Section11Mid>.Items1>h4{
    padding: 10px;
    text-transform: uppercase;
}
.Section11Mid>.Items1>.Icons{
    display: flex;
    gap: 10px;
}
.Section11Mid>.Items1>.Icons>a>i{
    font-size: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: black;
    color: white;
}
.Section11Mid>.Items1>.Icons>a>i{
    font-size: 30px;
    width:45px;
    height:45px;
    background-color:black;
    border-radius: 50%;
    padding-top:8px;
    /* margin:10px; */
}
.Section11Mid>.Items1>.Icons>a{
    color: white;
}
.Section11Mid>.Items1>.Icons>a .C:hover{
    background-color: white;
    color: blue;
    
}
.Section11Mid>.Items1>.Icons>a .A:hover{
    background-color: white;
    color:red;
    
}
.Section11Mid>.Items1>.Icons>a .B:hover{
    background-color: white;
    color:black;
    
}
.Section11Mid>.Items1>.Icons>a .D:hover{
    color:red;
     background-color: white;
}
.Section12{
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding: 10px 0px;
    margin: 10px 0px;
}