@font-face {
     font-family: 'Segoe UI';
     src: url('SegoeUI-Bold.woff2') format('woff2'), url('SegoeUI-Bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Segoe UI Emoji';
     src: url('SegoeUIEmoji.woff2') format('woff2'), url('SegoeUIEmoji.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}

section
{
    overflow-x: hidden;
        overflow: hidden;

}
.bg-green-theme
{
    background-color: var(--trevlo-base, #7abd4a);
}

.bg-theme-light
{
        background: #c1f7987d;
}
.plr-15
{
    padding-left: 15px;
    padding-right: 15px;
}
.pl-0
{
    padding-left: 0;
}
.pd-20
{
    padding: 20px;
}
.fw-300
{
    font-weight: 300;
}
 .f-16 {
     font-size: 16px;
}

 .f-18 {
     font-size: 18px;
}

 .f-48 {
     font-size: 48px;
}
.ptb-40
{
    padding-bottom: 40px;
    padding-top: 40px;
}
.pt-40{padding-top: 40px;}
 .b-radius-0 {
     border-radius: 0px;
}
 .bg-gray-light {
     background: #f9fafb  !important;
}
 .pb-80 {
     padding-bottom: 80px;
}
.pl-45
{
    padding-left: 45px;
}
.bordetr-gray-top-1
{
    border-top: 1px solid #dadada61;
}
.pd-10
{
    padding: 10px;
}

.ptb-20
{
    padding-bottom: 20px;
    padding-top: 20px;
}
.ptb-30
{
     padding-bottom: 30px;
    padding-top: 30px; 
}
 .h-100vh {
     height: 100vh;
}
 .plr-15 {
     padding-left: 15px;
     padding-right: 15px;
}
 .b-radius-12 {
     border-radius: 12px;
}

.b-radius-24 {
     border-radius: 24px;
}
 .ml-8 {
     margin-left: 8px;
}
 .pt-80 {
     padding-top: 80px;
}
 .font-weight-600 {
     font-weight: 600 !IMPORTANT;
}
 .mt-40 {
     margin-top:40px;
}
 .ml-4 {
     margin-left:4px;
}
 .pl-25 {
     padding-left: 25px;
}
 .service .fw-bold {
     font-weight: 700 !important;
}
 .p-pd-0 {
     padding:0px;
}

.pt-50
{
    padding-top: 50px;
}
 body {
     font-family: 'Segoe UI';
     color: #000;
     margin: 0;
     padding: 0;
     overflow-x: hidden;
}
 .bg-white-sadow {
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.bg-gray-white-graduien
{
    background-image: linear-gradient(175deg, #f4faf8 30%, #ffffff 100%) !important;
}
 .ptb-90 {
     padding-bottom: 90px;
     padding-top: 90px;
}
 .ptb-50 {
     padding-bottom: 50px;
     padding-top: 50px;
}
 .ptb-60 {
     padding-bottom: 60px;
     padding-top: 60px;
}

 .ptb-70 {
     padding-bottom: 70px;
     padding-top: 70px;
}
 .ptb-80 {
     padding-bottom: 80px;
     padding-top: 80px;
}
 .bg-light-gray {
     background: #f9fafb;
}
 .ptb-160 {
     padding-bottom: 160px;
     padding-top:160px;
}
 .pb-50 {
     padding-bottom: 50px;
}

 .pb-60 {
     padding-bottom: 60px;
}
 .f-20 {
     font-size: 20px;
}
.mt-50
{
    margin-top: 50px;
}
.mb-80
{
    margin-bottom: 80px;
}
.bordet-top-4
{
    border-top: 4px solid #7abd4a;
}
.service-tittle-2
{
            font-size: 4.5rem;
        line-height: 1;
}


.pd-32
{
    padding: 32px;
}
.tittle-pera-2
{
    font-size: 24px;
    color: #555f6c;
}
.centet-tb
{
   
    display: flex;
    justify-content: center; /* horizontal centering */
    align-items: center;     /* vertical centering */
    text-align: center;      /* center text inside */
}
/* media css */
@media (min-width: 320px) and (max-width: 767px) {
     .h-100vh {
         height: auto;
    }
     .md-ptb-60 {
         padding-bottom: 60px;
         padding-top: 60px;
    }
    .service-tittle-2
    {
    font-size: 2.5rem;
  
    }

}
@media (min-width: 768px) and (max-width: 1024px) {
     .h-100vh {
         height: auto;
    }
    .md-ptb-60 {
         padding-bottom: 60px;
         padding-top: 60px;
    }
    .service-tittle-2 {
    font-size: 2.5rem;
    line-height: 1;
}

}
/* Hero Section */
 .hero-section-3 {
    background-image: linear-gradient(#65a338e8, #65a338e8), url(https://globaltravelpartners.travel/assets/images/What-we-do-bg.jpg);
    background-size: cover;
    background-position: center;
    color: #fff;
    text-align: center;
    min-height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 20px;

}
 .hero-section-3 h1 {
     font-size: 3.75rem;
     line-height: 1; overflow: hidden;
     font-weight: 700;
}
 .hero-section-3 p {
     margin: 20px auto 20px;
     color: #e7f5f1;
     font-weight: normal;
}
 .hero-section-3 .btn {
     background: #fff;
     color: #5ba029;
     border-radius: .5rem;
     padding: 13px 30px;
     transition: 0.3s ease;
     font-weight: 600;
     font-size: 1.125rem;
     line-height: 1.75rem;
}
 .hero-section-3 .btn:hover {
     background: #f3f4f6;
}
/* 3 */



 .hero-section-4 {
    background-image: linear-gradient(#00000047, #00000047), url(https://globaltravelpartners.travel/assets/images/bg-13.jpg);
    background-size: cover;
    background-position: center;
    color: #fff;
    text-align: center;
    min-height: 90vh;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 20px;

}
 .hero-section-4 h1 {
     font-size: 3.75rem;
     line-height: 1;
     font-weight: 700;
     overflow: hidden;
}
 .hero-section-4 p {
     margin: 20px auto 20px;
     color: #e7f5f1;
     font-weight: normal;
}
 .hero-section-4 .btn {
     background: #7abd4a;
     color: #fff;
     border-radius: .5rem;
     padding: 13px 30px;
     transition: 0.3s ease;
     font-weight: 600;
     font-size: 1.125rem;
     line-height: 1.75rem;
}
 .hero-section-4 .btn:hover {
     background: #64a138;
}
@media (min-width: 320px) and (max-width: 767px) {
.hero-section-4 h1
{
   font-size: 35px;
}
.hero-section-4 h1 br{display: none;}
.hero-section-4
{
             padding: 54px 20px;
        min-height: auto;
}
}

/* ✅ Responsive Adjustments */
@media (min-width: 320px) and (max-width: 767px) {
     .hero-section-3 {
         padding: 61px 0px;
         min-height: auto;
    }
     .hero-section-3 h1 {
         line-height: 35px;
         font-size: 2rem;
         color: #fff;
    }
     .hero-section-3 p {
         line-height: 1.625;
         font-size: 1.25rem;
    }
     .hero-section-3 p br {
         display: none;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
     .hero-section-3 {
         padding: 61px 0px;
         min-height: auto;
    }
  
     .hero-section-3 p {
         line-height: 1.625;
         font-size: 1.25rem;
    }
     .hero-section-3 p br {
         display: none;
    }
}
/* Services Section */
 .services-section {
     background: #f9fafb;
     padding-top: 5rem;
     color:#4b5563;
     padding-bottom: 2rem;
}
 .service-tabs .nav-link {
     border-radius: 25px;
     margin: 5px;
     background: #fff;
     transition-duration: .3s;
     color: #4b5563;
     padding-top: .75rem;
     padding-bottom: .75rem;
     padding-left: 1.5rem;
     padding-right: 1.5rem;
     font-weight: 500;
}
 .service-tabs .nav-link:hover {
     background:#ecfdf5;
}
 .service-card {
     background: #fff;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
     padding:0px;
     margin-top: 40px;
}
 .service-tittle {
     font-size: 2.25rem;
     line-height: 2.5rem;
}
 .service-tittle-pera {
     font-size: 1.25rem;
     line-height: 1.75rem;
}
 .mb-60 {
     margin-bottom: 60px;
}
 #services-section .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
     background-color: #7abd4a;
     border-color: #7abd4a;
     color:#fff;
     transition-duration: .3s;
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
     padding-top: .75rem;
     padding-bottom: .75rem;
     padding-left: 1.5rem;
     padding-right: 1.5rem;
}
 .service-tabs .nav-link.active:hover {
     background:#7abd4a;
}
 .management-details h4 {
     font-size: 1.875rem;
     line-height: 2.25rem;
     color:#000;
}
 .management-details p {
     line-height: 1.625;
     font-size: 1.125rem;
     color:#4b5563;
}
 .management-details ul li {
     margin-bottom: 20px;
     align-items: flex-start;
     display: flex;
     color: #4b5563;
     font-size: 16px;
}
 .management-details ul li span {
     margin-top: 7px;
     padding-right: 10px;
     font-size: 15px;
}
 .management-details ul {
     padding: 0;
}
 .text-green-primary {
     color:#7abd4a;
}

.text-gray-primary {
     color:#555f6c;
}

 .bg-green-primary {
     background:#7abd4a;
}
 .btn-learn-more {
     color: #fff;
     border-radius: .5rem;
     padding: 13px 30px;
     font-size: 1.125rem;
     text-decoration: none;
     font-size: 16px;
     line-height: 1.75rem;
}
.service-box-icon {
     width: 4rem;
     height: 4rem;
     border-radius: 1rem;
     background: #000;
     color: #fff;
     text-align: center;
     font-size: 22px;
     line-height: 3.8rem;
}
 .bg-green-gradient {
     background-image: linear-gradient(270deg, #7abd4a 30%, #90e553 100%) !important;
}
 .bg-green-blue {
     background-image: linear-gradient(270deg, #5947e7 30%, #9f53f5 100%) !important;
}
 .bg-green-blues {
     background-image: linear-gradient(270deg, #0a91b5 30%, #3583ef 100%) !important;
}
 .bg-green-red {
     background-image: linear-gradient(270deg, #dd2925 30%, #f87016 100%) !important;
}

 .bg-dark-blue {
     background-image: linear-gradient(270deg, #5e5dee 30%, #5550e9 100%) !important;
}
.bg-light-green
{
   background-image: linear-gradient(270deg, #0f9e91 30%, #12af9e 100%) !important;  
}


  .bg-img-1
  {
      min-height: 100vh;             /* full viewport height */
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), /* dark overlay */
    url('https://globaltravelpartners.travel/assets/images/innerbg/Premium-Business-Travel.jpg?=V1');

  background-size: cover;        /* scale to cover area */
  background-position: center;   /* center the focal point */
  background-repeat: no-repeat;
  border-radius:12px;
  background-attachment: scroll; /* use "fixed" for parallax */
  }

    .bg-img-2
  {
      min-height: 100vh;             /* full viewport height */
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url('https://globaltravelpartners.travel/assets/images/innerbg/VIP-Business-Travel.jpg?v=1');
  background-size: cover;        /* scale to cover area */
  background-position: center;   /* center the focal point */
  background-repeat: no-repeat;
  border-radius:12px;
  background-attachment: scroll; /* use "fixed" for parallax */
  }

    .bg-img-3
  {
      min-height: 100vh;             /* full viewport height */
   background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://globaltravelpartners.travel/assets/images/innerbg/Enterprise-Travel-Solution.jpg?=V3');
  background-size: cover;        /* scale to cover area */
  background-position: center;   /* center the focal point */
  background-repeat: no-repeat;
  border-radius:12px;
  background-attachment: scroll; /* use "fixed" for parallax */
  }

    .bg-img-4
  {
      min-height: 100vh;             /* full viewport height */
   background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url('https://globaltravelpartners.travel/assets/images/innerbg/Luxury-Business-Travel-banner.jpg');
  background-size: cover;        /* scale to cover area */
  background-position: center;   /* center the focal point */
  background-repeat: no-repeat;
  border-radius:12px;
  background-attachment: scroll; /* use "fixed" for parallax */
  }

  
@media (min-width: 320px) and (max-width: 767px) {
     .m-pd-15 {
         padding: 15px;
    }
     #services-section .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {

   padding-left: 0.5rem;
    padding-right: 0.5rem;
        }
}
/* what we do ---- How It Works */
 .how-step .number {
     color: #fff;
     border-radius: 50%;
     display: inline-block;
     width: 4rem;
     height: 4rem;
     line-height: 4rem;
     margin-bottom: 10px;
     font-weight: 600;
     transition-duration: .3s;
     font-size: 1.5rem;
     z-index: 999;
     position: relative;
}
 .how-step .number:hover {
     background-color: #599b2d;
     box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
 .how-step h6 {
     font-size: 1.25rem;
     line-height: 1.75rem;
}
 .how-step-2 {
     position: relative;
     text-align: center;
     z-index: 0;
}
 .btn-start-journey {
     color: #fff;
     border-radius: .5rem;
     padding-top: 1.1rem;
     padding-bottom: 1.1rem;
     padding-left: 2rem;
     padding-right: 2rem;
     text-decoration: none;
     font-size: 1.125rem;
     line-height: 1.75rem;
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
     transition-duration: .3s;
}
 .btn-start-journey:hover {
     background-color: #599b2d;
     box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
@media (min-width: 320px) and (max-width: 767px) {

.btn-start-journey
{
     padding-left: 1rem;
    padding-right: 1rem;
    text-decoration: none;
    font-size: 14px;   
}
}
/* The horizontal line behind the number */
 .how-step-2::before {
     content: "";
     position: absolute;
     top: 30px;
     left: 0;
     width: 100%;
     height: 2px;
     background-color: #c1f798f2;
     z-index: 0;
}
/* Frequently Asked Questions */
 .ask-question .accordion-item{
     background: #f9fafb;
     border-radius: 6px;
     text-align: left;
     border: 1px solid #cccccc40;
}
 .ask-question .accordion-button {
     font-weight: 600;
     color: #000;
     background: transparent;
     border: 0;
     box-shadow: none;
}
 .ask-question .accordion-button:hover {
     background: #f3f4f6;
     border-radius: 8px;
}
 .ask-question .accordion-body {
     padding-top: 0;
}
 .ask-question .accordion-button:focus {
     border-color: 0;
     box-shadow: none;
}
 .ask-question .accordion-body p {
     margin-bottom: 0;
}
/* Contact Section */
 .contact-section {
    background-color: var(--trevlo-base, #7abd4a);
     color: #fff;
}
 .contact-form {
     background: rgba(255, 255, 255, 0.1);
     border-radius: 15px;
     padding: 50px;
     border: 1px solid #cccccc4a;
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
     transition-duration: .3s;
}
 .contact-form input, .contact-form select, .contact-form textarea {
     background: rgb(255 255 255 / 21%);
     border-radius: 9px;
     color: #fff;
     border: 1px solid #cccccc80;
     height: 60px;
     margin-bottom: 0px;
}

input::placeholder,
textarea::placeholder {
  font-size: 16px;      
  color: #fff;  
  font-weight: 300;    
}

textarea::placeholder {
 padding-top: 20px;   
}

 .contact-form input::placeholder, textarea::placeholder {
     color: #fff;

     opacity: 1;

}
 .form-control:focus {
     background: rgb(255 255 255 / 21%);
     box-shadow: none;
}
.contact-form .form-label {
    font-size: 17px;
    font-weight: bold;
    color: #ffffff !important;
}
 .contact-form .btn {
     background: #fff;
     color: #5ba029;
     font-weight: 600;
     border-radius: 35px;
     padding-top: 1.1rem;
     padding-bottom: 1.1rem;
     padding-left: 2rem;
     padding-right: 2rem;
     font-size: 1.25rem;
     line-height: 1.75rem;
}
 .contact-form .btn:hover {
     background-color: #f3f4f6;
}
 .my-textarea::placeholder {
     color: #e8e2e2 !important;
}
 select option {
     color: #000;
    /* green text */
}
 @media (max-width: 767px) {
     .contact-form {
         padding: 20px;
    }
    .contact-form .btn
    {
         padding-left: 1rem;
     padding-right: 1rem; 
    }
}
/* Why Businesses */
 .why-choose-gtp .why-item i {
     border-radius: 9999px;
     background-color: #c1f7987d;
     color: #438712;
     font-size: 23px;
     line-height: 4rem;
     width: 4rem;
     height: 4rem;
     text-align: center;
     margin-bottom: 15px;
}
.why2 .why-item i {

     line-height: 5rem;
     width: 5rem;
     height: 5rem;
    
}
 .why-choose-gtp .why-item i:hover {
     background-color: #c1f798ba;
}
 .why-choose-gtp .why-item h3 {
     font-size: 1.25rem;
     line-height: 1.75rem;
}

.why-item p
{
         color:#555f6c;
         font-size: 17px;
}

/* what we do page-2 */


  
/* hero-inner-brodcramb */
 .hero-inner-brodcramb {
     background-image: linear-gradient(#65a338e8, #65a338e8), url(https://globaltravelpartners.travel/assets/images/What-we-do-bg.jpg);
     background-size: cover;
     background-position: center;
     color: #fff;
     text-align: center;
     min-height: 100vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     padding: 0 20px;
}
 .hero-inner-brodcramb h1 {
     font-size: 103px;
     font-weight: 300;line-height: 1;
}
 .hero-inner-brodcramb p {
     font-size: 1.675rem;
     line-height: 2.25rem;
     font-weight: 300;
}
 .hero-inner-brodcramb a {
     background: #fff;
     color: #5ba029;
     border-radius: .5rem;
     padding: 13px 30px;
     transition: 0.3s ease;
     font-weight: 600;
     margin-top: 5px;
     margin-bottom: 5px;
     font-size: 1.125rem;
     line-height: 1.75rem;
     animation: bounceSubtle 2s infinite;
}
 @keyframes bounceSubtle {
     0%, 20%, 50%, 80%, 100% {
         transform: translateY(0);
    }
     40% {
         transform: translateY(-8px);
    }
     60% {
         transform: translateY(-4px);
    }
}
 .hero-inner-brodcramb a:hover {
     background-color: #f3f4f6;
     color: #5ba029;
     box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}
@media (min-width: 320px) and (max-width: 767px) {
.hero-inner-brodcramb p {
 font-size: 1.275rem;
        line-height: 28px !important;
        font-weight: 300;
        padding-top: 10px;
}
.hero-inner-brodcramb a
{
    padding: 13px 15px;
}
.hero-inner-brodcramb h1
{
   font-size: 35px;
}
.hero-inner-brodcramb h1 br
{
    display: none;
}
.hero-inner-brodcramb
{
        padding: 54px 20px;
            min-height: auto;
}
}
@media (min-width: 768px) and (max-width: 1024px) {

.hero-inner-brodcramb h1
{
    font-size: 60px;
}
.hero-inner-brodcramb
{
        padding: 54px 20px;
            min-height: auto;
}
}


/* Why Businesses Choose Us */
.h-370
{
    height: 370px;
}
.why-box-1 h3
{
        font-weight: 600;
}
.why-box-1 {
     transition: all 0.4s cubic-bezier(.4, 0, .2, 1);
     padding: 30px 50px;
     border: 1px solid #cccccc36;
     border-radius: 1.5rem;
     background: #fcfffd;
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
     margin-bottom: 10px;
     background-color: #fff;
}
 .why-box-1:hover {
     background-color: #f6fefa;
     transform: translateY(-6px);
     box-shadow: 0 0 34px rgb(0 0 0 / 4%), 0 0 34px rgba(0, 0, 0, 0.1);
}
 .why-box-1:hover h3 {
     color:#7abd4a;
}
 .icon-box-green i {
     border-radius: 19px;
     background-color: #c1f7987d;
     color: #438712;
     font-size: 27px;
     line-height: 4rem;
     width: 4rem;
     height: 4rem;
     text-align: center;
     margin-bottom: 15px;
}
 .why-box-1:hover .icon-box-green i {
     background-color: #c1f798ba;
}
@media (min-width: 320px) and (max-width:767px) {
.why-box-1
{
    margin-bottom: 32px;
}.h-370 {
    height: auto;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.why-box-1 {
        padding: 30px 30px;
    }
        .why-box-1 {
        height: 310px;
        padding: 30px 20px;
    }
}

/* Your All-in-One Travel Platform */

.Travel-Platform
{
 transition: all 0.4s cubic-bezier(.4, 0, .2, 1);
   margin-bottom: 20px;
   min-height: 280px;
}

 .Travel-Platform:hover {
     background-color: #f6fefa;
     transform: translateY(-6px);
     box-shadow: 0 0 34px rgb(0 0 0 / 4%), 0 0 34px rgba(0, 0, 0, 0.1);
   
}
.icon-box i {
    border-radius: 16px;
    font-size:27px;
    line-height: 4rem;
    width: 4rem;
    height: 4rem;
    text-align: center;
    margin-bottom: 15px;
    transition: transform 0.4s cubic-bezier(.4, 0, .2, 1); /* smooth zoom */
}

/* hover */
.Travel-Platform-hover-2:hover
{
    background-image: linear-gradient(270deg, #357af3 30%, #2b6bee 100%) !important;    transition-duration: .7s;
}
.Travel-Platform-hover-2:hover h5
{
    color: #fff;
}

.Travel-Platform-hover-2  h5
{
    font-weight: 600;
}
.Travel-Platform-hover-2:hover p
{
    color: #fff;
}

.Travel-Platform-hover-2:hover .icon-box i {
    transform: scale(1.1); /* increase size by 20% */
}
.Travel-Platform-hover-2:hover i
{
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
/* 2 */
.Travel-Platform-hover-3:hover
{
background-image: linear-gradient(270deg, #a34df4 30%, #9a3eee 100%) !important;    transition-duration: .7s;
}
.Travel-Platform-hover-3:hover h5
{
    color: #fff;
}

.Travel-Platform-hover-3:hover p
{
    color: #fff;
}

.Travel-Platform-hover-3:hover .icon-box i {
    transform: scale(1.1); /* increase size by 20% */
}
.Travel-Platform-hover-3:hover i
{
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

/* 3 */
.Travel-Platform-hover-4:hover
{
    background-image: linear-gradient(270deg, #ea3c3c 30%, #e22f2f 100%) !important;   transition-duration: .7s;
}
.Travel-Platform-hover-4:hover h5
{
    color: #fff;
}

.Travel-Platform-hover-4:hover p
{
    color: #fff;
}

.Travel-Platform-hover-4:hover .icon-box i {
    transform: scale(1.1); /* increase size by 20% */
}
.Travel-Platform-hover-4:hover i
{
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

/* 4 */
.Travel-Platform-hover-5:hover
{
  background-image: linear-gradient(270deg, #5e5dee 30%, #5550e9 100%) !important;   transition-duration: .7s;
}
.Travel-Platform-hover-5:hover h5
{
    color: #fff;
}

.Travel-Platform-hover-5:hover p
{
    color: #fff;
}

.Travel-Platform-hover-5:hover .icon-box i {
    transform: scale(1.1); /* increase size by 20% */
}
.Travel-Platform-hover-5:hover i
{
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
/* 6 */
.Travel-Platform-hover-6:hover
{
       background-image: linear-gradient(270deg, #0f9e91 30%, #12af9e 100%) !important;  transition-duration: .7s;
}
.Travel-Platform-hover-6:hover h5
{
    color: #fff;
}

.Travel-Platform-hover-6:hover p
{
    color: #fff;
}

.Travel-Platform-hover-6:hover .icon-box i {
    transform: scale(1.1); /* increase size by 20% */
}
.Travel-Platform-hover-6:hover i
{
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.bg-blue
{
      background-image: linear-gradient(270deg, #357af3 30%, #2b6bee 100%) !important;
}
.bg-green
{
background-color: var(--trevlo-base, #7abd4a) !important;
}
.bg-purple
{
      background-image: linear-gradient(270deg, #a34df4 30%, #9a3eee 100%) !important;
}
.bg-red
{
      background-image: linear-gradient(270deg, #ea3c3c 30%, #e22f2f 100%) !important;
}

.bg-orange
{
   background-image: linear-gradient(270deg, #e33b5d 30%, #f46529 100%) !important;
}

.bg-pink
{
   background-image: linear-gradient(270deg, #e03182 30%, #e94292 100%) !important;
}

.Onelatforms i
{
    border-radius: 12px;
    background-color: #c1f7987d;
    font-size: 16px;
    line-height: 3rem;
    width: 3rem;
    height: 3rem;
    text-align: center;
    margin-bottom: 15px;
}

.gauge i
{
    border-radius: 12px;
    background-color: #c1f7987d;
    font-size: 16px;
    line-height: 4rem;
    width: 4rem;
    height: 4rem;
    text-align: center;
    margin-bottom: 15px;
}

.bg-light-1 
{
background-color: #cae1fe;
color: #2563eb;
}

.bg-light-2
{
background-color: #c9e1fe;
color: #2563eb;
}

.bg-light-3
{
background-color: #c7f9d9;
color: #16a34a;
}

.bg-light-4
{
background-color: #ecdaff;
color: #9333ea;
}

.bg-light-5
{
background-color: #fed2d2;
color: #dc2626;
}

.bg-light-6
{
background-color: #fce1f0;
color: #db2777;
}

.h310
{
    height: 310px;
}


@media (min-width: 320px) and (max-width:767px) {
.h310 {
    height: auto;
}
}


@media (min-width: 768px) and (max-width:1024px) {

}
/* how it work */

    .how-step-work
    {
      position: relative;
    text-align: center;
    z-index: 0;
    }

    
    .how-step-work::before {
    content: "";
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #7abd4a;
    z-index: 0;
}

.how-it-work-number
{
        color: #fff;
    border-radius: 50%;
    display: inline-block;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    margin-bottom: 10px;
    font-weight: 600;
    transition-duration: .3s;
    font-size: 1.5rem;
    z-index: 999;
       transition: transform 0.4s cubic-bezier(.4, 0, .2, 1); /* smooth zoom */
    position: relative;
}

.how-step:hover .how-it-work-number
{
    transform: scale(1.2); /* increase size by 20% */
}


/* what client say */
 .under-line-white {
    background-image: linear-gradient( to right, #d3d3d3 0%, 
    /* light grey on left */
     #d3d3d3 25%, #ffffff 50%, 
    /* white in center */
     #d3d3d3 75%, #d3d3d3 100% 
    /* light grey on right */
     ) !important;
     height: 5px;
     border-radius: 20px;
     width: 8%;
     margin: 0px auto;
     margin-top: 20px;
     margin-bottom: 20px;
}
 .under-line {
     background-image: linear-gradient(270deg, #19ac4f 30%, #7abd4a 100%) !important;
     height: 5px;
     border-radius: 20px;
     width: 13%;
     margin: 0px auto;
     margin-top: 20px;
     margin-bottom: 20px;
}
 .Clients-say {
     transition: all 0.4s cubic-bezier(.4, 0, .2, 1);
     padding: 30px 30px;
     border: 1px solid #cccccc1c;
     border-radius: 12px;
     background: #fff;
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
     margin-bottom: 10px;
     min-height: 360px;
}
 .Clients-say:hover {
     transform: translateY(-6px);
     box-shadow: 0 0 34px rgb(0 0 0 / 4%), 0 0 34px rgba(0, 0, 0, 0.1);
}
 .Clients-say .profile {
     display: flex;
     align-items: center;
     margin-bottom: 15px;
}
 .Clients-say .profile-img {
     width: 65px;
     height: 65px;
     border-radius: 50%;
     object-fit: cover;
     margin-right: 15px;
     border: 2px solid #7abd4a;
}
 .Clients-say h3 {
     margin: 0;
     font-size: 1.1em;
     color: #1b1b1b;
}
 .Clients-say .title {
    margin: 2px 0;
    color: #7abd4a;
    font-weight: 600;
    font-size: 0.9em;
    margin-bottom: 0;
}
 .Clients-say .company {
     margin: 0;
     color: #777;
     font-size: 0.85em;
}
 .Clients-say .quote {
     font-style: italic;
     color: #555f6c;
     margin: 10px 0 15px;
     font-weight: 300;
     font-size: 18px;
}
 .Clients-say .stars {
     color: #7abd4a;
     font-size: 1.2em;
}

.h380
{
    height: 380px;
}

    .h400
{
             height: 410px;
}

 @media (max-width: 767px) {
     .Clients-say {
         min-height: auto;
    }

    .h380
{
         min-height: auto;
}

    .h3400
{
         min-height: auto;
}
}


/* FAQ */


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

                   .custom-accordion .accordion-item {
    border: none;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    transition: all 0.3s 
ease;
    background: #fff;
  
}

.custom-accordion .accordion-item:hover {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

.custom-accordion .accordion-button {
    font-weight: 600;
    font-size: 1.125rem;
    color: #555f6c;
    background-color: #fff;
    box-shadow: none;
    border: none;
    padding: 27px 25px;
}

.custom-accordion .accordion-button:not(.collapsed) {

  background-color: #fff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05);
}

.custom-accordion .accordion-body {
  padding: 1rem 1.5rem 1.5rem;
  color: #555;
  font-size: 1rem;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.custom-accordion .accordion-button:hover {

  background-color: #f9f9f9; /* light background on hover */
  transition: all 0.3s ease;
}

.custom-accordion .accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
  transition: transform 0.3s ease;
}

/* Optional: smooth arrow icon animation */
.custom-accordion .accordion-button::after {
  transition: transform 0.3s ease;
}

 .Frequently {
     background: #fff;
     border-radius: 8px;
     border: 1px solid #cccccc4f;
     padding: 15px 30px;
     margin-bottom: 20px;
    transition: all 0.4s cubic-bezier(.4, 0, .2, 1);
}
 .Frequently .d-flex i {
     background-color: #c1f7987d;
     color: #438712;
     font-size: 15px;
     text-align: center;
     border-radius: 26px;
     line-height: 43px;
     padding: 0px 10px;
     margin-right: 10px;
}
 .Frequently:hover {
     transform: translateY(-6px);
     box-shadow: 0 6px 8px rgba(0, 0, 0, 0.04), 0 4px 4px rgba(0, 0, 0, 0.1);
}
 .Frequently:hover .d-flex i {
     background-color: #c1f798ba;
}

.btn-bg-white {
    background: #fff;
    color: #5ba029;
    border-radius: 0.5rem;
    padding: 13px 30px;
    font-weight: 600;
    margin: 5px 20px 5px 0;
    font-size: 1.125rem;
    line-height: 1.75rem;
    text-decoration: none;
    border: 2px solid #fff;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
                0 4px 6px -4px rgba(0, 0, 0, 0.1);
  transition: transform 0.4s cubic-bezier(.4, 0, .2, 1); /* smooth zoom */
    position: relative;
        transition-duration: .3s;    display: inline-block;
}

.btn-bg-white:hover {
     transform: scale(1.1); /* increase size by 20% */
    box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.15),
                0 8px 10px -4px rgba(0, 0, 0, 0.1); /* lift effect */    background: #f3f4f6;  border: 2px solid #f3f4f6;
}

.btn-bg-border
{
background: transparent;
    color: #fff;
    border-radius: .5rem;
    padding: 13px 30px;
    transition: 0.3s 
ease;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    text-decoration: none;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    border: 2px solid #fff;    display: inline-block;
}

.btn-bg-border:hover {
    transform: scale(1.1); /* zoom 20% */
    box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.15),
                0 8px 10px -4px rgba(0, 0, 0, 0.1); /* lift effect */   
}

/* Our Services */

  .new-our-service img {
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
}
 .new-our-service {
     border-bottom-left-radius: 12px;
     transition-duration: .3s;
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
     border-bottom-right-radius: 12px;
     margin-bottom: 20px;
     height: 750px;
}
 .new-our-service:hover {
     transition-duration: .3s;
     box-shadow: 0 0 34px rgb(0 0 0 / 4%), 0 0 34px rgba(0, 0, 0, 0.1);
}
 .new-our-service ul li {
     margin-bottom: 15px;
     align-items: flex-start;
     display: flex;
     color: #4b5563;
     font-size: 17px;
}
 .new-our-service ul li span {
     margin-top: 5px;
     margin-right: 10px;
     font-size: 14px;
}
 @media (min-width: 320px) and (max-width: 767px) {
     .new-our-service {
         height: auto;
    }
}


/*Why Event Organizers & Business Travelers Choose Us  */


    .why-event {
     transition-duration: .3s;
     background-color: #f9fafb;
     padding: 2rem;
     border-radius: 12px;
     text-align: center;
     margin-bottom: 10px;
     margin-top: 10px;
}
 .why-event:hover {
     box-shadow: 0 6px 8px rgba(0, 0, 0, 0.04), 0 4px 4px rgba(0, 0, 0, 0.1);
}
 .why-event p {
     color:#4b5563;
     font-size: 1.125rem;
     line-height: 1.625;
}
 .why-event i {
     border-radius: 9999px;
     background-color: #c1f7987d;
     color: #438712;
     font-size: 19px;
     line-height: 4rem;
     width: 4rem;
     height: 4rem;
     text-align: center;
     margin-bottom: 15px;
}