/* importing the google fonts */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap');
@font-face { font-family: 'azo-sans'; src: url('../../fonts/Azo Sans Fonts/AzoSans-Light.woff2'); }
*{
    margin: 0;
    padding: 0;
}
body{
    margin: 0;
    padding: 0;
    overflow-y: scroll;
}
a, a:hover{
    text-decoration: none;
}
.header-top{
    background-color: rgba(10, 170, 160,1);
    line-height: .6rem;
    font-weight: 300;
    font-size: small;
}
.header-top .row{
    padding:.5rem 0;
}
.header-top a{
    text-decoration: none;
    color: rgba(255, 255, 255,1);
}
#eternity-logo{
    width: 180px;
    height: 90px;
}
.nav .nav-item{
    letter-spacing: .1em;
}
.nav .nav-item .nav-link{
    color: rgba(0,0,0,1);
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    padding: .5rem 1rem;
}
.nav .nav-item .nav-link.active,
.nav .nav-item .nav-link:hover{
    color: rgba(245, 245, 245, 1);
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    background: rgba(10, 170, 160,1);
}
.dropdown-item{
    font-weight: 300;
}
.dropdown-item:focus, .dropdown-item:hover{
    color: rgba(245, 245, 245, 1);
    background: rgba(10, 170, 160,1);
    font-weight: 300;
}
nav.scroll-nav{
    background: rgba(10, 170, 160,1);
    box-shadow: 0 20px 20px rgba(0,0,0,0.2);
}
nav.scroll-nav #eternity-logo{
    width: 150px;
    height: 50px;
}
nav.scroll-nav .nav .nav-item .nav-link{
    color: rgba(0,0,0,1);
    padding: .5rem 1rem;
}
nav.scroll-nav .nav .nav-item .nav-link.active,
nav.scroll-nav .nav .nav-item .nav-link:hover{
    color: rgba(245, 245, 245, 1);
    background: #0aaaa0;
}
.navbar-toggler{
    background: rgba(28,29,33,.7);
}
.navbar-toggler .navbar-toggler-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: whitesmoke;
}
#myCarousel{
    position: relative;
    background-attachment: fixed;
}
#myCarousel .carousel-caption{
    color: whitesmoke;
    bottom: 30%;
}
#checks,#check{
    color: whitesmoke;
    width: 100%;
    height: 85vh;
    position: relative;
    font-family: 'Rajdhani', sans-serif;
}
#checks::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url(../../../images/Achivement.webp);
    background-repeat: no-repeat;
    background-size: cover;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: .8;
    box-shadow: 0 20px 20px rgba(0,0,0,0.2), 0px 0px 50px rgba(0,0,0,0.2);
    background-attachment: fixed;
    /*transform: scaleX(-1);*/
}
#check::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url(../../../images/health_achieve.webp);
    background-repeat: no-repeat;
    background-size: cover;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: .8;
    box-shadow: 0 20px 20px rgba(0,0,0,0.2), 0px 0px 50px rgba(0,0,0,0.2);
    background-attachment: fixed;
}
#checks>#home-page{
    position: relative;
    width: 20rem;
    height: 100%;
    top: 0;
    right: 10%;
    float: right;
    box-shadow: 0 20px 20px rgba(0,0,0,0.2), 0px 0px 50px rgba(0,0,0,0.2);
    background-attachment: fixed;
    background: rgb(11,183,223);
    background: -moz-linear-gradient(9deg, rgb(11 183 223/1) 0%, rgb(37 174 205 /23%) 100%);
    background: -webkit-linear-gradient(9deg, rgb(11 183 223/1) 0%, rgb(37 174 205 /23%) 100%);
    background: linear-gradient(9deg, rgb(11 183 223/1) 0%, rgb(37 174 205 /23%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0bb7df",endColorstr="#015e9c",GradientType=1);
}
#check>#drishti{
    position: relative;
    width: 20rem;
    height: 100%;
    top: 0;
    left: 10%;
    box-shadow: 0 20px 20px rgba(0,0,0,0.2), 0px 0px 50px rgba(0,0,0,0.2);
    background-attachment: fixed;
    background: rgb(25,205,172);
    background: -moz-linear-gradient(356deg, rgb(25 205 172 / 1) 0%, rgb(11 199 138 / 23%) 100%);
    background: -webkit-linear-gradient(356deg, rgb(25 205 172 / 1) 0%, rgb(11 199 138 / 23%) 100%);
    background: linear-gradient(356deg, rgb(25 205 172 / 1) 0%, rgb(11 199 138 / 23%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#19d9f5",endColorstr="#074c6f",GradientType=1);
}
.milestone .counter-heading{
    font-size: x-large;
}
.counter{
    margin-top: -20px;
    font-size: 4rem;
    font-family: 'Rajdhani', sans-serif;
}
.about-section{
    margin: 10vh auto;
}
.about{
    vertical-align: middle;
}
h3{
    font-size: 2.4rem;
    text-transform: uppercase;
    color:rgba(0, 0, 0, 0.7)
}
input[type=file]{
    padding: 12px 20px;
    width: 100%;
}
.file {
    position: relative;
    display: inline-block;
    cursor: pointer;
    height: 2.5rem;
}
.file input {
    min-width: 14rem;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
.file-custom {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #555;
    background-color: #fff;
    border: .075rem solid #ddd;
    border-radius: .25rem;
    box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow-anchor: auto;
}
.file-custom:after {
    content: attr(data-value);
    
}
.file-custom:before {
    position: absolute;
    top: -.075rem;
    right: -.075rem;
    bottom: -.075rem;
    z-index: 6;
    display: block;
    content: "Browse";
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #555;
    background-color: #eee;
    border: .075rem solid #ddd;
    border-radius: 0 .25rem .25rem 0;
}
.heading-text{
    color: rgba(10, 170, 160,1);
}
.about-content{
    text-align: justify;
    margin: 5vh;
    padding: 2vh;
    font-family: 'azo-sans',sans-serif;
    font-size: large;
}
div.update-card:hover{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.img-card{
    padding: 2vh;
    box-shadow: 0 20px 20px rgba(0,0,0,0.2), 0px 0px 50px rgba(0,0,0,0.2);
}
#top-bar{
    height: 2.5rem;
    background-color: turquoise;
}
#parterners-slider{
    display: flex;
    justify-content: center;
    align-items: center;
}
.next-icon>.carousel-control-next-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232ecc71' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.previous-icon>.carousel-control-prev-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232ecc71' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.previous-icon{
    left: -4%;
    top: 40%;
    width: 20px;
    height: 15px;
}
.next-icon{
    right: -4%;
    top: 40%;
    width: 20px;
    height: 15px;
}

.card{
    border-radius: 0;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2),-5px -5px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    width: 100%;
}
.card:hover{
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2),-5px -5px 15px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    border-bottom: 5px solid rgba(1, 211, 47, 0.945);
    background-color: rgba(0, 0, 0, 0.1);
}

#team .team-img, .report-div{
    position: relative;
    text-align: left;
    cursor: pointer;
}
.team-img>.team-info, .report-div>.report-info{
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    color: rgb(255, 255, 255); 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#000));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #000);
    text-align: left;
}
.gradient-hover{
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: auto;
    width: 100%;
    height: 100px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #131313);
}
.team-img:hover,.report-div:hover{
    border-bottom: 6px solid rgba(1, 211, 47, 1);
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.5);
}
#footer{
    box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
    background-color: #143e6a !important;
}
#footer .contact-div{
    background: rgba(11, 185, 205, 1);
    padding: 2rem;
    margin: 1rem 3rem 2rem;
    width: 70%;
    color: whitesmoke;
    font-family: 'azo-sans',sans-serif;
}
#footer h3{
    color: whitesmoke;
}
#footer .contact-div p{
    font-size: 1.5rem;
}
#footer .contact-div>.btn-outline-primary,#footer .contact-div>.modal .btn-outline-primary{
    /*color: rgba(1, 94, 156, 0.945) !important;*/
    border-color: rgba(1, 94, 156, 0.945) !important;
}
#footer .contact-div>.btn-outline-primary:hover,#footer .contact-div>.modal .btn-outline-primary:hover{
    color: white !important;
    background-color: rgba(1, 94, 156, 0.945) !important;
}
#footer .locations-div{
    margin: 1rem 0 0 0;
    color: whitesmoke;
    font-family: 'azo-sans',sans-serif;
}
#footer .locations-div>h3{
    padding-bottom: .5rem;
    border-bottom: 1px solid rgba(255,255,255,.5);
}
#footer .l1{
    color: rgba(10, 170, 160,1);
}
#footer .locations-div .row span{
    position: relative;
    top: 0;
}
#exampleModal .modal-content{
    background: #c3fbfbe0 !important;
}
.social-btn{
    display:inline-block;
    width: 30px;
    height: 30px;
    background: #343a40;
    margin: 5px;
    border-radius: 30%;
    box-shadow: 0 5px 15px -5px #00000070;
    color: #f1f1f1;
    overflow: hidden;
    position: relative;
}
#footer  .social-btn i{
    line-height:30px;
    font-size: 15px;
    transition: 0.2s linear;
}
#footer  .social-btn:hover i{
    transform: scale(1.3);
    color: rgba(10, 170, 160,1);
}
#footer .social-btn::before{
    content:"";
    position: absolute;
    width: 120%;
    height: 120%;
    background: #f1f1f1;
    transform: rotate(45deg);
    left: -110%;
    top: 90%;
}
#footer  .social-btn:hover::before{
    animation: aaa 0.7s 1;
    top: -10%;
    left: -10%;
}
.overlay{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .6;
    background: rgba(28,29,33,.7);
}
#about_head, #involved-head, #corporate-head,#report-head{
    width: 100%;
    height: 65vh;
}
#about_head>#about-img, #involved-head>.involved-img, #corporate-head>.corporate-img,#report-head>#report-img{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#about_head>#about-img::before, #involved-head>.involved-img::before,#corporate-head>.corporate-img::before,#report-head>#report-img::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
}
#about-img::before{
    background-image: url(../../../images/other/6.webp);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: .8;
    background-attachment: fixed;
}
#about p{
    font-family: 'azo-sans', sans-serif;
    font-size: large;
}
#report-img::before{
    background-image: url(../../../images/other/AnnualReportbackground.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    opacity: .8;
    background-attachment: fixed;
}
#involved-head>.involved-img::before{
    background-image: url(../../../images/other/7.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    opacity: .8;
    background-attachment: fixed;
}
#corporate-head>.corporate-img::before{
    background-image: url(../../../images/other/corporate_partnership.webp);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    opacity: .8;
    background-attachment: fixed;
}
.about-text{
    position: absolute;
    color: whitesmoke;
    top: 60%;
    left:5%;
    font-family: 'Open Sans', sans-serif;
}
.report-text{
    position: absolute;
    color: whitesmoke;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Open Sans', sans-serif;
}
#involved-head .involved-text{
    position: absolute;
    color: whitesmoke;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    font-family: 'Open Sans', sans-serif;
    
}
#corporate-head .corporate-text, #sustainable-header .nature-text{
    position: absolute;
    color: whitesmoke;
    font-family: 'Open Sans', sans-serif;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-transform: capitalize;
}
.text-size{
    font-size: 1.11rem;
}
.span-1{
    color: rgb(46, 189, 89);
}
.span-2{
    color: rgba(1, 94, 156, 1);
}
#vision{
    width: 80%;
}
/*  */
#volunteer{
    text-align: justify;
}
#address-detail .card-1{
    position: relative;
    width: 100%;
    height: 20rem;
    transform-style: preserve-3d;
}
#address-detail .card-1 .face{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    align-items: center;
    backface-visibility: hidden;
    transition: 1.5s ease-in-out;
    transform: perspective(500px) rotateY(0deg);
}
#address-detail .card-1 .face.front{
    background: rgba(235,235,235,1);
}
#address-detail .card-1:hover .face.front{
    transform: perspective(500px) rotateY(180deg);
}
#address-detail .card-1 .face.back{
    background: rgba(1, 94, 156, 1);
    color:rgb(39, 38, 38);
    transform: perspective(500px) rotateY(180deg);
    
}
#address-detail .card-1:hover .face.back{
    transform: perspective(500px) rotateY(360deg)
}
.card-1 .face h4{
    transform: perspective(500px) translateZ(50px);
    color: rgba(1, 94, 156, .7);
}
.card-1 .face p{
    font-size: 0.8rem;
    color: whitesmoke;
    transform: perspective(500px) translateZ(50px);
}
#health .about-health{
    text-align: justify;
    font-size: 1.11rem;
    font-family: 'azo-sans', sans-serif;
    font-size: large;
}
#health #cataractImage{
    width: 100%;
    height: 27rem;
    display: block;
    position: relative;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: drop-shadow(0 20px 20px rgba(0,0,0,0.2));
}
.margin-b{
    margin-bottom: 2rem;
}
.margin-b p, .margin-b ul,#volunteer p, #volunteer ul, #internships p, .section-title li,#corporate-main p,#corporate-main ul{
    font-family: 'azo-sans', sans-serif;
    font-size: medium;
}
.margin-t{
    margin-top: 5rem;
}
#health-header, #education-header, #sustainable-header{
    width: 100%;
    height: 65vh;
}
#health-header .health-img, #education-header .education-img, #sustainable-header .nature-img{  
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}
#health-header .health-img::before, #education-header .education-img::before, #sustainable-header .nature-img::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .8;
    background-attachment: fixed;
}
.health-img::before{
    background-image: url(../../../images/other/5.webp);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100% 100%;
}
.education-img::before{
    background-image: url(../../../images/education/ed_2.webp);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100% 100%;
}
.nature-img::before{
    background-image: url(../../../images/sustainable_development/nature_background.webp);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100% 100%;
}
.logo-area{
    padding: 50px 0 0;
}
.slick-slide{
    margin: 0 20px;
}
.slick-slide .card{
    width: 100%;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-slide img{
    display: block;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-dots li button::before{
    font-size: 1rem;
}
.slick-prev{
    left: -3.5rem;
}
.slick-prev::before, .slick-next::before{
    color: rgb(54, 48, 48);
    background: rgba(52, 56, 56, 0.066);
    border-radius: 50%;
    padding: .4rem;
}
.slick-prev:hover::before, .slick-next:hover::before{
    background: rgba(52, 56, 56, 0.222);
}
.quick-links{
    text-decoration: none;
    color:whitesmoke;
}
.quick-links:hover,.quick-links:active{
    color: rgba(10, 170, 160,1);
    /* text-decoration: underline; */
}
.webiner-list{
    width: 100%;
    max-height: 100rem;
    border-radius: 0 1rem 1rem 0;
    padding: 1px;
}
.webiner-list img{
    width: 100%;
    max-height: 400px;
}
.webiner-list p{
    font-family: 'azo-sans', sans-serif;
    font-size: large;
}
.cont {
    position: relative;
    text-align: left;
    font-family: 'azo-sans', sans-serif;
    background-image: url(../../../images/bg.webp);
    background-size: cover;
}
.cont h3{
    text-transform: capitalize !important;
}
.cont .mission-div{
    text-align: right;
    width: 20rem;
    position: absolute;
    top: 2rem;
    left: 23rem;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'azo-sans', sans-serif;
    
} 
.cont .value-div{
    width: 20rem;
    position: absolute;
    bottom: 1.5rem;
    left: 22rem;
    padding-left: 20px;
    padding-right: 20px;
    text-align: right;
}
.cont .vision-div{
    width: 20rem;
    position: absolute;
    bottom: 0;
    left: 79rem;
    padding-left: 20px;
    padding-right: 20px;
    transform: translate(-50%, -50%);
    text-align: left;
}
.vision-heading{
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #f12711;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: whitesmoke;
    border-radius: 1rem;
    padding: .5rem;
    letter-spacing: .2rem;
}
.vision-bottom {
    letter-spacing: .2rem;
    background: #f12711;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f5af19, #f12711);
    font-size: x-large;
    padding: .2rem;
}

.impact-story {
    border: dotted 1px #c6d4c799;
    border-radius: .3rem;
}
.donation-form{
    background-color: #8a8b8e21;
}
.donation-btn{
    background-color: rgba(10, 170, 160,1);
    color:honeydew;
}
.donation-text{
    font-size: 18px;
    line-height: 1.5;
    color: rgba(1, 94, 156, 1);
}
.donation_page_text{
    font-size: 20px;
    font-family: 'azo-sans', sans-serif;
    color:#2BB673;
}
#donation_img{
    width: 97%;
    padding-top: 0;
    filter: drop-shadow(0 0 1rem rgb(36, 111, 161));
}
.loc-text{
    font-size: 1rem;
    font-weight: 300;
}
.logo-div{
    width: 15rem;
    height: 10rem;
}
.row-1 {
    display: -ms-flexbox; 
    display: flex;
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap;
    padding: 4%;
}
.column {
    -ms-flex: 25%; /* IE10 */
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}
.column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
}
.cp-logo{
    display: block;
    width: 100%;
    min-height: 11rem;
    color: rgb(255, 255, 255);
    padding: 1rem;
    border-radius: 1.2rem;
    cursor: pointer;
}
.cp.logo:hover{
    padding: .2rem;
}
#helth{
    background-color: #e07a5f;
}
#edu{
    background-color: #97a97c;
}
#sustain{
    background-color: #cb997e;
}
#liveli{
    background-color: #778da9;
}
#skill{
    background-color: #9682a5;
}
#water{
    background-color: #a0c3b1;
}
.v-div{
    width: 80%;
    height: 25rem;
    margin: 2rem auto .2rem;
    background-color: rgba(36, 111, 161, 0.671);
}
.v-text{
    font-size: x-large;
    line-height: 1em;
    letter-spacing: .2rem;
}
.v-heading{
    color: #edf408;
}
.image{
    min-width: 1rem;
    min-height: 1rem;
}
#preloader{
    background: rgb(255, 255, 255) url(../../../images/preload_img.gif) no-repeat center center;
    background-size: 20%;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 100;
}
.about-divider{
    margin-bottom: .2rem !important;
    margin-top: .2rem !important;
}
#policy{
    color: white;
}
#policy:hover{
    text-decoration: none !important;
    color: whitesmoke !important;
}
.grid-container{
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    color: white;
}
.grid-items{
    text-align: left;
    width: 10rem;
}
.covid_description{
    font-family: 'azo-sans',san-serif;
    max-width: 90%;
    margin: 2.5rem auto 1.25rem;
}
.covid_description .floating-image{
    max-width: 12rem;
    height: 15rem;
}
.covid_description p{
    text-align: justify;
}
.edu_ecc_image{
    display:block;
}
/* .edu_eec_image img{
    width: 22rem;
    height: 20rem;
    display: block;
} */
.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

@media screen and (max-width: 800px) {
    .column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }
}
@media screen and (max-width: 600px) {
    .column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}
@media screen and (max-width:500px) {
    #checks,#check{
        padding:0;
    }
    #checks>#home-page,#check>#drishti{
        position: relative;
        width: 110%;
        right: 0;
        bottom: 0;
        float: left;
        left: 0;
    }
    .update-cards{
        max-height: 1000px;
        height: 300px;
    }
}
@keyframes aaa{
    0%{
        left: -110%;
        top: 90%;
    }50%{
        left: 10%;
        top: -30%;
    }100%{
        top: -10%;
        left: -10%;
    }
}