*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.main-container{
    background-color: #FFFFFF;
}

/* <!-- about us banner start  */

.aboutus-heading{
    margin-top: 30px;
}


.banner-heading h1{
    font-size: 5.5rem;
    color: #ED1D24;
    text-align: left;
    font-weight: 900;
}

.banner-heading p{
    text-align: left;
    font-size: 16px;
    text-transform: uppercase;
}


.banner-img1{
margin-top: -65px !important;
}

.banner-img1 img{
    padding: 10px;
background-color: white;
border: 1px solid black;
}

.banner-img2 img{
    padding: 10px;
background-color: white;
border: 1px solid black;
}

.banner-img2{
    border-radius: 50px !important;
}

.banner-img2 h1{
    font-size: 4rem;
    font-weight: 900;
    color: #ED1D24;
}

@media (max-width: 768px) {
    .banner-heading h1 {
        font-size: 2.5rem; /* Smaller heading for mobile */
        text-align: center; /* Center align on mobile */
    }

    .banner-heading p {
        text-align: center;
        font-size: 14px; /* Smaller text */
        text-transform: uppercase;

        padding: 0 5px;
    }

    .banner-img1 {
        margin-top: 0 !important; 
        text-align: center;
        margin-bottom: 70px;
    }

    .banner-img1 img {
        width: 100%; /* Make image full width */
        width: 350px; /* Keep a limit */
        margin: auto; 
    }

    .banner-img2 {
        text-align: center; /* Center align text */
        padding: 15px;
        margin-top: -70px !important;
    }

    .banner-img2 h1 {
        font-size: 2.5rem; /* Reduce heading size */
        text-transform: uppercase;
    }

    .banner-img2 img {
        width: 100%; /* Make image responsive */
        height: auto;
    }
}
/* <!-- about us banner end  */




/* para first starrt here */
.para-first {
    overflow-x: hidden;
      height: 9rem;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: red;
      overflow: hidden;
      position: relative;
    }
    
    .para-img {
      background-image: url(../images/homeimg/Paralex.png);
      background-size: cover;
      background-attachment: fixed;
      background-position: center;
      width: 100%;
      height: 200%;
      position: absolute;
      top: 0;
      left: 0;
      transition: transform 0.2s ease-out;
    }

/* para first end here */


/* <!-- our misson start  */

.our-mission{
    width: 100%;
    min-height: 240px;
    display: flex;
    align-items: center;
    background-color: rgb(237 29 36);
}

.our-mission-content h1{
    font-size: 5rem;
    font-weight: 900;
    text-transform: uppercase;
    color: rgb(255 208 45);
}

.our-mission-content p{
    margin-right: 190px !important;
    text-transform: uppercase;
    color: white;
}

.our-mission-content{
    background-color: rgb(237 29 36);
}

@media (max-width: 768px) {
    .our-mission {
        min-height: auto; /* Allow the section to adjust dynamically */
        padding: 30px 15px; /* Add padding for better spacing */
        text-align: center; /* Center everything on mobile */
    }

    .our-mission-content {
        flex-direction: column; /* Stack content */
    }

    .our-mission-content h1 {
        font-size: 2.5rem; /* Smaller heading */
        text-align: center;
    }

    .our-mission-content p {
        font-size: 14px; /* Adjust text size */
        margin-right: 0 !important; /* Remove extra margin */
        text-align: center; /* Center the paragraph */
        padding: 10px 0px; /* Add padding for spacing */
    }
}



.our-misson-img{
    background-color:  rgb(237 29 36);
    width: 100%;
}

.our-misson-img img{
    width: 97%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid black;
  border: 1px solid black;

}

.team-border img{
    padding: 15px;
  background-color: white;
}

.team-border {
       width: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
}



@media (max-width: 768px) {
    .our-mission-content h1{
        font-size: 3.8rem;
    }
}

/* <!-- our misson end  */


/* <!-- description start heere */

.description{
    background-color: #ED1D24;
    color: black;
    width: 100%;
    padding: 0px 20px;
    padding-top: 30px;
}

.description p{
    font-size: 12px;
    text-transform: uppercase;
}

.description h5{
    font-weight:800;
    text-transform: uppercase;
}

.description-container{
    min-height: 250px !important;
}

/* <!-- description end heere */


/* team start here */

.team{
    background-color: #ED1D24 !important;
padding: 0px 30px;
}

.team h1{
    font-weight: 900;
    font-size: 4.5rem;
    text-transform: uppercase;
    color: #FFD02D;
}
.team p{
    color: white;
    text-transform: uppercase;
    margin-right: 100px;
}
.team-img{
    background-color: #ED1D24;
    width: 100%;
}

.team-img img{
    width: 90%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid black;
}

.team-border img{
    padding: 15px;
  background-color: white;
}

.team-border {
       width: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
}




@media (max-width: 767px) {
    .team h1 {
        font-size: 2.5rem; /* Reduce size for mobile */
        text-align: center;
    }
    .team {
        padding: 10px 5px ;
    }
    .team p {
        margin: 0; /* Remove extra margin */
        text-align: center; /* Center text */
        font-size: 14px; /* Adjust font size for readability */
    }

    .team .row {
        text-align: center; /* Center align content */
    }

    .team .col-12 {
        margin-bottom: 20px; /* Add spacing between sections */
    }

    .team .secondary-btn {
        display: block;
        margin: 0 auto; /* Center button */
    }
    .team-img img{
        width: 96%;
    }

}

/* team end here */