.frame-3 {
    background: #233d4d;
    border-radius: 10px;
    border-style: solid;
    border-color: transparent;
    border-width: 1.5px;
   
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 15%;
    position: relative;
    top: 2vw;
    z-index: 999;
    padding: 1.2vw;
}

.header-content{
    position: relative; top: 8vw;
}

.india-first-heading{
    font-size: 2vw; line-height: 3vw;
}
.typing{
    color:#FE7F2D;
}
.header-vm{
    width: 25%;
    margin-top: 5vw;
    aspect-ratio: 6 / 9;
    object-fit: cover;
}
.header-desktop{
    margin-top: -21px;

}
.bg-layout-div{
    margin-top: -30%;
}
.start-section-1{

    width: 100%; position: absolute; top: 50%;

}
.header-mobile-content{

    position: relative; top: 70px;

}

.india-first-heading-mobile{
    font-size: 8vw;

}
.bg-2-svg{

    width: 100%; position: relative; z-index: 9;
   
    margin-top: 5vw; /* Margin at the top */
    aspect-ratio: 11 / 3; /* Example aspect ratio of 16:9 */
   
    
}
.bg-layout-div-mobile{
    margin-top: -30%;
}
.header-vm-mobile{
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 3 / 5;
}

.get-started-today-mobile-btn-div{
    display: flex; justify-content: center; position: relative; top: -15rem;
}

.bg-svg-mobile{
    width: 100%; position: relative; top: -9rem;
    
    height: auto; 
    aspect-ratio: 6 / 5;
}
.bg-3-svg{
    position: relative; z-index: 99;
    aspect-ratio: 6 / 2;
}
.section-1-btn {
    display: flex;
    justify-content: center;
    margin-top: -5%;
}

.get-started-today {
    color: #ffffff;
    text-align: left;
    font-family: 'Inter-SemiBold', sans-serif;
    font-size: .8vw;
    font-weight: 600;
    position: relative;
}

.img-2 {
    width: 100%;
    margin-top: -25%;
}

.get-started-today-mobile {
    color: #ffffff;
    text-align: left;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 4vw;;
    font-weight: 400;
    position: relative;
}

.frame-3-mobile {
    background: #233d4d;
    border-radius: 10px;
    border-style: solid;
    border-color: transparent;
    border-width: 1.5px;
    padding: 18px 44px 18px 44px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    row-gap: 0px;
    align-items: center;
    justify-content: center;
    position: relative;
}


/*Stying for small screens*/

@media screen and (max-width: 800px) {

    .nav-links {
       position: fixed;
       background: #2d2d2d;
       height: fit-content;
       width: 100%;
       flex-direction: column;
       clip-path: circle(50px at 90% -20%);
       -webkit-clip-path: circle(50px at 90% -10%);
       transition: all 1s ease-out;
       pointer-events: none;
       margin-top: 0px;
       gap:5vh;
       justify-content: start;
       padding-top: 10vh;
       padding-bottom: 10vh;
     }
   }
@media screen and (max-width: 800px){

    .header-desktop{
        display: none;
    }

    .header-mobile{
        display: block;
        margin-top: -7%;
    }
    .bg-1 {
        width: 100;
        height: 100vh;
      }
      

    .logo img {
        width: 70px;
        height: 70px;
      }


    .hamburger{
        display:block;
        position: absolute;
        cursor: pointer;
        right: 5%;
        top: 50%;
        transform: translate(-5%, -50%);
        z-index: 2;
        transition: all 0.7s ease;
    }
    .nav-links{
        position: fixed;
        background: #2d2d2d;
        height: 100vh;
        width: 100%;
        flex-direction: column;
        clip-path: circle(50px at 90% -20%);
        -webkit-clip-path: circle(50px at 90% -10%);
        transition: all 1s ease-out;
        pointer-events: none;
        margin-top: 0px;
    }
    .nav-links.open{
        clip-path: circle(1000px at 90% -10%);
        -webkit-clip-path: circle(1000px at 90% -10%);
        pointer-events: all;
    }
    .nav-links li{
        opacity: 0;
    }
    .nav-links li:nth-child(1){
        transition: all 0.5s ease 0.2s;
    }
    .nav-links li:nth-child(2){
        transition: all 0.5s ease 0.4s;
    }
    .nav-links li:nth-child(3){
        transition: all 0.5s ease 0.6s;
    }
    .nav-links li:nth-child(4){
        transition: all 0.5s ease 0.7s;
    }
    .nav-links li:nth-child(5){
        transition: all 0.5s ease 0.8s;
    }
    .nav-links li:nth-child(6){
        transition: all 0.5s ease 0.9s;
        margin: 0;
    }
    .nav-links li:nth-child(7){
        transition: all 0.5s ease 1s;
        margin: 0;
    }
    li.fade{
        opacity: 1;
    }
}
/*Animating Hamburger Icon on Click*/
.toggle .line1{
    transform: rotate(-45deg) translate(-5px,6px);
}
.toggle .line2{
    transition: all 0.7s ease;
    width:0;
}
.toggle .line3{
    transform: rotate(45deg) translate(-5px,-6px);
}

.component-4,
.component-4 * {
  box-sizing: border-box;
}


@media (max-width: 767px) {
    .image-container img {
        width: 80%;
        max-width: none;
        position: relative;
        top: 4rem;
    


    }

    .component-4{

        display: none;
    }
}