/* index */

body{
    font-family: "Times New Roman", Times, serif !important;
    background-color:#ddd !important;

}
        a {
            text-decoration: none !important;

        }
        .card {

            box-shadow: 0 1px 6px 0 rgb(32 33 36 / 80%) !important;
            border-top: 12px solid #f4ef21 !important; 
           /* border-top: 12px solid #01449a !important; */
            min-height: 500px;

        }

        .card h2 {
            font-size: 22px;
            font-weight: 600;
            text-align: center;
           /* color:#ed2025; */
            color: #01449a; 
        }

        .card p{
            text-align: justify;
            
        }

        .card p,.card ul li{
            
            font-size:18px;
        }


        .programs h2,.gallery h2{
            text-align: center;
            
            text-transform: uppercase;

            
        }


        .programs h2,.gallery h2,.director-message h2{
            
            color: #01449a;
            font-size: 40px;  
        }

        .director-message a,.director-message h4{
            color: #ed2025;
            
        }

        .director-message p,.vision-mission p{
            text-align: justify !important;
            font-size:20px;

    
        }

        /* .director-message p,.vision-mission p{
            font-size:20px;
        } */


        .read-more{
            background-color:#09a04f;
            padding:10px 40px;
            color:#ffffff !important;
            border-radius:8px;
            margin: 10px;
        }


        .img-border{
            border:2px solid #ffffff !important;
            padding:10px;
            
        }

        .social-media-icons a img {
            width: 40px;
            /* height: 25px; */
            margin-top: 0.16em;
            margin-bottom: -0.2rem;
            margin-left: 3px;
            object-fit: cover;
            object-position: 50% 50%;
            background-color: #fff;
            border-radius: 5px;
            padding: 5px;

        }

        .top_social {
           
            padding-top: 10px !important;
        }


        /* .programs img:hover {
            transform: scale(1.1);
        } */




/* index */



/* about */

.vision-mission h4{
    color: #01449a;
    font-size:40px;
}
.fa-trophy{
    color:#efbf04;
    margin:10px;
}
/* about */

.singleFolio_04{
    
    background: #ddd !important; 
    
}

.commonSection {
    padding: 120px 0;
    position: relative;
    background: #ddd !important;
}

/* programs */
.programs h3{
    font-size:40px;
}
.programs p,.programs ul li{
    font-size:20px;
    text-align:justify;
}

.page_banner2{
    position: relative;
    background: url(../images/bg/8.png) no-repeat center center / cover !important;
    padding: 110px 0 120px;
}
/* programs */

/* admissions */
.widget h3,.widget h3 a,.fa-file-pdf,.facilities h3{
    /* color: #119f55 !important; */
    color: #ff5e14 !important;

    font-size:32px;
}

.sidebar_1 .widget {
    position: relative;
    border: 4px solid #eee9ff;
    margin: 0 0 40px;
    padding: 54px 0 36px;
    max-width: 400px;
    min-height:254px ;
    margin-right: 28px;
}
.widget p,.widget p a{
    font-size:18px;
    color:#000000;
    font-weight:600;
}

.facilities ul li{
    font-size:20px;
    list-style-type:square;
}
/* admissions */


/* contact */
.ib5_inner {
    max-height:220px !important;

}



.contact-us h2{
    text-align: center;
    text-transform: uppercase;
}

.border-bottom{
    border-bottom: 8px solid #ff4800 !important;

}


.contact-btn,.contact-btn:hover{
    background-color: #ff4800 !important;
    color:#ffffff !important;
}


.form-group {
    position: relative;
    margin-bottom: 1.5rem;
}
.form-label {
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
    background: #fff;
    padding: 0 5px;
    color: #aaa;
    transition: 0.2s ease all;
    pointer-events: none;
}
.form-control:focus,
.form-select:focus,
.form-control.filled,
.form-select.filled {
    border-color: #ff4800 !important;
    box-shadow: none !important;
}
.form-control:focus ~ .form-label,
.form-select:focus ~ .form-label,
.form-control:not(:placeholder-shown) ~ .form-label,
.form-select:not(:placeholder-shown) ~ .form-label {
    top: 0;
    transform: translateY(-60%);
    left: 20px;
    font-size: 14px;
    color: #ff4800;
}
.form-control.filled ~ .form-label,
.form-select.filled ~ .form-label,
.form-control:not(:placeholder-shown) ~ .form-label,
.form-select:not(:placeholder-shown) ~ .form-label {
    color: black;
}
.form-control:focus ~ .form-label,
.form-select:focus ~ .form-label,
.form-control:focus.filled ~ .form-label,
.form-select:focus.filled ~ .form-label {
    font-weight: bold;
    color: #ff4800;
}
.form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-select::-ms-expand {
    display: none;
}

textarea {
    resize: none !important;
  }
  
  


  /* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}



/* contact */



/* footer */
        

.footer {
    /* background-color: #01449a; */
    background-color:#004696;
    padding: 20px;

}

.footer h4 {
    font-weight: 600;
    
    

}

.footer ul li {
    list-style-type: none;
    padding:4px;

}

.footer h4,.footer p,
.footer ul li a,.fa-angle-double-right{
    color: #ffffff;
}





.siteinfo {
    padding:6px 0 6px !important;
}

/* footer */
        





/* Media query for iPads in both portrait and landscape modes */

/* Combined media query for small screens and iPads */
@media (max-width: 768px), 
       (min-width: 768px) and (max-width: 1024px) and (orientation: portrait), 
       (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
    .social-media-icons a img {
        width: 24px !important;
        margin-left:-4px !important;
    }
}



@media (max-width: 768px), 
       (min-width: 768px) and (max-width: 1024px) and (orientation: portrait), 
       (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
    .map iframe{
        width: 300px !important;
        height: 300px !important;

        
    }
}