html {
  scroll-behavior: smooth;
}
/*.ast-page-builder-template.single-vt_hotels .ast-container {
  max-width: 1140px;
}*/
/* .hotel-sections {
  margin-top: 20px;
  margin-bottom: 20px;
} */

/* 3-7-2023 */
.top-detail-section {
  text-align: center;
}
.top-detail-section .hotel-details {
  display: flex;
  justify-content: center;
}
.top-detail-section .hotel-details .hotel {
  margin-left: 15px;
  font-weight: bold;
}
.single-special-offer-page-template-two .package_info {
  text-align: center;
}
.top-detail-section  .package_info {
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-detail-section .hotel-name {
  margin-bottom: 10px;
}
.offer-price {
  font-size: calc(var(--tt-font-size-medium-title) - 2px);
 font-weight: 700;
 color: var(--tt-text-black);
}
.top-detail-section .hotel-loaction i,
.top-detail-section .hotel i {
  color: var(--tt-text-black) !important;
  margin-right: 2px !important;
  font-size: var(--tt-font-size-paragraph);
}
.special-offer-content-section .top-detail-section .hotel-name h1 {
  font-size: calc(var(--tt-font-size-sub-title) - 2px);
  color: var(--tt-text-black);
}
.top-detail-section {
 border-style: solid;
 border-width: 0px 0px 0px 0px;
 border-color: var(--tt-text-secondary);
 transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
 margin-bottom: 25px;
 padding-bottom: 25px;
}
.single-special-offer-page-template-two .top-detail-section .offer-price {
 font-weight: 600;
}
.top-detail-section .detail-box {
  margin-bottom: 0;
  margin-top: 0;
}
.verti-divider {
  padding: 0 10px;
}
.single-special-offer-page-template-two .top-detail-section .bad_and_breakfast_details {
  top: 2px;
  position: relative;
}
.single-special-offer-page-template-two .top-detail-section .hotel-details {
  margin-bottom: 0;
}
.single-special-offer-page-template-two .special-offer-content-section .top-detail-section .hotel-name h1 {
 margin-bottom: 15px;
}
.single-vt_special_offers .single-special-offer-page-template-two .common_content {
 margin-top: 0;
}
.single-special-offer-page-template-two .hotelprice_details .verti-divider {
 font-weight: 600;
}
.single-special-offer-page-template-two .special-offer-content-section .right-column {
 margin-top: 5px;
}
#single-offer_new_style.single-offer_style_3 .special-offer-content-section .top-detail-section .hotel-name h1 {
 text-align: center;
 font-size: calc(var(--tt-font-size-title) - 2px);
 font-weight: 500;
 line-height: 1.3;
 padding-bottom: 0px;
}

@media( max-width:1024px ){
  .single-special-offer-page-template-two .top-detail-section .hotel-loaction {
       margin-left: 0;
  }
  .special-offer-content-section .top-detail-section .hotel-name h1 {
       font-size: calc(var(--tt-font-size-sub-title) - 4px);
       margin: 10px 0;
  }
  .top-detail-section {
       text-align: left;
  }
  .top-detail-section .hotel-details {
       justify-content: start;
  }
  .top-detail-section .package_info {
       justify-content: left;
  }
  .top-detail-section {
       margin-bottom: 30px;
       padding-bottom: 35px;
  }
 #single-offer_new_style.single-offer_style_3 .special-offer-content-section .top-detail-section .hotel-name h1 {
     text-align: left;
     font-size: var(--tt-font-size-single-mobile-hotel-name);
 }
 .single-offer_style_3 .special-offer-content-section .hotel-details {
     margin-bottom: 0;
 }
}
@media ( max-width: 400px ){
  .single-special-offer-page-template-two .top-detail-section .detail-box {
       font-size: var(--tt-13-font);
  }
}
/* end 3-7-2023 */

.special-offer-content-section {
  margin-top: 35px;
}
.offer-title-section .hotel-name h1 {
  padding-bottom: 20px;
  color: var(--tt-text-black);
  font-size: var(--tt-font-size-sub-title);
  font-weight: 500;
}
.hotels-single-page-main-container {
  width: 100%;
}
.hotels-header-section {
  display: flex;
  align-items: center;
}
.single-page-main-container .sidebar-travel-planner-details p {
  margin: 0;
}    
.star-rating-section {
  display: flex;
  justify-content: space-around;
}
.star-rating-container {
  display: flex;
  align-items: center;
}
.swiper-slide .lazyloading {
  opacity: 1;
}
.hotel-gellery .swiper-button-prev,
.hotel-gellery .swiper-button-next {
  background-image: none; 
}
.hotel-gellery .swiper-button-prev i,
.hotel-gellery .swiper-button-next i{
  color: var(--tt-text-white);
}
.hotel-gellery .swiper-button-prev i:before,
.hotel-gellery .swiper-button-next i:before{
  color: inherit;
}
.hotels-single-page-main-container i{
  color: var(--tt-text-primary);
  font-size: var(--tt-24-font);
}
.hotels-single-page-main-container i:before {
  color: var(--tt-text-primary);
}
.single-vt_hotels .hotels-single-page-main-container .swiper-container i:before{
color: var(--tt-text-white);
}
.single-vt_hotels .amenities-list {
margin: 30px 0 0;
}
.single-vt_hotels .amenities-list ul.rlr-product-card__icon-text-list {
 list-style: none;
 display: flex;
 -ms-flex-flow: row wrap;
 flex-flow: row wrap;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 column-gap: 15px;
 margin: 10px 0 0;
}
.single-vt_hotels .amenities-list ul.rlr-product-card__icon-text-list i {
 font-size: var(--st-font-size-xmedium);
margin-right: 5px;
}
.hotels-single-page-main-container i.elementor-star-full:before {
  color: var(--tt-text-primary) !important;
}    
.hotels-single-page-main-container i.elementor-star-full {
  font-size: var(--tt-font-size-paragraph);
}
.hotels-header-section .destination-name i{
  font-size: var(--tt-font-size-paragraph);
}
.hotels-main-section,
.content-section {
  display: flex;
}
.travel-planner-details {
  text-align: center;
}
.travel-planner-details .display_planner-image {
  border-color: var(--tt-text-primary);
  height: 140px;
  width: 140px;
}
.travel-planner-details .planner-name h1{
  color: var(--tt-text-black);
  font-family: "Northwell Clean", Sans-serif;
font-size: var(--tt-font-size-main-heading);
font-weight: 500;
 line-height: 1.9;
}
.travel-planner-details .designation {
  margin-bottom: 20px;
}
.travel-planner-details .designation,
.title{
 font-size: var(--tt-font-size-paragraph);
 font-weight: 300;
 text-transform: uppercase;
 color: var(--tt-text-black);
 margin: -15px 0px 11px 0px;
 text-align: center;
}
.travel-planner-details .travel-planner-icon-box {
  display: flex;
  text-align: left;
  align-items: center;
  margin: 0 0 20px 0;
}
.travel-planner-details .travel-planner-icon-box .icon-box-title {
  font-size: var(--tt-font-size-small-paragraph);
}
.travel-planner-details  .icon-box-detail a,
.travel-planner-details  .icon-box-detail {
  color: var(--tt-text-black);
  max-width: 220px;
  word-wrap: break-word;
}
.mail-icon-box .icon-box-value a {
  font-size: var(--tt-font-size-small-paragraph);
}
.travel-planner-details  .icon-box-detail { 
  padding-left: 15px;
}
.travel-planner-details i.fa-envelope-square:before,
.travel-planner-details i.fa-mobile-alt:before,
.travel-planner-details i.fa-envelope:before {
  color: var(--tt-text-white) !important;
}
.travel-planner-details i.fa-envelope-square ,
.travel-planner-details i.fa-mobile-alt,
.travel-planner-details i.fa-envelope {
  background: var(--tt-bg-primary);
  height: 47px;
  width: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--tt-21-font);
  border-radius: 50%;
}
.sidebar-travel-planner-details .right-boxes:not(:first-child) {
  margin-top: 20px;
}
.sidebar-travel-planner-details .right-boxes {
  border-style: solid;
  border-width: 1px;
  border-color: var(--tt-text-primary);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: 0px;
  margin-bottom: 0px;
  /* padding: 0px 30px 30px 30px; */
  border-radius: 10px 10px 10px 10px;
}
.sidebar-travel-planner-details .sidebar-heading {
 color: var(--tt-text-white);
 font-size: calc( var(--tt-font-size-paragraph) + 4px );
 font-weight: 600;
 text-transform: uppercase;
padding: 8px 0;
}
.sidebar-travel-planner-details .travel-planner-details-heading {
  background: var(--tt-bg-primary);
  border-radius: 7px 7px 0px 0px;
  padding: 15px 35px 15px;
}
.sidebar-travel-planner-details .inner-pad-section {
  padding: 30px;
}
.sidebar-travel-planner-details .inner-pad-section {
  padding: 30px 15px;
}
.right-column {
  position: sticky;
  z-index: 1;
  top: 40px;
  height: 100%;
  padding-left: 30px;
}
p.icon-box-value {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  height: calc(1 * 24px);
}
.sidebar-travel-planner-details .hotel-points-container .inner-pad-section {
  padding: 40px 40px;
}
.sidebar-travel-planner-details .travel-planner-button {
  display: flex;
  justify-content: center;
  padding-top: 8px;
}
.sidebar-travel-planner-details .icon-box-value {
  color: var(--tt-text-black);
  font-size: var(--tt-font-size-paragraph);
  font-weight: 500;
}
.sidebar-travel-planner-details .icon-box-value.planner-phone-number {
  font-size: var(--tt-font-size-paragraph);
  margin-bottom: 20px;
}
.sidebar-travel-planner-details .travel-planner-button .plan-btn {
 background-color: var(--tt-bg-btn-secondary);
 color: var(--tt-text-white);
}

.sidebar-travel-planner-details .travel-planner-button .plan-btn:hover .travel-planner-details .travel-planner-button .plan-btn i.fa-arrow-right:before{
  color: var(--tt-text-black) !important;
}
.travel-planner-details .travel-planner-button .plan-btn {
  padding: 10px 25px;
  min-width: 187px;
  font-weight: 400;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.travel-planner-details .travel-planner-button .plan-btn i {
  font-size: var(--tt-font-size-small-paragraph);
  color: var(--tt-text-white);
}
.travel-planner-details .travel-planner-button .plan-btn i.fa-arrow-right:before {
  color: inherit;
}
.hotel-points-container ul li.elementor-icon-list-item {
 display: flex;
 align-items: center;
 line-height: 0;
}
.hotel-points-container ul li {
  list-style: none;
}
.hotel-points-container ul li .elementor-icon-list-text {
  padding-left: 15px;
  line-height: 2;
  font-weight: 500;
}
.hotel-points-container ul li i.fa-check-circle {
  font-size: var(--tt-22-font);
}
.hotel-points-container ul {
  margin: 0;
  margin-top: 15px;
}
.hotel-points-container ul li i.fa-check-circle:before {
  color: var(--tt-text-black) !important;
}
.hotel-certificates .hotel-certificates-container {
  display: flex;
  justify-content: space-around;
}
.hotel-share-icon-container {
  text-align: center;
  display: flex;
  justify-content: space-evenly;
  width: 75%;
  margin: 0 auto;
  padding-top: 13px;
}
.share-icons .hotel-share-icon-container i.fab,
.share-icons .hotel-share-icon-container i.fas {
  font-size: var(--tt-font-size-paragraph) !important;
}
.share-icons .hotel-share-icon-container i.fab:before,
.share-icons .hotel-share-icon-container i.fas:before {
  color: var(--tt-text-white) !important;
}
.hotel-share-icon-container .uael-share-icon {
 height: 20px;
 width: 20px;
 border-radius: 50%;
 padding: 17px;
}
.hotel-share-icon-container .uael-share-btn {
  height: 3.8em;
}
.hotel-share-icon-container .uael-share-btn__icon { 
  width: 3.8em;
}
.uael-share-btn-whatsapp .uael-share-btn .uael-share-btn__icon {
  background-color: var(--tt-whatsapp);
}
.uael-share-btn-facebook .uael-share-btn .uael-share-btn__icon {
  background-color: var(--tt-facebook);
}
.uael-share-btn-twitter .uael-share-btn .uael-share-btn__icon {
  background-color: var(--tt-twitter);    
}
.uael-share-btn-envelope .uael-share-btn .uael-share-btn__icon {
  background-color: var(--tt-envelope);
}
.hotel-information {
  margin-top: 15px;
}

.single-vt_hotels .hotel-loaction p i{
font-size: var(--tt-font-size-paragraph);
}
.single-vt_hotels .hotel-stars{
margin-right: 20px;
}
.single-vt_hotels .offer-title-section .hotel-details p{
margin-bottom: 0;
}
.single-vt_hotels .offer-title-section .hotel-details{
align-items: center;
}
.single-vt_special_offers .common_content {
  margin-top: 20px;
}
.hotel-tripadvisor{
display: flex;
 align-items: center;
}
.hotel-tripadvisor .star-rating{
margin-left: 10px;
 font-weight: 500;
}
/* Single special offer page */
.single-vt_special_offers .ast-container {
  max-width: 100%;
  padding: 0;
}
.special-offer-banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.special-offer-banner .banner-content h1 {
  padding: 180px 0;
  text-align: center;
  color: var(--tt-text-white);
}
#single-offer_new_style .special-offer-banner .swiper-navigation-button:after {
  display: none;
}
.hotel-gellery-special-offer .swiper-slide a{
  height: 100%;
}
.breakdance .bde-header-builder.bde-header-builder--overlay {
  position: relative !important;
}
.banner-content {
  position: relative;
  z-index: 1;
}
.banner-overlay {
  background-color: var(--tt-text-black);
  opacity: 0.25;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1;
}
.special-offer-ast-container {
  max-width: 1140px;
  margin: 0 auto;
}
.offer-title-section {
  display: flex;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: var(--tt-text-secondary);
}
.special-offer-ast-container ul#tabs-nav {
  border: none;
  margin-top: 30px;
  padding-left: 0;
}
.offer-title-section .travel-planner-button a {
  display: inline-block;
  padding-top: 6px;
  padding-right: 30px;
  padding-bottom: 6px;
  padding-left: 30px;
  font-weight: 500;
  border-color: var(--tt-text-primary);
  background-color: var(--tt-bg-primary);
}
.offer-title-section .hotel-details {
  display: flex;
  flex-wrap: wrap;
}
.offer-title-section .hotel-details p {
  padding: 8px 20px;
  background-color: var(--tt-bg-secondary);
  border-radius: 4px 4px 4px 4px;
  line-height: 1;
  margin: 0px 18px 10px 0px;
  font-weight: 400;
}
.offer-title-section .right-column {
  text-align: right;
}
/* Tabs */
ul#tabs-nav {
  display: flex;
  list-style: none;
  margin: 0;
  overflow: auto;
  cursor: grab;
  scroll-behavior: smooth;
}
ul#tabs-nav {
  scrollbar-color: var(--tt-blue) var(--tt-border);
  scrollbar-width: thin;
}
ul#tabs-nav::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(225 225 225 / 30%);
  background-color: var(--tt-white-light);
  border-radius: 3px;
}
ul#tabs-nav::-webkit-scrollbar {
  height: 4px;
  width: 6px;
  background-color: var(--tt-white-light);
  border-radius: 3px;
}
ul#tabs-nav::-webkit-scrollbar-thumb {
  background-color: var(--tt-bg-secondary);
}
ul#tabs-nav li {
  float: left;
  /* margin-right: 2px; */
  padding: 12px 20px;
  cursor: pointer;
  border-bottom:var(--tt-text-white) 2px solid;
  font-weight: 500;
}
.single-page-main-container ul#tabs-nav li {
  border-bottom: 1px solid var(--tt-text-primary);
}
ul#tabs-nav li.active{
 color: var(--tt-text-primary);
 border-bottom: var(--tt-text-primary) 2px solid;
 font-weight: 500;
}
ul#tabs-nav li.active a{
  color: var(--tt-text-primary);
}
#tabs-nav li a {
  text-decoration: none;
  color: var(--tt-text-black);
  font-size: var(--tt-font-title);
  min-width: 120px;
  white-space: nowrap;
}
.tab-content {
  padding-top: 25px;
  background-color: var(--tt-text-white);
}
.single-vt_special_offers .common_content h2 {
 margin-bottom: .7em;
}
.hotel-points-container {
  background-repeat: no-repeat;
  background-size: cover;
}
.hotel-points-container {
  position: relative;
}
.hotel-points-container .box-overlay {
  height: 101%;
  width: 100%;
  top: -1px;
  left: 0;
  position: absolute;
  background-color: var(--tt-bg-primary);
  opacity: 0.8;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  border-radius: 10px 10px 10px 10px;
}
.hotel-points-container .inner-pad-section {
  z-index: 99;
  position: relative;
  color: var(--tt-text-white);
}
.hotel-points-container .title {
 color: var(--tt-text-white);
 font-size: calc(var(--tt-font-size-paragraph) + 4px);
 font-weight: 600;
 text-transform: uppercase;
}
.hotel-points-container ul li i.fa-check-circle:before{
  color: var(--tt-text-white) !important;
}
.hotel-points-container .hotel-points-description {     
  margin: 22px 0px 20px!important;     
color: var(--tt-text-white);
 font-size: var(--tt-font-size-small-paragraph);
 font-weight: 500;
}
.hotel-gellery-special-offer .swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.special-offer-banner .swiper-featured-image {
  width: 100%;
}
.special-offer-banner .swiper-featured-image img{
  width: 100%;
  height: 450px;
  object-fit: cover;
  object-position: center;
}
.tabs {
  position: relative;
}

ul#tabs-nav {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: var(--tt-text-secondary);
}
.tab-button.tab-right {
  left: auto;
  right: 0;
}
/* Image Gallery Single Offer Page */
.gallery-container {
max-width: 100rem;
margin: 0 auto;
}
.heading {
font-family: "Montserrat", Arial, sans-serif;
font-size: var(--tt-64-font);
font-weight: 500;
line-height: 1.5;
text-align: center;
padding: 3.5rem 0;
color: var(--tt-heading);
}
.heading span {
display: block;
}
.gallery {
display: flex;
flex-wrap: wrap;
margin: -1rem -1rem;
}
.gallery-item {
flex: 1 0 24rem;
margin: 1rem;
box-shadow: 0.3rem 0.4rem 0.4rem rgb(161 153 153 / 40%);
overflow: hidden;
}
.offer-title-section .hotel-name-details .hotel-name {
  margin-bottom: 20px;
}
.hotel-gellery-special-offer .swiper-slide a {
  position: relative;
  display: block;
  z-index: 1;
}
.hotel-gellery-special-offer .swiper-slide a img {
 object-fit: cover;
 height: 300px;
}
.banner-content .hotel-gellery-special-offer .swiper-slide {
  height: 473px;
text-align: center;
background: var(--tt-text-white);
}
.banner-content .hotel-gellery-special-offer .swiper-slide:after {
  content: "";
  position: absolute;
  background: var(--tt-black-overlay-50);
  height: 100%;
  width: 100%;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.banner-content .hotel-gellery-special-offer .swiper-slide.swiper-slide-active:after {
  background-color: transparent;
}
.special-offer-content-section .hotel-details {
  margin-bottom: 20px;
}
.special-offer-content-section .hotel-name h1{
 font-size: var(--tt-font-size-sub-title);
 line-height: 1.3;
 padding-bottom: 0;
}
.swiper-navigation-button {
  background-color: var(--tt-bg-btn-primary) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto !important;
  height: auto !important;
}
.swiper-navigation-button i {
  color: var(--tt-text-white);
  padding: 9px 22px;
  font-size: var(--tt-font-size-medium-title);
}
.swiper-button-prev {
  left: 0 !important;
}
.swiper-button-next {
  right: 0 !important;
}
.banner-content .hotel-gellery-special-offer .swiper-slide img {
  width: 100%;
  height: 100%;
}

/* 29/12/2022 */

.sidebar-travel-planner-details .inner-pad-section .planner-name {
  margin-bottom: 25px;
}

.travel-planner-details .travel-planner-button.send-mail {
  margin-bottom: 10px;
}

.sidebar-travel-planner-details .icon-box-value.planner-phone-number a {
  font-size: var(--tt-font-size-medium-title);
  display: table;
  margin: 0 auto;
  line-height: 1;
  color: var(--tt-text-black);
  font-weight: normal;
  text-decoration: none;
}
.travel-planner-details .travel-planner-button.send-mail .plan-btn {
  padding: 10px 25px;
  background-color: transparent;
  color: var(--tt-text-black);
  border: 2px solid var(--tt-text-primary);
  min-width: 187px;
  font-size: var(--tt-font-size-paragraph );
}
.travel-planner-details .travel-planner-button.send-mail .plan-btn:hover {
  border-color: var(--tt-bg-btn-primary);
}

.call-icon {
  background-color: var(--tt-bg-primary);
  padding: 9px;
  display: inline-block;
  box-sizing: content-box !important;
  border-style: solid;
  border-color: var(--tt-text-primary);
  border-width: 1px 1px 1px 1px;
  border-radius: 100px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  color: var(--tt-text-white);
  position: relative;
}

.icon-wrap {
  display: flex;
  justify-content: center;
  width: 80%;
  margin: 0 auto 20px;
  align-items: center;
}

.divider-content {
  padding: 0 10px;
}

.icon-separator-line {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}
.icon-separator-line span {
  border-top: 1px solid var(--tt-text-primary);
  display: block;
}
.call-icon i {
  font-size: var(--tt-font-size-icon);
}
/******* Start 03-02-2023 single special offer page template two *******/

.single-special-offer-page-template-two .right_package_info{
  text-align: right;
}
.single-special-offer-page-template-two .detail-box{
   font-size: var(--tt-font-size-paragraph);
}
.single-special-offer-page-template-two .special_offer_label{
  position: relative;
  bottom:0px;
  font-size:var(--tt-font-size-small-paragraph);
}
.single-special-offer-page-template-two .bad_and_breakfast_details{
  top: -5px;
  position: relative;
}
.single-special-offer-page-template-two .bad_and_breakfast_details span{
  color: var(--tt-text-black);
  font-weight: 600;
}
.single-special-offer-page-template-two .hotel-details .hotel i, .hotel-details .hotel-loaction i{
  position: relative;
  margin-right: 2px;
  color: var(--tt-text-primary);
  
}
.single-special-offer-page-template-two .hotel-loaction{
  margin-left:15px;
}
.single-special-offer-page-template-two .sidebar-travel-planner-details .travel-planner-details-heading {
   padding: 8px 35px 15px;
}
.single-special-offer-page-template-two .sidebar-travel-planner-details .travel-planner-details-heading .sidebar-heading {
   padding: 0;
}
.single-special-offer-page-template-two .sidebar-travel-planner-details .travel-planner-details-heading span {
   text-align: left;
   display: block;
   color: var(--tt-text-white);
}
.single-special-offer-page-template-two .protected-title {
  display: flex;
  align-items: flex-start;
  padding: 15px 0;
  border-top: 1px solid var(--tt-text-white);
  border-bottom: 1px solid var(--tt-text-white);
  margin: 15px 0;
}

.single-special-offer-page-template-two .protected-title svg {
  width: 50px;
  margin-right: 10px;
}

.single-special-offer-page-template-two .protected-title p {
  width: calc(100% - 60px);
}

.single-special-offer-page-template-two .protected-logo {
  display: flex;
  align-items: center;
}

.single-special-offer-page-template-two .protected-name {
  width: 50%;
  padding-right: 5px;
}
.single-special-offer-page-template-two .protected-name:last-child {
  padding-right: 0;
  padding-left: 5px;
}
/*******End single page template two*******/
.hotel-details #tabs-nav li a h2{
 color: var(--tt-text-black);
 font-size: var(--tt-font-size-paragraph);
 margin: 0;
}


/*-----07-02-2023----*/



@media(min-width:1025px){

  .special-offer-content-section .left-column {
       width: 67%;
  }
  .special-offer-content-section .right-column {
       width: 33%;
  }

}


/*  Media Query Start */
@media(max-width:1024px){
  .hotels-header-section,
  .hotels-main-section,
  .content-section{
       display: block;
  }
  .left-column,
  .right-column {
       width: 100%;
       padding: 0;
  }
  .single-page-main-container {
       padding: 30px 30px 0 30px;
  }
  .star-rating-section {
       justify-content: start;
  }
  .star-rating-container {
       padding-left: 20px;
  }
  .sidebar-travel-planner-details {
       margin-top: 30px;
  }
  .footer-section .right-column.cta-iamge {
       text-align: center;
  }
  .special-offer-details-banner {
       padding: 25px 20px 25px 20px;
  }
  .special-offer-single-page-main-container.single-page-main-container{
       padding: 0;
  }
  .special-offer-ast-container {
       padding: 30px 30px 0 30px;
  }
  .hotel-gellery-special-offer .swiper-slide a img {
       height: 200px;
  }
  .banner-content .hotel-gellery-special-offer .swiper-slide {
       height: 100%;
  }
  .banner-content .hotel-gellery-special-offer .swiper-slide img {
       height: 60vw;
       object-fit: cover;
       width: 100%;
  }
  .swiper-navigation-button i {
       padding: 8px 19px;
       font-size: var(--tt-font-size-small-paragraph);
  }
  .offer-title-section .right-column {
       text-align: left;
       margin-top: 20px;
  }
  .offer-title-section .left-column {
       width: 67%;
  }
  .offer-title-section .right-column {
       width: 33%;
  }
  .offer-title-section .hotel-details p {
       margin: 10px 10px 0px 0px;
  }
  .offer-title-section .hotel-details {
       display: block;
  }
  .special-offer-banner .swiper-featured-image img {
       height: 250px;
  }
}
@media(max-width:820px){
  .single-special-offer-page-template-two .protected-name{
       width:20%;
  }
}
@media(max-width:768px){
  .single-special-offer-page-template-two .protected-name{
       width:20%;
  }
  .single-vt_hotels .offer-title-section .hotel-details {
       display: flex;
       align-content: center;
       justify-content: space-between;
   }
  .single-vt_hotels .special-offer-ast-container {
       padding: 30px 0px;
  }
  .single-vt_hotels .offer-title-section .hotel-name h1 {
       font-size: calc(var(--tt-font-size-sub-title) - 0.8rem);
  }
  .single-vt_hotels .offer-title-section .hotel-details p {
       margin-top: 0px;
  }
  .single-vt_hotels p.detail-box {
       margin-right: 0px;
  }
  .offer-title-section .hotel-name h1 {
       font-size: calc(var(--tt-font-size-sub-title) - 1rem);
  }
  .cta-button-container {
       width: 100%;
       display: block;
       text-align: center;
  }
  .cta-button-container > div {
       margin-top: 20px;
  }
  .footer-cta-section .cta-iamge {
       margin-top: 30px;
  }
  .special-offer-content-section {
       margin-top: 20px;
  }
  .special-offer-details-banner .details-banner-container {
       display: block;
  }
  .special-offer-details-banner .banner-boxes {
       width: 100%;
  }
  .special-offer-details-banner .banner-boxes:nth-child(2) {
       margin: 17px 0 17px 0;
  }
  .hotel-gellery-special-offer .gallery {
       --auto-grid-min-size: 8rem;
  }
  .hotel-gellery-special-offer .swiper-slide a img {
       height: 200px;
  }
  .offer-title-section {
       display: block;
       margin-top: 22px;
       margin-bottom: 22px;
  }
  .offer-title-section .hotel-details {
       display: flex;
  }
  .offer-title-section .hotel-details p {
       margin-top: 10px;
  }
  .offer-title-section .hotel-name h1 {
       padding-bottom: 11px;
  }
  .offer-title-section .left-column,
  .offer-title-section .right-column {
       width: 100%;
  }
  .footer-section.hotel-sections {
       margin-top: 50px;
  }
  #tabs-content .tab-content iframe {
       height: 315px;
  }
  .special-offer-content-section .offer-title-section .hotel-name {
       margin-bottom: 0;
  }
 .travel-planner-details .planner-name h1{
   font-size: var(--tt-font-size-main-heading);
 }
}
@media(max-width:425px){
  .single-special-offer-page-template-two .protected-name{
       width:100%;
  }
}