.container,
.container-fluid,
.row>* {
   padding-left: calc(var(--bs-gutter-x)*.5);
   padding-right: calc(var(--bs-gutter-x)*.5);
   width: 100%
}

.img-fluid,
.row>*,
figure {
   max-width: 100%
}

.row,
[class*=flex] {
   display: flex
}

.mb-0 {
   margin-bottom: 0 !important
}

.mb-10 {
   margin-bottom: 10px;
}

.mb-20 {
   margin-bottom: 25px;
}

.mt-3 {
   margin-top: 35px !important
}

.mt-5 {
   margin-top: 60px !important;
}

.container,
.container-fluid {
   margin-left: auto;
   margin-right: auto
}

.container,
.container-fluid,
.row {
   --bs-gutter-x: 1.5rem;
   --bs-gutter-y: 0
}

.row {
   flex-wrap: wrap;
   margin-left: calc(var(--bs-gutter-x)*-.5);
   margin-right: calc(var(--bs-gutter-x)*-.5);
   margin-top: calc(var(--bs-gutter-y)*-1)
}

.counter-w-img,
.flex-column {
   flex-direction: column
}

.row>* {
   box-sizing: border-box;
   flex-shrink: 0;
   margin-top: var(--bs-gutter-y)
}

p {
   margin-bottom: 1rem
}

img,
svg {
   vertical-align: middle
}

.img-fluid {
   height: auto
}

[class*=btn],
[role=button],
button {
   cursor: pointer
}

.img-placeholder {
   aspect-ratio: 16/9;
}

.mt-40 {
   margin-top: 40px
}

ol,
ul {
   padding-left: 1rem
}

.row-gap-2 {
   row-gap: 20px
}

.row-gap {
   row-gap: 30px
}

.align-center,
.align-items-center,
.companies-sec,
[class*=flex] {
   align-items: center;
}

.flex-between,
.justify-between,
.justify-content-between {
   justify-content: space-between
}

.justify-content-center {
   justify-content: center
}

.flex-gap {
   gap: 20px
}

.flex-wrap {
   flex-wrap: wrap
}

[class*=grid] {
   align-items: center;
   display: grid;
   gap: 20px
}

.topbar{
      padding: 15px 0;
      position: relative;
      z-index: 99;
   }

    .topbar .flex-top-mail{
      gap: 8px;
    }

    .topbar ul{
      list-style: none;
      gap: 25px;
      padding-left: 2.5rem;
    }

/* //.header----start// */

.bwe-service-logo img {
   height: 40px;
   width: auto;
}

.header {
   display: flex;
   height: 70px;
   position: sticky;
   z-index: 99;
   top: -1px;
}

.header nav ul {
   align-items: center;
   display: flex;
   gap: 30px;
   list-style: none
}

.header ul .dropdown ul {
   display: block;
   margin: 0;
   padding: 10px;
   position: absolute;
   transform: scale(1, 0);
   transform-origin: 0 0;
   visibility: hidden;
   z-index: 99
}

.header ul .dropdown ul li {
   min-width: 170px;
   padding: 2px 10px
}

.header nav ul li {
   padding-block: 22px
}

.dropdown {
   position: relative;
}

.header .search-input {
   height: 65px;
   justify-content: center;
   position: absolute;
   right: 0;
   transform: translateY(-279px);
   width: 100%;
   z-index: 1
}

.header .search-input form input {
   width: 100%
}

.header .search-show {
   transform: translateY(15px);
}

.header .search-input form {
   width: 85%;
}

[class^=btn] {
   display: inline-block;
   padding: 12px 20px;
   width: fit-content
}

[class^=btn] svg {
   fill: #fff;
}

[class^=btn] svg:not(:where(.header :is(.header-call-btn, .search-btn) svg)) {
   margin-left: 5px;
}

.show-ul {
   overflow-y: auto !important;
   transform: translate(0) !important
}

.doc-overlay {
   bottom: 0;
   height: 100vh;
   opacity: .5;
   position: fixed;
   top: 0;
   width: 100vw;
   z-index: 2
}

.cancel-btn,
.slider-wrapper .image-list::-webkit-scrollbar,
.toggle-slide-btn {
   display: none
}

/* //header----end// */

.hero-header{
    background: url(https://tripvert.com/wp-content/uploads/2025/05/hero-banner.webp) no-repeat;
     width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    padding-block: 200px 30px;
    margin-top: -150px;
    /* z-index: -1; */
    position: relative;
}

/* .masonry-galry {
   padding-top: 450px !important;
} */

.sep .h1 {
   margin-bottom: 10px;
}

.sep {
   margin-bottom: 30px;
}

/* //footer-start */

.footer {
   background: #1c2a52;
   height: 100%;
   margin-top: 70px;
}

.footer .grid-2 {
   gap: 0;
   grid-template-columns: 30% auto;
}

.grid-2 .footer-lh-img {
   background: url(https://tripvert.com/wp-content/uploads/2025/06/footer-imgs.webp) bottom center / cover no-repeat;
   width: 100%;
   height: 100%;
}

.footer .footer-main-wrap {
   padding: 50px 50px 20px;
}

.footer form {
   width: 100%;
   display: inline-flex;
   gap: 10px;
   margin-bottom: 20px;
}

.footer form input {
   width: 100%;
   padding: 10px;
}

.footer .footer-links ul {
   list-style: none;
   padding-left: 0;
   display: grid;
   gap: 15px;
   margin-top: 20px
}

.grid-3 {
   grid-template-columns: auto auto auto;
}

.footer .info-col {
   display: flex;
   align-items: center;
   gap: 10px;
   flex-wrap: wrap;
   margin-top: 25px;
}

.footer .info-col span {
   padding: 8px;
   height: 40px;
   width: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.footer .copyright {
   color: var(--white);
   margin-top: 50px;
   padding-top: 20px;
   border-top: 1px solid #ffe1e13d;
   display: flex;
   gap: 20px;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
}

.social-media {
   list-style: none;
   display: flex;
   align-items: center;
   gap: 10px;
   padding-left: 0;
}

.social-media li a {
   height: 35px;
   width: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
}

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

.sec-space {
   margin-top: clamp(2.5rem, 1.1607rem + 3.5714vw, 4.375rem)
}

.blog-card {
   display: flex;
   flex-flow: column;
   gap: 20px;
   height: 100%;
}

.box-content,
.card-content {
   display: flex;
   flex: 1;
   flex-direction: column;
   gap: 16px;
}

.card-content :is(.title-h, p) {
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   display: -webkit-box !important;
   overflow: hidden;
   text-overflow: ellipsis;
}

.card-content p {
   margin-bottom: 0
}

.dt {
   gap: 5px;
}

.link a {
   position: relative;
}

.link a:before {
   bottom: -3px;
   content: "";
   height: 1px;
   left: 0;
   position: absolute;
   width: 100%
}

.sponserLogos .swiper-slide img {
   height: 80px;
   object-fit: contain;
   width: 100%;
   padding: 20px;
}

.dest-card {
   padding: 15px;
   display: grid;
   place-items: center;
   gap: 10px;
   height: 100%;
   text-align: center
}

.dest-card img {
   height: 70px;
   width: 70px;
   object-fit: contain;
   transition: all .4s ease-in;
}

.masonry-galry {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 20px;
/*    margin-top: 50px; */
   align-items: center;
}

.masonry-galry div {
   display: flex;
   flex-direction: column;
   gap: 20px;
   position: relative;
}

.masonry-galry div .gallery-ttl {
   position: absolute;
   bottom: 0;
}

.top-dest-con {
   grid-template-columns: repeat(6, 1fr);
   margin-top: 20px
}

.top-dest-con img {
   height: 300px;
   object-fit: cover
}

.flex-travel-esntl-col {
   justify-content: center;
   align-items: center;
   aspect-ratio: 1/1;
   width: 100%;
   max-width: 300px;
   margin: 0 auto;
}

.flex-travel-esntl-col img {
   max-height: 66%;
   max-width: 66%;
   object-fit: contain;
   cursor: unset;
}

.newsletter-overlay {
   position: fixed;
   inset: 0;
   background: #000000e3;
   opacity: 0;
   z-index: 999;
   transition: opacity 0.3s ease;
   pointer-events: none;
   visibility: hidden;
}

.pop-newsletter {
   max-width: 800px;
   width: 100%;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, calc(-50% - 100px));
   opacity: 0;
   z-index: 1000;
   overflow: hidden;
   visibility: hidden;
}

.pop-newsletter.active,
.newsletter-overlay.active {
   opacity: 1;
   pointer-events: auto;
   visibility: visible;
}

.pop-newsletter.active {
   transform: translate(-50%, -50%);
}

.pop-newsletter .newsltr-content {
   padding: 35px 20px;
}

.pop-newsletter .newsltr-content p {
   margin-bottom: 0
}

.pop-newsletter .newsltr-content .flex-newsltr-list {
   gap: 8px;
   margin-top: 10px;
}

.pop-newsletter .newsltr-content form {
   display: flex;
   flex-flow: column;
   margin-top: 20px;
   position: relative;
}

.pop-newsletter .newsltr-content form input {
   padding: 10px;
   position: relative;
}

.pop-newsletter .newsltr-content form button {
   padding: 10px;
   position: absolute;
   right: 0;
   top: 0;
   height: 47px;
   width: 47px;
}

.flex-cancel-newsletter {
   height: 35px;
   width: 35px;
   justify-content: center;
   right: -5px;
   position: absolute;
   z-index: 9999;
   top: -2px;
   cursor: pointer;
}

.blog-header {
    padding-block: clamp(1.875rem, 1.4286rem + 1.1905vw, 2.5rem);
    margin-bottom: 25px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin-top: -130px;
}

.single-page-hero .container{
    padding-block: 150px 30px;
}

.blog-header img {
   position: absolute;
   object-fit: contain;
   opacity: .4;
   z-index: -1;
}

.blog-header .hero-lh-img {
   height: 150px;
   width: 130px;
   inset: 50px;
}

.blog-header .hero-rh-img {
   right: 50px;
   height: 250px;
   width: 250px;
   bottom: -100px;
}

.blog-c-card .img-placeholder {
   height: unset !important
}

.blog-c-card .ath-nm {
   margin-top: auto;
}

.flex-col-ath-single-summary,
.flex-col-single-post-content {
   align-items: unset;
}

.flex-single-ath-profile {
   gap: 15px;
   margin-bottom: 20px
}

.flex-single-ath-profile img {
   height: 70px;
   width: 70px;
}

.author main p {
   margin-bottom: 10px
}

.auth-social-follow ul {
   list-style: none;
   flex-flow: row !important;
   padding-left: 0 !important
}

:is(.author main, .all-page) :is(ul, ol){
   display: flex;
   flex-flow: column;
   gap: 10px;
   margin-bottom: 20px;
}

.flex-col-error-wrap {
   gap: 15px;
}

.err-container .flex-col-error-wrap img {
   height: 300px;
   width: auto;
   object-fit: contain;
}

.single-post-content-container .flex-timeline-card {
   justify-content: center;
   margin-top: 20px;
   gap: 15px;
   white-space: nowrap;
   flex-wrap:wrap;
}

.all-page :is(h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6){
   margin-block: 10px 15px !important;
}

.all-page figure{
	margin-block:15px
}

.flex-col-single-ath-card {
   padding: 20px;
   flex-direction: column;
   gap: 20px;
   height: 100%
}

.flex-col-single-ath-card img {
   height: 80px;
   width: 80px;
   object-fit: scale-down;
}

.contact-form :is(input, textarea, select) {
   padding: 5px 30px 5px 5px;
   position: relative;
   width: 100%;
}

.contact-info-col .info-col {
   align-items: unset;
   gap: 5px;
}

.header-call-btn {
   height: 40px;
   padding: 0;
   width: 40px;
   display: flex !important;
   align-items: center;
   justify-content: center;
}

.header .search-form .search-btn {
   background: var(--light-pc);
   height: 40px;
   padding: 0;
   width: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
}

.col-6 {
   flex: 0 0 auto;
   width: 50%
}

@media (min-width:576px) {
   .flex-md-row {
      flex-direction: row
   }

   .container {
      max-width: 540px
   }
}

@media (min-width:768px) {
   .container {
      max-width: 720px
   }

   .col-md-6 {
      flex: 0 0 auto;
      width: 50%
   }

   .col-md-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
   }
}

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

   .col-lg-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
   }

   .col-lg-3 {
      flex: 0 0 auto;
      width: 25%
   }

   .col-lg-4 {
      flex: 0 0 auto;
      width: 33.33333333%
   }

   .col-lg-5 {
      flex: 0 0 auto;
      width: 41.66666667%
   }

   .col-lg-6 {
      flex: 0 0 auto;
      width: 50%
   }

   .col-lg-7 {
      flex: 0 0 auto;
      width: 58.33333333%
   }

   .col-lg-8 {
      flex: 0 0 auto;
      width: 66.66666667%
   }

   .col-lg-9 {
      flex: 0 0 auto;
      width: 75%
   }

   .col-lg-12 {
      flex: 0 0 auto;
      width: 100%;
   }
}

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

   .col-xl-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
   }

   .col-xl-12 {
      flex: 0 0 auto;
      width: 100%;
   }
}

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

@media (min-width:1400px) {
   .container {
      max-width: 1320px
   }
}

 .search-form-inner .flex-hero-form .search-field select{
        -moz-appearance: none;
        appearance: none;
    }

    .search-form-inner .flex-hero-form .search-field .select-dropdown{
        position: relative;
    }

    .search-form-inner .flex-hero-form .search-field .select-dropdown:after{
        content: '';
        position: absolute;
        right: -20px;
        bottom: -8px;
        transform: translateY(-50%);
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="dropdown-icon"><path d="m6 9 6 6 6-6"></path></svg>') no-repeat;
        height: 20px;
        width: 20px;
    }

.custom-date-input::-webkit-calendar-picker-indicator {
  display: none;
}

 .stats-container {
        position: relative;
        padding-top: 50px;
    }

    .stats-col .stats-icn{
        height: 80px;
        width: 80px;
        background: var(--light-pc);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }

.stats-container .stats-col .stats-icn img{
   width:auto;
   height:45px
}

 .flex-abt-img,
    .abt-container{
        position: relative;
    }

    .flex-abt-img img{
        width: auto;
    }

    .flex-abt-img img:first-child{
        height: 450px;
    }

    .flex-abt-img img:last-child{
        height: 350px;
        position: absolute;
        right: 100px;
        bottom: 0px;
    }

.list-grid-2{
        grid-template-columns: auto auto;
        column-gap: 50px;
        margin-bottom: 25px;
    }


    .content-card{
        padding: 30px;
        display: grid;
        gap: 15px;
        position: relative;
        overflow: hidden;
        z-index: 0;
    }

    .small-card{
        display: grid;
        gap: 15px;
        padding: 25px;
        position: relative;
    }

    .card-icon{
        height: 100px;
        width: 100px;
        justify-content: center;
    }

    .card-icon img{
        height: 60px;
        width: 60px;
        object-fit: contain;
    }


         .rotation-card {
    display: grid;
    overflow: unset;
    padding: 0;
    gap: 0;
    position: relative;
}


    .rotation-card .content-col{
        position: relative;
        padding: 35px 25px;
    }

.rotation-card .img-holder img{
        height: 230px;
    width: 100%;
    border-radius: 10px 10px 0 0;
    object-fit: cover;
}

.guide__book{
      position: relative;
      height: 100%;
   }

   .guide__book a{
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
	   text-align: center;
}