/* 1. Components */

.table {
     display: table;
     height: 100%;
     width: 100%;
     margin-bottom: 0;
     background-color: transparent;
}

.table > :not(caption) > * > * {
     background-color: transparent;
}

.table-cell {
     display: table-cell;
     height: 100%;
     width: 100%;
     vertical-align: middle;
}

.banner-for-all {
     height: 500px;
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
	 background-color: #2c4c76 !important;
	background-image:unset !important;
}

.banner-for-all .table{
/*     background-color: #000000b4; */
	padding-top:95px;
}

.banner-for-all h1 {
     color: #fff;
     font-size: 70px;
     letter-spacing: 2px;
     font-weight: 600;
/*      margin-bottom: 30px; */
}

.banner-for-all .hero-content p {
     color: #fff;
     max-width: 80%;
     font-size: 16px;
     letter-spacing: 1px;
     line-height: 35px;
}

.section-filter {
/*      background-color: #2c4c76; */
	background-color:#2c4c76de
}

.section-filter button{
     color: #fff;
}

.section-image {
     padding-top: 60px;
     padding-bottom: 60px;
}

.filters-button-group {
     width: 100%;
     text-align: center;
}

.filters-button-group button{
     border: 1px solid transparent;
     background: transparent;
     height:100px;
     margin: 0 20px;
     padding: 0 30px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 20px;
}

button.is-checked {
     background-color: #fff;
     color: #000 !important;
}

button:focus:not(:focus-visible) {
     color: #000  !important;
}

.content-image {
     padding-top: 60px;
     padding-bottom: 60px;
}

.content-image .thumbnail {
     height:350px;
     margin-top: 25px;
}

.content-image .thumbnail img{
     height: 100%;
     width: 100%;
     object-fit: cover;
}

.logos {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 30px;
}

.logos {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 30px;
     padding-top: 60px;
     padding-bottom: 60px;
}

.logo-single {
     height: 150px;
     width: 150px;
}

.logo-single img{
     height: 100%;
     width: 100%;
     object-fit: contain;
}

.direction-details h4 {
     font-size: 17px;
}

.cta-banner {
     height: 400px;
     background-attachment: fixed;
}

.cta-banner .table {
     background-color: rgba(0,0,0,0.5);
     text-align: center;
}

.cta-banner h2 {
     color: #fff !important;
     font-size: 50px;
     letter-spacing: 1px;
     text-transform: uppercase;
}

.swiper-container-free-mode > .swiper-wrapper {
     -webkit-transition-timing-function: linear;
     -o-transition-timing-function: linear;
     transition-timing-function: linear;
     margin: 0 auto;
}

@media(max-width:800px) {
     .banner-for-all .hero-content p {
          max-width: 100%;
     }

     .banner-for-all h1 {
          font-size: 35px;
     }

     .heroBackground {
          height: 500px !important;
     }

     .single-item .slick-arrow {
          display: none !important;
     }

     .table {
          padding-top: 100px;
     }

     .footer-section img {
          margin: 20px 0;
     }

     .footer-section .custom-font-style-2 {
          margin-top: 30px;
     }
}