body{
                                                            color:#1a2b49;
                                                font-size:16;
                                                                    font-weight:500;
                            }
            /*----------main color------------*/
        .text-blue-1,
        .header .header-menu .menu .subnav > li > a:hover,
        .bravo_wrap .footer .menu-footer .menu__nav li .subnav > li > a:hover,
        .desktopMenu .menu a:hover,
        .desktopMenu .menu .subnav__backBtn a,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .pricing-table .title{
            color: #eb662b;
        }

        .tabs.-underline .tabs__controls .tabs__button:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button:hover,
        .tabs.-bookmark-2 .tabs__button:hover,
        .sidebar.-dashboard .sidebar__button.-is-active,
        .tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active,
        .accordion.-db-sidebar .accordion__item.is-active .sidebar__button,
        .tabs.-underline-2 .tabs__controls .tabs__button:hover{
            color: #eb662b !important;
        }

        .pagination.-dots .pagination__item.is-active,
        .button.-outline-blue-1:hover,
        .form-checkbox:hover input ~ .form-checkbox__mark,
        .pricing-tabs .tab-btns:before,
        .tabs.-underline-2 .tabs__controls .tabs__button::after{
            background-color: #eb662b;
        }

        .bg-blue-1,
        .button.-blue-1:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active,
        .tourTypeCard.-type-1:hover,
        .noUi-connect,
        .accordion.-map .accordion__item.is-active .accordion__icon,
        .form-checkbox input:checked ~ .form-checkbox__mark{
            background-color: #eb662b !important;
        }

        .button.-blue-1:hover,
        .border-blue-1,
        .button.-outline-blue-1,
        .noUi-handle,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .form-checkbox input:checked ~ .form-checkbox__mark,
        .pricing-table .inner-box:hover, .pricing-table.tagged .inner-box{
            border-color: #eb662b;
        }
        /*-----------end main color------------*/
    
            
    /* Estilo para el contenedor de los términos */
.terms-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Crear 4 columnas por defecto */
    gap: 15px; /* Espacio entre columnas */
    padding: 10px;
}

/* Ajuste de los elementos dentro de cada columna */
.term-item {
    display: flex;
    align-items: center;
}

/* Estilo para los checkbox */
.term-item input {
    margin-right: 10px;
}

/* Responsividad: Reducir el número de columnas en pantallas más pequeñas */

/* Para pantallas de tamaño pequeño (por ejemplo, móviles en modo apaisado) */
@media (max-width: 1024px) {
    .terms-grid {
        grid-template-columns: repeat(3, 1fr); /* 3 columnas */
    }
}



/* Para pantallas más pequeñas (como móviles en vertical) */
@media (max-width: 768px) {
    .terms-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 columnas */
    }
}

/* Para pantallas extra pequeñas (muy pequeños dispositivos, como algunos móviles) */
@media (max-width: 480px) {
    .terms-grid {
        grid-template-columns: 1fr; /* 1 columna */
    }
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 95%;
  }
}

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 95%;
  }
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 90%;
  }
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 90%;
  }
}

@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 90%;
  }
}
    
