html,body{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    box-sizing: border-box;
    
  }
  
  .maincontainer{
    width: 100%;
    height: auto;
    min-height: 100vh;
    max-width: 1920px;
    margin: auto;
  }

.top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    background-color: white;
    margin: 33px 0px 25px 0px;
    padding: 5px;
    border-radius: 40px;
    width: 80%;
    max-width: 1536px;
    height: 40px;
}
.top img{
    height: 42px;
    width: 163px;
    padding-left: 15px;
}
.top button{
    padding: 6px 15px;
    background-color: #686628;
    border-radius: 20px;
    margin-right: 10px;
    color: white;
    font-family: 'Georgia', sans-serif;
}
.top h5{
    color: rgb(148, 143, 143);
    font-weight: 600;
    font-size: 10px;
    font-family: 'Georgia', sans-serif;
    text-decoration: none;
}
a{
    text-decoration: none;
}

.top,h5:nth-child(2){
    color:#3F1B5B;
}
.section1{
    height: 100%;
    width: 100%;
    background-color:#3F1B5B;
    display: flex;
    /* overflow-y: hidden; */

}
.left{
padding: 40px;
flex: 1;
display: flex;
justify-content: center;
flex-direction: column;
}

.left h4{
    font-family:"Rock Salt", cursive;
    color: yellow;
    font-size: 1.4vw;
    font-weight: 100;
    
}
.left h1{
    font-family: 'Georgia', sans-serif;
    color: white;
    line-height: 12px;
    font-size: 3vw;
}
span{
    display: inline-block;
    font-family: "Rock Salt", cursive;
    background-color: yellow;
    color: black;
    font-size: 2.6vw;
    line-height: 30px;
    
}
.left h5{
  color: rgb(188, 178, 178);
  font-family: 'Georgia', sans-serif;
  font-weight: 100;
  line-height: 1.8vw;
  font-size: 1.1vw;
  margin-top: -3px;
}
.button{
    display: flex;
}
.button img{
    width: 30%;
    margin-bottom: 10px;
}
.button2{
    margin-left: 5px;
}
.sec1left2{
    display: flex;
    gap: 5%;
    align-items: center;    
}
.sec1text{
    display: flex;
    flex-direction: column;
   width: 50%;
   margin-top: 15px;
}
.sec1left2 img{
    width: 30%;
    height:auto;
    
}
.sec1left2 h1{
    color:white;
    font-size: 1.5vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    padding: 0;
    margin: 0;

}
.sec1left2 h4{
    color:white;
    font-size: 1vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    margin-top: 5px;
}
.right{
    flex: 1;
   display: flex;
   align-items: end;
   justify-content: end;
  /* margin-top: 71px; */

}
.rightimg{
    display: flex;
    justify-content:center;
}
.right img{
     display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    transform: translateY(25%);
}
@media (max-width:800px) {
    .section1{
        height: auto;
        width: 100%;
        background-color:#3F1B5B;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* box-sizing: border-box; */
        padding: 0px;
        margin: 0;
        overflow-x: hidden;
    
    }
    .right{
        display: none;
    }
    .left{
        /* height: 100vh; */
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        }
        
        .left h4{
            font-family: "Rock Salt", cursive;
            color: yellow;
            font-size: 3.7vw;
            font-weight: 100;
            margin-bottom: 0px;
            
        }
        .left h1{
            font-family: 'Georgia', sans-serif;
            color: white;
            line-height: 10px;
            font-size: 4.6vw;
        }
        span{
            display: inline-block;
            font-family: "Rock Salt", cursive;
            background-color: yellow;
            color: black;
            font-size: 4.6vw;
            line-height: 24px;
            
        }
        .left h5{
          color: rgb(188, 178, 178);
          font-family: 'Georgia', sans-serif;
          font-weight: 100;
          line-height: 17px;
          font-size: 12px;
          margin-top: 0px;
          width: 80%;
          padding: 0;
        }
        .button{
           display: flex;
           align-items: center;
           justify-content: center;
        }
        .button img{
            height: auto;
            width: 35%;
            margin-bottom: 20px;
        }
        .button2{
            margin-left: 5px;
        }
        .sec1left2{
            display: flex;
            align-items: center; 
            justify-content: center; 
            width: 40%;
            }
        .sec1text{
            display: flex;
           margin-top: 0px;  
        }
        .sec1left2 img{
            width: 50%;
            height:auto;
            
        }
        .sec1left2 h1{
            color:white;
            font-size:2.5vw;
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            padding: 0;
            margin: 0;
        
        }
        .sec1left2 h4{
            color:white;
            font-size: 1.5vw;
            font-family: "Montserrat", sans-serif;
            font-weight: 300;
        }
        .right img{ 
            display: none;
        }
        .top{
            margin: 20px 0px 0px 0px;
            padding: 5px;
            width: 95%;
            height: 30px;
            display: flex;
            justify-content: space-evenly;

        }
        .top img{
            display: none;
        }
        .top button{
            padding: 5px 6px;
            background-color: #686628;
            border-radius: 20px;
            margin-right: 0px;
            color: white;
            font-family: 'Georgia', sans-serif;
            white-space: nowrap;
            font-size: 2vw;
        }
        .top h5{
          font-size: 2.2vw;
          /* display: none; */
          color: rgb(148, 143, 143);
          font-weight: 600;
          font-family: 'Georgia', sans-serif;
          text-decoration: none;

        }
        .top,h5:nth-child(2){
            color:#3F1B5B;
        }
        
}

.section2{
    height: 80%;
    width: 100%;
    padding: 0px 0px 0px 30px;   
}
.sec2top{
    height:20%;
    width:30%;
}
.sec2top h5{
    font-size: 1.6vw;
    color: var(--Black-color, #120B1C);
    font-family: "Montserrat", sans-serif;
}

.sec2middle{
    width: 63%;
    height: 40%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.sec2middle h1{
    font-family: 'Georgia', sans-serif;
    font-size: 4vw;
    color: #686628;
    margin-right: 15px;
}
.sec2middle h5{
    font-size: 1.2vw;
    color: var(--Black-color, #120B1C);
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}
.sec2middle3 h5{
font-size: 1vw;
color: var(--Black-color, #120B1C);
font-family: "Montserrat", sans-serif;
}
.sec2middle1{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sec2middle2{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sec2middle3{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sec3bottom{
    height: 15vh;
    width: 100%;
    text-align: center;
}
.sec3bottom h1{
    font-size: 2vw;
    color: var(--Black-color, #120B1C);
    font-family: 'Georgia', sans-serif;
    font-weight: 700;
    line-height: 0px;
}
.sec3bottom h5{
    margin-top: 0px;
    color: #792CB5;
    font-size: 1vw;
    font-family: "Montserrat", sans-serif;
     font-weight: 600;
}

@media (max-width:800px){
    .section2{
        height: auto;
        padding:0px;
        margin: 0;
    
    }
    .sec2top{
        height:auto;
        width:100%;
        text-align: center;
    }
    .sec2top h5{
        font-size: 3.5vw;
        color: var(--Black-color, #120B1C);
        font-family: "Montserrat", sans-serif;
        margin: 0;

    }
    .sec2middle{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items:center;
        margin: 0;
    }
    .sec2middle h1{
        font-size: 6.5vw;
        margin-right: 10px;
        }
.sec2middle h5{
    font-size: 3vw;

}
.sec2middle3 h5{
font-size: 3vw;
}
.sec2middle3{
    width: 40%;
}
.sec3bottom h1{
    font-size: 4vw;
}
.sec3bottom h5{
    margin: 0;
    padding: 0;
    font-size: 3vw;
}
}

.Section3{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
}
.backgroundimage{
    background-image: url(./images/backgroundimg.png);
    width: 100%;
    background-position: center;
    background-size: 50%;
    background-repeat:no-repeat ;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.middle{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.middle1{
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.middle1 img{
    object-fit: contain;
    width: 200px;
    /* height: 200px; */
}
.textedt{
    color: var(--Black-color, #120B1C);
    font-family: 'Georgia', sans-serif;
    font-size: 1.4vw;
    font-weight: 700;
    text-align: center;
}
.textedt1{
    color: var(--Black-color, #120B1C);
    font-family: 'Georgia', sans-serif;
    font-size: 1.7vw;
    font-weight: 700;
    text-align: center;
    margin: 0;
}
.paraedt{
    color: var(--Black-color, #120B1C);
    text-align: center;
    font-family: "Montserrat", sans-serif;
    line-height: 17px;
    font-weight: 400;
    font-size: 1vw;
}
.middle2{
    width: 25%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.middle2 img{
    object-fit: contain;
    width: 220px;
}
.middle3{
    width: 25%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.middle3 img{
    object-fit: contain;
    width: 200px;
}


@media (max-width:800px){

    .Section3{
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        align-items: center;
    
    }
    .backgroundimage{
        background-image: url(./images/backgroundimg.png);
        width: 100%;
        height: auto;
        background-position: center;
        background-size: 50%;
        flex-direction: column;
        background-repeat:no-repeat ;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    
    }
   
    .middle{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;

        justify-content: space-between;
    }
    .middle1{
        width: 100%;
        max-width: 1200px;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .middle1 img{
        object-fit: cover;
        width: 30%;
        height: auto;

    }
    .textedt{
        color: var(--Black-color, #120B1C);
        font-family: 'Georgia', sans-serif;
        font-size: 15px;
        font-weight: 700;
        text-align: center;
    }
    .textedt1{
        color: var(--Black-color, #120B1C);
        font-family: 'Georgia', sans-serif;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
    }
    .paraedt{
        color: var(--Black-color, #120B1C);
        text-align: center;
        font-family: "Montserrat", sans-serif;
        line-height: 17px;
        font-weight: 400;
        font-size: 10px;
    }
    .middle2{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .middle2 img{
        object-fit: contain;
        width: 40%;
        height: auto;
    }
    .middle3{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .middle3 img{
        object-fit: contain;
        width: 30%;
        height: auto;
    }
    
}
.section4{
    height: 100%;
    width: 100%;
    display: flex;
}

.sec4left{
    width: 50%; 
    height: auto;
    display: flex;
    justify-content: center;
    background-image: url(./images/sec4bg.png);
    position: relative;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: bottom;
}


.sec4right{
    width: 50%;
}

.greenrectangle{
    height: 95%;
    width: auto;
    position: absolute;
    z-index: 1;
     bottom: 0;
    left: 27%;
}
.sec4right h6{
    color: #792CB5;
    font-size: 1.2vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.sec4right h1{
    color: var(--Black-color, #120B1C);
    font-family: 'Georgia', sans-serif;
    font-weight: 700;
    font-size: 2vw;
}
.sec4right h5{
    color: var(--Black-color, #120B1C);
    font-family: "Montserrat", sans-serif;
    font-size: 1vw;
    font-weight: 400;
    width: 86%;
    line-height: 12px;
}

@media (max-width:800px){
    .section4{
        height: auto;
        width: 100%;
        display: flex;
        position: relative;
        flex-direction: column;
    }
  
    .sec4left{
        width: auto;
        height: 90vh;
        display: flex;
        justify-content: center;
        background-image: url(./images/sec4bg.png);
        position: relative;
        background-size: 80%;
        background-repeat: no-repeat;
        background-position: bottom;    
    }
    

.greenrectangle{
    height:fit-content;
     width: 40%;
    position: absolute;
    z-index: 1;
    left: 32%;
    position: absolute;
}
.sec4right{
    width: 100%;
   height: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
     overflow-y: hidden;

}
.sec4right h6{
    font-size: 3vw;
    color: #792CB5;
}
.sec4right h1{
    font-size: 4vw;
}
.sec4right h5{
    font-size: 13px;
    font-weight: 400;
    /* width: 80%; */
    text-align: center;
    line-height: 17px;
    margin-top: 0px;
}
}
/* @media (max-width:500px) {
    .sec4right h5{
        font-size: 2.5vw;
        font-weight: 400;
        text-align: center;
        line-height: 15px;
        margin-top: 0px;
    }
} */

.section5{
    height: 40%;
    width: 100%;
    background-color: #3F1B5B;
   
}
.sec5top{
    display: flex;
    justify-content: space-between;
    height: 50vh;
    width: 100%;
    padding: 20px 0px 0px 65px;
}

 .sec5left h1{
    font-size: 2vw;
    color: white;
    font-family: 'Georgia', sans-serif;
    width: 55%;
    line-height: 28px;
 }
 .sec5left{
    width: 50%;
 }
 .sec5right{
    width: 50%;
 }
 .sec5left h5{
    font-family: "Montserrat", sans-serif;
    color: yellow;
    font-size: 1vw;
 }
 .sec5right h5{
    font-family:Montserrat;
    width: 70%;
    line-height: 13px;
    color: white;
    font-size: 1vw;
    font-weight: 200;
    padding: 35px 0px 0px 0px;
 }
@media (max-width:800px){
    .section5{
        height: auto;
        width: 100%;
        background-color: #3F1B5B;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .sec5top{
        height: auto;

        display: flex;
        justify-content: center;
        text-align: center;
        width: 100%;
        padding: 0;
        flex-direction: column;
        text-align: center;

    }
    
     .sec5left h1{
        font-size: 4vw;
        color: white;
        font-family: 'Georgia', sans-serif;
     }
     .sec5left{
        width: 100%;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
     }
     .sec5right{
        width: 100%;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

     }
     .sec5left h5{
        font-family: "Montserrat", sans-serif;
        color: yellow;
        font-size: 3vw;
     }
     .sec5right h5{
        font-family: "Montserrat", sans-serif;
        /* width: 78%; */
        line-height: 17px;
        color: white;
         font-size: 13px;
        font-weight: 200;
        padding:0;
        text-align: center;
        margin-top: 5px;

     }
}

.section6{
    height: 100vh;
    width: 100%;
    background: linear-gradient(to bottom, #3F1B5B 50%, white 50%);
    position: relative;
    z-index: 0;
}
.flexbox{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    z-index: 1;
    bottom:0;
    top: 0;
    left: 9%;
    gap: 20px;
}
.rec1{
    height: 90vh;
    width: 25vw;
}
.recimg1{
    height: 83vh;
    width: 24vw;
    z-index: 2;
    position: absolute;
    top: 12%;
    left: 0%;
}
.rec1 h5{
    font-size: 1.5vw;
    position: absolute;
    z-index: 3;
    top: 5%;
    left: 4%;
    color: var(--Black-color, #120B1C);
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 17px;
}
.rec1 h6{
    font-size: 0.7vw;
    position: absolute;
    z-index: 3;
    top: 20%;
    left: 0%;
    color:black;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    width: 30%;
    line-height: 10px;
}
.rec2 h5{
    font-size: 1.5vw;
    position: absolute;
    z-index: 3;
    top: 54%;
    left: 39%;
    color: var(--Black-color, #120B1C);
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 17px;
}
.rec2 h6{
    font-size: 0.7vw;
    position: absolute;
    z-index: 3;
    bottom: 13%;
    left: 35%;
    color:black;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    width: 30%;
    line-height: 10px;
}
.rec2{
    height: 90vh;
    width: 25vw;
}
.recimg2{
    height: 83vh;
    width: 24vw;
    z-index: 2;
    position: absolute;
    left: 36%;
}
.rec3{
    height: 90vh;
    width: 25vw;
}
.recimg3{
    height: 83vh;
    width: 24vw;
    z-index: 2;
    position: absolute;
    top: 11%;
    left: 69%;
}

.rec3 h5{
    font-size: 1.5vw;
    position: absolute;
    z-index: 3;
    top: 4%;
    left: 73%;
    color: var(--Black-color, #120B1C);
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 17px;
}
.rec3 h6{
    font-size: 0.7vw;
    position: absolute;
    z-index: 3;
    bottom: 66%;
    top: 21%;
    left: 70%;
    color:black;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    width: 30%;
    line-height: 10px;
}
@media (max-width:800px){
    .section6{
        height: 200vh;
        width: 100%;
        background: linear-gradient(to bottom, #3F1B5B auto, white auto);
        position: relative;
        z-index: 0;
    }
    .flexbox{
        height: auto;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        position: absolute;
        flex-direction: column;
        width: 80%;
        left: 10%;
        z-index: 1;
        bottom:0;
        top: 0;
        left: 9%;
        gap: 0px;
        padding: 0px;
    }

    .rec1{
        height: 70vh;
        width: 50vw;
         z-index: 1;
    
    }
    .recimg1{
        height: 57vh;
        width: 40vw;
        top: 6%;
        left: 26%;
    }

    .rec1 h5{
        font-size: 2.6vw;
        position: absolute;
        z-index: 3;
        top: 0%;
        left: 31%;
        color: var(--Black-color, #120B1C);
        text-align: center;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        line-height: 14px;
    }
    .rec1 h6{
        font-size: 1.5vw;
        top: 7%;
        left: 25%;
        text-align: center;
        width: 51%;
        line-height: 9px;
    }
    .rec2{
        height: 70vh;
        width: 50vw;
        z-index: 1;
    }
    .recimg2{
        height: 57vh;
        width: 40vw;
        top: 35%;
        left: 26%;
    }

    .rec2 h5{
        font-size: 2.6vw;
        position: absolute;
        z-index: 3;
        top: 53%;
        left: 31%;
        color: var(--Black-color, #120B1C);
        text-align: center;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        line-height: 14px;
    }
    .rec2 h6{
        font-size: 1.5vw;
        top: 60%;
        left: 25%;
        text-align: center;
        width: 51%;
        line-height: 9px;
    }
    .rec3{
        height: 70vh;

        width: 50vw; 
    }
    .recimg3{
        height: 57vh;
        width: 40vw;
        top: 76%;
        left: 26%;

    }
    .rec3 h5{
        font-size: 2.6vw;
        position: absolute;
        z-index: 3;
        top: 69%;
        left: 31%;
        color: var(--Black-color, #120B1C);
        text-align: center;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        line-height: 14px;
    }
    .rec3 h6{
        font-size: 1.5vw;
        top: 75%;
        left: 25%;
        text-align: center;
        width: 51%;
        line-height: 9px;
        text-align: center;
    }
}
.section7{
    height: 100%;
    width: 100%;
    display: flex;
    padding: 20px;
}
.sec7left{
    width: 50%;
    margin: 20px;

}
.sec7right img{
    width: 50%;
}
.sec7right{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

}
.sec7left h6{
    color: #792CB5;
    font-size: 1.2vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.sec7left h1{
    color: var(--Black-color, #120B1C);
    font-family: 'Georgia', sans-serif;
    font-weight: 700;
    font-size: 2.2vw;
}
.sec7left h5{
    color: var(--Black-color, #120B1C);
    font-family: "Montserrat", sans-serif;
    font-size: 1vw;
    font-weight: 400;
    width: 95%;
    line-height: 12px;
}
@media (max-width:800px){
    .section7{
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0;
        margin: 0;
    }
    .sec7left{
        width: 100%;
        height: auto;
        margin: 0px;
        display: flex;
        text-align: center;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        /* background-color: #792CB5; */
    
    }
    .sec7right img{
        height: auto;
        width: 40vw;
    }
    .sec7right{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sec7left h6{
        color: #792CB5;
        font-size: 3vw;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
    }
    .sec7left h1{
        color: var(--Black-color, #120B1C);
        font-family: 'Georgia', sans-serif;
        font-weight: 700;
        font-size: 4vw;
    }
    .sec7left h5{
        color: var(--Black-color, #120B1C);
        font-family: "Montserrat", sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 17px;
        width: 75%;
        gap: 0;
    }
}
.section8{
    height: 100%;
    width: 100%;
    display: flex;
    padding: 20px;
}
.sec8right{
    width: 50%;
    margin: 20px;

}
.sec8left img{
    width: 50%;
    margin: 0;
    padding: 0;
}
.sec8left{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}
.sec8right h6{
    color: #792CB5;
    font-size: 1.2vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.sec8right h1{
    color: var(--Black-color, #120B1C);
    font-family: 'Georgia', sans-serif;
    font-weight: 700;
    font-size: 2.2vw;
    margin: 0;
    padding: 0;
}
.sec8right h5{
    color: var(--Black-color, #120B1C);
    font-family: "Montserrat", sans-serif;
    font-size: 1vw;
    font-weight: 400;
    width: 80%;
    line-height: 12px;
}
@media (max-width:800px){
    .section8{
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0;
    }
    .sec8right{
        width: 100%;
        height: auto;
        margin: 0px;
        display: flex;
        text-align: center;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    
    }
    .sec8left img{
        height: auto;
        width: 40vw;
    }
    .sec8left{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sec8right h6{
        color: #792CB5;
        font-size: 3vw;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
    }
    .sec8right h1{
        color: var(--Black-color, #120B1C);
        font-family: 'Georgia', sans-serif;
        font-weight: 700;
        font-size: 4vw;
    }
    .sec8right h5{
        color: var(--Black-color, #120B1C);
        font-family: "Montserrat", sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 17px;
        width: 80%;
        gap: 0;
    }
}
.section9{
    height: 100%;
    width: 100%;
    display: flex;
    padding: 20px;
}
.sec9left{
    width: 50%;
    margin: 20px;

}
.sec9right img{
    width: 50%;
}
.sec9right{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

}
.sec9left h6{
    color: #792CB5;
    font-size: 1.2vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.sec9left h1{
    color: var(--Black-color, #120B1C);
    font-family: 'Georgia', sans-serif;
    font-weight: 700;
    font-size: 2.2vw;
}
.sec9left h5{
    color: var(--Black-color, #120B1C);
    font-family: "Montserrat", sans-serif;
    font-size: 1vw;
    font-weight: 400;
    width: 78%;
    line-height: 12px;
}
@media (max-width:800px){
    .section9{
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0;
        margin: 0;

    }
    .sec9left{
        width: 100%;
        height: auto;
        margin: 0px;
        display: flex;
        text-align: center;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    
    }
    .sec9right img{
        height: auto;
        width: 40vw;
    }
    .sec9right{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    
    }
    .sec9left h6{
        color: #792CB5;
        font-size: 2.5vw;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
    }
    .sec9left h1{
        color: var(--Black-color, #120B1C);
        font-family: 'Georgia', sans-serif;
        font-weight: 700;
        font-size: 4vw;
    }
    .sec9left h5{
        color: var(--Black-color, #120B1C);
        font-family: "Montserrat", sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 17px;
        width: 80%;
        gap: 0;
    }
}
.section10{
    width: 100%;
    height: 100%;
}
.section10 h6{
        color: #792CB5;
        font-size: 1.2vw;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        text-align: center;
        margin: 0;   
}
.sec10top{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.section10 h1{
    color: var(--Black-color, #120B1C);
    font-family: 'Georgia', sans-serif;
    font-weight: 700;
    font-size: 2.2vw;
    text-align: center;
    width: 35%;
}
.section10 span{
    color: #792CB5;
    font-family: Georgia;
    font-weight: 700;
    font-size: 2.2vw;
}
.sec10flex{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 500px;
}
.flex1{
    width: 19%;
    background: var(--base-white, #FFF);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0px 34px 104px 0px rgba(18, 22, 28, 0.10);
}
.flex1 img{
    height: 60px;
    width: 60px;
}
.flex1 h5 {
    color: var(--Black-color, #120B1C);
    font-family: "Montserrat", sans-serif;
    font-size: 1vw;
    font-weight: 400;
    width: 95%;
    line-height: 17px;
    text-align: center;
}
.flex1 h1{
    color: var(--Black-color, #120B1C);
    text-align: center;
    font-family: 'Georgia', sans-serif;
    margin: 0;
    font-size: 0.9vw;
}
.flex2{
    width: 19%;
    background: var(--base-white, #FFF);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0px 34px 104px 0px rgba(18, 22, 28, 0.10);
}
.flex2 img{
    height: 60px;
    width: 60px;
}
.flex2 h5 {
    color: var(--Black-color, #120B1C);
    font-family: "Montserrat", sans-serif;
    font-size: 1vw;
    font-weight: 400;
    width: 95%;
    line-height: 14.5px;
    text-align: center;
}
.flex2 h1{
    color: var(--Black-color, #120B1C);
    text-align: center;
    font-family: 'Georgia', sans-serif;
    margin: 0;
    font-size: 0.9vw;
   width: 95%;
   align-items: center;
}
.flex3{
    width: 19%;
    background: var(--base-white, #FFF);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0px 34px 104px 0px rgba(18, 22, 28, 0.10);
}
.flex3 img{
    height: 60px;
    width: 60px;
}
.flex3 h5 {
    color: var(--Black-color, #120B1C);
    font-family: "Montserrat", sans-serif;
    font-size: 1vw;
    font-weight: 400;
    width: 95%;
    line-height: 16.5px;
    text-align: center;
}
.flex3 h1{
    color: var(--Black-color, #120B1C);
    text-align: center;
    font-family: 'Georgia', sans-serif;
    margin: 0;
    font-size: 0.9vw;
    width: 95%;
}
@media (max-width:800px){
    .section10{
        height: auto;
        width: 100%;
    }
    .section10 h6{
            color: #792CB5;
            font-size: 3vw;
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            text-align: center;
            margin: 0;      
    }
    .sec10top{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .section10 h1{
        color: var(--Black-color, #120B1C);
        font-family: 'Georgia', sans-serif;
        font-weight: 700;
        font-size: 4vw;
        text-align: center;
        width: 65%;
        margin: 0;      

    }
    .sec10top span{
        color: #792CB5;
        font-family: 'Georgia', sans-serif;
        font-weight: 700;
        font-size: 4vw;
    }
    .sec10flex{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        height: auto;
        width: 100%;

    }
    .flex1{
        width: 50%;
        height: auto;
        background: var(--base-white, #FFF);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        padding: 3px;
    }
    .flex1 img{
        height: 50px;
        width: 45px;
    }
    .flex1 h5 {
        font-size: 13px;
        line-height: 17px;
        text-align: center;
    }
    .flex1 h1{
        text-align: center;
        margin: 0;
        font-size: 3vw;
    }
    .flex2{
        width: 50%;
        background: var(--base-white, #FFF);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        padding: 3px;

    }
    .flex2 img{
        height: 50px;
        width: 40px;
    }
    .flex2 h5 {
        font-size: 13px;
        line-height: 17px;
        text-align: center;
    }
    .flex2 h1{
        text-align: center;
        margin: 0;
        font-size: 3vw;
    }
    .flex3{
        width: 50%;
        background: var(--base-white, #FFF);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        padding: 3px;

    }
    .flex3 img{
        height: 50px;
        width: 40px;
    }
    .flex3 h5 {
        font-size: 13px;
        line-height: 17px;
        text-align: center;
    }
    .flex3 h1{
        text-align: center;
        margin: 0;
        font-size: 3vw;
    }
}
.section11{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.purple{
    background-color: #3F1B5B;
    border-radius: 50px;
    width: 85%;
    height: 100%;
    display: flex;
    justify-content: center;
    /* position: relative; */
}
.sec11left{
    border-left: 50px;
    flex: 1;
}
.sec11left img{
    width: 50vw;
    display: flex;
    justify-content: center;
    align-items: start;
    transform: translateX(-10%)
}
.sec11right{
    flex: 1;

}
.sec11right h1{
    font-family: 'Georgia', sans-serif;
    color: white;
    line-height: 27px;
    font-size: 2.3vw;
    margin-top: 10%;
} 
.sec11right span{
    display: inline-block;
    font-family: "Rock Salt", cursive;
    background-color: yellow;
    color: black;
    font-size: 2.3vw;
    line-height: 26px;
}
.sec11right h5{
    color: white;
    font-family: "Montserrat", sans-serif;
    font-size: 1vw;
    font-weight: 200;
    width: 88%;
    line-height: 15px;
}
.sec11button{
    display: flex;
    gap: 5px;
}
.sec11button img{
        width: 27%;
        margin-bottom: 10px;
}
@media (max-width:800px){
    .section11{
        height: auto;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
         margin-top: 0px;

    }
    .purple{
        background-color: #3F1B5B;
        border-radius: 50px;
        width: 85%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        
    }
    .sec11left{
       flex: 1;
        border-left: 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transform: translateX(15%);
    }
    .sec11left img{
        width: 72vw;

    }
    .sec11right{
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
       flex: 1;

    }
    .sec11right h1{
        font-family: 'Georgia', sans-serif;
        color: white;
        line-height: 20px;
        font-size: 4vw;
        margin-top: 0%;
        text-align: center;
        width: 66%;
        line-height: 26px;
    } 
    .sec11right span{
        display: inline-block;
        font-family: "Rock Salt", cursive;
        background-color: yellow;
        color: black;
        font-size: 4vw;
        line-height: 30px;
    }
    .sec11right h5{
        color: white;
        font-family: "Montserrat", sans-serif;
        width: 96%;
        font-weight: 200;
        font-size: 13px;
        line-height: 17px;
        text-align:center;
    }
    .sec11button{
        display: flex;
        justify-content: center;
    }
    .sec11button img{
            width: 31%;
            height: auto;
            margin-right: 10px;
    }
}
.section12{
    /* height: 100vh; */
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 28px;
}
.sec12main{
    height: 100%;
    width: 85%;
    background-color: var(--gray-500, #cecedb);
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    display: flex;
    justify-content: center;
}
.sec12left{
    width: 51%;
    margin-top: 40px;
    height: auto;
}

.sec12left img{
    height:90px;
    width: 80px;
}
.site img{
        height: 31px;
        width: 152px;
        margin-top: -5px;
}

.sec12left h5{
    color: var(--Black-color, #120B1C);
    font-family: "Montserrat", sans-serif;
    font-size: 1vw;
    font-weight: 400;
    line-height: 15px;
    width: 77%;

}
.sec12left h6{
    color: #23142e;
    font-size: 1vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
   margin-top: 37px;
}
.sec12right{
    width: 35%;
    margin-top: 40px;
}
.sec12right h6{
    color: #23142e;
    font-size: 1vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}
.navbar{
    display: flex;
    justify-content:space-between;
    align-items: center;
    margin-top: 10px;
}
.navbar h5{
    color: var(--Black-color, #120B1C);
    font-family: "Montserrat", sans-serif;
    font-size: 1vw;
    font-weight: 700;
    line-height: 15px;
}
.secrightbottom{
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    height: 150px;
    align-items: flex-end;
}
.sec12right h5{
    color: var(--Black-color, #120B1C);
    font-family: "Montserrat", sans-serif;
    font-size: 1vw;
    font-weight: 600;
    color: #727279d0;
}
.email{
   display: flex;
   align-items: center;
    margin-top: 10px;
    background-color: white;
    padding: 3px;
    border-radius: 7px;
    overflow: hidden;
    width: 100%;
}
input{
    background-color: white;
    color: var(--Black-color, #120B1C);
    border-radius: 5px;
    flex: 1;
    border: none;
    text-indent: 6px;

}
.emailbut{
    font-family: "Montserrat", sans-serif;
    background-color: #3F1B5B;
    color: white;
    border-radius: 5px;
    border: none;
    padding: 8px;
    font-size: 10px;
    font-weight: 600;
}
@media (max-width:800px){
.section12{
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;

}
.sec12main{
    height: auto;
    width: 85%;
    background-color: var(--gray-500, #cecedb);
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;

}
.sec12left{
    width: 100%;
    height: auto;
    margin-top: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sec12left img{
    height: 95px;
    width: 80px;
}
.site{
    display: flex;
    justify-content: center;
}
.site img{
        height: auto;
        width: 60%;
        margin: 0;
}

.sec12left h5{
    color: var(--Black-color, #120B1C);
    font-family: "Montserrat", sans-serif;
    /* font-size: 2.5vw; */
    font-weight: 500;
    /* line-height: 15px; */
    text-align: center;
    font-size: 13px;
        line-height: 17px;
}
.sec12left h6{
    color: #23142e;
    font-size: 2.5vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    margin-top: 37px;
}
.sec12right{
    width: 100%;
    height: auto;
    margin-top: 10px;
}
.sec12right h6{
    color: #23142e;
    font-size: 2.5vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}
.sec12right{
    color: #3F1B5B;
    font-size: 3vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 100;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.navbar{
    display: flex;
    justify-content:space-between;
    align-items: center;
    gap: 15px;
    margin-bottom:10px;
}
.navbar h5{
    color: var(--Black-color, #120B1C);
    font-family: "Montserrat", sans-serif;
    font-size: 2vw;
    font-weight: 600;
    /* line-height: 10px; */
}
.secrightbottom{
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    height: 5vh;
    align-items: flex-end;
}
.sec12right h5{
    color: var(--Black-color, #120B1C);
    font-family: "Montserrat", sans-serif;
    font-size: 2.5vw;
    font-weight: 600;
    line-height: 15px;
    text-align: center;
}
.email{
    /* position: relative; */
    display: flex;
    margin-top: 0px;
    text-align: center;
    width: 78%;
    overflow: hidden;
    border-radius: 5px;
    padding: 3px;
    align-items: center;

}
input{
    background-color: white;
    color: var(--Black-color, #120B1C);
    border-radius: 5px;
    border: none;
    /* width: 100%; */
    flex: 1;
    font-size:3vw;
    text-indent: 10px;
}
.emailbut{
    background-color: #3F1B5B;
    color: white;
    border-radius: 5px;
    border: none;
    font-size:2vw;
    height: 90% !important;
    padding: 9px;
    
}
}