/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif&family=Kanit:wght@100;200;300;400&family=Niramit:wght@200;300;400&family=Poppins:wght@300;400;500;600&family=Rubik:wght@300;400;500&display=swap');

/* Local Font Awesome Font */
@font-face {
    font-family: 'Font Awesome 6 Free';
    src: url('assets/fonts/fa-solid-900.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
 
body {
    font-family: 'Poppins', sans-serif; 
    color: #212529;
    font-weight: 400;
}
html{
    scroll-behavior:smooth;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
    margin: 0;
     font-weight: 700;
}
body ul, h5, h6, p{
        margin: 0;
}
.small, p, small{
    line-height: 1.7;
}

/* Navbar */
.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: #ffff  !important;
    position: sticky;
    top: 0;
    z-index: 9999;
    border-bottom: 1px solid #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 2px 0px;
}
.navnp1.scrolled {
    background: #fff;
    box-shadow: 0 5px 25px rgba(0,0,0,.08);
    padding: 8px 0;
}

.navbar-brand img {
    max-height:52px;
    transition: .3s;
}

.navnp1.scrolled .navbar-brand img {
    max-height: 48px;
}

/* Menu */
 

 .navbar-nav .nav-link {
    font-size: 15px;
    font-weight: 600;
    color: #222;
    padding: 10px 18px;
    position: relative;
    transition: all .3s ease;
    margin-right: 10px;
}

/* Active & Hover Text */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #0d6efd !important;
}

/* Underline */
.navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    left: 18px;
    bottom: 2px;
    width: 0;
    height: 2px;
    background: #0d6efd;
    transition: width .3s ease;
}

 
.navbar-nav .nav-link:hover::after {
    width: calc(100% - 36px);
}

 
.navbar-nav .nav-link.active::after {
    width: calc(100% - 36px);
}

/* Contact */
 
.roundedpill{
    background: linear-gradient(135deg, #0d9baa, #0b78d1);
    color: #fff;
    text-decoration: none;
    padding: 6px 42px;
    border-radius: 50px;
    font-size: 14px;
}
.roundedpill:hover{
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgb(8 54 255 / 26%);
}
     
.mllkof-1:hover {
    color: #0d6efd;
}
.mllkof-1{
    color: #111;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
}

/* Mobile Menu */
@media(max-width:991px){
  body {
        padding-top: 75px;
    }
 .navbar-nav .nav-link::after{
        bottom:7px !important;
 }
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active{
    width: fit-content !important;
}
 
#navbarNavDropdown{
        border-top: 1px solid #dbdbdb;
    margin-top: 10px;
}
.mobolieno{
        display: flex;
    gap: 18px !important;
    margin-bottom: 15px;
}
.navbar-toggler:focus{
    text-decoration: none;
    outline: 0;
    box-shadow: none !important;
}
.navbar-nav .nav-link{
        font-size: 12px !important;
        margin-right: 0px;
}
 
    .bg-body-tertiary{
   background-color: rgb(244 244 244) !important;
    border-bottom: 1px solid #c9c9c9;
    }
 
    .navbar-brand img{
            max-height: 40px !important;
    }
    
}
 
    
 

 
 

/* ------------index *--------------*/



   .krx-hero{
    display: flex;
    align-items: center;
    padding: 25px 0px;
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at top left, #faefd4 0%, transparent 40%),radial-gradient(circle at 100% 20%, rgba(135, 206, 250, 0.25) 0%, transparent 40%),radial-gradient(circle at 50% 100%, rgba(152, 251, 152, 0.25) 0%, transparent 40%),linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
}
 

.krx-content{
    max-width:580px;
}
.krx-content h2{
    font-size: 16px;
        margin-bottom: 10px;
     
   
}
.krx-title{
    font-size: 25px;
    margin-bottom: 10px; 
   
}

.krx-desc{
    font-size: 14px;
        color: #4d5057;
 
  
}

.krx-btn-wrap{
    display:flex;
    gap:15px;
    align-items:center;
     
}

.krx-btn-main{
    display: inline-block;
    margin-top: 5px;
    background: linear-gradient(135deg, #0d9baa, #0b78d1);
    color: #fff;
    text-decoration: none;
    padding: 10px 42px;
    border-radius: 50px;
    font-weight: 700;
    box-shadow: 0 12px 30px rgb(37 177 235 / 29%);
}
.krx-btn-main:hover{
    filter: brightness(0.98);
    transform: translateY(-1px);
}

 .krx-image{
        margin-top: 15px;
 }
 
.krx-image img{
 
    width:100%;
}

.business-banner {
    padding: 20px 0;
}

.business-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.business-tags span {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 15px;
    background: rgb(249 250 240);
    backdrop-filter: blur(10px);
    border: 1px solid rgb(226 224 224 / 59%);
    border-radius: 50px;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.business-tags span i {
    color: #0477c0;
    font-size: 16px;
}

.business-tags span:hover {
    transform: translateY(-3px);
   background: rgb(232 231 210 / 62%);
}
 
.drx-glow-2 {
    position: absolute;
    width: 450px;
    height: 450px;
    background: #4f46ff;
    filter: blur(180px);
    opacity: .20;
    bottom: -150px;
    right: -100px;
    border-radius: 50%;
}



/* second section index */
.cab-management-heading{
        margin-bottom: 25px;
}
.cab-management-heading h1{
      font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
        text-align: center;
}
.cab-management-heading p{
        text-align: center;
    max-width: 650px;
    margin: auto;
    font-size: 14px;
}

.ax{
    padding:30px 0 45px;
    overflow: hidden;
}

.ax .row{
    align-items: center;
}

/* Left & Right Lists */
.ax .ax-left-list,
.ax .ax-right-list{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Card Design */
.ax .progress-list-box{
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 10px;
    transition: all .3s ease;
}

.ax .progress-list-box:hover{
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.ax .progress-list-box h4{
font-size: 16px;
    font-weight: 700;
}

.ax .progress-list-box p{
    margin: 0;
    color: #555;
    font-size: 14px;
}

/* Center Image */
.ax .ax-center-img{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.ax .ax-center-img img{
    width: 100%;
       max-width: 467px;
    height: auto;
    display: block;
}

 

/* Mobile */
@media (max-width: 991px){

    .ax{
        padding:25px 0;
    }

    .ax .ax-center-img{
        margin: 15px 0;
    }

    .ax .progress-list-box{
        padding: 15px;
    }

    .ax .progress-list-box h4{
        font-size: 16px;
    }
    .ax .ax-left-list, .ax .ax-right-list{
            gap: 10px !important;
    }
}


/*  section2 index */


.transport-benefits-section{
background: rgba(245, 245, 245, 1);
    padding: 30px 0 40px;
}

 

.benefits-wrapper{
    max-width:1000px;
    margin:0 auto;
    position:relative;
}

.benefits-wrapper::before{
    content:"";
    position:absolute;
    left:30px;
    top:0;
    bottom:0;
    width:2px;
    background:#dcdcff;
}

.benefit-item{
    display:flex;
    gap:25px;
    margin-bottom:30px;
    position:relative;
}

.benefit-icon{
    min-width:60px;
    width:60px;
    height:60px;
    border-radius:50%;
    background: #464466;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    position:relative;
    z-index:2;
}
.benefit-icon img{
    width: 40px;
}

.benefit-content{
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    flex: 1;
    transition: .3s;
}

.benefit-content:hover{
    transform:translateY(-5px);
}

.benefit-content h4{
margin-bottom: 1px;
    font-weight: 700;
    font-size: 16px;
}

.benefit-content p{
    margin: 0;
    color: #555;
    font-size: 14px;
}

@media(max-width:768px){

    .section-title{
        font-size:30px;
    }

    .benefits-wrapper::before{
        left:20px;
    }

    .benefit-icon{
        width:40px;
        height:40px;
        min-width:40px;
        font-size:18px;
    }

    .benefit-content{
        padding:15px;
    }
}



/* section index 3 */

.insight-panel{
    background: linear-gradient(135deg,#f5fffe,#e8f8f8);
    overflow: hidden;
        padding: 30px 0 45px;
}

.insight-content{
    padding-right: 30px;
}

 

.insight-title{
font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

.insight-desc{
    font-size: 14px;
    margin-bottom: 15px;
}

.feature-list{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
}

.feature-item{
    display: flex;
    align-items: center;
    gap: 5px;
    background: #fff;
    padding: 7px 12px;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .05);
    font-size: 14px;
}

.feature-item i{
    color: #5b51f7;
    font-size: 16px;
}

.insight-image-wrap{
    text-align: center;
}

.insight-image{
    max-width: 100%;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0,0,0,.12);
}

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

    .insight-title{
        font-size:18px;
        margin-top: 10px;
    }
}

/* section index 4 */
 .why-section{
       padding: 10px 0px 25px;
        background: rgba(245, 245, 245, 1);
 }
 
    .why-ui-v2 .text-secon {
    font-size: 13px;
    letter-spacing: 2px;
    color: #8b8b8b;
    margin-bottom: 6px;
    }

    .why-ui-v2 .chosee {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 40px;
    }



    .why-ui-v2 .feature-box {
    background: #ffffff;
    border-radius: 14px 50px 14px 50px;
    padding: 15px 18px;
    height: 100%;
    box-shadow: 0px 0px 0px 4.5px #ffffff7d;


    }

 
    .why-ui-v2 .feature-box p {
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
    }


    .why-ui-v2 .contenet-allcab {
    padding-left: 10px;
    margin: 0;
    }
    .contenet-allcab i{
    font-size: 14px;
    margin-right: 5px;
    }

    .why-ui-v2 .contenet-allcab li {
    list-style: none;
    font-size: 14px;
    margin-bottom: 5px;
 
    }

    .why-ui-v2 .course-imapact {
    background: linear-gradient(135deg, #111827, #1f2937);
    color: #ffffff;
    }

    .why-ui-v2 .course-imapact p,
    .why-ui-v2 .course-imapact h5 {
    color: #ffffff;
    }


    .why-ui-v2 .highlight-box {
    background: #111827;
    color: #ffffff;
    border-radius: 14px 50px 14px 50px;
    padding: 22px;
    height: 100%;
    box-shadow: 0 10px 28px rgba(0,0,0,0.25);
    }

    .why-ui-v2 .highlight-box h5 {
    font-size: 16px;
    margin-bottom: 10px;
    }

    .why-ui-v2 .highlight-box p {
    font-size: 14px;
    color: #dedede;
    }


    .why-ui-v2 .highlight-alt {
    background: #1f2937;
    }


    .why-ui-v2 .highlight-cta {
    background: #204556 !important;
    color: #fff;
    }

    .highlight-box img{
        width: 30px;
         margin-right: 10px;
    }
    .why-chooseeed img{
      width: 30px;
      margin-right: 10px;
    }
   .why-chooseeed{
       font-size: 16px;
    margin-bottom: 10px;
   }


    .why-ui-v2 .right-stack-box {
    position: sticky;
    top:55px;
    }

    .joloouti-cab{
    background:#294b38  !important;
    }


    @media (max-width: 768px) {
    .why-ui-v2 .chosee {
    font-size: 26px;
    }

    .why-ui-v2 .right-stack-box {
    position: static;
    }

    }



    /* section index5 */

    .lxco-showcase {
    padding: 30px 0 45px;
    background: linear-gradient(135deg, #f5fffe, #e8f8f8);
    overflow: hidden;
}

.lxco-wrap {
    display: flex;
    align-items: center;
    gap: 60px;
    background: #fff;
    border-radius: 30px;
    padding: 30px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.08);
}

.lxco-content {
    flex: 1;
}

 

.lxco-title {
      font-size: 20px;
    margin-bottom: 5px;
}

.lxco-title span {
    color: #0d9baa;
}

.lxco-desc {
    font-size: 14px;
    margin-bottom: 15px;
}

.lxco-feature-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
}

.lxco-feature {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f9ffe5;
    padding: 7px;
    border-radius: 10px;
    border: 1px solid #eef3f8;
    transition: .3s;
}

.lxco-feature:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(13,155,170,.15);
}

.lxco-feature i {
    color:#5b51f7;
    font-size: 16px;
}

.lxco-feature span {
    font-size: 14px;
}

.lxco-btn {
    display: inline-block;
    margin-top: 20px;
    background: linear-gradient(135deg, #0d9baa, #0b78d1);
    color: #fff;
    text-decoration: none;
    padding: 10px 30px;
    border-radius: 50px;
    font-weight: 700;
    transition: .3s;
}

.lxco-btn:hover {
    color: #fff;
    transform: translateY(-3px);
}

.lxco-image-box {
    flex: 1;
    position: relative;
    text-align: center;
}

.lxco-image-box img {
    width: 100%;
    max-width: 550px;
    position: relative;
    z-index: 2;
    border-radius: 20px;
}

.lxco-circle {
    position: absolute;
    border-radius: 50%;
    z-index: 1;
}

.lxco-circle1 {
    width: 250px;
    height: 250px;
    background: rgb(194 209 11 / 12%);
    top: -40px;
    right: 20px;
}

.lxco-circle2 {
    width: 180px;
    height: 180px;
    background: rgb(194 209 11 / 12%);
    bottom: -20px;
    left: 0;
}

@media(max-width:991px){

    .lxco-wrap{
        flex-direction: column-reverse;
        padding: 15px;
            gap: 20px;
    }

    .lxco-title{
        font-size:18px;
    }

    .lxco-feature-grid{
        grid-template-columns: 1fr;
    }
}

/* section index 5 */
    
 

.txx-section{
    background:#f8fbff;
    overflow:hidden;
        padding: 30px 0 45px;
}

.txx-heading{
    margin-bottom:30px;
}

 
.txx-heading h2{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px; 
}

.txx-heading p{
    text-align: center;
    max-width: 650px;
    margin: auto;
    font-size: 14px;
}

.txx-wrapper{
    display:grid;
    grid-template-columns:1fr 350px 1fr;
    align-items:center;
    gap:40px;
}

.txx-side{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.txx-item{
    background: #fff;
    padding: 10px 22px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .06);
    transition: .3s;
    font-size: 14px;
}

.txx-item:hover{
    transform:translateY(-5px);
}

.txx-danger{
    border-left:4px solid #ef4444;
}

.txx-success{
    border-left:4px solid #3227e0;
}

.txx-danger i{
    color:#ef4444;
    font-size:16px;
}

.txx-success i{
    color:#5b51f7;
    font-size:16px;
}

.txx-center{
    display:flex;
    justify-content:center;
}


.txx-core::before {
    display: inline-block;
    animation: spin 4s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.txx-core{
    width:320px;
    height:320px;
    border-radius:50%;
    background:#fff;
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    box-shadow:0 20px 60px rgba(13,110,253,.15);
    border:12px solid rgba(13,110,253,.08);
}

.txx-core::before{
    content:'';
    position:absolute;
    inset:-25px;
    border-radius:50%;
    border: 3px dashed rgb(13 110 253 / 28%);
}

.txx-core-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#0d6efd;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:15px;
}

.txx-core h3{
    font-size:32px;
    margin-bottom:8px;
    font-weight:700;
}

.txx-core p{
    color:#444;
    margin:0;
}

@media(max-width:991px){

    .txx-wrapper{
        grid-template-columns:1fr;
            gap: 25px;
    }

    .txx-core{
        width: 245px;
        height: 245px;
        margin:20px auto;
    }

    .txx-heading h2{
        font-size:18px;
    }
    .txx-item{
            font-size: 12px;
            padding: 10px 15px;
    }
}


/* section index 6 */
.testimonial-section{
    padding: 30px 0px 45px;
    background: #f7f9fc;
}

.testimonial-heading{
    text-align:center;
    margin-bottom:50px;
}

.cab-management-heading span{
    color:#ff6b00;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

 

.testimonial-wrapper{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr;
    gap:25px;
}

.testimonial-card{
    background:#fff;
    border-radius:24px;
    padding:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
}

.testimonial-card:hover{
    transform:translateY(-8px);
}

.featured{
    background:linear-gradient(135deg,#ff6b00,#ff934d);
    color:#fff;
}

.quote-icon{
    font-size: 60px;
    line-height: 1;
    opacity: 0.5;
    color: #0a8795;
}

.review{
    font-size:13px;
       display: -webkit-box;
    -webkit-line-clamp: 4; /* 4 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
        color: #000;
  
}

.rating{
    font-size:20px;
    margin-bottom:15px;
    color: #3227e0;
}

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

.user-info img{
    width:60px;
    height:60px;
    border-radius:50%;
    object-fit:cover;
}

.user-info h4{
    margin:0;
    font-size:16px;
}

.user-info span{
    font-size:14px;
    opacity:.8;
}

.testimonial-slider{
    margin:0 -12px;
}

.testimonial-slider .testimonial-card{
    margin:12px;
}

.slick-dots{
    bottom:-40px;
}

.testimonial-card{
    background: #fff;
    color: #333;
    transition: all .3s ease;
}

/* First active slide */
.testimonial-slider .slick-active:first-child .testimonial-card{
    background: #ff6b00;
    color: #fff;
}
.testimonialbox{
    padding: 55px;
    background: #000;
    border-radius: 20px;
}
.slick-dotted.slick-slider{
    margin-bottom:5px !important;
}
@media(max-width:991px){
    .testimonial-wrapper{
        grid-template-columns:1fr;
    }

    .testimonial-heading h2{
        font-size:30px;
    }
}



/* section index 7  */



.faqqq-xs{
        padding: 30px 0 45px;
    overflow: hidden;
}
.faq_section_nine .card{
    background: #fff;
    border-radius: 12px;
    margin-bottom: 15px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.faq_section_nine .card-header{
    padding: 0;
    cursor: pointer;
}

.faq_section_nine .faq-title{
margin: 0;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    position: relative;
    font-weight: 600;
}

.faq_section_nine .badge{
    width:20px;
    height:20px;
    border-radius: 50%;
    background: #3227e0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

 
.faq_section_nine .collapse{
    display:block !important;
    height:0;
    overflow:hidden;
    transition:height .4s ease;
}

.faq_section_nine .card.active .iconupd{
    transform: rotate(180deg);
}

.faq_section_nine .iconupd{
    margin-left:auto;
    transition:.4s;
}
 

.faq_section_nine .card-body{
 padding: 5px 20px 20px;
    color: #000;
    font-size: 13px;
    background: #f7f9f1;
}



 


/* footer */

/* =========================
   FOOTER DESIGN
========================= */

.footermainarea {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #15152f, #23234f);
    color: #fff;
}

.footermainarea::before {
    content: "";
    position: absolute;
    width: 325px;
    height: 325px;
    background: rgba(255,255,255,0.05);
    border-radius: 50%;
    top: -150px;
    left: -120px;
}

.footermainarea::after {
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    background: rgba(255,255,255,0.03);
    border-radius: 50%;
    bottom: -120px;
    right: -100px;
}

.footer-body {
    position: relative;
    z-index: 2;
      padding: 50px 0 15px; 
}

.mainrfooter {
    padding: 40px;
    border-radius: 25px;
    backdrop-filter: blur(12px);
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}

.crmtravname {
    font-size:20px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    color: #fff;
    position: relative;
}

.crmtravname::after {
    content: "";
    width: 70px;
    height: 4px;
    border-radius: 20px;
    background: #007dda;
    display: block;
    margin-top: 5px;
}

.paira-crm {
      color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
}

.infom {
    position: relative;
    margin-bottom: 25px;
        font-size: 20px;
}

.infom::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 45px;
    height: 3px;
       background: #007dda;
    border-radius: 30px;
}

.gettouchcontent {
    color: rgba(255,255,255,0.85);
        font-size: 14px;
}

.sale-innercontent {
    color: #6ec1ff;
    font-weight: 600;
    margin-top: 10px;
    word-break: break-word;
}

.servicelist {
    padding: 0;
    margin: 0;
    list-style: none;
}

.servicelist li {
    margin-bottom: 15px;
}

.servicelist img {
    width: 100%;
    max-width:190px;
    border-radius: 12px;
    transition: 0.4s ease;
    border: 1px solid rgba(255,255,255,0.1);
}

.servicelist img:hover {
    transform: translateY(-5px) scale(1.03);
    box-shadow: 0 15px 25px rgba(0,0,0,0.3);
}

.brandtxt {
    font-size: 20px;
    font-weight: 700;
}

.ccolor {
    color: #f96c00;
}

.rcolor {
    color: #005eff;
}

.mcolor {
    color: #00f25d;
}

.webcolor {
    color: rgba(255,255,255,0.8);
}

.footermainarea .text-center {
    border-top: 1px solid rgba(255,255,255,0.08);
    padding-top:15px;
    color: rgba(255,255,255,0.8);
    margin-bottom: 0;
}

/* Hover Effects */

 
 

/* Mobile */

@media(max-width:767px){

    .mainrfooter{
        padding:25px;
        text-align:center;
    }

    .crmtravname::after,
    .infom::after{
        margin:auto;
        left:0;
        right:0;
    }

    .servicelist img{
        margin:auto;
        display:block;
    }

    .footermainarea{
        border-radius:25px 25px 0 0;
    }
}



/* contact us page css */


.alx-contact-section{
    padding: 25px 0 35px;
     background: radial-gradient(circle at top left, #fff6e9 0%, transparent 35%), radial-gradient(circle at bottom right, #e8fff7 0%, transparent 35%), linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}

 .alx-contact-section

.alx-contact-wrapper{
    display:grid;
    grid-template-columns:1.2fr .9fr;
    gap:50px;
    align-items:start;
}

.alx-title{
    font-size: 30px;
   color: #111;
    margin-bottom: 10px;

}

.alx-desc{
    font-size: 14px;
    color: #605d5d;
    max-width: 550px;
    font-weight: 500;
}

.alx-feature-list{
    list-style:none;
    padding:0;
    margin:30px 0 0;
}

.alx-feature-list li{
    margin-bottom: 10px;
    font-size: 14px;
      color: #605d5d;
    font-weight: 500;
}

.alx-info-wrap{
    display:flex;
    gap:20px;
    margin-top:50px;
    flex-wrap:wrap;
}
.alx-contact-content{
        margin-top: 15px;
}

.alx-info-card{
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:15px;
    padding:15px;
    flex:1;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.alx-info-card h4{
       margin-bottom: 1px;
         font-size: 16px;
}

.alx-info-card p{
    color: #3f5c86;
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 500;
}

.alx-info-card a{
    text-decoration:none;
    font-weight:600;
    color:#111;
}

.alx-form-card{
    max-width: 400px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: 1px solid #265d77;
    background: linear-gradient(135deg, #2b5876 0%, #4e4376 100%);
    border-radius: 10px;
    width: 100%;
    margin: auto;

}

.alx-form-title{
     font-size: 20px;
    margin-bottom: 15px;
        color: #fff;
}

.alx-form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}

.alx-field{
    margin-bottom:10px;
}

.alx-field label{
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    color: #fff;
}

.alx-field input,
.alx-field textarea{
    width: 100%;
    padding: 4px 15px;
        border: 1px solid #938b8b73;
    border-radius:5px;
    outline: none;
   font-size: 13px;
       background: #f4f4f40d;
    color: #ffd8d8;
}

.alx-submit-btn{
    width: 100%;
    border: none;
    padding: 10px;
    border-radius: 10px;
    background: #e96403;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}



@media(max-width:991px){

    .alx-contact-wrapper{
        grid-template-columns:1fr;
    }

    .alx-title{
        font-size:20px;
            margin-bottom: 5px;
    }
}

@media(max-width:576px){

    .alx-form-row{
        grid-template-columns:1fr;
    }

    .alx-title{
        font-size:20px;
    }
    .alx-contact-section{
            padding: 10px 0 35px;
    }
    .alx-feature-list li{
     margin-bottom: 8px;
    font-size: 12px;
    }
    .alx-desc{
        font-size: 12px;
    }
    .alx-info-wrap{
            margin-top: 25px;
    }
    .alx-info-card{
            margin-bottom:20px;
    }
    .alx-info-card p{
            font-size: 12px;
    }
    .alx-contact-section .alx-contact-wrapper{
        display:block;
    }
}

 
.rxs-heading{
     margin-bottom: 25px;
    position: relative;
   
}

.rxs-heading h2{
  font-size:18px;
    font-weight: 600;
    margin-bottom: 0px;
   color: #111;
}

.rxs-heading p{
      font-size: 14px;
    color: #111;
}

.rxs-contact-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    position:relative;
    z-index:2;
}

.rxs-contact-card{
     background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    padding: 15px;
    position: relative;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
 
}
 

 

.rxs-icon-box img{
    width: 40px;
    margin-bottom: 7px;
}

.rxs-contact-card h4{
    font-size: 16px;
    font-weight: 600;
    color: #111;
    margin-bottom: 0px;
}

.rxs-contact-card p{
    color: #4e4d4d;
    font-size: 13px;
    margin-bottom: 5px;
}

.rxs-contact-card a{
color: #1407e4;
    font-weight: 600;
    text-decoration: underline;
    font-size: 14px;
}

@media(max-width:991px){
    .rxs-contact-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .rxs-heading h2{
        font-size:16px;
    }
}

@media(max-width:576px){
    .rxs-contact-grid{
        grid-template-columns:1fr;
    }

    .rxs-heading h2{
               font-size: 20px;
        margin-top: 20px;
    }
    .rxs-heading p{
            font-size: 12px;
    color: #605d5d; 
    }
    .rxs-icon-box img{
            width: 35px !important;
    margin-bottom: 4px;
    }
    .rxs-heading{
            margin-bottom: 20px;
    }
    .rxs-contact-card p{
            font-size: 12px;
    margin-bottom: 2px;
    }
    .rxs-contact-card a{
            font-size: 13px;
    }
}



/* features css */

.fex-hero{
    position: relative;
    overflow: hidden;
    padding: 35px 0px 55px;
    text-align: center;
       background: radial-gradient(circle at 0% 0%, #fff8e8 0%, transparent 35%), radial-gradient(circle at 100% 100%, #e8fff4 0%, transparent 35%), radial-gradient(circle at 100% 0%, #eef3ff 0%, transparent 30%), #ffffff;
}

 

.fex-chip{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 20px;
    border-radius: 50px;
    background: #e1e1e1;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 15px;
}

.fex-chip span{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#5b6cff;
        box-shadow: 0 0 0 6px rgba(91, 108, 255, .10);
}

.fex-title{
    font-size: 35px;
    font-weight: 800;
    margin: 0;
     
}

.fex-gradient{
    background: linear-gradient(90deg, rgb(255, 138, 60), rgb(245, 204, 110)) text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.fex-fade{
    color: #838181;
}

.fex-desc{
    max-width: 850px;
    margin: 15px auto;
    font-size: 16px;
    
}

.fex-kpis{
    display:flex;
    justify-content:center;
    gap: 15px;
    flex-wrap:wrap;
    margin-top:30px;
}

.fex-kpi{
   min-width: 150px;
   background: #f8ecec;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 12px 35px rgb(0 0 0 / 0%);
}

.fex-kpi-num{
display: block;
    font-size: 16px;
    font-weight: 800;
  color: #b34902;
}

.fex-kpi-label{
display: block;
    margin-top: 0px;
    color: #323540;
    font-size: 14px;
}

@media(max-width:768px){
    .fex-title{
        font-size:20px;
    }

    .fex-desc{
        font-size:12px;
    }
    .fex-kpi-label{
         font-size:12px;
    }

    .fex-kpi{
        width:calc(50% - 10px);
        min-width:auto;
    }
}



.strip {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: linear-gradient(135deg, #f8fafc, #eef4ff);
    padding: 14px 0;
   
}

.strip-inner {
    display: flex;
    align-items: center;
    width: max-content;
    animation: stripScroll 35s linear infinite;
}

.strip:hover .strip-inner {
    animation-play-state: paused; /* hover par stop */
}

.strip-item {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    margin-right: 40px;
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
}

.strip-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #4f46e5;
    flex-shrink: 0;
}

@keyframes stripScroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .strip-item {
        font-size: 12px;
        margin-right: 25px;
    }

    .strip-inner {
        animation-duration: 22s;
    }
}


.rxs-cab-intro{
    padding: 45px 0px;
     position:relative;
    overflow:hidden;
}

 
 
.rxs-intro-title{
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 5px; 
}

.rxs-intro-desc{
    font-size: 14px;
    color: #4d5057;
    max-width: 900px;
    margin-bottom: 25px;
}

.rxs-intro-highlight{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap:15px;
    margin-bottom:30px;
}

.rxs-highlight-item  {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 15px;
    padding: 10px;
    text-align: center;
    transition: .3s;
   
}

.rxs-highlight-item:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.rxs-highlight-item img{
    display: block;
    width: 40px;
    margin: 0px auto 5px;
}

.rxs-highlight-item p{
    margin: 0;
    font-weight: 500;
    color: #1f2937;
    font-size: 14px;
}

.rxs-intro-footer{
    background: linear-gradient(135deg, rgb(40, 59, 105) 0%, rgb(35, 63, 143) 50%, rgb(20, 130, 148) 100%);
    color: #fff;
    padding: 15px 25px;
    border-radius: 16px;
    font-size: 14px;
}

@media(max-width:768px){

    .rxs-cab-intro{
           padding: 20px 0px;
    }
    .rxs-intro-title{
      font-size: 20px;
    }
    .rxs-intro-desc{
       font-size: 12px;
       margin-bottom: 20px;
    }
    .rxs-highlight-item p{
            font-size: 12px;
    }
    .rxs-highlight-item img{
            width: 35px;
    }
    .rxs-intro-footer{
            font-size: 12px;
                padding: 15px;
    }

  

    .rxs-intro-highlight{
        grid-template-columns:repeat(2,1fr);
    }
}



/* feutures section */

 .vkxx-feature-layout{
     background: #f9f9f9;
    padding: 30px 0;
}

.vkxx-sidebar{
    background:#fff;
    border-radius:24px;
    padding:20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    height:fit-content;
    position:sticky;
    top:20px;
}

.vkxx-tab{
    width: 100%;
    border: none;
    background: #f7f8fc;
    padding: 5px 10px;
    text-align: left;
    border-radius: 10px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: .3s;
    border: 1px solid rgba(91, 108, 255, .22);
}
.vkxx-tab img{
     width: 30px;
    margin-right: 10px;
}

.vkxx-tab:hover,
.vkxx-tab.active{
    background:linear-gradient(135deg, rgba(91,108,255,.14), rgba(0,184,217,.10));
    color:#000;
    transform:translateX(3px);
   box-shadow: 0 18px 36px rgba(91, 108, 255, .14);
}

.vkxx-content{
padding: 20px;
    border-radius: 30px;
    position: relative;
    background: radial-gradient(900px 420px at 15% 0%, rgb(245 158 11 / 0%) 0%, transparent 58%), radial-gradient(900px 420px at 85% 0%, rgb(0 184 217 / 14%) 0%, transparent 58%), linear-gradient(135deg, #fff8ee, #f5fbfd);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
   
}

.vkxx-badge{
    position: absolute;
    top: -5px;
    right: 30px;
    font-size: 60px;
    font-weight: 800;
    color:rgb(0 0 0 / 21%);
}

.vkxx-content h2{
font-size: 18px;
    margin-bottom: 12px;
}

.vkxx-content p{
    font-size: 14px;
    color: #4d5057;
    margin-bottom:20px;
}

.vkxx-content ul{
    margin:0;
    padding-left:20px;
    margin-bottom: 25px;
}

.vkxx-content ul li{
    margin-bottom: 10px;
    color: #4d5057;
    font-size: 14px;
}
.vkxx-tab.active{
    background: linear-gradient(135deg, rgb(40, 59, 105) 0%, rgb(35, 63, 143) 50%, rgb(20, 130, 148) 100%);
    color:#fff;
}
.vkxx-content-image img{
      width: 100%;
    border-radius: 20px;
    display: block;
    height: 350px;
   
}

@media(max-width:991px){

   
    .vkxx-sidebar{
        position:relative;
        top:auto;
    }
}

 
 
.vkxx-image img{
    width: 100%;
    border-radius: 20px;
    display: block;
    height: 350px;
    
}

@media(max-width:991px){
    .vkxx-content-wrap{
        flex-direction:column;
    }
}


/* feutures section */
 


.why-crmtravel{
    position: relative;
    padding: 40px 0px;
    background: #f8fafc;
    overflow: hidden;
}

.why-wrapper{
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:60px;
 
}

 

.why-content h2{
     font-size: 25px;
    margin: 15px 0;
    color: #111827;
}

.why-content h2 span{
     display: block;
    background: linear-gradient(90deg, rgb(255, 138, 60), rgb(245, 204, 110)) text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.title-line{
width: 80px;
    height: 4px;
    border-radius: 10px;
    background: #fc9b00;
    margin-bottom: 15px;
}

.why-content p{
    font-size: 14px;
    color: #4d5057;
    margin-bottom: 20px;
}

.advantage-box{
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 20px;
    padding:15px;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
}

.advantage-number{
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgb(40, 59, 105) 0%, rgb(35, 63, 143) 50%, rgb(20, 130, 148) 100%);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advantage-box strong{
     display: block;
    font-size: 16px;
    color: #111827;
}

.advantage-box span{
    color: #4d5057;
    font-size: 14px;
}

.why-stats{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
   height:290px;
   margin-top: 30px;
}

.stat-card{
    background: #fff;
    padding: 15px 19px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .06);
    transition:.35s;
}

.stat-card:hover{
    transform:translateY(-3px);
}

.stat-card h3{
    font-size:25px;
    color: #d58d1a;
}

.stat-card p{
    font-size: 15px;
        color: #4d5057;
}

.highlight{
    transform:translateY(15px);
}

.shape{
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    opacity:.15;
}

.shape-1{
    width:300px;
    height:300px;
    background:#2563eb;
    top:-100px;
    left:-100px;
}

.shape-2{
    width:250px;
    height:250px;
    background:#06b6d4;
    bottom:-80px;
    right:-80px;
}

@media(max-width:991px){

    .why-wrapper{
        grid-template-columns:1fr;
    }

    .why-content h2{
        font-size:19px;
    }
    .why-content p{
            font-size: 12px;
        color: #4d5057;
    margin-bottom: 10px;
    }
    .advantage-box span{
            font-size: 12px;
    }
    .advantage-number{
      width: 45px !important;
    height: 45px !important;
    }
.why-wrapper{
        gap: 15px;
}
    .highlight{
        transform:none;
    }
}


 

.seo-section {
    padding:35px 0;
    background: #f9f9f9;
}

.seo-wrapper {
    display: flex;
    align-items: center;
    gap:25px;
}

.seo-image {
    flex: 1;
}

.seo-image img {
    width: 100%;
    display: block;
    border-radius: 12px;
}

.seo-content {
    flex: 1.4;
}

.seo-content h2 {
    font-size: 20px;
    margin-bottom: 13px;
        color: #111827;

}

.seo-content p {
    margin-bottom: 10px;
    color: #4d5057;
    font-size: 14px;
}

@media (max-width: 768px) {
    .seo-wrapper {
        flex-direction: column;
    }

    .seo-content,
    .seo-image {
        width: 100%;
    }

    .seo-content h2 {
        font-size: 18px;
            margin-bottom: 10px;
    }
    .seo-content p{
            font-size: 12px;
    }
    .vkxx-content ul li{
            font-size: 12px;
    }
    .vkxx-content p{
        font-size: 12px;
            margin-bottom: 15px;
    }
    .seo-section{
            padding: 20px 0;
    }
    .alx-contact-content{
            margin-top: 5px;
    }
}

   
  
.travelpro-cta-section{
      padding: 15px 0px;
    background: #e7e7e7c9;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.travelpro-box{
        text-align: center;
}
.travelpro-title{
        position: relative;
    margin-bottom: 5px !important;
    color: #fff;
    font-size: 25px ;
    background: linear-gradient(135deg, #1c1f24 0%, #0673a5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

.travelpro-description{
font-size: 14px;
    max-width:590px;
    margin: auto;
    margin-bottom: 16px;
    color: #4d5057;
}
.travelpro-form{
        display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px 0px;
    position: relative;
    z-index: 2;
}
.travelpro-input{
    border-radius: 30px;
    padding: 8px 15px;
    font-size: 12px;
    width: 218px;
    outline: none;
    transition: border-color 0.2s;
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.travelpro-button{
display: inline-block;
    background: linear-gradient(135deg, #0d9baa, #0b78d1);
    color: #fff;
    padding: 11px 28px;
    border-radius: 30px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 14px;
    border: none;
    box-shadow: 0 12px 30px rgb(37 177 235 / 29%);
}
.travelpro-button:hover{
        filter: brightness(0.98);
    transform: translateY(-1px);
}




/* About css */


 
.crm-growth-hero{
    padding: 35px 0px;
    background: radial-gradient(circle at top right, #4f46e530, transparent 40%), radial-gradient(circle at bottom left, #06b6d430, transparent 40%), #f8fafc;
    overflow: hidden;
}

.hero-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
      padding: 8px 20px;
    border-radius: 50px;
    background: #e1e1e1;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 18px;
}

.hero-title{
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 10px;
}

.hero-title span{
    color:#4f46e5;
     background: linear-gradient(90deg, rgb(255, 138, 60), rgb(245, 204, 110)) text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-desc{
    font-size: 14px;
    margin-bottom: 15px;
        color: #4d5057;
}

.hero-features{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:30px;
}

.hero-features span{
    background: #f1f2e4;
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid #f1f2e4;
    font-size: 14px;
    font-weight: 500;
}

.hero-features i{
    color:#5b51f7;
   margin-right: 2px;
}

.hero-btns{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}
 

.btn-outline-custom{
    color: #FFf;
    padding: 10px 32px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    background: linear-gradient(135deg, #0d9baa, #0b78d1);
      box-shadow: 0 12px 30px rgb(37 177 235 / 29%);
}

.btn-outline-custom:hover{
filter: brightness(0.98);
    transform: translateY(-1px);
}
 
 .about-right img{
    width: 100%;
 }

 /* about second section  */



 .axs-story-wrap{
    padding: 35px 0px;
   background: #f6f8fc;
    overflow:hidden;
}

.axs-story-grid{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 500px;
    gap:70px;
    align-items:center;
}

.axs-mini-tag{
    display: inline-block;
    align-items: center;
    padding: 8px 20px;
    border-radius: 50px;
    background: #e1e1e1;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}

.axs-main-heading{
    font-size:25px;
    margin-bottom: 10px;
}

.axs-main-heading span{
       color: #4f46e5;
    background: linear-gradient(90deg, rgb(255, 138, 60), rgb(245, 204, 110)) text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.axs-story-text{
    color: #4d5057;
    margin-bottom: 18px;
    font-size: 14px;
}

.axs-story-points{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
}

.axs-point-box{
    background:#fff;
    padding:12px 18px;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
}

.axs-story-card{
    position:relative;
    padding:20px;
    border-radius:30px;
    background:rgba(255,255,255,.7);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.9);
    box-shadow:0 25px 60px rgba(0,0,0,.08);
    overflow:hidden;
}

.axs-card-badge{
    display: inline-block;
    align-items: center;
    gap: 10px;
    padding: 8px 20px;
    border-radius: 50px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 18px;
}
 
.axs-story-card h3{
    font-size: 20px;
    margin-bottom: 5px;
}

.axs-story-card p{
    color: #4d5057;
    font-size: 14px;
}

.axs-stats-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-top:30px;
}

.axs-stat-card{
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .05);
}

.axs-stat-card h4{
   font-size: 25px;
    margin-bottom: 0px;
    color: #d58d1a;
}

.axs-stat-card span{
    color:#777;
    font-size:13px;
}

.axs-floating-circle{
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgb(255 205 105 / 7%);
    top:-60px;
    right:-60px;
}

.axs-circle-two{
    width:120px;
    height:120px;
    left:-40px;
    bottom:-40px;
    top:auto;
    background:rgb(255 205 105 / 7%);
}

@media(max-width:991px){

    .axs-story-grid{
        grid-template-columns:1fr;
    }

    .axs-main-heading{
        font-size:20px;
    }
    .axs-story-text{
        font-size: 12px;
    }
    .axs-story-grid{
            gap: 20px !important;
    }
    .axs-story-card p{
            font-size: 12px;
    }
    .axs-stat-card{
            padding: 15px;
    }
}


 .maxo-capabilities{
    padding:30px 0px 40px;
    background:#f8fafc;
    position:relative;
    overflow:hidden;
}

.maxo-capabilities::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(37,99,235,.08);
    border-radius:50%;
    top:-250px;
    left:-250px;
    filter:blur(120px);
}

.maxo-capabilities::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(6,182,212,.08);
    border-radius:50%;
    bottom:-250px;
    right:-250px;
    filter:blur(120px);
}

.maxo-label{
display: inline-block;
    align-items: center;
    padding: 8px 20px;
    border-radius: 50px;
    background: #e1e1e1;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}

.maxo-title{
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 25px;
}

.maxo-card{
    background: #fff;
    border-radius: 24px;
    padding: 15px 20px;
    height: 100%;
    position: relative;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    transition: all .35s ease;
    box-shadow: 0 10px 35px rgba(15, 23, 42, .05);
}

.maxo-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background: linear-gradient(90deg, #555c36, #64a5b0);
    transform:scaleX(0);
    transition:.4s;
}

.maxo-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(15,23,42,.12);
}

.maxo-card:hover::before{
    transform:scaleX(1);
}

.maxo-icon img{
    width:45px;
    margin-bottom: 10px;
    
}

 

.maxo-card h4{
font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 5px;
}

.maxo-card p{
    font-size: 14px;
    color: #4d5057;
    margin: 0;
}

@media (max-width:991px){

    .maxo-title{
        font-size:20px;
    }

    .maxo-card{
        padding:15px;
    }
}

@media (max-width:767px){

    .maxo-capabilities{
        padding:20px 0;
    }

    .maxo-title{
        font-size:20px;
    }

    .maxo-card{
        padding:15px;
    }

    .maxo-icon{
        width:35px;
     
    }
    .maxo-card p{
            font-size: 12px;
    }
    .maxo-icon img{
            width: 35px;
    margin-bottom: 5px; 
    }
    .wax-col p{
            font-size: 12px;
    }
    .wax-col h3{
            margin-bottom: 5px;
    }
}




.wax-strip{
    padding: 45px 0px;
    display: flex;
    align-items: stretch;
    gap: 30px;
    position: relative;
}

.wax-col{
    flex:1;
    text-align:center;
    transition:.4s ease;
}

.wax-col:hover{
    transform:translateY(-8px);
}

.wax-col h3{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 10px;
}

.wax-col p{
    font-size: 14px;
    color: #4d5057;
    margin: 0;  
}

.wax-col svg{
    width: 23px;
    height: 23px;
    stroke: #ffb135;
    fill: none;
    stroke-width: 2;
}

.wax-divider{
    width:1px;
    background:linear-gradient(
        to bottom,
        transparent,
        rgba(37,99,235,.25),
        transparent
    );
}

@media(max-width:991px){

    .wax-strip{
        flex-direction:column;
        padding:35px 25px;
    }
    .wax-strip{
            gap: 20px !important    ;
    }
    .compny-pr-head h2{
            font-size: 20px;
    }
    .compny-pr-head p{
        font-size: 12px;
    }

    .wax-divider{
        width:100%;
        height:1px;
        background:linear-gradient(
            to right,
            transparent,
            rgba(37,99,235,.25),
            transparent
        );
    }
}




.ytxx-journey-section{
    position: relative;
    padding: 45px 0px;
    overflow: hidden;
}

 

.ytxx-two-col{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:start;
}

.ytxx-label{
    display: inline-block;
    align-items: center;
    padding: 8px 20px;
    border-radius: 50px;
    background: #e1e1e1;
     box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}

.ytxx-title{
    font-size:25px;
        margin-bottom: 6px;
  
}

.ytxx-title span{
   color: #4f46e5;
    background: linear-gradient(90deg, rgb(255, 138, 60), rgb(245, 204, 110)) text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ytxx-desc{
    font-size: 14px;
    color: #4d5057;
}

.ytxx-stats{
    margin-top:25px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.ytxx-stat-box{
background: rgb(246 246 246);
    border: 1px solid rgb(255 255 255);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 15px;
}

.ytxx-stat-box h3{
    font-size: 25px;
    color: #d58d1a;
}

.ytxx-stat-box span{
    font-size: 14px;
    color: #4d5057;
    margin: 0;
}

.ytxx-timeline{
    position:relative;
    padding-left:40px;
}

.ytxx-timeline::before{
    content:'';
    position:absolute;
    left:10px;
    top:0;
    width:3px;
    height:100%;
    background:linear-gradient(#ffdc8d, #f0a56e);
}

.ytxx-card{
    position:relative;
    margin-bottom:20px;
   
}

.ytxx-card::before{
    content: '';
    position: absolute;
    left: -38px;
    top: 5px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fca668;
    box-shadow: 0 0 20px #f6c266;
}

 

.ytxx-card h4{
margin-bottom: 0px;
    font-size: 16px;
}

.ytxx-card p{
   font-size: 14px;
    color: #4d5057;
    margin: 0;
}

@media(max-width:991px){

    .ytxx-two-col{
        grid-template-columns:1fr;
    }

    .ytxx-title{
        font-size:20px;
    }

    .ytxx-timeline{
        padding-left:40px;
    }

}


.compny-pr-section{
      position: relative;
    padding: 25px 0px 40px;
    background: #f8fafc;
    overflow: hidden;
}

.compny-pr-head{
    text-align: center;
    max-width: 700px;
    margin: 0 auto 35px;
}

.compny-pr-label{
    display: inline-block;
    align-items: center;
    padding: 8px 20px;
    border-radius: 50px;
    background: #e1e1e1;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing:.5px;
}

.compny-pr-head h2{
    font-size: 25px;
    margin-bottom: 5px;
}

.compny-pr-head p{
    font-size: 14px;
    color: #4d5057;
}

.compny-pr-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
}

.compny-pr-card{
    position: relative;
    padding: 15px 15px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid #ececec;
    transition: .4s ease;
    overflow: hidden;
}

 
 

 

.compny-pr-avatar{
    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:700;
    color:#fff;
    background:linear-gradient(135deg,#4f46e5,#06b6d4);
    margin-bottom:10px;
}

.compny-pr-card h3{
    font-size: 18px;
    margin-bottom: 2px;
}

.compny-pr-role{
    display: inline-block;
    color: #4f46e5;
    margin-bottom: 3px;
    font-size: 16px;
    font-weight: 500;
}

.compny-pr-card p{
     color: #4d5057;
    font-size: 14px;
}





/* ====== Blog ====== */

.blog-banner-section{
   display: flex;
    align-items: center;
    overflow: hidden;
        height:250px;
    background: linear-gradient(90deg, #4f46e525 0%, transparent 50%), linear-gradient(90deg, transparent 50%, #06b6d425 100%), #f8fafc;
}
.blog-banner-title{
        font-size: 30px;
 
}
.blog-banner-text{
     max-width: 700px;
    margin: 0px auto 15px;
     font-size: 14px;
}



/* =========== MOBOLE RESPONSIVE CODE ======== */

@media(max-width:768px){
        html,
        body {
            width: 100%;
            overflow-x: hidden;
            margin: 0;
            padding: 0;
        }
        
    .krx-title{
         font-size: 20px;
    }
    .krx-content h2{
           font-size: 14px;
           font-weight: 400;
    }

    .business-tags{
      display: block;
    }

   .business-tags span{
        margin-bottom: 8px;
   }
   .krx-desc{
        margin-bottom: 10px;
                font-size: 12px;
   }
   .krx-image{
        margin-top:0px !important;
   }
   .cdcdcdcd{
    display: none;
   }
   .business-banner{
        padding: 10px 0 !important;
   }
   .cab-management-heading h1{
        font-size: 18px;
   }
   .transport-benefits-section{
        padding: 25px 0 10px;
   }
   .insight-panel{
        padding:25px 0 25px;
   }
   .benefit-item{
        margin-bottom: 10px;
        gap: 15px !important;
   }
   .lxco-showcase{
   padding: 50px 0 25px;
   }
   .testimonial-section{
        padding: 10px 0px 25px;
   }
   .testimonialbox {
    padding: 20px;
   }
   .slick-dots{
        bottom: -46px;
   }
   .why-section{
        padding: 25px 0px 25px;
   }
   .lxco-circle1{
        width: 128px !important;
        height: 128px !important;
            top: -25px !important;
   }
   .faqqq-xs{
        padding: 25px 0 15px;
   }
   .faq_section_nine .faq-title{
        font-size: 12px;
   }
   .cab-management-heading p{
        font-size: 12px;
   }
   .txx-heading p{
        font-size: 12px;
   }
   .lxco-desc{
      font-size: 12px;
   }
   .lxco-btn{
    font-size: 14px;
   }
   .why-ui-v2 .contenet-allcab li{
     font-size: 12px;
   }
   .insight-desc{
      font-size: 12px;
   }
   .ax .progress-list-box p{
    font-size: 12px;
   }
   .benefit-content p{
        font-size: 12px;
   }
   .travelpro-title{
        font-size: 18px !important;
   }
   .travelpro-description{
     font-size: 12px;
   }
    .travelpro-input{
   width: 100% !important;
    }
    .crmtravname{
            font-size: 18px;
    }
    .gettouchcontent{
            font-size: 12px;
    }
    .paira-crm{
        font-size: 12px;
    }
    .paira-crm{
            margin-bottom: 10px;
    }
    .crm-growth-hero{
            padding: 20px 0px;
    }
    .hero-tag{
       padding: 5px 15px;
        margin-bottom: 10px;
          font-size: 12px;
    }
    .hero-title{
            font-size: 20px;
    }
    .hero-desc{
              font-size: 12px;
    }
    .hero-features span{
        padding: 5px 10px;
            font-size: 14px;
    }
    .hero-features{
            margin-bottom: 20px;
    }
    .about-right{
            margin-top: 10px;
    }
    .btn-outline-custom{
            padding: 8px 21px;
                font-size: 14px;
    }
    .compny-pr-avatar{
            margin: auto !important;
            width: 70px !important;
            height: 70px !important;
    }
    .compny-pr-card p{
        font-size: 12px;
    }
    .compny-pr-card{
            text-align: center;
    }
    .ytxx-journey-section{
            padding: 25px 0px;
    }
    .ytxx-desc{
            font-size: 12px;
    }
    .ytxx-stat-box h3{
        font-size: 20px;
    }
    .ytxx-card p{
            font-size: 12px;
    }
    .fex-hero{
            padding: 20px 0px 30px;
    }
     .fex-chip{
            margin-bottom: 10px;
                font-size: 12px;
     }
     .vkxx-image img{
            height:100%;
     }
     .vkxx-sidebar{
          font-size: 12px;
     }
     .why-crmtravel{
            padding: 25px 0px;
     }
     .stat-card p{
        font-size: 12px;
     }
     .why-stats{
            height: 210px !important;
          gap: 15px !important;
              margin-top: 15px;

     }
     .stat-card h3{
            font-size: 20px;
     }
     .vkxx-content-image img{
        height:100% !important;
     }
     .feature-item{
            font-size: 12px;
    font-weight: 500;
     }
     .feature-item i{
            font-size: 14px;
     }
     .why-ui-v2 .feature-box{
            border-radius: 10px !important;
                 box-shadow: unset !important;
     }
     .lxco-feature span{
            font-size: 12px;
    font-weight: 500;
     }
     .lxco-feature i{
            font-size: 14px;
     }
     .lxco-feature{
            gap: 8px !important;
     }
     .lxco-circle2{
        width: 131px !important;
    height: 131px !important;
     }
     .txx-core p{
        font-size: 12px;
     }
     .txx-core h3{
            font-size: 20px;
    margin-bottom: 4px;
     }
   .txx-section{
        padding: 30px 0 25px;
   }
   .maxo-card h4{
      font-size: 16px;
   }
   .compny-pr-head h2{
   font-size: 20px;
   }
  
}