.keyword-features .kf-title{max-width:550px;display:flex;align-items:center;gap:15px;font-family:"Inter",Sans-serif;font-size:35px;font-weight:700;line-height:35px;letter-spacing:0;margin-top:0;margin-bottom:45px;color:#2E3192}
.keyword-features .kf-icon{width:90px;height:90px;display:flex;align-items:center;justify-content:center}
.keyword-features .kf-icon img{max-width:90px;height:auto}
.keyword-features .kf-grid{display:grid;gap:25px}
.keyword-features .kf-item{font-size:16px;color:#2E3192;letter-spacing:0;font-weight:500;font-family:Inter,Sans-serif;display:flex;align-items:center;gap:15px;border:1px solid #e5e7eb;border-radius:50px;padding:0;background:#fff;opacity:0;transform:translateY(40px) scale(.95);transition:all .8s ease}
.keyword-features .kf-item.is-visible{opacity:1;transform:translateY(0) scale(1)}
.elementor-editor-active .kf-item{opacity:1!important;transform:none!important}
.keyword-features .kf-dot{width:45px;height:45px;border-radius:50%;background:#d9d9d9}
@media(max-width:991px){.keyword-features .kf-title{font-size:28px}}





.why-head h2{font-family:Inter,Sans-serif;font-size:36px;font-weight:700;margin-bottom:10px}
.why-head p{max-width:1200px;font-size:16px;font-family:Inter,Sans-serif;margin-bottom:40px}

.why-content .why-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 0}

.why-content .why-item{display:flex;gap:20px;align-items:flex-start}
.why-content .why-item img{width:40px;padding-top:5px}
.why-content .why-item h4{font-family:Inter,Sans-serif;margin:0;font-size:20px;font-weight:600}
.why-content .why-item p{font-family:Inter,Sans-serif;font-size:16px;margin-top:6px}

.why-content .why-grid .why-item:nth-child(odd){padding-right:40px}
.why-content .why-grid .why-item:nth-child(even){border-left:1px solid #e5e7eb;padding-left:40px}
.why-content .why-grid .why-item:last-child{border:0;padding:0}

.why-content .why-item p.headcta{margin:10px 0;font-size:20px;line-height:27px;font-weight:600;color:#fff}

.why-content .why-cta{display:grid;grid-template-columns:60% 40%;align-items:center;font-family:Inter,Sans-serif;background:#2E3192;color:#fff;padding:15px 40px;border-radius:20px}

.why-content .whybtndesign{text-align:center}
.why-content .whybtndesign .cta-btn{position:relative;display:inline-flex;align-items:center;gap:10px;overflow:hidden;font-family:Inter,Sans-serif;font-size:16px;font-weight:600;color:#fff;background:#6d72d0;border-radius:50px;border:0;padding:16px 30px;transition:.5s}
.why-content .whybtndesign .cta-btn::before{content:'';position:absolute;top:0;left:0;width:100px;height:calc(100% + 30px);margin-top:-20px;background:#282b7d;transform:skew(-20deg);opacity:.2;filter:blur(8px);animation:move 2s linear infinite}
.why-content .whybtndesign .cta-btn::after{content:"→";font-size:18px;transition:transform .4s ease}
.why-content .whybtndesign .cta-btn:hover::after{transform:translateX(6px)}
.why-content .whybtndesign .cta-btn:hover{background:#42399b}

@media(max-width:991px){
.why-content .why-grid{grid-template-columns:1fr}
.why-content .why-item{padding:0!important;border:0!important}
.why-content .why-cta{grid-template-columns:1fr;text-align:center;gap:15px}
}



.why-wp-slider.swiper-initialized{ overflow: visible;}
.why-wp-slider .swiper {overflow: visible;}
.why-wp-slider.swiper-initialized::after { content: "";position: absolute; top: 0; left: -507px;width: 500px;height: 100%;background: #2E3192;pointer-events: none;z-index: 999;}
.why-wp-slider .swiper-wrapper {overflow: visible;}
.why-wp-slider .why-wp-header {color: #fff; max-width: 820px;margin-bottom: 40px;}
.why-wp-slider .why-wp-header h2 { font-family: "Inter", Sans-serif;   font-size: 36px; font-weight: 700; margin-bottom: 10px;}
.why-wp-slider .why-wp-header p {font-family: "Inter", Sans-serif; font-size: 16px; opacity: .9;}
.why-wp-slider .why-nav {position: absolute;right: 60px; top: 90px;display: flex; gap: 12px; }
.why-wp-slider .why-nav .swiper-button-prev, .why-wp-slider .why-nav .swiper-button-next { width: 44px; height: 44px;  border: 2px solid #fff; border-radius: 50%;  color: #fff;}
.why-wp-slider .why-nav .swiper-button-prev{left: auto; right:10px;}
.why-wp-slider .why-nav .swiper-button-next {right: auto;left: 0px;}
.why-wp-slider .why-nav .swiper-button-prev:after, .why-wp-slider .why-nav .swiper-button-next:after {font-size: 16px;}
.why-wp-slider .why-card-inner { background: #fff;border-radius: 14px; padding: 30px; height: 100%; }
.why-wp-slider .why-img img { max-width: 60px; margin-bottom: 5px; }
.why-wp-slider .why-card h4 { font-family: "Inter", Sans-serif;font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.why-wp-slider .why-card p { font-family: "Inter", Sans-serif;  font-size: 16px; color: #666;}
.why-wp-slider  .swiper-pagination { display:none; }
@media (max-width: 1024px) {
         .why-wp-slider  .why-nav { display:none; }
         .why-wp-slider  .swiper-pagination { display:block; }
}

.sedulous-cta-counter  .cta-wrap {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    align-items: center;
    gap: 40px;
}
.sedulous-cta-counter .cta-counter-grid {
    display: flex;
    gap: 55px;
    margin-top: 30px;
}

.sedulous-cta-counter  .cta-right img {
    max-width: 100%;
}


.sedulous-cta-counter .cta-left  h2{
   font-family: "Inter", Sans-serif;
    font-size: 55px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 0em;
    color: #fff;
    margin-bottom: 20px;
}

.sedulous-cta-counter .cta-left  p{
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0em;
    margin-bottom: 20px;
    max-width: 645px;
}

.sedulous-cta-counter .cta-left .cta-btn{
    margin-bottom: 20px;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    overflow: hidden;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0em;
    font-weight: 600;
    text-transform: inherit;
    color: #ffffff;
    background: linear-gradient(90deg, #164784 0%, #00a9f6 100%);
    border-radius: 50px;
    border: 0px solid #ffffff;
    padding: 16px 30px;
    transition: all .5s;
}
.sedulous-cta-counter .cta-left .cta-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100px;
    height: calc(100% + 30px);
    margin-top: -20px;
    transform: skew(-20deg);
    opacity: 0.2;
    z-index: 0;
    filter: blur(8px);
    pointer-events: none;
    animation: 2s move linear infinite;
}
@keyframes move {
    0%{left: -30%;}
    100%{left: 130%;}
}
.sedulous-cta-counter .cta-left .cta-btn::after {
    content: "→";
    font-size: 18px;
    font-weight: 600;
    transition: transform 0.4s ease;
}

.sedulous-cta-counter .cta-left .cta-btn:hover::after {
    transform: translateX(6px);
}
.sedulous-cta-counter .cta-left .cta-btn:hover, .sedulous-cta-counter .cta-left .cta-btn:focus {
   color: #FFFFFF;
background: linear-gradient(90deg, #00dfd8 0%, #007cf0 100%);
border: 0px solid #6d72d0;
transition: all .5s;
} 

.sedulous-cta-counter .cta-left .cta-counter-box h3{
    font-family: "Inter", Sans-serif;
    font-size: 70px;
    font-weight: 800;
    color: #fff;
    line-height: 55px;
    margin-bottom: 0px;
}

.sedulous-cta-counter .cta-left  .counter-label {
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 5px;
}

.elementor .sedulous-blog img { width: 100%; border-radius: 10px; margin-bottom: 10px;}
.sedulous-blog  .blog-meta li {font-family: "Inter", Sans-serif;  border: 1px solid #dbdbdb; display: inline-block;padding: 5px 15px;margin: 0px 2px 9px 0px; border-radius: 30px;  font-size: 14px;  line-height: 20px;}
.sedulous-blog  ul.blog-meta  {padding: 0;list-style: none;padding-left: 0px;}
.sedulous-blog  .blog-date {
    display: block;
    color: #777;
    padding-bottom: 8px;
    font-family: "Inter", Sans-serif;
    text-transform: uppercase;
    font-size: 14px; line-height: 20px;}
.sedulous-blog h3 {margin-bottom: 15px;font-size: 24px; line-height: 33px; font-weight: 700;  color: #000;  margin-top: 0px; font-family: "Inter", Sans-serif;}
.sedulous-blog a{color: #333;}
.sedulous-blog a:hover{color: #2e3192;}
.sedulous-blog:hover a{color: #2e3192;}


.sedulous-blog{
    transition: 0.3s;
}

.sedulous-blog:hover {
        transform: translateY(-5px);
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}











.cs-slider-home h3{
    font-family: "Inter", Sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #2E3192;
    line-height: 35px;
    letter-spacing: 0em;
    margin-top: 0px;
    margin-bottom: 5px;
}        
 .cs-slider-home .cs-sub{ 
    color: #777;
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    padding-bottom: 20px;
    display: inline-block;
   }  
.cs-slider-home .cs-left p{ 
        font-family: "Inter", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    color: #000;
    padding-bottom: 0px;
    margin-bottom: 0px;
    max-width: 540px;
    display: inline-block;
 } 
 
.cs-slider-home .cs-left .cs-stats{
    display:flex;
    gap:50px;
    margin:30px 0;
}
.cs-slider-home .cs-left .cs-stats strong{
    font-family: "Inter", Sans-serif;
    font-size: 50px;
     color: #000;
    font-weight: 700;
    line-height: 45px;
    display:block;
}
.cs-slider-home .cs-left .cs-stats  span{ 
    font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    color: #000;
    padding-bottom: 0px;
    margin-bottom: 0px;
 } 

.cs-slider-home .cs-skills{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom: 25px;
}

.cs-slider-home .cs-skill-item{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 25px;
    border-radius: 40px;
    background: #fff;
    border: 3px solid #e5e5e5;
}

.cs-slider-home .cs-skill-item img{
    width:22px;
    height:22px;
    object-fit:contain;
}

.cs-slider-home .cs-skill-item span{
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    color: #000;
    padding-bottom: 0px;
    margin-bottom: 0px;
    white-space: nowrap;
} 

.cs-slider-home .cs-left a.cs-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0em;
    font-weight: 600;
    text-transform: inherit;
    color: #333;
    transition: all .5s;
    padding-right: 30px;
}
.cs-slider-home .cs-left a.cs-link::after {
    content: "→";
    font-size: 18px;
    font-weight: 600;
    transition: transform 0.4s ease;
}

.cs-slider-home .cs-left a.cs-link:hover::after {
    transform: translateX(6px);
}
.cs-slider-home .cs-left a.cs-link:hover, .cs-slider-home .cs-left a.cs-link:focus {
   color: #6d72d0;
transition: all .5s;
} 
.cs-slider-home .cs-slide{
    display:flex;
    gap:60px;
    align-items:center;
}
.cs-slider-home.cs-slider{
    position:relative;
}
.cs-slider-home .cs-left{ width:45%; padding: 0px 10px; }
.cs-slider-home .cs-right{ width:55%; position:relative; }
.cs-slider-home .cs-right img{ width:100%; border-radius:20px;}


/* Navigation container */
.cs-nav{
    position:absolute;
    right:0px;
    bottom:0px;
    display:flex;
    background-color:#fff;
    border-radius: 15px 0 0 0;
    height: 50px;
    gap:20px;
    z-index:20;
}

/* Arrows */
.cs-nav .swiper-button-prev,
.cs-nav .swiper-button-next{
    position: relative;
    width: 40px;
    height: 40px;
    background-color:#fff;
    border-radius:50%;
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
}

/* Remove default arrows */
.cs-nav .swiper-button-prev::after,
.cs-nav .swiper-button-next::after{
    display:none;
}

/* Icons */
.cs-nav .swiper-button-next{
    background-image:url("https://demowebviews.com/sedulous-web/wp-content/uploads/2026/01/blue-arrow-right.svg");
}

.cs-nav .swiper-button-prev{
    background-image:url("https://demowebviews.com/sedulous-web/wp-content/uploads/2026/01/blue-arrow-left.svg");
}

/* Initial hidden state */
.cs-slider-home .cs-left > * {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
}

/* Active state */
.cs-slider-home.is-visible .cs-left > * {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger delay */
.cs-slider-home.is-visible .cs-left > *:nth-child(1){ transition-delay: .1s; }
.cs-slider-home.is-visible .cs-left > *:nth-child(2){ transition-delay: .2s; }
.cs-slider-home.is-visible .cs-left > *:nth-child(3){ transition-delay: .3s; }
.cs-slider-home.is-visible .cs-left > *:nth-child(4){ transition-delay: .4s; }
.cs-slider-home.is-visible .cs-left > *:nth-child(5){ transition-delay: .5s; }

/* Mobile hide arrows */
@media(max-width:767px){
  .cs-slider-home   .cs-nav{
        display:none;
    }
}
@media(max-width:991px){
    .cs-slider-home  .cs-slide{ flex-direction:column; }
    .cs-slider-home  .cs-left, .cs-slider-home .cs-right{ width:100%; }
}




.clients_slider_6 {grid-template-columns: repeat(7, 1fr);grid-gap: 20px;display: grid;}

.clients-section .client_logo img{
     will-change: transform;
    border: 1px solid #dbdbdb;
    border-radius: 100px;
    padding: 8px 18px;
    background: #fff;
    transition: 
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease,
        filter .35s ease;
}

/* Hover Effect */
.clients-section .client_logo img:hover{
   transform: translateY(-1px) scale(1.01);
    box-shadow: 0 1px 15px rgb(0 0 0 / 7%);
    filter: grayscale(0);
}

.ss_stories_slide a {display: flex;align-items: center;}
.ss_stories_slide img {width: 30px;padding-right: 5px;}
.portfolio-view a{color: #333;}
.portfolio-view a:hover{color: #2e3192;}
.portfolio-view:hover a{color: #2e3192;}


.scrolling-text-wrap {
            width: 100%;
            overflow: hidden;
            position: relative;
            background: transparent;
        }

        .scrolling-text-inner {
            display: flex;
            gap: 80px;
            white-space: nowrap;
            animation: scroll-left linear infinite;
        }

        .scrolling-text-inner.right {
            animation-name: scroll-right;
        }

        .scrolling-text-inner p {
            font-family: "Inter", Sans-serif;
            font-size: 130px;
            line-height: 95px;
            font-weight: 800;
            margin: 0;
            text-transform: uppercase;
            letter-spacing: 0em;
            color: #f2f2f2;
        }

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

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

        @media (max-width: 767px) {
            .scrolling-text-inner p {
                font-size: 15vw;
            }
        }
        
        
/* ===== Outer Section ===== */
.sedulous-counter-section {
    background: linear-gradient(
        90deg,
        #2e3192 0%,
        #2e3192 45%,
        #f2f2f2 0%,
        #f2f2f2 100%
    );
    padding: 80px 0;
}

/* ===== Container ===== */
.sedulous-counter-container {
    max-width: 1500px;
    margin: 0 auto;
}

/* ===== Inner Wrap ===== */
.sedulous-counter-wrap {
    display: flex;
    align-items: stretch;
}

/* ===== LEFT (Blue Area) ===== */
.counter-left {
    width: 45%;
    color: #fff;
    padding-right: 3%;
}

.counter-top-text {
   font-family: "Inter", Sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 0em;
    margin-bottom: 30px;
}

/* Counters */
.counter-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
}

.counter-number {
    font-family: "Inter", Sans-serif;
    font-size: 70px;
    font-weight: 800;
    line-height: 55px;
    margin-bottom: 0px;
}

.counter-label {
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-top: 5px;
}

/* ===== RIGHT (Grey Area) ===== */
.counter-right {
    width: 52%;
    padding-left: 3%;
    background: transparent;
}

.counter-heading {
    font-family: "Inter", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0em;
    margin-bottom: 20px;
    color: #2e3192;
}

.counter-desc p{
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
        max-width: 645px;
}

.counter-right .counter-btn{
    margin-top: 40px;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    overflow: hidden;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0em;
    font-weight: 600;
    text-transform: inherit;
    color: #000000;
    background-color: transparent;
    border-radius: 50px;
    border: 2px solid #000000;
    padding: 16px 30px;
    transition: all .5s;
}
.counter-right .counter-btn::after {
    content: "→";
    font-size: 18px;
    font-weight: 600;
    transition: transform 0.4s ease;
}

.counter-right .counter-btn:hover::after {
    transform: translateX(6px);
}
.counter-right .counter-btn:hover, .counter-right .counter-btn:focus {
   color: #FFFFFF;
background-color: #2e3192;
border: 2px solid #2e3192;
transition: all .5s;
} 



@media (max-width: 1024px) {
    .sedulous-counter-wrap {
        flex-direction: column;
    }

    .counter-left,
    .counter-right {
        width: 100%;
        padding: 40px;
    }

    .sedulous-counter-section {
        background: linear-gradient(
            180deg,
            #2c2f8f 0%,
            #2c2f8f 50%,
            #f2f2f2 50%,
            #f2f2f2 100%
        );
    }
}


.services-container .services-right .service-subtitle { font-size: 18px; font-weight: 600; margin-bottom: 15px; color: #111;display: inline-block;    margin-top: 10px;}
.services-container .services-right .service-tech-logos {display: flex; flex-wrap: wrap;gap: 14px;}
.services-container .services-right .tech-pill {    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 40px;
    padding: 5px 10px;
    min-width: 150px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;}
.services-container .services-right .tech-pill img {max-height: 35px; width: auto;object-fit: contain;}

/* Hover */
.services-container .services-right .tech-pill:hover {border-color: #a9a9a9; box-shadow: 0 6px 18px rgb(0 0 0 / 9%);transform: translateY(-2px);}

@media (max-width: 768px) {
 .services-container .services-right  .tech-pill { min-width: 120px;height: 48px;padding: 8px 18px; }
 .services-container .services-right .tech-pill img { max-height: 22px; }
}

@media (max-width: 480px) {
     .services-container .services-right .service-tech-logos { gap: 10px; }
     .services-container .services-right .tech-pill { min-width: calc(50% - 10px); }
}







 .services-sticky-section {
    height: fit-content;              /* Full viewport */
    position: sticky;
    top: 0;
    
}
.services-container {
    margin: auto;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: stretch;
}
.services-container .services-left {
    position: sticky;
    top: 120px;                 /* header height */
    align-self: flex-start;
}
.services-container .services-right {
    height: fit-content;
    overflow-y: auto;
    padding-right: 20px;
}

.services-container .services-right::-webkit-scrollbar {
    width: 6px;
}

.services-container .services-right::-webkit-scrollbar-thumb {
    background: #2b2f77;
    border-radius: 10px;
}


.services-container .service-box.active {
    background: #f7f7f7;
    border-left: 3px solid #ededed;
    padding-left: 30px;
    transition: all .5s;
}

@media (max-width: 991px) {
   .services-container .services-sticky-section {
        position: relative;
        height: auto;
    }

    .services-container .services-container {
        grid-template-columns: 1fr;
    }

    .services-container .services-right {
        height: auto;
        overflow: visible;
    }
}



.services-container .services-left img {
    width: 100%;
    border-radius: 12px;
    margin-top: 20px;
    position: sticky;
    top: 120px;
}



.services-container .service-box {
    padding: 35px 40px;
    border-bottom: 1px solid #eee;
    border-left:3px solid transparent;
    padding-left: 30px;
    transition: all .5s;
}

.services-container .service-box h4 {
     font-family: "Inter", Sans-serif;
    color: #2b2f77;
    margin-bottom: 10px;
}

.services-container .service-box a.read-more {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0em;
    font-weight: 600;
    text-transform: inherit;
    color: #2e3192;
    transition: all .5s;
    padding-right: 30px;
}
.services-container .service-box a.read-more::after {
    content: "→";
    font-size: 18px;
    font-weight: 600;
    transition: transform 0.4s ease;
}

.services-container .service-box a.read-more:hover::after {
    transform: translateX(6px);
}
.services-container .service-box a.read-more:hover, .services-container .service-box a.read-more:focus {
   color: #6d72d0;
transition: all .5s;
} 

.services-container .service-box h3 {
     font-family: "Inter", Sans-serif;
     font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #2e3192;
    font-size: 24px;
    line-height: 33px;
}

.services-container h2{
 font-family: "Inter", Sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 0px;
   color: #2e3192;
}


.services-container  .services-left p{
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.services-container  .services-right p{
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.services-container .service-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
}

.services-container .service-icon svg,
.services-container .service-icon i {
    font-size: 18px;
    color: #2b2f77;
}

/* ICON HOVER */


.services-container .tags {
    
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 25px 0;
}

.services-container .tags span {
    padding: 6px 14px;
    font-family: "Inter", Sans-serif;
    border-radius: 20px;
    font-size: 12px;
    background: #ffffff;
    border: 1px solid #e5e7f0;
}



.ce-element-contrasto-heading-sedulous .align-center .content-inner{
        margin: auto;
    width: 100%;
    text-align: center;
}

.ce-element-contrasto-heading-sedulous .align-right .content-inner{
        margin: auto;
        float: right;
    width: 100%;
    text-align: right;
}

.ce-element-contrasto-heading-sedulous{padding: 0px 10px;}


.ce-element-contrasto-heading-sedulous .ce-heading.style-1 h1.title{
 font-family: "Inter", Sans-serif;
    font-size: 75px;
    font-weight: 700;
    line-height: 85px;
    letter-spacing: 0em;
}


.ce-element-contrasto-heading-sedulous .ce-heading.style-1 h2.title{
 font-family: "Inter", Sans-serif;
    font-size: 75px;
    font-weight: 700;
    line-height: 85px;
    letter-spacing: 0em;
}

.ce-element-contrasto-heading-sedulous .ce-heading.style-1 .title{
 font-family: "Inter", Sans-serif;
    font-size: 75px;
    font-weight: 700;
    line-height: 85px;
    letter-spacing: 0em;
}

.ce-element-contrasto-heading-sedulous .ce-heading.style-1 h3.title{
 font-family: "Inter", Sans-serif;
font-size: 26px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0px;
}


.ce-element-contrasto-heading-sedulous .ce-heading.style-1 .sub-title{
    font-family: "Inter", Sans-serif;
    font-weight: 400;
    text-decoration: none;
    font-size: 16px; 
    line-height: 25px;
    letter-spacing: 0em;
}
.ce-element-contrasto-heading-sedulous .ce-heading.style-1 .title-desc{
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}
.ce-element-contrasto-heading-sedulous .ce-heading.style-1 .heading-action .btn-theme{
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    overflow: hidden;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0em;
    font-weight: 600;
    text-transform: inherit;
    color: #ffffff;
    background-color: transparent;
    border-radius: 50px;
    border: 2px solid #ffffff;
    padding: 16px 30px;
    transition: all .5s;
}
.ce-element-contrasto-heading-sedulous .ce-heading.style-1 .heading-action .btn-theme::after {
    content: "→";
    font-size: 18px;
    font-weight: 600;
    transition: transform 0.4s ease;
}

.ce-element-contrasto-heading-sedulous .ce-heading.style-1 .heading-action .btn-theme:hover::after {
    transform: translateX(6px);
}
.ce-element-contrasto-heading-sedulous .ce-heading.style-1 .heading-action .btn-theme:hover, .ce-element-contrasto-heading-sedulous .ce-heading.style-1 .heading-action .btn-theme:focus {
   color: #FFFFFF;
background-color: #6d72d0;
border: 2px solid #6d72d0;
transition: all .5s;
} 
.ce-element-contrasto-heading-sedulous .ce-heading.style-1 .heading-action.firstbtn .btn-theme{
    color: #FFFFFF;
    background-color: #6d72d0;
    border: 2px solid #6d72d0;}   
.ce-element-contrasto-heading-sedulous .ce-heading.style-1 .heading-action.firstbtn .btn-theme:hover, .ce-element-contrasto-heading-sedulous .ce-heading.style-1 .heading-action.firstbtn .btn-theme:focus {
    color: #FFFFFF;
    background-color: #42399b;
    border: 2px solid #42399b;}
 

.ce-element-contrasto-heading-sedulous .ce-heading .heading-action-top { display: grid; grid-template-columns: auto auto 1fr;align-items: center; gap: 25px;}
.ce-element-contrasto-heading-sedulous .ce-heading .heading-action { display: flex;}
.ce-element-contrasto-heading-sedulous .ce-heading .heading-action-top .heading-action-image  {  display: flex; align-items: center; justify-content: flex-start;}
.ce-element-contrasto-heading-sedulous .ce-heading .heading-action-top .heading-action-image img {  max-width: 250px; height: auto;}


/*second Start*/

.ce-element-contrasto-heading-sedulous .ce-heading.style-2 .title{
 font-family: "Inter", Sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 0em;
    margin-top: 0px;
}

.ce-element-contrasto-heading-sedulous .ce-heading.style-2 h3.title{
 font-family: "Inter", Sans-serif;
font-size: 26px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0px;
}


.ce-element-contrasto-heading-sedulous .ce-heading.style-2 .sub-title{
    font-family: "Inter", Sans-serif;
    font-weight: 400;
    text-decoration: none;
    font-size: 16px; 
    line-height: 25px;
    letter-spacing: 0em;
}
.ce-element-contrasto-heading-sedulous .ce-heading.style-2 .title-desc{
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
     letter-spacing: 0em;
}


.ce-element-contrasto-heading-sedulous .ce-heading.style-2 .heading-actionone .btn-theme{
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    overflow: hidden;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0em;
    font-weight: 600;
    text-transform: inherit;
    color: #ffffff;
    background: linear-gradient(90deg, #164784 0%, #00a9f6 100%);
    border-radius: 50px;
    border: 0px solid #ffffff;
    padding: 16px 30px;
    transition: all .5s;
}
.ce-element-contrasto-heading-sedulous .ce-heading.style-2 .heading-actionone .btn-theme::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100px;
    height: calc(100% + 30px);
    margin-top: -20px;
    transform: skew(-20deg);
    opacity: 0.2;
    z-index: 0;
    filter: blur(8px);
    pointer-events: none;
    animation: 2s move linear infinite;
}
@keyframes move {
    0%{left: -30%;}
    100%{left: 130%;}
}
.ce-element-contrasto-heading-sedulous .ce-heading.style-2 .heading-actionone .btn-theme::after {
    content: "→";
    font-size: 18px;
    font-weight: 600;
    transition: transform 0.4s ease;
}

.ce-element-contrasto-heading-sedulous .ce-heading.style-2 .heading-actionone .btn-theme:hover::after {
    transform: translateX(6px);
}
.ce-element-contrasto-heading-sedulous .ce-heading.style-2 .heading-actionone .btn-theme:hover, .ce-element-contrasto-heading-sedulous .ce-heading.style-2 .heading-actionone .btn-theme:focus {
   color: #FFFFFF;
background: linear-gradient(90deg, #00dfd8 0%, #007cf0 100%);
border: 0px solid #6d72d0;
transition: all .5s;
} 
/*second End*/

/*******************Start Our Work CSS 22-09-2025*****************************/
.portfolio-view .image-hover {position: relative;}
.portfolio-view  .image-hover img {width: 100%;height: auto;display: block;transition: all 0.4s ease-in-out;border-radius:10px !important;}
.portfolio-view .image-hover .hover-image {position: absolute;top: 0;left: 0;opacity: 0;border-radius:10px;}
.portfolio-view  .image-hover:hover .default-image {opacity: 0;}
.portfolio-view .image-hover:hover .hover-image {opacity: 1;}
.portfolio-view .content {padding: 20px 0;}
.portfolio-view .content h3 {margin-bottom: 15px;font-size: 24px; line-height: 33px; font-weight: 700;  color: #000;  margin-top: 0px; font-family: "Inter", Sans-serif;}
.portfolio-view .blog-meta li{    padding-bottom: 5px; font-family: "Inter", Sans-serif; text-transform: uppercase; font-size: 14px; line-height: 20px;}
.portfolio-view .bellow-title-text li {font-family: "Inter", Sans-serif;  border: 1px solid #dbdbdb; display: inline-block;padding: 5px 15px;margin: 0px 2px 9px 0px; border-radius: 30px;  font-size: 14px;  line-height: 20px;}
.portfolio-view .blog-meta a {color: #424242;}
.portfolio-view .content ul {padding: 0;list-style: none;}
/*******************Start Our Work CSS 22-09-2025*****************************/

.ce-heading-image-pdf{
  display: block;
    padding: 35px 25px;
    background: #f6f6f6;
    color: #1b1815;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #211d4e4f;
    margin-bottom: 5px;
    min-height: 230px;
}

.ce-heading-image-pdf h2{
  font-size: 16px;
  letter-spacing: 0.3px;
    line-height: 22px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 15px;
}
.ce-heading-image-pdf   .pxl-button.pxl-button-default{
  text-align: center;
    margin: auto;
    cursor: pointer;
    font-size: 14px;
    height: 28px;
    border-radius: 100px;
    font-weight: 600;
    padding: 18px 30px;
}

.elementor .ce-new-outlets h3 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 2px;
}


.ce-new-outlets {
        display: block;
    padding: 15px;
    background: #fafafa;
    color: #000000;
    text-decoration: none;
    border-radius: 10px;
    border: 1px solid #e8e8e8;
    margin-bottom: 5px;
    min-height: 230px;
}
.contact-row {
     display: grid;
    grid-template-columns: 50% 48%;
    column-gap: 5px;
    align-items: center;
    margin-bottom: 0px;
}
.contact-row p.store-mobile{margin: 0 0 0px;}

.elementor .ce-new-outlets .store-image img{
    width: 100%;
    height: 350px;
    object-fit: cover;
    display: block;
    border-radius: 0;
    vertical-align: middle;
    margin-bottom: 15px;
}
.store-mobile i{
    transform: rotate(90deg);
    font-size: 16px;
    color: #ffb936;
    line-height: 18px;
    margin-bottom: 0px;
}
.store-mobile .store-mob-btn{
        font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #0f172b;
    padding-left: 5px;
}
.store-mobile .store-mob-btn:hover{
    color: #ffb936;
}
.ce-new-outlets .store-address{
    min-height: 100px;
}

.fetch-buttons {
  text-align: center;
  margin-top: 10px;
}

/* Get Direction Button */
.btn-direction {
 border: 1px solid #a2a2a2;
    border-radius: 5px;
    color: #000000;
    padding: 6px 5px;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
}

.btn-direction img {
  width: 20px;
}

.btn-direction:hover {
  background: #f6edff;
  color:#000;
}
.fetch-buttons .contact-row .order-btn:hover{color:#ffffff;}
/* Order Buttons Wrapper */
.order-btn-box {
     display: flex;
    justify-content: center;
    gap: 5px;
        margin-bottom: 5px;
}

/* Swiggy & Zomato Buttons */
.order-btn {
    text-align: center;
    padding: 10px 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}
.order-btn-box .order-btn:hover {color: #fff;}

.order-btn img {
  width: 50px;
}

/* Swiggy */
.order-btn.swiggy {
  background: #f68b1e;
}

.order-btn.swiggy:hover {
  background: #d97614;
}

/* Zomato */
.order-btn.zomato {
  background: #e23744;
}

.order-btn.zomato:hover {
  background: #c32b37;
}