/*
Theme Name: Purple Travel
Theme URI: https://purpletravel.co.uk
Author: Nikos Kornarakis
Author URI: https://nikos.kornarakis.gr
Description: A custom them for Purple Travel
Version: 1.0
*/
@import url("assets/styles/main.css");
@import url("assets/styles/_grid.css");

@import url("assets/styles/_cheap_holidays.css");
@import url("assets/styles/_map_destinations.css");

@import url("assets/styles/swiper-bundle.min.css");
@import url("assets/styles/holidaywebtech.css");
/* @import url("assets/styles/_header.css"); */
/* @import url("assets/styles/_nav.css"); */
/* @import url("assets/styles/_footer.css"); */

:root { 
  --purple: #7e2880;
  --yellow: #fecd08;
}
.valign {
  vertical-align: middle;
}
.float-right {
  float: right;
  justify-self: end;
  margin-left: auto;
}


[aria-label="Breadcrumb"] ol {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

[aria-label="Breadcrumb"] ol li {
  display: flex;
  align-items: center;
  color: var(--primary-color);
  text-transform: uppercase;
  font-size: 12px;
}

[aria-label="Breadcrumb"] ol li:before {
  color: var(--primary-color);
  content: "/";
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
}

[aria-label="Breadcrumb"] ol li:first-child:before {
  display: none;
}

[aria-label="Breadcrumb"] ol li a {
  color: var(--primary-color);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
}


.community-listing {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.community-listing .community-listing-item {
  background: #fff;
  min-height: 313px;
  padding: 12px 15px;
  position: relative;
  font-family: 'Roboto Condensed', sans-serif;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  transition: all 150ms ease-out;
  font-weight: 300;
  overflow: hidden;
}
.community-listing article {
  width: 300px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  font-size: 13px;
  text-align: center;
}
.community-listing footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.community-listing img {
  max-height: 65px;
  max-width: 240px !important;
  display: block;
  margin: 2rem auto 0;
  transition: -webkit-filter .3s;
  filter: grayscale(1);
  vertical-align: middle;

}
.community-listing .community-listing-item:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  transition: -webkit-filter .3s;
}
.community-listing .community-listing-item-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}


.buggage_cnt {
  background: #7e2880;
  color: #fff;
  padding: 12px 20px;
  position: absolute;
  min-height: 313px;
  top: 100%;
  width: 100%;
  left: 0;
  transition: all 0.3s ease;
}
.community-listing-item.active .buggage_cnt {
  top: 0;
}
.buggage_cnt h2 {
  margin: 1.8rem auto 2.5rem;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
}
.buggage_cnt .row {
  border-bottom: 1px solid #ffffff73;
  font-size: 13px;
  margin: 10px 0;
  padding: 0 0 9px 0;
}
.buggage_cnt .row:last-child {
  border-bottom: none;
}
.buggage_cnt .row .col-sm-6 {
  padding-left: 0;
  padding-right: 0;
}


.baggage_button {
  display: flex !important;
  gap: 10px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.baggage_button:before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1359 2628"><path fill="%23fff" d="M237 2458c0-5.52 4.477-10 10-10h190c5.523 0 10 4.48 10 10v160c0 5.52-4.477 10-10 10H247c-5.523 0-10-4.48-10-10v-160ZM912 2458c0-5.52 4.477-10 10-10h190c5.52 0 10 4.48 10 10v160c0 5.52-4.48 10-10 10H922c-5.523 0-10-4.48-10-10v-160ZM1000 0c5.52 0 10 4.477 10 10v123c0 5.523-4.48 10-10 10H358c-5.523 0-10-4.477-10-10V10c0-5.523 4.477-10 10-10h642Z"/><path fill="%23fff" fill-rule="evenodd" d="M1211 736c81.74 0 148 66.262 148 148v1466c0 81.74-66.26 148-148 148H148c-81.738 0-148-66.26-148-148V884c0-81.738 66.262-148 148-148h1063Zm-923 326c-27.614 0-50 22.39-50 50v113c0 27.61 22.386 50 50 50h785c27.61 0 50-22.39 50-50v-113c0-27.61-22.39-50-50-50H288Z" clip-rule="evenodd"/><path fill="%23fff" d="M447 153c0-5.523 4.477-10 10-10h91c5.523 0 10 4.477 10 10v573c0 5.523-4.477 10-10 10h-91c-5.523 0-10-4.477-10-10V153ZM801 153c0-5.523 4.477-10 10-10h91c5.523 0 10 4.477 10 10v573c0 5.523-4.477 10-10 10h-91c-5.523 0-10-4.477-10-10V153Z"/></svg>');
  width: 20px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}


.community-listing-lines {
  display: flex;
  font-size: 16px;
  color: #666;
  font-weight: 300;
  flex-direction: column;
}
.community-listing-lines > section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.community-listing-lines > section:after {
  content: "";
  border-top: 1px solid #dcdcdc;
  width: 400px;
  margin: 10px auto 30px auto;
}
.community-listing-lines h2 {
  margin-top: 30px;
}
.community-listing-lines h2,
.community-listing-lines h2 a {
  font-size: 16px;
  color: #666;
  font-weight: 700;
  text-decoration: none;
}
.community-listing-lines a:hover {
  color: #8f2f92;
  text-decoration: underline;
}
.community-listing-lines .read-more {
  color: #8f2f92;
  font-weight: 400;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
}
.community-listing-lines .read-more:after {
  content: "";
  display: block;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 16 16"><path fill="%238f2f92" fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>');
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}




.yellow-button {
  border: 1px solid #e9cc10 !important;
  background: #fd0;
  color: #8f2f92;
  overflow: hidden;
  height: 42px;
  font-size: 16px;
  font-weight: 700 !important;
  font-family: 'Roboto Condensed', sans-serif;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  line-height: 35px;
  padding: 0 1.33rem;
  position: relative;
  z-index: 1;
  text-decoration: none;
}
.yellow-button span {
  position: relative;
  display: inline-block;
  height: 100%;
  width: 100%;
  text-transform: uppercase;
  line-height: 42px;
  transition: transform .3s;
  font-size: 13px;
  font-weight: 600 !important;
}
.yellow-button span:before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  font-weight: 700;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  font-size: 13px;
  font-weight: 600 !important;
}
.yellow-button:hover span {
  transform: translateY(-100%);
}

.button-theme-purple {
  background: var(--purple);
  border-color: var(--purple) !important;
  color: #fff;
}
/*  */

.offers-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.offer-item h2 {
  margin: 0px;
  font-size: 16px;
}

.offer-item {
  background: #fff;
  border-radius: 4px;
  flex: 0 0 30%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
}
.offer-item-slider {
  height: 200px;
  width: 100%;
}
.swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.offer-item-body {
  padding: 15px;
  background: var(--purple);
  color: #fff;
}

.offer-price {
  font-size: 30px;
  font-weight: bold;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.offer-price small {
  font-size: 12px;
}

.offer-item-footer {
  display: flex;
  color: var(--purple);
  align-items: center;
  justify-content: space-around;
  padding: 10px;
}

.offer-item .swiper-button-next,
.offer-item .swiper-button-prev {
  background: #ffffff9c;
  color: #000000;
  width: 30px;
  height: 30px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.offer-item .swiper-button-next:after,
.offer-item .swiper-button-prev:after {
  font-size: 16px;
}



/*  CHEAP HOTELS START  */
.hotel-list-phone-btn {
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  padding: 6px 9px;
  margin: 6px auto 0;
  background: transparent;
  box-shadow: none;
  color: var(--purple);
  border: 0 !important;
  border-radius: 2px;
  transition: all 200ms ease-out;
  width: 100%;
  max-width: 145px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hotel-list-phone-btn:hover {
  text-decoration: none;
  background-color: var(--purple) !important;
  color: var(--yellow) !important;
  box-shadow: 0 0 6px #333 !important;
}

.hotel-list-phone-btn svg {
  width: 1em;
  height: 1em;
}

.cheap-hotels-header {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  margin: 20px auto 0 auto;
  border: 5px solid #fff;
  background-image: linear-gradient(90deg, rgba(126, 40, 128, 1) 0%, rgba(255, 255, 255, 0) 100%), var(--destination-image);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 1280px;
  color: #fff;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 100px;
  padding-bottom: 20px;
}

.cheap-hotels-header a {
  color: #fff;
}

.cheap-hotels-header a:hover {
  color: var(--purple);
}

.cheap-hotels-header h3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  line-height: 1.4;
  font-size: 24px;
  margin-top: 0;
}

.cheap-hotels-header h1 {
  color: #fff;
  text-align: right;
  font-weight: 300;
  font-size: 36px;
  text-shadow: 0 1px 1px rgba(45, 45, 45, .8);
  margin: 20px 0;
}
.hotel-list-item {
  box-shadow: 0 0 5px #bbb;
  background-color: white;
  padding: 15px 0;
  transition: all 150ms ease-out;
  max-width: 1000px;
  margin: 40px auto 0 auto;
}

.hotel-list-item h2 {
  font-weight: 700;
  font-size: 16px;
  margin: 0px;
  display: inline-block;
}

.hotel-list-item h2 a {
  color: var(--purple);
  font-weight: 700;
  font-size: 18px;
  margin-right: 6px;
  text-decoration: none;
}

.hotel-list-item h2 a:hover {
  text-decoration: underline;
}

.hotel-list-item:hover {
  box-shadow: 0 0 10px #555;
}

.hotel-list-image {
  height: auto;
  width: 100%;
  max-width: 196px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}
@media screen and (max-width: 768px) {
  .hotel-list-image {
    max-width: 100%;
    aspect-ratio: 16 / 6;
    margin-bottom: 20px;
  }
}

.hotel-list-destination {
  color: var(--purple);
  font-size: 14px;
  line-height: 12px;
  margin: 3px 0 0;
  font-weight: 400;
}

.hotel-list-item-details {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.hotel-list-view-btn {
  color: var(--purple);
  padding: 5px 0;
  font-weight: 600;
  font-size: 11px;
  line-height: 11px;
  border-radius: 2px;
  text-align: center;
  width: 103px;
  max-width: 103px;
  margin-top: 13px;
  margin-bottom: 7px;
  display: inline-block;
  transition: all 300ms ease-in-out;
  text-decoration: none;
}

.hotel-list-view-btn:hover {
  color: #fff;
  background-color: var(--purple);
  text-decoration: none;
}

.hotel-list-item-call-us {
  text-align: center;
}

.hotel-list-item-call-us strong {
  font-size: 24px;
  line-height: 24px;
  color: var(--purple);
  font-weight: 700;
  display: block;
  margin-top: 30px;
}

.hotel-list-item-call-us p {
  color: #999;
  font-size: 14px;
  font-weight: 300;
  margin-top: 0;
}
/*  CHEAP HOTELS END  */


.community-text .elementor-widget-container {
  column-count: 2;
  column-gap: 40px;
}
.community-text .elementor-widget-container h3 {
  color: var(--purple);
}
.community-text .elementor-widget-container a {
  color: var(--purple);
}
@media only screen and (max-width: 656px) {
  .community-text .elementor-widget-container {
    column-count: 1;
    column-gap: 0px;
  }
}

/**
.top_search_bar {
  background: #eed23f;
}
.top_search_bar .search-options {
  justify-content: left;
  top: -10px;
  position: relative;
}
.top_search_bar .search-option.search-option--active {
  background: var(--primary-color);
  color: #fff;
}
.top_search_bar .search-option{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 100;
}
.top_search_bar .search-option img {
  width: 15px;
}
.top_search_bar .search-option.search-option--active img {
  filter: invert(1);
}
.top_search_bar .search-option.search-option--active:after {
  display: none;
} 
.top_search_bar .input-field-wrapper {
  border: none !important;
} 

.top_search_bar .input-field-wrapper .input-field--title {
  color: var(--purple);
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 5px 0;
}

.top_search_bar .input-field-wrapper .input-field--value {
  background-color: #fff;
  width: 100%;
  padding: 10px 5px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.top_search_bar .input-field-wrapper {
  padding: 0px;
  border: none !important;
  flex-direction: row-reverse;
}
.top_search_bar .input-field-wrapper .icon-wrapper {
  display: block !important;
  height: 34px;
  align-self: flex-end;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top_search_bar .input-field-wrapper>div {
  width: 100%;
}
*/


 /* div#wrapper.wrapper {
   max-width: 100% !important;
   display: block;
   width: 100%;
   padding: unset;
 } */

.top_search_bar * {
   box-sizing: border-box;
   /* font-family: "Roboto Condensed", sans-serif !important; */
 }

.top_search_bar {
   background-color: #f3d300;
   padding: 10px 10px 25px 10px !important;
   margin: 10px auto;
   --purple: #7e2880;
   width: 100%;
   max-width: 1020px;
   z-index: 99999;
   position: relative;
   bottom: 90px;
 }

.top_search_bar .search-bar-container .collapsed-search-options {
   grid-template-columns: repeat(3, 1fr);
 }

 @media screen and (min-width: 1200px) {
  .top_search_bar .search-bar-container .collapsed-search-options {
     grid-template-columns: 210px 210px 1fr 120px 1fr 1fr;
   }
 }

 @media (max-width: 1023px) {
  .top_search_bar .btn {
     display: none !important;
   }
 }

.top_search_bar .search-options {
   justify-content: flex-start;
   gap: 15px;
 }

.top_search_bar .search-option p {
   white-space: pre;
   color: var(--purple);
   font-weight: 100;
 }

.top_search_bar .search-option {
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 15px 10px 10px 10px;
   top: -20px;
   position: relative;
   opacity: 1;
   color: var(--purple);
   margin: 0;
   font-size: 12px;
   font-weight: 700;
   text-transform: uppercase;
 }

.top_search_bar .search-option img {
   width: 20px;
 }

.top_search_bar .search-option.search-option--active p {
   color: #fff;
 }

.top_search_bar .search-option.search-option--active {
   background-color: var(--purple);
 }

.top_search_bar .search-option img {
   filter: hue-rotate(90deg);
 }

.top_search_bar .search-option.search-option--active img {
   filter: contrast(0) brightness(2);
 }

.top_search_bar .search-bar-input-field-autocomplete {
   /* min-width: 210px !important; */
   /* width: 100% !important; */
 }

.top_search_bar .search-bar-input-field-autocomplete.duration-wrapper {
   /* width: 100% !important; */
 }

.top_search_bar .search-bar-container .collapsed-search-options {
   gap: 2px;
   align-items: flex-end;
 }

.top_search_bar .input-field-wrapper {
   padding: 0px;
   border: none !important;
   flex-direction: row-reverse;
 }

.top_search_bar .input-field-wrapper>div {
   width: 100%;
 }

.top_search_bar .input-field-wrapper .input-field--title {
   color: var(--purple);
   font-size: 12px;
   font-weight: 200;
   margin: 0 0 5px 0;
 }

.top_search_bar .input-field--value {
   background-color: #fff;
   width: 100%;
   padding: 10px 5px;
   display: flex;
   align-items: center;
   font-size: 12px;
   height: 35px;
 }

.top_search_bar .search-bar-container .datepicker-wrapper .reset-button,
.top_search_bar .search-bar-container .search-bar-input-field-autocomplete .reset-button {
   top: 29px;
   right: 30px;
 }

.top_search_bar .search-bar-container .datepicker-wrapper .reset-button svg,
.top_search_bar .search-bar-container .search-bar-input-field-autocomplete .reset-button svg {
   width: 18px !important;
   height: 18px !important;
 }

.top_search_bar .search-bar-container .button--search img {
   display: none;
 }

.top_search_bar .search-bar-container .button--search {
   color: #d9e60e !important;
   font-size: 16px !important;
   border-radius: 0;
   height: 36px !important;
   padding: 0;
   margin: 0;
 }

.top_search_bar .btn.btnsearch {
   display: flex;
   align-items: flex-end;
   width: 65px;
 }

.top_search_bar .btn.btnsearch>button>span:nth-child(odd) {
   display: none;
 }

.top_search_bar .btn.btnsearch .button--label {
   font-size: 0px;
 }

.top_search_bar .btn.btnsearch .button--label:after {
   content: "GO";
   font-size: 16px;
 }

.top_search_bar .input-field-wrapper .icon-wrapper {
   height: 35px;
   width: 35px;
   align-self: flex-end;
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
 }

.top_search_bar .input-field-wrapper .icon-wrapper img[alt="airplane"] {
   width: 26px;
   height: 26px;
 }

.top_search_bar .input-field-wrapper .icon-wrapper img {
   width: 18px;
   height: 18px;
   filter: invert(16%) sepia(150%) saturate(7442%) hue-rotate(279deg) brightness(81%) contrast(94%);
 }

.top_search_bar .icon-wrapper {
   /* display: none; */
 }

.top_search_bar .calendar-wrapper .react-calendar__navigation__label {
   all: unset;
 }

.top_search_bar .react-calendar__navigation__label__labelText.react-calendar__navigation__label__labelText--from {
   display: none;
 }

.top_search_bar .calendar-wrapper .react-calendar__tile--rangeStart {
   background: var(--purple) !important;
 }

.top_search_bar .calendar-wrapper .react-calendar__tile--rangeStart abbr {
   color: #fff;
 }

 @media (max-width: 768px) {
   .top_search_bar .search-bar-container {
     box-shadow: none;
   }

   .top_search_bar .collapsed-search-options {
     gap: 15px !important;
   }

   .top_search_bar .input-field-wrapper .input-field--title {
     display: block;
   }

   .top_search_bar .search-options {
     justify-content: center;
   }

   .top_search_bar .search-bar-input-field-autocomplete {
     width: 100% !important;
   }

   .top_search_bar .input-field-wrapper {
     align-items: flex-end;
   }

   .top_search_bar .btn {
     display: none !important;
   }
 }

 @media screen and (max-width: 1000px) {
   .top_search_bar .bq-header {
     display: block !important;
     bottom: unset !important;
     top: 100px;
   }

   .top_search_bar .bq-header>.hide-for-small {
     display: block !important;
   }
 }

 @media screen and (max-width: 800px) {
   #root {
     bottom: auto;
     top: -300px;
   }
 }

 [widgetid] {
   display: none !important;
 }



 .top_search_bar_new {
  z-index: 1;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
 }


.cheap-destinations-cover {
  padding: 60px 20px;
  background-image: var(--bg-image);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.cheap-destinations-cover .top_search_bar {
  bottom: 0;
  margin: 0 auto;
}

@media screen and (max-width: 800px) {
  .cheap-destinations-cover #root {
    bottom: auto;
    top: 0;
  }
}





@media (max-width: 768px) {
  .hide-for-small {
    display: none !important;
  }
}

.from-uk {
  margin-top: 50px;
  padding: 20px;
}

.from-uk h1 {
  color: #9c9c9c;
  font-size: 26px;
  margin-bottom: 25px;
  font-weight: 300;
}

.from-uk ul {
  list-style-type: "→";
  padding-left: 20px;
  column-count: 2;
  column-gap: 40px;
  margin-bottom: 0;
  line-height: 30px;
}

.from-uk ul li {
  color: var(--purple);
  padding-left: 15px;
  font-size: 18px;
}

.from-uk ul li a {
  color: var(--purple);
  text-decoration: none;
  font-size: 14px;
}
.from-uk ul li a:hover {
  text-decoration: underline;
}

.uk-map-container {
  position: relative;
}

.uk-airport-marker {
  position: absolute;
  text-decoration: none;
}

.mini_map_airport_marker {
  padding: 0 22px 0 5px;
  height: 19px;
  line-height: 19px;
  color: #7e2880;
  font-size: 12px;
  background-color: #fdce0b;
  font-weight: bold;
  font-family: 'Open Sans', 'Myriad Pro', Tahoma, sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.mini_map_airport_marker:after {
  content: '';
  background-color: #551e59;
  background-image: url('data:image/svg+xml,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3.414 13.778 2 15.192l4.949 2.121 2.122 4.95 1.414-1.414-.707-3.536L13.091 14l3.61 7.704 1.339-1.339-1.19-10.123 2.828-2.829a2 2 0 1 0-2.828-2.828l-2.903 2.903L3.824 6.297 2.559 7.563l7.644 3.67-3.253 3.253-3.536-.708z"/></svg>');
  background-repeat: no-repeat;
  background-position: right center;
  display: inline-block;
  width: 19px;
  height: 19px;
  position: absolute;
  right: 0;
  top: 0;
}

.from-to-cover-card {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  margin: 20px auto 0 auto;
  padding: 5px 5px 20px 5px;
  background: #fff;
}
.from-to-cover {
  height: 327px;
  overflow: hidden;
  background-position: center;
  background-image: var(--from-top-bg-image);
  background-size: cover;
  background-repeat: no-repeat;
}
.from-to-cover h1 {
  color: #fff;
  text-align: center;
  font-size: 33px;
  line-height: 36px;
  margin: 47px auto 18px;
  font-weight: 300;
}
.from-to-cover h2 {
  color: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 25px;
}




.to-from-links ul {
  list-style: none;
  padding: 0px;
  column-count: 4;
  column-gap: 40px;
  margin-bottom: 0;
  line-height: 30px;
}
.to-from-links ul li {
  color: var(--purple);
  padding-left: 15px;
}
.to-from-links ul li a {
  color: var(--purple);
  text-decoration: none;
  font-size: 14px;
}
.to-from-links ul li a:hover {
  text-decoration: underline;
}



.to-from-links-childs h2 {
  color: #666;
  font-size: 24px;
  padding: 0;
  margin: 0;
  font-weight: 300;
}
.to-from-links-childs ul {
  list-style: none;
  padding: 0px;
  column-count: 4;
  column-gap: 40px;
  margin-bottom: 0;
  line-height: 30px;
}
.to-from-links-childs ul li {
  padding-left: 15px;
}
.to-from-links-childs ul li a {
  color: #666;
  text-decoration: none;
  font-size: 16px;
  font-weight: 300;
}
.to-from-links-childs ul li a:hover {
  text-decoration: underline;
  color: var(--purple);
}

.grey-hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 10px auto;
  max-width: 400px;
  color: #dcdcdc;
}

.to-from-content h1 {
  max-width: 557px;
  line-height: 36px;
  color: #666;
  font-weight: 300;
}
.to-from-content {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  margin-top: 40px;
  margin-bottom: 80px;
}
.to-from-content img {
  float: right;
  max-width: 387px;
  margin: 0 0 10px 25px;
  box-shadow: 0 19px 11px -10px #727272, inset 0 0 40px #eee;
}

.from-offer-heading {
  color: #666;
  font-size: 24px;
  margin: 30px auto 0 auto;
  font-weight: 300;
  width: 100%;
  text-align: center;
}


[data-style="grid"] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}