@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

.sec1{
    width: 100%;
    height: 80vh;
    opacity: 1;
    display: flex;
    align-items: center;
}

.move_sec1{
    margin: 0 0 0 5%;
    width: 80%;
    opacity: 1;
}
.head1{
    /* background-color: aliceblue; */
    opacity: 1  ;
    font: normal normal 800 31px/51px Poppins;
    /* color: rgb(255, 255, 255) */
    -webkit-text-fill-color:#FFFFFF;
    -webkit-text-stroke:2px#656363 ;
}
.head2{
    /* background-color: rgb(168, 214, 255); */
    text-align: left;
    font: normal normal 800 31px/51px Poppins;
    -webkit-text-fill-color:#FFFFFF;
    -webkit-text-stroke:2px#656363 ;
}
.caption-container{
    text-decoration:none;
    /* background-color: rgb(70, 151, 110); */
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
}
.caption-text a{
    text-decoration:none;
    width: auto;
    -webkit-text-fill-color: #FFFFFF;
    -webkit-text-stroke: 1.2px #000000;
    font: normal normal 800 26px/26px Poppins;
    background-color: rgba(255, 255, 255, 0.263);
    padding: 10px 20px;
    border-radius: 10px;
    transition: background-color 0.3s, opacity 0.3s;
  }
.caption-text a:hover {
    background-color: rgba(255, 255, 255, 0.845);
  }
/* .ahead{
    position: absolute;
    right: 10px;
    top: 20%;
    background-color: #ffffff00;
    margin: 0 40px;
    width: 25%;
} */


@media only screen and (max-width:1285px){
    .head1, .head2{
        font-size: 48px;
    }
    .caption-text a{
        font-size: 24px;
    }
}
@media only screen and (max-width:995px){
    .head1, .head2{
        font-size: 40px;
        line-height: 40px;
    }
    .caption-text a{
        font-size: 20px;

    }

}

@media only screen and (max-width:800px){
    .sec1{ height: 53.5vh;}
}
@media only screen and (max-width:621px){
    .sec1{ height: 40vh;}
}
@media only screen and (max-width:500px){
    .sec1{height: 36vh;}
    .head1{
        font: normal normal 800 25px/30px Poppins;
        
    }
    .head2{
        font: normal normal 800 25px/20px Poppins;
    }
    .caption-text a{
        padding: 5px 20px;
        font: normal normal 800 18px/18px Poppins;
    }
    .caption-container{
        height: 60px;
    }

}



@keyframes changeBackgroundColor {
    0%,20%,40%,60%,80%,100% {
        background-color: #575757;
    }
    10%,30%,50%,70%,90% {
        background-color: rgba(255, 255, 255, 0.263);
    }
}