@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@200;300;400;500;600;700;800;900;1000&family=Nunito:wght@200;300;400;500;600;700;800;900;1000&display=swap');
body{
    background:#F6F8FB !important;
    font-family: 'Figtree', sans-serif !important;
    margin:0;
}
/* **** Header **** */
header {
    position: relative;
    top: 0px;
    left: 0;
    right: 0;
    background: transparent;
    padding: 0;
    height:56px;
    display:grid;
    place-items:center;
    z-index: 120;
    border-bottom: 1px solid #EBECEF;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.logo-img > img
{
  height:40px;
  /* width:181px; */
}
header ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header ul li a.user-icon img {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
}
.onboarded-header ul li a.logo-img img {
    height: 70px;
}
header ul li a logo-img img
{
    max-height:70px !important;
}
.onboarded-header ul li a.togglebar img {
    height: 40px;
}
.onboarded-header ul li a button.logout-btn {
    padding: 0;
    border: none;
    background: none;
}
.onboarded-header .profile-pic
{
    height:40px;
    width:40px;
    border-radius:50%;
    object-fit:cover;
}
.help-cta > span
{
  color: #000;
  font-size: 14px;
  font-weight: 600;
}
/* **** End Header **** */

/* **** Header **** */
#travel-idea-header {
    background:#EBFCFD;
    max-width:800px;
    margin:auto;
    margin-bottom:10px;
    border-bottom:none;
    padding-bottom:1px;
}
#travel-idea-header .upper-cont
{
  padding:20px 20px 0;
}
#travel-idea-header .profile-pic
{
    height:40px;
    width:40px;
    border-radius:50%;
    object-fit:cover;
}
#travel-idea-header .title-and-avatar
{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
#travel-idea-header .title-and-avatar > div:nth-child(1)
{
  display:flex;
  align-items:end;
  font-size:30px;
  font-weight:700;
  gap:5px;
}
#travel-idea-header .title-and-avatar > div:nth-child(1) img
{
  width:150px;
}
#travel-idea-header .title-and-avatar > div:nth-child(1) span
{
  color: #027274;
}
#travel-idea-header .titles
{
  margin-top:20px;
  font-size:16px;
  font-weight:600;
  background: linear-gradient(90deg, #2C2B2B 20.28%, #928B8D 119.31%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#travel-idea-header .titles > div:nth-child(2)
{
  font-size:16px;
}
#travel-idea-header .travel-idea-carousel-cont .card
{
  height:260px;
  width:100%;
  padding:20px;
  background: #EBFCFD;
  border:none;
}
#travel-idea-header .travel-idea-carousel-cont .card > img
{
  height:100%;
  width:100%;
  border: 1px solid #9FDEDF;
  box-shadow: 0px 2px 0px #9FDEDF;
  border-radius: 8px;
  object-fit:cover;

}
#travel-idea-header .travel-idea-carousel-cont .card > div
{
  height:100%;
  width:100%;
  background: #FFFFFF;
  border: 1px solid #9FDEDF;
  box-shadow: 0px 2px 0px #9FDEDF;
  border-radius: 8px;
  padding:15px;
  padding-bottom:20px;
}
#travel-idea-header .travel-idea-carousel-cont .card .upper
{
  display:flex;
  gap:10px;
  justify-content:space-between;
  color: #7B8A8A;
}
#travel-idea-header .travel-idea-carousel-cont .card .upper > div:nth-child(1) > div:nth-child(1)
{
  margin-bottom:10px;
}
#travel-idea-header .travel-idea-carousel-cont .card .upper > div:nth-child(1) > div:nth-child(1) span:nth-child(1)
{
  font-size:20px;
  color:black;
  font-weight:600;
}
#travel-idea-header .travel-idea-carousel-cont .card > div .upper img
{
  width:90px;
  height:130px;
  padding:2px;
  border-radius:10px;
  object-fit:cover;
}
#travel-idea-header .travel-idea-carousel-cont .card > div .lower
{
  margin-top:20px;
  display:grid;
  text-align:center;
  grid-template-columns:100%;
  justify-content:space-between;
  box-sizing:border-box;
}
#travel-idea-header .travel-idea-carousel-cont .card > div .lower a
{
  color:white;
  border:none;
  padding:8px;
  font-size:16px;
  background: #027274;
  border-radius: 6px;
}
#travel-idea-header .travel-idea-carousel-cont .card > div .lower > a:nth-child(2)
{
  background:#EDFAFB;
  color:#027274;
}

#travel-idea-header .travel-idea-carousel-cont .card > div .upper .copy-text
{
  line-height:1.2;
  margin-bottom:10px;
}
.swiper-pagination
{
  bottom:-20px !important;
}
.wrap_slider .swiper-pagination-bullet.swiper-pagination-bullet-active
{
  background-color: #027274;
}
/* **** End Header **** */

.menu {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 125;
  top: 0;
  right: 0;
  background-color: white;
  color:black;
  overflow-x: hidden;
  transition: 0.5s;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.overlay .backdrop {
  display:none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  transition: all 1s ease-in-out;
  z-index:125;
  pointer-events: none;
}

.overlay-content {
  position: relative;
  top: 7%;
  width: 100%;
}

.overlay a {
  padding: 8px;
  padding-left:20px;
  margin-bottom:10px;
  text-decoration: none;
  font-size: 16px;
  color: #565D6D;
  display: flex;
  gap: 10px;
  align-items: center;
  transition: 0.3s;
}
.overlay .hover-effect span
{
    border:1px solid red;
    padding-right:10px;
}
.overlay .hover-effect:hover, .overlay .hover-effect:focus {
  color: #1D64DD;
  border-left:5px solid #1D64DD;
}

.overlay .closebtn {
  position: absolute;
  top: 10px;
  line-height:1;
  padding:0;
  right: 15px;
  font-size: 30px;
}

.overlay .footer {
  position: absolute;
  bottom: 0px;
  padding:20px;
  font-size: 16px;
  width:100%;
  border-top:1px solid #BDC1CA;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}


/* **** Travel Shop ***** */
.travel-shop-wrp {
    padding: 22px 0 40px;
}
.travel-shop-wrp .travel-img img {
    width: 100%;
    border-radius: 8px;
    margin: 0 0 22px;
}
.travel-shop-wrp .travel-dt {
    padding: 0 12px;
}
.travel-shop-wrp .travel-dt h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #555c6f;
    margin: 0 0 2px;
}
.travel-shop-wrp .travel-dt h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 54px;
    color: #000000;
    margin: 0 0 10px;
}
.travel-shop-wrp .travel-dt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #47596A;
    margin: 0 0 15px;
}
.travel-shop-wrp .travel-dt a {
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #1e64dd;
    border: 1px solid #1e64dd;
    border-radius: 4px;
}
.travel-shop-wrp .travel-dt a i {
    padding-right: 8px;
}
.travel-shop-wrp .travel-dt a:hover {
    background: #1e64dd;
    color: #fff;
}
.travel-shop-wrp .container
{
  display:grid;
  align-items:center;
  grid-template-columns:60% 40%;
  gap:10px;
}
/* **** End Travel Shop ***** */

/* **** Footer **** */
footer {
    background: #1e64dd;
    padding: 12px 0;
}
footer img {
    max-width: 100%;
    margin: 0 auto 10px;
}
footer span.line {
    width: 174px;
    height: 5px;
    background: #ffffff;
    display: table;
    margin: 0 auto 15px;
}
footer a {
    font-size: 20px;
    display: table;
    margin: 0 auto;
    color: #fff;
}
footer a:hover{
    color: #000;
}
/* **** End Footer **** */

/* **** Welcome **** */
.welcome-wrp {
    max-width:800px;
    margin:auto;
    padding: 12px 0 10px;
}
.welcome-wrp h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #555c6f;
    margin: 0 0 12px;
}
 .linkbox-cont
{
    padding:0px 10px;
    max-width:800px;
    margin:auto;
}
 .linkbox {
    background: #f1f6fe;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;

}
 .linkbox .link-info h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin: 0 0 4px;
}
 .linkbox .link-info a {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
    text-decoration: underline;
    color: #1e64dd;
}
 .linkbox .link-info a i {
    padding-right: 4px;
}
 .linkbox ul {
    display: flex;
    align-items: center;
}
 .linkbox ul li {
    margin-right: 12px;
}
.linkbox ul li:last-child {
    margin: 0;
}
.linkbox ul li a {
    height: 40px;
    width: 40px;
    background: #ffffff;
    border: 1px solid #1e64dd;
    font-size: 16px;
    color: #1e64dd;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.linkbox ul li a img {
    max-width: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.linkbox ul li a:hover{
    background: #1e64dd;
    color: #fff;
}
.linkbox ul li a:hover img{
    filter: brightness(0) invert(1);
}
/* **** End Welcome **** */

/* Deals Data */
.deals-outer-cont
{
    max-width:800px;
    margin:auto;
}
.main-wrpper .deals-data
{
    position:relative;
    padding:0px 5px;
}
.main-wrpper .deals-data .tabular-data
{
    overflow:auto;

}
.main-wrpper .deals-data h5
{
    margin:0;
    padding:10px 5px 20px 20px;
    font-size:17px !important;
    font-weight:600;
}
.main-wrpper .deals-data table
{
    min-width:700px;
    margin-right:100px;
    border:1px solid #f2f2f2;
}
.frozen-column {
  position: absolute;
  width: 100px;
  min-height:65px;
  background:white;
  right: 0;
  top: auto;
  border-top-width: 1px;
  border-left-width: 1px;
  /*only relevant for first row*/
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:center;
  margin-top: -1px;
  /*compensate for top border*/
}
.main-wrpper .deals-data table thead td:nth-last-child(1)
{
    background:#FAFAFB;
    height:50px;
}
.frozen-column button
{
    padding:3px 6px;
    background:white;
    color:#1d64dd;
    border-radius:3px;
    border: 2px solid #1D64DD;
    transition:700ms;
}
.frozen-column button:hover
{
    background:#1d64dd;
    color:white;
}
.main-wrpper .deals-data table thead
{
    background:#F8F9FA;
    height:50px;
}
.main-wrpper .deals-data table tbody tr
{
    padding: 0;
}
.main-wrpper .deals-data table tbody tr td
{
    padding: 0px 5px;
}

.main-wrpper .deals-data table tbody tr h5
{
    padding:0;
    margin:0;
    font-size:15px !important;
    padding-top:5px;
}
.main-wrpper .deals-data table tbody tr p
{
    color: #6E7788;
    font-size:12px;
    padding-top:3px;
}

.main-wrpper .deals-data table tbody tr td:nth-child(3)
{
    padding-top:7px;
}
.main-wrpper .deals-data table tbody tr img
{
    width:50px;
    border-radius:5px;
}
.main-wrpper .deals-data table td:nth-child(1)
{
    text-align:center;
}
.main-wrpper .deals-data table tbody tr:nth-child(even) {
  background-color: #FAFAFB;
}
.main-wrpper .deals-data table .tags-container
{
    margin:15px 0px;
}
.main-wrpper .deals-data table .tags-container span.new-deal
{
    background:#FDF2F4;
    color:#E34B65;
    padding: 5px 10px;
    box-sizing:border-box;
    border-radius:5px;
}
/* End Deals Data */

/* **** modal **** */
.modal {
    background-color: rgba(0, 0, 0, 0.4);
}
.modal .modal-content {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: none;
    outline: none;
    border: none;
    padding: 22px;
}
#travelIdea .modal-content, #travelDates .modal-content, #destinationSearch .modal-content
{
  padding:0;
}
.modal .modal-content .modal-body {
    padding: 0;
}
.modal .modal-content .cls-btn
{
   position:absolute;
    top:10px;
    right:10px;
    border:none;
    background:none;
    z-index:2;
}
.modal .modal-content .mdl-title h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #565d6d;
    margin: 0 0 20px;
    width:92%;
}
.modal .modal-content .mdl-title p {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #565d6d;
    margin: 0 0 18px;
}
.modal .modal-content form .form-group {
    margin: 0 0 12px;
}
.modal .modal-content #help-copy
{
    color:#596565;
    text-align:center;
}
.modal .modal-content form .form-group label {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    margin: 0 0 5px;
}
.modal .modal-content form .form-group .form-control {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #171a1f;
    padding: 8px 12px;
    box-shadow: none;
    outline: none;
    height: auto;
    border: 1px solid #9095a1;
    border-radius: 4px;
}
.modal .modal-content form .form-group .form-control::placeholder, textarea::placeholder {
    color: #171a1f;
}
.modal .modal-content form .submit-btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    color: #ffffff;
    display: block;
    text-align: center;
    margin: 0 0 12px;
    background: #1d64dd;
    border-radius: 6px;
    padding: 15px;
    width: 100%;
    border: none;
}
.modal .modal-content input::placeholder
{
    color:grey !important;
}
.modal .modal-content .question-input
{
    height:100px;
    width:100%;
    padding: 10px;
}
#destinationSearch .modal-content #add-destination
{
  position:absolute;
  bottom:10px;
  width:100%;
  box-sizing:border-box;
}
#destinationSearch .modal-content #no-result-found
{
  display:block;
  font-size:12px;
  line-height:1.5;
  color: #7F8A89;
  border-bottom:none;
}
#destinationSearch .modal-content #no-result-found em
{
  font-size:12px;
  color: #7F8A89;
  font-weight:800;
}
#destinationSearch .modal-content #add-destination > button
{
  width:90% !important;
  background:#027274;
  color:white;
  border:none;
  border-radius:10px;
  padding:10px;
  font-weight:600;
}
/* **** End modal **** */


/* **** Recent Posts **** */
.recent-posts-wrp .posts-block {
    background: #f5f5f5;
    border-radius: 6px;
    padding: 8px 8px 0;
}
.recent-posts-wrp .posts-block h2 {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin: 0 0 12px;
}
.recent-posts-wrp .posts-block h2 a {
    margin-left: auto;
    margin-right: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #1e64dd;
}
.recent-posts-wrp .posts-block h2 a i {
    padding-left: 5px;
}

.posts-info {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 6px;
    margin: 0 0 12px;
}
.posts-info .post-img img {
    width: 125px;
    object-fit: cover;
    object-position: center;
    border-radius: 6px 0 0 6px;
}
.posts-info .post-dt {
    padding: 7px 12px;
}
.posts-info .post-dt h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin: 0;
}
.posts-info .post-dt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #87888b;
    margin: 0 0 12px;
}
.posts-info ul {
    display: flex;
    align-items: center;
}
.posts-info ul li {
    margin-right: 12px;
}
.posts-info ul li:last-child {
    margin: 0;
}
.posts-info ul li a.social-link {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
    text-decoration: underline;
    color: #1e64dd;
}
.posts-info ul li .social-ic {
    height: 40px;
    width: 40px;
    background: #ffffff;
    border: 1px solid #1e64dd;
    font-size: 16px;
    color: #1e64dd;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.posts-info ul li .social-ic img {
    max-width: 100%;
}
.posts-info ul li .social-ic img {
    max-width: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.posts-info ul li .social-ic:hover{
    background: #1e64dd;
    color: #fff;
}
.posts-info ul li .social-ic:hover img{
    filter: brightness(0) invert(1);
}
/* **** End Recent Posts **** */

/* Travel idea modal */
/* Travel idea modal */
.travel-modal-body, .destination-search
{
  height:95vh;
  padding:0;

}
.travel-modal-body .header
{
  justify-content:start !important;
  padding:10px 5px !important;
}
.travel-modal-body .header, .destination-search .header
{
  display:flex;
  gap:10px;
  padding:10px 10px 5px 20px;
  align-items:center;
  justify-content:space-between;
  font-size:18px;
}
.travel-modal-body .travel-idea-details
{
  border-top:10px solid #f2f2f2;
  border-bottom:10px solid #f2f2f2;
  padding:20px;
}
.travel-modal-body .travel-idea-details .around-elements
{
    display:none;
}
.travel-modal-body .travel-idea-details h4
{
  font-size:20px;
  font-weight:300;
}
.travel-modal-body .travel-idea-details input, .travel-modal-body .travel-idea-details select
{
  font-size:16px;
  padding:25px 20px;
  font-weight:300;
  border-radius:8px;
}
.travel-modal-body .travel-idea-details select
{
    padding:10px;
}
.destination-search input
{
  font-size: initial;
}
.destination-search .body
{
  width:100%;
  padding: 0px 5%;
}
.travel-modal-body .travel-idea-details label
{
  font-weight:400;
  font-size:14px;
  color: rgba(50, 48, 63, 0.8);
}
.travel-modal-body .travel-idea-details p
{
  font-size:12px;
  color: rgba(48, 62, 63, 0.8);
}
.travel-modal-body .travel-idea-details .travelToggle
{
  margin-bottom:20px;
}
.travel-modal-body .travel-idea-details .travelToggle > label, .travel-dates-body .travel-dates-details .datesToggle label
{
  padding:10px;
  font-size:16px;
  background: white;
  color:#9D9D9D;
  display:flex;
  align-items:center;
  gap:5px;
}
.travel-modal-body .travel-idea-details .travelToggle > label.active, .travel-dates-body .travel-dates-details .datesToggle label.active
{
  background:#F1F6FE;
  color:#1D64DD;
  border:1px solid #1D64DD;
}
.travel-modal-body .travel-idea-details .travel-dates input, #where
{
  background:white;
}
.destination-search #search-results
{
  padding:10px 5px;
  max-height:75vh;
  overflow:auto
}
.destination-search #search-results > div
{
  padding:10px 0px;
  border-bottom:1px solid #ebebeb;
  color:grey;
  display:flex;
  align-items:center;
  gap:10px;
}
.destination-search #search-results > div> div:nth-child(1)
{
  background:#F1F6FE;
  color:#1D64DD;
  padding:3px 5px;
  border-radius:5px;
}
.destination-search #search-results > div  em
{
  color:black;
  font-style: normal;
  font-size:20px;
}

/* End Travel idea modal */

/* Travel Idea Dates Modal */

.main-wrpper .request-different-deal
{
  width:100%;
  max-width:800px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px;
  margin-bottom:10px;
  background: rgb(229,241,242);
background: linear-gradient(165deg, rgba(229,241,242,1) 10%, rgba(202,242,246,1) 49%, rgba(229,241,242,1) 89%);
}

.main-wrpper .request-different-deal  h2
{
  font-size:20px;
  margin-bottom:15px;
}
.main-wrpper .request-different-deal  img
{
  height:120px;
  width:120px;
}
.main-wrpper .request-different-deal button
{
  color:white;
  border:none;
  padding:8px 20px;
  font-size:16px;
  background: #027274;
  border-radius: 6px;
}
.rewards-action-buttons > a, .inquiry
{
    background:#F1F6FD;
    width:100%;
    border:none;
    font-size:14px;
    color: #3775E1 !important;
    padding:8px 5px;
    display:flex;
    justify-content:center;
    align-items:center;
}
 .rewards-action-buttons > a
 {
    margin-top:10px;
 }
.inquiry
{
  width:97%;
  margin:auto;
  margin-bottom:10px;
}
.travel-dates-body
{
  height:95vh;
  padding:20px !important;
}
.travel-dates-body .header
{
  display:flex;
  justify-content:space-between;
  align-items:center;
  color: rgba(50, 48, 63, 0.8);
}
.travel-dates-body .header > div:nth-child(1)
{
  font-size:20px;
  font-weight:500;
}
.travel-dates-body .travel-dates-details
{
  margin:10px 0px !important;
}
.travel-dates-body .travel-dates-details .fixed-dates
{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:20px;
}

.travel-dates-body .travel-dates-details .fixed-dates label
{
  font-weight:300;
}
.travel-dates-body .travel-dates-details .fixed-dates input
{
  padding:10px;
  width:100%;
  font-size:14px;
  border-radius:8px;
  border:1px solid #889999;
  color: #889999;
}
.travel-dates-body .travel-dates-details .flexible-dates
{
    display:none;
  margin:10px 0;
}

.travel-dates-body .travel-dates-details .flexible-dates .months-picker p, .travel-dates-body .travel-dates-details .flexible-dates .days-picker p
{
  color: rgba(50, 48, 63, 0.8);
  font-size:16px;
}
.travel-dates-body .travel-dates-details .flexible-dates .months-picker .months-grid, .travel-dates-body .travel-dates-details .flexible-dates .days-picker .days-grid
{
  display:grid;
  grid-template-columns:auto auto auto;
  gap:10px;
}
.travel-dates-body .travel-dates-details .flexible-dates .months-picker .months-grid .active, .travel-dates-body .travel-dates-details .flexible-dates .days-picker .days-grid .active
{
    border:1px solid #1D64DD;
    color:#1D64DD;
    background:#F1F6FE;
}
.travel-dates-body .travel-dates-details .flexible-dates .months-picker .months-grid div, .travel-dates-body .travel-dates-details .flexible-dates .days-picker .days-grid div
{
  background:white;
  color: #222B2C;
  padding:10px;
  border:1px solid#D7D7D7;
  border-radius:5px;
  text-align:center;
}
.travel-dates-body .travel-dates-details .flexible-dates .days-picker
{
  margin-top:40px;
}
.travel-dates-body .submit-btn, .travel-modal-body .footer
{
  padding:20px;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  border-top:1px solid #1D64DD;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.travel-dates-body .submit-btn button, .travel-modal-body .footer button
{
  width:100%;
  background:#1D64DD;
  color:#F1F6FE;
  font-size:20px;
  border:none;
  padding:10px;
  border-radius:10px;

}
.travel-dates-body .submit-btn button:disabled, .travel-modal-body .footer button:disabled
{
  background:#cccccc;
}
/* End Travel Idea Dates Modal */

/* **** Destination Deals **** */
.destination-deals
{
    border-top:15px solid #f2f2f2;
    border-bottom:15px solid #f2f2f2;
    max-width:800px;
    margin:auto;
    background:white;
    margin-top:20px;
    padding:20px;
}
.destination-deals h2
{
    font-size:20px;
    font-weight:400;
}
.destination-deals .hash-tags
{
    display:flex;
    flex-wrap: wrap;
    gap:10px;
    line-height: 1;
    margin-bottom:15px;
    font-weight:400;
}
.destination-deals .dark-teal
{
  color:#027274;
}
.destination-deals .dark-grey
{
  color: rgba(48, 62, 63, 0.8);
}
.destination-deals .deal-cards-container
{
    width:100%;
    overflow:scroll;
    display:flex;
    gap:10px;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.destination-deals .deal-cards-container::-webkit-scrollbar {
    display: none;
}
.destination-deals .deal-cards-container > .deal-card
{
    min-width:96px;
    height:124px;
    position:relative;
}
.destination-deals .deal-cards-container .deal-card img
{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position: center;
    border-radius:15px;
    position:absolute;
}
.destination-deals .deal-cards-container .deal-card .text{
    position:absolute;
    background:rgba(255,255,255,0.6);
    bottom:8px;
    color:black;
    left:8px;
    border-radius:10px;
    padding:5px;
}
.destination-deals .deal-cards-container .deal-card .text > div:nth-child(2)
{
    font-weight:bold;
}
/* **** End Destination Deals **** */


#bottom-bar
{
  position:fixed;
  z-index:2;
  bottom:0;
  left:0;
  width:100%;
  display:flex;
  justify-content:space-around;
  padding:5px;
  background: #EBFCFD;
  border: 2px solid #F6F6F6;
}
#bottom-bar > a
{
  display:flex;
  flex-direction:column;
  align-items:center;
  color: #027274;
  text-decoration:none;
}
#bottom-bar > a > div:nth-child(1)
{
  font-size:18px;
}
#bottom-bar > a > div:nth-child(2)
{
  font-size:12px;
}
#bottom-bar > .active
{
  font-weight:600;
}
#bottom-bar > .active > div:nth-child(1)
{
  background: #CBF1F2;
  padding:0px 18px;
  border-radius: 16px;
}
#bottom-bar > .active > div:nth-child(1) span
{
  padding:0;
  margin:0;
}


/******** Sharing Card *********/
.sharing-options-wrapper .sharing-options-backdrop
{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  transition: all 0.2s ease-in-out;
  opacity: 0;
  z-index: 500;
  pointer-events: none;
}
.sharing-options-wrapper .bottom-sheet {
  background: white;
  display:none;
  width: 100%;
  height:450px;
  position: fixed;
  z-index: 600;
  border-radius: 15px 15px 0 0;
  padding:20px;
  transition: all 0.2s ease-in-out;
}
.sharing-options-wrapper.show-modal .sharing-options-backdrop {
  opacity: 1;
  pointer-events: all;
}
.sharing-options-wrapper.show-modal .bottom-sheet {
    display:block;
  bottom: 0px;
}
.sharing-options-wrapper .heading
{
  display:flex;
  justify-content:space-between;
}
.sharing-options-wrapper .heading p
{
  color: rgba(50, 48, 63, 0.8);
  font-size:20px;
  font-weight:500;
}
.sharing-options-wrapper .sharing-options .copy-link
{
  background: #FAFAF7;
  border-radius: 10px;
  padding:10px 20px;
  margin-bottom:10px;
  display:flex;
  gap:10px;
  justify-content:space-between;
  align-items:center;
}
.sharing-options-wrapper .sharing-options .copy-link > div:nth-child(1)
{
  overflow:hidden;
  white-space: nowrap;
}
.sharing-options-wrapper .sharing-options .copy-link > div:nth-child(1) > div:nth-child(1)
{
  text-transform:uppercase;
  color:#AAB5B6;
  font-weight:300;
  font-size:14px;
  letter-spacing:1px;
}
.sharing-options-wrapper .sharing-options .copy-link > div:nth-child(1) > div:nth-child(2)
{
  color:#222B2C;
  font-weight:400;
}
.sharing-options-wrapper .sharing-options .copy-link > div:nth-child(2)
{
  color:#027274 !important;
  font-size:30px;
}
.sharing-options-wrapper .sharing-options .options
{
  margin-top:30px;
  max-height:270px;
  overflow:auto;

}
.sharing-options-wrapper .sharing-options button > div
{
  display:flex;
  gap:10px;
  align-items:center;
}
.sharing-options-wrapper #sharing-options .accordion-header button
{
  background: #FAFAF7;
  border-radius: 10px;
  padding:10px 20px;
  border:none;
}
.sharing-options-wrapper #sharing-options > div
{
  border:none;
  margin-bottom:10px;
}
.sharing-options-wrapper #sharing-options > div > div
{
   background: #FAFAF7;
}
.sharing-options .accordion-body
{
   display:flex !important;
   justify-content:center;
   gap:20px;
  text-align:center;
}
.sharing-options .accordion-body img
{
  height:150px;
  width:90px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  margin-bottom:10px;
}
.sharing-options #collapseInsta img, .sharing-options #collapseFacebook img
{
   filter: grayscale(100%);
}
.sharing-options #collapseInsta a, .sharing-options #collapseFacebook a
{
  background:rgb(127,138,137);
}
.sharing-options .accordion-body a
{
  border:none;
  background:#027274;
  color:white;
  padding:8px 15px;
  font-size:12px;
  border-radius:8px;
  text-decoration:none;
}
/******** End Sharing Card *********/


/* **** Responsive **** */
@media(min-width:1801px) and (max-width:3000px){
    .travel-shop-wrp .travel-dt a{width: fit-content;padding: 12px 24px;}

    .welcome-wrp .linkbox{padding: 20px;}
    .recent-posts-wrp .posts-block{padding: 15px 15px 0;}
    .recent-posts-wrp .posts-block h2{font-size: 20px;line-height: unset;}
    .posts-info .post-img img{height: auto;width: 150px;}
}
@media(min-width:1601px) and (max-width:1800px){
    .travel-shop-wrp .travel-dt a{width: fit-content;padding: 12px 24px;}

    .welcome-wrp .linkbox{padding: 20px;}
    .recent-posts-wrp .posts-block{padding: 15px 15px 0;}
    .recent-posts-wrp .posts-block h2{font-size: 20px;line-height: unset;}
    .posts-info .post-img img{height: auto;width: 150px;}
}
@media(min-width:1201px) and (max-width:1600px){
    .travel-shop-wrp .travel-dt a{width: fit-content;padding: 12px 24px;}

    .welcome-wrp .linkbox{padding: 20px;}
    .recent-posts-wrp .posts-block{padding: 15px 15px 0;}
    .recent-posts-wrp .posts-block h2{font-size: 20px;line-height: unset;}
    .posts-info .post-img img{height: auto;width: 150px;}
}

@media(min-width:1025px) and (max-width:1200px){
    .travel-shop-wrp .travel-dt a{width: fit-content;padding: 12px 24px;}

    .welcome-wrp .linkbox{padding: 20px;}
    .recent-posts-wrp .posts-block{padding: 15px 15px 0;}
    .recent-posts-wrp .posts-block h2{font-size: 20px;line-height: unset;}
    .posts-info .post-img img{height: auto;width: 150px;}
}

@media(min-width:992px) and (max-width:1024px){
    .travel-shop-wrp .travel-dt a{width: fit-content;padding: 12px 24px;}

    .welcome-wrp .linkbox{padding: 20px;}
    .recent-posts-wrp .posts-block{padding: 15px 15px 0;}
    .recent-posts-wrp .posts-block h2{font-size: 20px;line-height: unset;}
    .posts-info .post-img img{height: auto;width: 150px;}
}

@media(min-width:768px) and (max-width:991px){
    .travel-shop-wrp .travel-dt a{width: fit-content;padding: 12px 24px;}

    .welcome-wrp .linkbox{padding: 20px;}
    .recent-posts-wrp .posts-block{padding: 15px 15px 0;}
    .recent-posts-wrp .posts-block h2{font-size: 20px;line-height: unset;}
    .posts-info .post-img img{height: auto;width: 150px;}
}

@media(min-width:576px) and (max-width:767px){
    .travel-shop-wrp .travel-dt a{width: fit-content;padding: 12px 24px;}

    .welcome-wrp .linkbox{padding: 20px;}
    .recent-posts-wrp .posts-block{padding: 15px 15px 0;}
    .recent-posts-wrp .posts-block h2{font-size: 20px;line-height: unset;}
    .posts-info .post-img img{height: auto;width: 150px;}
}

@media(min-width:448px) and (max-width:575px){

}

@media(max-width:400px){
    header ul li a.togglebar img{height: 40px;}
    .travel-shop-wrp .travel-dt h4{font-size: 18px;line-height: 24px;}
    .travel-shop-wrp .travel-dt h2{font-size: 23px;line-height: 30px;}
    .travel-shop-wrp .travel-dt p{font-size: 15px;}
    .travel-shop-wrp .travel-dt a{font-size: 16px;}
    .welcome-wrp .linkbox .link-info h4{font-size: 14px;}
    .welcome-wrp .linkbox .link-info a{font-size: 12px;}
    .welcome-wrp .linkbox ul li a{height: 35px;width: 35px;}

    .posts-info .post-img img{width: 110px;}
    .posts-info .post-dt{padding: 3px 12px;}
    .posts-info .post-dt h3{font-size: 15px;}
    .posts-info .post-dt p{font-size: 12px;line-height: 14px;margin: 0 0 5px;}
    .posts-info ul{flex-wrap: wrap;}
    .posts-info ul li a.social-link{font-size: 12px;margin: 0 0 2px;}
    .posts-info ul li .social-ic{height: 32px;width: 32px;}
}

@media screen and (min-width: 1024px) {
    .sharing-options-wrapper
    {
        display:grid;
        place-items: center;
    }
    .sharing-options-wrapper .bottom-sheet {
      width: 450px;
      position: fixed;
      border-radius: 15px;
    }
    .sharing-options-wrapper.show-modal .bottom-sheet {
      top:50%;
      transform:translateY(-50%);
     }
}
@media screen and (max-width: 678px)
{
  .travel-shop-wrp .container
  {
    display:block;
  }
  .footer
  {
    margin-top:10px !important;
  }
}

.footer
{
  background:transparent;
  padding:0;
  font-family: Figtree;
  margin-top:50px;
}
.footer > p
{
  display:flex;
  flex-direction:row;
  justify-content:center;
  gap:5px;
}
.footer > p > span
{
  color: var(--light-text-secondary, #757C8D);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  display:flex;
  justify-content:center;
  gap:5px;

}
.footer > p > span > a
{
  margin:0;
  color: var(--light-base-secondary, #0F232F);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  text-decoration-line: underline;
}

@media screen and (max-width: 1024px)
{
  .footer > p
  {
    flex-direction:column;
  }
}