@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;
}
 .f-17 {
     font-size: 17px;
}
 .f-19 {
     font-size: 19px;
}
 .bg-green-theme {
     background-color: var(--trevlo-base, #7abd4a);
}
 .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-theme-light {
     background: #c1f7987d;
}
 .plr-15 {
     padding-left: 15px;
     padding-right: 15px;
}
 .pl-0 {
     padding-left: 0;
}
 .pd-20 {
     padding: 20px;
}
 .pd-25 {
     padding: 25px;
}
 .pb-70 {
     padding-bottom: 70px;
}
 .pb-25 {
     padding-bottom: 25px;
}
 .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;
}
 .pt-100 {
     padding-top: 100px;
}
 .pb-85 {
     padding-bottom: 85px;
}
 .pb-90 {
     padding-bottom: 90px;
}
 .b-radius-0 {
     border-radius: 0px;
}
 .bg-gray-light {
     background: #f9fafb !important;
}
 .pb-80 {
     padding-bottom: 80px;
}
 .pb-100 {
     padding-bottom: 100px;
}
 .pt-85 {
     padding-top: 85px;
}
 .pt-75 {
     padding-top: 75px;
}
 .pb-75 {
     padding-bottom: 75px;
}
 .pl-45 {
     padding-left: 45px;
}
 .bordetr-gray-top-1 {
     border-top: 1px solid #dadada61;
}
 .pd-10 {
     padding: 10px;
}
 .mt-75 {
     margin-top: 75px;
}
 .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-16 {
     border-radius: 16px;
}
 .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;
}
 .pt-70 {
     padding-top: 70px;
}
 .pt-45 {
     padding-top: 45px;
}
 .pb-45 {
     padding-bottom: 45px;
}
 .pb-55 {
     padding-bottom: 55px;
}
 .pb-65 {
     padding-bottom: 65px;
}
 .pb-90 {
     padding-bottom: 90px;
}
 .mt-55 {
     margin-top: 55px;
}
 .plr-0 {
     padding-left: 0px;
     padding-right: 0px;
}
 .ptb-45 {
     padding-bottom: 45px!important;
     padding-top: 45px !important;
}
 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;
}
 .mt-50 {
     margin-top: 50px;
}
 .mb-80 {
     margin-bottom: 80px;
}
 .bordet-top-4 {
     border-top: 4px solid #7abd4a;
}
 .service-tittle-2 {
     font-size: 3rem;
     line-height: 1;
}
 .pd-32 {
     padding: 32px;
}
 .tittle-pera-2 {
     font-size: 20px;
}
 .centet-tb {
     display: flex;
     justify-content: center;
    /* horizontal centering */
     align-items: center;
    /* vertical centering */
}
/* 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(#285905e8, #285905e8), url(https://globaltravelpartners.travel/assets/images/What-we-do-bg.jpg);
     background-size: cover;
     background-position: center;
     color: #fff;
     text-align: center;
     min-height: 80vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     padding: 0 20px;
}
 .hero-section-3 h1 {
     font-size: 4.5rem;
     line-height: 1;
     overflow: hidden;
     font-weight: 300;
}
 .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(#285905e8, #285905e8), url(https://globaltravelpartners.travel/assets/images/What-we-do-bg.jpg);
     background-size: cover;
     background-position: center;
     color: #fff;
     text-align: center;
     min-height: 80vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     padding: 0 20px;
}
 .hero-section-4 h1 {
     font-size: 4.75rem;
     line-height: 1;
     font-weight: 300;
     overflow: hidden;
}
 .hero-section-4 .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-4 .btn:hover {
     background: #f3f4f6;
}
 @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 {
         font-size: 2rem;
    }
     .hero-section-3 p {
         padding-top: 10px;
    }
     .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;
    }
     .hero-section-3 h1 {
         font-size: 3rem;
    }
}
/* Services Section */
 .Travel-Management-Services a {
     color: #262626;
     border: 2px solid #262626;
     border-radius: 40px;
     padding: 8px 18px;
}
 .Travel-Management-Services a span {
     font-size: 11px;
     padding-left: 5px;
}
 .Travel-Management-Services a:hover {
     background-color: var(--trevlo-base, #7abd4a);
     border: 2px solid #7abd4a;
     color: #fff;
}
 .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: 10px;
}
 .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 {
     font-size: 18px;
}
 .management-details ul li {
     margin-bottom: 3px;
     align-items: flex-start;
     display: flex;
     font-weight: 500;
     font-size: 17px;
}
 .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 {
     background: linear-gradient(rgb(0 0 0 / 32%), rgb(0 0 0 / 35%)), 
    /* dark overlay */
     url('https://globaltravelpartners.travel/assets/images/innerbg/OrganizersBusinessTravelers.jpg?=V2');
     background-size: cover;
    /* scale to cover area */
     background-position: center;
    /* center the focal point */
     background-repeat: no-repeat;
     border-radius: 1rem;
     background-attachment: scroll;
    /* use "fixed" for parallax */
}
 .bg-img-2 {
    /* full viewport height */
     background: linear-gradient(rgb(0 0 0 / 32%), rgb(0 0 0 / 35%)), url('https://globaltravelpartners.travel/assets/images/innerbg/vip-leader.jpg?v=1');
     background-size: cover;
    /* scale to cover area */
     background-position: center;
    /* center the focal point */
     background-repeat: no-repeat;
     border-radius: 1rem;
     background-attachment: scroll;
    /* use "fixed" for parallax */
}
 .bg-img-3 {
    /* full viewport height */
     background: linear-gradient(rgb(0 0 0 / 32%), rgb(0 0 0 / 35%)), url('https://globaltravelpartners.travel/assets/images/innerbg/StartupsSMEs.jpg?=V3');
     background-size: cover;
    /* scale to cover area */
     background-position: center;
    /* center the focal point */
     background-repeat: no-repeat;
     border-radius: 1rem;
     background-attachment: scroll;
    /* use "fixed" for parallax */
}
 .bg-img-4 {
    /* full viewport height */
     background: linear-gradient(rgb(0 0 0 / 38%), rgb(0 0 0 / 38%)), url('https://globaltravelpartners.travel/assets/images/innerbg/Large-Organizations.jpg?=V3');
     background-size: cover;
    /* scale to cover area */
     background-position: center;
    /* center the focal point */
     background-repeat: no-repeat;
     border-radius: 1rem;
     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;
     font-size: 20px;
}
 .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;
}
/* Contact Section */
 .contact-section {
     background-color: #285905e8;
     color: #fff;
}
 .contact-form {
     background: rgba(255, 255, 255, 0.1);
     border-radius: 15px;
     padding: 40px;
     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: 55px;
     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 {
     margin-bottom: 8px;
     font-weight: 600;
}
 .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;
     height: auto;
}
 .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: 40px 25px;
    }
     .contact-form .btn {
         padding-left: 1rem;
         padding-right: 1rem;
    }
}
/* Why Businesses */
 .why-choose-gtp .why-item i {
     border-radius: 9999px;
     background-color: #c1f7987d;
     color: #7abd4a;
     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;
}
/* what we do page-2 */
/* hero-inner-brodcramb */
 .hero-inner-brodcramb {
     background-image: linear-gradient(#285905e8, #285905e8), 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-inner-brodcramb h1 {
     font-weight: 300;
     line-height: 1;
     font-size: 5.75rem;
}
 .hero-inner-brodcramb p {
     font-size: 20px;
     line-height: 2.25rem;
}
 .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: 50px;
    }
     .hero-inner-brodcramb {
         padding: 54px 20px;
         min-height: auto;
    }
    .Our-Clients 
}
/* Why Businesses Choose Us */
 .why-box-1.h-330 {
     min-height: 330px;
}
 .why-box-1 h3 {
     font-weight: 600;
}
 .why-box-1 {
     transition: all 0.4s cubic-bezier(.4, 0, .2, 1);
     padding: 30px 30px;
     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);
     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: #7abd4a;
     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;
}
 .why-box-1:hover .icon-box-green i {
     background-color: #c1f798ba;
}
 .icon-box-green-avtar {
     border-radius: 19px;
     background-color: #c1f7987d;
     color: #7abd4a;
     font-size: 27px;
     line-height: 4rem;
     width: 4rem;
     height: 4rem;
     margin: 0px auto;
     margin-bottom: 15px;
}
 .icon-box-green-avtar img {
     margin-top: -9px;
}
 .why-box-1:hover .icon-box-green-avtar:hover {
     background-color: #c1f798ba;
}
 .why-box-1.h-360 {
     min-height: 360px;
}
 @media (min-width: 320px) and (max-width:767px) {
     .why-box-1.h-360 {
         height: auto;
         margin-bottom: 10px;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .why-box-1 {
         margin-bottom: 40px;
    }
     .md-mb-0 {
         margin-bottom: 0;
    }
}
/* Your All-in-One Travel Platform */
 .Travel-Platform {
     transition: all 0.4s cubic-bezier(.4, 0, .2, 1);
}
 .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-1:hover {
     background-image: linear-gradient(270deg, #7abd4a 30%, #6cad3e 100%) !important;
     transition-duration: .7s;
}
 .Travel-Platform-hover-1:hover h5 {
     color: #fff;
}
 .Travel-Platform-hover-1:hover p {
     color: #fff;
}
 .Travel-Platform-hover-1:hover .icon-box i {
     transform: scale(1.1);
    /* increase size by 20% */
}
 .Travel-Platform-hover-1:hover i {
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
/* 1 */
 .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, #f46529 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;
}
 .PremiumTravel {
     min-height: 320px;
}
 .h310 {
     min-height: 310px;
}
/* StartupsSMEs-1*/
 .StartupsSMEs-1:hover {
     background-image: linear-gradient(270deg, #357af3 30%, #2b6bee 100%) !important;
     transition-duration: .7s;
}
 .StartupsSMEs-1:hover h5 {
     color: #fff;
}
 .StartupsSMEs-1 h5 {
     font-weight: 600;
}
 .StartupsSMEs-1:hover p {
     color: #fff;
}
 .StartupsSMEs-1:hover .icon-box i {
     transform: scale(1.1);
    /* increase size by 20% */
}
 .StartupsSMEs-1:hover i {
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
/* StartupsSMEs-2*/
 .StartupsSMEs-2:hover {
     background-image: linear-gradient(270deg, #7abd4a 30%, #6cad3e 100%) !important;
     transition-duration: .7s;
}
 .StartupsSMEs-2:hover h5 {
     color: #fff;
}
 .StartupsSMEs-2 h5 {
     font-weight: 600;
}
 .StartupsSMEs-2:hover p {
     color: #fff;
}
 .StartupsSMEs-2:hover .icon-box i {
     transform: scale(1.1);
    /* increase size by 20% */
}
 .StartupsSMEs-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);
}
/* StartupsSMEs-3*/
 .StartupsSMEs-3:hover {
     background-image: linear-gradient(270deg, #a34df4 30%, #9a3eee 100%) !important;
     transition-duration: .7s;
}
 .StartupsSMEs-3:hover h5 {
     color: #fff;
}
 .StartupsSMEs-3 h5 {
     font-weight: 600;
}
 .StartupsSMEs-3:hover p {
     color: #fff;
}
 .StartupsSMEs-3:hover .icon-box i {
     transform: scale(1.1);
    /* increase size by 20% */
}
 .StartupsSMEs-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);
}
/* StartupsSMEs-4*/
 .StartupsSMEs-4:hover {
     background-image: linear-gradient(270deg, #d82b2b 30%, #cc1b1b 100%) !important;
     transition-duration: .7s;
}
 .StartupsSMEs-4:hover h5 {
     color: #fff;
}
 .StartupsSMEs-4 h5 {
     font-weight: 600;
}
 .StartupsSMEs-4:hover p {
     color: #fff;
}
 .StartupsSMEs-4:hover .icon-box i {
     transform: scale(1.1);
    /* increase size by 20% */
}
 .StartupsSMEs-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);
}
/* StartupsSMEs-5*/
 .StartupsSMEs-5:hover {
     background-image: linear-gradient(270deg, #e74921 30%, #d8380f 100%) !important;
     transition-duration: .7s;
}
 .StartupsSMEs-5:hover h5 {
     color: #fff;
}
 .StartupsSMEs-5 h5 {
     font-weight: 600;
}
 .StartupsSMEs-5:hover p {
     color: #fff;
}
 .StartupsSMEs-5:hover .icon-box i {
     transform: scale(1.1);
    /* increase size by 20% */
}
 .StartupsSMEs-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);
}
/* StartupsSMEs-6*/
 .StartupsSMEs-6:hover {
     background-image: linear-gradient(270deg, #d92578 30%, #d01b6f 100%) !important;
     transition-duration: .7s;
}
 .StartupsSMEs-6:hover h5 {
     color: #fff;
}
 .StartupsSMEs-6 h5 {
     font-weight: 600;
}
 .StartupsSMEs-6:hover p {
     color: #fff;
}
 .StartupsSMEs-6:hover .icon-box i {
     transform: scale(1.1);
    /* increase size by 20% */
}
 .StartupsSMEs-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);
}
 .startups-sme {
     min-height: 260px;
}
 @media (min-width: 320px) and (max-width:767px) {
     .PremiumTravel {
         height: auto;
    }
     .h310 {
         min-height: auto;
    }
     .Travel320 {
         min-height: auto;
    }
     .startups-sme {
         min-height: auto;
    }
}
 @media (min-width: 768px) and (max-width:1024px) {
     .PremiumTravel {
         min-height: 350px;
    }
     .Travel320 {
         min-height: auto;
    }
     .startups-sme {
         min-height: 265px;
    }
}
/* 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: 8px;
     margin-bottom: 10px;
}
 .under-line {
     background-image: linear-gradient(270deg, #19ac4f 30%, #7abd4a 100%) !important;
     height: 5px;
     border-radius: 20px;
     width: 8%;
     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: 20px;
     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: 25px;
}
 .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 {
     color: #555f6c;
     font-weight: 300;
     font-size: 17px;
     font-style: italic;
}
 .Clients-say .stars {
     color: #facc15;
     font-size: 1.2em;
     line-height: 18px;
}

 .Our-Clients .container-fluid {
     padding-left: 55px;
     padding-right: 55px;
}
 .TravelManagement {
     min-height: 300px;
}
 .h420 {
     min-height: 420px;
	     max-height: 100%; 
}
 .test-h-340 {
     min-height: 340px;max-height: 100%;
}

 .test-h-410 {
     min-height: 410px;max-height: 100%;
}

.test-h-500
{
	     min-height: 500px;
	     max-height: 100%;
}
 @media (min-width: 320px) and (max-width: 767px) {
 

     .test-h-410 {
      min-height: auto;
}

 .test-h-340 {
    min-height: auto;
}
     .Our-Clients .container-fluid {
         padding-left: 15px;
         padding-right: 15px;
    }
  
     .TravelManagement {
         height: auto;
    }
     .h420 {
               min-height: auto;
    }

	  .test-h-500 {
               min-height: auto;
    }

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

    .test-h-500
{
	     min-height: 500px;
	     max-height: 100%;
}
 .test-h-340 {
     min-height: 320px;
}
     .h420 {
         height: 440px;
    }
     .Our-Clients .container-fluid {
         padding-left: 15px;
         padding-right: 15px;
    }
     .TravelManagement {
         min-height: auto;
    }

	  .test-h-500 {
               min-height: 520px;
    }
}
/* FAQ */
/* FAQ */
/* Optional: smooth arrow icon animation */
 .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 */
 .service-points li {
     font-size: 20px;
}
 .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: all 0.4s cubic-bezier(.4, 0, .2, 1);
     padding: 30px 50px;
     border-radius: 12px;
     background: #2d2330;
     text-align: center;
}
 .why-event:hover {
     background-color: #2d2330;
     transform: translateY(-6px);
     box-shadow: 0 0 34px rgb(0 0 0 / 4%), 0 0 34px rgba(0, 0, 0, 0.1);
}
 .why-event i {
     border-radius: 9999px;
     background-color: #7abd4a;
     color: #fff;
     font-size: 22px;
     line-height: 4rem;
     width: 4rem;
     height: 4rem;
     text-align: center;
     margin-bottom: 10px;
}
 .ExhibitionHousing {
     min-height: 280px;
}
 @media (min-width: 320px) and (max-width: 767px) {
     .why-event {
         padding: 20px;
    }
     .ExhibitionHousing {
         min-height: auto;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .why-event {
         padding: 20px;
    }
}
/* 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: 20px;
     color: #000;
     background-color: #fff;
     box-shadow: none;
     border: none;
     padding: 25px 25px;
}
 .custom-accordion .accordion-button:not(.collapsed) {
     background-color: var(--trevlo-base, #7abd4a) !important;
     box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05);
     color: #fff;
}
 .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;
}
 .main-warper .row {
     --bs-gutter-x: 40px;
}
 .main-warper [class*="col"] {
     margin: 0 !important;
}
/* responisve common */
 .latest-blog {
     height: 580px;
}
 @media (min-width: 320px) and (max-width: 767px) {
     .latest-blog {
         height: auto;
    }
     .m-plr-15 {
         padding-left: 15px;
         padding-right: 15px;
    }
     .m-tb-100 {
         padding-bottom: 100px;
         padding-top: 100px;
    }
     .m-w-80 {
         width: 90%;
         margin-right: 0;
    }
     .m-mb-15 {
         margin-bottom: 15px;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .m-tb-100 {
         padding-bottom: 100px;
         padding-top: 100px;
    }
}