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

@font-face {
    font-family: "DM_Sans";
    src: url(../fonts/DM_Sans/DMSans-Thin.ttf);
    font-weight: 100;
}
@font-face {
    font-family: "DM_Sans";
    src: url(../fonts/DM_Sans/DMSans-ExtraLight.ttf);
    font-weight: 200;
}
@font-face {
    font-family: "DM_Sans";
    src: url(../fonts/DM_Sans/DMSans-Light.ttf);
    font-weight: 300;
}
@font-face {
    font-family: "DM_Sans";
    src: url(../fonts/DM_Sans/DMSans-Regular.ttf);
    font-weight:400;
}
@font-face {
    font-family: "DM_Sans";
    src: url(../fonts/DM_Sans/DMSans-Medium.ttf);
    font-weight: 500;
}
@font-face {
    font-family: "DM_Sans";
    src: url(../fonts/DM_Sans/DMSans-SemiBold.ttf);
    font-weight: 600;
}
@font-face {
    font-family: "DM_Sans";
    src: url(../fonts/DM_Sans/DMSans-Bold.ttf);
    font-weight: 700;
}
@font-face {
    font-family: "DM_Sans";
    src: url(../fonts/DM_Sans/DMSans-ExtraBold.ttf);
    font-weight: 800;
}
@font-face {
    font-family: "DM_Sans";
    src: url(../fonts/DM_Sans/DMSans-Black.ttf);
    font-weight: 900;
}


body {
    font-family: var(--bodyFont);
    font-size: 16px;
}
:root{
    --primaryColor:#678e52;
    --secondaryColor: #000;
    --textColor:#434343 ;
    --whiteColor: #fff;
    --bodyFont: "DM_Sans"; 
    --iconFont: "Font Awesome 5 Free"; 
}
h1,h2,h3,h4,h5{
    color: var(--secondaryColor);
}
h2{
    font-size: 30px;
    font-weight: 700;
}
h3{
    font-size: 20px;
    font-weight: 700;
}
h4{
    font-size: 18px;
    font-weight: 400;
    color: var(--themeColor);
    line-height: 30px;
}
h5{
    font-size: 16px;
    font-weight: 700;
}
header,section,.headerInner,.headerTop,footer,.footerTop,.footerBottom{
    width: 100%;
    float: left;
}
p{
    font-size: 17px;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--textColor);
}
a{
    display: inline-block;
    text-decoration: none;
    color: var(--secondaryColor);
    font-weight: 600;
    font-size: 15px;
}
ul.contentlist li{
    position: relative;
    padding: 5px 0 5px 30px;
    line-height: 30px;
    color: var(--secondaryColor);
    font-size: 16px;
    font-weight: 500;
}
ul.contentlist li:hover{
    color: var(--primaryColor);
}
ul.contentlist li::before{
    position: absolute;
    content: "\f35a";
    top: 6px;
    left: 0;
    font-family: var(--iconFont);
    font-size: 16px;
    font-weight: 900;
    color: var(--primaryColor);
}
.object-cover{
    object-fit: cover;
    object-position: center;
}
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
span.sub-title{
    background-color:#deebd7;
    color: var(--secondaryColor);
    font-weight: 600;
    padding: 5px;
    border-radius: 6px;
    display: inline-block;
    margin:  0 0 15px;
}

a.primaryBtn{
    font-size: 16px;
    padding: 12px 30px;
    background-color: var(--primaryColor);
    color: var(--whiteColor);
    border-radius: 35px;
}
a.primaryBtn span{
    display: inline-block;
    background-color: var(--whiteColor);
    color: var(--primaryColor);
    border-radius: 50px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 10px;
}
.contentTitle h2{
    font-size: 35px;
    color: var(--secondaryColor);
    line-height: 30px;
    font-weight: 700;
}
.contentTitle span{
    color: var(--primaryColor);
}

section {
    padding: 70px 0;
}
header .headerInner .headerTop{
    background-color: var(--whiteColor);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.102);
}
header .headerInner .headerTop .navbar ul.navbar-nav li.nav-item a{
    color: #161B18;
    font-weight: 600;
    font-size: 17px;
}
header .headerInner .headerTop .navbar ul.navbar-nav {
    margin: auto;
}
header .headerInner .headerTop a.navbar-brand h1{
    margin: 0;
    color: var(--primaryColor);
    font-size: 29px;
    font-weight: 600;
}
header .headerInner .headerTop a.commonBtn{
    background-color: var(--primaryColor);
    padding: 12px 20px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    color: var(--whiteColor);
}
header .headerInner .headerTop a.commonBtn i{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: var(--whiteColor);
    color: var(--primaryColor);
    border-radius: 50px;
    margin-right: 8px;
}
header .headerInner .headerTop nav.navbar a.navbar-brand img{
    height:80px;
}
header .headerTopBar > .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .headerTopBar {
  width: 100%;
  float: left;
  background-color: var(--primaryColor);
  padding: 10px 0;
}
header .headerTopBar .callBTn{
    display: flex;
    gap: 15px;
}
.borderLeft{
    padding-right: 15px;
    border-right: 1px solid #eee;
}

header .headerTopBar ul.socialIcons{
  display: flex;
  gap: 8px;
}
header .headerTopBar ul.socialIcons li i{
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50px;
  color: var(--whiteColor);
}
header .headerTopBar ul.socialIcons li i.fab.fa-facebook{
    background-color: #3b5998;
}
header .headerTopBar ul.socialIcons li i.fab.fa-instagram-square{
   background: #833ab4;
  background: linear-gradient(to right,#833ab4,#fd1d1d,#fcb045);
}
header .headerTopBar ul.socialIcons li i.fa-linkedin{
    background-color: #0077b5;
}
header .headerTopBar ul.socialIcons li i.fa-youtube{
    background-color: #cd201f;
}
header .headerTopBar a.phoneBtn{
  color: var(--whiteColor);
  font-size: 18px;
}
header .headerTopBar a.phoneBtn i{
  margin-right:6px;
}

.btnVInfoBox{
  position: fixed;
  top: 35%;
  right: 20px;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: right center;
  z-index: 9999;
  display: flex;
  flex-direction: row;
  gap: 0;
}
.btnVInfoBox a.QuoteBtn{
  background-color: #f0921e;
}
.btnVInfoBox a.WhatsapBtn{
  background-color: #04c50d;
}
.btnVInfoBox a{
  padding: 10px 20px;
  color: var(--whiteColor);
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1px;
}
.btnVInfoBox a i{
  margin-right:7px;
}

@media (min-width: 1424px) {
    .tripex-choose-sec .tripex-image-box {
        margin-right: -130px;
    }
}
section.mainBanner .titleWrap{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(202, 202, 202, 0.1)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(202, 202, 202, 0.1) 100%);
    border: 1px solid rgba(255, 255, 255, 0.15);
    width: 100%;
    padding: 40px 50px;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border-radius: 15px;
}
section.mainBanner .titleWrap h1{
  color: var(--whiteColor);
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
  margin: 0 0 30px;
  padding: 0 0 20px;
  border-bottom: 1px solid #EEEFEF;
}
section.mainBanner .titleWrap p{
  font-size: 22px;
  line-height: 30px;
  color: var(--whiteColor);
  margin:  0 0 30px;
}
.bgTheme{
    background-color: #f9f9f9;
}
section.bestPackage .packageGrid{
    width: 100%;
    padding: 15px;
    margin: 0 0 30px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    background-color: #ecfae5;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.102);
     position: relative;
}
section.bestPackage .packageGrid .packImg img{
    height: 150px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
}
section.bestPackage .packageGrid .content h3{
    color: #141414;
    font-size: 18px;
    font-weight: 600;
}
section.bestPackage .packageGrid .content span.offer{
    background-color: #F29727;
    color: var(--whiteColor);
    padding: 5px;
    line-height: 1;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
}

section.bestPackage .packageGrid .content ul.contentlist li{
  padding: 5px 0 5px 25px;
  line-height: 20px;
  font-size: 15px;
}
section.bestPackage .packageGrid .content ul.contentlist li::before{
  content:"\f3c5";
}
section.bestPackage .packageGrid .content h4{
  font-size: 14px;
  margin: 0;
  color: var(--primaryColor);
  font-weight: 700;
}
section.bestPackage .packageGrid .packImg{
  position: relative;
}
section.bestPackage .packageGrid .features-tag{
    position: absolute;
    top: 15px;
    left: 30px;
}
section.bestPackage .packageGrid .features-tag span.tag-text{
    background-color: #F29727;
    color: var(--whiteColor);
    padding: 5px;
    line-height: 1;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 4px;
}
section.bestPackage .packageGrid .packagePrice span.offer{
    background-color: var(--primaryColor);
    color: var(--whiteColor);
    padding: 5px 10px;
    line-height: 1;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
}
section.bestPackage .packageGrid .packagePrice .wtsapp a.theme-btn1{
    padding: 6px;
    background-color: #c3edea;
    color: var(--secondaryColor);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 10px;
    border-radius: 5px;
}
section.bestPackage .packageGrid .packagePrice .wtsapp a.theme-btn1 i{
  color: #017568;
}
section.bestPackage .packageGrid .packagePrice{
  float: right;
}
section.bestPackage .packageGrid .packagePrice .tour-button a.theme-btn2{
    padding: 6px;
    background: -webkit-linear-gradient(135deg, #f69000 0%, #c94a2f 52%, #c94a2f 100%);
    background: linear-gradient(135deg, #f69000 0%, #c94a2f 52%, #c94a2f 100%);
    color: var(--whiteColor);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    border-radius: 5px;
}
section.bestPackage .packageGrid .packagePrice .tour-footer p{
  font-size: 10px;
  margin:  0;
  text-align: center;
}
section.bestPackage .packageGrid .btnBox a.primaryBtn{
    background-color: #d7722e;
    padding: 6px 15px;
    font-size: 14px;
    margin:  10px 0 0;
}
section.bestPackage .packageGrid .packImg{
  position: relative;
}
section.bestPackage .packageGrid .tripFacilities{
    position: absolute;
    top: 35%;
    right: 15%;
    z-index: 3;
}
section.bestPackage .packageGrid .tripFacilities ul{
  display: flex;
  align-items: center;
  gap: 10px;
}
section.bestPackage .packageGrid .tripFacilities ul li i{
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 10px;
  background-color: var(--primaryColor);
  color: var(--whiteColor);
  font-size: 14px;
}


section.bestPackage{
  position: relative;
  z-index: -1;
}
section.bestPackage .shape.shape-five{
    position: absolute;
    bottom: 0;
    right: 0;
}
section.bestPackage .shape.shape-four{
    position: absolute;
    top: 60px;
    left: 0;
}
section.bestPackage .packageGrid .packagePrice span{
    font-size: 22px;
    font-weight: 900;
    display: inline-block;
    color: #ed4521;
    margin: 0 0 5px;
} 
/*===   03# Destination Section CSS ===*/
.tripex-destination-sec .section-title h2 span {
  background-color: var(--primary-color);
  padding: 3px 8px;
  border-radius: 15px;
  color: var(--white-color);
  line-height: 1;
}

.destination-slider .slick-slide {
  margin-right: 30px;
}

.tripex-destination-item .thumbnail {
  position: relative;
  overflow: hidden;
}
.tripex-destination-item .thumbnail img {
  border-radius: 150px;
}
.tripex-destination-item .thumbnail .hover-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tripex-destination-item .thumbnail .hover-content .content {
  display: block;
  background-color: var(--white-color);
  width: 100%;
  padding: 30px;
  text-align: center;
  border-bottom-left-radius: 130px;
  border-bottom-right-radius: 130px;
  min-height: 130px;
}
.tripex-destination-item .thumbnail .hover-content .content span {
  padding: 8px 15px;
  border-radius: 14px;
  font-weight: 600;
  color: var(--white-color);
  line-height: 1;
  border: 1px solid var(--white-color);
  font-size: 14px;
  background-color: var(--primary-color);
  -webkit-box-shadow: 10px 4px 30px 0px rgba(115, 180, 88, 0.5);
          box-shadow: 10px 4px 30px 0px rgba(115, 180, 88, 0.5);
  margin-bottom: 15px;
}

/*===   04# About Section CSS ===*/
section.tripex-about-sec {
  position: relative;
  z-index: 1;
}
section.tripex-about-sec .shape {
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 1199.98px) {
  section.tripex-about-sec .shape {
    display: none;
  }
}
section.tripex-about-sec .shape.shape-one {
  top: 20%;
  left: 55px;
}
section.tripex-about-sec .shape.shape-two {
  bottom: 120px;
  left: 90px;
}
section.tripex-about-sec .shape.shape-three {
  bottom: 100px;
  right: 0;
}
section.tripex-about-sec .tripex-image-box {
  position: relative;
}

section.tripex-about-sec .tripex-image-box .tripex-image.image-one {
  position: relative;
  z-index: 1;
  margin-bottom: 15px;
}
section.tripex-about-sec .tripex-image-box .tripex-image.image-one img {
  border-radius: 20px;
  width: auto;
}
section.tripex-about-sec .tripex-image-box .tripex-image.image-two {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 2;
}
section.tripex-about-sec .tripex-image-box .tripex-image.image-three {
  position: absolute;
  top: 85px;
  right: 60px;
  z-index: 1;
}
section.tripex-about-sec .tripex-image-box .tripex-award-card {
  position: relative;
  margin-left: 30px;
  z-index: 3;
  background-color:var(--primaryColor);
  padding: 20px 25px;
  border-radius: 30px;
  max-width: 300px;
}
section.tripex-about-sec .tripex-content-box .tripex-iconic-list {
  padding: 30px 0 0;
  border-top: 1px solid #EEEFEF;
}
.tripex-iconic-item .content h5 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    color: #11221C;
    font-size: 20px;
}
.tripex-award-card .icon {
    margin-bottom: 20px;
}
.tripex-award-card .icon i{
    color: var(--whiteColor);
    font-size: 50px;
}
.tripex-award-card .content h5 {
    color: var(--whiteColor);
    font-size: 22px;
}
.tripex-iconic-item .content h5 i {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--primaryColor);
    font-size: 40px;
    color: var(--whiteColor);
    margin-right: 20px;
}

section.content-inner.contactBox .map-wrapper.style-1 .item1 {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
}
section.content-inner.contactBox .form-wrapper.style-1 .form-body {
    padding: 60px 40px 70px;
    border-radius: 30px;
    margin:  0 0 70px;
}
section.content-inner.contactBox{
    background-image: url(../img/bg/map-img1.png);
}

section.content-inner.contactBox .background-blend-burn {
    background-blend-mode: color-burn;
}
section.content-inner.contactBox .bg-secondary {
    background: linear-gradient(180deg, #EAF4E6 0%, rgba(234, 244, 230, 0) 100%) !important;
    border: 1px solid #EEEFEF;
}

section.content-inner.contactBox .info-widget.style-16 {
    background-color: var(--whiteColor);
    border-radius: 20px;
    padding: 25px 30px;
    box-shadow: 0 0 50px rgb(48 38 109 / 5%);
}
section.content-inner.contactBox .icon-bx-wraper.style-1 {
    display: flex;
    gap: 15px;
    text-align: left;
}
section.content-inner.contactBox .icon-bx-wraper {
    position: relative;
}
section.content-inner.contactBox .info-widget.style-16 .row > *:not(:last-child):after{
    content: "";
    height: 100%;
    position: absolute;
    right: 50%;
    top: 0;
    width: 1px;
    background-color: #000;
    opacity: 0.1;
}
section.content-inner.contactBox .map-wrapper.style-1 {
    position: relative;
    height: 100%;
    z-index: 1;
}
section.content-inner.contactBox .map-wrapper.style-1 .blur-shape{
    position: absolute;
    z-index: -1;
    top: 80px;
    right: 30px;
}
section.content-inner.contactBox .map-wrapper.style-1 .blur-shape span{
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-color: var(--primaryColor);
    -webkit-filter: blur(100px);
    filter: blur(100px);
    display: block;
}
section.content-inner.contactBox .section-head.style-1 .title {
    font-size: 35px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 0 20px;
    color: var(--secondaryColor);
}
.floating-underline.input-light.floating-underline .form-control {
    border: none;
    border: 1px solid rgb(103 142 82 / 14%);
    color: var(--secondaryColor);
    border-radius: 0;
    margin:  0 0 20px;
    width: 100%;
    float: left;
    padding: 10px 20px;
    height: auto;
    resize: none;
}
.floating-underline.input-light.floating-underline .form-control:focus{
    outline:none;
    box-shadow: none;
    border: 1px solid var(--primaryColor);
}
 .floating-underline.input-light.floating-underline .form-control::placeholder{
    color:var(--textColor);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}
 .icon-bx-wraper.style-1 .dz-title {
    color: #30266D;
    font-size: 19px;
    margin-bottom: 5px;
}
.icon-bx-wraper.style-1 .icon-bx i{
    color: var(--whiteColor);
}
.icon-bx-wraper.style-1 .icon-bx {
    width: 60px;
    min-width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    color: var(--bs-primary);
    font-size: 24px;
    justify-content: center;
    background-color: var(--primaryColor);
    border-radius: 50%;
}
section.content-inner.contactBox .icon-bx-wraper.style-1 p{
    color: #566593;
    font-size: 15px;
    line-height: 25px;
    margin: 0;
}
input.submit{
    color: var(--whiteColor);
    background-color: var(--primaryColor);
    border-radius: 50px;
    font-weight: 600;
    font-size: 18px;
    margin:  20px 0 0;
    padding: 15px 40px;
    border: none;
}
/*===   10# Features Section CSS ===*/
.tripex-choose-sec {
  position: relative;
  z-index: 1;
}
.tripex-choose-sec .shape {
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 1199.98px) {
  .tripex-choose-sec .shape {
    display: none;
  }
}
.tripex-choose-sec .shape.shape-one {
  bottom: 90px;
  left: 85px;
}
@media (max-width: 1650px) {
  .tripex-choose-sec .shape.shape-one {
    left: 10px;
  }
}
.tripex-choose-sec .shape.shape-two {
  top: 85px;
  right: 40px;
}
.tripex-choose-sec .tripex-image-box {
  padding-left: 30px;
  margin-right: -80px;
}
@media screen and (max-width: 1199.98px) {
  .tripex-choose-sec .tripex-image-box {
    margin-right: 0;
  }
}
.tripex-choose-sec .tripex-image-box img{
    max-width: 100%;
}
.tripex-iconic-box-two .content p{
    font-size: 15px;
}


.tripex-iconic-box-two {
  background-color: var(--whiteColor);
  border: 1px solid #EEEFEF;
  border-radius: 15px;
  padding:20px;
  margin: 0 0 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tripex-iconic-box-two .content h6 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  line-height: 28px;
 margin: 10px 0;
  font-size: 20px;
  font-weight: 600;
  color: #11221C;
}
.tripex-iconic-box-two .content .imgBox {
  border-radius: 50px;
  background-color: var(--primaryColor);
  color:var(--primaryColor);
  margin-right: 20px;
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
}
.tripex-iconic-box-two .content .imgBox img{
  height: 52px;
}
.tripex-iconic-box-two:hover {
  border-color: var(--primaryColor);
  -webkit-filter: drop-shadow(10px 4px 60px rgba(115, 180, 88, 0.2));
          filter: drop-shadow(10px 4px 60px rgba(115, 180, 88, 0.2));
}


/*===== 14# CTA Section CSS ====*/
.tripex-cta-sec .cta-wrapper {
  position: relative;
  z-index: 1;
  background-color: #11221C;
  border-radius: 15px;
  padding: 40px;
  margin: 0 20px;
}
.tripex-cta-sec .cta-wrapper .shape.shape-one {
  top: 80px;
  left: 55px;
}
@media (max-width: 1650px) {
  .tripex-cta-sec .cta-wrapper .shape.shape-one {
    top: 30px;
    left: 0;
  }
}
.bg_cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
}
@media (max-width: 1399.98px) {
  .tripex-cta-sec .cta-wrapper .shape.shape-one {
    top: 30px;
    left: 20px;
  }
  .tripex-cta-sec .cta-wrapper .shape.shape-one img {
    width: 60%;
  }
}
.tripex-cta-sec .cta-wrapper .shape.shape-two {
  top: 75px;
  right: 44px;
}
.tripex-cta-sec .cta-wrapper .shape {
    position: absolute;
    z-index: -1;
}
.tripex-cta-sec .cta-wrapper .map-bg {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  float: left;
  height: 100%;
  background-size: cover;
}
@media (max-width: 1399.98px) {
  .tripex-cta-sec .tripex-content-box {
    padding-right: 30px;
  }
}
.tripex-cta-sec .tripex-content-box h2 {
  color:var(--whiteColor);
  margin-bottom: 15px;
}
@media (max-width: 1650px) {
  .tripex-cta-sec .tripex-content-box h2 {
    font-size: 50px;
  }
}
@media (max-width: 1399.98px) {
  .tripex-cta-sec .tripex-content-box h2 {
    font-size: 45px;
    line-height: 60px;
  }
}
@media screen and (max-width: 1199.98px) {
  .tripex-cta-sec .tripex-content-box h2 {
    font-size: 32px;
    line-height: 45px;
  }
}

.tripex-cta-sec .tripex-content-box p {
  color: var(--whiteColor);
  max-width: 605px;
  margin: 30px auto;
}
section.innerBanner .dz-bnr-inr.style-2 .banner-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
  }
  section.innerBanner  .dz-bnr-inr {
    min-height: 100px;
    background-size: cover;
    background-position:center;
    background-color: var(--whiteColor)5F9;
    position: relative;
    z-index: 1;
    width: 100%;
  }
  section.innerBanner  .dz-bnr-inr h1, .dz-bnr-inr .h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.3;
    color: #30266D;
    text-transform: capitalize;
    margin: 0 0 25px;
  }
  section.innerBanner  .dz-bnr-inr.style-2 .breadcrumb {
    border-radius:50px;
    background-color: var(--whiteColor);
    padding:10px 30px;
    box-shadow: 0 0 30px rgba(48, 38, 109, 0.06);
  }
  section.innerBanner .dz-bnr-inr .breadcrumb-row ul {
    margin-bottom: 0;
  }
  section.innerBanner  .breadcrumb-row ul {
    padding:0;
    display: inline-block;
  }
  section.innerBanner  .dz-bnr-inr.style-2 .breadcrumb li {
    font-weight: 400;
  }
  section.innerBanner .breadcrumb-row ul li {
    padding:0;
    margin-right: 3px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: #30266D;
    margin-right: 0;
  }
  .animate-float-bob-x {
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.animate-float-bob-y {
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

  section.innerBanner .dz-bnr-inr.style-2 .breadcrumb li {
    font-weight: 400;
  }
  section.innerBanner  .breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
  }
  section.innerBanner .breadcrumb-row ul li {
    padding:0;
    padding-left: 0px;
    margin-right: 3px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: #30266D;
    margin-right: 0;
  }

  section.innerBanner .dz-bnr-inr.style-2 .bnr-media {
    height: 500px;
    width: 500px;
    min-width: 500px;
    margin: 0 30px 80px 0;
    text-align: center;
    display: flex;
    align-items: end;
    justify-content: center;
    position: relative;
  }
  section.innerBanner  .dz-bnr-inr.style-2 .bnr-media img {
    min-width: 100%;
    position: absolute;
    top: 20%;
  }
  section.innerBanner  .dz-bnr-inr.style-2 .bnr-media::before {
    content: "";
    width: 100%;
    background: linear-gradient(to bottom, #F9669D  0%, rgba(0, 0, 0, 0) 100%);
    aspect-ratio: 1 / 1;
    position: absolute;
    border-radius:50%;
    z-index: -1;
    top: 30%;
    left: 50%;
    opacity: 0.15;
    transform: translateX(-50%);
  }
  section.innerBanner .dz-bnr-inr.style-2 .item1, section.innerBanner .dz-bnr-inr.style-2 .item2, section.innerBanner .dz-bnr-inr.style-2 .item3 {
    position: absolute;
    z-index: 9;
  }
  section.innerBanner  .dz-bnr-inr.style-2 .dz-bnr-inr-entry .dz-bnr-inr-flex {
    text-align: start;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    height: auto;
    min-height: auto;
    gap: 30px;
  }
  section.innerBanner .breadcrumb-row ul li a {
    color: #F9669D;
  }

section.mainBanner button[type="button"] {
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: var(--primaryColor);
    top: 50%;
    bottom: 100%;
    font-size: 18px;
    background-color: var(--whiteColor);
    opacity: 1;
}
section.mainBanner button[type="button"].carousel-control-prev {
    left: 20px;
}
section.mainBanner button[type="button"].carousel-control-next {
    right: 20px;
}


section.innerBanner{
    background-image: url(../img/bg/common-banner.jpg);
    background-position: center;
    background-size: cover;
    padding: 150px 0;
    position: relative;
} 
section.innerBanner .breadcrumb-wrap2 {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: -40px;
    z-index: 1;
}
section.innerBanner .breadcrumb {
    display: inline-block;
    -ms-flex-wrap: wrap;
    flex-wrap: unset;
    padding: 0;
    list-style: none;
    border-radius: 30px;
    background-color: var(--primaryColor);
    padding: 8px 30px;
    position: relative;
}
section.innerBanner .breadcrumb li.breadcrumb-item,section.innerBanner .breadcrumb li.breadcrumb-item a{
    display: inline-block;
    color: var(--whiteColor);
    font-size: 18px;
}
.breadcrumb-item+.breadcrumb-item::before{
    color: var(--whiteColor);
}
section.innerBanner h2{
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--whiteColor);
}
section.packagesInnerdetails{
  padding: 120px 0 70px;
}
section.galleryWrap .galleryGridWrap{
  display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
gap: 25px;
}
section.galleryWrap .galleryGridWrap .item {
  height: 270px;
  overflow: hidden;
  box-shadow: 20px 20px 60px 0px rgb(1 1 1 / 17%);
  background-color: var(--whiteColor);
  border-radius: 7px;
  padding: 10px;
}
section.galleryWrap .galleryGridWrap .item a,section.galleryWrap .galleryGridWrap .item img{
height: 100%;
width: 100%;
}
section.galleryWrap .galleryGridWrap .item img{
object-fit: cover;
object-position: center;
}
section.infoContact .infoBox{
    background-color: var(--primaryColor);
    padding: 25px;
    height: 100%;
    border-radius: 10px;
}
section.infoContact  .infoBox h4{
    color: var(--primaryColor);
    padding: 2px 20px;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    padding-right: 80px;
    display: inline-block;
    margin: 0 0 15px;
    background-color: var(--whiteColor);
}
section.infoContact .infoBox p,section.infoContact .infoBox a{
    color: var(--whiteColor);
    font-size: 18px;
    font-weight: 500;
}
section.infoContact .infoBox p{
    position: relative;
    padding: 5px 0 5px 30px;
}
section.infoContact  .infoBox i{
    position: absolute;
    left: 0;
    top: 9px;
    font-size: 16px;
}


section.packagesInnerdetails .detailWrap h1 i{
  color: var(--primaryColor);
  font-size: 20px;
  margin-right: 10px;
}
section.packagesInnerdetails .detailWrap h1{
  font-size: 20px;
  color: #161B18;
}
section.packagesInnerdetails .detailWrap h2,section.packagesInnerdetails .detailWrap h3{
   font-size: 25px;
   color: #161B18;
}
section.packagesInnerdetails .detailWrap .boxRate .inforate{
    display: flex;
    align-items: center;
    gap: 20px;
} 
section.packagesInnerdetails .detailWrap .boxRate .inforate li i{
  color: var(--primaryColor);
  font-size: 17px;
  margin-right: 10px;
}
section.packagesInnerdetails .detailWrap .boxRate img{
  border-radius: 20px;
}
section.packagesInnerdetails .detailWrap .boxRate li p{
  color: #161B18;
  font-size: 17px;
  margin-left: 15px;
  font-weight: 500;
}
section.packagesInnerdetails .detailWrap .boxRate li{
    font-size: 17px;
    color: #6B6F6A;
}
section.packagesInnerdetails .detailWrap .boxRate p{
    color: #161B18;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500;
}
section.packagesInnerdetails .detailWrap .boxRate ul.amenitiesWrap{
  display: flex;
  gap: 35px;
  flex-wrap: wrap;
  padding: 25px 20px;
  border: 1px dashed var(--primaryColor);
  border-radius: 10px;
}
section.packagesInnerdetails .detailWrap .boxRate ul.amenitiesWrap li i{
  color: #f16639;
  margin-right: 7px;
}
section.packagesInnerdetails .detailWrap .boxRate ul.amenitiesWrap li{
  font-size: 16px;
  color: #161B18;
  font-weight: 500;
}
section.packagesInnerdetails .detailWrap .boxRate .bgWrap{
    padding: 30px;
    background-color: #F3F8F6;
    border-radius: 10px;
    margin:  0 0 40px;
}
section.packagesInnerdetails .detailWrap .boxRate .bgWrap ul li{
    padding-left: 35px;
    margin:  0 0 10px;
    font-size: 18px;
    color: #161B18;
    font-weight: 500;
    position: relative;
}
section.packagesInnerdetails .detailWrap .boxRate .bgWrap ul li i {
  position: absolute;
  top: 5px;
  left: 0;
}
section.packagesInnerdetails .detailWrap .boxRate .bgWrap ul.information li i{
  color: var(--primaryColor);
}
section.packagesInnerdetails .detailWrap .boxRate .bgWrap ul.informationWrong li i{
  color: #f16639;
}
section.packagesInnerdetails .detailWrap .accordion .accordion-button span{
    font-size: 16px;
    font-weight: 400;
    padding: 9px 20px;
    margin-right: 15px;
    display: inline-block;
    color: var(--primaryColor);
    background: rgba(76, 160, 41, 0.2);
    border-radius: 5px;
}
section.packagesInnerdetails .detailWrap .accordion-button:not(.collapsed) span{
    color:var(--primaryColor);
    background-color: var(--whiteColor);
}
section.packagesInnerdetails .detailWrap .accordion-button:not(.collapsed) {
    color: var(--whiteColor) !important;
    background-color: var(--primaryColor);
}
section.packagesInnerdetails .detailWrap .accordion-button:not(.collapsed)::after {
    color: var(--primaryColor);
    background-color: var(--whiteColor);
}
section.packagesInnerdetails .detailWrap .accordion-button::after{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    background-size: 40px;
    background-color: var(--primaryColor);
}
.accordion-button:not(.collapsed),.accordion-button:focus{
  box-shadow: none;
}
section.packagesInnerdetails .detailWrap .accordion-item{
    margin-bottom: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryColor);
}
section.packagesInnerdetails .detailWrap .accordion-item .accordion-button{
  color: #161B18;
  font-size: 17px;
  font-weight: 700;
}
section.packagesInnerdetails .detailWrap .accordion-body {
    font-weight: 500;
    font-size: 17px;
    line-height: 1.5;
    padding: 15px 30px;
    padding-bottom: 30px;
    position: relative;
    border: 1px solid var(--primaryColor);
    z-index: 1;
    border-radius: 0 0 5px 5px;
}
section.packagesInnerdetails .detailWrap .accordion-body p{
  margin:  0;
}
section.packagesInnerdetails .form-wrapper .form-body{
  padding: 40px;
  background-color: #F3F8F6;
}
section.packagesInnerdetails .form-wrapper .section-head.style-1{
    width: 100%;
    font-weight: 700;
    padding: 14px 30px;
    text-align: center;
    background-color: var(--primaryColor);
   
}
section.packagesInnerdetails .form-wrapper .section-head.style-1 h2{
   margin:  0;
    font-size: 24px;
    color: var(--whiteColor);
}
section.packagesInnerdetails .form-wrapper  input.submit{
    border-radius: 10px;
    width: 100%;
    margin: 0;
}
.it-discover-info-subtitle {
    font-weight: 400;
    font-size: 14px;
}
.it-discover-package-title {
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    padding: 14px 30px;
    text-align: center;
    display: inline-block;
    color:var(--whiteColor);
    background-color:var(--primaryColor);
    border-radius: 5px 5px 0 0;
    margin: 0;
}
.it-discover-info-box {
    padding: 20px 30px;
    background-color: #F3F8F6;
}
.it-discover-info-item {
    margin-bottom: 5px;
}
.it-discover-info-text h5 {
    font-size: 16px;
    color: #161B18;
}
.it-discover-info-icon {
    font-size: 24px;
    color: var(--primaryColor);
    margin-right:15px;
}
section.bannerForm .it-tour-package-main .it-tour-package-location__wrapper .banner-form{
  display: flex;
  justify-content: center;
  gap: 20px;
}
section.bannerForm .it-tour-package-main .it-tour-package-location__wrapper .banner-form .it-tour-package-title {
    font-size: 16px;
    letter-spacing: -0.02em;
    color: #161B18;
}
section.bannerForm .it-tour-package-main .it-tour-package-location__wrapper .banner-form .it-tour-package-item input{
   font-weight: 400;
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid #c9c9c9;
    border-radius: 10px;
    width: 100%;
    float: left;
    min-width: 220px;
}
section.bannerForm .it-tour-package-main .it-tour-package-location__wrapper .banner-form .it-tour-package-item input:focus{
  border: 1px solid var(--primaryColor);
  outline: none;
}
section.bannerForm .it-tour-package-main .it-tour-package-location__wrapper .banner-form .it-tour-package-button input.submit{
    color: var(--whiteColor);
    background-color: var(--primaryColor);
    padding:6px 10px;
    border-radius: 6px;
    
}
section.bannerForm .it-tour-package-main .it-tour-package-location__wrapper .banner-form .it-tour-package-item i{
  margin-right: 3px;
}
section.bannerForm .it-tour-package-main .it-tour-package-wrap{
    padding: 30px;
   }
  footer {
    position: relative;
    z-index: 0;
    overflow: hidden;
  }
footer .footer-bg{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 5000%;
    height: 35%;
    background-repeat: repeat-x;
    background-size: contain;
    -webkit-animation: translateBg 40s linear infinite;
    animation: translateBg 40s linear infinite;
    opacity: 0.05;
}
/* Translate 3D Animation */
@-webkit-keyframes translateBg {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-2250px, 0, 0);
            transform: translate3d(-2250px, 0, 0);
  }
}
@keyframes translateBg {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-2250px, 0, 0);
            transform: translate3d(-2250px, 0, 0);
  }
}

footer .footerTop{
    background-color: #161616;
    padding: 90px 0;
}
footer .footerTop .footerWidgets img{
    height: 90px;
    margin:  0 0 20px;
}




section.locationBox h2{
    color: var(--whiteColor);
    font-size: 60px;
    font-weight: 500;
}

section.locationBox p{
    color: var(--whiteColor);
    font-size: 1.25rem;
    line-height: 30px;
}
section.locationBox .contentVideo p{
    color: var(--whiteColor);
    font-size: 22px;
}
section.locationBox .locationBg{
    background-color: rgb(0 0 0 / 40%);
    border-radius: 50px;
    padding: 120px 0 90px;
}

section.locationBox .contentVideo h3{
    color: var(--whiteColor);
    font-size: 38px;
    font-weight: 500;
    line-height: 58px;
}
section.locationBox{
    background-image: url(../img/bg/location-bg.avif);
    background-position: center;
    background-size: cover;
    border-radius: 50px;
    padding: 100px 0;
}

section.locationBox .boxInfo{
    display: flex;
    flex-wrap: wrap;
    position: static;
    gap: 1rem;
    align-items: center;
    justify-content: center;
}
section.locationBox .boxInfo .columnBox{
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: 9999px;
    background-color: rgb(0 0 0 / 30%);
    padding: 0.5rem;
}
section.locationBox .boxInfo .columnBox .icon{
    width: 60px;
    height: 60px;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--whiteColor);
}
section.locationBox .boxInfo .columnBox .icon i{
    color: var(--secondaryColor);
    font-size: 1.875rem;
}
section.locationBox .boxInfo .columnBox h6{
    font-size: 22px;
    color: var(--whiteColor);
    font-weight: 400;
}
section.counterBox .counterWrapper{
  display: grid;
  grid-template-columns: repeat(4 ,1fr);
  grid-template-rows: 1fr;
  margin: 0 20px;
  border-radius: 15px;
  overflow: hidden;
}
section.counterBox .counterWrapper .locate{
  padding: 30px 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color:#EAF4E6;
  border-right: 1px solid rgb(186 211 173 / 29%);
}
section.counterBox .counterWrapper .locate h4{
    font-size: 18px;
    color: #354d29;
    margin: 0;
    text-align: center;
    font-weight: 500;
}
section.counterBox .counterWrapper .locate h4 span{
    font-size: 45px;
    color: #000000;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}


section.counterBox .counterWrapper .locate i{
  font-size: 40px;
  margin:  0 0 20px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  border-radius: 50px;
  text-align: center;
  background-color: var(--whiteColor);
  color: var(--secondaryColor);
}






footer .footerTop .footerWidgets h2{
    color: #ebebe9;
    margin:  0 0 40px;
}
footer .footerTop .footerWidgets p{
    color: #ebebe9;
    font-weight: 400;
    font-size: 15px;
}
footer .footerTop .footerWidgets ul.info li{
    position: relative;
    padding-left: 70px;
    line-height: 1.8;
    color:#ebebe9;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
}
footer .footerTop .footerWidgets ul.info li a{
    color: var(--whiteColor);
    font-size: 14px;
    font-weight: 400;
}
footer .footerTop .footerWidgets ul.info li i{
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 1.125rem;
    background-color: var(--primaryColor);
    color: var(--whiteColor);
    height: 50px;
    width: 50px;
    line-height: 48px;
    text-align: center;
    border-radius: 50px;
    margin-right: 30px;
}
footer .footerTop .footerWidgets ul.info li span{
    display: block;
    color: rgba(255, 255, 255, 0.6392156863);
    font-size: 16px;
}
footer .footerTop .footerWidgets ul.infoList li a{
    color: var(--whiteColor);
    font-size: 15px;
    font-weight: 600;
    margin:  0 0 20px;
}
footer .footerTop .footerWidgets h3{
    color: var(--whiteColor);
    font-weight: 600;
    margin: 0 0 25px;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: underline;
}
footer .footerTop .footerWidgets ul.social_links{
    display: flex;
    gap: 20px;
}
footer .footerTop .footerWidgets ul.social_links li a{
    background-color: #000;
    border: 1px solid var(--whiteColor);
    height: 50px;
    width: 50px;
    line-height: 48px;
    text-align: center;
    border-radius: 50px;
    color: var(--whiteColor);
    font-size: 18px;
    transition: .4s ease;
}
footer .footerTop .footerWidgets ul.social_links li:hover a:hover{
  background-color: var(--primaryColor);
  border: 1px solid var(--primaryColor);
}
footer .footerTop .footerWidgets ul.social_links li img{
    height: 19px;
}
footer .footerBottom{
    background-color: #161B18;
}
footer .footerBottom .borderBox{
    background-color: #2D322F;
    padding: 25px 20px;
}
footer .footerBottom p{
    color: #ebebe9;
    font-weight: 400;
    margin: 0;
}
footer .footerBottom p a{
    color: var(--primaryColor);
}
@media screen and (max-width: 991px){
  header .headerInner .navbar-toggler:focus{
    box-shadow: none;
  }
  header .headerTopBar ul.socialIcons{
      display: none;
  }
  section.galleryWrap .galleryGridWrap{
    grid-template-columns: repeat(2, 1fr);
  }
  .tripex-cta-sec .tripex-content-box {
    margin-bottom: 40px;
    padding-right: 0;
  }
  section.bannerForm .it-tour-package-main .it-tour-package-location__wrapper .banner-form{
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  section.bestPackage .packageGrid .tripFacilities{
    top: 65%;
    right: 26%;
  }
  section.tripex-about-sec .tripex-image-box{
    margin: 40px 0 0;
  }
  section.counterBox .counterWrapper{
    grid-template-columns: repeat(2, 1fr);
  }
  section.counterBox .counterWrapper .locate{
      height: auto;
      margin: 10px;
      border: 1px solid rgb(103 142 82 / 29%);
  }
  footer .footerTop .footerWidgets ul.social_links{
    margin: 20px 0;
  }
      header .headerInner .headerTop nav.navbar a.navbar-brand img{
      height: 75px;
    }
    header .headerInner .headerTop nav.navbar{
      justify-content: space-around;
      padding: 0;
    }
    header .headerTopBar > .container{
      flex-direction: column;
      gap: 10px;
    }
    header .headerInner .headerTop a.commonBtn{
      display: none;
    }
    header .headerInner .headerTop .navbar-toggler{
      width: 50px;
      height: 50px;
      font-size: 22px;
      line-height: 1;
      color: var(--whiteColor);
      background-color: var(--primaryColor);
    }
    header .headerInner .headerTop .navbar ul.navbar-nav{
      align-items: start !important;
      gap: 0 !important;
    }
    
  section.infoContact .infoBox{
      height: auto;
      margin: 0 0 15px;
  }
}

@media screen and (max-width: 767px){
    .btnVInfoBox{
      top: auto;
      bottom: 0;
      transform: none;
      width: 100%;
      left: 0;
    }
    section.tripex-about-sec p{
      font-size: 16px;
    }
    .btnVInfoBox a{
      flex: 0 50%;
      font-size: 14px;
      padding: 10px;
      text-align: center;
    }
    section.tripex-about-sec .tripex-image-box {
      text-align: center;
    }
    section{
      padding: 30px 0;
    }
    .contentTitle h2{
      font-size: 22px;
      line-height: 30px;
      font-weight: 700;
    }
    section.tripex-about-sec .tripex-image-box .tripex-award-card{
      margin: 0 auto;
    }
    h2{
      font-size: 26px;
    }
    section.bestPackage .packageGrid .tripFacilities{
      top: 35%;
      right: 15%;
    }
    section.bestPackage .packageGrid .packImg img{
      height: 250px;
      margin:  0 0 15px;
    }
    .tripex-cta-sec .cta-wrapper{
      padding: 30px 10px 0;
    }
    .tripex-cta-sec .cta-wrapper .shape.shape-two{
      top: 265px;
    }
    .tripex-cta-sec .cta-wrapper .shape.shape-one{
      left: 10px;
    }
    footer .footerTop .footerWidgets h3{
      margin: 15px 0;
    }
    section.counterBox .counterWrapper{
      grid-template-columns: 1fr;
    }
    footer .footerTop{
      padding: 50px 0;
    }
    section.mainBanner button[type="button"]{
      display: none;
    }
    .tripex-cta-sec .tripex-content-box h2 {
    font-size: 24px;
    line-height: 35px;
  }
  .tripex-iconic-item{
    display: none;
  }
  section.tripex-about-sec a.primaryBtn{
    margin:  0 !important;
  }
  section.tripex-about-sec .tripex-image-box .tripex-image.image-two{
    display: none;
  }
  section.bestPackage .packageGrid .packagePrice a{
    width: 100%;
    font-size: 16px !important;
    text-align: center;
  }
  section.bestPackage .packageGrid .packagePrice{
    float: inherit;
  }
  .tripex-choose-sec .tripex-image-box img{
    display: none;
  }
  section.bestPackage .packageGrid .packagePrice .tour-footer p{
    display: none;
  }
  section.bestPackage .packageGrid .packagePrice span{
    font-size:  25px;
  }
  section.bestPackage .packageGrid .content h4{
    font-size: 17px;
  }
  section.bestPackage .packageGrid .packagePrice span.offer{
    margin:  0 0 12px;
  }
  section.bestPackage .packageGrid .content ul.contentlist{
    margin: 6px 0;
  }
  section.tripex-about-sec .tripex-image-box .tripex-image.image-one img{
     border-radius: 70px 0 70px 0;
     width: 100%;
     object-fit: cover;
     object-position: center;
     height: 380px;
    margin: 15px 0;
  }
  section.bestPackage .packageGrid .packagePrice .wtsapp a.theme-btn1 i{
    margin-right: 4px;
  }
  section.bestPackage .shape.shape-four,section.bestPackage .shape.shape-five{
    display: none;
  }
  section.mainBanner .carousel-inner img{
    height: 100px;
  }
  section.innerBanner{
    padding: 70px 0;
  }
  section.innerBanner .breadcrumb{
    padding: 8px 16px;
    margin:  0 0 30px;
  }
  section.bestPackage .packageGrid .content h3{
    font-size: 16px;
    margin: 20px 0 10px;
  }
  section.galleryWrap .galleryGridWrap{
      grid-template-columns: 1fr;
  }
  section.bestPackage .packageGrid .btnBox a.primaryBtn{
      margin: 10px 0;
  }
  section.packagesInnerdetails .detailWrap h1{
      font-size: 17px;
  }
  section.packagesInnerdetails .detailWrap .boxRate .bgWrap ul li{
      font-size: 15px;
  }
  section.packagesInnerdetails .detailWrap h2, section.packagesInnerdetails .detailWrap h3{
      font-size: 15px;
  }
  section.innerBanner .breadcrumb li.breadcrumb-item, section.innerBanner .breadcrumb li.breadcrumb-item a{
    font-size: 14px;
  }
  section.bannerForm .it-tour-package-main .it-tour-package-location__wrapper .banner-form{
    display: block;
  }
  section.bannerForm .it-tour-package-main .it-tour-package-location__wrapper .it-tour-package-item .it-tour-package-text{
    margin:  0 0 60px;
  }
   
   section.bannerForm .it-tour-package-main .it-tour-package-location__wrapper .banner-form .it-tour-package-button input.submit{
    margin: 0;
   }
   .tripex-iconic-box-two .content .imgBox{
    margin:  0 auto;
   }
   .tripex-iconic-box-two{
    text-align: center;
   }
   footer .footer-bg{
    height: 15%;
   }
}