.navigation-bar {
    padding: 10px 50px;
    background: #fff;
    width: 100%;
    z-index: 12;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
    display: none;
    -webkit-box-shadow: 0px 8px 22px -14px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 8px 22px -14px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 8px 22px -14px rgba(0, 0, 0, 0.18);
}
.contact-us-roation .arrow {
    transform: translate(-50%, -50%) !important;
    top: 50% !important;
    left: 50% !important;
}
.navigation-bar .flex-item {
    gap: 50px;
}
.navigation-bar .sumanas-logo {
    width: 150px;
}
/* .navigation-bar .nav-toggle {
    width: 22px;
} */
.fixed-bar {
    position: fixed;
    top: 0;
    left: 0;
    animation: smoothScroll 1s forwards;
    opacity: 1;
    display: block;
    z-index: 101;
}
@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0px);
    }
}
.panel .item .img img {
    margin-top: 50px;
}
/* Responsive styles */
/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .navigation-bar {
        padding: 10px 16px;
    }
    .navigation-bar .flex-item {
        gap: 30px;
    }
    .navigation-bar .sumanas-logo {
        width: 130px;
    }
    .timeline-swiper .swiper-pagination {
        position: unset;
        margin-top: 20px;
    }
    .timeline-swiper .swiper-button-next,
    .timeline-swiper .swiper-button-prev {
        position: unset;
        margin: unset;
    }
    .timeline-swiper .swiper-pagination + div.relative {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        flex-direction: row-reverse;
        margin-top: 20px;
    }
    /* ---------- stech lab detail page start --- */
    .stech-module .owl-nav {
        top: 0px !important;
    }
   .stech-module.owl-carousel .owl-nav button.owl-prev {
    top: 40px;
}
    .stech-module-1.owl-carousel .owl-nav button.owl-prev {
        left: -24px !important;
        top: 0px;
    }
    .stech-module-1 .item img {
        width:500px;
    }
    .stech-module.owl-carousel .owl-nav button.owl-prev {
        top: 40px;
    }
    .progress .left, 
    .progress .right {
        width: 49%;
    }
    .right-line::before {
        position: unset !important;
        content:unset !important;
    }
    .service-bebefits::before {
        position: unset;
    }
    .service-bebefits [aria-expanded="false"] {
        margin-bottom: 10px;
    }
    /* -------technology page start -------- */
    .technologies-list-block .technologies-list-item {
        width: 130px;
        height: 183px;
    }
	.technologies-list-item .tech-img {
		width: 55px !important;
	}
	.hero-grid-content {
		height: 205px;
	}
    .line-1 {
        display:none ;
    }
}
/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .navigation-bar {
        padding: 10px 16px;
    }
    .navigation-bar .flex-item {
        gap: 30px;
    }
    .navigation-bar .sumanas-logo {
        width: 140px;
    }
    .our-timeline .swiper-button-prev.swiper-button-disabled,
    .our-timeline .swiper-button-prev {
        right: 70px !important;
        top: -310px !important;
        left: auto !important;
    }
    .our-timeline .swiper-button-next.swiper-button-disabled,
    .our-timeline .swiper-button-next {
        top: -310px !important;
        right: 0;
        left: unset;
    }
        /* ---------- stech lab detail page start --- */
        .stech-module .owl-nav {
            top: 42px !important;
        }
        .stech-module.owl-carousel .owl-nav button.owl-next {
            right: -13px;
            top: 50px;
        }
        .stech-module-1.owl-carousel .owl-nav button.owl-prev {
            left: -24px !important;
            top: 50px;
        }
        .stech-module-1 .item img {
            width:500px;
        }
        .stech-module.owl-carousel .owl-nav button.owl-prev {
            top: 50px;
        }
        
    /* ------technologies detail pagge start ---- */
        .progress .left, 
        .progress .right {
            width: 49%;
        }
        .right-line::before {
            left: 170px;
            height: 130px;
            top: 0px;
        }
        .service-bebefits::before {
            position: unset;
        }
        .service-bebefits [aria-expanded="false"] {
            margin-bottom: 10px;
        }
            /* -------technology page start -------- */
        .technologies-list-block .technologies-list-item {
            width: 150px;
            height: 205px;
        }
        .hero-grid-content {
            height: 205px;
        }
        .line-1 {
            display:none ;
        }

}
/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .navigation-bar .flex-item {
        gap: 40px;
    }
    .our-timeline .swiper-button-prev.swiper-button-disabled,
    .our-timeline .swiper-button-prev {
        right: 70px !important;
        top: -310px !important;
        left: auto !important;
    }
    .our-timeline .swiper-button-next.swiper-button-disabled,
    .our-timeline .swiper-button-next {
        top: -310px !important;
        right: 0;
        left: unset;
    }
    /* ---------- stech lab detail page start --- */
    .stech-module .owl-nav {
        top: 42px !important;
    }
    .stech-module.owl-carousel .owl-nav button.owl-next {
        right: -13px;
    }
    .stech-module-1.owl-carousel .owl-nav button.owl-prev {
        left: -24px !important;
    }
    .stech-product-2.owl-carousel .owl-nav button.owl-next {
        right: 42% !important;
    }
    .stech-product-2.owl-carousel .owl-nav button.owl-prev {
        left: 42% !important;
    }
    .stech-product-2.owl-carousel .owl-nav button.owl-next {
        right: 42% !important;
    }
    /* ------technologies detail pagge start ---- */
    .progress .left, 
    .progress .right {
        width: 49%;
    }
    .right-line::before {
        height: 160px;
    }
    .service-bebefits::before {
        position: unset;
    }
    .service-bebefits [aria-expanded="false"] {
        margin-bottom: 10px;
    }
    /* -------technology page start -------- */
    .technologies-list-block .technologies-list-item {
		width: 150px;
		height: 215px;
	}
	.technologies-list-item .tech-img {
		width: 65px !important;
	}
	.hero-grid-content {
		height: 215px;
	}
    .line-1 {
        display:none !important;
    }

}
/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    @media screen and (min-height: 600px) and (max-height: 768px) {
        .panel .item .img img {
            height: 340px !important;
            margin-top: 60px !important;
        }
    }
    /* -------stech lan start ---- */
    .stech-product-2.owl-carousel .owl-nav button.owl-prev {
        left: 44% !important;
    }
    .stech-product-2.owl-carousel .owl-nav button.owl-next {
        right: 44% !important;
    }
    .progress .left, 
    .progress .right {
        width: 49%;
    }
    /* ------technologies detail pagge start ---- */
    .right-line::before {
        left: 170px;
    }
    .service-bebefits::before {
        width: 35%;
    }
    .line-1 {
        width:3px;
        margin-right: 35px;
    }

}
/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1400.98px) {
    .panel .item .img img {
        width: 740px;
        height: 450px;
    }
    .panel .item .img img {
        margin-top: 70px;
    }
    .panel .item .img-width {
        width: 740px;
    }
    @media screen and (min-height: 600px) and (max-height: 768px) {
        .panel .item .img img {
            height: 360px !important;
            margin-top: 60px !important;
        }
        .panel .item .img {
            margin-bottom: 1rem !important;
        }
    }
/* ------technologies detail pagge start ---- */
    .service-bebefits::before {
        width: 35%;
    }
    .line-1 {
        margin-right: 15px;
    }
}
/* // For 2k Monitors, (more than 1401 px) */
@media (min-width: 1401px) and (max-width: 1599.98px) {
    .panel .item .img img {
        height: 490px;
    }
    @media screen and (min-height: 600px) and (max-height: 768px) {
        .works .panel .item {
            width: 670px !important;
        }
        .panel .item .img img {
            height: 340px !important;
            margin-top: 70px !important;
            width: 670px !important;
        }
        .panel .item .img {
            margin-bottom: 1rem !important;
        }
        .img-width {
            width: 670px !important;
        }
    }
}
@media (min-width: 1600px) and (max-width: 2559.98px) {
}
@media (min-width: 2560px) {
}
@media screen and (min-height: 600px) and (max-height: 768px) {
    .works .panel .item {
        width: 620px;
    }
    .panel .item .img img {
        width: 600px;
        height: 340px;
        margin-top: 70px;
    }
    .panel .item .img {
        margin-bottom: 1rem;
    }
    .img-width {
        width: 600px !important;
    }
    .works.thecontainer {
        gap: 60px;
    }
    .works .panel {
        flex: 0 1 0%;
    }
}
@media screen and (min-height: 769px) and (max-height: 810px) {
    .panel .item .img img {
        height: 450px;
    }
    .works.thecontainer {
        gap: 60px;
    }
    .works .panel {
        flex: 0 1 0%;
    }
}
@media (min-width: 768px) {
    @media screen and (min-height: 600px) and (max-height: 768px) {
        aside ul {
            gap: 2rem !important;
            margin-bottom: 12rem !important;
        }
    }
}



.benefits-swiper-button-prev{
  position: unset !important;
  background: #f68735;
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    padding: 15px;
}
.benefits-swiper-button-next {
    position: unset !important;
    margin-left: 20px !important;
    background: #f68735;
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    padding: 15px;
}
.benefits-swiper-button-next::after{
  font-size: 23px !important;
}
.benefits-swiper-button-prev::after{
  font-size: 23px !important;
}

.bg-mobile-app{
 background-image: url(/wp-content/uploads/2025/06/mobile-app-bg.jpeg);
}
.bg-devops-img-1 {
    background-image: url(/wp-content/uploads/2025/06/devops-5.png);
}
.bg-devops-img-2 {
    background-image: url(/wp-content/uploads/2025/06/devops-6.png);
}
.bg-devops-img-3 {
    background-image: url(/wp-content/uploads/2025/06/devops-7.jpg);
}
.bg-devops-img-4 {
    background-image: url(/wp-content/uploads/2025/06/devops-5.png);
}

.web-btn-space{
    white-space: nowrap;
}