body{
    padding: 0px;
    margin: 0px;
    background-color: #011c43;
    overflow-x: hidden !important;
}

.landing_page_row2,.container-fluid{
    overflow-x: hidden !important;
}
@media (max-width: 1600px) {

    /* Your styles for small screens go here */
    .s_row_heading,
        .t_row_heading {
            font-family: "fredoka", sans-serif;
            font-weight: 700;
            font-style: normal;
            color: #5984c4;
            font-size: 3vh !important;
            width: 400px !important;
        }
    
        .vehicle_row img {
            width: 12vh !important;
        }

                .myfooter h6 {
                    font-size: 2.1vh !important;
                }


    
}
@media (max-width: 1256px) {

     .vehicle_row img{
            width: 10vh !important;
     }
            .vehicle_row {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    min-height: 120px !important;
                }
            
                .vehicle_display {
                    background: #aaccff;
                    background: -webkit-radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
                    background: radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
                    width: 120px !important;
            
                }

            .s_row_heading
            {
                font-family: "fredoka", sans-serif;
                font-weight: 700;
                font-style: normal;
                color: #5984c4;
                font-size: 3vh !important;
                width: 400px !important;
                
            }

            .vehicle_row {
                display: flex;
                justify-content: center;
                align-items: center;
                min-height: 150px !important;
            }

            .vehicle_display {
                background: #aaccff;
                background: -webkit-radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
                background: radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
                width: 150px !important;

            }
        }


@media (max-width: 1241px) {
    .f_row_heading {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #aaccff;
        font-size: 5vh !important;
    }

    .f_row_heading2 {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #5984c4;
        font-size: 3vh !important;
    }

    .verified_row{
        display: none !important;
    }
    .s_row{
        width: 100%;
        padding: 0px 100px;
    }

        .s_row_heading,
        .t_row_heading {
            font-family: "fredoka", sans-serif;
            font-weight: 700;
            font-style: normal;
            color: #5984c4;
            font-size: 4vh !important;
            width: 500px !important;
        }

                .myfooter h6 {
                    font-size: 2.5vh !important;
                }

    /* Your styles for small screens go here */

}
@media (max-width: 992px) {
    .f_row_heading {
            font-family: "fredoka", sans-serif;
            font-weight: 700;
            font-style: normal;
            color: #aaccff;
            font-size: 6vh !important;
        }
    
        .f_row_heading2 {
            font-family: "fredoka", sans-serif;
            font-weight: 700;
            font-style: normal;
            color: #5984c4;
            font-size: 4vh !important;
        }
        .top_container{
            width: 100% !important;
            

        }
        .f_illustration{
            width: 100% !important;
        }

        .s_row_heading,.t_row_heading {
            font-family: "fredoka", sans-serif;
            font-weight: 700;
            font-style: normal;
            color: #5984c4;
            font-size: 3vh !important;
            width: 370px !important;
        }

                 .s_row {
                     width: 100%;
                     padding: 0px 40px;
                 }

        .top-view .illustration_row {
            display: none !important;
        }

                .myfooter h6 {
                    font-size: 2.6vh !important;
                }
    /* Your styles for small screens go here */
    
}

@media (max-width: 900px) {

    /* Your styles for small screens go here */
    .nav-item {
        margin: 0px 10px;
    }
    .nav-link{
        padding: 8px 2px !important;
    }

        
        .vehicle_row img {
            width: 10vh !important;
        }

        .write_up h3 {
            color: #011c43;
            font-family: "Rubik", sans-serif;
            font-optical-sizing: auto;
            font-weight: 600;
            font-style: normal;
            font-size: 2vh !important;
        }

        .s_row_heading,
        .t_row_heading {
            font-family: "fredoka", sans-serif;
            font-weight: 700;
            font-style: normal;
            color: #5984c4;
            font-size: 3vh !important;
            width: 370px !important;
        }

        .f_row_heading {
            font-family: "fredoka", sans-serif;
            font-weight: 700;
            font-style: normal;
            color: #aaccff;
            font-size: 5vh !important;
        }

        .f_row_heading2 {
            font-family: "fredoka", sans-serif;
            font-weight: 700;
            font-style: normal;
            color: #5984c4;
            font-size: 2.3vh !important;
        }
                .myfooter h6 {
                    font-size: 3vh !important;
                }
}

@media (max-width: 894px) {
    .vehicle_row {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 200px !important;
        }
    
        .vehicle_display {
            background: #aaccff;
            background: -webkit-radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
            background: radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
            width: 200px !important;
    
        }
       
        .vehicle_row img {
            width: 12vh !important;
        }
                                .write_up h3 {
                                    color: #011c43;
                                    font-family: "Rubik", sans-serif;
                                    font-optical-sizing: auto;
                                    font-weight: 600;
                                    font-style: normal;
                                    font-size: 2vh !important;
                                }
                
                                .s_row_heading,
                                .t_row_heading {
                                    font-family: "fredoka", sans-serif;
                                    font-weight: 700;
                                    font-style: normal;
                                    color: #5984c4;
                                    font-size: 3vh !important;
                                    width: 370px !important;
                                }
                
                                .f_row_heading {
                                    font-family: "fredoka", sans-serif;
                                    font-weight: 700;
                                    font-style: normal;
                                    color: #aaccff;
                                    font-size: 5vh !important;
                                }
                
                                .f_row_heading2 {
                                    font-family: "fredoka", sans-serif;
                                    font-weight: 700;
                                    font-style: normal;
                                    color: #5984c4;
                                    font-size: 2.3vh !important;
                                }
                                .myfooter h6 {
                                    font-size: 3vh !important;
                                }
}




@media (max-width: 790px) {

    /* Your styles for small screens go here */
    .nav-item {
        margin: 0px 5px;
    }

    .vehicle_row {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 200px !important;
    }

    .vehicle_display {
        background: #aaccff;
        background: -webkit-radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
        background: radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
        width: 200px !important;

    }

    .medal_display {
        background: #2d5a99;
        background: -webkit-radial-gradient(circle, #204b86 20%, #011c43 50%, #011c43 100%);
        background: radial-gradient(circle, #204b86 20%, #011c43 50%, #011c43 100%);
        width: 200px !important;

    }

    .vehicle_row img,
    .vehicle_row img {
        width: 10vh !important;
    }



    .f_row_heading {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #aaccff;
        font-size: 5vh !important;
    }

    .f_row_heading2 {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #5984c4;
        font-size: 3vh !important;
    }

    .s_row.illustration_row {
        padding: 0px 20px !important;
    }

    .write_up h3 {
        color: #011c43;
        font-family: "Rubik", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
        font-size: 2vh !important;
    }

         .s_row_heading,
         .t_row_heading {
             font-family: "fredoka", sans-serif;
             font-weight: 700;
             font-style: normal;
             color: #5984c4;
             font-size: 2.3vh !important;
             width: 300px !important;
         }

}

@media (max-width: 607px) {

    /* Your styles for small screens go here */
    .nav-item {
        margin: 0px 5px;
    }

    .vehicle_row {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 150px !important;
    }

    .vehicle_display {
        background: #aaccff;
        background: -webkit-radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
        background: radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
        width: 150px !important;

    }

    .medal_display {
        background: #2d5a99;
        background: -webkit-radial-gradient(circle, #204b86 20%, #011c43 50%, #011c43 100%);
        background: radial-gradient(circle, #204b86 20%, #011c43 50%, #011c43 100%);
        width: 200px !important;

    }

    .vehicle_row img,
    .vehicle_row img {
        width: 6vh !important;
    }



    .f_row_heading {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #aaccff;
        font-size: 5vh !important;
    }

    .f_row_heading2 {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #5984c4;
        font-size: 3vh !important;
    }

    .s_row.illustration_row {
        padding: 0px 20px !important;
    }

    .write_up h3 {
        color: #011c43;
        font-family: "Rubik", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
        font-size: 2vh !important;
    }

    .s_row_heading,
    .t_row_heading {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #5984c4;
        font-size: 2.3vh !important;
        width: 300px !important;
    }

}

@media (max-width: 580px) {

    /* Your styles for small screens go here */
    .nav-item {
        margin: 0px 5px;
    }

    .vehicle_row {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100px !important;
    }

    .vehicle_display {
        background: #aaccff;
        background: -webkit-radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
        background: radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
        width: 100px !important;
        
    }

        .medal_display {
            background: #2d5a99;
            background: -webkit-radial-gradient(circle, #204b86 20%, #011c43 50%, #011c43 100%);
            background: radial-gradient(circle, #204b86 20%, #011c43 50%, #011c43 100%);
            width: 100px !important;
    
        }

    .vehicle_row img {
        width: 12vh !important;
    }

    .top-view .illustration_row {
        display: none !important;
    }

    .f_row_heading {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #aaccff;
        font-size: 5vh !important;
    }

    .f_row_heading2 {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #5984c4;
        font-size: 3vh !important;
    }
    .s_row.illustration_row{
        margin-top: 40px;
    }

        .s_row_heading,
        .t_row_heading {
            font-family: "fredoka", sans-serif;
            font-weight: 700;
            font-style: normal;
            color: #5984c4;
            font-size: 2vh !important;
            width: 300px !important;
        }

              
                 .vehicle_row img {
                     width: 7vh !important;
                 }

}
@media (max-width: 496px) {

    .s_row_heading,
    .t_row_heading {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;

        font-size: 2vh !important;
        width: 300px !important;
    }

    .f_row_heading {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #aaccff;
        font-size: 4vh !important;
    }

    .f_row_heading2 {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #5984c4;
        font-size: 2vh !important;
    }

    .vehicle_row img {
        width: 5vh !important;
    }

    .vehicle_row {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 70px !important;
    }

    .vehicle_display {
        background: #aaccff;
        background: -webkit-radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
        background: radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
        width: 70px !important;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .medal_display {
        background: #2d5a99;
        background: -webkit-radial-gradient(circle, #204b86 20%, #011c43 50%, #011c43 100%);
        background: radial-gradient(circle, #204b86 20%, #011c43 50%, #011c43 100%);
        width: 70px !important;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .write_up h3 {
        color: #011c43;
        font-family: "Rubik", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
        font-size: 1.5vh !important;
    }

    .f_row {

        min-height: 240px !important;
        margin-top: 5px;
    }

    .s_row.illustration_row {
        margin-top: 60px;
    }

    .clear_package {
        font-size: medium !important;
        padding: 4px 15px !important;
    }

    .clear_package img {
        width: 3vh;
    }
}
@media (max-width: 478px) {
  .s_row_heading,.t_row_heading {
            font-family: "fredoka", sans-serif;
            font-weight: 700;
            font-style: normal;
            
            font-size: 2.5vh !important;
            width: 250px !important;
        }  

        .f_row_heading {
            font-family: "fredoka", sans-serif;
            font-weight: 700;
            font-style: normal;
            color: #aaccff;
            font-size: 4vh !important;
        }

        .f_row_heading2 {
            font-family: "fredoka", sans-serif;
            font-weight: 700;
            font-style: normal;
            color: #5984c4;
            font-size: 2vh !important;
        }

        .vehicle_row img {
            width: 5vh !important;
        }

        .vehicle_row {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 70px !important;
        }

        .vehicle_display {
            background: #aaccff;
            background: -webkit-radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
            background: radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
            width: 70px !important;
            display: flex;
            justify-content: center;
            align-items: center;

        }

                .medal_display {
                    background: #2d5a99;
                    background: -webkit-radial-gradient(circle, #204b86 20%, #011c43 50%, #011c43 100%);
                    background: radial-gradient(circle, #204b86 20%, #011c43 50%, #011c43 100%);
                    width: 70px !important;
                    display: flex;
                    justify-content: center;
                    align-items: center;
        
                }
                .write_up h3 {
                    color: #011c43;
                    font-family: "Rubik", sans-serif;
                    font-optical-sizing: auto;
                    font-weight: 600;
                    font-style: normal;
                    font-size:2vh !important;
                }
                .f_row {
                
                    min-height: 240px !important;
                    margin-top: 5px;
                }

                .s_row.illustration_row {
                    margin-top: 60px;
                }
                .clear_package{
                    font-size: medium !important;
                    padding: 4px 15px !important;
                }
                .clear_package img{
                    width: 3vh;
                }
                .s_row {
                    width: 100%;
                    padding: 0px 20px !important;
                }

            .myfooter h6 {
                font-size: 2vh !important;
            }
}


@media (max-width: 380px) {
    .f_row {
    
            min-height: 240px !important;
            margin-top: 5px;
        }

        .s_row.illustration_row {
            margin-top: 60px;
            padding: 0px 20px;

        }
                .s_row_heading,
                .t_row_heading {
                    font-family: "fredoka", sans-serif;
                    font-weight: 700;
                    font-style: normal;
        
                    font-size: 3vh !important;
                    width: 220px !important;
                }

        .write_up h3 {
            color: #011c43;
            font-family: "Rubik", sans-serif;
            font-optical-sizing: auto;
            font-weight: 600;
            font-style: normal;
            font-size: 2vh !important;
        }

        .myfooter h6 {
            font-size: 2.2vh !important;
        }

        
}

@media (max-width: 330px) {
    .f_row {

        min-height: 200px !important;
        margin-top: 5px;
    }

    .s_row.illustration_row {
        margin-top: 60px;
        padding: 0px 20px;

    }

        .s_row_heading,.t_row_heading {
            font-family: "fredoka", sans-serif;
            font-weight: 700;
            font-style: normal;
            color: #5984c4;
            font-size: 3vh !important;
            width: 100px !important;
        }
        .f_row {

            min-height: 240px !important;
            margin-top: 0px;
        }
    .f_row_heading2 {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #5984c4;
        font-size: 1.5vh !important;
    }

        .f_row_heading {
            font-family: "fredoka", sans-serif;
            font-weight: 700;
            font-style: normal;
            color: #5984c4;
            font-size: 4vh !important;
        }
                 .write_up h3 {
                     color: #011c43;
                     font-family: "Rubik", sans-serif;
                     font-optical-sizing: auto;
                     font-weight: 600;
                     font-style: normal;
                     font-size: 1.5vh !important;
                 }
                 
}

@media (max-width: 320px) {
    .f_row {

        min-height: 200px !important;
        margin-top: 5px;
    }

    .s_row.illustration_row {
        margin-top: 60px;
        padding: 0px 20px;

    }

    .s_row_heading,
    .t_row_heading {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #5984c4;
        font-size: 3vh !important;
        width: 120px !important;
    }

    .f_row {

        min-height: 240px !important;
        margin-top: 0px;
    }

    .f_row_heading2 {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #5984c4;
        font-size: 3.5vh !important;
    }

    .f_row_heading {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #5984c4;
        font-size: 6vh !important;
    }

    .write_up h3 {
        color: #011c43;
        font-family: "Rubik", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
        font-size: 2.5vh !important;
    }

        .myfooter h6 {
            font-size: 3vh !important;
        }
}

@media (max-width: 280px) {
    .f_row {

        min-height: 200px !important;
        margin-top: 5px;
    }

    .s_row.illustration_row {
        margin-top: 60px;
        padding: 0px 20px;

    }

    .s_row_heading,
    .t_row_heading {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #5984c4;
        font-size: 5vh !important;
        width: 100px !important;
    }

    .f_row {

        min-height: 240px !important;
        margin-top: 0px;
    }

    .f_row_heading2 {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #5984c4;
        font-size: 3.5vh !important;
    }

    .f_row_heading {
        font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #5984c4;
        font-size: 6vh !important;
    }

    .write_up h3 {
        color: #011c43;
        font-family: "Rubik", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
        font-size: 3vh !important;
    }

        .myfooter h6 {
            font-size: 2vh !important;
        }

                .myfooter h6 {
                    font-size: 3.5vh !important;
                }
}

@media (min-width: 800px) {

    /* Your styles for small screens go here */
    .nav-item {
        margin: 0px 15px;
    }

    
    .d-row{
        justify-content: space-around !important;
    }
}

@media (min-width: 900px) {

    /* Your styles for small screens go here */
    .nav-item {
        margin: 0px 15px;
    }
        
}

@media (min-width: 1200px) {

    /* Your styles for small screens go here */
    .nav-item {
        margin: 0px 20px;
    }
       
}

.navbar{
    
    background-color: #03214b !important;
    color: #aaccff !important;
    box-shadow: 0px 0px 2000px 0px #aaccff;
    
}
.navbar a{
    color: #aaccff !important;
    font-weight: 400;
}
.navbar-toggler-icon{
    
    color: #aaccff !important;
    
}






.nav-link.active{
    font-weight: 600;
    color: #bed7fd;
}
.f_row{
    
    min-height: 400px;
    margin-top: 10px;
}

.illustration_row,.landing_page_row{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
.s_row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
}
.f_illustration{
    
    width: 80%;
    height: auto;
    filter:drop-shadow(2px 2px 10px  #2e5794) brightness(0.8)  ;
}

.f_row_heading{
    font-family: "fredoka", sans-serif;
        font-weight: 700;
        font-style:normal;
        color:#aaccff ;
        font-size:6vh;
}

.f_row_heading2 {
    font-family: "fredoka", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #5984c4;
    font-size: 4vh;
}

.s_row_heading,.t_row_heading {
    font-family: "fredoka", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #5984c4;
    font-size: 4vh;
    width: 500px;
}
.second_row{
    width: 100%;
    display: flex;
    justify-content:flex-end;
    align-items: flex-end;
    flex-direction: column;
    background-color: #f5f8fc;
        clip-path: polygon(0 85px, 100% 0, 100% 100%, 0 100%);
        margin-top: 0px;

        

    

}
.vehicle_row{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.vehicle_display{
    background: #aaccff;
        background: -webkit-radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
        background: radial-gradient(circle, #011c43 20%, #f5f8fc 50%, #f5f8fc 100%);
        width: 300px;
        
}

.medal_display {
    background: #2d5a99;
        background: -webkit-radial-gradient(circle, #204b86 20%, #011c43 50%, #011c43 100%);
        background: radial-gradient(circle, #204b86 20%, #011c43 50%, #011c43 100%);
    width: 300px ;

}

.clear_package:hover{
    background-color: #5984c4 !important;
}

.write_up h3{
    color: #011c43;
    font-family: "Rubik", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
        font-size: 2.5vh;
}


.third-view{
    padding-top: 50px;
}
.fourth-view {
    padding-top: 10px;
}

.fourth-view{
    padding-top: 40px;
}
.nav-link:hover{
    color: white !important;
    font-weight: 700;
    
}
.nav-link:hover::after{
    font-weight: 700;
    color: white !important;
   
    border-radius: 100%;
    transform: scaleX(1);
    
}

.nav-link::after {
    content: '';
    padding-bottom: 3px;
    
    display: block;
    border-bottom: solid 3px white;
    transform: scaleX(0);
    
    /* Initial state: no width */
    transition: transform 250ms ease-in-out;
    /* Smooth transition */
    
    /* Position the border below the text */
    
    /* Adjust to align with text */
    
    /* Align with the left edge of the text */
    width: 100%;
    /* Full width of the text */
}

.contact_label {
    font-family: "fredoka", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #F5F5F5;
    font-size: 1.2vh !important;
    width: fit-content !important;
}

.presence {
    font-family: "fredoka", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #f66335;
    font-size: 1.9vh !important;
    width: fit-content !important;
}
.myfooter{
    background-color:#011c43;
}
.copyright{
    background-color: #F5F5F5;
    padding: 10px 5px;
    margin: 0px;
    width: 100%;
    span{
        color: #011c43;
        font-weight: bold;
    }
}