body, 
    .navbar, 
    .navbar * {
        font-family: 'Montserrat Arabic', sans-serif !important;
    }
    .fondo-azul-marino {
      background-color: #063649;
    }    
 
    .custom-section, .custom-two, .custom-three {
      height: auto; 
      margin-bottom: 20px;
    }
    .custom-section {
      min-height: 350px;
    }

    .text-col {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 2rem;
      color: white;
    }

    .image-col {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0; 
    }

    .image-col img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .custom-two .image-col img {
      max-height: 450px;
      object-fit: cover;
    }

    .custom-three .image-col {
      padding: 0; 
    }

    .custom-three .image-col img {
      width: 100%;
      height: 100%;
      max-height: 450px;
      object-fit: cover;
    }

    .bg-green {
      background-color: #1c4626ff;
    }
    .bg-brown {
      background-color: #a17b11ff;
    }
    .bg-light-text {
      background-color: #f0f0f0;
      color: black;
    }

    @media (max-width: 767px) {
      .custom-section, .custom-two, .custom-three {
        height: auto;
      }
      .row.flex-column-mobile {
        flex-direction: column !important;
      }
      .text-col, .image-col {
        min-height: 200px;
      }
      .text-col h1 {
        font-size: 1.8rem;
      }
    }
    #carouselCompromiso,
    #carouselCompromiso .carousel-inner,
    #carouselCompromiso .carousel-item,
    #carouselCompromiso .carousel-item img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover;
    }