/*!

Theme Name: britmovietours

Theme URI: https://britmovietours.com/

Author: britmovietours

Author URI: https://britmovietours.com/

Description: britmovietours

*/











* {

	box-sizing: border-box;

  }

  

  

  html,

  body,

  body div,

  span,

  object,

  iframe,

  h1,

  h2,

  h3,

  h4,

  h5,

  h6,

  p,

  blockquote,

  pre,

  abbr,

  address,

  cite,

  code,

  del,

  dfn,

  em,

  img,

  ins,

  kbd,

  q,

  samp,

  small,

  strong,

  sub,

  sup,

  var,

  b,

  i,

  dl,

  dt,

  dd,

  ol,

  ul,

  li,

  fieldset,

  form,

  label,

  legend,

  table,

  caption,

  tbody,

  tfoot,

  thead,

  tr,

  th,

  td,

  article,

  aside,

  figure,

  footer,

  header,

  menu,

  nav,

  section,

  time,

  mark,

  audio,

  video,

  details,

  summary {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

  }

  

  article,

  aside,

  figure,

  footer,

  header,

  nav,

  section,

  details,

  summary {

	display: block;

  }

  

  img,

  object,

  embed {

	max-width: 100%;

  }

  

  ul {}

  

  blockquote,

  q {

	quotes: none;

  }

  

  blockquote:before,

  blockquote:after,

  q:before,

  q:after {

	content: '';

	content: none;

  }

  

  a {

	margin: 0;

	padding: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

  }

  

  del {

	text-decoration: line-through;

  }

  

  abbr[title],

  dfn[title] {

	border-bottom: 1px dotted #000;

	cursor: help;

  }

  

  table {

	border-collapse: collapse;

	border-spacing: 0;

  }

  

  th {

	font-weight: bold;

	vertical-align: bottom;

  }

  

  td {

	font-weight: normal;

	vertical-align: top;

  }

  

  hr {

	display: block;

	height: 1px;

	border: 0;

	margin: 1em 0;

	padding: 0;

  }

  

  input,

  select {

	vertical-align: middle;

	box-sizing: border-box;

  }

  

  pre {

	white-space: pre;

	/* CSS2 */

	white-space: pre-wrap;

	/* CSS 2.1 */

	white-space: pre-line;

	/* CSS 3 (and 2.1 as well, actually) */

	word-wrap: break-word;

	/* IE */

  }

  

  input[type="radio"] {

	vertical-align: text-bottom;

  }

  

  input[type="checkbox"] {

	vertical-align: bottom;

  }

  

  select,

  input,

  textarea {

	font: 99% sans-serif;

  }

  

  table {

	font-size: inherit;

  }

  

  small {

	font-size: 85%;

  }

  

  strong {

	font-weight: bold;

  }

  

  td,

  td img {

	vertical-align: top;

  }

  

  sub,

  sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

  }

  

  sup {

	top: -0.5em;

  }

  

  sub {

	bottom: -0.25em;

  }

  

  pre,

  code,

  kbd,

  samp {

	font-family: monospace, sans-serif;

  }

  

  .clickable,

  label,

  input[type=button],

  input[type=submit],

  input[type=file],

  button {

	cursor: pointer;

  }

  

  button,

  input,

  select,

  textarea {

	margin: 0;

	font-family: 'Mont';

  }

  

  button,

  input[type=button] {

	width: auto;

	overflow: visible;

  }

  

  input[type="submit"],

  button[type="submit"] {

	-webkit-appearance: none;

  }

  

  :focus {

	outline: none;

  }

  

  input[type="submit"]:focus {

	outline: none;

  }



  @font-face {

    font-family: 'Nacelle';

    src: url('webfonts/Nacelle-Regular.eot');

    src: url('webfonts/Nacelle-Regular.eot?#iefix') format('embedded-opentype'),

        url('webfonts/Nacelle-Regular.woff2') format('woff2'),

        url('webfonts/Nacelle-Regular.woff') format('woff'),

        url('webfonts/Nacelle-Regular.ttf') format('truetype'),

        url('webfonts/Nacelle-Regular.svg#Nacelle-Regular') format('svg');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Nacelle';

    src: url('webfonts/Nacelle-Light.eot');

    src: url('webfonts/Nacelle-Light.eot?#iefix') format('embedded-opentype'),

        url('webfonts/Nacelle-Light.woff2') format('woff2'),

        url('webfonts/Nacelle-Light.woff') format('woff'),

        url('webfonts/Nacelle-Light.ttf') format('truetype'),

        url('webfonts/Nacelle-Light.svg#Nacelle-Light') format('svg');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Nacelle';

    src: url('webfonts/Nacelle-SemiBold.eot');

    src: url('webfonts/Nacelle-SemiBold.eot?#iefix') format('embedded-opentype'),

        url('webfonts/Nacelle-SemiBold.woff2') format('woff2'),

        url('webfonts/Nacelle-SemiBold.woff') format('woff'),

        url('webfonts/Nacelle-SemiBold.ttf') format('truetype'),

        url('webfonts/Nacelle-SemiBold.svg#Nacelle-SemiBold') format('svg');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Nacelle';

    src: url('webfonts/Nacelle-Italic.eot');

    src: url('webfonts/Nacelle-Italic.eot?#iefix') format('embedded-opentype'),

        url('webfonts/Nacelle-Italic.woff2') format('woff2'),

        url('webfonts/Nacelle-Italic.woff') format('woff'),

        url('webfonts/Nacelle-Italic.ttf') format('truetype'),

        url('webfonts/Nacelle-Italic.svg#Nacelle-Italic') format('svg');

    font-weight: normal;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Nacelle';

    src: url('webfonts/Nacelle-Bold.eot');

    src: url('webfonts/Nacelle-Bold.eot?#iefix') format('embedded-opentype'),

        url('webfonts/Nacelle-Bold.woff2') format('woff2'),

        url('webfonts/Nacelle-Bold.woff') format('woff'),

        url('webfonts/Nacelle-Bold.ttf') format('truetype'),

        url('webfonts/Nacelle-Bold.svg#Nacelle-Bold') format('svg');

    font-weight: 700;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Nacelle';

    src: url('webfonts/Nacelle-Thin.eot');

    src: url('webfonts/Nacelle-Thin.eot?#iefix') format('embedded-opentype'),

        url('webfonts/Nacelle-Thin.woff2') format('woff2'),

        url('webfonts/Nacelle-Thin.woff') format('woff'),

        url('webfonts/Nacelle-Thin.ttf') format('truetype'),

        url('webfonts/Nacelle-Thin.svg#Nacelle-Thin') format('svg');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Nacelle';

    src: url('webfonts/Nacelle-Heavy.eot');

    src: url('webfonts/Nacelle-Heavy.eot?#iefix') format('embedded-opentype'),

        url('webfonts/Nacelle-Heavy.woff2') format('woff2'),

        url('webfonts/Nacelle-Heavy.woff') format('woff'),

        url('webfonts/Nacelle-Heavy.ttf') format('truetype'),

        url('webfonts/Nacelle-Heavy.svg#Nacelle-Heavy') format('svg');

    font-weight: 800;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Nacelle';

    src: url('webfonts/Nacelle-Black.eot');

    src: url('webfonts/Nacelle-Black.eot?#iefix') format('embedded-opentype'),

        url('webfonts/Nacelle-Black.woff2') format('woff2'),

        url('webfonts/Nacelle-Black.woff') format('woff'),

        url('webfonts/Nacelle-Black.ttf') format('truetype'),

        url('webfonts/Nacelle-Black.svg#Nacelle-Black') format('svg');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Nacelle';

    src: url('webfonts/Nacelle-UltraLight.eot');

    src: url('webfonts/Nacelle-UltraLight.eot?#iefix') format('embedded-opentype'),

        url('webfonts/Nacelle-UltraLight.woff2') format('woff2'),

        url('webfonts/Nacelle-UltraLight.woff') format('woff'),

        url('webfonts/Nacelle-UltraLight.ttf') format('truetype'),

        url('webfonts/Nacelle-UltraLight.svg#Nacelle-UltraLight') format('svg');

    font-weight: 200;

    font-style: normal;

    font-display: swap;

}





  

 :root {

	--font-body: 'Nacelle';

  

	--color-black: #000000;

	--color-white: #ffffff;

	--color-body-color: #252525;

	--color-red: #BA2025;

	--color-darkred: #A60F13;

	--color-extremered: #FF2525;

	--color-blue: #0E76BC;

	--color-darkblue: #001624;

	--color-black400: #888888;

	--color-black900: #3D3D3D;

	--color-offwhite: #F2F2F2;

	--color-lightred: #FFCDCD;

	--color-grey-e3: #E3E3E3;

	--color-yellow: #F5C400;

	--color-grey-52: #525252;

	--color-grey-86: #868686;

	--color-grey-d5: #D5D5D5;

	--color-grey-42: #424242;

	--color-grey-ec: #ECECEC;

	--color-sky-blue: #E5F5FF;

	--color-sky-blue2: #E5F4FF;

  --color-sky-blue3: #CBEBFF;

	--color-grey-64: #646464;

	--color-grey-71: #717171;

	--color-light-blue: #004B7A;

	--color-darkblue2: #00243C;

	--color-darkblue3: #002F4F;

	--color-skyblue: #BCE5FF;

	--color-white-ef: #EFEFEF;

	--color-white-f1: #F1F1F1;

	--color-white-eb: #EBEBEB;

	--color-light-red: #EB262E;

	--color-light-pink: #FFC0C0;

	--color-light-grey: #aaaaaa;

	

   



  

  } 

  

  

  body {

	font-size: 18px;

	font-weight: 400;

	line-height: 1.5;

	color: var(--color-body-color);

	font-family: var(--font-body);

	position: relative;

  }



  @media screen and (max-width: 1400px) {



    body{

      font-size: 16px;

    }

    

  }





  @media screen and (max-width: 1199px) {



    body{

      font-size: 16px;

     

    }

    

  }



  

  

  .main {

	max-width: 1230px;

	margin: 0 auto;

	width: 100%;

	padding: 0 15px;

  }

  

  @media screen and (max-width: 1400px) {



	.main{

		max-width: 1140px;

	}



  }



  @media screen and (max-width: 1199px) {

	

	.main{

		max-width: 960px;

	}



  }



  @media screen and (max-width: 991px) {



	.main{

		max-width: 720px;

	}



  }





  @media screen and (max-width: 767px) {



	.main{

		max-width: 540px;

	}





  }



  @media screen and (max-width: 540px) {

	

	.main{

		max-width: 100%;

	}





  }



  .small-body{

	font-size: 16px;



  }



  .small-body p{

	line-height: 1.5;

  }

  

  

  h1,

  h2,

  h3,

  h4,

  h5,

  h6 {

	font-family: var(--font-body);

	font-weight: 600;

	padding: 0;

	margin: 0 0 20px;

	color: var(--color-black);

	text-transform: none;

	line-height: 1.2;

  }

  

  

  h1 , .h1 {

	font-size: 48px;	

	line-height: 1.4;

  }



 



  @media screen and (max-width: 1400px) {

    h1, .h1{

      font-size: 40px;

    }

  

  }



  @media screen and (max-width: 1199px) {

    h1, .h1{

      font-size: 36px;

    }

  

  }



  @media screen and (max-width: 991px) {

    h1, .h1{

      font-size: 30px;

    }

  }



  @media screen and (max-width: 767px) {

    h1, .h1{

      font-size: 28px;

    }

  }





  h2, .h2{

    font-size: 40px;    

    line-height: 1.2;

  }





  

  @media screen and (max-width: 1400px) {

    h2, .h2{

      font-size: 36px;

    }

  

  }



  @media screen and (max-width: 1199px) {

    h2, .h2{

      font-size: 32px;

    }

  

  }



  @media screen and (max-width: 991px) {

    h2, .h2{

      font-size: 28px;

    }

  }



  @media screen and (max-width: 767px) {

    h2, .h2{

      font-size: 26px;

    }

  }

  

  

  

  h3, .h3 {

	font-size: 30px;    

	line-height: 1;	  

  }



  @media screen and (max-width: 1400px) {

    h3, .h3{

      font-size: 24px;

    }

  

  }





  @media screen and (max-width: 991px) {

    h3, .h3{

      font-size: 22px;

    }

  

  }



  @media screen and (max-width: 767px) {

    h3, .h3{

      font-size: 20px;

    }

  

  }





  

  h4, .h4{

	font-size: 24px;

   



  }



  

  @media screen and (max-width: 1400px) {

    h4, .h4{

      font-size: 20px;

    }

  

  }





  @media screen and (max-width: 991px) {

    h4, .h4{

      font-size: 18px;

    }

  

  }





  



  h5{

	font-size: 20px;	

	font-weight: 500;

  }



  

  @media screen and (max-width:1199px) {

    h4, .h4{

      font-size: 18px;

    }

  

  }



  

  

  h6{

	font-size: 18px;	

  }	

  



  

  

  

  

  .cf::after {

	display: table;

	content: "";

	clear: both;

  }

  

  p {

	margin: 0 0 16px;

	line-height: 1.5;



  }

  

  @media screen and (max-width:1199px) {

    p{

      line-height: 1.5;

    }

  }





  a {

	color: var(--color-red);

	text-decoration: none;

	transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

  }

  

  a:hover,

  a:focus {

	color: var(--color-blue);

	outline: none;

  }

  

  

  input[type="text"],

  input[type="email"],

  input[type="url"],

  input[type="password"],

  input[type="search"],

  input[type="number"],

  input[type="tel"],

  input[type="range"],

  input[type="date"],

  input[type="month"],

  input[type="week"],

  input[type="time"],

  input[type="datetime"],

  input[type="datetime-local"],

  input[type="color"],

  textarea,

  select {

	font-size: 13px;

	font-weight: 400;

	font-family: var(--font-body);

	color: var(--color-black);

	border: 1px solid var(--color-white);

	border-radius: 6px;

	padding: 14px 18px;

	box-shadow: none;

	width: 100%;

	margin: 0;	

	background-color: var(--color-white);  

	vertical-align: middle;

	box-sizing: border-box;

  

  }



   



  



	@media screen and (max-width: 767px) {

   

		input[type="text"],

		input[type="email"],

		input[type="url"],

		input[type="password"],

		input[type="search"],

		input[type="number"],

		input[type="tel"],

		input[type="range"],

		input[type="date"],

		input[type="month"],

		input[type="week"],

		input[type="time"],

		input[type="datetime"],

		input[type="datetime-local"],

		input[type="color"],

		textarea,

		select {

	  font-size: 14px;

		}

		

		}

  

  

  textarea {

	height: 120px;

  }

  

  

  

  select {

	box-shadow: none;

	appearance: none;

	-webkit-appearance: none;

	background-image:url(images/select-arrow.svg) ;

	background-position: 97% center;

	background-size: auto;

	background-repeat: no-repeat;

  padding-right: 30px;

  }

  

  ::-webkit-input-placeholder {

	/* Chrome/Opera/Safari */

	color: var(--color-black400);

	opacity: 1;

  }

  

  ::-moz-placeholder {

	/* Firefox 19+ */

	color: var(--color-black400);

	opacity: 1;

  }

  

  :-ms-input-placeholder {

	/* IE 10+ */

	color: var(--color-black400);

	opacity: 1;

  }

  

  :-moz-placeholder {

	/* Firefox 18- */

	color: var(--color-black400);

	opacity: 1;

  }

  

  

  .c-row {

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

  }

  

  .c-col {

	display: flex;

	flex-direction: column;

	flex-wrap: nowrap;

  }

  

  

  

  input[type="submit"],

  button[type="submit"],

  .btn {

	display: inline-block;

	position: relative;

	font-size: 16px;

	font-weight: 600;

	font-family: var(--font-body);

	color: var(--color-white);

	border: 1px solid var(--color-red);

	background: var(--color-red);

	text-transform: none;

	line-height: 1;

	position: relative;

	transition: all 0.3s ease-in-out;

	padding: 18px 20px 14px;

	min-width: 170px;

	border-radius: 300px;

	text-align: center;

  

	-webkit-appearance: none;

	outline: none;

	cursor: pointer;

  }

  input[type="submit"]:hover,

  input[type="submit"]:focus,

  .btn:hover,

  .btn:focus,

  .btn:active,

  .btn:first-child:active {

	background: var(--color-darkred);

	color: var(--color-white);

	border-color: var(--color-darkred);

	outline: none;

  }



  .btn.border-btn{

  border-color: var(--color-grey-d5);

  background: var(--color-white);

  color: var(--color-grey-42);

  font-weight: 400;

  }



  .btn.border-btn:hover,

  .btn.border-btn:focus,

  .btn.border-btn:active{

    border-color: var(--color-darkred);

    background: var(--color-darkred);

    color: var(--color-white);

  }



  





  @media screen and (max-width: 1200px) {



    input[type="submit"],

  button[type="submit"],

  .btn {

    padding: 15px 20px;

    min-width: 150px;

  }



  }





  .wishlist-btn{

	background: var(--color-offwhite);

	border: 1px solid var(--color-offwhite);

	color: var(--color-black);

	padding: 5px 4px 4px 11px;

	border-radius: 30px;

	text-transform: capitalize;

	display: inline-block;

	vertical-align: middle;

	margin-right: 16px;

	font-size: 16px;

    min-width: 125px;

    font-weight: 600;

	

  }



  .wishlist-btn-text {

    display: inline-block;

    vertical-align: middle;

    line-height: 1;

    padding-top: 3px;

}



  .wishlist-btn i{

	display: inline-block;

	vertical-align: middle;

	background: var(--color-lightred);

	color: var(--color-extremered);

	height: 36px;

	line-height: 36px;

	width: 36px;

	border-radius: 50%;

	text-align: center;

	margin-left: 12px;

  }







  .wishlist-btn:hover , .wishlist-btn:focus{

	background: var(--color-darkred);

	color: var(--color-white);

	border-color: var(--color-darkred);

  }





  .home .wishlist-btn{

	background: rgba(255, 255, 255, 0.16);

	border-color: var(--color-offwhite);

	color: var(--color-white);

  }



  .home .wishlist-btn i{

	background: var(--color-white);

  }



  .home .wishlist-btn:hover , .home .wishlist-btn:focus{

	background: var(--color-red);

	color: var(--color-white);

	border-color: var(--color-red);

  }





  .btn-square{

	display: inline-block;

	vertical-align: middle;

	color: var(--color-white);

	position: relative;

	text-align: center;

	min-width: 160px;

	padding: 10px 15px;

  font-weight: 600;

  }



  .btn-square svg{

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	transition: all 0.3s ease-in-out;

  }



  .btn-square-text{

	position: relative;

	z-index: 1;

  top: 2px;

  }



  .btn-square:hover , .btn-square:focus{



	color: var(--color-white);

	

  }



  .btn-square:hover svg, .btn-square:focus svg{

	fill: var(--color-darkred);

  }



  .btn-square.white-btn-square:hover , .btn-square.white-btn-square:focus{

	color: var(--color-red);

  } 



  .btn-square.white-btn-square:hover svg, .btn-square.white-btn-square:focus svg{

	fill: var(--color-red);

  }







  @media screen and (max-width: 1200px) {

    .btn-square{

      min-width: 130px;

      padding: 5px 15px;

    }

  }



.site-header{	

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 10;

    transition: all 0.5s ease-in-out;

    width: 100%;

	

  background: var(--color-white);

}



.header-sec{

  padding: 25px 0;

}



.single .site-header{

  border-bottom: 1px solid var(--color-light-grey);

}



.home .site-header{

  background: transparent;

}



.site-header.follow{

  background: var(--color-white);

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);

}



.site-header.follow .enumenu_ul > ul > li > a, .home .site-header.follow .megamenu-main .mega-menu > li.mega-menu-item > a.mega-menu-link{

	color: var(--color-black) !important;

  }



  .site-header.follow .enumenu_ul > ul > li:hover > a, .home .site-header.follow .enumenu_ul > ul > li:focus > a , .home .site-header.follow .enumenu_ul > ul > li.current-menu-item > a,

  .site-header.follow .megamenu-main .mega-menu > li.mega-menu-item > a.mega-menu-link.mega-current-menu-item > a,

  .home .site-header.follow .megamenu-main .mega-menu > li.mega-menu-item > a.mega-menu-link:hover, .home .site-header.follow .megamenu-main .mega-menu > li.mega-menu-item > a.mega-menu-link:focus{

	color: var(--color-red) !important;

  }



  .site-header.follow .logo img.dark-logo{

    display: block !important;

  }



  .site-header.follow .logo img.white-logo{

    display: none !important;

  }



  .site-header.follow .wishlist-btn {

    background: var(--color-offwhite);

    border: 1px solid var(--color-offwhite);

    color: var(--color-black);

  }



  .site-header.follow .wishlist-btn:hover, .site-header.follow .wishlist-btn:focus {

    background: var(--color-red);

    color: var(--color-white);

    border-color: var(--color-red);

}







.home .blankDiv{

  display: none;

}



.site-header .main{

	max-width: 1353px;

}





.header-row{

	justify-content: space-between;

	align-items: center;

}



.logo {

    width: 209px;

    display: block;

    position: relative;

    z-index: 99999;

}



.dark-logo-header .logo img.dark-logo{

  display: block;

}



.dark-logo-header .logo img.white-logo{

  display: none;

}



.logo img{

	width: 100%;

	height: auto;

	display: block;

}



.logo img.dark-logo{

	display: none;



}



.dark-logo-header .logo img.dark-logo{

  display: block;

}





.dark-logo-header .logo img.white-logo{

  display: none;

}







.site-header-btn-wrap{

	display: inline-block;

	vertical-align: middle;

	margin-left: 47px;

}





  .menu-main {

	  display: inline-block;

	  vertical-align: middle;

	

  }

  .menu-close{display: none;}

  

  .menu-icon {

	  display: none;

  }

  

  .enumenu_ul ul {

	  padding: 0;

	  margin: 0;

	  list-style: none;

	  font-weight: 400;

	  font-size: 16px;

	  line-height: 1;

  }

  

  .enumenu_ul > ul {

	  display: inline-block;

	  vertical-align: middle;

  }

  

  .enumenu_ul > ul > li {

	  display: inline-block;

	  vertical-align: middle;

	  position: relative;

	line-height: 1;

	  margin-right: 30px;

  }



  

  .enumenu_ul > ul > li:last-child{

	  margin-right: 0;

  }

  

  .enumenu_ul > ul > li.mob-menu-item{display: none;}

  

  

  .enumenu_ul > ul > li > a {   

	   display: block;       color:var(--color-black);  letter-spacing: 0; padding: 5px 0;  position: relative; line-height: 1;

  }



  .home .enumenu_ul > ul > li > a{

	color: var(--color-white);

  }



  .home .enumenu_ul > ul > li:hover > a, .home .enumenu_ul > ul > li:focus > a , .home .enumenu_ul > ul > li.current-menu-item > a{

	color: var(--color-red);

  }



  .enumenu_ul > ul > li > a:before{

	content: "";

	display: block;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 2px;

	transform: scaleX(0);

	transition: transform 300ms ease;

	transform-origin: right;

	background: var(--color-red);

  }

  .enumenu_ul > ul > li:hover > a, .enumenu_ul > ul > li:focus > a , .enumenu_ul > ul > li.current-menu-item > a{

	 color: var(--color-red);

  }

  

  .enumenu_ul > ul > li:hover > a:before , .enumenu_ul > ul > li:focus > a:before , .enumenu_ul > ul > li.current-menu-item > a:before{

	transform-origin: left;

	transform: scaleX(1);

  }

  

  .enumenu_ul > ul > li ul {    position: absolute;    top: 100%;    left: 0;    min-width: 185px;    

	  z-index: 9;            text-align: left;    display: none;  border-radius: 0;  background: var(--color-red); }

  

	 

  

  

	  .enumenu_ul > ul > li ul li{margin: 0; position: relative; z-index: 2;}

  .enumenu_ul li:hover > ul, .enumenu_ul li:focus > ul {

		  display: block;

	  }

  

	  .enumenu_ul > ul > li ul > li > a {

		  color: var(--color-white);

		  font-weight: 400;

		  display: block;

		  text-transform: capitalize;     

		  padding: 10px 15px;

		  font-size: 16px;

	  }

	  .enumenu_ul > ul > li ul > li:hover > a, .enumenu_ul > ul > li ul > li:focus > a

	  , .enumenu_ul > ul > li ul > li.current_page_item > a {

		  color: var(--color-white);

		  text-decoration: underline;

		  

	  }

  

	  .enumenu_ul > ul > li.has-children > a:after{font-family: "Font Awesome 5 Pro"; font-weight: 300;     content: "\f107"; margin-left: 3px; 

		display: inline-block;		vertical-align: middle;}

  













  .home-banner-sec {

    position: relative;

    min-height: 720px;

    display: block;

    z-index: 1;

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

    padding: 150px 0;

    justify-content: center;

}





.home-banner-video , .home-banner-img{

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    overflow: hidden;

}



.home-banner-video:before , .home-banner-img:before {

    content: "";

    background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) 84.43%, #000000 107.36%);



    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    z-index: 2;

}



.home-banner-video video {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    z-index: 1;

    overflow: hidden;

}



.home-banner-img img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

}









.mobile-banner-video , .mobile-banner-img{

  display: none;

}









  .home-banner-content{

	text-align: center;

	position: relative;

	z-index: 2;

	max-width: 900px;

	width: 100%;

	margin: 0 auto;

  }



  .home-banner-content h1{

	color: var(--color-white);

  

  }



  .home-banner-btn-wrap{

	text-align: center;

  }



  .home-banner-btn-wrap .btn-square{

	margin: 0 20px 20px;

  }



  .home-banner-btn-wrap .btn-square.white-btn-square{

    color: var(--color-black);

  }



  .home-banner-btn-wrap .btn-square.white-btn-square:hover , 

  .home-banner-btn-wrap .btn-square.white-btn-square:focus{

    color: var(--color-white);

  }





  .tour-section{

    position: relative;

    padding: 128px 0 54px;

    overflow: hidden;

  }



  .tour-section .main{

    z-index: 1;

    position: relative;

  }



  .tour-section-bg{

    position: absolute;

    left: 0;

    top: -55px;

    bottom: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    overflow: hidden;

  }



  .tour-section-bg img{

    width: 100%;

    height: 100%;

    object-fit: contain;

    object-position: center;

  }



  .title-center-content{

    text-align: center;

  }



  .title-center-content h2{



  }



  .title-center-content.tour-title-content {

    padding: 0 0 28px;

  }



  .tour-slider-item{

    padding: 0 8px;

    flex-grow: 1;

    display: flex !important;

    flex-direction: column;

    flex-wrap: nowrap;

  }



  .tour-slide-card{

    background: var(--color-white);

    border:1px solid var(--color-grey-e3);

    border-radius: 20px;

    padding: 10px 10px 15px;

    flex-grow: 1;

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

    justify-content: space-between;

    text-align: left;

  }



  .tour-slider .slick-list{

    margin: 0 -8px;

  }



  .tour-slider .slick-track{

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

  }



  .tour-slider .slick-slide{

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

    height: auto;

  }



  .tour-slider .slick-slide > div{

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

    height: auto;

    flex-grow: 1;

  }



  .tour-slider .slick-dots{

    display: none !important;

  }



  .tour-slide-image{

    padding-bottom: 56.5%;

    position: relative;

    margin: 0 0 12px;

  }



  .tour-slide-image > img{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    border-radius: 15px;

  }



  .tour-slide-img-new{

    position: absolute;

    left: 14px;

    top: 14px;

    width: 38px;

  }



  .tour-slide-img-new > img{

    width: 100%;

    display: block;

  }



  .wishlist-icon{

    width: 30px;

    height: 30px;

    background: var(--color-white);

    border-radius: 50%;

    display: inline-block;

    vertical-align: middle;

    text-align: center;

    line-height: 34px;

    color: var(--color-extremered);

    font-size: 14px;

  }



  .tour-slide-image .wishlist-icon{

    position: absolute;

    right: 12px;

    top: 12px;

  }



  /*.wishlist-icon:hover , .wishlist-icon:focus , */
  .wishlist-icon.active{

    color: var(--color-white);
    background: var(--color-extremered);

  }



  .tour-slide-rating{

    color: var(--color-grey-52);

    font-size: 13px;

    font-weight: 400;

    margin: 0 0 13px;

    display: block;

    line-height: 1.4;

    padding: 0 9px;

  }



  .tour-slide-rating i{

    color: var(--color-yellow);

    margin-right: 7px;

    font-size: 14px;

  }



  .tour-slide-content-inner{

    padding: 0 9px;

  }



  .tour-slide-content-inner h6{

    color: var(--color-black);

    margin: 0 0 4px;

  }



  .tour-slide-content-inner p{

    font-size: 14px;

    color: var(--color-body-color);

    line-height: 1.5;

    margin: 0 0 11px;

    font-weight: 300;

  }



  .tour-slide-time{

    justify-content: space-between;

    align-items: center;

    line-height: 1;

    margin: 0 0 12px;

    padding: 0 9px;

  }



  .tour-slide-time-left i{

    color: var(--color-grey-86);

    margin-right: 2px;

  }



  .tour-slide-time-text{

    font-size: 14px;

    font-weight: 600;

  }



  .tour-slide-price-text{

    display: inline-block;

    vertical-align: middle;

    font-size: 14px;

    font-weight: 600;

    margin-right: 2px;

  }



  .tour-slide-price-value{

    font-size: 18px;

    font-weight: 600;

    color: var(--color-black);

  }



  .tour-slide-btn {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

  }



  .tour-slide-btn .btn{

    margin: 8px 8px 0 0;

    padding: 14px 15px 10px;

    flex-grow: 1;

  }



  .tour-slide-btn .btn:last-child{

    margin-right: 0;

  }



  .slick-arrow-bottom{

    justify-content: center;

    align-items: center;

    margin-top: 48px;

  }

  .slick-arrow{

    font-weight: 600;

    margin: 0 7px;

    width: 42px;

    height: 42px;

    background: var(--color-grey-ec);

    border: none;

    padding: 0;

    box-shadow: none;

    outline: none;

    border-radius: 50%;

    display: inline-block;

    vertical-align: middle;

    text-align: center;

    line-height: 42px;

    color: var(--color-body-color);

    font-size: 16px;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

  }



  .slick-arrow:hover,

  .slick-arrow:focus,

  .slick-arrow:active{

    background: var(--color-red);

    color: var(--color-white);

  }



  .why-choose-section{

    position: relative;

    background: var(--color-sky-blue);

    padding: 88px 0 80px;

  }



  .why-choose-section-bg{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    overflow: hidden;

    /* opacity: 0.5; */

    mix-blend-mode: soft-light;

  }



  .why-choose-section-bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

  }



  .why-choose-section .main{

    position: relative;

    z-index: 1;

    

  }



  .title-center-content.why-choose-title-content h2 {

    margin: 0 0 12px;

    }



    .title-center-content.why-choose-title-content {

      padding: 0 0 27px;

    }



  .why-choose-row{

    margin: 0 -10px;

  }



  .why-choose-col{

    padding: 0 10px;

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

  }



  .why-choose-box-col{

    width: 30%;

  }



  .why-choose-slider-col{

    width: 40%;

  

  }



  .why-choose-img-slider{

    flex-grow: 1;

  }



  .why-choose-box-item{

    margin-bottom: 20px;

  }



  .why-choose-box-item:last-child{

    margin-bottom: 0;

  }



  .why-choose-box{

    border-radius: 22px;

    background: var(--color-white);

    padding: 23px 20px 33px;

    text-align: center;

  }



  .why-choose-box-icon{

    background: var(--color-sky-blue2);

    border-radius: 50%;

    width: 68px;

    height: 68px;

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

    align-items: center;

    justify-content: center;

    text-align: center;

    margin: 0 auto 37px;

    padding: 10px;

    position: relative;

  }



  .why-choose-box-icon > img{

    width: auto;

    display: block;

    margin: 0 auto;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    max-width: 100%;

    max-height: 100%;

    padding: 10px;

  }



  .why-choose-box-content h5{

    font-weight: 600;

    margin: 0 0 15px;

  }



  .why-choose-box-content p{

    font-size: 16px;

    line-height: 1.5;

  }



  .why-choose-box-content > *:last-child{

    margin-bottom: 0 ;

  }



  .why-choose-img-slider-item{

    margin: 0 0 12px;

    display: block !important; 

    height: 250px;

    position: relative;

  }



  .why-choose-img-slider-item img{

    width: 100%;

    display: block;

    border-radius: 20px;

    height: 100%;

    object-fit: cover;

    object-position: center;

  }



  .load-more-btn-wrap{

    text-align: center;

    padding: 45px 0 0;

  }



  .load-more-btn-wrap .btn {

    padding: 20px 12px 16px;

}





.destination-section{

  padding: 127px 0 112px;

  position: relative;

}



.title-center-content.destination-title-content {

  padding: 0 0 12px;

}



.destination-section-bg{

  position: absolute;

  right: 20px;

  top: 9%;

}



.destination-section-bg img{

  display: block;

}



.destination-section .main{

  position: relative;

  z-index: 1;

}



.destination-slider{

 text-align: center;



 



}





.destination-slider-item{

  padding: 15px 6px;

  display: flex !important;

  flex-direction: column;

  flex-wrap: nowrap;

  height: auto;

  flex-grow: 1;

}



.destination-slider .slick-list{

  margin: 0 -6px;

}



.destination-slider .slick-track{

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

}



.destination-slider .slick-slide{

  display: flex !important;

  flex-direction: column;

  flex-wrap: nowrap;

  height: auto;

}



.destination-slider .slick-slide > div{

  display: flex !important;

  flex-direction: column;

  flex-wrap: nowrap;

  height: auto;

  flex-grow: 1;

}



.destination-slide-card{

  border: 1px solid #E5E5E5;

  border-radius: 20px;

  padding: 10px 10px 18px;

  background: var(--color-white);

  flex-grow: 1;

  display: block;

  text-align: center;

  transition: all 0.3s ease-in-out;

}



.destination-slide-card:hover , .destination-slide-card:focus{

  transform: translateY(-10px);

}



.destination-slide-image{

  padding-bottom: 56%;

  position: relative;

  margin: 0 0 14px;

}



.destination-slide-image img{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 15px;

  display: block;

}



.destination-slide-content{

  padding: 0 23px;

}



.destination-slide-content h5{

  margin: 0 0 12px;

  font-weight: 600;

}



.destination-slide-content p{

  font-size: 16px;

  line-height: 1.5;

  color: var(--color-body-color);

  margin: 0 0 30px;

}



.destination-arrow{

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background: var(--color-grey-ec);

  border-radius: 50%;

  display: block;

  margin: 0 auto;

  color: var(--color-body-color);

}





.slick-dots{

  background: var(--color-grey-ec);

  border-radius: 30px;

  padding: 0 3px 1px;

  display: inline-block;

  line-height: 1;

  margin: 30px 0 0;

}



.slick-dots li{

  display: inline-block;

  vertical-align: middle;

 margin: 0 2px;

}





.slick-dots li button{

  width: 10px;

  height: 10px;

  background: var(--color-white);

  border-radius: 50%;

  border: none;

  padding: 0;

  outline: none;

  cursor: pointer;

  transition: all 0.3s ease-in-out;

  box-shadow: none;

  font-size: 0;

  display: block;

}



.slick-dots li button:hover , .slick-dots li button:focus , .slick-dots li.slick-active button{

  background: var(--color-blue);

}





.social-sec{

  position: relative;

  background: var(--color-sky-blue);

  padding: 100px 0;

  min-height: 500px;

}



.social-sec-bg{

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

}



.social-sec-bg img{

  display: block;

  margin: 0 auto;

}



.review-section{

  padding: 120px 0;

  position: relative;

}



.ti-widget.ti-trip .ti-review-item{

  padding: 0 15px !important;

}



.ti-widget.ti-trip .ti-reviews-container-wrapper{

  margin: 0 -15px !important;

}





.review-slider .ti-widget.ti-trip .ti-review-item>.ti-inner{

  border: 1px solid rgba(0, 0, 0, 0.1);

  border-radius: 20px !important;

  display: flex !important;

  flex-direction: column;

  flex-wrap: nowrap;

}



.ti-widget.ti-trip .ti-review-header {

  order: 4;

}

.ti-widget.ti-trip .ti-read-more{

  order: 3;

  padding-bottom: 10px;

}

.ti-widget.ti-trip .ti-review-item .ti-stars{

  order: 1;

}



.ti-widget.ti-trip .ti-review-content{

  order: 2;

}



.review-slider .ti-widget.ti-trip .ti-review-content{

font-size: 18px !important;

font-family: var(--font-body) !important;

margin: 0 0 4px;

}



.review-slider  .ti-widget.ti-trip .ti-widget-container .ti-name{

  font-size: 14px !important;

  font-family: var(--font-body) !important;

  color: #313131 !important;

}



.review-slider .ti-widget.ti-trip .ti-with-tooltip{

font-size: 10px !important;

font-family: var(--font-body) !important;

color: #425466 !important;

}



.review-slider .ti-widget.ti-trip .ti-controls .ti-next,.review-slider .ti-widget.ti-trip .ti-controls .ti-prev{

  margin: 0 7px;

  width: 42px;

  height: 42px;

  background: var(--color-grey-ec);

  border: none;

  padding: 0;

  box-shadow: none;

  outline: none;

  border-radius: 50%;

  display: inline-block;

  vertical-align: middle;

  text-align: center;

  line-height: 42px;

  color: var(--color-body-color);

  font-size: 16px;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



.review-slider .ti-widget.ti-trip .ti-controls .ti-next:hover,.review-slider .ti-widget.ti-trip .ti-controls .ti-next:focus,

.review-slider .ti-widget.ti-trip .ti-controls .ti-prev:hover,.review-slider .ti-widget.ti-trip .ti-controls .ti-prev:focus{

  background: var(--color-red) !important;

  color: var(--color-white) !important;

  box-shadow: none !important;

}



.review-slider .ti-widget.ti-trip .ti-controls {

  top: auto !important;

  bottom: -30px;

  margin: 10px 0 0 !important;

}



.review-slider .ti-widget.ti-trip .ti-controls .ti-prev {

  left: 45%;

}



.review-slider .ti-widget.ti-trip .ti-controls .ti-next {

  right: 46%;

}









.title-center-content.social-title-content {

  padding: 0 0 20px;

}



.black-friday-section{

  padding: 0 0 128px;

}



.black-friday-image{

  display: block;

}



.black-friday-image img{

  border-radius: 20px;

  display: block;

}







.black-friday-image:hover , .black-friday-image:focus{

  opacity: 0.8;

}



.latest-news-section{

  padding: 0 0 131px;

}



.latest-news-top-content{

  justify-content: space-between;

  align-items: center;

  margin: 0 0 31px;

}



.latest-news-top-content-left > *:last-child{

  margin-bottom: 0;

}



.read-all-link{

  font-size: 18px;

  font-weight: 600;

  color: var(--color-grey-64);

  display: inline-block;

  text-transform: capitalize;

}



.read-all-link i{

  font-size: 16px;

  margin-left: 10px;

  color: var(--color-body-color);

  position: relative;

  top: -1px;

}



.read-all-link:hover , .read-all-link:focus{

  color: var(--color-darkred);

}



.latest-news-row{

  margin: 0 -11px;

}



.latest-news-col{

  padding: 0 11px;

 

}



.latest-news-col-left{

  width: 52%;

}



.latest-news-col-right{

  width: 48%;

}





.latest-news-item-card{

  display: block;

  color: var(--color-body-color);

}



.latest-news-item-image{

  padding-bottom: 55%;

  position: relative;

  margin: 0 0 24px;

}



.latest-news-item-image img{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

  border-radius: 10px;

}



.latest-news-item-title{

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-between;

  line-height: 1;

}



.latest-news-item-title h6{

  margin: 0 0 14px;

}



.latest-news-date{

  display: inline-block;

}



.latest-news-date img{

width: 18px;

display: inline-block;

vertical-align: middle;

margin-right: 11px;

position: relative;

top: -2px;

}



.latest-news-date-text{

  color: var(--color-grey-71);

  font-size: 14px;

  font-weight: 400;

}



.latest-news-item-content p{

  line-height: 1.5;

  margin: 0 0 10px;

}



.circle-grey-arrow{

  width: 36px;

  height: 36px;

  line-height: 36px;

  text-align: center;

  background: var(--color-grey-ec);

  border-radius: 50%;

  display: inline-block;

  vertical-align: middle;

  color: var(--color-body-color);

  display: block;

  font-size: 15px;

}



.latest-wide-news-item{

  margin: 0 0 26px;

}



.latest-wide-news-item-card{

  display: block;

  color: var(--color-body-color);

}



.later-wide-news-item-row{

  align-items: center;

  margin: 0 -6px;

}



.latest-wide-news-item-left{

  width: 41%;

  padding: 0 6px;

}



.latest-wide-news-item-content{

 

  position: relative;

}



.latest-wide-news-item-right{

  width: 59%;

  padding: 0 6px;

}





.latest-wide-news-item-title{



}



.latest-wide-news-item-image{

  padding-bottom: 62%;

  position: relative;

}



.latest-wide-news-item-image img{

  width: 100%;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 10px;

}



.latest-wide-news-item-title{

  position: relative;

  padding-right: 45px;

}



.latest-wide-news-item-title h6 {

  margin: 0 0 14px;

}



.latest-wide-news-item-content .circle-grey-arrow{

  position: absolute;

  right: 6px;

  top: 4px;

}



.latest-wide-news-item-title .latest-news-date {

  padding: 0 0 5px;

}



.latest-wide-news-item-content p{

line-height: 1.5;

letter-spacing: -0.3px;

}



.latest-wide-news-item-content > *:last-child{

  margin-bottom: 0;

}



.awards-sec{

  padding: 88px 0 65px;

  position: relative;

  background: var(--color-sky-blue);

  overflow: hidden;

}



.title-center-content.awards-title-content {

  padding: 0 0 36px;

}



.awards-sec-bg{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.awards-sec-bg img{

  display: block;

  margin: 0 auto;

  width: 100%;

  mix-blend-mode: overlay;

  height: 100%;

  object-position: top center;

  object-fit: cover;

}



.awards-sec .main{

  position: relative;

  z-index: 1;

}



.awards-slider{



}



.awards-slider .slick-list{

  margin: 0 -10px;

}



.awards-slider-item{

  padding: 0 10px;

}



.awards-slide-box{

  min-height: 220px;

  background: var(--color-white);

  border-radius: 10px;

  padding: 20px;

  position: relative;

}



.awards-slide-box img{

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  width: auto;

  height: auto;

  max-width: 100%;

  max-height: 100%;

  display: block;

}



.newsletter-form {

  padding-top: 10px;

}



.newsletter-sec{

  padding: 96px 0 50px;

}



.newsletter-box{

  border-radius: 30px;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: center;

  padding: 30px 15px;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  min-height: 275px;

}



.newsletter-box-content{

  text-align: center;

  color: var(--color-white);

  padding: 0 0 12px;

}



.newsletter-box-content h2{

  color: var(--color-white);

  margin: 0 0 4px;

}



.newsletter-box-content p{

font-weight: 400;

line-height: 1.2;

}



.newsletter-field-box {

  max-width: 376px;

  margin: 0 auto;

  background: var(--color-white);

  border-radius: 30px;

  padding: 2px;

  position: relative;

  text-align: left;

}





.newsletter-field-box input[type="email"]{

width: calc(100% - 140px);

border-radius: 0;

border: 0;

font-size: 10px;

font-family: var(--font-body);

color: #6D6D6D;

font-weight: 400;

box-shadow: none;

padding: 11px 10px 11px 35px;

background-color: transparent;

background-image: url(images/newsletter-email-icn.svg);

background-position: 12px center;

background-repeat: no-repeat;

background-size: 16px;

}





.newsletter-field-box input[type="submit"].wpcf7-submit{

font-size: 16px;

font-weight: 400;

font-family: var(--font-body);

text-transform: capitalize;

border-radius: 0 30px 30px 0;

border: 0;

position: absolute;

right: 2px;

top: 2px;

padding: 0 10px;

height: 36px;

line-height: 38px;

min-width: 140px;

}



.newsletter-field-box input[type="email"]:-webkit-autofill, .newsletter-field-box input[type="email"]:-webkit-autofill:hover, .newsletter-field-box input[type="email"]:-webkit-autofill:focus, .newsletter-field-box input[type="email"]:-webkit-autofill:active{

  -webkit-background-clip: text;

    -webkit-text-fill-color: #000; /* adjust if needed */



    transition: background-color 9999s ease-in-out 0s;



    background-image: url(images/newsletter-email-icn.svg) !important;

    background-repeat: no-repeat;

    background-position: left 12px center;

    background-size: 18px;

}



.newsletter-field-box p{

  margin: 0;

  line-height: 1;

}



.wpcf7 form.invalid .wpcf7-response-output{

  display: none;

}



.newsletter-form .wpcf7-not-valid-tip{

  position: absolute;

    left: 0;

    bottom: -36px;

    font-size: 14px;

}







.newsletter-field-box input[type="email"]::-webkit-input-placeholder {

	/* Chrome/Opera/Safari */

	color: #6D6D6D;

	opacity: 1;

  }

  

  .newsletter-field-box input[type="email"]::-moz-placeholder {

	/* Firefox 19+ */

	color: #6D6D6D;

	opacity: 1;

  }

  

  .newsletter-field-box input[type="email"]::-ms-input-placeholder {

	/* IE 10+ */

	color: #6D6D6D;

	opacity: 1;

  }

  

  .newsletter-field-box input[type="email"]::-moz-placeholder {

	/* Firefox 18- */

	color: #6D6D6D;

	opacity: 1;

  }



  .newsletter-form input[type="checkbox"]{

    margin-right: 10px;

    vertical-align: middle;

  }



  .newsletter-checkbox{

    display: none !important;

  }



.footer-sec{

  background: var(--color-darkblue);

  color: var(--color-white);

  padding: 145px 0 38px;

}



.site-footer {

  font-weight: 400;

}



.footer-row{

  margin: 0 -30px;

}



.footer-col{

  padding: 7px 30px 0;

  margin: 0 0 50px;

}



.footer-col.footer-col-1 {

  width: 30%;

}



.footer-nav-col{

  width: 17%;

}







.footer-nav-col{

  border-right: 1px solid #8d9299;

}



.footer-contact-col {

  width: 19%;

  border-right: 0;

}



.footer-logo{

  max-width: 257px;

  width: 100%;

  display: block;

  margin: 0 0 34px;

}



.footer-logo img{

  width: 100%;

  display: block;

}

.foo-contact-address-item{

  position: relative;

  padding-left: 34px;

  margin: 0 0 27px;

}



.foo-contact-address-item img{

  position: absolute;

  left: 0;

  top: 0;

}



.foo-contact-address-item-content p{

  font-size: 14px;

  line-height: 1.5;

  opacity: 0.7;

  margin: 0;

}



.social-links{

  

}



.social-links ul{

display: inline-block;

padding: 12px 16px;

border-radius: 30px;

background: var(--color-darkblue2);

line-height: 1;

}



.social-links ul li{

  display: inline-block;

  vertical-align: middle;

  margin: 0 20px 0 0;

}



.social-links ul li:last-child{

  margin-right: 0;

}



.social-links ul li a{

  color: var(--color-blue);

  font-size: 22px;

}





.social-links ul li a:hover,

.social-links ul li a:focus{

  color: var(--color-white);

}



.footer-col h6{

  color: var(--color-white);

  text-transform: capitalize;

  margin: 0 0 18px;

}



.footer-nav-col ul{

  padding: 0;

  margin: 0;

  list-style: none;

}



.footer-nav-col ul li{

 display: block;

 margin: 0 0 13px;

 line-height: 1.2;

}



.footer-nav-col ul li a{

  color: var(--color-white);

  font-size: 14px;

  line-height: 1.2;

  opacity: 0.6;

  text-transform: capitalize;

}



.footer-nav-col ul li a:hover,

.footer-nav-col ul li a:focus{
opacity: 1;
  /*color: var(--color-blue);*/

}





.footer-contact-content ul{

  padding: 0;

  margin: 0;

  list-style: none;

}



.footer-contact-content ul li{

  display: block;

  margin: 0 0 20px;

  position: relative;

  line-height: 1.2;

  text-align: left;

  padding-left: 34px;



  color: rgba(255, 255, 255, 0.7);

  font-size: 14px;

  line-height: 1.2;

  opacity: 1;

}



.footer-contact-content ul li a{

  color: rgba(255, 255, 255, 0.7);  

  position: relative;

}



.footer-contact-content ul li i{

  position: absolute;

  left: 0;

  top: 0;

  font-size: 14px;

  color: var(--color-blue);



} 



.footer-contact-content ul li a:hover,

.footer-contact-content ul li a:focus{

  color: var(--color-white);

}



.footer-contact-content {

  padding: 0 0 10px;

}



.footer-disc{

background: var(--color-darkblue3);

color: var(--color-white);

text-align: center;

padding: 14px 0;

}



.footer-disc p{

  margin: 0;

  font-size: 14px;

line-height: 1.2;

opacity: 0.7;

}



.inner-banner-section{

  /* min-height: 412px; */

  min-height: 200px;

  position: relative;

  padding: 50px 0;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: center;

  

}



.inner-banner-bg{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



.inner-banner-bg img{ 

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}



.inner-banner-bg:before{

  content: "";

  background: rgba(0, 2, 24, 0.44);

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  

}



.inner-banner-section .main{

  position: relative;

  z-index: 1;

}



.inner-banner-content{



  text-align: center;

  color: var(--color-white);

}



.inner-banner-content h1{

  color: var(--color-white);

  margin: 0 0 11px;

  line-height: 1.4;

}



.inner-banner-content h2 ,.inner-banner-content h3 , 

.inner-banner-content h4 ,.inner-banner-content h5 ,.inner-banner-content h6{

  color: var(--color-white);

}



.inner-banner-content > *:last-child{

  margin-bottom: 0;

}





.banner-tour-search-main{

  max-width: 1108px;

  padding-top: 14px;

}



.banner-tour-search-row {

  align-items: center;

}





.banner-tour-search-box{

border: 1px solid var(--color-white);

background: rgba(255, 255, 255, 0.14);

border-radius: 100px;

padding: 9px 10px;

}



.filter-icon{

  width: 42px;

  height: 42px;

  background: var(--color-white);

  border-radius: 50%;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: center;

  align-items: center;

  color: var(--color-red);

}



button[type="submit"].filter-search-btn{

  width: 50px;

  height: 50px;

  background: var(--color-red);

  border-radius: 50%;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: center;

  align-items: center;

  color: var(--color-white);

  min-width: inherit;

  padding: 0;

}



button[type="submit"].filter-search-btn:hover , button[type="submit"].filter-search-btn:focus{

  background: var(--color-darkred);

  color: var(--color-white);

}



.banner-tour-search-col-2{

  width: calc(100% - 92px);

  margin: 0 auto;

  padding: 0 10px;

}





.filter-search-btn svg{

  width: 18px;

  margin: 0 auto;

  display: block;

}





.banner-tour-select-row{

  margin: 0 -5px;

}



.banner-tour-selectbox-col{

  padding: 0 5px;

  width: 25%;

}



.banner-tour-select-box{

  position: relative;

}



.banner-tour-select-icon{

  position: absolute;

  left: 6px;

  top: 7px;

  width: 30px;

  height: 30px;

  background: var(--color-red);

  border-radius: 50%;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: center;

  align-items: center;

  color: var(--color-white);

}



.banner-tour-select-icon img{

  display: block;

  margin: 0 auto;

}



select.banner-tour-select{

 font-size: 14px;

 font-weight: 400;

 color: var(--color-black);

 background-color: var(--color-white);

 border: 0;

 border-radius: 30px;

 padding: 16px 25px 12px 42px;

 background-image: url(images/select-arrow.svg);

 background-position: 95% center;

 background-size: auto;

 background-repeat: no-repeat;

 text-transform: capitalize;

}





.all-tour-section{

  padding: 67px 0 108px;

}



.all-tour-title-content h2 {

  margin: 0 0 12px;

}



.title-center-content.all-tour-title-content {

  padding: 0 0 5px;

}



.all-tour-grid-row{

  margin: 0 -7px;

}

.all-tour-grid-col{

  width: 33.333%;

  padding: 0 7px;

  margin-bottom: 25px;

}







.blue-bg-review-section-bg{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  overflow: hidden;

  background: var(--color-skyblue);

}



.blue-bg-review-section-bg img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  opacity: 0.5;

  mix-blend-mode: soft-light;

}



.review-section .main{

  position: relative;

  z-index: 1;

}





.why-choose-4-grid-row{

  margin: 0 -10px;

}



.why-choose-4-col{

  padding: 0 10px;

  margin-bottom: 20px;

  width: 25%;

}



.why-choose-section.white-bg-why-choose-section{

  background: var(--color-white);

}



.white-bg-why-choose-section .why-choose-box{

  border:1px solid rgba(0, 0, 0, 0.1);

  border-radius: 22px;

  flex-grow: 1;

}



.white-bg-why-choose-section .title-center-content.why-choose-title-content {

  padding: 0 0 18px;

}



.white-bg-why-choose-section  .load-more-btn-wrap{

  padding-top: 19px;

}





.tour-detail-intro-sec{

  padding: 60px 0 35px;

}



.tour-detail-intro-row{

  margin: 0 -10px;

  justify-content: space-between;

}



.tour-detail-intro-col{

  padding: 0 10px;



}



.tour-detail-intro-col-left {

  width: 45.6%;

  padding-top: 7px;

}



.tour-detail-intro-col-right {

  width: 51.6%;

}



.tour-intro-btn-wrap {

  padding: 0 0 19px;

}



.tour-intro-btn-wrap .btn{

  margin: 0 6px 14px 0;

}



.btn.btn-wide{

border-radius: 10px;

min-width: 194px;

padding: 22px 12px 18px;

text-transform: capitalize;

}



.btn-wide.white-btn-wide{

  background: transparent;

  color: var(--color-white);

  border-color: var(--color-white);

}



.btn-wide.white-btn-wide:hover, .btn-wide.white-btn-wide:focus{

  background: var(--color-red);

  color: var(--color-white);

  border-color: var(--color-white);

}







.tour-detail-intro-left-content h1{

  position: relative;

  padding-right: 50px;

  margin: 0 0 35px;

}



.tour-detail-intro-left-content h1 .pink-heart-icon{

  position: absolute;

  right: 0;

  top: 0;

  width: 40px;

  height: 40px;

  line-height: 40px;

  font-size: 18px;

  

}



.wishlist-icon.pink-heart-icon{

  background: var(--color-white);

  color: var(--color-extremered);

  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);

}



.wishlist-icon.pink-heart-icon.active{

  background: var(--color-lightred);

  color: var(--color-extremered);

  box-shadow: none;

}



.tour-detail-intro-col p{

  line-height: 1.5;

}



.tour-detail-content-row{

  justify-content: space-between;

  margin: 0 -10px;

}



.tour-detail-content-col{

  padding: 0 10px;

}





.tour-detail-content-col-left{

  width: 57.3%;

}



.thumbnail-slider-for{

  margin: 0 0 10px;

  visibility: hidden;

}



.thumbnail-slider-for.slick-initialized{

  visibility: visible;

}



.thumbnail-slider-nav{

  visibility: hidden;

}



.thumbnail-slider-nav.slick-initialized{

  visibility: visible;

}



.thumbnail-slider-item-image{

  padding-bottom: 58%;

  position: relative;

}



.thumbnail-slider-item-image img{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

  border-radius: 15px;

}





.thumbnail-slider-nav-image{

  padding-bottom: 82%;

  position: relative;

}



.thumbnail-slider-nav-image img{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

  border-radius: 15px;

}





.thumbnail-slider-item{

  display: block !important;

}



.thumbnail-slider-nav-item{

  padding: 0 4px;

  display: block !important;

}



.thumbnail-slider-nav .slick-list{

  margin: 0 -4px;

}



.thumbnail-slider-for .slick-dots{

position: absolute;

left: 50%;

bottom: 20px;

transform: translateX(-50%);

margin: 0;

background: rgba(236, 236, 236, 0.36);

}



.thumbnail-slider-for .slick-dots li button{

  background: rgba(255, 255, 255, 0.57);

}



.thumbnail-slider-for .slick-dots li button:hover, .thumbnail-slider-for .slick-dots li button:focus, .thumbnail-slider-for .slick-dots li.slick-active button{

background: var(--color-white);

}



.thumbnail-slider-for .slick-arrow{

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 1;

}



.thumbnail-slider-for .slick-prev{

  left: 12px;

}



.thumbnail-slider-for .slick-next{

  right: 12px;

}





.tour-detail-info-box{

  background: var(--color-sky-blue);

  border-radius: 15px;

  padding: 32px 32px 23px;

  margin: 0 0 43px;

}





.tour-detail-info-list-item{

  margin: 0 0 20px;

  position: relative;

  padding-left: 35px;

  font-size: 16px;

  font-weight: 400;

}





.tour-detail-info-list-item:last-child{

  margin-bottom: 0;

}



.tour-detail-info-list-item-icon{

  position: absolute;

  left: 0;

  top: 0;

  min-width: 25px;

  max-width: 25px;

}



.tour-detail-info-list-item-icon img{

 display: block;

}



.tour-detail-info-list-item-content p{

  margin: 0;

  line-height: 1.5;

}





.tour-detail-info-list-item-content p strong{

font-weight: 400;

color: var(--color-black);

}



.tour-detail-info-location-row{

  margin: 0 -10px;

}



.tour-detail-info-location-col{

  padding: 0 10px;

  width: 220px;

}



.tour-detail-info-location-col-title{

  display: block;

  font-size: 12px;

  color: var(--color-black);

  text-transform: capitalize;

  line-height: 1;

}



.tour-detail-info-location-col-content{

color: var(--color-black);

}



.thumbnail-slider-main{

  margin: 0 0 35px;

}



.tour-hightlight-content h2{

margin: 0 0 26px;

}



.list-style-icn ul{

  padding: 0;

  margin: 0;

  list-style: none;

}



.list-style-icn ul li{

  display: block;

  margin: 0 0 18px;

  padding-left: 35px;

  position: relative;

  line-height: 1.8;

}



.list-style-icn ul li:before{

  content: "";

  width: 20px;

  height: 16px;

  background-image: url(images/highlight-icn.svg);

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;

  position: absolute;

  left: 0;

  top: 7px;

  display: block;

}



.tour-detail-content-col-right{

  width: 40.5%;

}



.tour-detail-right-bg{

background: var(--color-sky-blue);

border-radius: 16px;

padding: 16px;

position: sticky;

top: 111px;

}





.tour-video-box{

  position: relative;

}



.tour-video-box img{

  width: 100%;

  display: block;

  border-radius: 8px;

  z-index: 1;

  position: relative;

}





.video-box{

  position: relative;

  display: block;

}



.video-box img{

 

}



.video-box i {

  width: 44px;

  height: 44px;

  line-height: 44px;

  text-align: center;

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  margin: 0 auto;

  transform: translateY(-50%);

  font-size: 20px;

  background: var(--color-white);

  border-radius: 50%;

  color: var(--color-black);

  z-index: 1;

}





.video-container {

  max-width: 1000px;

  background: #fff;

  padding: 30px;

  margin: 0 auto;

  position: relative;

}



.popup-columns-video {

  padding-bottom: 58%;

  position: relative;

}



.popup-columns-video video, .popup-columns-video iframe {

  position: absolute;

  left: 0;

  right: 0;

  width: 100%;

  top: 0;

  bottom: 0;

  height: 100%;

  margin: 0;

  border: 0;

  padding: 0;

}



.tour-detail-video{

  margin: 0 0 19px;

}









/**

 * Fade-move animation for second dialog

 */



/* at start */

.my-mfp-slide-bottom .zoom-anim-dialog {

	opacity: 0;

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;



	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );



}



/* animate in */

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {

	opacity: 1;

	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

}



/* animate out */

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {

	opacity: 0;



	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

}



/* Dark overlay, start state */

.my-mfp-slide-bottom.mfp-bg {

	opacity: 0;



	-webkit-transition: opacity 0.3s ease-out; 

	-moz-transition: opacity 0.3s ease-out; 

	-o-transition: opacity 0.3s ease-out; 

	transition: opacity 0.3s ease-out;

}

/* animate in */

.my-mfp-slide-bottom.mfp-ready.mfp-bg {

	opacity: 0.8;

}

/* animate out */

.my-mfp-slide-bottom.mfp-removing.mfp-bg {

	opacity: 0;

}



.mfp-close {

  width: 30px;

  height: 30px;

  line-height: 30px;

}



/* Download button in image popup bottom bar */



.mfp-counter{

  top: 12px;

}

.mfp-bottom-bar .mfp-download-btn {

  display: inline-block;

  padding: 6px 12px;

  font-size: 14px;

  line-height: 1.4;

  color: #fff;

  background: rgba(255, 255, 255, 0.2);

  border-radius: 4px;

  text-decoration: none;

  transition: opacity 0.2s, background 0.2s;

}

.mfp-bottom-bar .mfp-download-btn:hover {

  background: rgba(255, 255, 255, 0.35);

  color: #fff;

}



.tour-detail-white-calander-bg{

  border-radius: 16px;

  background: var(--color-white);

  padding: 21px 18px;

}



.tour-detail-selectobx-main h6{

  font-weight: 400;

  margin: 0 0 11px;

}



.tour-detail-selectobx-main select{

  border-radius: 32px;

  background-color: var(--color-white-ef);

  color: var(--color-grey-52);

  font-size: 18px;

  padding: 24px 20px 20px;

  background-position: 94% center;

}



.tour-detail-selectobx-main {

  padding: 0 0 25px;

}



.tour-price-main h6{

  font-weight: 400;

  margin: 0 0 11px;

}



.tour-price-table {

  padding: 0 0 15px;

}



.tour-price-table table{

  width: 100%;

  border-collapse: collapse;

  border: 0;

  background: transparent;

  color: var(--color-black);

}



.tour-price-table table td{

 border: 0;

 background: transparent;

 border-top: 1px solid var(--color-white-ef);

 padding: 14px 0;

 vertical-align: middle;

}



.tour-price-table table td:last-child{

  text-align: right;

  padding-left: 5px;

}



.tour-price-title-top {

  display: block;

  padding-right: 10px;

}



.tour-price-title-bottom {

  display: block;

  color: #858585;

  font-size: 14px;

  padding-right: 10px;

}









.faq-section{

  padding: 65px 0 0;

}





.title-center-content.faq-title-content {

  padding: 0 0 10px;

}



.accordion{

  padding: 0;

  margin: 0;

  list-style: none;

}



.accordion > li{

  display: block;

  margin: 0 0 20px;

}



.accordion-title{

  background: var(--color-sky-blue);

  color: var(--color-black);    

  display: block;  

  font-size: 20px;

  font-weight: 600;

  padding: 27px 75px 27px 28px;

  position: relative;  

  border-radius: 10px;

 

}



.accordion-title:hover ,.accordion-title:focus , .accordion-title.active{

  background: var(--color-sky-blue);

  color: var(--color-black);

}



.accordion-title.active{

  border-radius: 10px 10px 0 0;

  padding-top: 23px;

  padding-bottom: 4px;

}



.accordion-title:before{  

  font-family: "Font Awesome 6 Pro";

  font-weight: 400;

  content: "\f107";

  position: absolute;

  right: 28px;

  width: 40px;

  height: 40px;

  line-height: 44px;

  text-align: center;

  background: var(--color-white);

  color: var(--color-black);

  top: 50%;

  transform: translateY(-50%);

  transform-origin: top center;

  /* transition: all 0.3s ease-in-out; */

  font-size: 22px;

  border-radius: 50%;

}



.accordion-title.active:before{

  transform: rotate(180deg) translateY(-50%);

  font-family: "Font Awesome 6 Pro";

  color: var(--color-white);

  background: var(--color-red);

}



.accordion-content{

  display: none;

  background: var(--color-sky-blue);

  padding: 0 28px 15px; 

  border-radius: 0 0 10px 10px;

}



.accordion-content a{

  text-decoration: underline;

}



.accordion-content a:hover , .accordion-content a:focus{

  text-decoration: underline;

}





.accordion-content > *:last-child{

  margin: 0;

}



.accordion-content p{

  line-height: 1.5;

  max-width: 1040px;

}





.tour-slider.other-tours-slider .slick-dots{

  display: inline-block !important;

}



.other-tours-section .tour-slider-nav{

  display: none;

}



.other-tours-section{

  text-align: center;

}





.inner-banner-section.inner-banner-section-lg{

  min-height: 500px;

}



.news-list-section{

  padding: 67px 0 108px;

}



.news-list-title-content{

  padding: 0 0 20px;

}



.news-list-row{

  margin: 0 -15px;

}



.news-list-col{

  padding: 0 15px;

  width: 33.333%;

  margin: 0 0 33px;

}



.news-list-card{

  display: block;

  color: var(--color-body-color);

}



.news-list-card:hover , .news-list-card:focus{

  color: var(--color-body-color);

  transform: translateY(-10px);

}



.news-list-item-image{

  padding-bottom: 65%;

  position: relative;

  margin: 0 0 23px;

}



.news-list-item-image img{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

  border-radius: 15px;

}





.news-list-item-content .latest-news-date{

margin: 0 0 9px;

}



.news-list-item-content h5{

font-weight: 600;

line-height: 1.4;

margin: 0 0 12px;

}



.news-list-item-content p strong{



}



.news-list-item-content p{

  line-height: 1.4;

  color: var(--color-body-color);

}





.trending-news-box{

  background: var(--color-sky-blue);

}



.trending-news-row{



}



.trending-news-col{



}



.trending-news-col-left{

  padding: 38px 37px;

  width: 51.5%;

}



.trending-news-col-left h2{

  margin: 0 0 25px;

}





.trending-news-left-list{

max-height: 500px;

overflow-y: auto;

overflow-x: hidden;

}



.trending-news-col-right{

  width: 48.5%;

}



.trending-news-right-item{

  flex-grow: 1;

  min-height: 665px;

  position: relative;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: space-between;

  align-items: flex-start;

  padding: 33px 36px;

}



.trending-news-img{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: block;

  border-radius: 6px;

  overflow: hidden;

  

}



.trending-news-img img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

  border-radius: 6px;

}



.trending-news-img:before{

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.6);

}



.trending-news-lable{

  font-size: 20px;

  font-weight: 400;

  border: 1px solid #EBEEF3;

  color: #EBEEF3;

  padding: 9px 26px;

  line-height: 1;

  display: inline-block;

  text-transform: capitalize;

  border-radius: 3px;

  position: relative;

  z-index: 1;

}



.trending-news-content{

  position: relative;

  z-index: 1;

}



.trending-news-content h2{

font-weight: 600;

color: var(--color-white);

line-height: 1.4;

}



.trending-news-date{

  font-weight: 400;

  color: var(--color-white);

}



.trending-news-content > *:last-child{

  margin-bottom: 0;

}



.trending-news-left-list .latest-wide-news-item-left{

  width: 45%;

  padding: 0 10px;

}



.trending-news-left-list .latest-wide-news-item-right{

  width: 55%;

  padding: 0 10px;

}



.trending-news-left-list .later-wide-news-item-row{

  justify-content: space-between;

  margin: 0 -10px;

}



.trending-news-left-list .latest-wide-news-item-content p{

  font-size: 14px;

}



.trending-news-left-list .latest-wide-news-item:last-child{

  margin-bottom: 0;

}



.trending-news-section{

  padding: 0 0 120px;

}



.featured-news-box{

  background: var(--color-sky-blue);

  padding-bottom: 40px;

}



.featured-news-item-card{

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: space-between;

  align-items: flex-start;

  position: relative;

  padding: 40px;

  min-height: 533px;

}



.featured-news-item-image{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: block;

  border-radius: 6px 6px 0 0;

  overflow: hidden;

}



.featured-news-item-image img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

  border-radius: 6px 6px 0 0;

}



.featured-news-item-image:before{

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.6);

}



.featured-news-lable{

  font-size: 18px;

  font-weight: 400;

  border: 1px solid #EBEEF3;

  color: #EBEEF3;

  padding: 9px 26px;

  line-height: 1;

  display: inline-block;

  text-transform: capitalize;

  border-radius: 3px;

  position: relative;

  z-index: 1;

}





.featured-news-content{

  color: var(--color-white);

  position: relative;

  z-index: 1;

  max-width: 780px;

}



.featured-news-content h2{

  color: var(--color-white);

  margin: 0 0 9px;

    line-height: 1.4;

}



.featured-news-content .latest-news-date{

  

}



.featured-news-content p{

  font-size: 14px;

  font-weight: 500;

  line-height: 1.3;

}



.featured-news-content .latest-news-date-text{

  color: var(--color-white);

}



.featured-news-content > *:last-child{

margin-bottom: 0;

}



.featured-news-slider .slick-arrow{

bottom: 0;

position: absolute;

z-index: 1;

background: var(--color-white);

color: #231F20;

}



.featured-news-slider .slick-arrow:hover, .featured-news-slider .slick-arrow:focus, .featured-news-slider .slick-arrow:active{

  background: var(--color-red);

  color: var(--color-white);

}



.featured-news-slider .slick-prev{

  left: 10px;

}



.featured-news-slider .slick-next{

  right: 10px;

}



.featured-news-slider .slick-dots{

  background-color: transparent;

  padding: 0;

  display: block;

  width: 100%;

  text-align: center;

  padding: 0 60px;

  margin-top: 20px;

  

}



.featured-news-slider .slick-dots li button{

width: 42px;

height: 42px;

line-height: 44px;

text-align: center;

background: var(--color-white);

color: var(--color-grey-52);

padding: 0;

font-size: 16px;

font-weight: 600;

font-family: var(--font-body);





}



.featured-news-slider .slick-dots li button:hover, .featured-news-slider .slick-dots li button:focus, .featured-news-slider .slick-dots li.slick-active button{

  background: var(--color-red);

  color: var(--color-white);

  

}



.featured-news-slider .slick-dots li{

margin: 0 6px;

}







.pagination , .pagination-wrap{

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  list-style: none;

  margin: 0;

  padding: 0;

}



.pagination li{

  margin: 0 6px 12px;

}







.page-num , .page-numbers{

  min-width: 43px;

  height: 43px;

  line-height: 46px;

  text-align: center;

  padding: 0 5px;

  border-radius: 10px;

  background: var(--color-white-f1);

  color: var(--color-grey-52);

  display: inline-block;

  cursor: pointer;

  transition: all 0.3s ease-in-out;

  font-weight: 600;

  margin: 0 6px 12px;

  font-size: 16px;

}



.page-num:hover, .page-num:focus, .page-num.active, .page-numbers:hover, .page-numbers:focus, .page-numbers.current{

  background: var(--color-red);

  color: var(--color-white);

}



.next , .prev{

  height: 43px;

  line-height: 45px;

  min-width: 66px;

  text-align: center;

  padding: 0 10px;

  color: var(--color-grey-52);

  text-transform: capitalize;

  font-weight: 600;

  border-radius: 10px;

  background: var(--color-white-f1);

  display: inline-block;

  cursor: pointer;

  transition: all 0.3s ease-in-out;

}



.next:hover, .next:focus, .next:active, .prev:hover, .prev:focus, .prev:active{

  background: var(--color-red);

  color: var(--color-white);

}







.latest-news-date.news-date-white .latest-news-date-text{

  color: var(--color-white);

}



.news-detail-banner-section .inner-banner-content{

  text-align: left;

  max-width: 956px;

  width: 100%;

}



.news-detail-banner-section .inner-banner-content h1{

  line-height: 1.3;

}



.news-detail-banner-section .inner-banner-bg:before{

background: rgba(0, 2, 21, 0.58);

}



.breadcrumb-section{

  padding: 60px 0 26px;

}



.breadcrumb-content ul{

  padding: 0;

  margin: 0;

  list-style: none;

}



.breadcrumb-content ul li{

  display: inline-block;

  vertical-align: middle;

  color: var(--color-grey-52);

  font-weight: 400;

  text-transform: capitalize;

  line-height: 1.3;

}



.breadcrumb-content ul li:after{

  content: "→";

  margin: 0 2px 0 4px;

  display: inline-block;

  vertical-align: middle;

}



.breadcrumb-content ul li:last-child:after{

  display: none;

}



.breadcrumb-content ul li a{

  color: var(--color-grey-52);

}



.breadcrumb-content ul li a:hover, .breadcrumb-content ul li a:focus{

  color: var(--color-red);

}





.news-detail-content .gallery{

display: flex;

flex-direction: row;

flex-wrap: wrap;

margin: 0 -7px;

padding-top: 26px;

}



.gallery-columns-3 .gallery-item{

width: 33.33%;

}



.gallery-columns-2 .gallery-item{

  width: 50%;

  }



.news-detail-content .gallery-item{

display: flex;

flex-direction: column;

flex-wrap: nowrap;

padding: 0 7px;

margin: 0 0 55px;

}



.news-detail-content .gallery-icon img{

  width: 100%;

  display: block;

  border-radius: 15px;

  object-fit: cover;

  object-position: center;

}



.news-detail-content p{

  margin: 0 0 24px;

}



.news-detail-section {

  padding: 0 0 94px;

}





.related-slider-item{

  padding: 10px 15px 0;

}



.related-slider .slick-list{

  margin: 0 -15px;

}



.related-news-section{

  background: var(--color-sky-blue);

  padding: 88px 0 111px;

  position: relative;

}



.related-news-bg{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



.related-news-bg img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

  mix-blend-mode: overlay;

}



.related-news-section .main{

  position: relative;

  z-index: 1;

}



.related-news-title-content{

  padding: 0 0 10px;

}





.related-slider-nav.slick-arrow-bottom{

justify-content: flex-start;

margin-top: 24px;

}



.related-slider-nav .slick-arrow{

margin: 0 16px 0 0;

background: var(--color-white);

color: #231F20;

}



.related-slider-nav .slick-arrow:hover, .related-slider-nav .slick-arrow:focus, .related-slider-nav .slick-arrow:active{

background: var(--color-red);

color: var(--color-white);

}





.about-banner-content-btn{

  padding-top: 35px;

}





.about-banner-section .inner-banner-bg:before{

  background: rgba(0, 2, 24, 0.5);

}





.about-banner-content-btn .btn{

  margin: 0 7px 14px;

}



.story-section{

  text-align: center;

  padding: 67px 0 90px;

}



.story-content {

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  align-items: center;

  width: 100%;

}





.story-content h2{

  margin: 0 0  33px;

}



.story-content p{

margin: 0 0 28px;

}



.story-content iframe{

  width: 100%;

  margin: 0 0 33px;

  display: block;

  border: 0;

  padding: 0;

  height: 540px;

  border-radius: 20px;

}



.mission-section{

  background: var(--color-sky-blue);

  padding: 79px 0 60px;

  position: relative;

}



.mission-bg{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



.mission-bg img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

  mix-blend-mode: overlay;

}



.mission-section .main{

  position: relative;

  z-index: 1;

}



.mission-row{

  margin: 0 -10px;

}



.mission-col{

  padding: 0 10px;

  margin: 0 0 20px;

}



.mission-col-left{

  width: 48%;

}



.mission-col-right{

  width: 52%;

}



.mission-left-box{

  overflow: hidden;

  border-radius: 15px;

  position: relative;

 min-height: 592px;

 display: flex;

 flex-direction: column;

 flex-wrap: nowrap;

 justify-content: flex-end;

 flex-grow: 1;

}



.mission-left-img{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: block;

  border-radius: 15px;

  overflow: hidden;

}



.mission-left-img:before{

  background: linear-gradient(181.12deg, rgba(0, 46, 76, 0) 42.27%, #002E4C 99.05%);

position: absolute;

left: 0;

top: 0;

width: 100%;

height: 100%;

content: "";

display: block;

z-index: 1;

}



.mission-left-img img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

  border-radius: 15px;

}



.mission-left-content{

  position: relative;

  z-index: 2;

  color: var(--color-white);

  padding: 30px;

}



.mission-left-content img{

  width: 30px;

  display: block;

  margin: 0 0 30px;

}



.mission-left-content p{

  font-size: 20px;

  font-weight: 600;

  color: var(--color-white);

  line-height: 1.4;

}



.mission-left-content > *:last-child{

  margin-bottom: 0;

}



.mission-right-item{

  margin: 0 0 20px;

  flex-grow: 1;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

}



.mission-right-item:last-child{

  margin-bottom: 0;

}



.mission-right-box{

  background: var(--color-white);

  border-radius: 15px;

  padding: 30px 30px 26px;

  flex-grow: 1;

}



.mission-right-icn{

  background: var(--color-sky-blue2);

  width: 42px;

  height: 42px;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  align-items: center;

  justify-content: center;

  text-align: center;

  margin: 0 0 30px;

  padding: 5px;

  border-radius: 50%;

}



.mission-right-icn img{

  width: auto;

  display: block;

  margin: 0 auto;

}



.mission-right-content h5{

  font-weight: 600;

  margin: 0 0 12px;

}



.mission-right-content p{

  line-height: 1.7;

}



.mission-right-content > *:last-child{

  margin-bottom: 0;

}





.what-we-do-section{

  background: var(--color-sky-blue);

  padding: 90px 0 65px;

  position: relative;

}



.what-we-do-title{

  max-width: 550px;

  margin: 0 auto;

  padding: 0 0 23px;

}



.what-we-do-title h2 {

  margin: 0 0 18px;

}



.what-we-do-title p {

  line-height: 1.6;

}



.what-we-do-row{

  margin: 0 -8px;

}



.what-we-do-col{

  padding: 0 8px;

  margin: 0 0 16px;

}



.what-we-do-col-left{

  width: 37%;

}



.what-we-do-video-box{

  padding-bottom: 127%;

  position: relative;

  flex-grow: 1;

}



.what-we-do-video-box img{

  width: 100%;

  display: block;

  border-radius: 15px;

  z-index: 1;

  position: relative;

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  object-fit: cover;

  object-position: center;

}





.what-we-do-col-right{

  width: 63%;

}



.what-we-do-card-list{

  margin: 0 -8px;

  flex-grow: 1;

}



.what-we-do-card-item{

  padding: 0 8px;

  width: 33.333%;

 

}



.what-we-do-card-item.what-we-do-card-item-lg {

  width: 37%;

}



.what-we-do-card-item.what-we-do-card-item-sm {

  width: 31.5%;

}



.what-we-do-card-item-lg .what-we-do-card-img {

  padding-bottom: 196%;

}



.what-we-do-card-box{

border-radius: 15px;

background: var(--color-white);

padding: 15px;

flex-grow: 1;

margin: 0 0 16px;

}



.what-we-do-card-box:last-child{

  margin-bottom: 0;

}



.what-we-do-card-img{

  padding-bottom: 75%;

  position: relative;

  margin: 0 0 13px;

}



.what-we-do-card-img img{

  width: 100%;

  display: block;

  border-radius: 10px;

  z-index: 1;

  position: relative;

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  object-fit: cover;

  object-position: center;

}



.what-we-do-card-content > *:last-child{

  margin-bottom: 0;

}



.what-we-do-card-content p{

  font-weight: 600;

  line-height: 1.4;

}





.partner-sec{

  padding: 128px 0 105px;

  text-align: center;

}



.partner-title-content {

  padding: 0 0 12px;

}





.partner-slider {

  margin: 0 -15px;  

}



.partner-slider .slick-dots{

  margin-top: 15px;

  text-align: center;

}



.partner-slider .slick-track {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

}



.partner-slider .slick-track:before,

.partner-slider .slick-track:after {

  display: none;

}



.partner-slider .slick-slide {

  display: flex !important;

  height: auto;

  min-height: inherit;

  justify-content: center;

  align-items: center;

  padding: 0 15px;

}



.partner-item img {

  display: block;

  margin: 0 auto;

}



.meet-team-banner-section .inner-banner-content{

  max-width: 810px;

  margin: 0 auto;

}



.meet-team-banner-section .inner-banner-bg:before{

background: rgba(0, 2, 21, 0.58);

}



.team-section{

padding: 67px 0 60px;

}



.team-title-content h2 {

  margin: 0 0 15px;

}



.team-slider{

  text-align: center;

 }

 

 

 .team-slider-item{

   padding: 15px 8px;

   display: flex !important;

   flex-direction: column;

   flex-wrap: nowrap;

   height: auto;

   flex-grow: 1;

 }

 

 .team-slider .slick-list{

   margin: 0 -8px;

 

  

 }

 

 .team-slider .slick-track{

   display: flex;

   flex-direction: row;

   flex-wrap: wrap;

 }

 

 .team-slider .slick-slide{

   display: flex !important;

   flex-direction: column;

   flex-wrap: nowrap;

   height: auto;

 }

 

 .team-slider .slick-slide > div{

   display: flex !important;

   flex-direction: column;

   flex-wrap: nowrap;

   height: auto;

   flex-grow: 1;

 }



 .team-slider-grid{

  /* display: grid;

  grid-template-columns: repeat(3, 1fr); */

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  

 }



 .team-slider-grid .team-slider-item{

  width: 33.333%;

  flex-grow: inherit;

 }

 

 .team-slide-card{

   background: var(--color-sky-blue);

   border-radius: 15px;

   padding: 15px;

   flex-grow: 1;

   display: block;

   text-align: center;

   transition: all 0.3s ease-in-out;

   color: var(--color-body-color);

   position: relative;

 }





 .team-hover-main-content{

  position: absolute;

  left: 0;  

  right: 0;

  top: 0;

  bottom: 0;

  background: var(--color-blue);

  border-radius: 15px;

  padding: 24px 20px 20px;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: space-between;

  color: var(--color-white);

  text-align: left;

  overflow-y: auto;

  transform: rotateY(180deg);

    backface-visibility: hidden;

    transition: transform 0.6s ease;

 }



 .team-slide-card:hover .team-hover-main-content {

  transform: rotate(0deg);

}



 .team-hover-main-content-inner h5{

  color: var(--color-white);

  font-weight: 600;

  margin: 0 0 2px;

 }



 .team-hover-sub-title{

  display: block;

  letter-spacing: 1px;

  margin: 0 0 6px;

 }



 .team-hover-main-content-inner{

  font-size: 16px;

 }



 .team-hover-main-content-inner p{

  line-height: 1.56;

 }



 .team-hover-main-content-inner p{

  margin-bottom: 5px;

 }











 .team-slide-image-wrap{

  padding-bottom: 93%;

  position: relative;

  background: var(--color-blue);

  border-radius: 15px;

  margin: 0 0 42px;

 }

 .team-slide-bg-img{

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  width: 54%;

  max-width: 53%;

  margin: 0 auto;

 }



 .team-slide-bg-img img{

  width: 100%;

  display: block;

  margin: 0 auto;

 }



 .team-slide-image{

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

 }



 .team-slide-image img{

  display: block;

  margin: 0 auto;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: top center;

  border-radius: 15px;

 }



 .team-slide-content{

  padding-bottom: 15px;

 }



 .team-slide-content h5{

color: var(--color-black);

font-weight: 600;

margin: 0;

 }



 .team-slide-content > *:last-child{

  margin-bottom: 0;

 }



 .team-slider-nav.slick-arrow-bottom{

  margin-top: 14px;

 }



 .team-blue-section.team-section{

  background: var(--color-sky-blue3);

 }



 .team-blue-section .team-slide-card{

  background: var(--color-white);

 }



 .team-blue-section .slick-arrow{

  background: var(--color-white);

  color: var(--color-black);

 }



 .team-blue-section .slick-arrow:hover, .team-blue-section .slick-arrow:focus, .team-blue-section .slick-arrow:active{

  background: var(--color-red);

  color: var(--color-white);

 }



 .team-detail-banner-section{

  padding: 30px 0 0;

 }



 .team-back-btn{

  width: 40px;

  height: 40px;

  display: block;

  line-height: 40px;

  text-align: center;

  background: var(--color-white-eb);

  color: #231F20;

  border-radius: 50%;

  margin: 0 0 30px;

 }



 .team-back-btn:hover, .team-back-btn:focus{

  background: var(--color-red);

  color: var(--color-white);

 }



 .team-detail-box{

  background: var(--color-sky-blue3);

  border-radius: 15px;

  padding: 12px;

  margin: 0 0 44px;

 }



 .team-detail-row{

  margin: 0 -15px;

 }



 .team-detail-col{

  padding: 0 15px;

 }



 .team-detail-left-col{

  width: 30%;

 }

 

 .team-detail-right-col{

  width: 70%;

  justify-content: space-between;

  padding-top: 26px;

  padding-bottom: 16px;

 }

 

 .team-detail-content h2{

  margin: 0 0 5px;

 }



 .team-detail-content .subtitle{

  letter-spacing: 1px;

  font-size: 20px;

  margin-bottom: 10px;

 }

 .team-detail-content p{

  font-size: 16px;

  font-weight: 300;

 }

 .team-detail-content ul{

  padding: 0;

  margin: 0;

  list-style: none;

 }







 .team-detail-content ul li{

  display: inline-block;

  vertical-align: middle;

  margin: 0 20px 10px 0;

 }



 .team-detail-content ul li i{

  display: inline-block;

  vertical-align: middle;

  color: var(--color-blue);

  margin-right: 8px;

  font-size: 20px;

 }



 .team-detail-content ul li a{

  color: var(--color-black);

  text-decoration: none;

  position: relative;

  

 }



 .team-detail-content ul li a:hover, .team-detail-content ul li a:focus{

  color: var(--color-blue);

 }



 .team-social-links ul{

  padding: 0;

  margin: 0;

  list-style: none;

 }



 .team-social-links ul li{

  display: inline-block;

  vertical-align: middle;

  margin-right: 8px;

 }



 .team-social-links ul li:last-child{

  margin-right: 0;

 }



 .team-social-links ul li a , .team-social-links ul li span{

  width: 40px;

  height: 40px;

  display: block;

  line-height: 40px;

  text-align: center;

  background: var(--color-white);

  color: var(--color-blue);

  border-radius: 50%;

  transition: all 0.3s ease-in-out;

 }



 .team-social-links ul li a:hover, .team-social-links ul li a:focus{
  color: var(--color-white);
/*
  background: var(--color-red);

  color: var(--color-white);*/

 }



 .team-detail-left-col .team-slide-image-wrap{

  margin-bottom: 0;

  flex-grow: 1;

 }



 .team-detail-bio-content p {

  margin: 0 0 22px;

}

 

.large-faq-section .accordion-title{

font-size: 30px;

font-weight: 600;

}







.accordion-media-row{

  margin: 0 -7px;

}



.accordion-media-col{

  padding: 0 7px;

  margin: 0 0 26px;

  width: 33.333%;

}



.accordion-media-img{

  padding-bottom: 72%;

  position: relative;

  border-radius: 15px;

}



.accordion-media-img img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  border-radius: 15px;

}







.accordion-media-list {

  padding: 12px 0 0;

}





.large-faq-section .accordion > li{

  margin: 0 0 30px;

}



.visitor-section{

  padding: 80px 0 60px;

  background: var(--color-sky-blue);

  position: relative;

}



.visitor-section-bg{

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

}



.visitor-section-bg img{

  width: auto;

  display: block;

  margin: 0 auto;

}



.visitor-section .main{

  position: relative;

  z-index: 1;

}



.visitor-row{

  margin: 0 -10px;

  justify-content: space-between;

}



.visitor-col{

  padding: 0 10px;

  margin: 0 0 20px;

}



.visitor-left-col{

  width: 48%;

}



.visitor-right-col{

  width: 54.1%;

  align-items: flex-start;

}



.visitor-left-img{



}



.visitor-left-img img{

  width: 100%;

  display: block;

  border-radius: 15px;

}



.visitor-right-content {

  padding: 20px 0 22px;

}



.visitor-right-content h2{

  margin: 0 0 18px;

}



.visitor-right-content p {

  line-height: 1.5;

}



.contact-infor-list ul{

  padding: 0;

  margin: 0;

  list-style: none;

}



.contact-infor-list ul li{

  display: inline-block;

  vertical-align: middle;

  margin: 0 0 14px;

  position: relative;

  padding-left: 68px;

  margin-right: 60px;

}



.contact-infor-list ul li:last-child{

  margin-right: 0;

}



.contact-infor-list ul li i{

  display: block;

  width: 46px;

  height: 46px;

  line-height: 46px;

  text-align: center;

  background: var(--color-white);

  color: var(--color-blue);

  border-radius: 50%;

  text-align: center;

  position: absolute;

  left: 0;

  top: 0;

  font-size: 22px;

}





.contact-infor-list ul li a{

  color: var(--color-black);

  text-decoration: none;

}



.contact-infor-list ul li a:hover, .contact-infor-list ul li a:focus{

  color: var(--color-blue);

}



.contact-info-item-content h5{

  margin: 0 0 9px;

  text-transform: capitalize;

  font-weight: 600;

}



.contact-info-item-content{

  font-size: 16px;

  padding: 5px 0 0;

}





.faq-section + .visitor-section {

  margin-top: 100px;

}





.visitor-left-col {

  width: 44.2%;

}



.visitor-contact-info {

  padding: 0 0 23px;

}



.contact-form-section{

  padding: 120px 0 0;

}



.contact-form-row{

  margin: 0 -10px;

  justify-content: space-between;

}





.contact-form-col{

  padding: 0 10px;

  margin: 0 0 20px;

  width: 100%;

}



.contact-form-left-col{

  width: 53%;

}



.contact-form-right-col{

  width: 46.5%;

}



.contact-form-left-content {

  padding: 8px 0 10px;

}



.contact-form-left-content h2 {

  margin: 0 0 14px;

}



.contact-form-left-content p {

  line-height: 1.8;

}







.contact-form-left-bottom-content p{

  line-height: 1.6;

}



.contact-form-contact-info.contact-infor-list {

  padding: 0 0 50px;

}



.contact-form-left-bottom-content {

  max-width: 525px;

}



.contact-form-contact-info ul{

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

 

}



.contact-form-contact-info ul li{

  margin-right: 0;

  padding-right: 20px;

}



.contact-form-contact-info.contact-infor-list ul li i{

background: var(--color-sky-blue);

}



.contact-form-social-links{

  padding: 23px 0 0;

}



.contact-form-social-links ul{

  padding: 0;

  margin: 0;

  list-style: none;

}



.contact-form-social-links ul li{

  margin-right: 16px;

  margin-bottom: 16px;

  display: inline-block;

  vertical-align: middle;

}



.contact-form-social-links ul li:last-child{

  margin-right: 0;

}



.contact-form-social-links ul li a{

  background: var(--color-sky-blue);

  width: 46px;

  height: 46px;

  line-height: 50px;

  color: var(--color-blue);

  text-align: center;

  border-radius: 50%;

  display: block;

  font-size: 20px;

}



.contact-form-social-links ul li a:hover, .contact-form-social-links ul li a:focus{
/*
  background: var(--color-red);

  color: var(--color-white);*/
  color: var(--color-white);

}







.contact-form-bg{

  padding: 22px;

  background: var(--color-sky-blue);

  border-radius: 15px;

}



.form-row{

  margin: 0 -10px;

}



.form-col{

  padding: 0 10px;

  width: 100%;

  margin: 0 0 18px;

}



.form-col p{

  margin: 0;

}



.form-col label{

font-size: 14px;

font-weight: 400;

color: var(--color-black900);

display: block;

margin: 0 0 16px;

    line-height: 1.3;

    cursor: inherit;

}



.form-col label i{

color: var(--color-light-red);

font-size: 16px;

font-style: normal;

}





.form-btn-col .btn {

  padding: 18px 15px;

}





.privacy-banner-section{

  background: var(--color-blue);

  color: var(--color-white);

  padding: 80px 0 70px;

  text-align: center;

}



.privacy-banner-content > *:last-child{

  margin-bottom: 0;

}



.privacy-banner-content h1{

  color: var(--color-white);

}



.default-content-section{

  padding: 67px 0 120px;

}



.default-content-section ul , .default-content-section ol{

  padding: 0 0 0 18px;

  margin: 0 0 20px;

}



.default-content-content h4{

  margin: 0 0 23px;

  padding-top: 40px;

}



.default-content-content > *:first-child{

 padding-top: 0;

}



.default-content-content p{

  margin: 0 0 22px;

}



.default-content-content > *:last-child{

  margin-bottom: 0;

}



.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output{

  color: var(--color-extremered);

  border-color: var(--color-extremered);

  font-size: 16px;

}





.review-section + .why-choose-section.white-bg-why-choose-section {

  padding-top: 30px;

}



.inner-banner-content .latest-news-date.news-date-white {

  margin: 0 0 15px;

}



.team-section + .newsletter-sec{

  padding-top: 70px;

}



.featured-news-section + .review-section.blue-bg-review-section {

  margin-top: 70px;

}



.text-center{

  text-align: center;

}





.mac_ select.banner-tour-select {

  padding: 12px 25px 12px 42px;

  }



  .mac_ .wishlist-icon{

    line-height: 32px;

  }



  .mac_ .slick-dots{

    padding-bottom: 3px;

  }



  .empty-wishlist-content{

    text-align: center;

    padding: 0 0 50px;

  }



  .empty-wishlist-icon{

    font-size: 28px;

    color: var(--color-extremered);

    margin: 0 0 15px;

  }



 .empty-wishlist-btn .btn{

  margin: 0 10px 15px;

  min-width: 196px;

 }

  

  

 .mfp-with-zoom .mfp-container,

 .mfp-with-zoom.mfp-bg {

   opacity: 0;

   -webkit-backface-visibility: hidden;

   /* ideally, transition speed should match zoom duration */

   -webkit-transition: all 0.3s ease-out; 

   -moz-transition: all 0.3s ease-out; 

   -o-transition: all 0.3s ease-out; 

   transition: all 0.3s ease-out;

 }

 

 .mfp-with-zoom.mfp-ready .mfp-container {

     opacity: 1;

 }

 .mfp-with-zoom.mfp-ready.mfp-bg {

     opacity: 0.8;

 }

 

 .mfp-with-zoom.mfp-removing .mfp-container, 

 .mfp-with-zoom.mfp-removing.mfp-bg {

   opacity: 0;

 }







 .header-top-bar{

  background: var(--color-body-color);

  color: var(--color-white);

  text-align: center;

  font-size: 14px;

  padding: 5px 0 2px;

 }



 .header-top-bar-content p{

  margin: 0;

 }



 .header-top-bar-content a{

  color: var(--color-white);

  text-decoration: underline;

 }



 .header-top-bar-content a:hover, .header-top-bar-content a:focus{

  color: var(--color-red);

 }



 .text-columns-section{

  padding: 0 0 70px;

 }





 .text-content-icon img{

  display: block;

  margin: 0 0 20px;

 }



 .text-col{

  padding: 0 15px;

  margin-bottom: 40px;

 }



 .text-row{

  margin: 0 -15px;

 }





 .two-columns .text-col{

  width: 50%;

 }



 .three-columns .text-col{

  width: 33.333%;

 }





 .text-img img{

  border-radius: 20px;

  width: 100%;

  display: block;

 }



 .two-columns-img-right .text-row{

  flex-direction: row-reverse;

 }







 /*-- mega menu style --*/





 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {

  z-index: 99999 !important;

 }



 .megamenu-main{

  display: inline-block;

  vertical-align: middle;

 }



 .mega-menu-wrap{

  display: inline-block !important;

  vertical-align: middle !important;

 }



 .megamenu-main .mega-menu > li.mega-menu-item > a.mega-menu-link {

  display: block;

  color: var(--color-black) !important;

  letter-spacing: 0;

  padding: 5px 0 !important;

  position: relative;

  line-height: 1 !important;

  height: auto !important;

  background: transparent !important;

  font-size: 16px !important;

}



.megamenu-main .mega-menu > li.mega-menu-item > a.mega-menu-link:hover, .megamenu-main .mega-menu > li.mega-menu-item > a.mega-menu-link:focus,

.megamenu-main .mega-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{

  color: var(--color-red) !important;

}



.home .megamenu-main .mega-menu > li.mega-menu-item > a.mega-menu-link{

  color: var(--color-white) !important;

}



.home .megamenu-main .mega-menu > li.mega-menu-item > a.mega-menu-link:hover, .home .megamenu-main .mega-menu > li.mega-menu-item > a.mega-menu-link:focus{

  color: var(--color-red) !important;

}







.megamenu-main .mega-menu-wrap {

  background: transparent !important;

}



.megamenu-main .mega-menu > li.mega-menu-item {

  display: inline-block;

  vertical-align: middle;

  position: relative;

  line-height: 1 !important;

  margin-right: 30px !important;

}



.megamenu-main .mega-menu > li.mega-menu-item:last-child{

  margin-right: 0 !important;

}



.megamenu-main .mega-menu > li.mega-menu-item.contact-menu-item{

  margin-right: 0 !important;

}



.megamenu-main .mega-menu > li.mega-menu-item.mob-wishlist-menu{

  display: none !important;

}



.megamenu-main .mega-menu > li.mega-menu-item.mob-booktour-menu{

  display: none !important;

}



#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {

  color: var(--color-black) !important;

  text-transform: none !important;

  font-weight: 400 !important;

}





#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:focus, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus{

  color: var(--color-red) !important;

  font-weight: 400 !important;

}







@media (max-width: 1200px) {

 

  .megamenu-main .mega-menu > li.mega-menu-item{

    margin-right: 10px !important;

  }

}



@media (max-width: 1024px) {

  .team-slider-grid{

    /* grid-template-columns: repeat(2, 1fr); */

   }



   .team-slider-grid .team-slider-item {

    width: 50%;

}





}

@media only screen and (max-width: 991px) {



  .megamenu-main .mega-menu > li.mega-menu-item{

    margin: 0 !important;

  }



  .megamenu-main .mega-menu > li.mega-menu-item > a.mega-menu-link{

    color: var(--color-white) !important;

    padding: 12px 15px !important;

  }



  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{

    padding: 0 15px !important;

  }



  .site-header-btn-wrap{

    display: none;

  }



  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{

    color: var(--color-red) !important;

  }



  #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1{

    padding: 20px 0 !important;

  }



  .megamenu-main .mega-menu > li.mega-menu-item.mob-wishlist-menu{

    display: block !important;

  }

  

  .megamenu-main .mega-menu > li.mega-menu-item.mob-booktour-menu{

    display: block !important;

  }

  





}

@media (max-width: 767px) {

  .team-slider-grid{

    /* grid-template-columns: 1fr; */

   }



   .team-slider-grid .team-slider-item {

    width: 100%;

    }

    

}







.tour-search-field-wrap{

  background: #FFFFFF24;

  border: 1px solid rgba(255, 255, 255, 0.2);

border-radius: 100px;

padding: 10px;  

position: relative;

}



.tour-search-field-wrap input.tour-search-field{

  border-radius: 0;

  box-shadow: none;

  background: transparent;

  padding: 0 70px 0 30px; 

  font-size: 15px;

  font-weight: 600;

  font-family: var(--font-body);

  color: var(--color-white);

  border: 0;

  height: 60px;

  letter-spacing: 0;





}



/* Hide the clear/close (X) icon in input[type="search"] for all browsers */

input.tour-search-field::-webkit-search-decoration,

input.tour-search-field::-webkit-search-cancel-button,

input.tour-search-field::-webkit-search-results-button,

input.tour-search-field::-webkit-search-results-decoration {

  display: none;

}



input.tour-search-field::-ms-clear,

input.tour-search-field::-ms-reveal {

  display: none;

  width : 0;

  height: 0;

}



input.tour-search-field {

  &::-webkit-search-decoration,

  &::-webkit-search-cancel-button,

  &::-webkit-search-results-button,

  &::-webkit-search-results-decoration {

    display: none;

  }

}



input.tour-search-field::-o-clear {

  display: none;

}





input.tour-search-field::-webkit-input-placeholder {

	/* Chrome/Opera/Safari */

	color: var(--color-white);

	opacity: 1;

  }

  

  input.tour-search-field::-moz-placeholder {

	/* Firefox 19+ */

	color: var(--color-white);

	opacity: 1;

  }

  

  input.tour-search-field::-ms-input-placeholder {

	/* IE 10+ */

	color: var(--color-white);

	opacity: 1;

  }

  

  input.tour-search-field::-moz-placeholder {

	/* Firefox 18- */

	color: var(--color-white);

	opacity: 1;

  }

  



  button.tour-search-btn{

    background: #FFFFFF29;

border-radius: 50%;

border: 1px solid rgba(255, 255, 255, 0.2);

height: 60px;

width: 60px;

line-height: 60px;

color: var(--color-white);

font-size: 18px;

min-width: inherit;

padding: 0;

text-align: center;

position: absolute;

right: 10px;

top: 10px;

font-family: "Font Awesome 6 Pro";

font-weight: 400;

  }



  button.tour-search-btn:hover, button.tour-search-btn:focus{

    background: var(--color-red);

    color: var(--color-white);

    border-color: var(--color-red);

  }



  .home-banner-form {

    max-width: 657px;

    margin: 0 auto 40px;

}





.enumenu_container{

  display: inline-block;

}





.header-search-form{

  position: absolute;

  top: 100%;

  right: 0;

  min-width: 300px;

  display: none;

  z-index: 1;

  background: rgba(0, 0, 0, 0.8);

  border-radius: 100px;

  z-index: 999900;

  margin-top: 20px;

}



.header-search-form .tour-search-field-wrap input.tour-search-field{

  height: 40px;

  padding: 2px 50px 0 10px;

}



.header-search-form button.tour-search-btn{

  height: 40px;

  line-height: 40px;

  width: 40px;

  font-size: 16px;

  top: 5px;

  right: 5px;

}



.header-search-form .tour-search-field-wrap{

  padding: 5px;

}



.header-search-main {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin-left: 15px;

}



.header-search-btn {

  display: block;

  color: var(--color-black);

}



.header-search-btn:hover, .header-search-btn:focus{

  color: var(--color-red) !important;

}



.home .header-search-btn{

  color: var(--color-white);

}





.no-results-content {

  text-align: center;

  max-width: 640px;

  margin: 0 auto;

}



input.search-field {

  border: 1px solid var(--color-black);

  margin: 0 0 20px;

}





.news-detail-row{

  margin: 0 -10px;

  justify-content: space-between;

}



.news-detail-col{

  padding: 0 10px;

}



.news-detail-left-col{

  width: 68%;

}



.news-detail-right-col{

  width: 30%;

}



.news-detail-sidebar input[type="search"] {

  width: 100%;

  border: 1px solid var(--color-body-color);

  border-radius: 30px;

  padding: 18px 110px 15px 20px;

  color: var(--color-black400);

}



.news-detail-sidebar button.wp-block-search__button {

  position: absolute;

  right: 0;

  top: 0;

  min-width: 100px;

  bottom: 0;

  padding: 0 12px;

  height: 100%;

}



.news-detail-sidebar .wp-block-search__inside-wrapper {

  display: block;

  position: relative;

  margin: 0 0 25px;

}



.news-detail-sidebar .wp-block-search__label {

  display: none;

  margin: 0 0 5px;

}



.news-detail-sidebar a.tag-cloud-link {

  background: var(--color-grey-d5);

  padding: 6px 12px 5px;

  margin: 0 3px 5px 0;

}  



.news-detail-content iframe{

  width: 100%;

}













/*-- special offers page style --*/





.offers-banner-section .main,

.offers-section .main{

  max-width: 1353px;

}



.offers-wrap{

  max-width: 1230px;

  width: 100%;

  margin: 0 auto;

  padding: 0 15px;

}



.offers-banner-box{

  position: relative;

  min-height: 310px;

  background: var(--color-darkblue2);

  overflow: hidden;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: center;

}



.offers-banner-bg{

  position: absolute;

  right: 0;

  top: 0;

  width: 64%;

  height: 100%;

}



.offers-banner-bg:before{

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(90deg, #00243C 0%, rgba(0, 36, 60, 0.7) 22%, rgba(0, 36, 60, 0.2) 55%, rgba(0, 36, 60, 0.2) 100%);

  z-index: 1;

}



.offers-banner-bg img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center top;

  display: block;

}



.offers-banner-box .offers-wrap{

  position: relative;

  z-index: 2;

}



.offers-banner-content{

  max-width: 560px;

  padding: 38px 0 35px;

  color: var(--color-white);

}



.offers-banner-content h1{

  color: var(--color-white);

  font-size: 64px;

  line-height: 1.1;

  margin: 0 0 14px;

}



.offers-banner-content p{

  line-height: 1.5;

  margin: 0;

}



.offers-breadcrumb{

  padding: 0 0 16px;

}



.offers-breadcrumb ul{

  padding: 0;

  margin: 0;

  list-style: none;

}



.offers-breadcrumb ul li{

  display: inline-block;

  vertical-align: middle;

  font-size: 14px;

  font-weight: 600;

  line-height: 1.3;

  color: var(--color-white);

}



.offers-breadcrumb ul li:after{

  content: "\f105";

  font-family: "Font Awesome 6 Pro";

  font-weight: 400;

  font-size: 12px;

  display: inline-block;

  vertical-align: middle;

  margin: -2px 6px 0 8px;

}



.offers-breadcrumb ul li:last-child:after{

  display: none;

}



.offers-breadcrumb ul li a{

  color: var(--color-white);

  font-weight: 400;

}



.offers-breadcrumb ul li a:hover, .offers-breadcrumb ul li a:focus{

  color: var(--color-skyblue);

}



.offers-banner-note{

  position: absolute;

  right: 45px;

  top: 30px;

  z-index: 2;

  color: var(--color-white);

  font-size: 24px;

  font-style: italic;

  line-height: 1.25;

  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);

  transform: rotate(-10deg);

}



.offers-banner-note span{

  display: block;

}



.offers-banner-note svg{

  display: block;

  width: 170px;

  margin: 6px 0 0 50px;

}



.offers-section{

  position: relative;

  padding: 0 0 30px;

}



.offers-section-bg{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.offers-section-bg img{

  width: 100%;

  height: 100%;

  object-fit: contain;

  object-position: center;

  display: block;

}



.offers-section-blue-bg{

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 200px;

  background: var(--color-sky-blue);

  overflow: hidden;

}



.offers-section-blue-bg img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

  mix-blend-mode: overlay;

}



.offers-section .main{

  position: relative;

  z-index: 1;

}



.offers-box{

  background: #FAFAFA;

  padding: 16px 0 0;

}



.offers-filter{

  padding: 0 0 10px;

}



.offers-filter ul{

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

}



.offers-filter ul li{

  margin: 0 16px 10px 0;

}



.offers-filter ul li:last-child{

  margin-right: 0;

}



.offers-filter-btn{

  display: block;

  font-family: var(--font-body);

  font-size: 16px;

  font-weight: 400;

  line-height: 1;

  color: var(--color-body-color);

  background: var(--color-grey-ec);

  border: 1px solid var(--color-grey-ec);

  border-radius: 10px;

  padding: 15px 24px 12px;

  min-width: 120px;

  text-align: center;

  transition: all 0.3s ease-in-out;

}



.offers-filter-btn:hover, .offers-filter-btn:focus-visible, .offers-filter-btn.active{

  background: var(--color-red);

  border-color: var(--color-red);

  color: var(--color-white);

}



.offers-filter-btn.active{

  font-weight: 600;

}



.offers-filter-select-box{

  display: none;

}



select.offers-filter-select{

  font-size: 16px;

  font-weight: 400;

  font-family: var(--font-body);

  color: var(--color-body-color);

  background-color: var(--color-white);

  background-image: url(images/select-arrow.svg);

  background-position: right 18px center;

  background-repeat: no-repeat;

  border: 1px solid var(--color-grey-d5);

  border-radius: 10px;

  padding: 15px 45px 13px 18px;

  line-height: 1.2;

}



select.offers-filter-select:focus{

  border-color: var(--color-red);

}



.offers-grid-row{

  margin: 0 -10px;

}



.offers-grid-col{

  width: 33.333%;

  padding: 0 10px;

  margin: 0 0 20px;

}



.offers-grid-col.offers-grid-col-hide{

  display: none;

}



.offer-card{

  background: var(--color-white);

  border: 1px solid var(--color-grey-e3);

  border-radius: 8px;

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);

  overflow: hidden;

  flex-grow: 1;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

}



.offer-card-image{

  padding-bottom: 50%;

  position: relative;

}



.offer-card-image img{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

}



.offer-card-badge{

  position: absolute;

  left: 12px;

  top: 12px;

  z-index: 1;

  background: var(--color-red);

  color: var(--color-white);

  font-size: 14px;

  font-weight: 600;

  line-height: 1;

  text-transform: uppercase;

  letter-spacing: 0.3px;

  border-radius: 4px;

  padding: 10px 12px 7px;

}



.offer-card-badge.offer-badge-darkred{

  background: var(--color-darkred);

}



.offer-card-badge.offer-badge-dark{

  background: var(--color-body-color);

}



.offer-card-badge.offer-badge-blue{

  background: var(--color-blue);

}



.offer-card-badge.offer-badge-gold{

  background: #B98A2E;

}



.offer-card-badge.offer-badge-lightred{

  background: var(--color-light-red);

}



.offer-card-content{

  padding: 18px 20px 20px;

  flex-grow: 1;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: space-between;

}



.offer-card-text h5{

  font-weight: 600;

  line-height: 1.3;

  margin: 0 0 6px;

}



.offer-card-text p{

  font-size: 16px;

  line-height: 1.4;

  color: var(--color-grey-52);

  margin: 0 0 14px;

}



.offer-card-meta ul{

  padding: 0;

  margin: 0 0 6px;

  list-style: none;

}



.offer-card-meta ul li{

  position: relative;

  padding-left: 36px;

  margin: 0 0 9px;

  font-size: 16px;

  line-height: 1.3;

  color: var(--color-grey-52);

}



.offer-card-meta ul li i{

  position: absolute;

  left: 0;

  top: 1px;

  width: 22px;

  text-align: center;

  font-size: 17px;

  color: var(--color-grey-71);

}



.offer-card-meta ul li.offer-card-discount{

  color: var(--color-red);

  font-weight: 700;

  text-transform: uppercase;

}



.offer-card-meta ul li.offer-card-discount i{

  color: var(--color-red);

}



.offer-card-btn.btn{

  display: block;

  width: 100%;

  min-width: inherit;

  border-radius: 4px;

  padding: 16px 15px 13px;

}



.offer-card-btn i{

  font-size: 15px;

  margin-left: 8px;

  position: relative;

  top: -1px;

}



.offers-features{

  background: var(--color-white-f1);

  padding: 22px 0 20px;

}



.offers-features-row{

  margin: 0 -10px;

}



.offers-features-col{

  width: 33.333%;

  padding: 0 10px;

  align-items: center;

}



.offers-features-item{

  position: relative;

  padding-left: 64px;

  min-height: 46px;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: center;

}



.offers-features-icon{

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 46px;

  text-align: center;

  font-size: 38px;

  line-height: 1;

  color: var(--color-body-color);

}



.offers-features-content h6{

  font-weight: 600;

  line-height: 1.2;

  margin: 0 0 4px;

}



.offers-features-content p{

  font-size: 14px;

  line-height: 1.3;

  color: var(--color-grey-52);

  margin: 0;

}





/*-- special offers page responsive --*/



@media (max-width:1400px) {



    .offers-wrap{

        max-width: 1140px;

    }



    .offers-banner-box{

        min-height: 290px;

    }



    .offers-banner-content{

        max-width: 520px;

        padding: 35px 0 32px;

    }



    .offers-banner-content h1{

        font-size: 56px;

    }



    .offers-banner-note{

        font-size: 22px;

        right: 35px;

    }



    .offers-banner-note svg{

        width: 155px;

    }



    .offer-card-content{

        padding: 18px;

    }



}



@media (max-width:1200px) {



    .offers-wrap{

        max-width: 960px;

    }



    .offers-banner-box{

        min-height: 270px;

    }



    .offers-banner-content{

        max-width: 480px;

    }



    .offers-banner-content h1{

        font-size: 48px;

        margin: 0 0 12px;

    }



    .offers-banner-note{

        font-size: 20px;

        right: 25px;

        top: 25px;

    }



    .offers-banner-note svg{

        width: 140px;

        margin: 5px 0 0 40px;

    }



    .offers-filter ul li{

        margin-right: 10px;

    }



    .offers-filter-btn{

        font-size: 15px;

        min-width: 100px;

        padding: 14px 18px 11px;

    }



    .offer-card-content{

        padding: 16px 15px 15px;

    }



    .offer-card-text h5{

        font-size: 18px;

    }



    .offer-card-text p{

        font-size: 15px;

    }



    .offer-card-badge{

        font-size: 12px;

        padding: 8px 10px 6px;

    }



    .offer-card-meta ul li{

        font-size: 15px;

        padding-left: 30px;

    }



    .offer-card-meta ul li i{

        font-size: 15px;

        width: 20px;

    }



    .offer-card-btn.btn{

        font-size: 15px;

        padding: 14px 12px 11px;

    }



    .offers-features-item{

        padding-left: 50px;

    }



    .offers-features-icon{

        width: 38px;

        font-size: 30px;

    }



    .offers-features-content h6{

        font-size: 16px;

    }



    .offers-features-content p{

        font-size: 13px;

    }



}



@media (max-width:991px) {



    .offers-wrap{

        max-width: 720px;

    }



    .offers-banner-box{

        min-height: 0;

    }



    .offers-banner-bg{

        width: 100%;

    }



    .offers-banner-bg:before{

        background: linear-gradient(90deg, rgba(0, 36, 60, 0.95) 0%, rgba(0, 36, 60, 0.7) 60%, rgba(0, 36, 60, 0.5) 100%);

    }



    .offers-banner-note{

        display: none;

    }



    .offers-banner-content{

        max-width: 600px;

        padding: 40px 0;

    }



    .offers-banner-content h1{

        font-size: 40px;

    }



    .offers-filter ul li{

        margin-right: 8px;

    }



    .offers-filter-btn{

        min-width: 0;

        padding: 13px 15px 10px;

    }



    .offers-grid-col{

        width: 50%;

    }



    .offers-features{

        padding: 25px 0 10px;

    }



    .offers-features-col{

        margin: 0 0 15px;

    }



    .offers-features-item{

        padding-left: 0;

        min-height: 0;

        text-align: center;

    }



    .offers-features-icon{

        position: static;

        transform: none;

        margin: 0 auto 12px;

    }



    .offers-section-blue-bg{

        height: 180px;

    }



}



@media (max-width:767px) {



    .offers-wrap{

        max-width: 540px;

    }



    .offers-banner-content{

        padding: 35px 0;

    }



    .offers-banner-content h1{

        font-size: 34px;

        margin: 0 0 10px;

    }



    .offers-box{

        padding-top: 20px;

    }



    .offers-filter{

        padding: 0 0 20px;

    }



    .offers-filter ul{

        display: none;

    }



    .offers-filter-select-box{

        display: block;

    }



    .offers-grid-col{

        width: 100%;

    }



    .offers-features-col{

        width: 100%;

        margin: 0 0 20px;

    }



    .offers-section-blue-bg{

        height: 150px;

    }



}



@media (max-width:575px) {



    .offers-wrap{

        max-width: 100%;

    }



    .offers-banner-content{

        padding: 30px 0;

    }



    .offers-banner-content h1{

        font-size: 30px;

    }



    .offers-breadcrumb{

        padding: 0 0 12px;

    }



    .offers-breadcrumb ul li{

        font-size: 13px;

    }



    .offers-grid-col{

        margin-bottom: 15px;

    }



    .offers-section{

        padding-bottom: 20px;

    }



    .offers-section-blue-bg{

        height: 120px;

    }



}



@media (max-width:480px) {



    .offers-banner-content h1{

        font-size: 28px;

    }



    .offers-banner-content p{

        font-size: 15px;

    }



    .offer-card-text h5{

        font-size: 17px;

    }



    select.offers-filter-select{

        font-size: 15px;

    }



}



.offer-card-meta ul li.offer-card-code{

  font-weight: 600;

  color: var(--color-body-color);

}



.offer-card-meta ul li.offer-card-code i{

  color: var(--color-body-color);

}



.offer-detail-section{

  padding: 30px 0 50px;

}



.offer-detail-box{

  background: var(--color-white);

  border: 1px solid var(--color-grey-e3);

  border-radius: 8px;

  padding: 28px 32px 32px;

}



.offer-detail-badge.offer-card-badge{

  position: static;

  display: inline-block;

  margin: 0 0 14px;

}



.offer-promo-code{

  display: inline-block;

  margin: 4px 0 18px;

  padding: 10px 16px 8px;

  border: 2px dashed var(--color-red);

  border-radius: 6px;

  color: var(--color-red);

  font-weight: 700;

  letter-spacing: 0.4px;

}



.offer-detail-content > *:last-child{

  margin-bottom: 0;

}



.offer-detail-actions{

  margin-top: 22px;

}



.offer-detail-actions .offer-card-btn.btn{

  display: inline-block;

  width: auto;

  min-width: 220px;

}



button.offer-card-btn.btn{

  width: 100%;

  cursor: pointer;

  appearance: none;

  font-family: inherit;

}



.offer-unlock-popup{

  position: relative;

  background: var(--color-white);

  max-width: 480px;

  margin: 40px auto;

  padding: 32px 28px 28px;

  border-radius: 8px;

}



.offer-unlock-popup h3{

  margin: 0 0 8px;

}



.offer-unlock-intro,

.offer-unlock-sent{

  margin: 0 0 16px;

  color: var(--color-grey-52);

}



.offer-unlock-popup .wpcf7-form-control:not([type="submit"]):not([type="hidden"]){

  width: 100%;

  margin: 0 0 12px;

}



.offer-unlock-popup .wpcf7-submit{

  width: 100%;

  margin-top: 6px;

}



.offer-unlock-result-label{

  margin: 0 0 8px;

  font-weight: 600;

}



.offer-card-text-link,

.offer-unlock-link{

  display: inline-block;

  margin-top: 12px;

  color: var(--color-red);

  font-weight: 600;

  text-decoration: underline;

}



.offer-card-text-link{

  display: block;

  text-align: center;

}



.offer-card-text-link:hover,

.offer-card-text-link:focus,

.offer-unlock-link:hover,

.offer-unlock-link:focus{

  color: var(--color-darkred);

}



@media (max-width:767px) {



    .offer-detail-box{

        padding: 22px 18px 24px;

    }



    .offer-detail-actions .offer-card-btn.btn{

        display: block;

        width: 100%;

        min-width: 0;

    }



}





/*-- special offer unlock popup style --*/



.offer-popup-mfp.mfp-bg{

  background: var(--color-darkblue);

  opacity: 0;

  transition: opacity 0.3s ease-out;

}



.offer-popup-mfp.mfp-ready.mfp-bg{

  opacity: 0.7;

}



.offer-popup-mfp.mfp-removing.mfp-bg{

  opacity: 0;

}



.offer-popup-mfp .mfp-container{

  padding: 30px 15px;

}



.offer-popup{

  position: relative;

  max-width: 920px;

  margin: 0 auto;

  background: var(--color-white);

  border-radius: 14px;

  overflow: hidden;

  box-shadow: 0 24px 60px rgba(0, 22, 36, 0.25);

  text-align: left;

  opacity: 0;

  transform: translateY(24px) scale(0.98);

  transition: opacity 0.3s ease-out, transform 0.3s ease-out;

}



.offer-popup-mfp.mfp-ready .offer-popup{

  opacity: 1;

  transform: none;

}



.offer-popup-mfp.mfp-removing .offer-popup{

  opacity: 0;

  transform: translateY(12px) scale(0.98);

}



.offer-popup [hidden]{

  display: none !important;

}



.offer-popup-row{

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

}



.offer-popup-aside{

  width: 41.3%;

  flex-shrink: 0;

  background: #F3F4F6;

}



.offer-popup-main{

  width: 58.7%;

  padding: 46px 44px 38px;

}



.offer-popup-image{

  position: relative;

  padding-bottom: 50%;

  background: var(--color-grey-e3);

}



.offer-popup-img{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

}



.offer-popup-details{

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  align-items: flex-start;

  padding: 28px 28px 32px;

}



.offer-popup-discount{

  order: 1;

  display: inline-flex;

  align-items: center;

  background: #FDECEE;

  color: var(--color-red);

  font-size: 18px;

  font-weight: 700;

  line-height: 1;

  text-transform: uppercase;

  border-radius: 6px;

  padding: 11px 14px 9px;

  margin: 0 0 18px;

}



.offer-popup-discount i{

  font-size: 16px;

  margin-right: 8px;

  position: relative;

  top: -1px;

}



.offer-popup-title{

  order: 2;

  font-size: 24px;

  font-weight: 600;

  line-height: 1.3;

  color: var(--color-darkblue);

  margin: 0 0 14px;

}



.offer-popup-summary{

  order: 3;

  font-size: 16px;

  line-height: 1.65;

  color: var(--color-grey-52);

  margin: 0 0 20px;

}



.offer-popup-validity{

  order: 4;

  align-self: stretch;

  display: block;

  border-top: 1px solid var(--color-grey-e3);

  padding: 18px 0 0;

  font-size: 15px;

  line-height: 1.4;

  color: var(--color-grey-42);

}



.offer-popup-validity i{

  font-size: 16px;

  margin-right: 8px;

  color: var(--color-grey-52);

}



.offer-popup-steps{

  position: relative;

  transition: height 0.35s ease;

}



.offer-popup-step{

  transition: opacity 0.25s ease, transform 0.25s ease;

}



.offer-popup-step.is-leaving{

  opacity: 0;

  transform: translateY(-10px);

}



.offer-popup-step.is-entering{

  opacity: 0;

  transform: translateY(10px);

}



.offer-popup-mobile-text{

  display: none;

}



.offer-popup-eyebrow{

  display: block;

  font-size: 14px;

  font-weight: 700;

  line-height: 1.3;

  letter-spacing: 1.5px;

  text-transform: uppercase;

  color: var(--color-red);

  margin: 0 0 10px;

}



.offer-popup-heading{

  font-size: 32px;

  font-weight: 600;

  line-height: 1.2;

  color: var(--color-darkblue);

  margin: 0 0 12px;

}



.offer-popup-intro{

  font-size: 16px;

  line-height: 1.65;

  color: var(--color-grey-52);

  margin: 0 0 26px;

}



.offer-popup-form .wpcf7-form p{

  margin: 0;

}



.offer-popup-form .wpcf7-form br{

  display: none;

}



.offer-popup-form .offer-form-field,

.offer-popup-form .wpcf7-form > p{

  margin: 0 0 18px;

}



.offer-popup-form label{

  display: block;

  font-size: 15px;

  font-weight: 600;

  line-height: 1.3;

  color: var(--color-darkblue);

  margin: 0 0 8px;

  cursor: default;

}



.offer-popup-form .wpcf7-form-control-wrap{

  display: block;

}



.offer-popup-form label .wpcf7-form-control-wrap{

  margin-top: 8px;

}



.offer-popup-form input[type="text"],

.offer-popup-form input[type="email"],

.offer-popup-form input[type="tel"]{

  height: 48px;

  font-size: 16px;

  font-weight: 400;

  color: var(--color-body-color);

  background: var(--color-white);

  border: 1px solid var(--color-grey-d5);

  border-radius: 6px;

  padding: 2px 16px 0;

  box-shadow: none;

  transition: border-color 0.2s ease, box-shadow 0.2s ease;

}



.offer-popup-form input[type="text"]:focus,

.offer-popup-form input[type="email"]:focus,

.offer-popup-form input[type="tel"]:focus{

  border-color: var(--color-blue);

  box-shadow: 0 0 0 3px rgba(14, 118, 188, 0.12);

}



.offer-popup-form .wpcf7-form-control.wpcf7-not-valid{

  border-color: var(--color-extremered);

}



.offer-popup-form .wpcf7-not-valid-tip{

  font-size: 13px;

  line-height: 1.3;

  color: var(--color-extremered);

  margin: 6px 0 0;

}



.offer-popup .wpcf7-submit,

.offer-popup .offer-popup-btn.btn{

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  min-width: 0;

  font-family: var(--font-body);

  font-size: 18px;

  font-weight: 600;

  line-height: 1;

  color: var(--color-white);

  background: var(--color-red);

  border: 1px solid var(--color-red);

  border-radius: 6px;

  padding: 18px 20px 15px;

  margin: 6px 0 0;

  transition: all 0.3s ease-in-out;

}



.offer-popup .wpcf7-submit:hover,

.offer-popup .wpcf7-submit:focus,

.offer-popup .offer-popup-btn.btn:hover,

.offer-popup .offer-popup-btn.btn:focus{

  color: var(--color-white);

  background: var(--color-darkred);

  border-color: var(--color-darkred);

}



.offer-popup .wpcf7-submit i,

.offer-popup .offer-popup-btn i{

  font-size: 17px;

  margin-left: 10px;

  position: relative;

  top: -1px;

  transition: transform 0.3s ease-in-out;

}



.offer-popup .wpcf7-submit:hover i,

.offer-popup .offer-popup-btn:hover i{

  transform: translateX(3px);

}



.offer-popup .wpcf7-spinner{

  display: none;

}



.offer-popup .wpcf7-form.submitting .wpcf7-submit{

  pointer-events: none;

  opacity: 0.85;

}



.offer-popup .wpcf7-form.submitting .wpcf7-submit i{

  animation: offerPopupSpin 0.8s linear infinite;

}



.offer-popup .wpcf7-form.submitting .wpcf7-submit i:before{

  content: "\f3f4";

}



@keyframes offerPopupSpin{

  to{

    transform: rotate(360deg);

  }

}



.offer-popup .wpcf7 form .wpcf7-response-output{

  margin: 14px 0 0;

  padding: 10px 14px;

  border-width: 1px;

  border-radius: 6px;

  font-size: 14px;

  line-height: 1.4;

}



.offer-popup-form-missing{

  color: var(--color-grey-52);

}



.offer-popup-privacy{

  font-size: 13px;

  line-height: 1.4;

  color: var(--color-grey-52);

  text-align: center;

  margin: 16px 0 0;

}



.offer-popup-privacy i{

  font-size: 12px;

  margin-right: 3px;

}



.offer-popup-privacy a{

  color: var(--color-darkblue);

  text-decoration: underline;

}



.offer-popup-privacy a:hover,

.offer-popup-privacy a:focus{

  color: var(--color-red);

}



.offer-popup .mfp-close{

  position: absolute;

  top: 20px;

  right: 20px;

  width: 36px;

  height: 36px;

  line-height: 36px;

  padding: 0;

  margin: 0;

  font-size: 0;

  color: var(--color-darkblue);

  background: transparent;

  border: 0;

  border-radius: 50%;

  opacity: 1;

  z-index: 5;

  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}



.offer-popup .mfp-close:before,

.offer-popup .mfp-close:after{

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  width: 20px;

  height: 2px;

  background: currentColor;

  border-radius: 2px;

  transform: translate(-50%, -50%) rotate(45deg);

}



.offer-popup .mfp-close:after{

  transform: translate(-50%, -50%) rotate(-45deg);

}



.offer-popup .mfp-close:hover,

.offer-popup .mfp-close:focus{

  color: var(--color-red);

  background: var(--color-grey-ec);

}



.offer-popup .mfp-close:active{

  top: 20px;

}



.offer-popup-thanks{

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  align-items: center;

  margin: 0 0 24px;

}



.offer-popup-check{

  width: 52px;

  height: 52px;

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background: #E6F4EA;

  color: #1E8E3E;

  font-size: 20px;

  margin-right: 18px;

}



.offer-popup-thanks-heading{

  padding-right: 30px;

  margin: 0 0 4px;

}



.offer-popup-thanks-text p{

  font-size: 16px;

  line-height: 1.5;

  color: var(--color-grey-52);

  margin: 0;

}



.offer-popup-ready-value{

  font-weight: 700;

  color: var(--color-red);

  text-transform: lowercase;

}



.offer-popup-voucher{

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  background: #FFF7F7;

  border: 2px dashed var(--color-red);

  border-radius: 8px;

  padding: 20px 22px 20px 24px;

  margin: 0 0 14px;

}



.offer-popup-voucher-text{

  min-width: 0;

  padding-right: 15px;

}



.offer-popup-voucher-label{

  display: block;

  font-size: 13px;

  font-weight: 700;

  line-height: 1.3;

  letter-spacing: 1.5px;

  text-transform: uppercase;

  color: var(--color-grey-42);

  margin: 0 0 6px;

}



.offer-popup-voucher-code{

  display: block;

  font-size: 36px;

  font-weight: 700;

  line-height: 1.1;

  letter-spacing: 3px;

  color: var(--color-darkblue);

  word-break: break-all;

}



.offer-popup-copy{

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-width: 118px;

  height: 50px;

  font-family: var(--font-body);

  font-size: 16px;

  font-weight: 700;

  line-height: 1;

  color: var(--color-darkblue);

  background: var(--color-white);

  border: 2px solid var(--color-darkblue);

  border-radius: 6px;

  padding: 2px 18px 0;

  transition: all 0.3s ease-in-out;

}



.offer-popup-copy:hover,

.offer-popup-copy:focus{

  color: var(--color-white);

  background: var(--color-darkblue);

}



.offer-popup-copy i{

  font-size: 16px;

  margin-right: 8px;

  position: relative;

  top: -1px;

}



.offer-popup-copied-text{

  display: none;

}



.offer-popup-copy.is-copied{

  color: var(--color-white);

  background: #1E8E3E;

  border-color: #1E8E3E;

}



.offer-popup-copy.is-copied i:before{

  content: "\f00c";

}



.offer-popup-copy.is-copied .offer-popup-copy-text{

  display: none;

}



.offer-popup-copy.is-copied .offer-popup-copied-text{

  display: inline;

}



.offer-popup-voucher-validity{

  display: none;

}



.offer-popup-voucher-meta{

  font-size: 15px;

  line-height: 1.5;

  color: var(--color-grey-52);

  margin: 0 0 24px;

}



.offer-popup-meta-value{

  font-weight: 700;

  color: var(--color-red);

  text-transform: uppercase;

}



.offer-popup-meta-sep{

  margin: 0 12px;

}



.offer-popup-redeem{

  margin: 0 0 22px;

}



.offer-popup-redeem h6{

  font-size: 16px;

  font-weight: 700;

  line-height: 1.3;

  color: var(--color-darkblue);

  margin: 0 0 12px;

}



.offer-popup-redeem ol{

  list-style: none;

  padding: 0;

  margin: 0;

  counter-reset: offer-step;

}



.offer-popup-redeem ol li{

  position: relative;

  counter-increment: offer-step;

  min-height: 28px;

  padding: 4px 0 0 42px;

  margin: 0 0 12px;

  font-size: 16px;

  line-height: 1.4;

  color: var(--color-body-color);

}



.offer-popup-redeem ol li:last-child{

  margin-bottom: 0;

}



.offer-popup-redeem ol li:before{

  content: counter(offer-step);

  position: absolute;

  left: 0;

  top: 0;

  width: 28px;

  height: 28px;

  border-radius: 50%;

  background: var(--color-darkblue);

  color: var(--color-white);

  font-size: 13px;

  font-weight: 700;

  line-height: 30px;

  text-align: center;

}



.offer-popup .offer-popup-book.btn{

  margin: 0;

}



.offer-popup-emailed{

  border-top: 1px solid var(--color-grey-e3);

  font-size: 14px;

  line-height: 1.4;

  color: var(--color-grey-52);

  text-align: center;

  padding: 16px 0 0;

  margin: 20px 0 0;

}



.offer-popup-emailed strong{

  color: var(--color-darkblue);

}





/*-- special offer unlock popup responsive --*/



@media (max-width:1200px) {



    .offer-popup{

        max-width: 880px;

    }



    .offer-popup-main{

        padding: 40px 36px 34px;

    }



    .offer-popup-details{

        padding: 24px 24px 28px;

    }



    .offer-popup-title{

        font-size: 22px;

    }



    .offer-popup-heading{

        font-size: 30px;

    }



}



@media (max-width:991px) {



    .offer-popup{

        max-width: 560px;

    }



    .offer-popup-row{

        flex-direction: column;

    }



    .offer-popup-aside,

    .offer-popup-main{

        width: 100%;

    }



    .offer-popup-details{

        flex-direction: row;

        flex-wrap: wrap;

        justify-content: space-between;

        align-items: center;

        max-height: 600px;

        overflow: hidden;

        padding: 18px 22px 22px;

        transition: max-height 0.35s ease, padding 0.35s ease, opacity 0.25s ease;

    }



    .offer-popup.is-revealing .offer-popup-details{

        opacity: 0;

    }



    .offer-popup.is-revealed .offer-popup-details{

        max-height: 0;

        padding-top: 0;

        padding-bottom: 0;

        opacity: 0;

    }



    .offer-popup-discount{

        font-size: 16px;

        padding: 9px 12px 7px;

        margin: 0 15px 0 0;

    }



    .offer-popup-validity{

        order: 2;

        align-self: auto;

        border-top: 0;

        padding: 0;

        font-size: 14px;

    }



    .offer-popup-title{

        order: 3;

        width: 100%;

        font-size: 20px;

        margin: 14px 0 8px;

    }



    .offer-popup-summary{

        order: 4;

        width: 100%;

        font-size: 15px;

        line-height: 1.6;

        margin: 0;

    }



    .offer-popup-main{

        padding: 24px 22px 30px;

    }



    .offer-popup-desktop-text{

        display: none;

    }



    .offer-popup-mobile-text{

        display: inline;

    }



    .offer-popup-eyebrow{

        font-size: 13px;

        margin: 0 0 6px;

    }



    .offer-popup-heading{

        font-size: 28px;

        margin: 0 0 8px;

    }



    .offer-popup-intro{

        font-size: 15px;

        line-height: 1.6;

        margin: 0 0 20px;

    }



    .offer-popup-form label{

        font-size: 14px;

    }



    .offer-popup-form input[type="text"],

    .offer-popup-form input[type="email"],

    .offer-popup-form input[type="tel"]{

        height: 46px;

    }



    .offer-popup .wpcf7-submit,

    .offer-popup .offer-popup-btn.btn{

        font-size: 17px;

        padding: 17px 20px 14px;

    }



    .offer-popup-privacy i{

        display: none;

    }



    .offer-popup .mfp-close{

        top: 10px;

        right: 10px;

        width: 42px;

        height: 42px;

        background: var(--color-white);

        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);

    }



    .offer-popup .mfp-close:hover,

    .offer-popup .mfp-close:focus{

        background: var(--color-white);

    }



    .offer-popup .mfp-close:active{

        top: 10px;

    }



    .offer-popup-thanks{

        flex-direction: column;

        text-align: center;

        margin: 0 0 20px;

    }



    .offer-popup-check{

        width: 56px;

        height: 56px;

        font-size: 22px;

        margin: 0 0 14px;

    }



    .offer-popup-thanks-heading{

        font-size: 30px;

        padding-right: 0;

        margin: 0 0 6px;

    }



    .offer-popup-thanks-text p{

        font-size: 15px;

    }



    .offer-popup-voucher{

        flex-direction: column;

        text-align: center;

        padding: 20px 20px 18px;

        margin: 0 0 24px;

    }



    .offer-popup-voucher-text{

        width: 100%;

        padding: 0;

    }



    .offer-popup-voucher-label{

        margin: 0 0 8px;

    }



    .offer-popup-voucher-code{

        font-size: 30px;

        margin: 0 0 16px;

    }



    .offer-popup-copy{

        width: 100%;

        height: 46px;

    }



    .offer-popup-voucher-validity{

        display: block;

        font-size: 14px;

        line-height: 1.4;

        color: var(--color-grey-52);

        margin: 14px 0 0;

    }



    .offer-popup-voucher-validity i{

        margin-right: 6px;

    }



    .offer-popup-voucher-meta{

        display: none;

    }



    .offer-popup-redeem ol li{

        font-size: 15px;

    }



}



@media (max-width:575px) {



    .offer-popup-mfp .mfp-container{

        padding: 0;

    }



    .offer-popup-mfp .mfp-content{

        vertical-align: top;

    }



    .offer-popup{

        max-width: none;

        min-height: 100vh;

        min-height: 100dvh;

        border-radius: 0;

        box-shadow: none;

    }



    .offer-popup-details{

        padding: 16px 20px 20px;

    }



    .offer-popup-main{

        padding: 22px 20px 30px;

    }



}



@media (max-width:480px) {



    .offer-popup-heading{

        font-size: 26px;

    }



    .offer-popup-thanks-heading{

        font-size: 28px;

    }



    .offer-popup-voucher-code{

        font-size: 28px;

        letter-spacing: 2px;

    }



    .offer-popup-discount{

        font-size: 15px;

    }



    .offer-popup-validity{

        font-size: 13px;

    }



}



.newsletter-form input.wpcf7-form-control.wpcf7-not-valid { border-color: #ff0909; outline: 1px solid #ff0909; }
.newsletter-form span.wpcf7-not-valid-tip { display: none; }
.newsletter-form .wpcf7-spinner { margin: 0 -35px 0 0; }

.bp-form-col p { margin-bottom: 0; }
.formsubmit { margin-top: 20px; }

.tour-slide-btn { gap: 8px; }
.tour-slide-btn .btn { margin-right: 0; }

.site-header.follow a.header-search-btn.fa-magnifying-glass:before { color: var(--color-black); }

.footer-nav-col:last-child { border: none !important; }
section.text-columns-section.three-columns .text-content img { object-fit: cover; }
.news-detail-section .news-detail-content ol, 
.news-detail-section .news-detail-content ul { margin: 20px 0 20px 20px; }
.news-detail-section .news-detail-content a:hover { text-decoration: underline; }

.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { line-height: 1.5; padding: 10px 15px; }

.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu { padding:0; }

.default-content-content .wpcf7-not-valid ~ .wpcf7-not-valid-tip { top: -10px; position: relative; }
.newsletter-box .wpcf7 input[type=submit] { padding: 16px 34px 14px; }

.tpl-media-gallery-page .faq-section { padding: 80px 0; }
.site-footer .current_page_item a { opacity: 1; }
.accordion-content-inner h4:first-child { margin-top: 0; }
@media(max-width: 1400px) {
  .review-section .ti-next,
  .review-section .ti-prev { margin-top: 15px !important; }
}
@media(max-width: 1200px) {
  .home-banner-btn-wrap .btn-square.white-btn-square:hover, .home-banner-btn-wrap .btn-square.white-btn-square:focus { color: var(--color-black); }
}
@media(max-width: 767px) {
  .default-content-content .bp-form-row { gap: 0; }
}

.blankDiv { height: 110px; }
@media(max-width: 1200px) {
  .blankDiv { height: 68px; }
}
@media(max-width: 767px) {
  .blankDiv { height: 70px; }
}



.blankDiv { height: 110px; }
@media(max-width: 1200px) {
  .blankDiv { height: 68px; }
}
@media(max-width: 767px) {
  .blankDiv { height: 70px; }
}


.contact-form-social-links ul li a { display: flex; align-items: center; justify-content: center; }
.tpl-faq-page .default-content-section:has(+ .faq-section) {padding-bottom: 0;}
.tour-detail-content-row .thumbnail-slider-nav .slick-track { margin: 0; }

.contact-form-section .bp-form-col span.wpcf7-not-valid-tip { position: relative; top: -8px; }

.team-hover-main-content { justify-content: center !important; }
.team-hover-main-content { text-align: center; }
.bp-news-form { position: relative; }
.newsletter-form .wpcf7-spinner { position: absolute; top: calc(100% + 5px); right: 0; margin: 0; }

.os-mac .newsletter-box .wpcf7 input[type=submit] { padding: 14px 34px; }
.os-mac .load-more-btn-wrap .btn { padding: 16px; }
.os-mac .tour-slide-btn .btn { padding: 14px 15px; }
.os-mac .wishlist-btn-text { padding-top: 0; }
.os-mac .btn-square {display: inline-flex; vertical-align: middle; padding: 8px 15px 11px; min-height: 48px; align-items: center; justify-content: center;}

.os-mac form .wpcf7-checkbox label span:before { top: 2px; }
.os-mac form .wpcf7-checkbox label span:after { top: 7px; }

@media(max-width: 430px){
  .newsletter-form .wpcf7-spinner { left: 0; margin: 0 auto; }
}

.home-banner-btn-wrap .btn-square { background: #4B68C3; }
.home-banner-btn-wrap .btn-square:hover { background: #00589C; }
.home-banner-btn-wrap .btn-square svg { display: none; }
.home-banner-btn-wrap .btn-square {
    --cutout: 9px;
    -webkit-mask: radial-gradient(
        circle at left center,
        transparent var(--cutout),
        #000 calc(var(--cutout) + 0.5px)
    ),
    radial-gradient(
        circle at right center,
        transparent var(--cutout),
        #000 calc(var(--cutout) + 0.5px)
    );
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}
.home-banner-btn-wrap .btn-square.white-btn-square {
    background: var(--color-white);
}

.home-banner-btn-wrap .btn-square.white-btn-square:hover {
  background: #4B68C3;
}
.review-row { position: relative; z-index: 1; }

/* ===== BRIT CUSTOM CSS START ===== */
/* === Brit Music Tours brand colours (overrides britmovietours red/navy) === */
/* ==========================================================================
   Brit Music Tours – custom CSS (Appearance → Customise → Additional CSS)
   Design = britmovietours theme, colours/content = live britmusictours.com
   Sections:
   1. Brand colours          7. Our Story (timeline, button)
   2. Header & menus         8. Meet Our Team
   3. Home page              9. Tour pages (accordions, reviews gap)
   4. Page layout & gaps    10. Forms (Contact Form 7, newsletter)
   5. Card grids            11. Footer
   6. Media gallery         12. Mobile & tablet
   ========================================================================== */

/* 1. BRAND COLOURS ------------------------------------------------------- */
:root {
	--color-red: #4B68C3;          /* main buttons / accents */
	--color-darkred: #3A55A8;      /* button hover */
	--color-extremered: #4B68C3;
	--color-light-red: #4B68C3;
	--color-lightred: #DCE3F7;     /* light accent backgrounds */
	--color-light-pink: #C9D3F3;
	--color-yellow: #C3A64B;       /* gold from the logo */
	--color-blue: #4B68C3;
	--color-darkblue: #4F5562;     /* dark sections / footer */
	--color-darkblue2: #3E434C;
	--color-darkblue3: #454A54;
	--color-light-blue: #3E434C;
}
.btn-square:not(.white-btn-square) svg { fill: #4B68C3; }          /* ribbon buttons */
.btn-square:not(.white-btn-square):hover svg { fill: #3A55A8; }
.wishlist-btn .fa-heart, .pink-heart-icon { color: #4B68C3; }
/* Sub-headings inside page text and blog posts are gold (like live); main headings stay dark */
.default-content-content h3, .default-content-content h4, .default-content-content h5,
.single-post .entry-content h3, .single-post .entry-content h4 { color: #C3A64B; }

/* 2. HEADER & MENUS ------------------------------------------------------ */
/* Desktop mega menu in the brand colour */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu { border-color: #4B68C3 !important; }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item ul.mega-sub-menu a.mega-menu-link:hover,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item ul.mega-sub-menu a.mega-menu-link:focus,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item ul.mega-sub-menu li.mega-current-menu-item > a.mega-menu-link,
.megamenu-main .mega-menu > li.mega-menu-item > a.mega-menu-link:hover,
.megamenu-main .mega-menu > li.mega-menu-item > a.mega-menu-link:focus,
.megamenu-main .mega-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
.megamenu-main .mega-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link { color: #4B68C3 !important; }
/* (mobile menu → section 12) */

/* 3. HOME PAGE ----------------------------------------------------------- */
.home .default-content-section { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.home .default-content-section + .destination-section { padding-top: 30px !important; margin-top: 0 !important; }
.home .review-section { padding-bottom: 90px !important; }   /* room for the review slider arrows */
.review-slider { padding-bottom: 20px; }
.home .review-section + .text-columns-section { padding-top: 10px !important; margin-top: 0 !important; }
/* Why Choose: 3 columns (boxes | photos | boxes), equal box heights */
@media (min-width: 992px) {
	.why-choose-row { display: flex; flex-wrap: nowrap; justify-content: center; width: auto; }
	.why-choose-row > .why-choose-box-col { flex: 0 0 30%; width: 30% !important; max-width: 30%; }
	.why-choose-row > .why-choose-slider-col { flex: 0 0 40%; width: 40% !important; max-width: 40%; }
}
.why-choose-slider-col .why-choose-img-slider { width: 100%; }
.why-choose-box-col .why-choose-box-list { display: flex; flex-direction: column; height: 100%; }
.why-choose-box-col .why-choose-box-item { flex: 1 1 0; display: flex; }
.why-choose-box-col .why-choose-box-item .why-choose-box { flex: 1; display: flex; flex-direction: column; justify-content: center; }
.why-choose-4-grid-row { align-items: stretch; justify-content: center; }
.why-choose-4-grid-row .why-choose-4-col { display: flex; }
.why-choose-4-grid-row .why-choose-box { flex: 1; }
/* Latest News section spacing (requested by Dhaval) */
.latest-news-section { padding: 80px 0 131px !important; }

/* 4. PAGE LAYOUT & GAPS ------------------------------------------------- */
/* City pages: intro text → tour grid */
.default-content-section + .tour-section { padding-top: 30px !important; margin-top: 0 !important; }
.default-content-section:has(+ .tour-section) { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.default-content-section + .tour-section .tour-section-bg { top: 0 !important; }   /* city pages: plane/bus background shown whole (it was pulled up and cut) */
/* Stacked text blocks (Gift, Voucher and other pages): no double gap */
.default-content-section + .default-content-section { padding-top: 0 !important; margin-top: 0 !important; }
.default-content-section:has(+ .default-content-section),
.default-content-section:has(+ .text-columns-section) { padding-bottom: 20px !important; margin-bottom: 0 !important; }
.text-columns-section + .default-content-section { padding-top: 0 !important; margin-top: 0 !important; }
.text-columns-section { padding-bottom: 30px; }
.default-content-content > *:last-child { margin-bottom: 0 !important; }
.default-content-content > p:empty,
.default-content-content > p:has(> br:only-child) { display: none; }
.default-content-content p:has(> img:only-child) { margin: 0 0 15px; }
.default-content-content .fh-itemgrid,
.default-content-content [class*="fareharbor"],
.default-content-content iframe { margin-top: 0 !important; }
/* Reviews page: intro text → reviews widget */
.default-content-section:has(.ti-widget) { padding-top: 0 !important; margin-top: 0 !important; }
.default-content-section:has(+ .default-content-section .ti-widget) { padding-bottom: 20px !important; margin-bottom: 0 !important; }
/* Centred button row (e.g. Our Story "Meet Our Guides") */
.bp-center { text-align: center; }
.text-columns-section + .default-content-section:has(.bp-center) { padding-top: 0 !important; }

/* 5. CARD GRIDS (3-column cards: Partners, Travel Trade, Awards…) -------- */
.text-columns-section.three-columns .text-col { display: flex; flex-direction: column; }
.text-columns-section.three-columns .text-content { flex: 1 0 auto; display: flex; flex-direction: column; }
.text-columns-section.three-columns .text-content > *, .bp-partner > * { flex-shrink: 0; }
.text-columns-section.three-columns .text-content img { width: 100%; height: 220px; object-fit: contain; background: #fff; display: block; margin-bottom: 15px; }
.bp-partner { flex: 1 0 auto; display: flex; flex-direction: column; }
.bp-partner > p:last-child:has(.btn) { margin-top: auto; padding-top: 10px; }
/* Card image from the Image field: WordPress lazy images get a 3000px "intrinsic size" that pushed cards to 2 per row – keep them in their column */
.text-columns-section .text-col, .text-columns-section .text-content, .text-columns-section .text-content > * { min-width: 0; }
.text-columns-section .text-content img { max-width: 100%; contain-intrinsic-size: none; }
.text-columns-section.three-columns .text-content img { object-fit: contain !important; }   /* never crop a card image (award badges were cut) */
.text-columns-section.three-columns .text-content > p:only-child img { height: auto; max-height: 200px; width: auto; max-width: 100%; margin: 0 auto 15px; }   /* image-only cards (award badges / logos): whole badge, not too big */
/* Gallery image popup */
.gallery img, .wp-block-gallery img { cursor: zoom-in; }
.bp-lb { position: fixed; inset: 0; z-index: 9999999; background: rgba(0,0,0,.88); display: flex; align-items: center; justify-content: center; padding: 40px 60px; box-sizing: border-box; }
.bp-lb[hidden] { display: none; }
.bp-lb img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 6px; box-shadow: 0 10px 40px rgba(0,0,0,.5); }
.bp-lb button { position: absolute; background: rgba(255,255,255,.15); color: #fff; border: 0; border-radius: 50%; width: 46px; height: 46px; font-size: 32px; line-height: 44px; cursor: pointer; padding: 0; }
.bp-lb button:hover { background: rgba(255,255,255,.3); }
.bp-lb .bp-lb-x { top: 16px; right: 16px; font-size: 30px; }
.bp-lb .bp-lb-p { left: 12px; top: 50%; margin-top: -23px; }
.bp-lb .bp-lb-n { right: 12px; top: 50%; margin-top: -23px; }
@media (max-width: 767px) { .bp-lb { padding: 60px 12px; } .bp-lb .bp-lb-p, .bp-lb .bp-lb-n { top: auto; bottom: 14px; margin-top: 0; } }
/* Form error message: space between the message and the next field */
.wpcf7 .wpcf7-not-valid-tip { display: block !important; margin: 6px 0 18px !important; font-size: 14px !important; line-height: 1.4 !important; }
/* Our Tours: filter bar above the cards (moved out of the banner) */
.all-tour-section .banner-tour-search-main { max-width: 1108px; margin: 0 auto 30px; padding: 0; }
.all-tour-section .banner-tour-search-box { background: #eef2fb; border: 1px solid #dfe5f0; }
.all-tour-section .filter-icon { box-shadow: 0 0 0 1px #dfe5f0; }
/* Media Gallery: logos are shown whole (not cropped) */
.gallery .gallery-item img[src*="logo" i], .gallery .gallery-item img[src*="cmyk" i], .gallery .gallery-item img[src*="BritMusicTours-" i], .gallery .gallery-item img[src*="BritIconTours-" i], .gallery .gallery-item img[src*="Brit-Icon-Tours-logo" i], .gallery .gallery-item img[src$=".png" i], .gallery .gallery-item img[src*=".png?" i], .gallery .gallery-item img[src$=".svg" i] { object-fit: contain !important; background: #fff; padding: 10px; box-sizing: border-box; }
/* Mobile: card images use the full column width (no white strips beside them) */
@media (max-width: 767px) { .text-columns-section.three-columns .text-content > p:not(:only-child) img, .text-columns-section.three-columns .text-content > img { width: 100%; height: auto; max-height: 260px; object-fit: cover !important; } }
/* Contact: social icons centred in their circles */
.contact-form-social-links ul li a { display: flex !important; align-items: center; justify-content: center; line-height: 1 !important; }
/* Card text lists: bullets inside the card with a left indent (they were hanging outside on mobile) */
.text-columns-section .text-content ul { padding-left: 22px !important; margin: 0 0 15px !important; }
.text-columns-section .text-content ul li { list-style: disc outside; margin: 0 0 6px; }
/* News page: smaller gap between "Latest News" and "All News" (desktop + mobile) */
.latest-news-section + .news-list-section { padding-top: 0 !important; }
.latest-news-section:has(+ .news-list-section) { padding-bottom: 50px !important; }
@media (max-width: 767px) { .latest-news-section:has(+ .news-list-section) { padding-bottom: 30px !important; } .news-list-section { padding-bottom: 40px !important; } }
/* Travel Trade: an icon for each point (like live) */
.text-columns-section .text-content ul.bp-ico-list { padding-left: 0 !important; list-style: none; }
.text-columns-section .text-content ul.bp-ico-list li { list-style: none; position: relative; padding-left: 34px; }
.bp-ico-list li.bp-ico:before { font-family: "Font Awesome 6 Pro"; font-weight: 900; position: absolute; left: 0; top: 1px; width: 24px; text-align: center; font-size: 18px; color: var(--color-red); }
.bp-ico-location:before { content: "\f3c5"; }
.bp-ico-eye-slash:before { content: "\f070"; }
.bp-ico-bezier:before { content: "\f55b"; }
.bp-ico-taxi:before { content: "\f1ba"; }
.bp-ico-folder-plus:before { content: "\f65e"; }
.bp-ico-money:before { content: "\f3d1"; }
.bp-ico-life-ring:before { content: "\f1cd"; }
.bp-ico-leaf:before { content: "\f06c"; }
.bp-ico-camera:before { content: "\f030"; }
/* Travel Trade cards: the bold sub title takes 2 lines on desktop so the points (with icons) start at the same height in a row */
@media (min-width: 992px) { .text-columns-section.three-columns .text-content > h3 + p:has(> strong:only-child) { min-height: 2lh; } }
.text-columns-section .text-content ul.bp-ico-list li.bp-ico:before { top: 0.15em; line-height: inherit; }
/* Heading after an embedded block (e.g. FareHarbor gift cards → "Build Your Own Gift Card"): space above */
.default-content-content > :is(div, iframe, figure, section, p:has(iframe), p:has(script)) + :is(h2, h3) { margin-top: 60px !important; }
@media (max-width: 767px) { .default-content-content > :is(div, iframe, figure, section, p:has(iframe), p:has(script)) + :is(h2, h3) { margin-top: 40px !important; } }
/* Broken image: placeholder shown by the "Placeholder for broken images" snippet (hidden only if the placeholder also fails) */
img.bp-broken { display: none !important; }
.bp-tl-media:has(img.bp-broken) { min-height: 0; }
/* Glasgow (no tours yet): centred message */
.bp-no-tours { text-align: center; padding: 10px 0 30px; }
.bp-no-tours p { margin: 0 0 18px; }
/* "Email Us" block (London Tours etc., like live): centred heading, text and button */
.bp-email-us { text-align: center; padding: 10px 0 20px; }
.bp-email-us h2 { margin: 0 0 12px; }
.bp-email-us p { margin: 0 0 22px; }
/* Home "Why …?" middle photos: title + text on the photo (like live) */
.why-choose-img-slider .why-choose-img-slider-item { position: relative !important; overflow: hidden; border-radius: 20px; }
.why-choose-img-slider .why-choose-img-slider-item .bp-why-cap { position: absolute !important; left: 0; right: 0; bottom: 0; z-index: 2; margin: 0 !important; padding: 50px 20px 16px !important; background: linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,0)) !important; text-align: left; }
.why-choose-img-slider .why-choose-img-slider-item .bp-why-cap h5 { color: #fff !important; margin: 0 0 4px !important; font-size: 20px; }
.why-choose-img-slider .why-choose-img-slider-item .bp-why-cap p { color: #fff !important; margin: 0 !important; font-size: 14px; line-height: 1.45; display: block !important; }
/* Page banners: show the upper part of the photo (people's heads were cut off) */
.inner-banner-section .inner-banner-bg img { object-position: center 22% !important; }
@media (min-width: 1200px) { .inner-banner-section:not(.inner-banner-section-lg) { min-height: clamp(270px, 14.5vw, 520px) !important; } }   /* wider screen / browser zoomed out → banner grows with it, so the photo is not cut more */
/* Meet Our Team: smaller gap between the intro text and "Our Guides" (desktop) */
.default-content-section:has(+ .team-section) { padding-bottom: 20px !important; margin-bottom: 0 !important; }
.default-content-section + .team-section { padding-top: 30px !important; }
/* Form errors: when a required field is empty the browser scrolls to it – keep it (and its message) below the sticky header */
html { scroll-padding-top: 170px; }
form input, form textarea, form select { scroll-margin-top: 170px; }
@media (max-width: 991px) { html { scroll-padding-top: 110px; } form input, form textarea, form select { scroll-margin-top: 110px; } }
/* Image Banner section (background image + heading + text + button), like live "Discover Our Tours" */
.bp-img-cta { position: relative; overflow: hidden; padding: 110px 0; margin: 40px 0 0; text-align: center; }
.bp-img-cta-bg { position: absolute; inset: 0; }
.bp-img-cta-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.bp-img-cta-bg:after { content: ""; position: absolute; inset: 0; background: rgba(0, 2, 24, .55); }
.bp-img-cta .main { position: relative; z-index: 1; }
.bp-img-cta-content { max-width: 860px; margin: 0 auto; }
.bp-img-cta h2, .bp-img-cta .bp-img-cta-text, .bp-img-cta .bp-img-cta-text p { color: #fff; }
.bp-img-cta h2 { margin: 0 0 16px; }
.bp-img-cta .bp-img-cta-text p { margin: 0 0 14px; font-size: 18px; line-height: 1.6; }
.bp-img-cta .bp-img-cta-btn { margin: 24px 0 0; }
.bp-img-cta-nobg { background: var(--color-sky-blue); }
.bp-img-cta-nobg h2, .bp-img-cta-nobg .bp-img-cta-text, .bp-img-cta-nobg .bp-img-cta-text p { color: inherit; }
.default-content-section:has(+ .bp-img-cta) { padding-bottom: 20px !important; }
.bp-img-cta + .default-content-section, .bp-img-cta + section { margin-top: 0; }
@media (max-width: 767px) { .bp-img-cta { padding: 70px 0; } .bp-img-cta .bp-img-cta-text p { font-size: 16px; } }
/* Placeholder (site logo) for a missing image: shown whole on white, not stretched */
img.bp-placeholder { object-fit: contain !important; background: #fff; padding: 30px; box-sizing: border-box; }
/* Tour cards (Our Tours, search, sliders): title right under the image, time/price + buttons lined up at the bottom */
.tour-slide-card > .tour-slide-content { flex: 1 0 auto; display: flex; flex-direction: column; }
.tour-slide-card > .tour-slide-content > .tour-slide-content-inner { padding-top: 12px; }
.tour-slide-card > .tour-slide-content > .tour-slide-time { margin-top: auto; }
.search-results .tour-slide-card .tour-slide-btn { margin-top: auto; }

/* 6. MEDIA GALLERY ------------------------------------------------------- */
.gallery { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 10px 0 !important; }
.gallery .gallery-item { width: auto !important; max-width: none !important; margin: 0 !important; float: none !important; }
.gallery .gallery-item img { width: 100%; height: 170px; object-fit: cover; border: 0 !important; border-radius: 10px; display: block; }
.gallery br { display: none; }

/* 7. OUR STORY – timeline ("Our History") -------------------------------- */
.bp-timeline { position: relative; margin: 40px 0 20px; view-timeline-name: --bptl; }
.bp-timeline:before, .bp-timeline:after { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: #e3e8f0; }
.bp-timeline:after { background: var(--color-red); transform-origin: top; transform: scaleY(1); animation: bpTlGrow linear both; animation-timeline: --bptl; animation-range: entry 30% exit 70%; }
@keyframes bpTlGrow { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.bp-tl-item { display: flex; align-items: center; position: relative; margin: 0 0 110px; }
.bp-tl-item:last-child { margin-bottom: 0; }
.bp-tl-side { flex: 0 0 50%; max-width: 50%; box-sizing: border-box; }
.bp-tl-item:nth-child(odd) { flex-direction: row-reverse; }   /* odd: text left / photo right, even: photo left / text right */
.bp-tl-item:nth-child(even) .bp-tl-media, .bp-tl-item:nth-child(odd) .bp-tl-dot + .bp-tl-side { padding-right: 70px; }
.bp-tl-item:nth-child(odd) .bp-tl-media, .bp-tl-item:nth-child(even) .bp-tl-dot + .bp-tl-side { padding-left: 70px; }
.bp-tl-year { color: var(--color-red); font-size: 44px; line-height: 1.1; margin: 0 0 18px; }
.bp-tl-item:nth-child(even) .bp-tl-year { text-align: right; }
.bp-tl-media img { width: 100%; height: 300px; object-fit: cover; display: block; box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.bp-tl-media img[src*="Logo"], .bp-tl-media img[src*="Good-To-Go"] { object-fit: contain; background: #fff; box-shadow: none; }
.bp-tl-dot { position: absolute; left: 50%; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%; background: #e3e8f0; z-index: 2; animation: bpTlDot linear both; animation-timeline: view(); animation-range: entry 60% cover 50%; }
@keyframes bpTlDot { to { background: var(--color-red); } }
.bp-tl-text { position: relative; background: var(--color-red); color: #fff; padding: 40px 50px; box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.bp-tl-text p { color: #fff; margin: 0; font-size: 18px; line-height: 1.7; }
.bp-tl-text:before { content: ""; position: absolute; top: 50%; margin-top: -18px; border: 18px solid transparent; }
.bp-tl-item:nth-child(even) .bp-tl-text:before { right: 100%; border-right-color: var(--color-red); }
.bp-tl-item:nth-child(odd) .bp-tl-text:before { left: 100%; border-left-color: var(--color-red); }

/* 8. MEET OUR TEAM – full bio on the hover side --------------------------- */
.team-hover-main-content { justify-content: flex-start; }
.team-hover-main-content-inner { font-size: 14px; }
.team-hover-main-content-inner p { line-height: 1.5; }

/* 9. TOUR PAGES ---------------------------------------------------------- */
/* Accordions: sub-headings / questions + indented bullet answers (like live) */
.accordion-content-inner { padding-top: 20px !important; }   /* padding, not margin (a margin leaked out as a white strip) */
.accordion-content-inner h4 { color: #C3A64B; font-size: 20px; line-height: 1.3; font-weight: 600; margin: 22px 0 8px; }
.accordion-content-inner > *:first-child, .accordion-content-inner h4:first-child { margin-top: 0 !important; }
.accordion-content-inner h4 + ul, .accordion-content-inner h4 + p { margin-top: 10px; }
.accordion-content-inner ul { list-style: disc; padding-left: 22px; margin: 0 0 6px; }
.accordion-content-inner ul li { list-style: disc; margin: 0 0 4px; line-height: 1.6; }
.accordion-content-inner p { margin: 0 0 10px; }
/* Smaller gap after the reviews section */
.single-tour .review-section { padding-bottom: 50px !important; }
.single-tour .review-section + .why-choose-section { padding-top: 40px !important; }

/* 10. FORMS – Contact Form 7 + newsletter -------------------------------- */
.bp-form-wrap { max-width: 820px; margin: 0; }
.bp-form-row { display: flex; gap: 16px; flex-wrap: wrap; }
.bp-form-row p { margin: 0; }
.bp-form-col { flex: 1 1 260px; }
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 textarea { width: 100% !important; padding: 14px 18px !important; border: 1px solid #d9d9d9 !important; border-radius: 10px !important; background: #fff !important; font: inherit !important; margin: 0 0 16px !important; box-sizing: border-box !important; }
.wpcf7 textarea { height: 160px !important; resize: vertical !important; }
.wpcf7 .wpcf7-list-item { margin: 0 0 16px !important; display: block !important; }
.wpcf7 input[type=submit] { background: var(--color-red) !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; padding: 14px 34px !important; font: inherit !important; font-weight: 600 !important; cursor: pointer !important; }
.wpcf7 input[type=submit]:hover { background: var(--color-darkred) !important; }
.wpcf7-form.sent .wpcf7-response-output { background: #46b450 !important; color: #ffffff !important; text-align: center !important; margin-left: 0 !important; margin-right: 0 !important; }
/* Custom tick-boxes */
form .wpcf7-checkbox label { position: relative !important; }
form .wpcf7-checkbox label span { position: relative !important; padding-left: 30px !important; }
form .wpcf7-checkbox label span:before { content: '' !important; position: absolute !important; left: 0 !important; top: -3px !important; height: 20px !important; width: 20px !important; border: 1px solid var(--color-body-color) !important; display: inline-block !important; border-radius: 2px !important; }
form .wpcf7-checkbox label span:after { content: '' !important; position: absolute !important; left: 4px !important; top: 2px !important; height: 5px !important; width: 11px !important; border-left: 3px solid var(--color-body-color) !important; border-bottom: 3px solid var(--color-body-color) !important; display: inline-block !important; opacity: 0 !important; transform: rotate(-45deg) !important; }
form .wpcf7-checkbox label input { position: absolute !important; opacity: 0 !important; }
form .wpcf7-checkbox label input:checked ~ span:after { opacity: 1 !important; }
/* Form checkbox: box and text centred on one line (overrides the rules above) */
.wpcf7 form .wpcf7-checkbox label span.wpcf7-list-item-label { display: inline-block !important; line-height: 24px !important; padding-left: 32px !important; vertical-align: middle !important; }
.wpcf7 form .wpcf7-checkbox label span.wpcf7-list-item-label:before { top: 2px !important; margin-top: 0 !important; }
.wpcf7 form .wpcf7-checkbox label span.wpcf7-list-item-label:after { top: 7px !important; margin-top: 0 !important; }
/* Newsletter box (brand colour; hidden until a form shortcode is set) */
.newsletter-sec:not(:has(.newsletter-form)) { display: none !important; }
.newsletter-box { background-color: #4B68C3; background-size: cover; background-position: center; min-height: 0; }
.newsletter-box h2, .newsletter-box p { color: #ffffff; }
.newsletter-form .bp-news-form { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; justify-content: center !important; }
.newsletter-form .bp-news-form p { display: contents !important; }
.newsletter-form .bp-news-form .wpcf7-form-control-wrap { flex: 1 1 200px !important; }
.newsletter-form .bp-news-form input[type=text], .newsletter-form .bp-news-form input[type=email] { margin: 0 !important; }
.newsletter-form .wpcf7 input[type=submit] { background: #fff !important; color: var(--color-red) !important; }

/* 11. FOOTER ------------------------------------------------------------- */
footer h6, .site-footer h6 { color: #C3A64B; }
.footer-col-5:not(:has(.foo-nav-links)) { display: none; }   /* hide an empty 4th menu column */
footer a[href="#bp-nolink"], .site-footer a[href="#bp-nolink"] { pointer-events: none; cursor: default; text-decoration: none; }   /* Contact column = plain text */

/* 12. MOBILE & TABLET ---------------------------------------------------- */
/* ≤1400px: Latest News spacing */
@media (max-width: 1400px) { .latest-news-section { padding: 70px 0 !important; } }

/* Tablet + mobile (≤1200px): hero buttons keep the ribbon shape but fit the longer labels */
@media (max-width: 1200px) {
	.home-banner-btn-wrap { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
	.home-banner-btn-wrap .btn-square { margin: 0 !important; min-width: 0; padding: 12px 24px; white-space: nowrap; background: var(--color-red);
		-webkit-mask: radial-gradient(circle 9px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 9px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat;
		mask: radial-gradient(circle 9px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 9px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat; }
	.home-banner-btn-wrap .btn-square.white-btn-square { background: #fff; }
	.home-banner-btn-wrap .btn-square svg { display: none; }
	.home-banner-btn-wrap .btn-square-text { top: 0; }
}
/* Tablet + mobile (≤991px): menu button, full-height white menu panel, timeline stacked */
@media only screen and (max-width: 991px) {
	.site-header, .site-header .header-main, .site-header .main, .megamenu-main, .mega-menu-wrap { transform: none !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; contain: none !important; }
	#mega-menu-wrap-menu-1 .mega-menu-toggle { background-color: #4B68C3 !important; }
	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-animated-inner,
	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-animated-inner::before,
	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-animated-inner::after { background-color: #ffffff !important; }
	#mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 { background-color: #ffffff !important; box-shadow: 0 0 20px rgba(0,0,0,.25); position: fixed !important; top: 0 !important; bottom: 0 !important; height: 100vh !important; height: 100dvh !important; max-height: none !important; width: 300px !important; max-width: 85vw !important; padding: 60px 0 20px !important; overflow-y: auto !important; z-index: 999999 !important; }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item { width: 100% !important; }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > a.mega-menu-link,
	.megamenu-main .mega-menu > li.mega-menu-item > a.mega-menu-link,
	body.home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link,
	body.home .megamenu-main .mega-menu > li.mega-menu-item > a.mega-menu-link,
	body.home .site-header.follow .megamenu-main .mega-menu > li.mega-menu-item > a.mega-menu-link { color: #222222 !important; background: transparent !important; padding: 12px 20px !important; line-height: 1.4 !important; border-bottom: 1px solid #eeeeee !important; }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link { font-size: 17px !important; padding: 14px 22px !important; }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 ul.mega-sub-menu { background-color: #f5f7fc !important; border: 0 !important; }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 ul.mega-sub-menu a.mega-menu-link { color: #4B4F58 !important; background: transparent !important; }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > a.mega-menu-link:hover,
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-current-menu-item > a.mega-menu-link,
	body.home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
	body.home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover { color: var(--color-red) !important; }
	#mega-menu-wrap-menu-1 button.mega-close::before { color: #222222 !important; }
	/* Our Story timeline: stacked year → photo → text, no centre line */
	.bp-timeline:before, .bp-timeline:after, .bp-tl-dot, .bp-tl-text:before { display: none; }
	.bp-tl-item, .bp-tl-item:nth-child(odd) { flex-direction: column; margin-bottom: 50px; }
	.bp-tl-side, .bp-tl-item .bp-tl-side, .bp-tl-item:nth-child(even) .bp-tl-side { flex: 1 1 auto; max-width: 100%; width: 100%; padding: 0 !important; }
	.bp-tl-year, .bp-tl-item:nth-child(even) .bp-tl-year { text-align: left; font-size: 32px; }
	.bp-tl-media img { height: 220px; margin-bottom: 16px; }
	.bp-tl-text { padding: 26px 24px; }
}
/* Mobile (≤767px): smaller gaps, 2-column gallery */
@media (max-width: 767px) {
	.review-section { padding-top: 50px !important; }
	.home .review-section { padding-bottom: 60px !important; }
	.review-section + section { padding-top: 30px !important; margin-top: 0 !important; }
	.single-tour .review-section { padding-bottom: 40px !important; }
	.single-tour .review-section + .why-choose-section { padding-top: 20px !important; }
	.default-content-section:has(+ .faq-section) { padding-bottom: 10px !important; margin-bottom: 0 !important; }
	.faq-section { padding-top: 20px !important; }
	.default-content-section + .faq-section { padding-top: 0 !important; }
	.default-content-section:has(+ .team-section) { padding-bottom: 10px !important; margin-bottom: 0 !important; }
	.team-section { padding-top: 30px !important; }
	.team-section + .team-section { padding-top: 0 !important; }
	.team-title-content { margin-bottom: 20px !important; }
	.default-content-section:has(+ .default-content-section),
	.default-content-section:has(+ .text-columns-section) { padding-bottom: 10px !important; }
	.gallery { grid-template-columns: repeat(2, 1fr); }
}
/* ===== BRIT CUSTOM CSS END ===== */