@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins: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&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Carattere&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  overflow-x: hidden;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}


img {
  max-width: 100%;
}


/* ul,
li {
    list-style: none;
} */

a {
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
}

button {
  /* WebKit */
  -webkit-appearance: none;

  /* Mozilla */
  -moz-appearance: none;

  /* Opera */
  -o-appearance: none;

  /* Internet Explorer */
  -ms-appearance: none;

  /* CSS3 */
  appearance: none;
}

h1 {
  font-family: "Carattere", cursive;
  color: #2691C1;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
  line-height: 100px;
}

h2,
h3 {
  font-family: "Montserrat", sans-serif;
}

h2 {
  font-size: 35px;
  color: #2691C1;
  font-weight: 700;
  margin-bottom: 20px;
}

.sub_heading {
  font-size: 20px;
  color: #17334E;
  font-weight: 400;
  margin-top: 10px;
}

h4 {
  font-size: 25px;
  font-weight: 700;
  margin: 0px 0px 10px;
  color: #2F343C;
}

p {
  color: #494949;
  font-size: 16px;
  font-weight: 400;
}

.main_btn {
  color: #ffffff;
  border-radius: 5px;
  font-size: 16px;
  background: #17334E;
  padding: 12px 20px;
  transition: 0.3s ease-in-out;
}

.main_btn:hover {
  background: linear-gradient(45deg, #17334e, #2691c1);
  transition: 0.3s ease-in-out;
}

h3 {
  font-size: 20px;
  color: #000;
  font-weight: 600;
}

.top_gap {
  margin-top: 50px;
}

/* a{
  color: #fff;
  background-color: #17334E;
  border-radius: 5px;
  padding: 5px 10px;
} */
/*=====header=====*/


/*======TopHeader=====*/
@media(min-width:992px) {
  .logo_btn.mobile_btn_header {
    display: none;
  }
}

.top {
  background-color: #2691C1;
}

.top ul {
  list-style: none;
  display: flex;
  gap: 26px;
  margin-bottom: 0;
  padding: 6px 0px;
}

ul {
  padding: 0;
}

.top ul li a {
  color: #fff;
}

.top ul li i {
  color: #fff;
  padding-right: 8px;
}

.logo_btn {
  justify-content: end;
  display: flex;
}

.logo_sec {
  padding: 22px 0px;
}

@media(max-width:991px) {

  .p,
  li,
  a {
    font-size: 14px;
  }
}




header {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .16);
  position: sticky;
  top: 0;
  z-index: 3;
  width: 100%;
  background-color: #ffffff;
  transition: all 0.3s;
}


header ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.FormobmenuHeader {
  display: none;
}

.headerMainWrapper {
  position: relative;
  background-color: #2691C1;
}

.menuHeaderinner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.menuHeaderinner .logoheader {
  max-width: 180px;
  overflow: hidden;
  position: relative;
}
ul.country-list li:after {
    display: none;
}

header nav ul.mainULnav {
  margin: 0px;
  padding: 0px;
}

header nav ul li {
  display: inline-block;
  position: relative;
  list-style: none;
}

header nav ul li a {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  text-transform: capitalize;
  font-style: normal;
  text-decoration: none;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  padding: 15px 12px;
}

header .sub-menu {
  background-color: #fff;
  position: absolute;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: all ease 0.3s;
  top: calc(100% + 0px);
  width: auto;
  left: inherit;
  bottom: inherit;
}

header .sub-menu li {
  display: block;
}

header .sub-menu li a {
  font-size: 14px;
  font-weight: 500;
  color: #0d0d0d;
  padding: 0px;
  margin: 0;
  position: relative;
  display: block;
  text-transform: capitalize;
  min-height: auto;
  padding: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

header .sub-menu li:last-child a {
  border: 0px;
}

.hamburgerMenuBtn {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231782be' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  margin: 0;
  cursor: pointer;
  display: none;
}

.HeaderMenuRhs {
  display: flex;
  align-items: center;
  gap: 15px;
}


.menuOverlay {
    background-color: rgba(0, 0, 0, 0.65);
    height: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    transition: all 
ease 0.3s;
    display: none;
}

body.sidebarMenuOpen .menuOverlay {
  display: block;
}



/*=========Header Search=====*/
.SearchbarWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  border: 1px solid #2F343C;
  border-radius: 30px;
  overflow: hidden;
  padding: 0px 15px;
  width: 210px;
  min-width: 210px;
}

.inputSearch {
  width: calc(100% - 40px);
  min-width: calc(100% - 40px);
  height: 50px;
  border: 0px;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  outline: none;
}

.inputSearch::placeholder {
  color: #2F343C;
}

.searchBtn {
  border: 0px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M16.6 18L10.3 11.7C9.8 12.1 9.225 12.4167 8.575 12.65C7.925 12.8833 7.23333 13 6.5 13C4.68333 13 3.14583 12.3708 1.8875 11.1125C0.629167 9.85417 0 8.31667 0 6.5C0 4.68333 0.629167 3.14583 1.8875 1.8875C3.14583 0.629167 4.68333 0 6.5 0C8.31667 0 9.85417 0.629167 11.1125 1.8875C12.3708 3.14583 13 4.68333 13 6.5C13 7.23333 12.8833 7.925 12.65 8.575C12.4167 9.225 12.1 9.8 11.7 10.3L18 16.6L16.6 18ZM6.5 11C7.75 11 8.8125 10.5625 9.6875 9.6875C10.5625 8.8125 11 7.75 11 6.5C11 5.25 10.5625 4.1875 9.6875 3.3125C8.8125 2.4375 7.75 2 6.5 2C5.25 2 4.1875 2.4375 3.3125 3.3125C2.4375 4.1875 2 5.25 2 6.5C2 7.75 2.4375 8.8125 3.3125 9.6875C4.1875 10.5625 5.25 11 6.5 11Z' fill='%232F343C'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  cursor: pointer;
  background-color: transparent;
  margin: 0px 10px 0px 0px;
}


/*=========Header Search=====*/
/*=======min-width:1151px=======*/

@media (min-width: 1151px) {
  header .dropdownMenu .sub-menu {
    min-width: 240px;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    /* border-top: 3px solid #f3d014; */
  }

  header .dropdownMenu:hover .sub-menu {
    opacity: 1;
    z-index: 2;
    visibility: visible;
  }

  header nav ul li a:hover {
    color: #ffffff;
  }

  header .sub-menu li a:hover {
    background-color: #17334e;
    color: #ffffff;
  }

  li.dropdownMenu>a:after {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000000' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    display: inline-flex;
    right: -5px;
    top: 3px;
    position: relative;
    transition: all 0.3s !important;
    filter: brightness(0)invert(1);
  }

  li.dropdownMenu>a:hover:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231782be' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
  }

  .headermenuparent {
    display: flex;
    align-items: center;
    gap: 30px;
  }
}

/*============max-width:1150px=========*/

@media screen and (max-width: 1150px) {
  .headerMainWrapper {
    padding: 10px 0px;
  }

  .hamburgerMenuBtn {
    display: block;
  }

  .headerrhscontent {
    position: fixed;
    right: -280px;
    bottom: 0;
    top: 0;
    z-index: 4;
    width: 280px;
    -webkit-transition: right 0.5s ease;
    transition: right 0.5s ease;
    background-color: #222;
    width: 280px;
  }

  body.sidebarMenuOpen .headerrhscontent {
    right: 0px;
  }

  /*for mobile*/
  .FormobmenuHeaderWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
    position: relative;
    width: 100%;
  }

  .FormobmenuHeaderWrapper .logo {
    max-width: 169px;
  }

  .FormobmenuHeaderWrapper .logo img {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    filter: brightness(0) invert(1);
  }

  .FormobmenuHeader {
    display: block;
    width: 100%;
  }

  header nav ul li a:not(header ul.sub-menu li a),
  header.HeaderSticky nav ul li a:not(header.HeaderSticky ul.sub-menu li a) {
    color: #fff;
    padding: 12px;
    width: 100%;
    font-weight: 500;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
  }



  .headerrhs {
    display: none;
  }

  .headerrhscontent {
    flex-direction: column;
    justify-content: flex-start;
  }

  .closeIcon {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    cursor: pointer;
    border: 0;
    background-color: transparent;
  }

  header nav ul li {
    width: 100%;
  }

  header nav ul .dropdownMenu span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    right: 15px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 4;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }

  header .sub-menu {
    opacity: 1;
    z-index: 1;
    visibility: visible;
    transition: none;
    top: 0;
    display: none;
    min-width: 100%;
    position: relative;
    box-shadow: none;
    padding: 0px;
  }

  header .sub-menu li a {
    padding: 12px;
  }

  header .sub-menu li a:hover {
    color: #424242;
  }

  header nav {
    overflow-y: auto;
    height: calc(100% - 87px);
	          z-index: 999;
        position: relative;
    
  }

  header nav::-webkit-scrollbar {
    display: none;
    width: 0px;
  }

  header nav ul li:last-child a:not(header ul.sub-menu li a),
  header.HeaderSticky nav ul li:last-child a:not(header.HeaderSticky ul.sub-menu li a) {
    border-bottom: 0px;
  }

  header nav ul .dropdownMenu span.hasSub.menuactve {
    transform: rotate(180deg);
  }

  .menuHeaderinner .logoheader {
    max-width: 95px;
  }

  .sidebarMenuOpen .HeaderSticky {
    animation: none;
  }

  .headerSearch {
    display: none;
  }
}

@media(max-width: 991px) {
  .top ul li a span {
    display: none;
  }

  .top ul li a i {
    padding-right: 0;
  }

  .topLeft {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .logo_btn.desktop_btn_header {
    display: none;
  }

  .headerMainWrapper {
    background-color: #fff;
  }

  header {
    box-shadow: none;
  }

  .hamburgerMenuBtn {
    position: absolute;
    right: 12px;
    top: -50px;
  }

  .logo_sec {
    padding: 7px 0px;
  }

  .logo_btn.mobile_btn_header a {
    padding: 8px 10px;
    font-size: 13px;
  }

  .headerMainWrapper {
    padding: 0px 0px;
  }

}

header.HeaderSticky .logo_sec {
  padding: 10px 0px 8px;
  transition: 0.3s ease-in-out;
}


/*======================header=========================*/





/*=======================footer================*/
footer {
  background-color: #ffffff;
  background-image: url(../images/footer_bg.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-attachment: fixed;
}

.footerMenu {
  padding: 59px 0px 92px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 37px;
}

.FooterWidget h4 {
  font-size: 20px;
  text-transform: capitalize;
  margin: 0px 0px 41px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Poppins';
}

.footerLogo img {
  filter: brightness(0)invert(1);
}

.socail_media {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-top: 36px;
}

.socail_media h4 {
  margin-bottom: 0;
}

.contactInfo .ContactInfoWrap:first-child i {
  background: green;
  color: #fff;
  padding: 7px;
  border-radius: 100%;
  width: 29px;
  height: 29px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contactInfo .ContactInfoWrap i {
  background: #2691c1;
  color: #fff;
  padding: 7px;
  border-radius: 100%;
  width: 29px;
  height: 29px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.FooterWidget p,
.FooterWidget p a {
  color: #ffffff;
}

.footerLogo {
  /* max-width: 180px; */
  margin: 0px 0px 18px;
}

.ContactInfoWrap {
  display: flex;
  gap: 10px;
  margin: 0px 0px 10px;
}

.ContactInfoText a {
  color: #ffffff;
  font-size: 15px;
}

.FooterWidget ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.FooterWidget ul li a {
  display: block;
  position: relative;
  margin: 10px 0px 0px;
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
  text-transform: capitalize;
  border-bottom: 1px solid #fff;
  padding-bottom: 11px;
  /* margin-right: 2px; */
}

.FooterWidget ul li a:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 0%;
  background-image: url(../images/footer-arrow.webp);
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.5s ease-in-out;
  width: 22px;
  height: 22px;
}

.FooterWidget ul li a:hover:after {
  background-image: url(../images/footer-arrow-dark-arrow.webp);
  transition: all 0.5s ease-in-out;
}

.FooterWidget ul li a:hover {
  color: #1070A5;
}

.SocialIcons {
  display: flex;
  align-items: center;
  gap: 18px;
}

.SocialIcons a {
  color: #2691c1;
  font-size: 18px;
}

.SocialIcons a:hover {
  color: #1070A5;
}

.SubFooter {
  padding: 11px 0px;
  text-align: center;
  border-top: 1px solid #0e445c;
}

.SubFooter p {
  margin: 0px;
  color: #ffffff;
}

@media(max-width:991px) {
  .FooterWidget ul li a {
    font-size: 13px;
  }

  .ContactInfoText a {
    font-size: 14px;
  }

  footer p {
    font-size: 14px;
    margin-bottom: 0;
  }

  .socail_media {
    margin-top: 19px;
  }
}

/*=======================footer================*/

/*=======================================responsive================================================*/
/*=======media query======*/

@media (min-width: 992px) {
  .container {
    max-width: 1100px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

@media screen and (min-width: 1151px) {}

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

@media screen and (max-width: 1150px) {
  .container {
    max-width: 100%;
    margin: 0 auto;
  }
}

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

@media screen and (max-width: 991px) {
  .footerMenu {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }

  .footerLogo {
    /* max-width: 95px; */
    margin: 0px 0px 20px;
  }

  .footerMenu {
    padding: 20px 0px;
  }

  .FooterWidget h4 {
    margin-bottom: 12px;
  }

  .SubFooter p {
    font-size: 13px;
  }

  .socail_media h4 {
    margin-bottom: 0;
  }



}


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

  .footerMenu {
    grid-template-columns: repeat(1, 1fr);
  }
}


/* banner start */
.bannerSec {
/*   background-image: url(https://musandamtours.com/wp-content/uploads/2025/12/banner.jpg); */
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #ebf5fc;
}
.bannerSwiper img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.banner_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.bannerOverlay {
/*   padding-bottom: 142px; */
	position:relative;
}
.bannerOverlay:after {
    content:'';
    position:absolute;
    inset:0;
    background:#0000008a;
    width:100%;
    height:100%;
    z-index:1
}
.bannerOverlay .row {
  align-items: center;
}

img.banner_box {
  position: absolute;
  bottom: 0%;
  right: 8%;
}

.bannerContent h1 {
  font-size: 76px;
  text-align: center;
}

.bannerContent p {
  font-size: 27px;
  padding: 0px 56px;
  font-weight: 600;
  color: #17334E;
  text-align: center;
}

/* .bannerContent {
  padding-left: 115px;
} */


.banner_man {
  position: relative;
  -webkit-animation: scaleOut2 3s ease 0s infinite;
  animation: scaleOut2 3s ease 0s infinite;
}

@-webkit-keyframes scaleOut2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.banner_box {
  animation: scaleOut3 3s ease 0s infinite;
}

@-webkit-keyframes scaleOut3 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.form_section {
    position: absolute;
    bottom: -10%;
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1;
}

.find_form {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 13px 0 rgb(0 0 0 / 17%);
}

.find {
  background-color: #2691c1;
  color: #fff;
  text-align: center;
  border-radius: 20px 0px 0px 20px;
  padding: 44px 10px;
}

.find h3 {
  color: #fff;
  margin-bottom: 0;
  font-size: 20px;
}

.find i {
  font-size: 48px;
  margin-bottom: 16px;
}


input:focus,
select:focus,
textarea:focus {
  box-shadow: none !important;
}

.find_form input,
.find_form select {
  box-shadow: inset 0 1px 2px #eee;
  width: 100%;
  margin-top: 0px;
  padding: 9px 10px;
  font-size: 15px;
  color: #5f6265;
  border: 1px solid #dbdbdb;
}

.form_banner {
  padding-top: 35px;
	  padding-bottom: 0px;
}

.form_banner .col {
  padding: 0px 7px;
}

.form_banner input[type='submit'] {
  color: #ffffff;
  background: #17334E;
  transition: 0.3s ease-in-out;
  box-shadow: none;
}

.form_banner input[type='submit']:hover {
  background: linear-gradient(45deg, #17334e, #2691c1);
  transition: 0.3s ease-in-out;
}

.OurBrandCard {
  background-color: #EEF8FF;
  border-radius: 143px 138px 0px 97px;
  z-index: -1;
  position: relative;
  overflow: hidden;
}

.OurBrandCard h3 {
  padding-top: 17px;
  text-align: center;
  padding-bottom: 30px;
  font-size: 16px;
  padding-left: 0px;
  color: #282828;
}

.OurBrandCard:after {
  content: '';
  position: absolute;
  background: #2691c1;
  width: 100%;
  height: 83%;
  z-index: -1;
  border-radius: 112px 152px 0px 97px;
  top: -112px;
  left: 0;
  right: 0;
  transition: 0.4s ease-in-out;
}

.OurBrandCard:hover h3 {
  color: #fff;
  transition: 0.3s ease-in-out;
}

.OurBrandCard:hover:after {
  top: 62px;
  transition: 0.4s ease-in-out;
}
@media(max-width:1100px){
	img.banner_box {
    bottom: 0%;
    right: 4%;
}
}
@media(max-width:991px) {
  .bannerContent {
    padding-left: 0;
  }

  .bannerOverlay {
    padding-top: 14px;
    padding-bottom: 0;
  }

  .bannerContent h1 {
    font-size: 41px;
    line-height: 59px;
  }

  .bannerContent p {
    font-size: 19px;
    padding: 0px 0px;
    line-height: 1.2;
  }

  .form_section {
    position: inherit;
    bottom: 0;
    display: flex;
    left: 0;
    transform: inherit;
    width: 100%;
  }

    img.banner_box {
        position: absolute;
        bottom: -3%;
        right: 5%;
        width: 42%;
    }
  .form_banner .col {
    padding: 0;
  }

  .find_form .row {
    justify-content: center;
  }

  .form_banner .row.g-3 .row:first-child {
    display: block;
    padding: 0px 24px;
  }

  .form_banner {
    padding-top: 17px;
    padding-bottom: 19px;
  }
.form_banner {
    padding: 5px 0px;
}
  .bannerSec {
    padding-bottom: 24px;
  }

  .find {
    border-radius: 9px 9px 0px 0px;
    padding: 10px 10px;
    width: 100%;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
  }

  .find i {
    font-size: 34px;
    margin-bottom: 8px;
  }

  .find h3 {
    font-size: 16px;
  }
}


/* banner end */

/* destination sec start */
.dastination_sec {
  margin-top: 150px;
  position: relative;
}

.sub_head {
  margin-bottom: 15px;
}

.dastination_sec p {
  margin: 19px 0px 0px;
}

.section_title a {
  display: inline-block;
}

.slider_dest {
  width: 65%;
  position: absolute;
  top: 0;
  right: 0;
}

/* destination end */


/* know experince start */
.know_main_img {
  position: relative;
}

.know_section_wrapper ul li img {
  width: 19px;
  margin-right: 10px;
}

img.know_img2 {
  position: absolute;
  right: 0;
  bottom: -60px;
}

.know_ship {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 31px;
}

.know_ship img {
  background: #2691c1;
  border-radius: 100%;
  width: 58px;
  height: 58px;
  padding: 9px;
  margin-right: 16px;
}

.section_title.know_section .col-lg-6 {
  border-bottom: 1px solid #ccc;
}

.section_title.know_section .col-lg-6:last-child {
  border-left: 1px solid #ccc;
  padding-left: 41px;
}

.section_title.know_section ul {
  margin-top: 30px;
  list-style: none;
}

.featured_tour_sec {
  background-image: url(../images/feature_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0px;
  position: relative;
  background-attachment: fixed;
}

.featured_tour_sec .swiper-button-next {
  right: 1%;
}

.featured_tour_sec .sub_head {
  text-align: center;
}

.featured_tour_sec h2 {
  text-align: center;
}

.featured_tour_sec .feature_box {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 6px 0px #ccc;
}

.featured_tour_sec .feature_box img {
  border-radius: 10px 10px 0 0;
  width: 100%;
}

.feature_text {
  padding: 28px 20px 20px;
  border-radius: 0px 0px 10px 10px;
  transition: 0.3s ease-in-out;
}

.feature_text h3 {
  margin-bottom: 32px;
}

.featured_tour_sec .feature_box {
  position: relative;
  height: 406px;
}

.featured_tour_sec .feature_box:hover .feature_text {
  display: block;
  position: absolute;
  z-index: 999;
  /* bottom: 0%; */
  border-radius: 0px 0px 10px 10px;
  transition: 0.3s ease-in-out;
  transform: translateY(-67.9%);
  background: linear-gradient(0deg, #2691c1, #00000082);
  border-radius: 11px;
}


.featured_tour_sec .feature_box:hover .feature_text h3,
.featured_tour_sec .feature_box:hover .feature_text p {
  color: #fff;
}

.featured_tour_sec .swiper-button-next,
.featured_tour_sec .swiper-button-prev{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M20 40C25.3422 40 30.3646 37.9197 34.1421 34.1421C37.9197 30.3646 40 25.3422 40 20C40 14.6578 37.9197 9.63536 34.1421 5.85789C30.3646 2.08034 25.3422 0 20 0C14.6578 0 9.63536 2.08034 5.85789 5.85789C2.08033 9.63536 0 14.6578 0 20C0 25.3422 2.08033 30.3646 5.85789 34.1421C9.63536 37.9197 14.6578 40 20 40ZM20 1.18143C30.3765 1.18143 38.8186 9.62346 38.8186 20C38.8186 30.3766 30.3765 38.8186 20 38.8186C9.62337 38.8186 1.18143 30.3766 1.18143 20C1.18143 9.62346 9.62337 1.18143 20 1.18143Z' fill='%232691C1'/%3E%3Cpath d='M12 19.25C11.5858 19.25 11.25 19.5858 11.25 20C11.25 20.4142 11.5858 20.75 12 20.75L12 20L12 19.25ZM29.5303 20.5303C29.8232 20.2374 29.8232 19.7626 29.5303 19.4697L24.7574 14.6967C24.4645 14.4038 23.9896 14.4038 23.6967 14.6967C23.4038 14.9896 23.4038 15.4645 23.6967 15.7574L27.9393 20L23.6967 24.2426C23.4038 24.5355 23.4038 25.0104 23.6967 25.3033C23.9896 25.5962 24.4645 25.5962 24.7574 25.3033L29.5303 20.5303ZM12 20L12 20.75L29 20.75L29 20L29 19.25L12 19.25L12 20Z' fill='%232691C1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}

.swiper-button-next,
.swiper-button-prev {
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
  cursor: pointer;
  border-radius: 50%;
  transition:
    ease-in-out all 0.3s;
  -webkit-transition:
    ease-in-out all 0.3s;
  -moz-transition: ease-in-out all 0.3s;
  -ms-transition: ease-in-out all 0.3s;
  -o-transition: ease-in-out all 0.3s;
  background-color: #eef4f8;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  z-index: 1;
  right: -2%;
}

.featured_tour_sec .swiper-button-next:after,
.featured_tour_sec .swiper-button-prev:after,
.ourlogoslide .swiper-button-prev:after,
.ourlogoslide .swiper-button-next:after{
  display: none;
}

.featured_tour_sec .swiper-button-prev {
  transform: rotate(180deg);
}

@media(max-width:991px) {
  .dastination_sec {
    margin-top: 30px;
    position: relative;
  }

  .top_gap {
    margin-top: 30px;
  }

  .slider_dest {
    width: 100%;
    position: relative;
    top: 25px;
    padding: 0px 15px;
  }

  h2 {
    font-size: 21px;
    margin-bottom: 14px;
  }

  .dastination_sec p {
    margin: 6px 0px 0px;
  }

  .sub_head {
    margin-bottom: 8px;
    font-size: 13px;
  }

  .OurBrandCard h3 a {
    font-size: 13px;
  }

  .OurBrandCard h3 {
    padding-top: 8px;
    padding-bottom: 13px;
    font-size: 16px;
    padding-left: 4px;
  }
}

/* know experince end */


/* service sec start */
.service_sec {
  background-image: url(../images/service_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 70px 0px;
}

.service_sec .row:first-child {
  display: flex;
  justify-content: center;
  text-align: center;
}

.services_slide {
  padding: 0px 28px;
  position: relative;
}

.services_slide .feature_box {
  padding: 26px 10px 3px;
  border-radius: 20px;
  text-align: center;
  padding: 30px 20px 22px;
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0% 68px);
  clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0% 68px);
  background: rgba(0, 0, 0, 0.2);
}

.services_slide .feature_box h3 {
  margin-bottom: 13px;
}

.service_sec .feature_box .feature_text {
  padding: 0;
}

.services_slide .feature_box img {
  margin-bottom: 10px;
}

.services_slide .feature_box:hover {
  background-color: #2691c1;
  transition: 0.3s ease-in-out;
}

.services_slide .feature_box:hover img {
  filter: brightness(0)invert(1);
  transition: 0.3s ease-in-out;
}

.services_slide .feature_box:hover h3,
.services_slide .feature_box:hover p {
  color: #fff;
  transition: 0.3s ease-in-out;
}

.services_slide .swiper-button-next,
.services_slide .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M20 40C25.3422 40 30.3646 37.9197 34.1421 34.1421C37.9197 30.3646 40 25.3422 40 20C40 14.6578 37.9197 9.63536 34.1421 5.85789C30.3646 2.08034 25.3422 0 20 0C14.6578 0 9.63536 2.08034 5.85789 5.85789C2.08033 9.63536 0 14.6578 0 20C0 25.3422 2.08033 30.3646 5.85789 34.1421C9.63536 37.9197 14.6578 40 20 40ZM20 1.18143C30.3765 1.18143 38.8186 9.62346 38.8186 20C38.8186 30.3766 30.3765 38.8186 20 38.8186C9.62337 38.8186 1.18143 30.3766 1.18143 20C1.18143 9.62346 9.62337 1.18143 20 1.18143Z' fill='%232691C1'/%3E%3Cpath d='M12 19.25C11.5858 19.25 11.25 19.5858 11.25 20C11.25 20.4142 11.5858 20.75 12 20.75L12 20L12 19.25ZM29.5303 20.5303C29.8232 20.2374 29.8232 19.7626 29.5303 19.4697L24.7574 14.6967C24.4645 14.4038 23.9896 14.4038 23.6967 14.6967C23.4038 14.9896 23.4038 15.4645 23.6967 15.7574L27.9393 20L23.6967 24.2426C23.4038 24.5355 23.4038 25.0104 23.6967 25.3033C23.9896 25.5962 24.4645 25.5962 24.7574 25.3033L29.5303 20.5303ZM12 20L12 20.75L29 20.75L29 20L29 19.25L12 19.25L12 20Z' fill='%232691C1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}

.services_slide .swiper-button-next:after,
.services_slide .swiper-button-prev:after {
  display: none;
}

.services_slide .swiper-button-prev {
  transform: rotate(180deg);
  left: -2%;
}

.services_slide .swiper-slide .service_no {
  background: #2691c1;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: absolute;
  z-index: 9;
  top: 11px;
  box-shadow: 0px 0px 1px 0px #0c3d53;
}

.services_slide .swiper-slide {
  position: relative;
}

.services_slide .swiper-slide:hover .service_no {
  background: #f2f5fa;
  color: #2691c1;
}

.services_slide .feature_box p {
  font-size: 15px;
}

.feature_box:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  -webkit-clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0% 68px);
  clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0% 68px);
  background: #fff;
  padding: 2px;
  border-radius: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: -2;
}

.feature_box:hover:after {
  display: none;
}

@media(max-width:991px) {
  .know_section_wrapper {
    margin-top: 60px;
  }

  img.know_img2 {
    bottom: 20px;
    width: 56%;
  }

  img.know_img1 {
    height: 222px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
  }

  .main_btn {
    padding: 9px 20px;
    margin-top: 0px !important;
  }

  .section_title.know_section {
    padding-right: 0 !important;
    margin-top: 32px;
  }

  .know_ship {
    margin-bottom: 20px;
    margin-top: 5px;
  }

  .section_title.know_section .col-lg-6 {
    border-bottom: 0;
  }

  .section_title.know_section .col-lg-6:last-child {
    border-left: 1px solid #ccc;
    padding-left: 15px;
  }

  .section_title.know_section ul {
    margin-top: 0;
  }

  .section_title.know_section ul li {
    display: flex;
    margin-bottom: 6px;
  }

  .featured_tour_sec {
    padding: 25px 0px;
  }

  .featured_tour_sec .feature_box .feature_text p {
    font-size: 13px;
  }

  .featured_tour_sec .feature_box .feature_text h3 {
    margin-bottom: 10px;
  }

  .featured_tour_sec .feature_box:hover .feature_text {
    transform: translateY(-68.9%);
  }

  .featured_tour_sec .feature_box {
    height: 314px;
  }

  .service_sec {
    padding: 0px 14px 21px
  }

  .testimonial_author {
    width: 100%;
  }

  .testimonial_box {
    margin-top: 69px;
    margin-bottom: 0px;
  }

  .testimonial_box p {
    font-size: 14px;
  }

}


/* service section end */


/* testimonial css start*/
.testimonial_sec .row {
  display: flex;
  justify-content: center;
  text-align: center;
}

.testimonial_box {
  box-shadow: 0px 0px 6px 0px #ccc;
  border-radius: 10px;
  padding: 0px 14px 17px;
  margin: 10px;
  transition: 0.3s ease-in-out;
  margin-top: 94px;
}

.testimonial_box ul {
  list-style: none;
  display: flex;
  gap: 3px;
  justify-content: center;
}

.testimonial_box ul li i {
  color: #F5BF38;
  font-size: 16px;
}

.testimonial_author {
  background: #EEF8FF;
  width: 273px;
  display: flex;
  border-radius: 88px;
  margin-bottom: 26px;
  margin: auto auto 26px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.testimonial_author img {
  margin-right: 10px;
}

.testimonial_author ul {
  margin-bottom: 0;
}

.testimonial_author h3 {
  font-size: 17px;
  margin: 5px 0px;
}

.testimonial_author span {
  font-size: 13px;
}

.testimonial_text {
  padding: 16px 0px;
}

.testimonial_author:before {
  content: '';
  position: absolute;
  width: 32%;
  height: 80%;
  background: #e1e5eb;
  left: 0px;
  top: 48px;
  z-index: -1;
}

.testimonial_box:hover .testimonial_author:before {
  background: #2691c1;
  transition: 0.3s ease-in-out;
}

/* testimomnial end */

.testimonialSlide .swiper-slide {
  transition: .4s ease;
}

.testimonialSlide .swiper-slide-active {
  transform: translateY(-50px) scale(1.05);
  z-index: 9;
}

/* Basic bullet */
.testimonial_sec .swiper-pagination-bullet {
  width: 20px;
  height: 3px;
  background: #d5d5d5;
  border-radius: 10px;
  opacity: 1;
  margin: 0 6px !important;
}

/* Active bullet */
.testimonial_sec .swiper-pagination-bullet-active {
  background: #2691c1;
  /* your blue color */
  width: 40px;
}

.swiper-pagination {
  margin-top: -17px !important;
  position: relative;
}


/* pagination end */


/* why choose css start */
.why_choose_sec {
  background-image: url(../images/choose_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 70px 0px;
  background-attachment: fixed;
}

.why_choose_text ul {
  list-style: none;
  background: #fff;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 48px;
  border-radius: 40px;
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
  margin-top: 37px;
}

.why_choose_text ul li img {
  background-color: #2691c1;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  padding: 7px;
  margin-right: 0px;
}

.why_choose_text ul li {
  border-bottom: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  padding: 27px 21px 27px;
  color: #17334E;
  font-weight: 600;
  display: flex;
  align-items: center;
  font-size: 18px;
  gap: 16px;
}

.why_choose_text ul li:nth-child(2) {
  border-right: 0;
}

.why_choose_text ul li:nth-child(3) {
  border-bottom: 0;
}

.why_choose_text ul li:nth-child(4) {
  border-right: 0;
  border-bottom: 0;
}

.why_choose_img {
  position: relative;
}

.why_choose_img .small_choose {
  position: absolute;
  bottom: 0;
  left: 0;
}

.section_title.know_section {
  padding-right: 80px;
}

.why_choose_text ul li span:first-child {
  width: 75px;
  height: 50px;
  display: inline-block;
}

@media(max-width:991px) {

  .why_choose_sec {
    padding: 0px 0px 64px;
  }

  .why_choose_text ul {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 26px;
    border-radius: 40px;
    margin-top: 37px !important;
  }

  .why_choose_text ul li {
    border-right: none;
    padding: 14px 15px 11px;
    font-size: 15px;
    gap: 0px;
  }

  .why_choose_text ul li span:first-child {
    width: 61px;
    height: 50px;
  }

  .why_choose_text ul li:nth-child(3) {
    border-bottom: 1px solid #DEDEDE;
  }

  .section_title.know_section ul li {
    margin-bottom: 0px;
  }

  .why_choose_img {
    top: 20px;
  }

  .why_choose_img .small_choose {
    width: 41%;
  }
}

/* why choose end */

/* faq start */
.home_blog_sec .row:first-child {
  display: flex;
  justify-content: center;
  text-align: center;
}

.blog_box {
  box-shadow: 0px 0px 5px 0px #ccc;
  border-radius: 10px;
}

.blog_box img {
  border-radius: 10px 10px 0 0;
}

.blog_text {
  padding: 16px 20px 28px;
}

.blog_text a {
  margin-top: 13px;
  display: inline-block;
}

.blog_box h3 a {
  font-size: 20px;
  color: #000;
  font-weight: 700;
	  display: -webkit-box;
  -webkit-line-clamp: 2;   /* 🔹 max 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog_box h3 a:hover {
  color: #2691c1;
  transition: 0.3s ease-in-out;
}

.blog_box p {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

@media(max-width:991px) {
  .blog_box {
    margin-bottom: 20px;
  }

  .blog_text {
    padding: 0px 12px 15px;
  }

  .blog_box p {
    -webkit-line-clamp: 2;
  }
}

/* faq start */

.faq_section {
  background-image: url(../images/faq_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ccc;
  padding: 70px 0px;
  background-attachment: fixed;
}

.faq_section button.accordion-button {
  background: none;
  color: #fff !important;
  font-weight: 500;
}

.faq_section .accordion-item {
  background: none;
  color: #fff !important;
}

.faq_section .accordion-body {
  background: #17334E !important;
  color: #fff;
}

.faq_section h2.accordion-header {
  color: #fff !important;
  font-weight: 700 !important;
}

.faq_section .accordion-button {
  border-left: none !important;
  border-right: none !important;
}

.faq_section .accordion-item {
  border-left: none !important;
  border-right: none;
  border-radius: 0px;
}

.faq_section .accordion-button::after {
  filter: brightness(0)invert(1);
}

.faq_section h2 {
  color: #fff;
}

.faq_section button.accordion-button:focus {
  box-shadow: none;
}

.accordion-item:first-of-type .accordion-button {
  border-radius: none !important;
}

.accordion-item:first-of-type {
  border-radius: 0px !important;
}

div#accordionExample {
  border-radius: none !important;
}

@media(max-width:991px) {
  .faq_section {
    padding: 37px 0px;
  }

  .faq_section button.accordion-button {
    font-size: 14px;
    padding: 14px 8px 14px 0px;
  }

  .faq_section .accordion-body {
    font-size: 14px;
  }
}

/* faq end css */

/* slider smoth */
/* Smooth sliding effect */


/* Optional: smoother transform rendering */
.swiper-slide {
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

.swiper-wrapper {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}

/* slider smoth */

/* animation */
img.know_img2 {
  animation: scaleOut4 3s ease 0s infinite;
}

@-webkit-keyframes scaleOut4 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}


img.big_choose {
  animation: scaleOut2 3s ease 0s infinite;
}

img.small_choose {
  animation: scaleOut4 3s ease 0s infinite;
}

.service_sec .feature_box:hover .feature_text h3 a {
  color: #fff;
}

.service_sec .feature_box .feature_text h3 a {
  color: #2691c1;
}

.featured_tour_sec h3 a {
  color: #000;
}

.featured_tour_sec .feature_box:hover h3 a {
  color: #ffffff;
}

.OurBrandCard h3 a {
  color: #2691c1;
}

.OurBrandCard:hover h3 a {
  color: #fff
}

/* animation image */

/* <-----------inner page--------> */
.service_sec-inner {
  background-image: url(../images/innerpage-top-bg.svg);
  padding: 100px 0px;
}

.inner-banner {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 180px 0px;
  height: 350px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

h1.innertitle {
  color: #FFF;
  text-align: center;
  font-family: Montserrat;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 30px;
}

.top_gap-padding {
  padding: 100px 0px 70px 0px;
}

.service_sec-inner a {
  color: #17334E
}

.service_sec-inner .feature_text {
  padding: 28px 0px 20px;
}

.service_sec-inner .feature_box:hover a {
  color: #fff;
}

.service_sec-inner .feature_box {
  height: 210px;
}

/* <----------aside fixed----------------> */
.mcdc-container {
  display: flex;
  min-height: 100vh;
  position: relative;
}

/* Content Area */
.mcdc-content {
  flex: 1;
  padding: 2rem;
  overflow-y: auto;
  padding-bottom: 5rem;
}


.mcdc-section p {
  line-height: 1.6;
  margin-bottom: 1rem;
}

/* Image Gallery */
.mcdc-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
  margin: 1.5rem 0;
}

.mcdc-gallery img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.mcdc-gallery img:hover {
  transform: scale(1.03);
}

/* Pricing Table */
.mcdc-pricing-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
}

.mcdc-pricing-table th,
.mcdc-pricing-table td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #e1f5fe;
}

.mcdc-pricing-table tr:nth-child(even) {
  background-color: #f9f9f9;
}

.mcdc-pricing-table tr:hover {
  background-color: #e1f5fe;
}

/* Contact Sidebar */
.mcdc-contact-sidebar {
  width: 35%;
  background: white;
  position: sticky;
    top: 110px;
  height: 175vh;
  overflow-y: auto;
  padding: 2px;
}

.mcdc-contact-sidebar h3 {
  color: #004d7a;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  text-align: center;
}

.mcdc-form-group {
  margin-bottom: 1rem;
}

.mcdc-form-group label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.mcdc-form-group input,
.mcdc-form-group select,
.mcdc-form-group textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
}

.mcdc-form-group textarea {
  resize: vertical;
  min-height: 100px;
}

.mcdc-btn {
  display: inline-block;
  border-radius: 10px;
  background: #17334E;
  color: white;
  padding: 0.95rem 1.5rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.3s ease;
  width: 100%;
  text-align: center;
}

.mcdc-btn:hover {
  background-color: #003d5f;
}

.mcdc-contact-info {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #eee;
}

.mcdc-contact-info p {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
}

.mcdc-contact-info i {
  margin-right: 0.5rem;
  color: #004d7a;
  width: 20px;
}

.scrollable {
  overflow: auto;
  /* or overflow-y: auto; */
  /* optional: keep some padding to avoid content being hidden under tiny thumb */
  padding-right: 6px;
}

/* ---------- WebKit (Chrome, Safari, Edge Chromium) ---------- */
/* set the scrollbar width (vertical) */
.mcdc-contact-sidebar::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

.mcdc-contact-sidebar::-webkit-scrollbar-track {
  background: transparent;
}

.mcdc-contact-sidebar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.0);
}

.mcdc-contact-sidebar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.65);
}

/* ---------- Firefox ---------- */
.mcdc-contact-sidebar {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.5) transparent;
}

.mcdc-contact-sidebar {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .mcdc-container {
    flex-direction: column;
  }

  .mcdc-contact-sidebar {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    max-height: 50vh;
    border-top: 2px solid #004d7a;
    transform: translateY(calc(100% - 50px));
    transition: transform 0.3s ease;
    z-index: 100;
  }

  .mcdc-contact-sidebar.open {
    transform: translateY(0);
  }

  /* 
  .mcdc-contact-sidebar h3 {
    position: sticky;
    top: 0;
    background: white;
    padding: 1rem;
    margin: -1.5rem -1.5rem 1rem -1.5rem;
    border-bottom: 1px solid #eee;
    cursor: pointer;
  } */

  .mcdc-contact-sidebar h3::after {
    content: '\f077';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    float: right;
  }

  .mcdc-contact-sidebar.open h3::after {
    content: '\f078';
  }

  .mcdc-content {
    padding-bottom: 10px;
  }

  .mcdc-section {
    padding: 0rem;
  }

  .mcdc-section h2 {
    font-size: 1.5rem;
  }
}

/* 
.left-faq .accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: 0px;
}

.left-faq .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
} */

/* .left-faq {
  color: #17334E;
  font-size: 22px;
  font-weight: 600;
  padding: 0px;
  margin: 0px;
  padding-left: 17px;
}

.left-faq .accordion-button:not(.collapsed) {
  color: transparent;
  background-color: transparent;
  box-shadow: none;
}


} */
.left-faq .accordion-button {
  color: #17334E;
  font-size: 18px;
  font-weight: 600;
  padding: 0px;
  margin: 0px;
  padding-left: 17px;
  background-color: transparent;
  border: 0px solid transparent !important;
  box-shadow: 0px 0px 0px transparent;
  color: #17334E;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
}

.left-faq .accordion-item {
  margin: 10px 0px;
  padding: 10px 20px;
  border-radius: 10px;
  border: 1px solid rgba(73, 73, 73, 0.50);
  background: #FAFEFF;
}

.left-faq p {
  color: #494949;
  text-align: justify;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  /* 143.75% */
}

/* First TD */
.policy-table tr td:first-child {
  color: #17334E;
  text-align: justify;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

/* Second TD */
.policy-table tr td:nth-child(2) {
  color: #494949;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

/* Remove default bullets */
.policy-table ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* LI + image after */
.policy-table li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
  font-size: 15px;
  padding: 3px 0px 3px 30px;
  border-bottom: 0px solid transparent;
  text-decoration: none;
}

.policy-table li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  background-image: url('../images/tick.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.mcdc-form-group1 {
  width: calc(50% - 20px);
  margin: 5px;
}

.mcdc-form-group {
  width: calc(100% - 0px);
  padding: 0px 5px;
}

.contact-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contact-form input {
  border-radius: 10px;
  border: 1px solid #D3D2D2;
  height: 50px;
  padding: 0px 15px;
  flex-shrink: 0;
  width: 100%;
}

.crue-left-img {
  margin: 10px 0px;
}

.mcdc-contact-info {
  border-radius: 20px;
  background: #2691C1;
  box-shadow: 0 0 6.2px 0 rgba(0, 0, 0, 0.25);
  padding: 40px 25px;
}

.mcdctitll {
  color: #FFF;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: capitalize;
}

.mcdc-contact-info p {
  color: #FFF;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 23px;
}
.mcdc-contact-info p a {
  color: #FFF;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 23px;
}
.mcdc-contact-info i {
  width: 20px;
  height: 20px;
  color: #fff;
  border-radius: 20px;
  background: #17334E;
  border-radius: 100%;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.socail_media.mcdc-socail_media {
  justify-content: center;
}

.socail_media.mcdc-socail_media h4 {
  color: #17334E;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.socail_media.mcdc-socail_media {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 20px 10px;
}


.book-box {
  fill: #2691C1;
  filter: drop-shadow(0 0 6.2px rgba(0, 0, 0, 0.25));
  background-color: #fff;
  margin-top: 30px;
  border-radius: 10px;
  overflow: hidden;
}

.book-box li {
  list-style-type: none;
  padding-left: 30px;

}

html {
  scroll-behavior: smooth;
/*   scroll-margin-top: 150px; */
}

.url-link-add {
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 36px 40px;
  margin: 0px 1px;
  width: 20%;
  text-align: center;
  color: #17334E;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.url-link-add:hover {
  background: #2691C1;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  color: #fff;
}

.url-link-tabs {
  display: flex;
}

.booktitle {
  color: #FFF;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: capitalize;
  background-color: #2691C1;
  filter: drop-shadow(0 0 6.2px rgba(0, 0, 0, 0.25));
  text-align: center;
  padding: 15px;
  color: #fff !important;
  font-size: 20px;
  font-weight: 500;
}

.book-box li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
  font-size: 15px;
  padding: 3px 0px 3px 30px;
  border-bottom: 0px solid transparent;
  text-decoration: none;
}

.book-box li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  background-image: url(../images/tick.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.book-box ul {
  padding-left: 30px;
}

.itinerary-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 15px;
  font-family: Arial, sans-serif;
}

.itinerary-section h2 {
  text-align: center;
  font-size: 28px;
  color: #1ca7d6;
  margin-bottom: 25px;
}

/* Tabs Layout (Desktop/Tablet) */
.itinerary-tabs {
  display: none;
  gap: 0px;
  margin-bottom: 20px;
}

.tab {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 12px 6px;
  text-align: center;
  cursor: pointer;
  color: #17334E;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.tab span {
  display: block;
  font-size: 14px;
  color: #1ca7d6;
  font-weight: 600;
  color: #2691C1;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  text-transform: lowercase;
  padding: 10px 0px 0px 0px;
  text-transform: capitalize;
}

.tab.active {
  background-color: #1ca7d6;
  color: #fff;
}

.tab.active span {
  color: #fff;
}

/* Content */
.itinerary-content {
  background: #F9F9F9;
  padding: 20px;
  border-radius: 4px;
  border-top: 1px solid #DADADA;
}

.content-box {
  display: none;
}

li {
  list-style-type: none;
}

.content-box p {
  color: #494949;
  text-align: justify;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}

.content-box.active {
  display: block;
}

.Memorable ul li {
  color: #494949;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  padding: 5px 0px;
}

.Memorable li span {
  color: #494949;
  font-weight: 600;
  display: inline-block;
}

.Requirements {
  border-bottom: 1px solid #DADADA;
  padding-bottom: 10px;
}

.Requirements li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
  font-size: 15px;
  padding: 3px 0px 3px 30px !important;
  border-bottom: 0px solid transparent;
  text-decoration: none;
}

.Requirements li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  background-image: url(../images/tick.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.inner-faq {
  padding-bottom: 50px;
}

/* ✅ Tablet/Desktop: Tabs enabled */
@media (min-width: 768px) {
  .itinerary-tabs {
    display: grid;
  }
}

/* ✅ Mobile view: stacked normal view */
@media (max-width: 767px) {

  .content-box {
    display: block !important;
    margin-bottom: 15px;
    background: #f7f7f7;
    padding: 15px;
    border-radius: 4px;
  }
}

@media(max-width:1100px) {

  html,
  body {
    overflow-x: hidden;
  }

  .inner-banner {
    padding: 120px 0px;
    height: 500px;
  }

  h2 {
    font-size: 30px;
  }

  .container {
    max-width: 95%;
  }

  .mcdc-content {
    padding-bottom: 0rem;
  }

  .top_gap {
    margin-top: 70px;
  }
	.mcdc-contact-sidebar {
    top: 258px;
    height: 82vh;
	}
}

@media(max-width:991px) {
  .inner-banner {
    padding: 140px 0px;
    height: 400px;
  }

  .url-link-add {
    padding: 26px 0px;
    font-size: 17px;
  }

  .mcdc-form-group1 {
    width: calc(50% - 10px);
  }

  .itinerary-tabs {
    overflow-x: auto;
  }

  .itinerary-tabs .tab {
    width: 180px;
  }


}

.mobile-show,
.mcdc-contact-sidemobile {
  display: none;
}

@media(max-width:767px) {
  .mcdc-contact-sidebar {
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 200px;
    height: auto;
    max-height: 50vh;
    border-top: 2px solid #004d7a;
    transform: translateY(calc(100% - 50px));
    transition: transform 0.3s ease;
    z-index: 100;
  }

  .mcdc-content {
    flex: 1;
    padding: 0rem;
  }

  .left-faq .accordion-button {
    padding-left: 1px;
    font-size: 17px;
  }

  .itinerary-section {
    max-width: 100%;
    margin: 0 auto;
    padding: 0px 0px;
  }

  .mcdc-pricing-table th,
  .mcdc-pricing-table td {
    padding: 9px 5px;
  }

  .mcdc-contact-sidebar {
    top: 0px;
	          width: 100%;
        position: initial;
        bottom: 0;
        left: 0;
        right: 0;
        max-height: auto;
        height: auto;
        max-height: initial;
        border-top: 2px solid #004d7a;
        transform: translateY(calc(0% - 0px));
        /* transition: transform 0.3s 
ease; */
        z-index: 100;
  }

  .mcdc-contact-sidebar h3 {
    position: relative;

  }

  .top_gap-padding {
    padding: 40px 0px 70px 0px;
  }

  .url-link-tabs {
    flex-wrap: wrap;
  }

  .url-link-add {
    padding: 17px 23px;
    font-size: 16px;
    width: calc(50% - 20px);
    font-weight: 500;
    margin: 5px;
  }

  .left-faq .accordion-body {
    padding: 0px;
  }

/*   .mcdc-contact-sidebar {
    display: none !important;
  }
 */
  .mobile-show,
  .mcdc-contact-sidemobile {
    display: block;
  }

  .content-txt {
    font-size: 20px;
    color: #2691C1;
    font-family: "Montserrat", sans-serif;
  }

  .itinerary-content {

    padding: 0px;
  }
/* 
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 60px;
  } */

  .HeaderSticky {
    position: fixed;
    top: 0px;
    width: 100%;
  }

  .content-txt br {
    display: none;
  }

  .top_gap {
    margin-top: 50px;
  }
}




/* -----innerbanner---------- */
.inner-bannercx {

  background-size: cover;
  background-position: top;
  padding: 120px 0;
  position: relative;
}

.inner-bannercx::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(25deg, rgba(0, 60, 109, 0.59) 0%, rgba(0, 61, 111, 0.00) 100%);
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.innerbannerheading h1 {
  color: white;
  font-size: 36px;
  position: relative;
  display: inline-block;
}



.inner-breadcrum ol {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 0px;
	flex-wrap: wrap;
}

.inner-breadcrum li {
  color: white;
  font-size: 16px;
}

.inner-breadcrum li.home {
  position: relative;
  padding-right: 30px;

}

.inner-breadcrum li.home::after {
  content: "";
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.071 5.657L1.414 -3.93831e-06L-9.89101e-07 1.414L4.95 6.364L-1.23616e-07 11.314L1.414 12.728L7.071 7.071C7.25847 6.88347 7.36379 6.62916 7.36379 6.364C7.36379 6.09883 7.25847 5.84452 7.071 5.657Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}


.inner-breadcrum li.home a {
  color: white;
  text-decoration: none;
  position: relative;
  padding-left: 60px;
  display: inline-block;
  font-size: 16px;
}
.inner-breadcrum li.median a{color:#00B9FE;}
.inner-breadcrum li.home a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='14' viewBox='0 0 50 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.44716 13.1233L0 6.44717L6.67623 0L12.0414 5.55573H49.5669V6.63031H13.0791L13.1233 6.67623L6.44716 13.1233Z' fill='%2300B9FE'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
li.median {
    position: relative;
    padding-right: 30px;
}
.inner-breadcrum li.median::after {
  content: "";
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.071 5.657L1.414 -3.93831e-06L-9.89101e-07 1.414L4.95 6.364L-1.23616e-07 11.314L1.414 12.728L7.071 7.071C7.25847 6.88347 7.36379 6.62916 7.36379 6.364C7.36379 6.09883 7.25847 5.84452 7.071 5.657Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.inner-breadcrum li.active {
  color: #ffffff;
}

.inner-breadcrum li.home a:hover {
  color: #00B9FE;
}




@media (max-width: 992px) {
  .inner-banner {
    padding: 95px 0px;
  }

  .innerbannerheading h1 {
    font-size: 33px;
    line-height: 50px;
  }

}

@media (max-width: 767px) {
  .inner-banner {
    padding: 80px 0px;
  }

  .innerbannerheading h1 {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 0px;
  }
}

@media (max-width: 567px) {
  .inner-banner {
    padding: 67px 0px 5px;
    background-position: 37%;
  }

  .innerbannerheading h1 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 0px;
  }
}

/* ----------Blog-page---------- */


        .inner-blog-listing {
            display: flex;
            gap: 30px;
			flex-direction:column;
        }

        .blog-cardsx {
            flex: 2;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 25px;
        }

        .blog-card {
            background-color: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .blog-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        }

        .blog-card-image {
            height: 200px;
            overflow: hidden;
        }

        .blog-card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .blog-card:hover .blog-card-image img {
            transform: scale(1.05);
        }

      .blog-card-content {
    padding: 20px 20px 30px;
}

        .admin-date {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 14px;
    color: #6c757d;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 14px;
}


        .admin-date i {
            margin-right: 5px;
        }

        .admin-date .admin {
            margin-right: 15px;
        }
h3.blog-card-title {
    line-height: 27px!important;
}
      .blog-card-title a {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 12px;
            line-height: 1.4;
            color: #003C6D;
        }

        .blog-card-excerpt {
            font-size: 16px;
            color: #6c757d;
            margin-bottom: 40px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

.success-btnx{
	position: absolute;
    bottom: 12px;
}

        .blog-sidebar {
            flex: 1;
        }

        .sidebar-widget {
            background-color: #fff;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 25px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        }

        .sidebar-title {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
            color: #2c3e50;
        }

        .recommended-posts {
            list-style: none;
        }
a.recommended-post-link {
    display: flex;
}
        .recommended-post {
      
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #eee;
        }

        .recommended-post:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

        .recommended-post-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 15px;
            flex-shrink: 0;
        }

        .recommended-post-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .recommended-post-content {
            flex: 1;
        }

        .recommended-post-title {
            font-size: 16px;
            font-weight: 600;
            line-height: 1.4;
            margin-bottom: 5px;
            color: #003C6D;
        }
ul.recommended-posts {
    padding-left: 0px;
}
        .recommended-post-date {
            font-size: 12px;
            color: #6c757d;
        }

section.blog-listing-page {
    margin: 70px 0px;
	
}
.blog-cardsx-inn {
    flex: 2;
}
.blog-cardsx-inn {
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.blg-details-img {
    text-align: center;
}
.blg-details-img img {
	height:400px;
	width:100%;
object-fit:cover;
}
.blog-in-cnt {
    border-top: 1px solid #e6e6e6;
}
h2.blog-card-title-inner {
    color: #003C6D;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
}
.blog-card-full-description h3 {
    color: #585B6F;  
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 15px;
    margin-top: 21px;
}
.blog-card-full-description h4 {
    color: #585B6F;  
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 15px;
    margin-top: 21px;
}
.blog-card-full-description ul li{list-style-type:disc;}
.blog-card-full-description strong{
    color: #585b6f;
}
.blog-card-full-description a{
	color: rgb(0 185 254);}
.blog-card-full-description p {
    
    font-size: 16px;
    
}
h4.recommended-post-title:hover {
    color: #02b9fe;
}
.aboutus-button {
    background: #00B9FE;
    color: #fff;
    padding: 12px 25px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 15px;
    transition: background 0.3s ease;
}
.aboutus-button:hover {
    background: #003c6d;
}
.blog-card-full-description h2 {
    font-size: 27px;
    font-weight: 700;
    color: #585b6f;
}
        /* Responsive Design */
        @media (max-width: 992px) {
            .inner-blog-listing {
                flex-direction: column;
            }

            .blog-sidebar {
                width: 100%;
            }

            .blog-cardsx {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .blog-cardsx {
                grid-template-columns: 1fr;
            }
        }

        /* Sticky Sidebar for Desktop */
        @media (min-width: 993px) {
            .blog-sidebar {
                position: sticky;
                top: 20px;
                height: fit-content;
            }
        }

/* <--------add css--------> */
#menu-item-36 > a {
  color: #fff !important;
}

#menu-item-40 > a {
  color: #fff !important;
}

#menu-item-39 > a {
  color: #fff !important;
}
.mcdc-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  justify-content: center;
  align-items: center;
  padding: 15px;
}

.mcdc-modal-content {
  background: #fff;
  max-width: 700px;
  width: 100%;
  border-radius: 16px;
  padding: 45px 30px;
  position: relative;
}

.mcdc-close {
  position: absolute;
  top: 5px;
  right: 15px;
  font-size: 26px;
  cursor: pointer;
}
@media (max-width: 767px) {
.mcdc-modal-content {
  background: #fff;
  max-width: 95%;
  width: 100%;
  border-radius: 16px;
  padding: 35px 30px;
  position: relative;
	}

.form_banner .col-lg-4{padding:0px;}
.table-responsive {
  width: 100%;
  overflow-x: auto;
}


}

@media (max-width: 480px) {
  .mcdc-modal-content {
    padding: 35px 15px;
  }
	table tr{
    display: inline-grid;
    width: 100%;
}
/* 	html {
  scroll-behavior: smooth;
  scroll-padding-top: 180px !important;
} */
html {
  scroll-behavior: smooth;
/*   scroll-margin-top: 94px !important; */
}

}
.mcdc-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
/* <-------add css for tabing------------> */
.itinerary-tabs {
  grid-auto-flow: column;
  grid-auto-columns: minmax(180px, 1fr) !important;
  gap: 20px;
  overflow-x: auto;margin-top:10px;
}
.itinerary-tabs::-webkit-scrollbar {
  height: 3px; /* scroll ki height */
}

.itinerary-tabs::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px;
}

.itinerary-tabs::-webkit-scrollbar-track {
  background: #eee;
}
.book-box .wpcf7-not-valid-tip {
    position: absolute;
    top: 36px;
    font-size: 12px;
    left: 8px;
    right: 0px;
    margin: auto;
    display: block;
}
.book-box .mcdc-form-group textarea {
    resize: none !important;
    height: 120px !important;min-height: initial !important;
}
button.mcdc-btn.main_btn {
    margin-left: 16px;
    margin-bottom: 0px;
}
/* .book-box p{margin:auto;text-align:center;} */



/* <------------------ CSS ADD ------------> */

.manage-slide-add .OurBrandCard .ourbrand-img {
    width: 100% !important;
    height: 416px;
    aspect-ratio: 9 / 7;
    display: block;
    overflow: hidden;
    background-color: beige;
    border-radius: 178px 178px 178px 158px;
}

.manage-slide-add .OurBrandCard a img {
    height: 420px;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}

.manage-slide-add .OurBrandCard {
    border-radius: 154px 154px 0px 97px;
	height:512px;
}

.manage-slide-add .OurBrandCard:after {
    height: 79%;
}

.manage-slide-add .OurBrandCard:hover:after {
    height: 89%;
}

.top_gap_accordion .accordion-body p {
    color: #fff;
}

.manage-slide-add .slider_dest {
    width: 100% !important;
}

/* .top_gap-padding {
    margin-top: 42px;
} */

.top_gap-space {
    margin-top: 342px !important;
}
.top_gap-space .know_img1{height: 460px;
    object-fit: cover;border-radius:10px;} 
.know_main_img {
    position: relative;
    padding-right: 40px;
}
.top_gap-space .know_img2 {
    width: 70%;
    border: 10px solid #fff;
    border-radius: 45px;
    box-shadow: 0px 0px 5px #ddd;
    /* position: absolute; */
    /* bottom: -30px; */
    margin-bottom: -50px;
    margin-right: 0px;
}
	.slider_dest {
		width: 60%;}
	.why_choose_img .small_choose {
    bottom: -30px;
    border: 10px solid #fff;
    width: 260px;
    height: 260px;
    border-radius: 100%;
}
.featured_tour_responsive .feature_box {
    position: relative;
    height: 326px;
    margin-bottom: 4px;
}
.featured_tour_responsive .swiper-button-next,.featured_tour_responsive .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 60%);
		;}

@media (max-width: 1540px) {
	.manage-slide-add .OurBrandCard .ourbrand-img {
		height: 290px;}
	.manage-slide-add .OurBrandCard a img {
		height: 320px;}
	.bannerContent h1 {
		font-size: 69px;}
	.top_gap-space {
    margin-top: 222px !important;
}
}
/* ------------------ Mobile Max 991 ------------------ */
@media (max-width: 991px) {

    .form_banner .col-lg-4 {
        padding: 0px 0px !important;
    }

    .form_banner {
        padding: 20px 0px 5px 0px;
    }

    .manage-slide-add .slider_dest {
        width: 100% !important;
    }
}
@media (max-width: 840px) {
.slider_dest {
	width: 100%;}
.top_gap-space {
    margin-top:92px !important;
}

}
@media (max-width: 600px) {
.top_gap-space {
    margin-top: 92px !important;
}
	.manage-slide-add .OurBrandCard .ourbrand-img {
		height: 256px;}
	.manage-slide-add .OurBrandCard a img {
		height: 260px;}

    .bannerContent h1 {
        font-size: 49px;
        margin-top: 20px;
    }
/* 	.top_gap-space .know_img1 {
		height: 360px;} */
	.top_gap-space .know_img2 {
    width: 44%;
    border: 2px solid #fff;
    border-radius: 15px;
}
	
.featured_tour_responsive .featured_tour_sec h3 a {
    font-size: 20px;
    text-align: center;
    margin: auto;
    display: block;
}
	.why_choose_img .small_choose {
    bottom: -30px;
    border: 5px solid #fff;
    width: 220px;
    height: 220px;
}
	select {
    width: 100% !important;
    max-width: 100% !important;
}

select option {
    width: 100% !important;
    max-width: 100% !important;
	}
}
/* ------------------ Desktop Min 992 ------------------ */
@media (min-width: 992px) {

    .form_banner .col-lg-4 {
        padding: 0px 7px !important;
    }

    .manage-slide-add .slider_dest {
        width: 60% !important;
    }
	.why_choose_set{margin-left:auto;}
	.why_choose_set img{margin-left:auto;display:block;}
}
.blog_box a img {
    display: block;
    width: 100%;
    object-fit: cover;
	height:231px;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 150px;
}
@media (max-width: 768px) {
  html {
    scroll-padding-top: 60px !important;
  }
}

.form_banner p {
    margin-bottom: 16px;
}
span.wpcf7-not-valid-tip {
    position: absolute!important;
    font-size: 10px!important;
    top: 26px!important;
    right: 6px!important;
}
.wpcf7-response-output {
    margin: 0px!important;
    position: absolute!important;
    text-align: center!important;
    /* margin: auto; */
    bottom: 1px!important;
    font-size: 10px!important;
}
.row.belowxcr p {
    margin: 0px;    line-height: 0px;
}
@media(max-width:1400px){
	.contact-form input {
   
		height: 40px;}
	.mcdc-form-group p{
    margin: 0px;
}
	.mcdc-modal-content {
    height: 460px;
    overflow-y: scroll;
}
	.mcdc-form-group textarea {
    height: 100px;
}
}

.mcdc-modal-content span.wpcf7-not-valid-tip {
    position: absolute!important;
    font-size: 10px!important;
    top: 17px!important;
    right: 6px!important;
}

.banner_img {
    display: none;
}
.bannerSec {
    /* background-color: #ebf5fc; */
    background-position: center;
}
.bannerContent {
    padding-bottom: 100px;
}
.bannerContent {
/*     padding-left: 115px; */
/*     padding-top: 120px; */
/*     padding-bottom: 60px; */
}
h1 {
	color: #8ec6e0;}
.bannerContent p {
    color: #ffffff;
}

.feature_box.tour-box-custom {
    overflow: hidden;
    margin: 10px 5px;
    height: 356px;
}
.feature_box.tour-box-custom:hover .feature_text {
    transform: translateY(-58.9%);

}
@media(max-width:1100px){
.feature_box.tour-box-custom {
    height: 317px;
	}}
@media(max-width:991px){
.feature_box.tour-box-custom {
height: 336px;
	}}
@media(max-width:600px){
	.feature_box.tour-box-custom {
    height: 306px;
	}
	.feature_box.tour-box-custom .feature_text {
		padding: 21px 20px 20px;}
}

.feature_box.tour-box-custom .feature_text h3 {
    margin-bottom: 12px;
}
.feature_box.tour-box-custom:hover .feature_text {
    transform: translateY(-51.9%);
}
.testimonial_author img {
    margin-right: 10px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    object-fit: cover;
}
.testimonial_box p{
    height: 180px;
    overflow-y: scroll;
}
/* For Chrome, Edge, Safari */
.testimonial_box p::-webkit-scrollbar {
    width: 6px; /* yahan width adjust karein */
}

.testimonial_box p::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.testimonial_box p::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.testimonial_box p::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* For Firefox */
.testimonial_box p{
    scrollbar-width: thin;    /* thin | auto | none */
    scrollbar-color: #888 #f1f1f1;
}
.bannerContent h1{
    color: #50c7ff!important;
}
@media(max-width:767px){
	.bannerContent {
    padding-left: 0px;
    padding-top: 0px; 
    padding-bottom: 50px;
}
}
.top {
    display: none;
}




/* Blog Swiper Container */
.blog-swiper-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
}

.blog-swiper-wrapper {
    width: 100%;
    position: relative;
}

/* Swiper Base Styles */
.blog-swiper {
    width: 100%;
    height: auto;
    padding: 10px 10px 50px 10px;
    margin: 0 -10px;
}

/* Swiper Slide */
.blog-swiper .swiper-slide {
    height: auto;
    opacity: 0.9;
    transition: opacity 0.3s ease;
}

.blog-swiper .swiper-slide-active {
    opacity: 1;
}

/* Blog Card inside Swiper */
.blog-swiper .blog-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-swiper .swiper-slide-active .blog-card {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

/* Image Container */
.blog-swiper .blog-card-image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/9;
}

.blog-swiper .blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-swiper .blog-card:hover .blog-card-image img {
    transform: scale(1.05);
}

/* Modern Pagination */
.blog-swiper-pagination {
    position: absolute;
    bottom: 10px !important;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.blog-swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 1;
    margin: 0 6px !important;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
}

.blog-swiper-pagination .swiper-pagination-bullet-active {
    background: #0073aa;
    width: 30px;
    border-radius: 10px;
    transform: scale(1);
}

/* Dynamic bullets effect */
.blog-swiper-pagination.swiper-pagination-dynamic {
    height: 20px;
    overflow: hidden;
}

/* Navigation Arrows */
.blog-swiper-button-next,
.blog-swiper-button-prev {
    width: 44px;
    height: 44px;
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    color: #333;
    margin-top: -22px;
    display: none;
    transition: all 0.3s ease;
}

.blog-swiper-button-next:after,
.blog-swiper-button-prev:after {
    font-size: 20px;
    font-weight: bold;
}

.blog-swiper-button-next:hover,
.blog-swiper-button-prev:hover {
    background: #0073aa;
    color: white;
    transform: scale(1.1);
}

/* Responsive Layout */
@media (min-width: 768px) {
    .blog-swiper-container {
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .blog-swiper-wrapper {
        flex: 0 0 calc(70% - 20px);
    }
    
    .blog-sidebar {
        flex: 0 0 calc(30% - 20px);
    }
    
    .blog-swiper-button-next,
    .blog-swiper-button-prev {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 992px) {
    .blog-swiper {
        padding: 20px 40px 60px 40px;
        margin: 0 -40px;
    }
    
    .blog-swiper-pagination {
        bottom: 15px !important;
    }
}

/* Mobile optimizations */
@media (max-width: 767px) {
    .blog-swiper {
        padding: 5px 5px 40px 5px;
        margin: 0 -5px;
    }
    
    .blog-swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 4px !important;
    }
    
    .blog-swiper-pagination .swiper-pagination-bullet-active {
        width: 24px;
    }
}

/* No posts message */
.blog-swiper .no-posts {
    text-align: center;
    padding: 40px;
    font-size: 18px;
    color: #666;
}

/* <-------------add css 15-12------------> */
.blog-swiper-button-next, .blog-swiper-button-prev {
     display:none;
    }
.inner-blog-listing {
    overflow: hidden;
}

@media (min-width: 992px) {
    .blog-swiper {
        padding: 20px 0px 60px 0px;
        margin: 0 0px;
    }
}
@media (min-width: 992px) {
    .blog-swiper {
        padding: 20px 0px 60px 0px;
        margin: 0 0px;
    }
}
@media(max-width:600px){
	.featured_tour_responsive .feature_box {
    height: auto;
}
	.featured_tour_sec .feature_box:hover .feature_text {
        transform: translateY(-0%);
    }
	.find_form {
    background: rgb(0 0 0 / 50%) !important;
}
	.form_banner .row.g-3 .row:first-child {
        padding: 0px 15px;
    }
}
.wpcf7-response-output {
    position: absolute !important;
    bottom: 10px;
    background-color: beige;
}


/* 
.col-lg-10.find_form-10{
    padding: 10px;
} */


/* ===============================
   Transparent Mobile Form Design
   =============================== */

/* ===== Fix select dropdown option visibility ===== */
.form_banner select option {
  color: #000 !important;
  background: #fff !important;
}

/* iOS / Android dropdown fix */
.form_banner select:focus {
  background-color: rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
}

@media (max-width: 767px) {

  .form_banner {
    padding: 10px;
  }

  .form_banner .row {
    margin: 0;
  }

  .form_banner .col,
  .form_banner .col-lg-4 {
    margin-bottom: 12px;
  }

  /* Input, select, submit */
  .form_banner .form-control,
  .form_banner .form-select,
  .form_banner input[type="submit"] {
    width: 100%;
    background: rgba(255, 255, 255, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    color: #fff !important;
    padding: 14px 16px;
    border-radius: 12px;
    font-size: 14px;
    box-shadow: none !important;
    backdrop-filter: blur(6px);
  }

  /* Placeholder color */
  .form_banner .form-control::placeholder {
    color: rgba(255, 255, 255, 0.85);
  }

  /* Select dropdown arrow */
  .form_banner select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg fill='white' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 18px;
  }

  /* Date calendar icon */
  .form_banner input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    opacity: 0.9;
  }

  /* Submit button */
  .form_banner input[type="submit"] {
    background: #17334E !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 16px;
    border: none !important;
  }

  /* Fix CF7 validation messages */
  .wpcf7-not-valid-tip,
  .wpcf7-response-output {
    color: #fff;
  }
	.form_banner select {
    color: #fff !important;
  }

  .form_banner select option {
    color: #000 !important;
    background: #ffffff !important;
    font-size: 14px;
  }
	.form_banner p {
    margin-bottom: 0px;
}
	.wpcf7-response-output{
		color:#000!important;
	}
}

@media(max-width:991px){
	.banner-form{display:none;}	
	.open-form-btn{display:block}
	.form_section.banner-form{display:none;}
	.popup-content .container {
		padding: 0 1px;}
.popup-content .row.g-3 .row:first-child {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0px 7px;
    }
ul.country-list {
    position: absolute !important;
    z-index: 9999999 !important;
}
	.form_banner {
    padding: 10px;
    position: relative !important;
    z-index: 0 !important;
}
	div#tourPopup {
    position: static;
}
	.iti-mobile .intl-tel-input .country-list {
    top: 97px;
}
.form_section {
    
        transform: translateX(0px);
    }
	.popup-content .row.g-3 .row:first-child .form-padding{width:100%;}
	    .form-row {
        padding: 0px 21px;
    }
	    .featured_tour_sec {
        padding: 1px 0px;
    }
.bannerContent {
    padding-left: 0px !important;}
}
.form-popup {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.popup-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.8);
}

.popup-content {
    position: relative;
    max-width: 100%;
    width: 95%;
    margin: 0px auto;
  background: rgb(0 0 0 / 17%);
    padding: 5px;
    border-radius: 12px;
    z-index: 2;
    max-height: 100vh;
    overflow-y: auto;
    top: 50%;
    transform: translateY(-50%);
}

/* Close button */
.close-popup {
    position: absolute;
    top: 9px;
    right: 22px;
    font-size: 32px;
    cursor: pointer;
    z-index: 9;
    color: #fff;
}

.open-form-btn {
    border: 0px solid transparent;
    margin: auto;
}
@media(min-width:992px){
	.open-form-btn{display:none;}	
	
}
.manage-slide-add .swiper-button-prev:after,.manage-slide-add .swiper-rtl .swiper-button-next:after {
  display: none !important;
}
.manage-slide-add .swiper-button-next:after,.manage-slide-add .swiper-rtl .swiper-button-prev:after{
  display: none !important;
}
@media(max-width:1520px){
.manage-slide-add .OurBrandCard {
	height:395px;
}}
@media(max-width:767px){

.bannerContent {
        padding-left: 0px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
.manage-slide-add .OurBrandCard {
	height:380px;
}

.swiper-button-next, .swiper-button-prev {
    width: 25px;
    min-width: 25px;
    height: 25px;
	min-height: 25px;}

.featured_tour_responsive .swiper-button-next, .featured_tour_responsive .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 10%);
}
.services_slide .swiper-button-prev,.services_slide .swiper-button-next{
    top: -20% !important;
}
    h2 {
        font-size: 25px;
        padding: 0px 10px;
    }
.manage-slide-add .swiper-button-prev,
.manage-slide-add .swiper-button-next {
  width: 40px;
  height: 40px;
  background-image: url("https://musandamtours.com/wp-content/uploads/2025/12/arow1.svg");
  
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
	top:-30px;
}
.blogsliderx .swiper-button-prev,
.blogsliderx .swiper-button-next {
  width: 40px;
  height: 40px;
  background-image: url("https://musandamtours.com/wp-content/uploads/2025/12/arow1.svg");
  
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
	top:30px;
}


/* Default arrow icon hide */
.manage-slide-add .swiper-button-prev::after,
.manage-slide-add .swiper-button-next::after,
.blogsliderx .swiper-button-prev::after,
.blogsliderx .swiper-button-next::after {
  display: none;
}

/* Prev button arrow rotate */
.manage-slide-add .swiper-button-prev,.blogsliderx .swiper-button-prev {
  transform: rotate(180deg);
}


.manage-slide-add .swiper-button-pre,.manage-slide-add .swiper-button-prev,.blogsliderx .swiper-button-prev,.manage-slide-add .swiper-button-prev{
    left:38%;
}
.manage-slide-add .swiper-button-next,.manage-slide-add .swiper-button-next,.blogsliderx .swiper-button-next,.manage-slide-add .swiper-button-next{
    right: 38%;
}
    .slider_dest {
		top: 73px;}
	.blogsliderx .swiper-pagination{display:none;} 
	.blogsliderx{padding-top: 80px;}
}

@media(max-width:500px){
	    .manage-slide-add .OurBrandCard {
        height: 360px;
    }
.popup-content .row.g-3 .row:first-child {
  
        padding: 0px;
    }
	    .form-row {
        padding: 0px;
    }
}
@media(max-width:390px){
    .manage-slide-add .OurBrandCard {
        height: 350px;
    }
    .manage-slide-add .OurBrandCard {
        height: 360px;
    }
}


@media(min-width:768px){
	.for-d-none{display:none;}

}

/* <---------form css---------> */
/* <--------contact--------------> */
.business-section {
  background-image: url(../image/book-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0px;
}

.container-flex {
  display: flex;
  align-items: center;
  gap: 0;
  position: relative;
}

/* LEFT IMAGE */
.image-box {
  flex: 1;
}

.image-box img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* RIGHT FORM PANEL */
.form-box {
  flex: 1;
  background-image: url(https://musandamtours.com/wp-content/themes/musdantravel/assets/images/service_bg.webp);
  padding: 50px 70px 50px 70px;
  margin-left: -209px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  /* padding-right: 20%; */
  width: 50%;
}
.form-box{    box-shadow: inset 0 1px 2px #eee;
    width: 100%;
    margin-top: 0px;
       padding: 50px 70px;
    font-size: 15px;
    color: #5f6265;
    border: 1px solid #dbdbdb;}



/* INPUTS */
.form-box input,
.form-box textarea {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 14px;
}
.form-box select{ box-shadow: inset 0 1px 2px #eee;
    width: 100%;
    margin-top: 0px;
    padding: 9px 10px;
    font-size: 15px;
    color: #5f6265;
	border: 1px solid #dbdbdb;}
textarea {
  height: 120px;
  resize: none;
}

/* TWO COLUMN DATE + TIME */
.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

@media(max-width:1180px){
.form-box{    box-shadow: inset 0 1px 2px #eee;
    width: 100%;
    margin-top: 0px;
       padding: 30px 40px;}
/* BUTTON */
.form-box button {
  background: #a67552;
  color: #fff;
  padding: 12px 30px;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  color: #FFF;
  font-family: AktivGrotesk;
}

/* ✅ MOBILE RESPONSIVE */
@media (max-width: 768px) {
  .container {
    flex-direction: column;
  }

  .form-box {
    margin-left: 0;
    margin-top: -40px;
    width: 100%;
  }

  .two-col {
    grid-template-columns: 1fr;
  }
	.container-flex {
    flex-wrap: wrap;
}
	.image-box {
    flex: initial;
}
}
.wpcf7 {
    direction: ltr !important;
}

.wpcf7 input,
.wpcf7 select {
    direction: ltr !important;
    text-align: left !important;
}

.date-field-wrap {
    position: relative;
}

.date-field-wrap::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;

    /* Black SVG calendar icon */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7zm12 18H5V9h14v11z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;

    pointer-events: none;
    opacity: 0.8;
}

.custom-datepicker {
    padding-right: 40px;
    cursor: pointer;
}

/* 	<---------30-12-25-------------> */
	@media(max-width:600px){   .inner-banner {
		
        padding: 140px 0px;
        height: 280px;
    }
	.inner-banner {
        padding: 31px 0px 5px;
        align-items: start;
    }
	h1.innertitle {
    font-size: 28px;
		line-height: 28px;}
	
	}
   .service_sec-inner h2,.featured_tour_sec h2 {
        font-size: 22px;
        padding: 0px 10px;
        margin-bottom: 50px;
    }

.service_sec-inner .services_slide .swiper-button-prev,.mobile-arw .services_slide .swiper-button-next,.featured_tour_sec .swiper-button-prev,.featured_tour_sec .swiper-button-next{
    top: -8% !important;z-index:9;
}

.service_sec-inner .swiper-button-prev ,.featured_tour_sec .swiper-button-prev {
    left: 40%;
}
 
.service_sec-inner .swiper-button-next,.featured_tour_sec .swiper-button-next{
    right: 45%;
}
/* 	.inner-banner .main_btn {
        display: inline-block;
        margin-top: 60px !important;
    } */
}
@media (max-width: 600px) {
/*    .service_sec-inner  .services_slide .swiper-button-prev, .service_sec-inner .services_slide .swiper-button-next ,.featured_tour_sec .swiper-button-prev, .featured_tour_sec .swiper-button-next {
        top: -6% !important;
    }
	
 .featured_tour_sec .swiper-button-next {
               top: 15.5% !important;
    }
	.featured_tour_sec .swiper-button-prev {
        top: 14% !important;
    } */
 .featured_tour_sec .defaultslidearrow,.service_sec-inner .defaultslidearrow{display: flex;
    align-items: center;
    position: absolute;
    top: -7%;
    justify-content: space-between;
	width: 100%;}
}

@media (max-width: 767px) {
	.form_banner .selected-dial-code {
    color: #fff!important;
}
	.form_banner .intl-tel-input .selected-flag .iti-arrow {
  
    border-top: 4px solid #ffffff!important;
}
}


/* .grecaptcha-badge {
    bottom: 10px !important;
    left: 10px !important;
    right: auto !important;
	z-index:999999999999999999999;
} */

/* <-----------add css 29-1-26--------------> */
.form-box span.wpcf7-not-valid-tip {
    position: absolute !important;
    font-size: 10px !important;
	top: 6px !important;}

.form-box {
    box-shadow: inset 0 1px 2px #eee;
    width: 100%;
    margin-top: 0px;
    padding: 25px 60px 10px 60px;
    background-color: #fff;
}
@media(max-width:600px){
	
.form-box {
    padding: 25px 20px 10px 20px;}
	.business-sec-pd.business-section {
    padding: 30px 0px 0px 0px;
}
	.banner_content {
    max-width: 100%;
    width: 100%;
}
.bannerSwiper img {
	height: 240px;}	
	    .bannerSec {
        padding-bottom: 1px;
    }
	    .bannerOverlay {
        padding-top: 2px;
        padding-bottom: 0;
    }
}
}
.inner-banner {
    background-position: center;
}