html{
        min-width: 1000px;
    }
    body {
        content: "";
        background: url("images/bgImg5.png");
        background-size: cover;
        background-attachment: fixed;
        /*opacity: 0.3;*/
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
        min-width: 1000px;
        margin: 0px;
        scroll-padding-top: 250px;
    }
    #grad{
        position: absolute;
        height: 200px;
        width: 100%;
        min-width: 1000px;
        z-index: 1;
        background-image: linear-gradient(to top, rgba(0, 238, 255, 0), 35%, rgba(255, 255, 255, 1));
    }
    #grad2{
        position: fixed;
        display: none;
        height: 90px;
        width: 100%;
        min-width: 1000px;
        z-index: 1;
        background-image: linear-gradient(to top, rgba(0, 238, 255, 0), 40%, rgba(255, 255, 255, 1));
    }
    .space{
        position: relative;
        width: 100%;
        min-width: 1000px;
    }
    .space>p{
        color: white;
        text-align: center;
        font-family: "Niconne", cursive;
        font-weight: 400;
        font-style: normal;
        /*font-family: 'Brush Script MT', cursive;*/
        font-size: clamp(35px, 5vw, 5vw);
        margin: 0px;
    }
    #topSpace{
        height: 10px;
    }
    .nav{
        position: sticky;
        top: 0px;
        width: 100%;
        min-width: 1000px;
        height: 40px;
        background-color: rgb(40, 107, 125);
        z-index: 5;
        display: flex;
        align-items: center;
    }
    .imgCont{
        display: flex;
        align-items: center;
        width: 58%;
        height: 40px;
    }
    .nav img{
        display: none;
        width: 100px;
        margin-left: 5%;
    }
    .imgCont>a{
        display: none;
        margin-left: 5%;
        font-size: 20px;
        color: white;
        text-decoration: none;
    }
    .imgCont>p{
        display: none;
        margin-left: 5%;
        font-size: 15px;
        color: white;
        text-decoration: none;
        text-align: center;
    }
    .menuCont{
        width: 42%;
        float: right;
        margin-right: 2%;
    }
     ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    ul li {
        float: right;
    }
    ul li a {
        display: block;
        color: white;
        text-align: center;
        padding: 8px 16px;
        text-decoration: none;
        font-size: 20px;
    }
    ul li a:hover:not(.active) {
        background-color: rgb(26, 95, 114);
    }
    ul li a.active {
        background-color: rgb(13, 80, 99);
    }
    .logoCont{
        position: relative;
        display: flex;
        align-items: center;
        z-index: 3;
    }

    .logo{
        position: relative;
        display: inline-block;
        width: 25%;
        min-width: 150px;
        left: 1%;
    }
    .logo img{
        width: 100%;
    }
    .addr{
        position: relative;
        display: inline-block;
        width: 60%;
        font-size: clamp(20px, 2.5vw, 2.5vw);
        color: rgb(40, 107, 125);
        font-weight: bolder;
        text-align: center;
        cursor: pointer;
    }
    .addr>a{
        color: rgb(40, 107, 125);
        text-decoration: none;
    }
    .addr>p{
        display: inline;
        color: rgb(40, 107, 125);
        text-decoration: none;
        font-size: clamp(15px, 1.5vw, 1.5vw);
        margin-top: 0%;
        cursor: default;
    }
    .refer{
        position: relative;
        display: inline-block;
        width: 15%;
        min-width: 150px;
    }
    .refer>.btn{
        font-size: clamp(15px, 1.5vw, 1.5vw);
        background-color: rgba(40, 107, 125, .8);
    }
    .logoSpace{
        position: relative;
        display: inline-block;
        width: 15%;
        min-width: 150px;
    }
    .centerGrad{
        position: relative;
        height: 200px;
        width: 100%;
        min-width: 1000px;
        background-image: linear-gradient(rgba(0, 238, 255, 0), rgba(255, 255, 255, 1));
    }
    .centerCont{
        position: relative;
        height: 400px;
        width: 100%;
        min-width: 1000px;
        background-color: white;
    }


    .badgeContainer{
        position: relative;
        display: flex;
        width: 100%;
        min-width: 1000px;
        height: 220px;
    }
    .badge{
        position: relative;
        text-align: center;
        width: 35%;
        height: 100%;
        margin: 0% 5%;
        padding-top: 5px;
        font-size: 25px;
        background-color: rgba(255, 255, 255, .8);
        border-radius: 10px;
        box-shadow: 3px 3px 3px rgba(40, 107, 125, 1);
    }
    

    .btnCont{
        position: relative;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-bottom: 100px;
    }
   .btn{
        text-align: center;
        border-radius: 12px;
        font-size: clamp(20px, 2vw, 2vw);
        background-color: rgba(40, 107, 125, .7);
        border: 1px solid;
        color: white;
        padding: 5px 20px;
    }
    .btn:hover{
        background-color: rgb(13, 80, 99);
    }

    .missionContainer{
        position: relative;
        display: flex;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
        border-radius: 15px;
    }
    .ourMission{
        position: relative;
        /*width: 50%;*/
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
        /*border-radius: 15px;*/
        padding: 0%;
        margin-bottom: 0px;
    }

    .ourMission p{
        font-size: 60px;
        margin: 0px;
        padding: 0%;
        background-color: rgba(40, 107, 125, .8);
        color: white;
        /*border-radius: 15px;
        border: 5px solid;*/
    }

    .missionTxt{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .missionTxt>p{
        padding: 0px 50px;
        font-size: 25px;
    }
    .missionTxt>h1{
        font-size: 30px;
    }
    .ourProviders{
        position: relative;
        /*width: 50%;*/
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
        /*border-radius: 15px;*/
        padding: 0%;
        margin-bottom: 0px;
    }

    .ourProviders p{
        font-size: 60px;
        margin: 0px;
        padding: 0%;
        background-color: rgba(40, 107, 125, .8);
        color: white;
        /*border-radius: 15px;
        border: 5px solid;*/
    }
    .aboutShadow{
        position: relative;
        width: 100%;
        min-width: 1000px;
       background-color: rgba(255, 255, 255, 0.7);
       padding: 40px 0px;
    }
    .aboutContainer{
        position: relative;
        display: flex;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
        border-radius: 15px;
    }
    .aboutImg{
        display: inline-block;
        width: 30%;
    }
    .aboutImg img{
        border-radius: 50%;
        padding: 20px;
        width: 90%;
    }
    .aboutTxt{
        display: inline-block;
        width: 70%;
        text-align: center;
    }
    .aboutTxt>p{
        padding: 0px 50px;
        font-size: 25px;
    }
    .aboutTxt>h2{
        font-size: 30px;
    }
    .servicesContainer{
        min-width: 1000px;
    }
    .ourServices{
        position: relative;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
        padding: 0%;
        margin-bottom: 0px;
    }
    .ourServices p{
        font-size: 60px;
        margin: 0px;
        padding: 0%;
        background-color: rgba(40, 107, 125, .8);
        color: white;
    }
    .badge :hover{
        transform: scale(1.3);
        cursor: pointer;
    }

    .ourLocation{
        position: relative;
        width: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
        padding: 0%;
        margin-bottom: 0px;
    }

    .ourLocation p{
        font-size: 60px;
        margin: 0px;
        padding: 0%;
        background-color: rgba(40, 107, 125, .8);
        color: white;
    }

    .map{
        position: relative;
        width:80%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        border: 5px solid;
        border-radius: 15px;
        background-color: white;
        border-color: white;
    }

    .map iframe{
         border-radius: 15px;
    }