@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
html { margin: 0; padding:0; overflow-x:hidden; width:100%;}
body{font-family:"Roboto", sans-serif; font-weight:400; padding:0; color:#00131d; font-weight:normal; padding-right:0!important; background:#fff;font-size:16px;line-height:1.5; overflow-x:hidden; width:100%;}
/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

:root{--green:#2b8e93; --dark:#205066; --light:#f3ec3f; --shade: linear-gradient(180deg, var(--green) 0%, var(--dark) 100%);}

img{border:0;}

*{ box-sizing:border-box;}
*:hover{
}

a{color:var(--green); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--dark);}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:600; font-family:'Oswald';}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #666;
}


@keyframes wiggle {
0%{transform:rotate(0deg);}
80%{transform:rotate(0deg);}
85%{transform:rotate(5deg);}
95%{transform:rotate(-5deg);}
100%{transform:rotate(0deg);}
}

.floatingBtn{ position:fixed; right:-1px; top:40%; width:65px; z-index:500; text-align:center;}
.floatingBtn a{ text-align:center; font-size:11px; padding:8px 5px; display:block; overflow:hidden; margin-bottom:0px; border:1px var(--gray) solid; color:#fff;
background: var(--gray); background: linear-gradient(0deg, var(--gray) 0%, #8a8c8f 100%);}
.floatingBtn a:hover{ color:#fff;background: var(--shade);}
.floatingBtn a i{ display:block; clear:both; font-size:18px; margin-bottom:5px;}


.container{width:1280px; max-width:95%; margin:0 auto;}

.floatBtn{background:#fff; position:fixed; right:0; top:30%; box-shadow:0 0 8px rgba(130,100,30,0.8); z-index:999;}
.floatBtn ul{margin:0; padding:0; list-style-type:none;}
.floatBtn ul li a{display:block; padding:3px 7px; font-size:26px; line-height:1.3;}
.floatBtn ul li a img, .socialIcon li a img{width:30px;}
.floatBtn ul li:last-child a{ border-top:1px var(--green) solid; margin-top:10px;}
.floatBtn ul li a:hover img, .socialIcon li a:hover img{ filter: brightness(70%);}


.popUpBox{position:fixed; left:15px; bottom:15px; width:250px; height:250px; background:var(--black); padding:40px 20px 0; border-radius:50%; border-bottom-left-radius:0; text-align:center; z-index:99999; font-size:18px; oapcity:1; display:block; transition:.2s ease-in-out;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
}
.popUpBox h4{margin-bottom:10px; font-size:14px; color:#fff;}
.popUpBox img{height:50px; margin-bottom:10px;}
.popUpBox div a.call{display:block; overflow:hidden; font-weight:700; font-size:24px; margin:5px 0 10px; line-height:1; animation: wiggle 1.5s infinite; color:#fff;}
.popUpBox div a.call i{font-size:18px;}
.popUpBox div a.contact{font-size:12px; background:var(--shade); padding:4px 15px; border-radius:5px; text-transform:uppercase; display:inline-block; color:var(--black); font-weight:700;}
.popUpBox > a{position:absolute; left:-10px; bottom:-10px;background:var(--shade); color:var(--black); text-align:center; width:40px; height:40px; line-height:36px; border-radius:50%; border:2px var(--black) solid;}
.popUpBox div a:hover{color:#fff;}
.popUpBox.show{opacity:0; display:none;}


/* Header */
.headerArea{display:block; position:relative; clear:both; padding:0; font-size:15px; position:relative; position:absolute; top:0; width:100%; z-index:999;
background: #FFF;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.logo{padding:0;}
.logo ul{margin:0; padding:0;  list-style-type:none; display:flex; align-items:center; width: fit-content;}
.logo ul li{margin:0; padding:0;}
.logo svg{height:85px;}
.logo ul h2{font-size:36px; font-weight:600; text-align:center; line-height:0.6; margin:0; font-family:'Kanit'; color:var(--dark); float:left; width:200px;}
.logo ul h2 span{font-size:20px; text-transform:uppercase; color:var(--green);}
.logo ul h2 small{font-size:12px; color:var(--dark); display:block; overflow:hidden; padding:5px 0; line-height:1.3;}
.headerIcons{list-style-type:none; margin:0; padding:0;}
.headerIcons li{display:inline-block; margin:0 25px; text-align:left; position:relative; padding-left:40px;}
.headerIcons li i{position:absolute; left:0; top:10px; font-size:30px; color:var(--green);}
.headerIcons li strong{display:block; clear:both; overflow:hidden; color:var(--dark);}


.footerArea .logo svg{height:65px; filter: brightness(0) invert(1);}
.footerArea .logo ul h2{font-size:30px; color:#fff; width:160px;}
.footerArea .logo ul h2 span{font-size:18px;color:#fff;}
.footerArea .logo ul h2 small{font-size:12px; color:var(--green);}


.menuArea{background:var(--dark); width:100%; clear:both; font-family:'Oswald';}
.reservationBtn{display:block; overflow:hidden; background:var(--green); text-align:center; color:#fff; font-size:14px; padding:24px 0; text-transform:uppercase;}
.reservationBtn i{margin-right:5px;}
.reservationBtn:hover{letter-spacing:1px; color:#fff;}

.headerArea.sticky{}

.sub-menu-toggle{display:none!important;}


.project-slider{display:block; position:relative; overflow:hidden; clear:both;}
.project-slider .carousel-item img{width:100%; height:auto; object-fit:cover; object-position:top; animation: resize 30s linear infinite; opacity:1;}
@keyframes resize {
0% {transform:scale(1);}
50% {transform:scale(1.2);}
}

.sliderContent{position:absolute; left:5%; top:55%; transform:translate(0%,-50%); z-index:100; color:#fff;}
.sliderContent h2{font-size:60px; line-height:1.3;}
.sliderContent h2 strong{display:block; clear:both; color:var(--light); font-weight:600; position:relative;}
.sliderContent h2 strong svg {
  position: absolute;
  top: 55%;
  left: 36%;
  width: calc(70% + 20px);
  height: calc(100% + 20px);
  transform: translate(-50%,-50%);
  overflow: visible;
  fill:none;
  stroke: var(--light);
  stroke-width: 9;
}

.sliderContent p{font-size:18px;}
.sliderContent form{display:flex; gap:10px;}
.sliderContent form input, .sliderContent .wpforms-field-large{height:50px!important; padding:0 10px!important; border:none!important; font-size:14px!important;}
.sliderContent form input[type="submit"], .sliderContent .wpforms-submit{background:var(--green)!important; color:#fff!important; height: 50px!important; padding:0px  25px!important; text-transform:uppercase!important; font-family:'Oswald'!important; letter-spacing:1px!important; border: none!important;}
.sliderContent form input[type="submit"]:hover, .sliderContent .wpforms-submit:hover{background:var(--dark)!important;}


.sliderContent .wpforms-field-container{display: flex; width: 320px!important; gap: 5px;}


.worldDestinationArea{position:relative; top:-120px; margin-bottom:-30px; z-index:5;}
.worldDestinationArea .row:before{content:''; display:block; z-index:5; top:-15px; left:-15px; width:140px; height:140px; border:2px var(--light) solid; border-right:0; border-bottom:0; position:absolute;}
.worldDestinationArea h2{color:#fff; font-size:22px;}
.worldDestinationArea h2 span{font-size:48px;}
.worldDestinationArea h2 small{font-size:22px;}

.worldDestinationArea .row{background:var(--dark); color:#fff; position:relative;}
.worldDestinationArea .row [class^="col-"] img{width:100%; height:100%; object-fit:cover; opacity:0.6;}
.worldDestinationArea .row [class^="col-"]:hover img{opacity:0.3;}
.worldDestinationArea .row [class^="col-"] > div{position:absolute; bottom:20px; left:30px; right:30px; color:#fff; z-index:5; text-align:center;}
.worldDestinationArea .row [class^="col-"] > div h4{color:var(--light);}
.worldDestinationArea .row [class^="col-"] > div a{background:var(--green); display:block; overflow:hidden; padding:10px; color:#fff; font-family:'Oswald'; letter-spacing:1px; text-transform:uppercase; font-size:14px;}
.worldDestinationArea .row [class^="col-"] > div a:hover{background:var(--dark); letter-spacing:2px;}
.worldDestinationArea .row [class^="col-"]:first-child > div{text-align:left;}
.worldDestinationArea .row [class^="col-"]:first-child > div a{background:#fff; text-align:center; color:var(--dark);}
.worldDestinationArea .row [class^="col-"]:first-child > div a:hover{background:var(--green); color:#fff;}
.worldDestinationArea .row [class^="col-"]:first-child h3{font-size:47px;}


.thailand{background:transparent url('../images/thailand.jpg') no-repeat left -200px top -40px; background-size:60%; margin-bottom:80px; display:block; overflow:hidden;}
.thailand h4, .egyptJordanArea h4, .galleryBox h4, .testimonials h4, .travelBlog h4{display:inline-block; background:var(--green); font-size:14px; text-transform:uppercase; color:#fff; letter-spacing:1px; padding:15px 25px; font-weight:400;}
.thailand h2, .egyptJordanArea h2, .galleryBox h2, .testimonials h2, .travelBlog h2{font-size:30px;}
.thailand ul{margin-bottom:25px;}
.thailand ul li{margin-bottom:10px;}
.thailand .row .row{background:var(--dark); color:#fff; position:relative; left:-40px;}
.thailand .row .row [class^="col-"] > div{padding:25px 10px 10px 70px; position:relative; font-size:14px;}
.thailand .row .row [class^="col-"] > div i{color:var(--light); left:20px; top:30px; position:absolute; font-size:30px;}
.thailand .row img{position:absolute; right:-40px; bottom:180px; width:250px; z-index:-1;}


.egyptJordanArea{margin-bottom:30px; display:block; overflow:hidden;}
.egyptJordanArea ul{list-style-type:none; margin:0 0 30px; padding:10px 0 0;}
.egyptJordanArea ul li{display:block; padding-left:50px; position:relative;}
.egyptJordanArea ul li i{position:absolute; left:0; font-size:30px; color:var(--green);}
.egyptJordanArea h3{font-size:22px; margin-bottom:10px; color:var(--dark);}
.egyptJordanArea a, a.darkBtn{background:var(--dark); display:inline-block; overflow:hidden; padding:10px 20px; color:#fff; font-family:'Oswald'; letter-spacing:1px; text-transform:uppercase; font-size:14px;}
.egyptJordanArea a:hover, a.darkBtn:hover{background:var(--green); letter-spacing:2px;}
.egyptJordanArea [class^="col-"] > div{ position:relative; display:block; text-align:right;}
.egyptJordanArea [class^="col-"] > div img{width:55%;}
.egyptJordanArea [class^="col-"] > div > div{position:absolute; left:30px; top:25%; background:var(--dark); padding:20px 30px; color:#fff; z-index:100; width:60%; text-align:left;}
.egyptJordanArea [class^="col-"] > div > div:before{content:''; display:block; z-index:5; top:-15px; left:-15px; width:140px; height:140px; border:2px var(--green) solid; border-right:0; border-bottom:0; position:absolute;}
.egyptJordanArea [class^="col-"] > div > div a{background:var(--light); color:var(--dark);}



.africaArea{display:block; overflow:hidden; padding:25% 0 0; margin-bottom:0px; background:#fff url('../images/africaBg.jpg') no-repeat center top; background-size:100%;}
.africaArea > div > .row > [class^="col-"]:first-child{background:rgba(255,255,255,0.5); backdrop-filter: blur(10px); padding:30px;}
.africaArea h2{font-size:24px; color:var(--dark);}
.africaArea h3{font-size:30px; font-weight:400;}
.africaArea h4{font-size:17px;}
.africaArea > div > .row > [class^="col-"] img{width:100%; border:8px #fff solid;}
.africaArea > div > .row > [class^="col-"] > div{position:relative; top:-80px; background:var(--dark); color:#fff; padding:25px; width:85%; margin:0 auto;}
.africaArea > div > .row > [class^="col-"] > div ul{list-style-type:none; margin:0 0 20px; padding:0; font-size:14px;}
.africaArea > div > .row > [class^="col-"] > div ul li{display:block; overflow:hidden; padding:7px 0; border-top:1px rgba(255,255,255,0.3) dotted;}
.africaArea > div > .row > [class^="col-"] > div ul li i{color:var(--light); margin-right:3px;}
.africaArea > div > .row > [class^="col-"] > div a{background:var(--green); display:inline-block; overflow:hidden; padding:10px 20px; color:#fff; font-family:'Oswald'; letter-spacing:1px; text-transform:uppercase; font-size:14px;}
.africaArea > div > .row > [class^="col-"] > div a:hover{letter-spacing:2px;}
.africaArea > div > .row > [class^="col-"] > ul{list-style-type:none; display:flex; gap:30px; padding:0; margin:30px 0 0; text-align:center; font-size:15px;}
.africaArea > div > .row > [class^="col-"] > ul li{width:50%;}
.africaArea > div > .row > [class^="col-"] > ul li i{font-size:36px; color:var(--green); margin-bottom:10px;}
.africaArea > div > .row > [class^="col-"] > ul li h4{font-size:20px;}


.galleryBox{display:block; overflow:hidden; position:relative; color:#fff;}
.galleryBox:before{position:absolute; left:0; right:0; top:0; height:60%; min-height: 600px; content:''; display:block; background:var(--dark) no-repeat url('../images/galleryBg.jpg') center center fixed; background-size:cover; z-index:-1; background-blend-mode:multiply}
.galleryBox svg{fill:#fff; margin-bottom:100px;}
.galleryBox .row > [class^="col-"], .tourListing > [class^="col-"]{margin-bottom:30px;}
.galleryBox [class^="col-"] > div a, .tourListing > [class^="col-"] > div a{background:var(--light); display:inline-block; overflow:hidden; padding:10px 20px; color:var(--dark); font-family:'Oswald'; letter-spacing:1px; text-transform:uppercase; font-size:14px;}
.galleryBox [class^="col-"] > div a:hover, .tourListing [class^="col-"] > div a:hover{letter-spacing:2px;}
.galleryBox [class^="col-"], .tourListing [class^="col-"]{position:relative;}
.galleryBox [class^="col-"] > a, .tourListing [class^="col-"]>a{display:block; overflow:hidden;}
.galleryBox [class^="col-"] > a img, .tourListing [class^="col-"]>a img{transform: scale(1); transition:all .2s ease-in-out;width:100%;}
.galleryBox [class^="col-"] > a:hover img, .tourListing [class^="col-"]>a:hover img{transform: scale(1.2);}

.galleryBox [class^="col-"] > div, .tourListing [class^="col-"] > div{position:absolute; bottom:0; left:15px; right:15px; padding:40px 20px 10px;
background: #000;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);}
.galleryBox [class^="col-"] > div h3, .tourListing [class^="col-"] > div h3{font-size:17px; margin-bottom:5px;}
.galleryBox [class^="col-"] > div span, .tourListing [class^="col-"] > div span{display:block; clear:both; overflow:hidden; margin-bottom:10px; padding-bottom:10px; border-bottom:1px rgba(255,255,255,0.3) solid; color: #fff;}
.galleryBox [class^="col-"] > div a, .tourListing [class^="col-"] > div a{padding:5px 0; color:#fff; background:none;}


.testimonials{text-align:center;}
.testimonials > div{position:relative; margin:50px auto 0; width:100%; max-width:900px; padding:0 15px;}
.testimonials > div:before{content:''; display:block; z-index:5; top:0px; left:-15px; width:100px; height:100px; border:2px var(--green) solid; border-right:0; border-bottom:0; position:absolute;}
.testimonials > div:after{content:''; display:block; z-index:5; bottom:0px; right:-15px; width:100px; height:100px; border:2px var(--green) solid; border-left:0; border-top:0; position:absolute;}
.testimonials span{color:#FFCC00; margin-bottom:15px; display:block;}
.testimonials h3{font-size:17px;}
.testimonials .owl-theme .owl-controls{bottom:-40px!important; top:auto;}
.testimonials  .owl-theme .owl-controls .owl-page span{background:var(--green);}



#scroll-icon {
 position:fixed;
 right:10px;
 bottom:10px;
 cursor:pointer;
 width:35px;
 height:35px;
 text-indent:-9999px;
 display:none;
 z-index:99999;
}
#scroll-icon span {
	position:absolute; left:0; top:0;
 height:35px;
 width:35px;
 background:transparent url('../images/arrowup.png') no-repeat center center;
}
#scroll-icon:hover {
 opacity:1;
 filter:"alpha(opacity=100)";
 -ms-filter:"alpha(opacity=100)";
}
#scroll-icon:hover span{ background-image:url('../images/arrowupsolid.png');}


.travelBlogsListing [class^="col-"]:before{position:absolute; left:15px; right:15px; top:0; bottom:0; content:''; display:block; background:var(--dark); z-index:-1;}
.travelBlogsListing [class^="col-"] > a{display:block; overflow:hidden;}
.travelBlogsListing [class^="col-"] > a img{transform: scale(1); transition:all .2s ease-in-out;}
.travelBlogsListing [class^="col-"] > a:hover img{transform: scale(1.5);}
.travelBlogsListing [class^="col-"] > div{display:block; overflow:hidden; padding:20px; color:#fff;}
.travelBlogsListing [class^="col-"] > div h3{font-size:20px;}
.travelBlogsListing [class^="col-"] > div a{color:var(--light); text-transform:uppercase; font-weight:600; font-size:14px;}
.travelBlogsListing [class^="col-"] > div + span{display:block; overflow:hidden; color:#fff; padding:10px 20px; text-transform:uppercase; font-size:12px; border-top:1px rgba(255,255,255,0.2) solid;}
.travelBlogsListing [class^="col-"] > div a:hover{ letter-spacing:1px;}
.travelBlogsListing [class^="col-"] > small a{position:absolute; font-size:10px; text-transform:uppercase; left:30px; top:15px; z-index:5; background:var(--green); color:#fff; padding:5px 12px; border:1px #ddd solid; display:block;}
.travelBlogsListing [class^="col-"] > small a:hover{background:var(--dark);}


.footerImg{display:block; position:relative;}
.footerImg img{width:100%;}
.footerImg:before{position:absolute; left:0; right:0; bottom:0; top:30%; content:''; display:block; z-index:5;
background: #205066;background: linear-gradient(180deg,rgba(32, 80, 102, 0) 0%, rgba(32, 80, 102, 1) 80%);}

.footerArea{display:block; overflow:hidden; clear:both; padding:15px 0; background:var(--dark); color:rgba(255,255,255,0.7); position:relative; top:-60px; margin-bottom:-60px;}
.footerArea > div{position:relative; z-index:10;}
.footerArea .row:last-child{border-top:1px rgba(255,255,255,0.3) solid; padding-top:15px; margin-top:20px;}
.footerArea > div img{height:60px; margin-bottom:20px;filter: brightness(0) invert(1);}
.footerArea h4{font-size:20px; margin-bottom:15px; color:#fff;}
.footerArea [class^="col-"] > a{color:rgba(255,255,255,0.7); font-weight:700; margin-bottom:5px; display:block;}
.footerArea ul{margin:0; padding:0; list-style-type:none;}
.footerArea ul li{display:inline-block;}
.footerArea ul li a{color:#fff; font-size:22px; margin:0 5px;}
.footerArea ul.links li{ width:50%; float:left; margin-bottom:10px;}
.footerArea ul.links li a{color:rgba(255,255,255,0.7); font-size:15px; margin:0; position:relative; display: block; padding-left:22px;}
.footerArea ul.links li a:before{content:'\f101'; font-family: 'Font Awesome 6 Free'; font-weight: 600; display:block; position:absolute; left:0; top:0;color:var(--light)!important;}
.footerArea a:hover{color:var(--light)!important;}
.footerArea h3{color:#fff; font-size:28px;}
.footerArea input[type="text"], .footerArea .wpforms-field-large{height:40px; margin-bottom:7px; padding:0 10px; display:block; border:none; font-size:14px; width:100%;}
.footerArea input[type="submit"], .footerArea .wpforms-submit{height:50px; padding:0 10px; display:block; border:none; font-size:15px; width:100%!important; background:var(--light)!important; color:var(--dark)!important; font-weight:600; text-transform:uppercase!important;}
.footerArea input[type="submit"]:hover, .footerArea .wpforms-submit:hover{background:var(--green)!important; color:var(--light)!important;}
.footerArea .row + .row{color:#fff;}

.footerArea .wpforms-field{padding: 5px 0!important;}



/* --- Inner Page --- */
.packageDetailsHeader{margin:230px 0 60px; display:block; overflow:hidden; clear:both; position:relative;}
.packageDetailsHeader:before{position:absolute; left:5%; right:30%; top:15%; bottom:15%; content:''; border-radius:50px; display:block; border:5px var(--green) solid; border-right:none; z-index:5;}
.packageDetailsHeader [class^="col-"] > div{padding:0 25%; position:relative; z-index:5;}
.packageDetailsHeader h1{font-size:100px; color:var(--dark); margin-bottom:5px;}
.packageDetailsHeader h2{font-size:40px; color:var(--green); font-weight:400;}
.packageDetailsHeader a{display:inline-block; margin-top:15px; padding:8px 20px; background:var(--green); color:#fff; border-radius:30px;}
.packageDetailsHeader a:hover{background:var(--dark);}
.packageimgBox{display:block; overflow:hidden; clear:both; position:relative; padding:0!important; z-index:3!important;}
.packageimgBox img{border-top-left-radius:150px;}
.packageimgBox:before{position:absolute; display:none; left:0%; right:0%; top:0%; bottom:0%; content:'';z-index:3; background:transparent url('../images/packgeImgBg.png') no-repeat center center; background-size:101% 101%;}


.projectContent{display:block; overflow:hidden; padding:20px 0 60px;}
.projectgalleryArea{text-align:center;}
.projectgalleryArea p{width:800px; margin:0 auto 30px; max-width:100%;}



.image-grid {
  column-count: 4;
  column-gap: 16px;
}

.image-card {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  break-inside: avoid;
  border-radius: 12px;
  overflow: hidden;
}

.image-card img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  object-fit: contain;
}

/* Responsive */
@media (max-width: 1200px) {
  .image-grid { column-count: 3; }
}
@media (max-width: 768px) {
  .image-grid { column-count: 2; }
}
@media (max-width: 480px) {
  .image-grid { column-count: 1; }
}



.hightightText{display:block; overflow:hidden; padding:25px; margin-bottom:30px; background:#fff; border-radius:20px; border-top:3px var(--green) solid; font-style:italic; box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;}




.customizeTextArea{text-align:center; position:relative; margin:50px 0;}
.customizeTextArea:before{position:absolute; left:-100%; right:-100%; top:20%; bottom:20%; background:var(--dark); content:''; display:block;}
.customizeTextArea [class^="col-"] > div{padding:40px; display:block; color:#fff;}
.customizeTextArea [class^="col-"] > div h4{font-size:20px; margin-bottom:10px;}
.customizeTextArea [class^="col-"] > div a{display:inline-block; background:var(--green); overflow:hidden; margin:5px; border-radius:8px; padding:10px 20px; color:#fff; font-family:'Oswald'; letter-spacing:1px; text-transform:uppercase; font-size:14px;}
.customizeTextArea [class^="col-"] > div a:hover{background:var(--light); color:#222;}
.customizeTextArea [class^="col-"] > div svg{height:65px; filter: brightness(0) invert(1); margin-bottom:15px;}

/* EYE MOVEMENT */
#leftEye, #rightEye {
animation: eyeTrack 4s ease-in-out infinite;
transform-origin: center;
}

@keyframes eyeTrack {
0%   { transform: translate(0, 0); }
15%  { transform: translate(1px, 0.5px); }
30%  { transform: translate(-1px, -0.5px); }
45%  { transform: translate(0.5px, -1px); }
60%  { transform: translate(-1px, 1px); }
75%  { transform: translate(0.5px, 1px); }
90%  { transform: translate(-0.5px, -1px); }
100% { transform: translate(0, 0); }
}

/* BLINKING EFFECT */
.eyeBlink {
animation: blink 3s infinite ease-in-out;
transform-origin: center;
}

@keyframes blink {
0%, 92%, 100% { transform: scaleY(1); }
95% { transform: scaleY(0.1); }
97% { transform: scaleY(1); }
}



/* FAQ accordion */
.card {
border: 1px solid #e1e1e1;
border-radius: 0px;
margin-bottom: 15px;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
border-radius: 10px!important;
}

.card-header {
background-color: var(--green);
padding: 0.75rem 1.25rem;
border-radius: 10px!important;
}

.btn-link {
font-weight: 600;
color: #fff;
text-decoration: none;
font-size: 16px;
}

.btn-link:hover, .btn-link:focus {
text-decoration: none;
color: var(--light);
}

.btn-link i {
transition: transform 0.3s ease;
color: var(--light);
}

.collapsed i {
transform: rotate(0deg);
}

.btn-link[aria-expanded="true"] i {
transform: rotate(180deg);
}

.card-body {
background-color: #fff;
color: #444;
font-size: 15px;
}


.innerHeader{display: block; overflow: hidden; clear: both; height: 75vh; position: relative;}
.innerHeader:before{position: absolute; display: block; content: ''; left: 0; right: 30%; top: 0; bottom: 0; background: #205066;background: linear-gradient(270deg,rgba(32, 80, 102, 0) 0%, rgba(32, 80, 102, 1) 100%);}
.innerHeader img{height: 100%; width: 100%; object-fit: cover;}

.innerHeader .sliderContent{position:absolute; left:5%; top:65%; transform:translate(0%,-50%); z-index:100; color:#fff;}
.innerHeader .sliderContent h1{font-size:60px; line-height:1.3;display:block; clear:both; color:var(--light); font-weight:600; position:relative; margin-bottom: 40px;}
.innerHeader .sliderContent h1 svg {
  position: absolute;
  top: 55%;
  left: 36%;
  width: calc(70% + 20px);
  height: calc(100% + 20px);
  transform: translate(-50%,-50%);
  overflow: visible;
  fill:none;
  stroke: var(--light);
  stroke-width: 9;
}
.innerHeader .sliderContent ul{margin: 0; padding: 0; list-style-type: none;}
.innerHeader .sliderContent ul li{ display: inline-block; margin-right: 15px; padding-right: 15px; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; position: relative; font-family:'Oswald';}
.innerHeader .sliderContent ul li:after{content:'\f101'; font-family: 'Font Awesome 6 Free'; font-weight: 600; display:block; position:absolute; right:-10px; top:0;color:var(--light)!important;}
.innerHeader .sliderContent ul li:last-child:after{display: none;}
.innerHeader .sliderContent ul li a{color: #fff;}


.innerContent{display: block; overflow: hidden; padding: 60px 0;}
.innerContent .hightlighthead{display:inline-block; background:var(--green); font-size:14px; text-transform:uppercase; color:#fff; letter-spacing:1px; padding:10px 25px; margin-bottom: 10px; font-weight:400;}
.innerContent h2{font-size:36px;}
.innerContent h3{color: var(--green); font-size: 22px;}
.innerContent p{margin-bottom: 20px;}
.innerContent ul{margin: 0 0 25px 18px; padding: 0;}
.innerContent ul li{margin-bottom: 10px;}

.innerContent .innerhighlightedBox{padding: 5px 25px 0; border-left: 4px var(--light) solid;}
.innerContent .innerhighlightedBox p{font-style: italic;}

.innerContent .wpforms-submit{width: 100%!important; background:var(--dark)!important; color:#fff!important; padding:0 25px!important; text-transform:uppercase!important; font-family:'Oswald'!important; letter-spacing:1px!important; height: 40px!important; border: none!important;}
.innerContent .wpforms-submit:hover{background:var(--green)!important;}


.projectContent.blogDetailsPage{padding:230px 0 60px!important;}

.postBreadcumb {margin: 0; padding: 0; list-style-type: none;}
.postBreadcumb li{ display: inline-block; margin-right: 15px; padding-right: 15px; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; position: relative; font-family:'Oswald';}
.postBreadcumb li:after{content:'\f101'; font-family: 'Font Awesome 6 Free'; font-weight: 600; display:block; position:absolute; right:-10px; top:0;color:var(--green)!important;}
.postBreadcumb li:last-child:after{display: none;}
.postBreadcumb li a{color: var(--dark);}
.postBreadcumb li a:hover{color: var(--green);}

.BlogArea{ text-align: left;}
.BlogArea img{width:100%!important; max-width: none!important; height:auto; display:block; margin:0 0 15px;}
.BlogArea .wp-block-image img{width:100%!important; height:auto;}
.midArea .BlogArea strong{display:inline;}
.blogDates{display:block; overflow:hidden; padding:0 0 10px; margin:0 0 15px; border-bottom:2px var(--dark) solid;text-align: left;}
.blogDates i{color:var(--green); margin:0 3px;}
.blogDates a{color:var(--dark);}
.post-content p br{display:none!important;}


.tags{visibility:visible; margin-bottom:15px; font-size:13px; text-transform:uppercase; text-align: left;}
.tags a{padding:3px 8px; background:var(--green); color:#fff; display:inline-block; margin:0 3px; font-size:12px;}
.tags a:hover{background:var(--dark); color:#fff; border:none!important; text-decoration:none;}

.navigation.post-navigation{display:block; overflow:hidden; padding:10px 0; margin:10px 0 15px; border-top:2px var(--blue) solid; border-bottom:2px var(--blue) solid;}
.nav-links > div{width:50%; float:left;}
.navigation.post-navigation .nav-links span{ border:none;}
.nav-next{text-align:right;}
.next-post, .previous-post{font-size:16px; color:var(--blue);font-weight:600;}
.nav-links .post-title{display:block; clear:both; overflow:hidden;}
.nav-links a{color:var(--dark);}

article[class^="post-"]{display:block; overflow:hidden; padding:15px; margin-bottom:20px; border:1px #ddd solid; text-align: left;}
article[class^="post-"] h2{font-size:20px;}
article[class^="post-"] .post-taxonomies{display:none;}
article[class^="post-"] a img{width:300px!important;margin-bottom:5px; max-width:100%!important;}
article[class^="post-"] a{color:#33ace3;}
article[class^="post-"] a:hover{color:var(--dark);}
article[class^="post-"] .posted-on{font-size:12px; display:block; padding:5px 10px; background:#ddd;}
article + .navigation.pagination{display:none;}




.blog-sidebar {
  /* Local-only variables */
  --text-dark: #333;
  --border-light: #fff;
  --radius: 8px;

  background-color: var(--green);
  padding: 24px 20px;
  border-radius: var(--radius);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
  position: sticky;
  top: 20px;
  z-index: 2;
	margin-top:40px;
}

.blog-sidebar .sidebar-section {
  margin-bottom: 32px;
}

.blog-sidebar .sidebar-title {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 18px;
  border-bottom: 2px solid #fff;
  padding-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.blog-sidebar .input-group input[type="text"] {
  border-radius: var(--radius) 0 0 var(--radius);
  border: 1px solid var(--border-light);
  padding: 8px 12px;
  font-size: 14px;
  color: var(--text-dark);
}

.blog-sidebar .btn-gold {
  border-radius: 0 var(--radius) var(--radius) 0;
  background-color: var(--dark);
  border: none;
  color: white;
  padding: 8px 14px;
  font-size: 15px;
}

.blog-sidebar .btn-gold:hover {
  background-color: #b3641c;
}

.blog-sidebar .sidebar-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-sidebar .sidebar-list li {
  margin-bottom: 10px;
}

.blog-sidebar .sidebar-list li a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  display: inline-block;
}

.blog-sidebar .sidebar-list li a:hover {
  color: var(--light);
  padding-left: 5px;
}

.blog-sidebar .recent-posts-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.blog-sidebar .recent-post-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 18px;
  border-bottom: 1px dotted var(--border-light);
  padding-bottom: 12px;
}

.blog-sidebar .recent-post-item .thumb img {
  width: 90px!important;
  height: 90px!important!important;
  object-fit: cover;
  border-radius: var(--radius);
  flex-shrink: 0;
  background: #fff;
  border: 1px solid #ddd;
	padding:0!important;
}

.blog-sidebar .recent-post-item .info {
  flex-grow: 1; padding:0;
}

.blog-sidebar .recent-post-item .title {
  font-size: 14px;
  font-weight: 400;
  color:#fff;
  margin-bottom: 4px;
  text-decoration: none;
  display: block;
}

.blog-sidebar .recent-post-item .title:hover {
  color: var(--dark);
}

.blog-sidebar .recent-post-item small {
  font-size: 12px;
  color: var(--light)!important;
}

@media (max-width: 768px) {
  .blog-sidebar {
    position: relative;
    top: unset;
    padding: 16px;
    box-shadow: none;
  }

  .blog-sidebar .recent-post-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-sidebar .recent-post-item .thumb img {
    width: 100%;
    height: auto;
  }
}


.testimonialsListing {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.testimonialsListing li {
  flex: 1 1 calc(33.333% - 20px);
  display: flex;
  flex-direction: column;

  padding: 20px;
  border-radius: 10px;
  border: 1px #ddd solid; border-top:3px solid var(--green);
  margin-bottom: 0;
  box-sizing: border-box;
}
.testimonialsListing li span{color:#FFCC00; margin-bottom:15px; display:block;}
.testimonialsListing li h3{font-size:17px; margin-bottom: 0; padding-bottom: 0;}

/*------------------------------------*\
 Media Queries
\*------------------------------------*/

@media (max-width: 1280px){
}

@media (max-width: 991px){
.modal-content .row [class^="col-"]:first-child{height:300px;}

.footerArea{top:0px; margin-bottom:0px;}


.packageDetailsHeader{margin:160px 0 60px; padding-bottom:40px;}
.packageDetailsHeader:before{right:10%; top:45%; bottom:-0%;}
.packageDetailsHeader [class^="col-"] > div{padding:15px 15% 0;}
.packageDetailsHeader h1{font-size:60px;}
.packageDetailsHeader h2{font-size:25px;}

}

@media (max-width: 767px){
	
.floatingBtn{ width:100%; left:-1px; right:-1px; bottom:0; top:auto;}
.floatingBtn a{ float:left; width:33.3333%; font-size:11px; padding:5px;}
.floatingBtn a br{ display:none;}
	
.headerTop{ display:none;}
.headerArea{ z-index:999;}

.logo svg{height:70px;}
.logo ul h2{font-size:28px; width:160px;}
.logo ul h2 span{font-size:17px;}

.project-slider .carousel-item img{height:680px;}
.reservationBtn{padding:15px 0;}


.sliderContent{width:90%;}
.sliderContent h2{font-size:30px;}
.sliderContent .wpforms-field-container{width: 100%!important;}
.sliderContent form{display:block; clear:both;}
.sliderContent form input, .sliderContent .wpforms-submit{width:100%!important; margin-bottom:10px; height:40px!important;}

.worldDestinationArea .row [class^="col-"] img{height:300px;}
.worldDestinationArea .row [class^="col-"]:first-child{min-height:250px;}
.worldDestinationArea .row [class^="col-"]:first-child h3{font-size:36px;}


.thailand{background:none!important;}
.thailand .row .row{left:0;}
.africaArea > div > .row > [class^="col-"] > ul{display:block;}
.africaArea > div > .row > [class^="col-"] > ul li{width:100%;}

.egyptJordanArea [class^="col-"] > div img{width:100%;}
.egyptJordanArea [class^="col-"] > div > div{position: relative;  width: 100%;  left: 0;  right: 0;  top: -70px; margin-bottom:-50px;}

.customizeTextArea:before{bottom:0px;}
.customizeTextArea [class^="col-"] > div{padding:40px 0;}

.testimonialsListing li {flex: 1 1 100%;}

}

@media (max-width: 500px){
}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}

@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
}