body{
    font-family: jost;
}
.vision-mission {
    display: BLOCK;
   
    align-items: center;
    min-height: 60vh;
    background-color: WHITE; /* Adjust background color as desired */
    color: white;
    padding: 20px;
  }
  .vision-mission .box {
    width: 100%;
    padding: 30px;
    border-radius: 5px;
    margin: 10px;
    text-align: center;
    background-color:#b43436; /* Center text within boxes */
  }
  .vision-mission .box h2 {
    font-size: 3.5rem;
    margin-bottom: 15px;
    color:white;
  }
  .vision-mission .box p {
    font-size: 1.9rem;
    line-height: 1.5;
    color:white;
text-align:center;
  }
  .box {
    width:300%;
   padding: 60px;
   text-align: center;
   background-color: #b43436; /* Red background color */
   color: #fff; /* White text color */
   border-radius: 8px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   margin-bottom: 20px; /* Space between boxes */
   height:220px;
 }
 
 .box:hover {
   transform: translateY(-5px);
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
 }
  .about-wrapper {
    background-position: center;
    background-size: cover;
    position: relative;
    height: 500px;
  }
  
  .about-title {
    font-size: 2.5rem; /* Adjust as needed */
    color: #fff; /* Ensure the title is readable on video background */
    font-weight: bold; /* Add some weight to the title */
  }

  .about-menu a {
    color: #fff; /* Ensure the breadcrumb links are readable */
    text-decoration: none;
  }

  .about-menu li {
    display: inline;
  }

  .about-menu li + li::before {
    content: '/';
    margin: 0 0.5rem;
    color: #fff; /* Match breadcrumb separator color */
  }

  .object-fit-cover {
    object-fit: cover;
  }
  
  .position-relative {
    position: relative;
  }

  .position-absolute {
    position: absolute;
  }

  .top-0 {
    top: 0;
  }

  .left-0 {
    left: 0;
  }

  .w-100 {
    width: 100%;
  }

  .h-100 {
    height: 100%;
  }

  .py-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .z-index-1 {
    z-index: 1;
  }

  .title-area {
    margin-bottom: calc(var(--section-title-space) - 12px);
    position: relative;
    z-index: 2;
  }
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}

  .section-subtitle {
    font-size: 30px;
    font-weight: 500;
    color: #b43436;
    font-family: jost;
    text-transform: uppercase;
    margin-top: -0.41em;
    margin-bottom: 22px;
    display: block;
  }

  .service-card {
    text-align: center;
    padding: 50px;
height: 100%; 
min-height: 350px;

    border-radius: 20px;
    border: 1px solid #D0DBE9;
    background: var(--white-color);
    margin-top: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
.row.gy-4 {
gap: 100px; /* Increase gap between the cards */
}

  .service-icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    background-color: #b43436;
    box-shadow: none;
    border: 0;
    border-radius: 50%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-bottom: 33px;
  }

  .service-icon img {
    -webkit-filter: brightness(99);
            filter: brightness(99);
  }

  .card-title {
    margin-top: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .card-text {
    margin-bottom: -0.3em;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .service-card:hover {
    background: #b43436;
  }

  .service-card:hover .service-icon {
    background-color: white;
  }
 

  .service-card:hover .service-icon img {
    -webkit-filter: none;
            filter: none;
  }

  .service-card:hover .card-title {
    color: white;
  }

  .service-card:hover .card-text {
    color:white;
  }

#about-section {
background-color: var(--bg-color-light);
padding: 3rem 0;
background-image: url('assets/img/bg/about-5-bg.png');
background-size: cover;
overflow: hidden;
display:flex;
}

.subtitle {
font-size: 30px;
display: inline-block;
margin-bottom: 1rem;
font-weight: 600;
color: #b43436;
}

.section-title {
font-size: 2.5rem;
font-weight: 700;
}

.lead {
font-size: 20px;
font-family: 'Jost', sans-serif;
letter-spacing: 0.5px;
font-weight: 500;
margin-top: -0.5rem;
margin-bottom: 1.5rem;
}







.img-container .about-statistics {
padding: 45px 30px;
background-color: #b43436;
max-width: 223px;
position: absolute;
top: 0;
right: 0;
text-align: center;
border-radius: 10px;
box-shadow: 0px 4px 30px rgba(19, 61, 117, 0.12);
z-index: 2;
}

.statistics-number {
font-size: 44px;
font-weight: 700;
color: white;
}

.statistics-text {
color: white;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-transform: uppercase;
max-width: 121px;
margin: 0 17px;
}



.img-container .shape.mockup.jump {
position: absolute;
bottom: 0;
left: -116px;
animation: jump 2s infinite;
}

@keyframes jump {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-50px); /* Adjust the height of the jump */
}
}

/* Responsive Styles */
@media (max-width: 1299px) {
.img-container {
padding-right: 202px;
padding-bottom: 20px;
margin-right: 0;
}

.img-container .about-statistics {
top: 0;
padding: 35px 10px;
}
}



/* Info Boxes */
.info-box {
display: flex;
align-items: center;
padding: 1rem;
background-color: var(--bg-color-light);
border-radius: 10px;
}

.info-icon img {
max-width: 50px;
}

.info-content h5 {
margin: 0;
font-size: 22px;
font-weight: 600;
margin-left: 5px;
}

/* Checklist */
.checklist ul {
padding-left: 0;
list-style: none;
text-align: left;
margin-bottom: 0;
}

.checklist li {
font-size: 1.8rem;
line-height: 1.6;
margin-bottom: 0.5rem;
position: relative;
margin-left:20px;
padding-left: 1.5rem;


font-family: 'Jost', sans-serif;
font-weight: 500;
}

.checklist li:before {

font-weight: 900;
color: #b43436;
position: absolute;
left: 0;
transition: 0.3s ease-in-out;
}
.col-xl-6 {
width: 50%;
}
.img-box2 {
position: relative;

right: 0;
bottom: 0;
border-radius: 10px;
z-index: 1;
padding-bottom: 34px;
display: inline-block;
}
.img-box2 .img2 {
position: absolute;
right: 0;
bottom: 0;
border-radius: 10px;
z-index: 1;

}