/*
Template Name: Academy
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************about****************/
.center_about{
background-image: url(../img/site/abouts.jpg);
background-position: center;
}
.contact_abt{
    background-image: url(../img/site/abouts.jpg);
    background-position: center;
    }
p{
    justify-content: center;
}
.team_1i3 ul li a{
background:#960001;  
 }
.team_1i3{
width:90%;
left:5%;
bottom:-120px;
 }
.team_1i:hover .team_1i3{
background:#960001!important;
color:#fff;
 }
.team_o{
padding-bottom:160px;
 }
#testim .carousel-indicators {
bottom: -50px;
}
.center_team{
background-image: url(../img/37.jpg);
background-position: center;
}
.team_1o{
margin-top:145px; 
 }

 .event_dt1r1i h4{
    color:white;
 }

 .event_dt1r1i table{
    color:white;
 }
 
 .table-responsive {
            overflow-x: auto;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
        }

        .table thead {
          
            color: #ffffff;
        }

      

        .table th, .table td {
            vertical-align: middle;
            text-align: center;
            padding: 12px;
        }

        /* Responsive Adjustments */
        @media (max-width: 768px) {
            .table th, .table td {
                font-size: 14px;
                padding: 8px;
            }
        }

        @media (max-width: 576px) {
            .table th, .table td {
                font-size: 8px;
                padding: 4px;
            }
        }
/*********************about_end****************/



@media screen and (max-width : 834px){
.about_pg1l h6{
text-align:center; 
 }
 .about_h1l1 {
    width:95%;
    margin-bottom: 1rem;
    
}
.about-img {
    width: 100%;
    text-align: center;
    
}
.underline_body{
border-bottom: 2px solid #ccc; /* You can change the color and thickness */
    padding-bottom: 10px; /* Optional: space between content and bottom border */
}
.about-body{
    text-align: center;
}
.about_pg1l{
margin-bottom:15px; 
 }
.qual_1i {
text-align:center;
margin-top:8px;
margin-bottom:8px; 
 }
.qual_1ir{
margin-top:10px; 
 }
.team_1i3{
position:static!important;
width:100%;
 }
.team_o {
padding-bottom:30px;
}
.testim_1i h3{
text-align:left; 
 }
.testim_1i p{
text-align:left; 
 }
.testim_1i br{
display:none; 
 }
 }

@media (min-width:576px) and (max-width:767px) {


 }
@media (min-width:768px) and (max-width:991px) {
.about_pg1r img{
min-height:400px;
 }
.team_1i3 ul li {
margin-top:5px;
margin-bottom:5px; 
 }
#testim br{
display:none; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.about_pg1r img{
min-height:400px;
 }
.team_1i3 ul li {
margin-top:5px;
margin-bottom:5px; 
 }
 }
@media (min-width:1201px) and (max-width:1330px) {

 }


