@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,600;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
.start{
    color: #1A4E8D;
}
.bi-list, .first{
    opacity: 1;
    color: black;
}
.second{
    background-color:  #ACD5DE;
    height: 440px;
    color: #1A4E8D;
}
.second1{
    width:305px;
}

.wrapper {
    position: relative;
  }
  /* .dashed-box {
    position: relative;
    z-index: 1;
    height: 8em;
    margin-bottom: 1em;
    margin-top: 2em;
  } */
  .gold-box {
    position: absolute;
    z-index: 3; 
    width: 40px;
    top: 3em;
  }
.second-h{
    font-size: 39px;
    font-family: "Work Sans", sans-serif;
}
.second-p{
    font-size: 19px;
}
.third h2{
    font-size: 30px;
    color: #1A4E8D;
}
.third-1 p{
    font-size: 15px;
}
.carousel-item img{
    width: 100%;
    height: 100%;
}
.fourth{
    background-color:  #ACD5DE;
    height: 980px;
}
.fourth h2{
    color: #1A4E8D;
}
.fifth{
    background-color: #1A4E8D;
    height: 233vh;
}
.fifth-1 img{
    width: 100%;
    height: 100%;
}
.btn1{
    background-color: #1A4E8D;
    color: white;
    border: none;
}
.font-1{
    font-family: "Poppins", sans-serif;
}
.font-2{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}
.end p, a{
    color: #1A4E8D;
    text-decoration: none;
}
.font-3{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}
.shame{
    display: none;
}
.third-3 span{
    font-size: 20px;
    color: #1A4E8D;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    padding: 14px;
}

@media only screen and (min-width:768px){
    .fourth {
        background-color: #ACD5DE;
        height: 207vh;
    }
    .fifth {
        background-color: #1A4E8D;
        height: 370vh;
    }
    .second1{
        width:600px;
    }
    .third-2{
        margin-top: 140px;
    }
    .second-h{
        font-size: 70px;
    }
    .carousel-item{
        display: none;
    }
    .gold-box {
        position: absolute;
        z-index: 3;
        width: 40px;
        top: 0em;
    }
    .third h2 {
        font-size: 80px;
    }
    .third-3 img {
        width: 8%;
    }

    .btn1{
        font-size: 25px;
    }
    
    .fourth h2 {
        color: #1A4E8D;
        font-size: 70px;
    }
    .fifth-2{
        font-size: 65px;
    }
    .button2{
        font-size: 30px;
        color: #1A4E8D;
    }
    .third-3 span{
        font-size: 30px;
        color: #1A4E8D;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        padding: 30px;
    }
}
   


@media only screen and (min-width:992px){
    .second1{
        width:800px;
    }
    .third-2{
        margin-top: 200px;
    }
    .top{
        background-color:  #ACD5DE;
    }
    .second-h{
        font-size: 90px;
        width: 70%;
    }
    .second-p{
        font-size: 24px;
        font-family: "Poppins", sans-serif;
    }
    .second{
        height: 70vh;
    }
    .four{
        margin-top: 40px;
    }
    .gold-box {
        position: absolute;
        z-index: 3;
        width: 40px;
        top: -20em;
        left: 25em;
    }
    .fourth h2 {
        color: #1A4E8D;
        font-size: 90px;
    }
    .slide{
        display: none;
    }
    .shame{
        display: block;
    }
    .box li{
        color: #1A4E8D;
    }
    .box-1{
        background-color: #1A4E8D;
    }
    .box-2{
        color: #1A4E8D;
    }
    .box-2:hover{
        background-color: #1A4E8D;
        color: white;
    }
    .third-3 img {
        width: 46px;
    }
    .third-3 span{
        font-size: 20px;
        color: #1A4E8D;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        padding: 30px;
    }
    .new{
        font-size: 22px;
        font-weight: 100;
        color: #1A4E8D;
    }
    .new-1{
        font-size: 22px;
        font-weight: 400;
        color: #1A4E8D;
    }
    .fourth {
        background-color: #ACD5DE;
        height: 107vh;
    }
    .fifth {
        background-color: #1A4E8D;
        height: 90vh;
    }
}