body,
.theme-footer-links a,
.jpagination a.jp-first:after,
.theme-search-area-tabs-subtitle,
.jpagination a.jp-last:before,
.text-roboto, h1,
h2,
h3,
h4,
h5,
h6, 
.btn,
.banner-title,
.theme-blog-item-title,
.theme-reviews-score-total > p,
.theme-item-page-rooms-table-type-feature-list,
.theme-item-page-rooms-table-price-night-amount,
._ff-p,
._ff-d,
.theme-item-page-rooms-table-price-total-amount,
.theme-footer-section-list > li a,
.theme-copyright-text,
.theme-search-results-item-price-tag, 
.theme-search-results-item-flight-details-schedule-time,
.daterangepicker td,
.text-sf-hev,
.text-sf-reg,
.text-sf-bold,
.text-sf-med,
.theme-footer-section-subscribe-content .theme-footer-section-title,
.usp-cont h5,
ul.bullet-caret-right li,
.dob-label:before,
.theme-sidebar-section-summary-list .flight-segment-title,
.theme-sidebar-section-summary-list .flight-segment-title,
.theme-sidebar-section-title,
.theme-sidebar-section,
.payment-page-note,
.theme-payment-page-booking-price,
#frmPayment label,
.mfp-title,
.flight-inclusions .flight-inclusions-title,
.flight-inclusions .flight-inclusions-item,
.mfp-close,
.theme-hero-area-title,
.theme-search-results-item-flight-airline-title,
.theme-search-results-item-extend-close,
.theme-search-results-item-flight-section-airline-title,
.theme-payment-page-form-title,
.theme-account-page-title,
.theme-account-bookmarks-item-title,
.tooltip,
.popover {
    font-family: Poppins, sans-serif;
}
.bg-grad-i-r {
    background: -webkit-linear-gradient(right, #41bcdf, #f39c12) !important;
    background: -moz-linear-gradient(right, #41bcdf, #f39c12) !important;
    background: -o-linear-gradient(right, #41bcdf, #f39c12) !important;
    background: -ms-linear-gradient(right, #41bcdf, #f39c12) !important;
    background: linear-gradient(right, #41bcdf, #f39c12) !important;
}
.theme-search-results-item-flight-section-select-input label > input[type="radio"]:checked + *::before {
    background: radial-gradient(#545454 0%, #545454 40%, transparent 50%, transparent)!important;
    border-color: #545454!important;
}
.h-timeline-payment .theme-search-results-item-flight-section-path-line-.current .theme-search-results-item-flight-section-path-line-dot,
.h-timeline-payment .theme-search-results-item-flight-section-path-line-.completed .theme-search-results-item-flight-section-path-line-dot {
    background: #f39c12 !important;
    border:  #ffffff 1px solid;
    border-radius: 0;
    padding: 15px 16px!important;
}
.h-timeline-payment .theme-search-results-item-flight-section-path-line- .theme-search-results-item-flight-section-path-line-dot {
    border-radius: 0;
    padding: 15px 16px !important;
}
.h-timeline-payment .theme-search-results-item-flight-section-path-line-title {
    color: #ababab;
}
.h-timeline-payment .theme-search-results-item-flight-section-path-line {
    background: #e8e8e8;
}
.theme-sidebar-section-summary-list .soap-icon-longarrow-right:before {
    color:  #1f3a93}
.theme-footer-section-list > li > a:hover {
    color: #f39c12 !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background: #1f3a93;
    border-color: #545454;
}
.pagination > li > a, .pagination > li > span {
    color: #41bcdf;
}
.pagination > li > a:hover, .pagination > li > span:hover {
    background: #545454;
    border-color: #41bcdf;
}
.btn-ghost.btn-primary-inverse {
    background: none;
    border-color: #1f3a93;
    color: #1f3a93;
}
.btn-primary-inverse:not(.btn-ghost):hover {
    background: #1abc9c!important;
    color: #ffffff !important;
}
.btn-ghost.btn-primary-inverse:hover {
    border-color: #1f3a93!important;
    color: #1f3a93!important;
    background: #1f3a9350;
}
._c-pi, ._c-primary-inverse { color: #41bcdf!important }
.txt-orange { color: #1f3a93!important;}
._bg-d, ._bg-dark, ._bg-p, ._bg-primary, .theme-search-area-submit, .navbar-theme .dropdown-menu > li.active > a {
    background-color: #41bcdf !important
}
._bg-pi, ._bg-primary-inverse {
    background-color: #1f3a93 !important
}
.theme-about-us-section-body .panels-header {
    color: #41bcdf!important;
}
._bc-p {
    border-color: #41bcdf!important;
}
._bc-pi {
    border-color: #1f3a93!important;
}
hr {
    border-top: 1px solid #ffffff !important;
}
.panels-header
{
    color: #41bcdf;
}
.navbar-theme.navbar-inverse .navbar-nav > li {
    border: 0;
}
.nav-active-primary-inverse > li.active > a,
.nav-active-primary-inverse > li.active > a:hover,
.nav-active-primary-inverse > li.active > a:focus
{
    background: #1f3a93;
}
.nav-active-primary-inverse.nav-line > li.active > a,
.nav-active-primary-inverse.nav-blank > li.active > a,
.nav-active-primary-inverse.nav-line > li.active > a:hover,
.nav-active-primary-inverse.nav-blank > li.active > a:hover,
.nav-active-primary-inverse.nav-line > li.active > a:focus,
.nav-active-primary-inverse.nav-blank > li.active > a:focus {
    color: #1f3a93;
    border-color: #1f3a93;
}
.btn-primary-invert:not(.btn-ghost):hover, .btn-primary-inverse:not(.btn-ghost):hover {
    background: #545454;
    border-color: #545454;
}
.navbar-nav-item-user .fa-phone, .navbar-nav-item-user .fa-envelope, .navbar-nav-item-user .fa-whatsapp {
    color:#41bcdf!important;
}
.navbar-nav-item-user .fa-envelope, .navbar-nav-item-user .fa-whatsapp {
    color: #41bcdf!important
}
.topline {
    background-color: #41bcdf30;
    background-image: none;
}
.scrolled .topline {
    background-color: #95A5A6;
    background-image: none;
    position: fixed;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
#btnScrollToTop {
    background-color: #f39c12;
}
#btnScrollToTop:hover {
    background-color: #f39c12;
}
@media (max-width: 992px) {
    .topline {
        background-color: #95A5A6;
    }
}
.navbar-theme-transparent .navbar-nav > li > a,
.navbar-theme-transparent .navbar-nav-item-user-icon
{
    color: #ffffff !important;
    font-weight: 600
}
.font-600 {
    font-weight: 600;
}
.navbar-nav > li > .dropdown-menu li:first-child:hover:before {
    border-color: transparent transparent #41bcdf transparent;
}
.navbar-theme .dropdown-menu > li > a:hover {
    background-color: #41bcdf;
    color: #ffffff;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #41bcdf;
}
.typeahead.dropdown-menu > li.active > a,
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover
{
    background: #1f3a93;
}
.head-logw { display: none!important;}
@media (max-width: 768px){
    .navbar-nav-item-user .fa-phone, .navbar-nav-item-user .fa-envelope, .navbar-nav-item-user .fa-whatsapp {
        color: #ffffff !important;
    }
    .head-logw {
        display: block!important;
    }
    .head-logn {
        display: none!important;
    }
}
@media (max-width: 576px){
    .head-logw {
        display: none!important;
    }
}
@media (min-width: 992px){
    .theme-search-area-tabs .nav, .theme-search-area-form #searchFlights .bg-shadow {
        background-color: #41bcdf66;
    }
}
.new-theme .srch-opt {
    background-color: #41bcdf66;
}

.btn-primary {
    background: #41bcdf;
    border-color: #545454;
}

.btn-primary:hover {
    background: #f39c12;
    border-color: #41bcdf;
}

.btn-dark {
    background: #1f3a93;
    border-color: #545454;
}

.btn-dark:hover {
    background: #545454;
}

.loading-img {
    background-color: #1f3a93;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.btn-trapezoid:hover, .btn-trapezoid.active {
    border-bottom: 16px solid #545454;
}

.btn-trapezoid:hover:after, .btn-trapezoid.active:after
{
    background: #545454;
}

.theme-search-results-item-flight-details-info-stops > span {
    background: linear-gradient(to right, #41bcdf, #f39c12);
}

.theme-search-area-options-dot-primary-inverse .theme-search-area-options-list .btn.active:before,
.theme-search-area-options-dot-primary-inverse .theme-search-area-options-list .btn:focus:before,
.theme-search-area-options-dot-primary-inverse .theme-search-area-options-list .btn:active:before {
    background: #1f3a93;
    -webkit-box-shadow: 0 0 0 1px #1f3a93 !important;
    box-shadow: 0 0 0 1px #1f3a93 !important;
}

.theme-hero-area-full .theme-hero-area-body, .theme-hero-area-full .theme-abs-logo {
    display: none;
}
@media only screen and (max-width: 768px) and (orientation: portrait){
    .loading-carousel {
        display: block!important;
    }
}

@media only screen and (max-width: 600px) and (orientation: portrait){
    .loading-carousel {
        display: block!important;
    }
}
.btn-sup-or, .bg-grad-p-lr, .btnFareSelect.fare-selected,
.btn-primary-invert:not(.btn-ghost), .btn-primary-inverse:not(.btn-ghost) {
    background: #41bcdf !important;
    border: none;
    color: #ffffff;
}
.theme-search-results-item-book ._c-pi {
    color: #1f3a93!important
}

<!-- flight result -->
.airline-selectall { background: #41bcdf!important; }
.theme-search-results-item-flight-section.segment-title {
    background: #f39c12 !important;
}
.theme-search-results-item-flight-section.segment-title span {
    color: #ffffff;
}
.new-theme-filter .sorting-filter .sort-active.active, .new-theme-filter .flight-time.active  {
    background: #41bcdf !important;
}
.new-theme-filter .flight-time:hover {
    background: #41bcdf !important;
    color: #ffffff !important;
}
.mfp-title {
    background-color: #41bcdf !important;
}
.theme-search-results-item-flight-details-info-title {
    color: #1f3a93 !important;
}
.btn-trapezoid:after {
    background: #1f3a93}
.btn-trapezoid {
    border-bottom: 15px solid #1f3a93;
}

.gaf-checkbox input[type=checkbox]:checked + label {
    background: transparent !important;
    border: 1px solid #1f3a93}
.gaf-checkbox label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 10px;
    height: 6px;
    background: transparent;
    top: 4px;
    left: 4px;
    border: 3px solid #41bcdf;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(
    -45deg
    );
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(
    -45deg
    );
}
.new-theme-filter label > input[type="radio"].iradio:checked + *::before {
    background: radial-gradient(#1f3a93 0%, #1f3a93 40%, transparent 50%, transparent);
    border-color: #1f3a93;
}
.jpagination>a:hover, .jpagination>a:focus, .jpagination a.jp-current {
    background-color: #1f3a93}
.jpagination>a, .jpagination>span {
    color: #1f3a93}
.new-flights-groups .flight-section-item-inline.flight-section-item-inline-seats,
.new-flights-groups .flight-section-item-inline.flight-section-item-inline-baggage,
.theme-search-results-item-flight-section-meta-time,
.new-flights-groups .theme-search-results-item-flight-section-meta-time > span  {
    color: #41bcdf}
.flight-section-item-inline-seats:before {
    color: #545454!important;
}
.flight-1stop.theme-search-results-item-flight-section-path .theme-search-results-item-flight-section-path-fly-time p {
    background: transparent;
    color: #ffffff !important
}
.flight-1stop .theme-search-results-item-flight-section-path-line-middle .theme-search-results-item-flight-section-path-line-dot, .flight-1stop .theme-search-results-item-flight-section-path-line-middle-1 .theme-search-results-item-flight-section-path-line-dot, .flight-1stop .theme-search-results-item-flight-section-path-line-middle-2 .theme-search-results-item-flight-section-path-line-dot {
    border: 1px solid #595757;
}
.flight-1stop.theme-search-results-item-flight-section-path .theme-search-results-item-flight-section-path-line {
    background:#595757;
}
.new-flights-groups .theme-search-results-item-flight-section-path-line-dot {
    background:#8e8e8e;
}
.airline-selectall {
    background: #a0a6b6!important;
}

.ssr_form > .row {
    background: #3271a3;
}
@media (max-width: 991px) {
    ._desk-h .theme-hero-area-bg.mob-header {
        background: #41bcdf;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #ffffff !important
    }
    .sidebar,
    .menu-overlay {
        top: 0 !important;
    }
}
@media (max-width: 767px) {
    .call-mob a {
        color: #ffffff !important
    }
}
@media (max-width: 576px){
    .btnSrr {
        background-color: #41bcdf !important;
    }
    .navbar-theme .navbar-nav > li.active > a {
        color: #41bcdf !important;
    }
}


.theme-payment-page-signin-icon, a, a:hover, a:focus, .btnSrr, .payment-page-note {
    color: #545454}
._c-ag,.totAmtDisp {
    background-color: #3271a3;
    background-image: linear-gradient(270deg, #3271a3, #1f3a93);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
}
.theme-sidebar-section-summary-list .flight-segment-title {
    background-color: #e8e8e8;
    color: #41bcdf;
    text-transform: uppercase;
}
.theme-payment-page-signin-title, .important-info .text-sf-reg,
.h-timeline-payment .theme-search-results-item-flight-section-path-line-.current .theme-search-results-item-flight-section-path-line-title, .h-timeline-payment .theme-search-results-item-flight-section-path-line-.completed .theme-search-results-item-flight-section-path-line-title {
    color: #41bcdf}
.btnFareSelect.fare-selected,
.flight-nonstop.theme-search-results-item-flight-section-path .theme-search-results-item-flight-section-path-fly-time p,
.flight-nonstop.theme-search-results-item-flight-section-path .theme-search-results-item-flight-section-path-line
{
    background: #41bcdf;
}
.btnFareSelect:hover,.btnFareSelect:focus {
    background: #41bcdf;
}
.btnFareSelect.fare-selected:hover,.btnFareSelect.fare-selected:focus {
    background: #1f3a93;
}
.btnFareSelect,
.flight-1stop.theme-search-results-item-flight-section-path .theme-search-results-item-flight-section-path-fly-time p,
.flight-1stop.theme-search-results-item-flight-section-path .theme-search-results-item-flight-section-path-line
{
    background: #1f3a93;
}
.fare-families .nav-tabs > li > a, .fare-families .nav-tabs > li > a:hover, .fare-families .nav-tabs > li > a:focus, .fare-families .nav-tabs > li.active > a, .fare-families .nav-tabs > li.active > a:hover,.fare-families .nav-tabs > li.active:nth-child(1) > a:focus,
.fare-families .nav-tabs > li:nth-child(5) > a, .fare-families .nav-tabs > li:nth-child(5) > a:hover, .fare-families .nav-tabs > li:nth-child(5) > a:focus, .fare-families .nav-tabs > li.active:nth-child(5) > a, .fare-families .nav-tabs > li.active:nth-child(5) > a:hover,
.fare-families .nav-tabs > li:nth-child(9) > a, .fare-families .nav-tabs > li:nth-child(9) > a:hover, .fare-families .nav-tabs > li:nth-child(9) > a:focus, .fare-families .nav-tabs > li.active:nth-child(9) > a, .fare-families .nav-tabs > li.active:nth-child(9) > a:hover
{
    background-color: #41bcdf;
    border-color: #41bcdf;
    border: 1px solid #41bcdf;
}
.fare-families .nav-tabs > li:nth-child(2) > a, .fare-families .nav-tabs > li:nth-child(2) > a:hover, .fare-families .nav-tabs > li:nth-child(2) > a:focus, .fare-families .nav-tabs > li.active:nth-child(2) > a, .fare-families .nav-tabs > li.active:nth-child(2) > a:hover,
.fare-families .nav-tabs > li:nth-child(6) > a, .fare-families .nav-tabs > li:nth-child(6) > a:hover, .fare-families .nav-tabs > li:nth-child(6) > a:focus, .fare-families .nav-tabs > li.active:nth-child(6) > a, .fare-families .nav-tabs > li.active:nth-child(6) > a:hover,
.fare-families .nav-tabs > li:nth-child(10) > a, .fare-families .nav-tabs > li:nth-child(10) > a:hover, .fare-families .nav-tabs > li:nth-child(10) > a:focus, .fare-families .nav-tabs > li.active:nth-child(10) > a, .fare-families .nav-tabs > li.active:nth-child(10) > a:hover
{
    background-color: #1f3a93;
    border-color: #1f3a93;
    border: 1px solid #1f3a93;
}
.fare-families .nav-tabs > li:nth-child(3) > a, .fare-families .nav-tabs > li:nth-child(3) > a:hover, .fare-families .nav-tabs > li:nth-child(3) > a:focus, .fare-families .nav-tabs > li.active:nth-child(3) > a, .fare-families .nav-tabs > li.active:nth-child(3) > a:hover,
.fare-families .nav-tabs > li:nth-child(7) > a, .fare-families .nav-tabs > li:nth-child(7) > a:hover, .fare-families .nav-tabs > li:nth-child(7) > a:focus, .fare-families .nav-tabs > li.active:nth-child(7) > a, .fare-families .nav-tabs > li.active:nth-child(7) > a:hover,
.fare-families .nav-tabs > li:nth-child(11) > a, .fare-families .nav-tabs > li:nth-child(11) > a:hover, .fare-families .nav-tabs > li:nth-child(11) > a:focus, .fare-families .nav-tabs > li.active:nth-child(11) > a, .fare-families .nav-tabs > li.active:nth-child(11) > a:hover
{
    background-color: #545454;
    border-color: #545454;
    border: 1px solid #545454;
}
.fare-families .nav-tabs > li:nth-child(4) > a, .fare-families .nav-tabs > li:nth-child(4) > a:hover, .fare-families .nav-tabs > li:nth-child(4) > a:focus, .fare-families .nav-tabs > li.active:nth-child(4) > a, .fare-families .nav-tabs > li.active:nth-child(4) > a:hover,
.fare-families .nav-tabs > li:nth-child(8) > a, .fare-families .nav-tabs > li:nth-child(8) > a:hover, .fare-families .nav-tabs > li:nth-child(8) > a:focus, .fare-families .nav-tabs > li.active:nth-child(8) > a, .fare-families .nav-tabs > li.active:nth-child(8) > a:hover,
.fare-families .nav-tabs > li:nth-child(12) > a, .fare-families .nav-tabs > li:nth-child(12) > a:hover, .fare-families .nav-tabs > li:nth-child(12) > a:focus, .fare-families .nav-tabs > li.active:nth-child(12) > a, .fare-families .nav-tabs > li.active:nth-child(12) > a:hover
{
    background-color: #3271a3;
    border-color: #3271a3;
    border: 1px solid #3271a3;
}
.fare-families .fare-families-item.active .tab-color,
.fare-families .fare-families-item.active:nth-child(5) .tab-color
{
    background-color: #41bcdf;
}
.fare-families .fare-families-item.active:nth-child(2) .tab-color,
.fare-families .fare-families-item.active:nth-child(6) .tab-color
{
    background-color: #1f3a93;
}
.fare-families .fare-families-item.active:nth-child(3) .tab-color,
.fare-families .fare-families-item.active:nth-child(7) .tab-color,
.flight-2stops.theme-search-results-item-flight-section-path .theme-search-results-item-flight-section-path-fly-time p,
.flight-2stops.theme-search-results-item-flight-section-path .theme-search-results-item-flight-section-path-line
{
    background-color: #545454;
}
.fare-families .fare-families-item.active:nth-child(4) .tab-color,
.fare-families .fare-families-item.active:nth-child(8) .tab-color
{
    background-color: #3271a3;
}
.theme-payment-page-item-thumb .passenger-details .text-sf-reg {
    color: #41bcdf}
.text-sf-reg .text-bblue, .theme-payment-page-booking-price .fa-gbp {
    color: #1f3a93}

.quantity-selector-controls > li > a {
    background-color: #1f3a93}

._c-p, ._c-primary, .usp-cont h5 {
    color: #1f3a93 !important;
}
.scrolled .navbar-inverse:not(.navbar-theme-transparent) {
    position: fixed
}
.navbar-inverse:not(.navbar-theme-transparent),
.theme-page-section._bg-b-d
{
    background: #95A5A6;
    position: relative;
}
.theme-page-section._bg-b-d
.navbar-theme.navbar-theme-transparent .navbar-nav > li > a,
.navbar-theme.navbar-theme-transparent.navbar-inverse .navbar-nav > li > a > *
{
    color: #ffffff !important;
}
.navbar-theme .navbar-nav > li > a,
.navbar-theme.navbar-inverse .navbar-nav > li > a > *
{
    color: #ffffff !important;
    border-radius: 0.5rem;
}
.navbar-theme .navbar-nav > li > a {
    padding: 10px 35px;
}
.navbar-theme .navbar-nav > li > a:hover,
.navbar-theme.navbar-inverse .navbar-nav > li > a:hover > *
{
    color: #ffffff !important;
    background-color: #41bcdf;
}
.navbar-nav-item-user a i {
    padding-left: 10px;
}
.navbar-nav-item-user:hover {
    border-color: #ffffff !important;
}
#navbar-main-login {
    display: inline-block;
    float: right;
}
#navbar-main-login .navbar-nav > li {
    display: inline-block;
    position: relative;
    cursor: pointer;
    float: left;
}
.theme-footer-links a {
    text-decoration: none;
    color: #ffffff !important;
    font-size: 14px;
    opacity: 0.9;
}
.theme-footer-links a:hover {
    color: #f39c12 !important;
}
.theme-footer-logo-contact {
    border-top: 0;
}
.theme-footer .container .theme-footer-logo-contact > * {
    border-bottom: 0;
}
.theme-hero-area-bg:not(.no-overlay):after {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
}
.iti__country-list {
    z-index:10;
}
/* Custom styles for the sidebar */
@media (min-width: 768px) {
    .sidebar {
        top: 80px;
    }
}
@media (max-width: 992px) {
    .sidebar {
        background-color: #41bcdf !important;
    }
}
.sidebar {
    height: 100%;
    width: 25rem;
    position: fixed;
    z-index: 1000;
    left: -25rem;
    background-color: #41bcdf30;
    overflow-x: hidden;
    transition: all 0.5s ease;
    padding-top: 2rem;
}
.sidebar.open {
    z-index: 1000;
    left: 0;
}
.sidebar a {
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
}
.sidebar a:hover {
    background-color: #f39c12;
}
.close-btn:hover {
    background-color: transparent !important;
}
.sidebar .close-btn {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 30px;
    margin-left: 50px;
}
.theme-hero-area {
    transition: margin-left .5s ease;
}
.navbar-toggle.left-menu-toggle {
    float: left;
    margin-left: 15px;
}
body.sidebar-open #navbar-main {
    left: 0;
}
/* body.sidebar-open #navbar-main {
    margin-left: 20rem;
} */
.menu-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
body.sidebar-open .menu-overlay {
    display: block;
}
.customers-client-section h3 {
    font-size: clamp(1.75rem, 3vw, 2rem);
    margin-bottom: 2.5rem;
    color: var(--secondary-color);
    text-align: center;
}

.customers-client-section {
    margin-bottom: 3rem;
}

.customer-client-group {
    margin-bottom: 2rem;
}

.customer-client-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.25rem;
    margin: 0 auto;
    padding: 0 1rem;
}

.customer-client-item {
    background-color: var(--white);
    padding: 0.2rem;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    min-height: 80px;
    transition: transform 0.3s ease;
}

.customer-client-item:hover {
    transform: translateY(-5px);
}

.customer-logo {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Mobile carousel - 2 items per slide */
.client-carousel {
    display: none;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0 1rem;
}

.client-carousel-inner {
    display: flex;
    transition: transform 0.5s ease;
    width: 100%;
}

.client-carousel-slide {
    flex: 0 0 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    padding: 0 0.5rem;
}

.client-carousel-controls {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    gap: 0.5rem;
}

.client-carousel-control {
    background: var(--primary-color);
    color: #41bcdf;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
}

.client-carousel-control:focus {
    outline: none;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .customer-client-list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .customer-client-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .customer-client-list {
        display: none;
    }
    
    .client-carousel {
        display: block;
    }
}

@media (max-width: 480px) {
    .client-carousel-slide {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }
    
    .customer-client-item {
        padding: 0.75rem;
        min-height: 70px;
    }
}

table.dataTable thead th {
    border-bottom: 2px solid #545454 !important;
    border-top: 2px solid #545454 !important;
    background-color: #1f3a93;
    color: #fff;
    opacity: 1 !important;
}