/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Global
	6. 	Plugins
	7. 	Page Templates
		a. 	Template: Home
		b. 	Template: Charter
    c.  Template: Management
    d.  Template: About
    e.  Template: Contact
    f.  Template: Bull Riders Event 2024 LP
		...
		z. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Extras
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	1. Document Setup
/* -------------------------------------------------------------------------- */

* {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: "Satoshi";
  color: var(--primaryColor);
  letter-spacing: normal;
}

html {
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

@media(min-width:1599px) {
  .container {
    max-width: 1415px;
  }
}

/* -------------------------------------------------------------------------- */

/*	2. Element Base
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	3. Helper Classes
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/*	4.	Site Header
/* -------------------------------------------------------------------------- */

header {
  padding-top: 22px;
  padding-bottom: 0;
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: #ffffffd9;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
}

.headerWrapper {
  padding-left: 0 !important;
}

.headerWrapper .mobileMenuBtn img {
  width: 32px;
  height: 32px;
  cursor: pointer;
}

.headerWrapper .logoArea {
  display: flex;
  width: 208.12px;
  height: 45.54px;
}

.headerWrapper .logoArea img {
  width: 100%;
  max-width: 208.12px;
  height: 45.54px;
  object-fit: contain;
}

.headerWrapper li {
  list-style: none;
}

.headerWrapper .logoArea img {
  object-fit: contain;
}

.headerWrapper .navbar {
  gap: 72px;
}

.headerWrapper .navbarItem {
  padding-bottom: 42px;
  padding-top: 5px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.navbarItemDropdown::before {
  content: '';
  height: 40px;
  display: block;
  position: absolute;
  bottom: 0;
  width: 500%;
  display: none;
}

.navbarItemDropdown:hover::before {
  display: block;
}

.sub-menu .navbarItem {
  padding-bottom: 0 !important;
  white-space: nowrap;
}

.sub-menu {
  position: fixed;
  background: #D9D9D9;
  height: 60px;
  margin-top: 50px;
  width: 100%;
  left: 0;
  display: none;
  justify-content: start;
  padding-left: 30%;
  align-items: center;
  gap: 59px;
  overflow-x: auto;
}

.navbarItemDropdown:hover .sub-menu {
  display: flex;
}

.navbarItemDropdown {
  background-image: url('../images/icons/chevron-down.svg');
  background-repeat: no-repeat;
  background-position: top 10px right 5px;
  background-size: 10px;
  padding-right: 25px;
}

.sub-menu::-webkit-scrollbar {
  height: 8px;
}

.sub-menu::-webkit-scrollbar-thumb {
  background-color: var(--primaryColor);
}

.sub-menu::-webkit-scrollbar-track {
  background-color: #c1c1c1;
}

.navbarItemDropdown:hover::after {
  content: '';
  clip-path: polygon(50% 50%, 0% 100%, 100% 100%);
  width: 40px;
  height: 25px;
  background-color: #D9D9D9;
  visibility: visible;
  position: absolute;
  top: 50%;
}

.headerWrapper .navbarItem a {
  color: var(--darkColor);
  font-family: "Sora";
  font-size: 12px;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 3.6px;
}

.headerWrapper .navbarItem:hover a {
  text-decoration: underline;
  text-underline-offset: 5px;
  transition: 0.3s ease;
}

.headerWrapper .navbarItemDropdown:hover a {
  text-decoration: none !important;
}

.headerWrapper .requestBtn a {
  border-radius: 42px;
  background: #000;
  width: 199px;
  height: 39px;
  padding: 10px;
  border: 1px solid transparent;
  align-items: center;
  justify-content: center;
}

.headerWrapper .requestBtn span {
  color: #FFF;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}

.headerWrapper .requestBtn:hover a {
  border-color: #000000;
  background-color: transparent;
  color: #000;
  transition: 0.3s ease;
}

.headerWrapper .requestBtn:hover span {
  color: #000;
  transition: 0.3s ease;
}

.mobileMenu {
  width: 100% !important;
  background-color: var(--primaryColor);
}

.mobileMenu .offcanvas-header {
  justify-content: end !important;
}

.mobileMenu .offcanvas-header button {
  opacity: 1;
  font-size: 22px;
}

.mobileMenuWrapper .mobileMenuItem {
  list-style: none;
  margin: 0;
  padding: 16px 0;
}

.mobileMenuWrapper .mobileMenuItem a {
  text-transform: uppercase;
  color: white;
  font-family: "Sora";
  font-weight: 200;
  font-size: 20px;
}

.menuRequestBtn {
  color: var(--primaryColor) !important;
  width: 250px;
  height: 42px;
  background-color: white;
  border-radius: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  margin-left: 2rem;
}

/* -------------------------------------------------------------------------- */
/*	5. Global
/* -------------------------------------------------------------------------- */

.fetch-data-button {
  cursor: pointer;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  color: var(--primaryColor);
  font-size: 22px;
}


.swiper-button-next,
.swiper-button-prev {
  top: 38%;
}

.blogs-slider .swiper-button-next,
.blogs-slider .swiper-button-prev {
  top: 25%;
}

.news-slider .swiper-button-next,
.news-slider .swiper-button-prev {
  top: 18%;
}

.modalSlider .swiper-button-prev,
.modalSlider .swiper-button-next {
  background: transparent;
  box-shadow: none;
  width: max-content;
  height: max-content;
  border-radius: 0;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.swiper-button-prev,
.swiper-button-next {
  background: white;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.cityModal {
  min-height: 844px;
}

.customModalHeader {
  padding: 66px 57px 41px 76px;
  background-color: var(--primaryColor);
}

.customModalHeader .title span,
.customModalHeader .title {
  color: #FFF;
  font-family: "Sora";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
  text-transform: uppercase;
}

.customModalHeader .title span {
  font-weight: 700;
}

.customModalHeader .closeBtn {
  cursor: pointer;
  margin-bottom: 25px;
}

.customModalBody .imageArea {
  width: 100%;
  height: 181px;
}

.customModalBody .imageArea img {
  object-fit: cover;
}

.customModalBody .contentWrapper {
  padding: 54px 54px 66px 80px;
}

.customModalBody .contentWrapper {
  gap: 134px;
}

.customModalBody .contentWrapper p,
.customModalBody .contentWrapper b,
.customModalBody .contentWrapper strong,
.customModalBody .contentWrapper li {
  color: var(--primaryColor);
  font-family: "Satoshi";
  font-size: 15px;
  font-style: normal;
  line-height: normal;
  margin-bottom: 0;
}

.customModalBody .contentWrapper li,
.customModalBody .contentWrapper p {
  font-weight: 400;
}

.customModalBody .contentWrapper b,
.customModalBody .contentWrapper strong {
  font-weight: 900;
}

.customModalBody .modalColumn {
  flex: 1;
}

.loading-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 9999;
}

.loading-spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: 20% auto;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


@media (min-width: 1599px) {
  .modal-xl {
    --bs-modal-width: 1402px;
  }
}

/* -------------------------------------------------------------------------- */
/*	6. Plugins
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/*	7. Page Templates
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	7a. Template: Home
/* -------------------------------------------------------------------------- */

.hero {
  height: 768px;
  position: relative;
}

.hero .overlay {
  background: rgba(30, 43, 55, 0.55);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.hero video {
  object-fit: cover;
}

.hero .trianglesLeft {
  background-image: url('../images/system/triangles-left.svg');
  background-position: top left;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 3;
  width: 22%;
  height: 768px;
  top: -1px;
  left: 0;
}

.hero .trianglesRight {
  background-image: url('../images/system/triangles-right.svg');
  background-position: bottom right;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 3;
  width: 24%;
  height: 768px;
  bottom: -1px;
  right: 0;
}

.heroContentWrapper {
  position: absolute;
  z-index: 4;
}

.heroContentWrapper .heroLogo {
  width: 73.2px;
  height: 67.5px;
  margin-bottom: 50px;
}

.heroContentWrapper .heroLogo img {
  object-fit: contain;
}

.heroContentWrapper .heroTitle {
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-family: "Sora";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
}

.heroContentWrapper .heroSubtitle {
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 22px;
  margin-bottom: 28px;
}

.heroContentWrapper .heroContent {
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  max-width: 490px;
}

.heroContentWrapper .learnMoreBtn {
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  display: flex;
  width: 199px;
  height: 39px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 42px;
  border: 2px solid #FFF;
  margin-top: 56px;
}

.heroContentWrapper .learnMoreBtn:hover {
  background-color: #fff;
  color: var(--darkColor);
  transition: 0.3s ease;
}

.search {
  background-color: var(--darkColor);
  margin-top: 35px;
  padding-bottom: 60px;
  margin-bottom: 27px;
}

.search .tabItemTriangle img {
  margin-top: -1px;
  position: relative;
}

.search .tabItemTriangle {
  margin-bottom: 25px;
  position: absolute;
  top: 0;
}

.searchAreaTabs {
  gap: 98px;
  margin-bottom: 25px;
}

.searchAreaTabs .tabItem {
  gap: 10.5px;
}

.searchAreaTabs .tabItem span {
  color: var(--secondaryColor);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
}

.searchAreaTabs .tabItemActive span {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  white-space: nowrap;
}


.tabItemWrapper {
  position: relative;
  padding-top: 60px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  user-select: none;
}

.tabItemWrapper .tabItemTriangle {
  display: none;
}

.tabItemActive .tabItemTriangle {
  display: block;
}

.tabItemWrapper .tabItemActiveIcon {
  display: none;
}

.tabItemActive .tabItemActiveIcon {
  display: block;
}

.tabItemActive .tabItemIcon {
  display: none;
}

.searchForm {
  gap: 21px;
  margin-bottom: 50px;
}

.searchForm .searchInputWrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 3px;
}

.searchForm .searchInputWrapper label {
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-left: 8px;
}

.searchForm .searchInputWrapper input {
  width: 330px;
  height: 48px;
  padding: 15px;
  outline: none;
  border: none;
}

.searchForm .searchInputWrapper input::placeholder {
  color: #808080;
  font-family: "Satoshi Italic";
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}

.dateInputWrapper input {
  background-image: url('../images/icons/calendar.svg');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: right 15px center;
}

.searchForm .searchButton {
  width: 318px;
  height: 48px;
  color: #FFF;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 40px;
  background: #698DAD;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: none;
}

.moreOptionsHyperLink {
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  text-underline-offset: 5px;
}

.moreOptionsHyperLink:hover {
  color: var(--secondaryColor);
  transition: 0.3s ease;
}

.moreOptionsHyperLink span {
  margin-left: 10px;
}

.featuresWrapper {
  gap: 20px
}

.featuresItem {
  flex: 1;
  height: 745px;
  padding: 0;
  position: relative;
}

.featuresItem img {
  object-fit: cover;
  object-position: top;
}

.featuresContent {
  position: absolute;
  height: 100%;
  background: rgba(30, 43, 55, 0.45);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 360px;
}

.featuresContentLeft {
  right: 0;
  top: 0;
  padding: 45px 90px 45px 45px;
}

.featuresContentRight {
  left: 0;
  top: 0;
  padding: 45px 35px 45px 55px;
}

.featuresItem .featuresTitle {
  color: #FFF;
  font-family: "Sora";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  margin-bottom: 25px;
}

.featuresItem .featuresText {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  margin: 0;
}

.featuresItem .featureItemButton {
  color: #fff;
  text-align: left;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1.5px;
  margin-top: 15px;
}

.featuresWrapperSecond .featuresContentLeft {
  padding: 45px 35px 75px 41px;
}

.featuresWrapperSecond .featuresContentRight {
  padding: 45px 50px 75px 66px;
}

.sloganArea {
  padding-top: 185px;
  padding-bottom: 75px;
}


.sloganArea .title {
  color: var(--primaryColor);
  text-align: center;
  font-family: "Sora";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
  height: 75px;
}

.sloganArea .subtitle {
  color: var(--primaryColor);
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 24px 0;
}

.sloganArea .sloganAreaContent {
  color: var(--primaryColor);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 7px;
  max-width: 960px;
  letter-spacing: normal;
}

.planeDetails .planeBanner {
  background-image: url('../images/banners/plane_banner.webp');
  background-size: cover;
  background-repeat: no-repeat;
  height: 800px;
  position: relative;
}

.planeBanner .overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(30, 43, 55, 0.45);
  z-index: 2;
  position: relative;
}

.planeDetailBox {
  background-color: #fff;
  width: 420px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  padding: 78px 35px 70px 35px;
  row-gap: 27px;
  min-height: 596px;
}

.planeDetailBox .planeTitle {
  color: var(--primaryColor);
  text-align: center;
  font-family: "Sora";
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  max-width: 290px;
}

.planeDetailBox .planeDetailsItemWrapper {
  gap: 12px;
}

.planeDetailBox .planeDetailsItemWrapper .planeDetailsItem {
  color: var(--primaryColor);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 12px;
}

.planeDetailBox .planeDetailsItemWrapper .planeDetailsItem::after {
  content: '';
  width: 1px;
  height: 14px;
  background-color: var(--primaryColor);
  display: block;
}

.planeDetailBox .planeDetailsItemWrapper .planeDetailsItem:nth-last-child(1):after {
  display: none;
}

.planeDetailBox .planeDetailsItemWrapper .planeDetailsItem:nth-last-child(1) {
  border-right: none;
}

.planeDetailBox .planeDetailsUppercase {
  color: var(--primaryColor);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.dimensionsArea .dimensionsTxt {
  color: var(--primaryColor);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.planeDetailBox .planeDetailsBtn {
  color: var(--secondaryColor);
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1.5px;
}

.planeSlideHyperLink:hover,
.planeDetailBox .planeDetailsBtn:hover {
  color: var(--primaryColor);
  transition: 0.3s ease;
}

.planeSliderArea {
  margin-top: 83px;
  overflow-x: hidden;
}

/* .planeSlideItem {
  width: max-content;
} */

.planeSlideItem .planeSlideImage {
  width: 585px;
  height: 376px;
  padding: 0 10px;
}

.planeSliderArea .swiper-slide {
  max-width: 585px;
}

.swiper-slide:nth-child(1) .planeSlideItem .planeSlideImage {
  padding-left: 0;
}

.swiper-slide:nth-last-child(1) .planeSlideItem .planeSlideImage {
  padding-right: 0;
}

.planeSlideItem .planeSlideImage img {
  object-fit: cover;
  object-position: left;
}

.planeSlideBody .planeSlideTitle {
  color: var(--primaryColor);
  text-align: center;
  font-family: "Sora";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  padding-top: 40px;
}

.planeSlideItem .planeSlideBody {
  margin-top: 25px;
  border-right: 1px solid #dadada;
  gap: 14px;
}

.swiper-slide:nth-last-child(1) .planeSlideItem .planeSlideBody {
  border-right: none;
}

.planeSlideHyperLink {
  color: var(--secondaryColor);
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-underline-offset: 4px;
  margin-top: 15px;
  cursor: pointer;
}

.planeSlideItem .planeDetailsItemWrapper {
  gap: 12px;
}

.planeSlideItem .planeDetailsItem {
  color: var(--primaryColor);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 12px;
}

.planeSlideItem .planeDetailsItem:nth-last-child(1)::after {
  display: none;
}

.planeSlideItem .planeDetailsItem::after {
  content: '';
  width: 1px;
  height: 14px;
  display: block;
  background-color: var(--primaryColor);
}

.getMoreInfo {
  overflow: hidden;
  background-image: url('../images/banners/aricraft_engine.webp');
  background-size: cover;
  height: 798px;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.getMoreInfo .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(30, 43, 55, 0.55);
}

.getMoreInfo .trianglesLeft {
  background-image: url('../images/system/triangles-left.svg');
  background-position: top left;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 3;
  width: 23%;
  height: 797px;
  top: -8px;
  left: 0;
}

.getMoreInfo .trianglesRight {
  background-image: url('../images/system/triangles-right.svg');
  background-position: bottom right;
  background-size: 109%;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 3;
  width: 22%;
  height: 797px;
  bottom: -20px;
  right: 0;
}

.getMoreInfo .contentWrapper {
  position: absolute;
  z-index: 4;
  row-gap: 30px;
}

.getMoreInfo .getMoreInfoTitle {
  color: #fff;
  text-align: center;
  font-family: "Sora";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
}

.getMoreInfo .subtitle {
  font-size: 20px;
  max-width: 582px;
  color: #FFF;
  text-align: center;
  font-family: "Satoshi";
  font-size: 20px;
  line-height: normal;
}

.getMoreInfo .subheading {
  color: #FFF;
  text-align: center;
  font-family: "Sora";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
  margin-bottom: -10px;
}

.getMoreInfo .getMoreInfoBtn {
  color: #D9D9D9;
  text-align: center;
  font-size: 18.588px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  width: 285px;
  height: 44px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  border-radius: 44px;
  border: 1px solid #FFF;
}

.getMoreInfo .getMoreInfoBtn:hover {
  transform: scale(1.05);
  transition: 0.3s ease;
}

.informations {
  padding: 135px 0;
}

.informationsCustom {
  padding: 45px 0 !important;
}

.informations .columnsWrapper {
  gap: 49px;
}

.charterInformations .columnsWrapper {
  gap: 55px;
}

.charterInformations .columnsWrapper:nth-last-child(1) {
  margin-top: 150px;
}

.informations .columnsWrapper .colItem {
  padding-right: 49px;
  border-right: 1px solid #DADADA;
  height: 279px;
}

.charterInformations .columnsWrapper .colItem {
  padding-right: 55px;
  height: 389px;
}

.informations .columnsWrapper .colItem:nth-last-child(1) {
  padding-right: 0;
  border-right: none;
}

.informations .topColumns {
  margin-bottom: 125px;
}

.informations .topColumns .colItem:nth-last-child(1) {
  max-width: 414px;
  width: 100%;
}

.columnsWrapper .columnTitle {
  color: var(--primaryColor);
  font-family: "Sora";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  margin-bottom: 68px;
  max-width: 363px;
  letter-spacing: normal;
}

.topColumns .columnTitle {
  max-width: none;
}

.columnsWrapper .columnContent,
.columnsWrapper .columnContent li,
.columnsWrapper .columnContent p {
  color: var(--primaryColor);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}

.charterInformations {
  padding-bottom: 225px;
}

.charterInformations .columnsWrapper .columnContent,
.charterInformations .columnsWrapper .columnContent li,
.charterInformations .columnsWrapper .columnContent p {
  font-size: 24px;
}

.charterInformations .columnsWrapper .columnTitle {
  max-width: none;
}

.charterInformations .columnsWrapper .colItem:nth-child(1) {
  max-width: 515px;
}

.charterInformations .columnsWrapper .colItem:nth-child(2) .columnContent {
  max-width: 409px;
}

.charterInformations .columnsWrapper .colItem:nth-last-child(1) {
  max-width: 331px;
}

.columnsWrapper .columnContent {
  min-width: 335px;
}

.footerBanner {
  background-image: url('../images/banners/banner-with-people-new.webp');
  width: 100%;
  background-repeat: no-repeat;
  height: 800px;
  position: relative;
  background-size: cover;
}

.footerBanner .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(30, 43, 55, 0.45);
}

.footerBannerBox {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--primaryColor);
  max-width: 420px;
  padding: 98px 62px 98px 62px;
}

.footerBannerBox .title {
  color: #fff;
  font-family: "Sora";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
  text-transform: uppercase;
}

.footerBannerBox .requestBtn {
  color: var(--primaryColor);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  width: 199px;
  height: 39px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 42px;
  border: 1px solid #223445;
  background: #FFF;
  margin-top: 63px;
}

.footerBannerBox .requestBtn:hover {
  background-color: var(--primaryColor);
  border-color: #fff;
  color: #fff;
  transition: 0.3s ease;
}

.safety {
  padding-top: 180px;
  margin-top: 150px;
  background-color: var(--primaryColor);
  padding-bottom: 80px;
}

.safetyContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 56px;
  padding-bottom: 100px;
  border-bottom: 1px solid var(--secondaryColor);
}

.safety .title {
  color: #FFF;
  text-align: center;
  font-family: "Sora";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
  text-transform: uppercase;
}

.safety .subtitle {
  color: #FFF;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  max-width: 950px;
}

.safety .contentWrapper p {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}

.safety .certificateWrapper .cerfiticateImg {
  width: max-content;
  height: 120px;
  margin-top: 25px;
}

.safety .certificateWrapper .cerfiticateImg img {
  object-fit: contain;
}

.safety .certificateWrapper p {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}

/* Plane Modal */
.planeModalOuter {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  background: #00000073;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.planeModalOuter .planeModalBody {
  width: 100%;
  height: 100%;
  max-width: 1402px;
  display: flex;
  justify-content: center;
  max-height: 844px;
  position: relative;
  overflow: hidden;
}

.planeModalOuter .detailsArea {
  position: relative;
  z-index: 3;
  flex: 1;
}

.detailsArea .background {
  background-repeat: no-repeat;
  width: 440px;
  height: 100%;
  max-height: 844px;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailsArea .dark-bg {
  background-image: url('../images/system/dark-bg.svg');
}

.detailsArea .light-bg {
  background-image: url('../images/system/light-bg.svg');
}

.planeModalBody .sliderArea {
  max-width: 995px;
  margin-left: -32px;
  position: relative;
}

.planeModalBody .sliderArea .swiper-button-next.swiper-button-disabled,
.planeModalBody .sliderArea .swiper-button-prev.swiper-button-disabled {
  opacity: 0.3;
}

.planeModalBody .sliderArea .swiper-slide {
  height: 844px;
  background-color: #1E2B37;
  background-blend-mode: hard-light;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.planeModalBody .sliderArea .swiper-slide img {
  object-fit: contain;
  object-position: center;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.sliderArea .swiper-pagination-wrapper {
  position: absolute;
  bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  width: 130px;
  height: 25px;
}

.sliderArea .swiper-button-prev:after,
.sliderArea .swiper-rtl .swiper-button-next:after,
.sliderArea .swiper-button-next:after,
.sliderArea .swiper-rtl .swiper-button-prev:after {
  content: '';
}

.sliderArea .swiper-button-next svg,
.sliderArea .swiper-button-prev svg {
  width: 14px;
  height: 24px;
}

.planeModalBody .modalCloseBtn {
  position: absolute;
  top: 51px;
  right: 56px;
  cursor: pointer;
  z-index: 999;
}

.planeModalBody .detailsWrapper {
  padding: 75px 0 82px 84px;
  height: 100%;
  justify-content: space-between;
}

.planeModalBody .detailsHeader .subtitle {
  color: #FFF;
  font-family: "Sora";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 3.6px;
}

.planeModalBody .detailsHeader .title {
  color: #FFF;
  font-family: "Sora";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
  text-transform: uppercase;
}

.planeModalBody .detailsBody .title {
  color: var(--secondaryColor);
  font-family: "Sora";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  margin-bottom: 45px;
}

.planeModalBody .detailsBody p {
  color: #FFF;
  font-family: "Satoshi";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 34px;
}

.planeModalBody .detailsBody p:nth-last-child(1) {
  margin-bottom: 0;
}

.planeModalBody .detailsFooter {
  gap: 20px;
}

.planeModalBody .detailsFooter .modalFooterBtn {
  width: 254px;
  height: 48px;
  border-radius: 40px;
  color: #FFF;
  text-align: center;
  font-family: "Satoshi";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

.planeModalBody .detailsFooter .requestQuoteBtn {
  background: var(--secondaryColor);
  text-transform: uppercase;
}

.planeModalBody .detailsFooter .downloadBtn {
  border: 1px solid var(--secondaryColor);
}

/* -------------------------------------------------------------------------- */
/*	7b. Template: Charter
/* -------------------------------------------------------------------------- */
.charterBannerArea {
  background-image: url('../images/banners/charter.webp');
  background-size: cover;
  background-repeat: no-repeat;
  height: 594px;
  margin-bottom: 33px;
}

.charterContentBox {
  max-width: 508px;
  height: 594px;
  background-color: white;
  padding: 68px;
  position: relative;
  z-index: 3;
  padding: 90px 68px 55px 68px;
}

.charterContentBox .subtitle {
  color: var(--darkColor);
  font-family: "Sora";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 3.6px;
  margin-bottom: 25px;
}

.charterContentBox .title {
  color: var(--primaryColor);
  font-family: "Sora";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
  text-transform: uppercase;
  margin-bottom: 45px;
}

.charterContentBox p {
  color: var(--primaryColor);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.contactBanner .overlay,
.aboutBanner .overlay,
.managmentBannerArea .overlay,
.charterBannerArea .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(30, 43, 55, 0.45);
}

.checboxItem .customCheckbox {
  width: 39.118px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  cursor: pointer;
}

.checboxItem .customCheckbox img {
  display: none;
}

.checboxItem .customCheckbox input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 3;
}

.checboxItem .customCheckbox input:checked~img {
  display: block;
  position: relative;
  z-index: 2;
}

.checboxItem .customCheckbox input:checked~.checkboxBackground {
  background-color: var(--primaryColor);
}

.checboxItem .checkboxBackground {
  width: 39.118px;
  height: 37px;
  position: absolute;
}

.checkboxesArea {
  padding-bottom: 85px;
  padding-top: 35px;
}

.checkboxesArea .checboxItem {
  display: flex;
  align-items: center;
  gap: 17px;
  position: relative;
}

.checkboxesArea .checboxItem span {
  color: var(--primaryColor);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.planesWrapperArea .planeSlideItem .planeSlideBody {
  border: none;
}

.planesWrapperArea .planeSlideItem .planeSlideImage {
  padding: 0;
}

.planesWrapperArea {
  gap: 20px;
  row-gap: 100px;
  max-height: 3350px;
  overflow: hidden;
}

.planesWrapperArea.show {
  max-height: none !important;
}

.loadMoreBtnArea {
  margin-top: 100px;
  margin-bottom: 50px;
}

.loadMoreBtnArea .loadMoreBtn {
  width: 318px;
  height: 48px;
  color: #FFF;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 40px;
  background: #698DAD;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
}

.planes .filters-area {
  gap: 50px;
  padding: 45px 0 55px;
}

.planes .filters-area select {
  width: 295px;
  background-color: transparent;
  border: none;
  padding: 8px 25px 12px 3px;
  border-bottom: 1px solid var(--primaryColor);
  appearance: none;
  outline: none;
  color: #26344C;
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 122.76%;
  letter-spacing: 0.72px;
  background-image: url('../images/icons/arrow-down.svg');
  background-position: center right 12px;
  background-repeat: no-repeat;
  font-family: "Satoshi";
}

.no-planes {
  font-size: 22px;
  font-weight: 600;
  padding: 15px 0 45px;
}

.charter-form {
  padding: 130px 0;
  background-color: #223445;
}

.charter-form .formArea .textareaWrapper,
.charter-form .formArea .inputWrapper {
  margin-bottom: 32.5px;
}

.charter-form .formArea .textareaWrapper textarea {
  height: 205px;
}

.charter-form .title {
  color: #FFF;
  text-align: center;
  font-family: "Sora";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.charter-form p {
  color: #FFF;
  text-align: center;
  font-family: "Satoshi";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.charter-form .formArea {
  margin-top: 70px;
}

/* -------------------------------------------------------------------------- */
/*	7c. Template: Management
/* -------------------------------------------------------------------------- */

.managmentBannerArea {
  background-image: url('../images/banners/managment.webp');
  background-size: cover;
  background-repeat: no-repeat;
  height: 594px;
  margin-bottom: 33px;
}

.principles {
  background-color: var(--primaryColor);
  margin-top: -2px;
  padding-top: 165px;
  padding-bottom: 245px;
}

.principlesCol {
  gap: 72px;
  padding-right: 58px;
}

.principlesLeft .principlesTitle {
  color: #FFF;
  font-family: "Sora";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: normal;
  margin-bottom: 68px;
}

.principlesItem p,
.principlesLeft p {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}

.principlesItemWrapper {
  display: flex;
  align-items: flex-start;
  gap: 154px;
}

.principlesItem {
  flex: 1;
}

.principlesItem h6 {
  color: #FFF;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 25px;
}

.footerBannerBoxLarge {
  max-width: 525px;
}

.footerBannerBoxLarge p {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 45px;
}

.informationsCustom .columnsMainWrapper {
  padding: 0 98px;
  gap: 49px;
  margin: 75px 0;
}

.columnsMainWrapper .columnsWrapper:nth-child(1) .colItem:nth-last-child(1) {
  border-right: 1px solid #DADADA;
  padding-right: 49px;
}

.informationsCustom .informationsTitle {
  color: var(--primaryColor);
  text-align: center;
  font-family: "Sora";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 25px;
}


.informationsCustom .informationsContent p {
  color: var(--primaryColor);
  font-family: "Satoshi";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}

/* -------------------------------------------------------------------------- */
/*	7d. Template: About
/* -------------------------------------------------------------------------- */

.aboutBanner {
  height: 594px;
}

.aboutBanner .background-video video {
  object-fit: cover;
  object-position: center;
}

.contactBanner .charterContentBox,
.aboutBanner .charterContentBox {
  background-color: var(--primaryColor);
}

.contactBanner .charterContentBox .subtitle,
.contactBanner .charterContentBox .title,
.aboutBanner .charterContentBox .subtitle,
.aboutBanner .charterContentBox .title,
.aboutBanner .charterContentBox p {
  color: white;
}

.aboutDetails {
  padding-top: 155px;
  padding-bottom: 216px;
}

.aboutDetails .detailsWrapper {
  gap: 77px;
}

.aboutDetails .detailsWrapper .detailItem {
  padding-right: 77px;
  border-right: 1px solid #dadada;
  height: 279px;
  min-width: 320px;
}

.aboutDetails .detailsWrapper .detailItem:nth-last-child(1) {
  border-right: none;
  padding-right: 0;
}

.aboutDetails .detailsWrapper .detailItem h4 {
  color: var(--primaryColor);
  font-family: "Sora";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  margin-bottom: 68px;
}

.aboutDetails .detailsWrapper .detailItem p {
  color: var(--primaryColor);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}

.teamSliderArea .planeSlideHyperLink:hover {
  color: #fff !important;
}

.team {
  background-color: var(--primaryColor);
  padding: 100px 0;
}

.team .teamTitle {
  color: #FFF;
  text-align: center;
  font-family: "Sora";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
}

.planeSliderArea .teamMemberSubtitle {
  color: white;
  margin-top: -15px;
}

.planeSliderArea .teamMemberName {
  color: white;
  text-transform: uppercase;
}

.news {
  margin-bottom: 150px;
}

.blogs {
  padding-top: 125px;
  padding-bottom: 125px;
  overflow: hidden;
}

.blogsWrapper {
  padding: 0 61px;
}

.blogsWrapper .swiper-slide {
  max-width: max-content;
}

.blogsWrapper .swiper-wrapper .swiper-slide:nth-last-child(1) .blogItem {
  padding-right: 145px;
}

.aboutPageTitle {
  color: var(--primaryColor);
  text-align: center;
  font-family: "Sora";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
  max-width: 892px;
  margin-bottom: 85px;
}

.blogItem {
  padding-right: 64px;
  border-right: 1px solid #dadada;
  display: flex;
  flex-direction: column;
  row-gap: 51px;
  max-width: 572px;
  height: 601px;
}

.blogItem .blogImage {
  width: 508px;
  height: 285px;
  display: flex;
}

.blogsWrapper .newsImage {
  width: 508px;
  height: 245px;
}

.blogsWrapper .blogImage img {
  object-fit: cover;
  width: 100%;
  height: 285px;
}

.blogItem .blogTitle {
  color: var(--primaryColor);
  font-family: "Sora";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  text-transform: uppercase;
}

.blogItem p {
  color: var(--primaryColor);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}

.blogItem p>a {
  color: var(--primaryColor) !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline !important;
  text-underline-offset: 3px;
}

.jobsWrapper .jobsRow {
  gap: 65px;
  margin-bottom: 85px;
}

.jobsRow .jobItem {
  padding-right: 65px;
  border-right: 1px solid #dadada;
  max-width: 509px;
}

.jobsRow .jobItem:nth-last-child(1) {
  padding-right: 0;
  border-right: none;
}

.resumator-job-title {
  font: normal !important;
  color: var(--primaryColor) !important;
  font-family: "Sora" !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 135% !important;
  margin: 0 !important;
  margin-bottom: 10px !important;
  border-top: none !important;
}


.resumator-job-heading,
.resumator-job-info {
  color: var(--primaryColor) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  padding-bottom: 10px !important;
  float: none !important;
}

.resumator-job-heading {
  border-top: none !important;
}

.resumator-job:nth-child(even) {
  justify-self: end;
}

.resumator-job {
  max-width: 509px;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--secondaryColor);
}

#resumator-jobs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  row-gap: 30px;
}

a.resumator-job-link {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}

.carrier {
  padding-bottom: 100px;
  padding-top: 125px;
}

.aboutModalOuter {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  background: #00000073;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
}

.aboutModalOuter .aboutModalBody {
  background: #fff;
  max-width: 1402px;
}

.aboutModalBody .aboutDetailArea {
  padding: 100px 83px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.aboutDetailArea .title {
  color: var(--primaryColor);
  font-family: "Sora";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
  text-transform: uppercase;
}

.aboutDetailArea .subtitle {
  color: var(--primaryColor);
  font-family: "Sora";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 3.6px;
  margin-top: 20px;
}

.aboutDetailArea .contentWrapper {
  margin-top: 83px;
}

.aboutDetailArea .contentWrapper p {
  color: var(--primaryColor);
  font-family: "Satoshi";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}

.aboutImageArea {
  flex: 1;
}

.aboutImageArea img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aboutImageArea .closeBtn {
  position: absolute;
  top: 35px;
  right: 35px;
  cursor: pointer;
}

/* -------------------------------------------------------------------------- */
/*	7d. Template: Cargo
/* -------------------------------------------------------------------------- */

.cargoBannerArea .charterContentBox {
  max-width: 565px;
  padding: 90px 55px 55px 55px;
}

.cargoBannerArea .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(30, 43, 55, 0.45);
}

.cargoBannerArea {
  background-image: url('../images/banners/cargo_banner.webp');
  background-size: cover;
  background-repeat: no-repeat;
  height: 594px;
  margin-bottom: 33px;
}

.cargoItems {
  padding-top: 125px;
  padding-bottom: 250px;
}

.cargoItemsWrapper {
  gap: 50px;
}

.cargoItemsWrapper .cargoItem .cargoItemBody {
  padding-right: 50px;
  border-right: 1px solid #dadada;
  min-height: 131px;
}

.cargoItemsWrapper .cargoItem:nth-last-child(1) .cargoItemBody {
  padding-right: 0;
  border-right: none;
}

.cargoItemsWrapper .cargoItem .title {
  color: var(--primaryColor);
  font-family: "Sora";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  text-transform: uppercase;
  margin-bottom: 0;
}

.cargoItemsWrapper .cargoItem p {
  color: var(--primaryColor);
  font-family: "Satoshi";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}

.cargoItem .iconArea {
  margin-bottom: 45px;
}

.cargoContent .subtitle {
  max-width: none;
}

/* -------------------------------------------------------------------------- */
/*	7e. Template: Contact
/* -------------------------------------------------------------------------- */

.contactBanner {
  background-image: url('../images/banners/banner-with-people-new.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 594px;
}

.officesMap {
  margin: 25px 0;
}

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

.contactFormArea {
  padding-top: 78px;
  padding-bottom: 200px;
  background-color: var(--primaryColor);
}

.contactFormArea .contactFormTitle {
  color: #FFF;
  font-family: "Sora";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
  margin-bottom: 120px;
}

.formArea select,
.formArea textarea,
.formArea input {
  width: 95%;
  height: 49px;
  border-radius: 43px;
  border: 1px solid #fff;
  background: transparent;
  padding: 14px 45px;
  color: #fff;
  outline: none;
  font-family: "Sora";
  appearance: none;
}

.formArea input.wpcf7-not-valid,
.formArea textarea.wpcf7-not-valid {
  border-width: 2px;
  border-color: #dc3232;
}

.formArea select {
  background-image: url(../images/icons/plus.svg);
  background-repeat: no-repeat;
  background-position: right 25px center;
  background-size: 15px;
  cursor: pointer;
}

.customPlaceholder.hidden {
  display: none;
}

.formArea .inputWrapper {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 47.5px;
  width: 100%;
}

.formArea .inputWrapper span {
  width: 100%;
  z-index: 1;
}

.formArea .textareaWrapper {
  position: relative;
  margin-bottom: 47.5px;
  width: 100%;
}

.formArea .textareaWrapper .customPlaceholder,
.formArea .inputWrapper .customPlaceholder {
  position: absolute;
  left: 45px;
  font-family: "Sora";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--grayColor);
  cursor: text;
  background: transparent;
  z-index: 0;
}

.formArea .textareaWrapper .customPlaceholder {
  top: 20px;
}

.formArea .textareaWrapper .customPlaceholder>span,
.formArea .inputWrapper .customPlaceholder>span {
  font-family: "Sora";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  cursor: text;
  background: transparent;
}

.formArea textarea {
  height: 145px;
  resize: none;
  border-radius: 20px;
}

.formArea input[type="submit"] {
  width: 181.492px;
  height: 49px;
  color: #000;
  font-family: "Sora";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  border-radius: 42px;
  background: #FFF;
  border: none;
  padding: 0;
}

.formArea .wpcf7-not-valid-tip {
  position: absolute;
  top: 110%;
  font-family: "Sora";
  padding-left: 20px;
  font-size: 12px;
  font-weight: 500;
}

.offices {
  padding-top: 145px;
  padding-bottom: 105px;
}

.offices .officesWrapper {
  gap: 75px;
  padding-top: 120px;
}

.offices .officesTitle {
  color: var(--primaryColor);
  font-family: "Sora";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
}

.offices .officesTitle.bold {
  font-weight: 700;
}

.offices .officeItem {
  margin-bottom: 100px;
}

.offices .officeItem .officeBody {
  margin-bottom: 70px;
}

.officeItem .officeTitle {
  color: var(--primaryColor);
  font-family: "Sora";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  gap: 39px;
  max-width: 450px;
}

.officeItem .officeTitle::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: var(--secondaryColor);
  display: block;
}

.officeItem .officeSubtitle {
  color: var(--primaryColor);
  font-family: "Sora";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  text-transform: uppercase;
  margin: 35px 0;
}

.officeItem .addressWrapper a,
.officeItem .addressWrapper p {
  margin-bottom: 0;
  color: var(--primaryColor);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.officeItem .addressWrapper.bold a,
.officeItem .addressWrapper.bold p {
  font-weight: 500 !important;
}

.officeItem .addressWrapper a {
  text-decoration: underline;
  text-underline-offset: 3px;
  display: block;
}

.officeItem .addressWrapper p>a {
  text-decoration: none !important;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  color: #46b450;
  /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: #dc3232;
  color: #dc3232;
  /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
  border-color: #f56e28;
  color: #f56e28;
  /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900;
  color: #ffb900;
  /* Yellow */
}

.wpcf7 form .wpcf7-response-output {
  margin: 2em 0;
  padding: 14px 45px;
  color: #fff;
  font-family: "Sora";
  font-size: 14px;
  font-weight: 400;
  line-height: 135%;
  border-radius: 43px;
}

.wpcf7-spinner {
  background-color: #ffffff;
  top: 6px;
}

.wpcf7-spinner::before {
  background-color: #223445;
}

/* -------------------------------------------------------------------------- */
/*	7f. Template: Bull Riders Event 2024 LP
/* -------------------------------------------------------------------------- */

main.event-lp {
  background: url(../images/lp/event-lp-bg.webp) lightgray 0px 0px / 100% 120% no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  min-height: 1080px;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.event-lp .box-wrapper {
  width: 100%;
  max-width: 1122px;
  max-height: 641px;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 75px 116px;
  top: 100px;
}

main.event-lp .form-box {
  width: 100%;
  height: max-content;
  max-width: 1122px;
  border-radius: 24px;
  border: 1px solid #FFF;
  background: linear-gradient(180deg, rgba(34, 52, 69, 0.80) 53%, rgba(83, 129, 171, 0.80) 100%);
  box-shadow: 0px 4px 56px 0px #FFF6A3;
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  padding: 57px 0;
  position: absolute;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

main.event-lp .box-wrapper .form-box-bg {
  border-radius: 24px;
  border: 1px solid #FFF;
  background: linear-gradient(180deg, rgba(34, 52, 69, 0.65) 53%, rgba(83, 129, 171, 0.65) 100%);
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}

main.event-lp .form-box .logo-area {
  display: flex;
  max-width: 307px;
  margin-bottom: 55px;
}

main.event-lp .form-box .logo-area img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

main.event-lp .form-box .box-body {
  max-width: 672px;
  min-height: 480px;
}

main.event-lp .form-box .input-wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 4px;
  margin-bottom: 21px;
}

main.event-lp .form-box .input-wrapper label {
  padding-left: 18px;
  color: #FFF;
  font-family: "Satoshi";
  font-size: 16px;
  line-height: normal;
}

main.event-lp .form-box .input-wrapper input {
  width: 100%;
  height: 51px;
  color: #FFF;
  font-family: "Satoshi";
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  padding: 12px 18px;
  border-radius: 12px;
  border: 1px solid #BEBEBE;
  background: rgba(255, 255, 255, 0.40);
  outline: none;
}

main.event-lp .wpcf7-form-control-wrap {
  width: 100%;
}

main.event-lp .form-box .input-wrapper input::-webkit-outer-spin-button,
main.event-lp .form-box .input-wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

main.event-lp .form-box .custom-checkbox {
  width: 27px;
  height: 27px;
  border-radius: 6px;
  border: 1px solid #BEBEBE;
  background: rgba(255, 255, 255, 0.40);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}

main.event-lp .form-box .custom-checkbox-item {
  display: flex;
  align-items: center;
  gap: 23px;
  cursor: pointer;
}

main.event-lp .form-box .custom-checkbox input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}

main.event-lp .form-box .custom-checkbox .wpcf7-list-item-label {
  content: ' ';
  display: none;
  width: 14px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M13.7069 1.70247C14.0977 1.31301 14.0977 0.681563 13.7069 0.292098C13.3162 -0.0973661 12.6826 -0.0973661 12.2918 0.292098L5.00314 7.59233L1.70818 4.30837C1.31741 3.91891 0.683847 3.91891 0.293077 4.30837C-0.0976923 4.69784 -0.0976923 5.32928 0.293077 5.71875L4.29559 9.7079C4.68636 10.0974 5.31992 10.0974 5.71069 9.7079L13.7069 1.70247Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  color: transparent !important;
}

main.event-lp .form-box .custom-checkbox .wpcf7-list-item {
  width: 100%;
  height: 25px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

main.event-lp .form-box .custom-checkbox input:checked~.wpcf7-list-item-label {
  display: block;
}

main.event-lp .form-box .custom-checkbox .wpcf7-not-valid-tip {
  position: absolute;
  top: 35px;
  width: 200px;
}

main.event-lp .form-box .wpcf7-not-valid-tip {
  color: #dc3232 !important;
  font-weight: 700;
  letter-spacing: 0.35px;
}

main.event-lp .form-box .wpcf7 form .wpcf7-response-output {
  text-align: center;
}

main.event-lp .wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  background-color: #46b450;
  color: #fff;
  /* Green */
}

main.event-lp .wpcf7 form.failed .wpcf7-response-output,
main.event-lp .wpcf7 form.aborted .wpcf7-response-output {
  border-color: #dc3232;
  background-color: #dc3232;
  color: #fff;
  /* Red */
}

main.event-lp .wpcf7 form.spam .wpcf7-response-output {
  border-color: #f56e28;
  background-color: #f56e28;
  color: #fff;
  /* Orange */
}

main.event-lp .wpcf7 form.invalid .wpcf7-response-output,
main.event-lp .wpcf7 form.unaccepted .wpcf7-response-output,
main.event-lp .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900;
  background-color: #ffb900;
  color: #fff;
  /* Yellow */
}

main.event-lp .form-box .custom-checkbox-item span {
  flex: 1;
  color: #FFF;
  font-family: "Satoshi";
  font-size: 14px;
  line-height: normal;
}

main.event-lp .form-box .button-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

main.event-lp .form-box .submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 254px;
  height: 50px;
  padding: 10px;
  border-radius: 55px;
  background: #FFF;
  box-shadow: 0px 0px 63.4px 0px #11375A;
  color: #223445;
  text-align: center;
  font-family: "Satoshi";
  font-size: 18px;
  font-weight: 500;
  border: none;
  margin-top: 50px;
}

main.event-lp .lp-footer {
  margin-top: 180px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

main.event-lp .lp-footer .links {
  display: flex;
  align-items: center;
  gap: 20px;
}

main.event-lp .lp-footer .links span,
main.event-lp .lp-footer .links a {
  color: #FFF;
  text-align: center;
  font-family: "Satoshi";
  font-size: 16px;
  line-height: 202%;
}

main.event-lp .lp-footer p {
  color: #FFF;
  text-align: center;
  font-family: "Satoshi";
  font-size: 18px;
  line-height: 202%;
  margin-bottom: 0;
}

main.event-lp .lp-footer .social-media {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

main.event-lp .lp-footer .social-media img {
  width: 21.801px;
  height: 21.801px;
}

main.event-lp .form-box h3 {
  color: #7BACD9;
  text-align: center;
  font-family: 'Satoshi';
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 175px;
  margin-top: 95px;
}

main.event-lp .form-box .go-back {
  color: #FFF;
  text-align: center;
  font-family: "Satoshi";
  font-size: 18px;
  font-weight: 700;
  text-decoration-line: underline;
  display: flex;
  justify-content: center;
  text-underline-offset: 4px;
}

/* -------------------------------------------------------------------------- */
/*	8. Post: Archive
/* -------------------------------------------------------------------------- */

main.posts h1 {
  text-align: left;
  font-family: "Sora";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
  text-transform: uppercase;
}


main.posts figure {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

main.posts article {
  position: relative;
  z-index: 2;
}

main.posts section {
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  min-height: 300px;
  background-size: 50%;
  overflow: hidden;
  min-height: 325px;
}

main.posts figure img {
  max-width: 100%;
  height: auto;
  max-height: 500px;
}

main.posts .post-title a {
  color: var(--primaryColor);
  font-family: "Sora";
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 15px;
}

main.posts .excerpt>* {
  font-size: 16px;
  line-height: normal;
  font-style: normal;
  margin-bottom: 0;
}

main.posts .padding-y-50 {
  padding: 50px 0;
}

main.posts .read-more a {
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

main.posts .read-more {
  margin-top: 20px;
}

main.posts .category {
  font-size: 16px;
  margin: 10px 0;
}

main.posts .category>a {
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

main.posts .stripe-dark {
  position: relative;
  background-color: #282E38;
  background-repeat: no-repeat;
  -moz-background-size: 480px;
  background-size: 480px;
  background-position: 0 0;
  background-image: url(../images/system/pattern-dark-down.png);
}

main.posts .stripe-dark:before {
  content: "";
  position: absolute;
  background-color: #303743;
  left: 56%;
  top: 0;
  height: 100%;
  width: 100%;
  -moz-transform: skew(-30deg);
  transform: skew(-30deg);
}

main.posts .stripe-light {
  position: relative;
  background-image: url(../images/system/pattern.svg);
  -moz-background-size: 600px;
  background-size: 600px;
  background-position: 90% 100%;
}

main.posts .stripe-light a {
  color: var(--primaryColor) !important;
}

main.posts .stripe-light:before {
  content: "";
  position: absolute;
  background-color: #C9C8C8;
  right: 81.3%;
  top: 0;
  height: 100%;
  width: 100%;
  -moz-transform: skew(-30deg);
  transform: skew(-30deg);
}

main.posts .stripe-dark * {
  color: #959595;
}

main.posts .stripe-dark>* {
  position: relative;
  z-index: 1;
}

main.posts section.stripe-dark * {
  color: white;
}

main.posts .paginate {
  margin-top: 50px;
  font-size: 20px;
}

main.posts .paginate .page-numbers {
  margin: 0 5px;
  display: inline-block;
}

main.posts .paginate .page-numbers.current {
  border: 1px solid #282E38;
  padding: 2px 10px;
}

main.posts .paginate .page-numbers:not(.current):hover {
  color: #959595;
}

/* -------------------------------------------------------------------------- */
/*	9. Post: Single
/* -------------------------------------------------------------------------- */

.blogPage {
  padding-top: 90px;
  padding-bottom: 100px;
}

.blogPage .blogHeader {
  gap: 60px;
  margin-bottom: 120px;
}

.blogHeaderLeft {
  flex: 1;
}

.blogPage .subtitle {
  color: var(--primaryColor);
  font-family: "Sora";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 3.6px;
  margin-bottom: 25px;
}

.blogPage .blogHeader .title {
  color: var(--primaryColor);
  font-family: "Sora";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
  text-transform: uppercase;
}

.blogHeader .share {
  margin-top: 55px;
}

.blogHeader .share .shareText {
  color: #000;
  font-family: "Sora";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.blogHeader .socialMedia {
  margin-top: 30px;
  gap: 42px;
}

.blogHeader .subtext {
  margin-top: 106px;
}

.blogHeader .subtext p {
  color: var(--primaryColor);
  font-family: "Satoshi";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 390px;
}

.blogPageImage {
  width: 100%;
  max-width: 805px;
  height: 100%;
  max-height: 540px;
}

.blogPageImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blogBody img {
  max-width: 100%;
  height: auto;
}


.blogPage .blogBody span,
.blogPage .blogBody a,
.blogPage .blogBody li,
.blogPage .blogBody p {
  color: #000;
  font-family: "Satoshi";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.blogPage .blogBody strong,
.blogPage .blogBody b {
  color: #000;
  font-family: "Satoshi";
  font-size: 18px;
  font-style: normal;
}

.blogPage .blogBody h3>strong,
.blogPage .blogBody h3 {
  color: #000;
  font-family: "Satoshi";
  font-size: 24px;
  font-style: normal;
}

.blogPage .blogBody a {
  text-decoration: underline;
}

/* -------------------------------------------------------------------------- */
/*	10. Blocks
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	11. Entry Content
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	12. Comments
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	13. Site Pagination
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	14. Error 404
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	15.	Extras
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	16. Site Footer
/* -------------------------------------------------------------------------- */

footer {
  background-color: var(--primaryColor);
  padding-bottom: 45px;
  padding-top: 140px;
}

.topFooter .footerTitle {
  color: #FFF;
  font-size: 43.148px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.footerSubscribeArea {
  gap: 8.6px;
}

.footerSubscribeArea input {
  flex: 1;
  height: 49px;
  border-radius: 43px;
  border: 1px solid #FFF;
  padding: 17px 45px;
  background: transparent;
  outline: none;
  color: white;
}

.footerSubscribeArea input::placeholder {
  color: var(--grayColor);
  font-family: "Sora";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.footerSubscribeArea input[type="submit"] {
  color: #000;
  font-family: "Sora";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 42px;
  background: #FFF;
  width: 214.409px;
  height: 49px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  border: none;
  flex: none;
}

.footerLogoArea {
  display: flex;
  width: 307px;
  height: 68px;
}

.footerLogoArea img {
  object-fit: contain;
}

.footerBody {
  margin-top: 150px;
}

.footerMenusWrapper {
  display: inline-flex;
  gap: 40px;
  align-items: flex-start;
}

.footerMenuWrapper .footerMenuTitle {
  color: #FFF;
  font-family: "Sora";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 202%;
  text-transform: uppercase;
  margin-bottom: 25px;
  display: flex;
}

.footerMenuWrapper .footerMenuItem a,
.footerMenuWrapper .footerMenuItem {
  color: var(--grayColor);
  font-family: "Sora";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 202%;
  list-style: none;
}

.footerMenuWrapper .footerMenuItem a:hover {
  color: white;
  transition: 0.3s ease;
}

.footerMenuWrapper .footerMenu {
  padding: 0;
  min-width: 190px;
}

.footerContent .contentText {
  color: #FFF;
  font-family: "Sora";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 202%;
  text-transform: uppercase;
}

.footerContent a {
  text-decoration: underline !important;
}

.footerContent {
  margin-bottom: 12px;
}

.socialMedia {
  margin-top: 80px;
  row-gap: 15px;
}

.socialMedia .socialMediaIcons {
  gap: 59px;
}

.socialMedia .socialMediaIcons img {
  width: 100%;
  height: 100%;
}

.socialMedia .socialMediaText {
  color: #FFF;
  font-family: "Sora";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 202%
}

.copyright {
  color: #FFF;
  font-family: "Sora";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 202%;
}

.socialMediaIcons a:hover {
  transform: scale(1.1);
  transition: 0.3s ease;
}


/* -------------------------------------------------------------------------- */
/*	17. Media Queries
/* -------------------------------------------------------------------------- */

/* @media(max-width:1899px) {
  .blogItem .blogImage {
    width: 350px;
    height: 335px;
  }
} */

@media(max-width:1599px) {
  .searchForm .searchButton {
    width: 300px;
  }

  .sub-menu {
    padding-left: 25%;
  }

  .searchForm .searchInputWrapper input {
    width: 290px;
  }

  .blogItem .blogTitle {
    font-size: 28px;
  }
}

@media(max-width:1799px) {
  .planesWrapperArea .planeSlideItem .planeSlideImage {
    width: 535px;
    height: 350px;
  }

  .planesWrapperArea {
    max-height: 3220px;
  }

  .informationsCustom .columnsMainWrapper {
    padding: 0 45px;
  }

  .informationsCustom .informationsTitle,
  .informationsCustom .columnsWrapper .columnTitle {
    font-size: 28px;
  }

  .informationsCustom .columnsWrapper .columnContent {
    font-size: 16px;
  }

  .informationsCustom .columnsMainWrapper,
  .informationsCustom .columnsWrapper {
    gap: 39px;
  }

  .columnsMainWrapper .columnsWrapper:nth-child(1) .colItem:nth-last-child(1),
  .informationsCustom .columnsWrapper .colItem {
    padding-right: 39px;
  }

  main.posts .post-title a {
    font-size: 32px;
  }
}

@media(max-width:1645px) {
  .planesWrapperArea .planeSlideItem .planeSlideImage {
    width: 500px;
    height: 325px;
  }

  .planesWrapperArea {
    max-height: 3090px;
  }
}

@media(max-width:1624px) {

  .informationsCustom .columnsMainWrapper,
  .informationsCustom .columnsWrapper {
    gap: 29px;
  }

  .columnsMainWrapper .columnsWrapper:nth-child(1) .colItem:nth-last-child(1),
  .informationsCustom .columnsWrapper .colItem {
    padding-right: 29px;
  }
}

@media(max-width:1564px) {
  .columnsMainWrapper {
    flex-direction: column;
    row-gap: 35px;
  }

  .columnsMainWrapper .columnsWrapper .colItem {
    flex: 1;
  }

  .columnsMainWrapper .columnsWrapper:nth-child(1) .colItem:nth-last-child(1) {
    padding-right: 0;
    border-right: none;
  }
}

@media(max-width:1540px) {
  .planesWrapperArea .planeSlideItem .planeSlideImage {
    width: 470px;
  }
}

@media(max-width:1449px) {
  .planesWrapperArea .planeSlideItem .planeSlideImage {
    width: 430px;
    height: 300px;
  }

  .planesWrapperArea {
    max-height: 2930px;
  }
}

@media(max-width:1399px) {
  .headerWrapper .navbar {
    gap: 45px;
  }

  .socialMedia .socialMediaIcons {
    gap: 35px;
  }

  .informationsCustom .columnsMainWrapper {
    padding: 0 25px;
  }

  .charter-form .title,
  .offices .officesTitle,
  .contactFormArea .contactFormTitle,
  .charterContentBox .title,
  .safety .title,
  .footerBannerBox .title,
  .getMoreInfo .getMoreInfoTitle,
  .sloganArea .title,
  .heroContentWrapper .heroTitle {
    font-size: 38px;
  }

  .principlesItem h6,
  .safety .subtitle,
  .sloganArea .subtitle,
  .heroContentWrapper .heroSubtitle {
    font-size: 20px;
  }

  .getMoreInfo .subtitle,
  .planeDetailBox .planeDetailsBtn,
  .heroContentWrapper .heroContent {
    font-size: 18px;
  }

  .informationsCustom .informationsContent p,
  .columnsWrapper .columnContent p,
  .officeItem .addressWrapper a,
  .officeItem .addressWrapper p,
  .principlesItem p,
  .principlesLeft p,
  .socialMedia .socialMediaText,
  .footerMenuWrapper .footerMenuTitle,
  .safety .certificateWrapper p,
  .safety .contentWrapper p,
  .columnsWrapper .columnContent,
  .getMoreInfo .getMoreInfoBtn,
  .sloganArea .sloganAreaContent,
  .searchAreaTabs .tabItem span {
    font-size: 16px;
  }

  .informationsCustom .informationsTitle,
  .informationsCustom .columnsWrapper .columnTitle,
  .officeItem .officeTitle,
  .principlesLeft .principlesTitle,
  .columnsWrapper .columnTitle,
  .planeSlideBody .planeSlideTitle,
  .featuresItem .featuresTitle {
    font-size: 24px;
  }

  .officeItem .officeSubtitle {
    font-size: 20px;
  }

  .planeDetailBox .planeTitle {
    font-size: 28px;
  }

  .columnsWrapper .colItem:nth-last-child(1) .columnContent {
    width: auto;
  }

  .footerBannerBox {
    max-width: 350px;
  }

  .topFooter .footerTitle {
    font-size: 32px;
  }

  .footerContent .contentText {
    font-size: 14px;
  }

  .hero,
  .hero .trianglesLeft,
  .hero .trianglesRight,
  .hero video {
    height: 568px;
  }

  .searchForm .searchButton {
    width: 275px;
  }

  .searchForm .searchInputWrapper input {
    width: 250px;
  }

  .planeDetails .planeBanner,
  .footerBanner,
  .getMoreInfo .trianglesLeft,
  .getMoreInfo .trianglesRight,
  .getMoreInfo {
    height: 641px;
  }

  .principlesLeft .principlesTitle,
  .columnsWrapper .columnTitle {
    margin-bottom: 45px;
  }

  .planeDetailBox {
    width: 375px;
    padding: 55px 35px 45px 35px;
    min-height: 510px;
  }

  .featuresItem {
    height: 645px;
  }

  .sloganArea {
    padding-top: 145px;
  }

  .informations {
    padding: 100px 0;
  }

  .footerBody {
    margin-top: 100px;
  }

  .safety {
    padding-top: 125px;
  }

  .footerLogoArea {
    width: 236px;
    height: 52px;
  }

  .footerMenusWrapper {
    gap: 20px;
  }

  .charterContentBox {
    max-width: 440px;
  }

  .principlesItem h6 {
    margin-bottom: 20px;
  }

  .informations {
    padding: 75px 0;
  }

  .principles {
    padding-top: 125px;
    padding-bottom: 245px;
  }

  .managmentFooter .footerBannerBoxLarge {
    max-width: 400px;
    padding: 75px 62px 98px 62px;
  }

  .aboutDetails .detailsWrapper .detailItem {
    padding-right: 65px;
  }

  .aboutDetails .detailsWrapper {
    gap: 65px;
  }

  .aboutDetails .detailsWrapper .detailItem h4 {
    font-size: 24px;
    margin-bottom: 40px;
  }

  .aboutDetails .detailsWrapper .detailItem p {
    font-size: 20px;
  }

  .aboutDetails .detailsWrapper .detailItem {
    height: max-content;
  }

  .aboutPageTitle,
  .team .teamTitle {
    font-size: 38px;
  }

  .resumator-job-title {
    font-size: 20px !important;
  }

  .blogItem .blogTitle,
  .jobItem .jobTitle {
    font-size: 24px;
  }

  .blogItem p {
    font-size: 16px;
  }

  .blogItem {
    row-gap: 38px;
  }

  .news {
    padding: 145px 0;
  }

  .aboutDetails {
    padding-top: 125px;
    padding-bottom: 200px;
  }

  .officeItem .officeTitle {
    gap: 25px;
  }

  .officeItem .officeSubtitle {
    margin: 29px 0;
  }

  .cargoItemsWrapper .cargoItem p,
  .cargoItemsWrapper .cargoItem .title {
    font-size: 24px;
  }

  .planeModalBody .detailsWrapper {
    padding: 75px 0 82px 55px;
  }

  .planeModalBody .detailsHeader .title {
    font-size: 28px;
  }

  .charterInformations .columnsWrapper .columnContent,
  .charterInformations .columnsWrapper .columnContent li,
  .charterInformations .columnsWrapper .columnContent p {
    font-size: 20px;
  }


  .blogPageImage {
    max-width: 620px;
  }
}

@media(max-width:1329px) {
  .planesWrapperArea .planeSlideItem .planeSlideImage {
    width: 410px;
    height: 275px;
  }

  .planesWrapperArea {
    max-height: 2810px;
  }
}

@media(max-width:1299px) {
  .planeModalBody .detailsWrapper {
    padding: 55px 0 60px 40px;
  }

  .planeModalBody .sliderArea {
    max-width: 75%;
  }

  .planeModalBody .sliderArea .swiper-slide {
    height: 760px;
  }

  .planeModalOuter .planeModalBody,
  .detailsArea .background {
    max-height: 760px;
  }

  .planeModalBody .detailsBody p {
    margin-bottom: 24px;
  }

  .detailsArea .background {
    width: 389px;
  }

  .footerMenusWrapper {
    flex-wrap: wrap;
  }
}

@media(max-width:1269px) {
  .planesWrapperArea {
    max-height: 4495px;
  }
}

@media(max-width:1199px) {
  .headerWrapper .navbar {
    gap: 25px;
  }

  .charterInformations .columnsWrapper .colItem:nth-child(1) {
    max-width: 325px;
  }

  .resumator-job {
    max-width: 400px;
  }

  .getMoreInfo .subheading {
    font-size: 24px;
  }

  .informations .topColumns .colItem:nth-last-child(1) {
    width: 125%;
  }

  .headerWrapper .requestBtn a {
    width: 150px;
    height: 38px;
  }

  .headerWrapper .logoArea {
    width: 165px;
  }

  .hero,
  .hero .trianglesLeft,
  .hero .trianglesRight,
  .hero video {
    height: 468px;
  }

  .searchForm .searchInputWrapper input {
    width: 190px;
    height: 40px;
  }

  .searchForm .searchButton {
    width: 200px;
    height: 40px;
  }

  .searchForm {
    margin-bottom: 30px;
  }

  .moreOptionsHyperLink {
    font-size: 14px;
  }

  .featuresItem {
    height: 475px;
  }

  .featuresContent {
    width: 275px;
  }

  .featuresContentLeft {
    padding: 45px 35px 35px 45px;
  }

  .featuresContentRight {
    padding: 45px 15px 35px 35px;
  }

  .featuresWrapperSecond .featuresContentLeft {
    padding: 45px 35px 35px 41px;
  }

  .featuresWrapperSecond .featuresContentRight {
    padding: 45px 90px 35px 35px;
  }

  .columnsWrapper .columnContent {
    min-width: auto;
  }

  .checkboxesArea {
    flex-wrap: wrap;
    gap: 45px;
    row-gap: 35px;
    justify-content: center !important;
  }

  .checkboxesArea .checboxItem {
    gap: 10px;
  }

  .charterContentBox .title {
    font-size: 28px;
  }

  .charterContentBox {
    max-width: 375px;
    height: 476px;
  }

  .contactBanner,
  .contactBanner,
  .aboutBanner,
  .managmentBannerArea,
  .charterBannerArea {
    height: 476px;
  }

  .informationsCustom .informationsTitle,
  .informationsCustom .columnsWrapper .columnTitle,
  .columnsWrapper .columnTitle {
    font-size: 22px;
  }

  .footerBanner {
    background-size: cover;
  }

  .aboutDetails .detailsWrapper .detailItem h4 {
    font-size: 22px;
    margin-bottom: 25px;
  }

  .aboutDetails .detailsWrapper .detailItem p {
    font-size: 18px;
  }

  .aboutDetails .detailsWrapper {
    gap: 45px;
  }

  .aboutDetails .detailsWrapper .detailItem {
    padding-right: 45px;
    min-width: 290px;
  }

  .footerColLeft {
    margin-bottom: 50px;
    row-gap: 25px;
    align-items: start;
  }

  .planeSliderArea {
    margin-top: 50px;
  }

  .contactFormArea {
    padding-bottom: 125px;
  }

  .offices {
    padding-top: 100px;
    padding-bottom: 75px;
  }

  .cargoBannerArea {
    height: 476px;
  }

  .cargoItem .iconArea {
    margin-bottom: 30px;
  }

  .cargoItemsWrapper .cargoItem p,
  .cargoItemsWrapper .cargoItem .title {
    font-size: 20px;
  }

  .cargoItem .iconArea img {
    width: 38px;
    height: 38px;
  }

  .cargoItems {
    padding-top: 75px;
    padding-bottom: 100px;
  }

  .cargoItemsWrapper .cargoItem .cargoItemBody {
    padding-right: 35px;
  }

  .cargoItemsWrapper {
    gap: 35px;
  }

  .aboutDetailArea .title {
    font-size: 24px;
  }

  .aboutDetailArea .contentWrapper p {
    font-size: 16px;
  }

  .planeModalBody .sliderArea {
    max-width: 70%;
  }

  .charterInformations .columnsWrapper .columnContent,
  .charterInformations .columnsWrapper .columnContent li,
  .charterInformations .columnsWrapper .columnContent p {
    font-size: 18px;
  }

  .charterInformations .columnsWrapper .colItem {
    padding-right: 35px;
    height: max-content;
  }

  .charterInformations .columnsWrapper {
    gap: 35px;
  }

  .charterInformations .columnsWrapper:nth-last-child(1) {
    margin-top: 75px;
  }

  .blogItem .blogTitle {
    font-size: 22px;
  }

  .blogItem p {
    font-size: 15px;
  }

  .blogItem .blogImage {
    width: 100%;
    height: 250px;
  }

  .blogsWrapper .blogImage img {
    height: 250px;
  }

  .blogs {
    padding-top: 100px;
    padding-bottom: 150px;
  }

  .blogPageImage {
    max-width: 485px;
  }

  .blogPage .blogHeader {
    gap: 45px;
  }

  .blogPage .blogHeader .title {
    font-size: 36px;
  }

  .blogPage .subtitle {
    margin-bottom: 20px;
  }

  .blogHeader .socialMedia {
    margin-top: 20px;
    gap: 25px;
  }

  .blogPage .blogBody span,
  .blogPage .blogBody strong,
  .blogPage .blogBody b,
  .blogPage .blogBody a,
  .blogPage .blogBody li,
  .blogPage .blogBody p,
  .blogHeader .subtext p {
    font-size: 16px;
  }

  .blogPage .blogBody h3>strong,
  .blogPage .blogBody h3 {
    font-size: 20px;
  }

  .blogPage .blogHeader {
    margin-bottom: 75px;
  }

  .blogHeader .share .shareText {
    font-size: 13px;
  }

  main.event-lp {
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media(max-width:991px) {
  header {
    padding: 16px 0;
  }

  .safety .certificateWrapper .cerfiticateImg {
    height: 90px;
  }

  .getMoreInfo .subheading {
    font-size: 22px;
  }

  .customModalBody .contentWrapper {
    gap: 15px;
    padding: 25px;
  }

  .customModalHeader .closeBtn svg {
    width: 18px;
    height: 18px;
  }

  .customModalHeader .title span,
  .customModalHeader .title {
    font-size: 24px;
  }

  .informations .topColumns .colItem:nth-last-child(1) {
    width: 150%;
  }

  .customModalHeader {
    padding: 25px;
  }

  .hero,
  .hero .trianglesLeft,
  .hero .trianglesRight,
  .hero video {
    height: 392px;
  }

  .heroContentWrapper .heroLogo {
    width: 50px;
    height: 45px;
    margin-bottom: 30px;
  }

  .charter-form .title,
  .offices .officesTitle,
  .contactFormArea .contactFormTitle,
  .safety .title,
  .footerBannerBox .title,
  .getMoreInfo .getMoreInfoTitle,
  .sloganArea .title,
  .heroContentWrapper .heroTitle {
    font-size: 28px;
  }

  .safety .subtitle,
  .sloganArea .subtitle,
  .heroContentWrapper .heroSubtitle {
    font-size: 16px;
  }

  .informationsCustom .informationsContent p,
  .columnsWrapper .columnContent p,
  .searchForm .searchInputWrapper label,
  .socialMedia .socialMediaText,
  .footerMenuWrapper .footerMenuTitle,
  .safety .certificateWrapper p,
  .safety .contentWrapper p,
  .columnsWrapper .columnContent,
  .getMoreInfo .getMoreInfoBtn,
  .sloganArea .sloganAreaContent,
  .searchAreaTabs .tabItem span,
  .getMoreInfo .subtitle,
  .planeDetailBox .planeDetailsBtn,
  .heroContentWrapper .heroContent {
    font-size: 14px;
  }

  .heroContentWrapper .heroSubtitle {
    margin-top: 5px;
    margin-bottom: 10px;
  }

  .heroContentWrapper .learnMoreBtn {
    width: 150px;
    height: 38px;
    margin-top: 30px;
  }

  .hero .trianglesRight,
  .hero .trianglesLeft {
    background-size: 90%;
  }

  .search {
    margin-top: 20px;
    padding-bottom: 35px;
  }

  .hero .trianglesRight {
    bottom: -1px;
  }

  .searchAreaTabs {
    gap: 35px;
  }

  .searchAreaTabs .tabItem {
    align-items: center !important;
    gap: 7.5px;
  }

  .search .tabItemTriangle img {
    width: 40px;
    height: 25px;
    top: -3px;
  }

  .tabItemWrapper {
    padding-top: 35px;
  }

  .searchForm {
    flex-direction: column;
    margin-bottom: 15px;
  }

  .dateInputWrapper,
  .searchForm .searchInputWrapper,
  .searchForm .searchInputWrapper input {
    width: 100%;
  }

  .informationsCustom .informationsTitle,
  .informationsCustom .columnsWrapper .columnTitle,
  .columnsWrapper .columnTitle,
  .planeSlideBody .planeSlideTitle,
  .featuresItem .featuresTitle {
    font-size: 20px;
  }

  .featuresItem .featuresText {
    font-size: 16px;
  }

  .featuresItem .featuresTitle {
    margin-bottom: 15px;
  }

  .sloganArea {
    padding-top: 75px;
    padding-bottom: 45px;
  }

  .sloganArea .title {
    height: max-content;
  }

  .planeDetailBox .planeTitle {
    font-size: 22px;
  }

  .planeDetailBox {
    width: 325px;
    min-height: 425px;
    row-gap: 24px;
  }

  .planeSlideItem .planeDetailsItem,
  .planeDetailBox .planeDetailsUppercase,
  .planeDetailBox .planeDetailsItemWrapper .planeDetailsItem {
    font-size: 14px;
  }

  .planeSliderArea {
    margin-top: 45px;
  }

  .planeSlideItem .planeSlideImage {
    width: 344px;
    height: 276px;
  }

  .planeSliderArea .swiper-slide {
    max-width: 344px;
  }

  .planeSlideBody .planeSlideTitle {
    font-size: 18px;
    padding-top: 20px;
  }

  .planeSlideHyperLink {
    font-size: 15px;
  }

  .planeDetailBox .planeDetailsItemWrapper .planeDetailsItem::after,
  .planeSlideItem .planeDetailsItem::after {
    height: 11px;
  }

  .safety {
    margin-top: 75px;
  }

  .informationsCustom .columnsWrapper .columnTitle,
  .columnsWrapper .columnTitle {
    font-size: 18px;
    margin-bottom: 25px;
  }

  .informationsCustom .informationsTitle {
    font-size: 18px;
  }

  .informations .columnsWrapper {
    gap: 30px;
  }

  .informations .columnsWrapper .colItem {
    padding-right: 30px;
  }

  .safety {
    padding: 75px 0;
  }

  .safetyContainer {
    row-gap: 36px;
    padding-bottom: 50px;
  }

  .topFooter .footerTitle {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .footerBody {
    margin-top: 45px;
  }

  .checboxItem .checkboxBackground,
  .checboxItem .customCheckbox {
    width: 33px;
    height: 32px;
  }

  .checkboxesArea {
    gap: 35px;
    row-gap: 25px;
  }

  .checkboxesArea .checboxItem span {
    font-size: 16px;
  }

  .charterContentBox .title {
    font-size: 22px;
  }

  .charterContentBox {
    max-width: 275px;
    padding: 75px 35px 45px 44px;
  }

  .informationsCustom .columnsWrapper .columnTitle,
  .columnsWrapper .columnTitle {
    font-size: 17px;
  }

  .principlesCol {
    margin-bottom: 45px;
  }

  .principlesLeft .principlesTitle {
    margin-bottom: 20px;
  }

  .principlesItemWrapper {
    margin-bottom: 20px;
  }

  .principles {
    padding-top: 100px;
    padding-bottom: 145px;
  }

  .aboutDetails .detailsWrapper {
    flex-direction: column;
    row-gap: 35px;
  }

  .aboutDetails .detailsWrapper .detailItem {
    padding-right: 0;
    border-right: none;
    border-bottom: 1px solid #dadada;
    padding-bottom: 15px;
  }

  .aboutDetails {
    padding-top: 75px;
    padding-bottom: 125px;
  }

  .aboutPageTitle,
  .team .teamTitle {
    font-size: 28px;
  }

  .aboutPageTitle {
    max-width: 565px;
  }

  .news {
    padding: 75px 0;
  }

  .resumator-job-title {
    font-size: 18px !important;
  }

  .blogItem .blogTitle,
  .jobItem .jobTitle {
    font-size: 22px;
  }

  .blogItem {
    row-gap: 28px;
  }

  .carrier {
    padding-top: 75px;
  }

  .jobsWrapper .jobsRow {
    gap: 45px;
    margin-bottom: 45px;
  }

  .jobsRow .jobItem {
    padding-right: 45px;
  }

  .blogItem p {
    font-size: 15px;
  }

  .formArea .textareaWrapper,
  .formArea .inputWrapper {
    margin-bottom: 25px;
  }

  .contactFormArea .contactFormTitle {
    margin-bottom: 45px;
  }

  .officeItem .officeTitle {
    font-size: 20px;
  }

  .officeItem .officeSubtitle {
    font-size: 18px;
  }

  .officeItem .addressWrapper a,
  .officeItem .addressWrapper p {
    font-size: 14px;
  }

  .cargoItemsWrapper .cargoItem p,
  .cargoItemsWrapper .cargoItem .title {
    font-size: 18px;
  }

  .cargoItem .iconArea {
    margin-bottom: 20px;
  }

  .cargoItemsWrapper .cargoItem .cargoItemBody {
    padding-right: 25px;
  }

  .cargoItemsWrapper {
    gap: 25px;
  }

  .aboutModalBody .aboutDetailArea {
    padding: 45px;
  }

  .aboutDetailArea .contentWrapper {
    margin-top: 40px;
  }

  .detailsArea .background {
    width: 360px;
  }

  .planeModalBody .sliderArea .swiper-slide {
    height: 720px;
  }

  .planeModalBody .sliderArea {
    max-width: 67%;
  }

  .planeModalBody .detailsHeader .title {
    font-size: 24px;
  }

  .planeModalBody .detailsBody .title {
    font-size: 20px;
    margin-bottom: 25px;
  }

  .planeModalBody .detailsBody p {
    font-size: 16px;
    margin-bottom: 18px;
  }

  .planeModalBody .detailsFooter .modalFooterBtn {
    width: 225px;
    height: 42px;
  }

  .planesWrapperArea {
    max-height: 4150px;
  }

  .charterInformations .columnsWrapper .columnContent,
  .charterInformations .columnsWrapper .columnContent li,
  .charterInformations .columnsWrapper .columnContent p {
    font-size: 15px;
  }

  .blogItem {
    height: max-content;
  }

  .swiper-button-prev:after,
  .swiper-rtl .swiper-button-next:after,
  .swiper-button-next:after,
  .swiper-rtl .swiper-button-prev:after {
    font-size: 16px;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 38px;
    height: 38px;
  }

  .blogPage .blogHeader {
    flex-direction: column;
    margin-bottom: 45px;
  }

  .blogPageImage {
    max-width: 100%;
  }

  .blogHeader .subtext {
    margin-top: 45px;
  }

  .resumator-job {
    padding-right: 45px;
  }

  #resumator-jobs {
    gap: 25px;
  }

  .planes .filters-area {
    flex-direction: column;
    row-gap: 20px;
    width: 100%;
  }

  .planes .filters-area .select-wrapper,
  .planes .filters-area select {
    width: 100%;
    font-size: 16px;
  }

  .charter-form {
    padding: 75px 0;
  }

  .aboutDetails .detailsWrapper .detailItem:nth-last-child(1) {
    border-bottom: none;
    padding-bottom: 0;
  }

  main.event-lp .box-wrapper {
    max-height: 960px;
  }

  main.event-lp .box-wrapper {
    padding: 100px 45px;
  }

  main.event-lp .form-box {
    padding: 57px 45px;
  }

  main.event-lp .lp-footer .links {
    gap: 10px;
  }

  main.event-lp .lp-footer .links span,
  main.event-lp .lp-footer .links a {
    font-size: 14px;
  }

  main.event-lp .lp-footer p {
    font-size: 16px;
  }

  main.event-lp .lp-footer {
    gap: 10px;
  }
}

@media(max-width:820px) {

  .hero,
  .hero .trianglesLeft,
  .hero .trianglesRight,
  .hero video {
    height: 328px;
  }

  .planeDetails .planeBanner,
  .footerBanner,
  .getMoreInfo .trianglesLeft,
  .getMoreInfo .trianglesRight,
  .getMoreInfo {
    height: 492px;
  }

  .getMoreInfo .subheading {
    font-size: 20px;
  }

  .footerSubscribeArea input {
    padding: 8px 16px;
    height: 38px;
  }

  .footerSubscribeArea input[type="submit"] {
    width: 175px;
    height: 38px;
  }

  .loadMoreBtnArea .loadMoreBtn {
    width: 250px;
    height: 41px;
    font-size: 15px;
  }

  .managmentFooter .footerBannerBoxLarge .title {
    font-size: 26px;
  }

  .aboutDetailArea .contentWrapper p {
    font-size: 14px;
  }

  .detailsArea .background {
    width: 300px;
  }

  .planeModalOuter .planeModalBody,
  .detailsArea .background {
    max-height: 599px;
  }

  .planeModalBody .sliderArea .swiper-slide {
    height: 599px;
  }

  .planeModalBody .detailsWrapper {
    padding: 35px 0 60px 20px;
  }

  .planeModalBody .detailsHeader .title {
    font-size: 20px;
  }

  .planeModalBody .detailsHeader .subtitle {
    font-size: 10px;
  }

  .planeModalBody .detailsBody .title {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .planeModalBody .detailsBody p {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .planeModalBody .detailsFooter {
    gap: 10px;
  }

  .planeModalBody .detailsFooter .modalFooterBtn {
    height: 38px;
    font-size: 11px;
  }

  .sliderArea .swiper-pagination-wrapper {
    bottom: 50px;
  }

  .charterInformations .columnsWrapper .columnContent,
  .charterInformations .columnsWrapper .columnContent li,
  .charterInformations .columnsWrapper .columnContent p {
    font-size: 14px;
  }
}

@media(max-width:767px) {
  .informations .columnsWrapper {
    flex-direction: column;
    row-gap: 25px;
  }

  .informations .topColumns .colItem:nth-last-child(1) {
    width: 100%;
    max-width: none;
  }

  .informations .topColumns {
    margin-bottom: 30px;
  }

  .informations .columnsWrapper .colItem {
    padding-right: 0;
    border: none;
    height: max-content;
  }

  .columnsWrapper .columnTitle {
    margin-bottom: 10px;
  }

  .informations {
    padding: 45px 0;
  }

  .footerMenusWrapper {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .footerMenuWrapper {
    flex: 1;
  }

  .socialMedia .socialMediaIcons {
    gap: 20px;
  }

  .socialMedia {
    margin-top: 45px;
  }

  .topFooter .footerTitle {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .footerMenuWrapper .footerMenuTitle {
    margin-bottom: 10px;
  }

  .safety .title,
  .footerBannerBox .title,
  .getMoreInfo .getMoreInfoTitle,
  .sloganArea .title,
  .heroContentWrapper .heroTitle {
    font-size: 22px;
  }

  .safetyContainer {
    row-gap: 26px;
  }

  .footerBannerBox .requestBtn {
    width: 155px;
    height: 38px;
  }

  .footerBannerBox {
    max-width: 250px;
    padding: 65px 50px 75px 50px;
  }

  .hero,
  .hero .trianglesLeft,
  .hero .trianglesRight,
  .hero video {
    height: 300px;
  }

  .featuresContent {
    width: 225px;
  }

  .featuresContentRight {
    padding: 45px 10px 35px 20px;
  }

  .featuresContentLeft {
    padding: 45px 20px 35px 25px;
  }

  .featuresWrapperSecond .featuresContentLeft {
    padding: 45px 20px 35px 25px;
  }

  .featuresWrapperSecond .featuresContentRight {
    padding: 45px 80px 35px 20px;
  }

  .checkboxesArea {
    gap: 20px;
  }

  .checboxItem .checkboxBackground,
  .checboxItem .customCheckbox {
    width: 28px;
    height: 27px;
  }

  .planesWrapperArea {
    row-gap: 75px;
  }

  .loadMoreBtnArea {
    margin-top: 100px;
    margin-bottom: 150px;
  }

  .principlesItemWrapper {
    gap: 100px;
  }

  .principlesItem h6 {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .principlesItem p,
  .principlesLeft p {
    font-size: 14px;
  }

  .jobsWrapper .jobsRow {
    flex-direction: column;
  }

  .jobsRow .jobItem {
    padding-right: 0;
    border-right: none;
  }

  .resumator-job-title {
    margin-bottom: 30px !important;
  }

  .jobItem .jobTitle {
    margin-bottom: 30px;
  }

  .cargoItemsWrapper .cargoItem .cargoItemBody {
    padding-right: 0;
    border-right: none;
    min-height: auto;
  }

  .cargoItemsWrapper {
    flex-direction: column;
  }

  .cargoItems {
    padding: 50px 0;
  }

  .aboutModalBody .aboutDetailArea {
    padding: 25px;
  }

  .aboutDetailArea .subtitle {
    margin-top: 10px;
    letter-spacing: 2px;
    font-size: 11px;
  }

  .aboutDetailArea .title {
    font-size: 22px;
  }

  .aboutDetailArea .contentWrapper {
    margin-top: 25px;
  }

  .detailsArea .background {
    width: 265px;
  }

  .planeModalBody .sliderArea .swiper-slide {
    height: 530px;
  }

  .planeModalOuter .planeModalBody,
  .detailsArea .background {
    max-height: 530px;
  }

  .planeModalBody .sliderArea {
    max-width: 68%;
  }

  .planesWrapperArea {
    max-height: 3965px;
  }

  .charterInformations .columnsWrapper:nth-last-child(1) {
    margin-top: 35px;
  }

  #resumator-jobs {
    display: flex;
    flex-direction: column;
  }

  .resumator-job {
    padding-right: 0;
    border-right: none;
    margin-bottom: 0;
    max-width: 100%;
  }

  .offices .officeItem,
  .offices .officeItem .officeBody {
    margin-bottom: 45px;
  }

  .officeItem .officeTitle {
    gap: 25px;
  }

  .officeItem .officeSubtitle {
    margin: 25px 0;
  }

  .offices .officesWrapper {
    padding-top: 75px;
    gap: 0;
  }

}

@media(max-width:575px) {

  .hero,
  .hero .trianglesLeft,
  .hero .trianglesRight {
    height: 375px;
  }

  .cityModal {
    min-height: auto;
    height: 90%;
  }

  .heroContentWrapper {
    padding: 0 15px;
  }

  .informationsCustom .columnsWrapper {
    padding: 0 15px;
  }

  .informationsCustom .columnsMainWrapper {
    padding: 0;
    margin-top: 45px;
    margin-bottom: 0;
  }

  .hero video {
    height: 100%;
  }

  .getMoreInfo .subheading {
    font-size: 18px;
  }

  .searchForm .searchButton {
    font-size: 15px;
    width: 175px;
    height: 38px;
  }

  .searchForm .searchInputWrapper input {
    height: 38px;
  }

  .featuresWrapper {
    flex-direction: column;
    gap: 15px;
  }

  .planeDetailBox {
    padding: 20px;
    width: 275px;
    row-gap: 14px;
    background-color: #ffffffb5;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }

  .footerMenusWrapper {
    flex-direction: column;
  }

  .planeDetails .planeBanner {
    background-position: top center;
    background-size: cover;
  }

  .footerSubscribeArea {
    flex-direction: column;
    align-items: flex-end !important;
  }

  .footerSubscribeArea input {
    width: 100%;
  }

  .topFooter .footerTitle {
    margin-bottom: 15px;
  }

  .charterContentBox p {
    font-size: 16px;
  }

  .contactBanner,
  .aboutBanner,
  .managmentBannerArea,
  .charterContentBox,
  .charterBannerArea {
    height: 386px;
  }

  .charterContentBox {
    max-width: 240px;
    padding: 55px 25px 35px 25px;
    background: rgba(30, 43, 55, 0.45);
    backdrop-filter: blur(1px);
  }

  .contactBanner .charterContentBox,
  .aboutBanner .charterContentBox {
    background: rgba(30, 43, 55, 0.45);
    backdrop-filter: blur(1px);
  }


  .charterBannerArea {
    background-position: 62%;
  }

  .charterContentBox>* {
    color: #fff !important;
  }

  .contactBanner,
  .managmentBannerArea {
    background-position: 68%;
  }

  .getMoreInfo {
    background-position: 55%;
  }

  .aboutBanner {
    background-position: bottom center;
  }

  .customModalBody .modalColumn .listWrapper {
    flex-direction: column;
    gap: 0 !important;
    margin-bottom: 15px;
  }

  .customModalBody .modalColumn .listWrapper ul {
    margin-bottom: 0;
  }

  .principlesItemWrapper {
    gap: 75px;
  }

  .principles {
    padding-top: 45px;
  }

  .sloganArea {
    padding-top: 30px;
    padding-bottom: 10px;
  }

  .contactFormArea {
    padding-bottom: 55px;
    padding-top: 25px;
  }

  .managmentFooter .footerBannerBoxLarge {
    max-width: 375px;
    padding: 50px 45px 50px 45px;
  }

  .footerBannerBox {
    background: rgba(30, 43, 55, 0.45);
    backdrop-filter: blur(1px);
  }

  .footerBanner {
    background-position: right center;
  }

  .informationsCustom .columnsWrapper:nth-last-child(1),
  .charterInformations .columnsWrapper:nth-last-child(1),
  .informations .topColumns {
    display: none !important;
  }

  footer {
    padding-top: 75px;
  }

  .aboutDetails .detailsWrapper .detailItem p {
    font-size: 16px;
    text-align: center;
  }

  .aboutDetails .detailsWrapper .detailItem h4 {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
  }

  .aboutPageTitle,
  .team .teamTitle {
    font-size: 22px;
  }

  .resumator-job-title {
    font-size: 16px !important;
  }

  .blogItem .blogTitle,
  .jobItem .jobTitle {
    font-size: 18px;
  }

  .resumator-job-title {
    margin-bottom: 15px !important;
  }

  .jobItem .jobTitle {
    margin-bottom: 15px;
  }

  .jobItem .location {
    padding-top: 15px;
  }

  .jobsWrapper .jobsRow {
    gap: 35px;
    margin-bottom: 35px;
  }

  .cargoBannerArea {
    height: 386px;
    background-position: bottom center;
  }

  .searchAreaTabs {
    overflow: hidden;
    overflow-x: scroll;
  }

  .aboutModalOuter .aboutModalBody {
    flex-direction: column;
    margin-top: 175px;
  }

  .aboutImageArea {
    height: 375px;
    flex: none;
    width: 100%;
    order: 1;
  }

  .aboutModalBody .aboutDetailArea {
    flex: none;
    width: 100%;
    height: max-content;
    order: 2;
  }

  .aboutModalOuter {
    overflow-y: auto;
  }

  .aboutImageArea .closeBtn {
    right: 15px;
    top: 15px;
  }

  .planeModalBody .sliderArea {
    max-width: 100%;
    margin-left: 0;
    order: 1;
  }

  .planeModalBody .detailsWrapper {
    row-gap: 25px;
  }

  .planeModalOuter .planeModalBody,
  .detailsArea .background {
    max-height: none;
  }

  .detailsArea .background {
    width: 110%;
    background-size: cover;
  }

  .planeModalOuter .detailsArea {
    order: 2;
    flex: none;
    width: 100%;
  }

  .planeModalOuter .planeModalBody {
    flex-direction: column;
  }

  .planeModalBody .sliderArea .swiper-slide {
    height: 285px !important;
  }

  .planeModalBody .modalCloseBtn {
    top: 15px;
    right: 15px;
  }

  .planesWrapperArea .planeSlideItem .planeSlideImage {
    height: 225px;
  }

  .planeSlideItem .planeSlideImage {
    width: 100%;
    height: 225px;
  }

  .planesWrapperArea {
    max-height: 2670px;
  }

  .blogPage .blogHeader .title {
    font-size: 28px;
    max-width: none;
  }

  .blogPage .subtitle {
    margin-bottom: 15px;
  }

  .blogHeader .share {
    margin-top: 45px;
  }

  .blogPage {
    padding-top: 50px;
  }

  .planeModalOuter .planeModalBody {
    top: 3.5%;
  }

  .news {
    padding-bottom: 45px;
  }

  .aboutPageTitle {
    margin-bottom: 35px;
  }

  .blogItem {
    row-gap: 15px;
  }

  .blogItem .blogTitle {
    margin-bottom: 0;
  }

  .blogItem .blogImage {
    width: 100%;
    height: 220px;
  }

  .blogsWrapper .blogImage img {
    height: 220px;
    object-position: left center;
  }

  .aboutDetails {
    padding: 45px 0;
  }

  .team {
    padding: 75px 0;
  }

  .cargoItem {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .cargoItemsWrapper .cargoItem p,
  .cargoItem .title {
    text-align: center;
  }

  .blogItem .blogImage {
    width: 100%;
  }

  .blogsWrapper .swiper-wrapper .swiper-slide:nth-last-child(1) .blogItem {
    padding-right: 64px;
  }

  .carrier {
    padding-top: 50px;
  }

  .blogsWrapper {
    padding: 0 20px;
  }

  .charter-form {
    padding: 45px 0;
  }

  .charter-form p {
    font-size: 16px;
  }

  .charter-form .title {
    font-size: 22px;
    margin-bottom: 15px;
  }

  .charter-form .formArea {
    margin-top: 45px;
  }

  .charter-form .formArea .textareaWrapper textarea {
    height: 145px;
  }

  .informationsCustom .informationsTitle,
  .informationsCustom .informationsContent p {
    text-align: left;
  }

  .featuresItem img {
    height: 400px !important;
  }

  .sliderArea .swiper-pagination-wrapper {
    bottom: 25px;
  }

  .featuresWrapperSecond .featuresContentRight {
    padding: 45px 35px 35px 20px;
  }

  .getMoreInfo .contentWrapper {
    padding: 0 10px;
  }

  .customModalBody .imageArea {
    height: 55px;
  }

  .customModalHeader .title span,
  .customModalHeader .title {
    font-size: 20px;
  }

  .customModalHeader .closeBtn {
    margin-bottom: 15px;
  }

  .customModalBody .contentWrapper,
  .customModalHeader {
    padding: 15px;
  }

  main.posts .post-title a {
    font-size: 24px;
  }

  main.posts h1 {
    font-size: 38px;
    margin-bottom: 0;
  }

  main.event-lp .form-box .custom-checkbox-item {
    gap: 13px;
  }

  main.event-lp .form-box .logo-area {
    max-width: 225px;
    margin-bottom: 25px;
  }

  main.event-lp {
    padding-left: 20px;
    padding-right: 20px;
    min-height: 1250px;
  }

  main.event-lp .box-wrapper {
    top: -15px;
  }

  main.event-lp .form-box {
    padding: 45px 20px;
  }

  main.event-lp .box-wrapper {
    padding: 120px 20px;
  }

  main.event-lp .form-box .input-wrapper label {
    font-size: 15px;
    padding-left: 11px;
  }

  main.event-lp .form-box .input-wrapper {
    margin-bottom: 16px;
  }

  main.event-lp .lp-footer {
    margin-top: -50px;
    position: relative;
    z-index: 9;
    padding-bottom: 45px;
  }

  main.event-lp .lp-footer .links {
    flex-direction: column;
  }

  main.event-lp .lp-footer .links .line {
    rotate: 90deg;
    line-height: 0;
  }

  main.event-lp .lp-footer .links span,
  main.event-lp .lp-footer .links a {
    font-size: 16px;
  }

  main.event-lp .lp-footer p {
    font-size: 18px;
    margin-top: 20px;
  }

  main.event-lp .lp-footer .links {
    gap: 7px;
  }

  main.event-lp .lp-footer {
    gap: 0;
  }

  main.event-lp .form-box .wpcf7 form .wpcf7-response-output {
    display: none !important;
  }

  main.event-lp .box-wrapper {
    min-height: 980px;
  }

  main.event-lp .box-wrapper .form-box-bg {
    max-height: 600px;
  }
}

@media(max-width:500px) {
  .managmentFooter .footerBannerBoxLarge p {
    font-size: 16px;
    margin-top: 35px;
  }

  .managmentFooter .footerBannerBoxLarge .title {
    font-size: 22px;
  }

  .managmentFooter .footerBannerBoxLarge {
    max-width: 300px;
    padding: 50px 35px 50px 35px;
  }

  .blogs {
    padding-bottom: 45px;
  }

  .safety .certificateWrapper .cerfiticateImg {
    height: 75px;
  }
}

@media(max-height:780px) {
  .planeModalBody .sliderArea .swiper-slide {
    height: 670px;
  }

  .planeModalOuter .planeModalBody {
    max-height: 670px;
  }
}