.error {
    color:red
}
/* ------------------- */
@media only screen and (max-width: 600px) {
    body {
        background-color: darkred;
    }
}

.c11 {
    color: #f5a425;
}
.c12 {
    color: #0166b3;
}
.c13 {
    color: #EEA47F;
}
.bc11 {
    background-color: #f5a425;
    }
.bc12 {
    background-color: #0166b3;
}
.bc13 {
    background-color: #EEA47F;
}
.Our_Vision_bg {
    background-image: url(../images/meetings-bg.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.Infrastructure_bg1 {
    background-image: url('../images/Frame 3.png');
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.Infrastructure_bg2 {
    background-image: url('../images/Frame2.png');
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}


.zoom {
   
    transition: transform .2s; /* Animation */
   
}

    .zoom:hover {
        transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    }

.dropdown-menu {
    border-radius: 0px !important;
}
.dropdown-item:hover {
    color: #f5a425 !important;
}
.copy {
    text-align:center;
    BACKGROUND-COLOR: #0166b3;
    padding: 10px;
    margin-top: 10px;
    margin-bottom:10px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    color: white;
}
.social_media:hover {
    color:#ffff;
    background-color: #f5a425;
    border-radius:10px;
}

.jus {
    text-align: justify;
}
.card_bg{
    background-color:#ffff;
}

card:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.5);
}

.shadow {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
/* -------------------*/
.c1 {
    background-color: brown;
}
   .c2 {background-color: white;}
   .c3 {background-color: rgb(3, 49, 11);}
   .c4 {background-color: whitesmoke;}
   .c5 {background-color: rgb(20, 20, 20);}

    #font_size{font-size:1.5rem; text-align:center;}

   .fc1 {color: brown;}

   .fc2 {color: rgb(88, 18, 18);}

   .fc4 {color: green;}

   .dropdown:hover .dropdown-menu {display:block}


   .round_button {border-radius: 40px;}

   .card:hover {transform: translateY(-10px);
               transition: all 0.5s ease-in-out; }
   
   
               .grow {flex-grow: 0;}
   
     
   .crd1 {transform: translateY(-10px);
               }
   
               .crd2 {transform: translateY(-20px);
               }
   
               
            .grow {flex-grow: 0;}
   
   .but_dis {display: block;}
   
   
   
   .map_height {height: 150px;}

   .fc3 {color: red;}
   .ujla {color: white;}


           .list1 ul {display: flex;
            flex-wrap: wrap;}

            .list1 li {list-style: none;}

     
            .foot ul li {list-style: none;}


            .foot  li:hover {transform: translateX(10px);
            transition: all 0.5s ease-in-out;
          color: khaki;}

            .motion_e:hover {
                transform: translateX(10px) !important;
                transition: all 0.5s ease-in-out !important;
                color: khaki !important;
            }

            .list1 li::before {content: "\f679";
    font-family: "Font Awesome 6 Free";}


    .sosl h1:hover {transform: translateY(-10px);
        transition: all 0.5s ease-in-out;}




.feedback {
    background-color: #31afd500;
    color: white;
    padding: 10px 10px 10px 10px;
    border-radius: 50% 50%;
    border: 4px dashed green;
    margin-bottom: 20px;
    animation: ani 2s infinite;
    animation-fill-mode: both;
}
.btn_border{
    border:none !important;
}

#mybutton {
    position: fixed;
    bottom: -4px;
    right: 20px;
}


@keyframes ani {
    0% {
        transform: rotate(0deg);
    }


    100% {
        transform: rotate(360deg);
    }
}
.vid-wrapper {
    text-align: center;
    padding: 20px;
}

.vid {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 2px solid #3A5CAB;
    padding: 2px;
    cursor: pointer;
}

    .vid:hover {
        transform: translateY(-10px);
        transition: all 0.3s;
    }

    .vid::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

h2.vid-head {
    font-size: 20px;
    color: #333;
}

/* Video Popup */
.video-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 998;
    background: rgba(0, 0, 0, .7);
    cursor: pointer;
    display: none !important;
}

    .video-popup.show-video {
        display: flex !important;
    }

.iframe-wrapper {
    position: relative;
}