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

body{
    font-family: "Poppins", sans-serif;
    color: #084B8A;
    background-color: #fff;
    background-color: rgb(198,227,237);
    background-color: linear-gradient(180deg, rgba(198,227,237,1) 0%, rgba(1,21,116,1) 86%);
    background-image: url("../Pics/backimg.png");
}
html{
    scroll-behavior: smooth;
}

.Ellips {
	max-height: 150px;
	height: 100%;
	border-radius: 20px;
  background-image: linear-gradient(to top, rgba(255, 0, 0, 0), rgba(241,241,256,1));
}

.free-page .round-image {
    border-radius: 5%;
    object-fit: cover;
    height: 20vw;
    width: 20vw;
}

@media (max-width:768px){
    .free-page .round-image {
        margin-bottom: 30px;
        width: 200px;
        height: 200px;
    }
}

.free-page .text-heading {
    /* color: #1e40af */
    color: #002060;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
}

.text-heading-bold {
    /* color: #1e40af */
    color: #1e1e1e;
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 700;
}

.free-page .watch-free-video {
    background-color: #1e7e34 !important;
    border-color: #1e7e34 !important;
    color: white;
    font-weight: normal;
    box-shadow: 5px 5px 8px rgb(128, 128, 128);
}

.container-bg-color {
    background-color: #f6f6fb;
}

.container-bg-color-2 {
    background-color: #ffffff;
}


.free-page {
}
.btn {
    background-color: #1e7e34 ;
    color: #fff;
}
.btn:hover{
    background-color: #073561;
    color: #fff;
}
.heading-lg{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 4rem;
    font-weight: 700;
    padding: 15px;
    color: #fff;
    text-align: center;

}
.subheading{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 2.5rem;
}
.text-color-black {color: #000000;}

.arrow-down{
    background-color: #084B8A;
    cursor: pointer;
     height: 60px;width: 60px;
      border-radius: 50%;
      animation: blink 2s ease-in-out infinite;
}
.quote-circle{
    background-color: #B0C4DC;
    height: 60px;
    width: 60px;
    border-radius: 50%;

}
@keyframes blink {
    50%{
        opacity: 0;
    }
    80%{
        opacity: 1;
    }

}

.arrow-col{
    margin-top: -50px;
}
.arrow-img{
    height: 100px;
}

@media screen and (max-width: 768px){

    .heading-lg{
        font-size:2.5rem;
    }
    .subheading{
        font-size: 1.8rem;
    }

}

.video{
    background: rgb(8,75,138);
    background: linear-gradient(180deg, rgb(8 75 138 / 68%) 0%, rgba(157,183,207,1) 100%);
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}
.video video{
    /*border-top-left-radius: 30px;*/
    /*border-top-right-radius: 30px;*/
}


.main-box{
    /*border: 1px solid #0000001a;*/
    border-radius: 30px;
    box-shadow: 1rem 1rem 2rem rgba(0,0,0,.175)!important;
    padding: 0;

    background-image: url("../Pics/image11.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-position-y: bottom;
}