@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Plus Jakarta Sans", sans-serif;
}

  /* header section */

header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #5AB2FF;
    z-index: 999;
    border-bottom: 1px solid gray;
}

.navbar{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.link{
    display: flex;
    align-items: center;
    padding-right: 120px;
}
.link ,.material{
     color: #008037;
    font-weight: 500;
}

.link a{
    text-decoration: none;
    color: #008037;
    font-weight: 500;
}

.hero{
    padding: 110px 0 0;
    background: #d7e3ff;
}
.hero-text{
    padding-top: 20px;
}
.hero-text p{
    font-size: 1rem;
    font-weight: 700;
    color: #F26122;
}
.hero-text h1{
    font-size: 3.2rem;
    font-weight: 600;
    color:rgb(23, 41, 80);
}
.hero-text span{
    font-size:3.3rem;
    font-weight: 900;
    color: rgb(242, 97, 34);
}
.hero-text h5{
    font-size: 20px;
    font-weight: 700;
    color:rgb(23, 41, 80);
}
.hero-text,.demo{
    color: rgb(242, 97, 34);
    font-size: 24px !important;
}
.cheak{
    display:flex;
    gap: 100px;
}
.cheak p{
    font-size: 18px;
    font-weight: 500;
    color:rgb(23, 41, 80);
}

/* start  form */


   /* end form */

.images{
    background: rgb(255, 255, 174) !important;
}

.bg{
    background: rgb(255, 255, 174)!important;
}

.info{
    background: #d7e3ff;
}
.info h2{
    color:rgb(23, 41, 80) ;
}

.link-1{
    max-width: 300px;
    min-width: 250px;
    display: flex;

}
.link-1 ,.material{
     color:#fff ;
    font-weight: 500;
    background:#F26122 ;
}

.link-1 a{
    text-decoration: none;
    color: #fffcfb;
    font-weight: 700;
    background:#F26122 ;
}

.the-color{
    color:rgb(23, 41, 80) ;
}

.conts{
    /* background:rgb(255, 240, 212); */
}

  /*-------------- small icon card section------------- */

.img-back{
    background: #FFD8C7 !important;
    padding: 2px;
}
.roboto{
    border: none;
    border-right: 2px solid #FFD8C7;
}

.img-back-1{
    background: #C5F3DA !important;
    padding: 2px;
}

.roboto-1{
    border: none;
    border-right: 2px solid #C5F3DA;
}

.img-back-2{
    background: #CBE9FF !important;
    padding: 2px;
}
.roboto-2{
    border: none;
    border-right: 2px solid #CBE9FF;
}

.img-back-3{
    background: #DAE4FF !important;
    padding: 2px;
}
.roboto-3{
    border: none;
    border-right: 2px solid #DAE4FF;
}

.img-back-4{
    background: #FEEAA9 !important;
    padding: 2px;
}
.roboto-4{
    border: none;
    border-right: 2px solid #FEEAA9;
}

.img-back-5{
    background: #FFCFE9 !important;
    padding: 2px;
}

.roboto-5{
    border: none;
    border-right: 2px solid #FFCFE9;
}
/*-----------End--- small icon card section------------- */

 /*-----start footer---- */
footer{
    border-top: 2px solid;
}
.end-footer{
    padding: 0px 100px;
    background-color: #5AB2FF;
}
/*-----end footer---- */


@media (max-width:990px)  {
    header  .link {
        display: none;
    }
}

@media (max-width:600px) {
    .hero-text p{
        font-size: 1rem;
        font-weight: 300;
        color: #F26122;
    }
    .hero-text h1{
        font-size: 1.5rem;
        font-weight: 600;
        color:rgb(23, 41, 80);
    }
    .hero-text span{
        font-size:2rem;
        font-weight: 900;
        color: rgb(242, 97, 34);
    }
    .hero-text h5{
        font-size: 1.1rem;
        font-weight: 700;
        color:rgb(23, 41, 80);
    }
    .end-footer{
        padding: 0px 10px;
        background: #455e93;
    }

}


