.d-flex.justify-content-center.align-items-center.pb-4.w-100 {
    flex-wrap: wrap;
}

.ulinelisttab {
    margin: 5px 0px;
}

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

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 100%;
        padding: 0px 25px;
    }

    .header.stricky-fixed .navigation .logo {
        width: 190px;
    }

    .header .navigation .logo {
        position: relative;
        width: 260px;
    }
}

@media (max-width:1200px) {
    .header .topBar .container {
        position: relative;
        max-width: 98%;
    }

    .actineTagline {
        font-size: 18px;
        max-width: 450px;
    }

    .products .owl-prev,
    .products2 .owl-prev {
        left: -30px;
    }

    .actionContact {
        max-width: 53%;
        min-width: 53%;
    }

    .actionContact a {
        padding: 7px 10px;
    }

    .d-flex.align-items-center.justify-content-center.mb-2 .readMore svg,
    .d-flex.align-items-center.justify-content-center.mb-2 .readMore2 svg {
        display: none;
    }

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

    .d-flex.align-items-center.justify-content-center.mb-2 .readMore {
        padding: 10px 10px;
    }

    .d-flex.align-items-center.justify-content-center.mb-2 .readMore2 {
        padding: 10px 15px;
    }

    .products .owl-next,
    .products2 .owl-next {
        right: -30px;
    }

    .header .topBar .container p {
        font-size: 13px;
    }

    #products .owl-nav .owl-next {
        right: -35px;
    }

    #products .owl-nav .owl-prev {
        left: -35px;
    }

    .navigation .menu ul li a {
        font-size: 15px;
        padding: 12px 8px;
    }

    .homeSlider .swiper-slide .bannerInfo.rightAlign {
        right: 10%;
    }

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

    .footerBottom .copyright.textRight {
        line-height: 24px;
    }

    .header .topBar:after {
        display: none;
    }

    .factsheetInfo .factsheetTitle {
        font-size: 16px;
    }

    .factsheetInfo {
        padding: 26px 10px 32px;
        padding-top: 70px;
    }

    .factsheetInfo p {
        font-size: 13px;
    }

    .feature_item .feature_image {
        min-height: 210px;
    }

    .feature_item .feature_image .image {
        min-height: 210px;
    }

    .feature_sec .title_h3 {
        font-size: 18px;
    }
}

@media (max-width:1023px) {
    .header .topBar {
        padding: 5px 0;
    }

    .header.stricky-fixed .navigation .menu>ul>li a {
        padding: 7px 13px;
    }

    .blog_details_img {
        height: auto;
    }

    .navigation .menu ul li a {
        padding: 7px 20px;
        color: oklch(1 0 0);
        font-size: 15px;
    }

    .dashed-circle {
        position: absolute;
        top: 12%;
        left: 30%;
        width: 40%;
        height: 62%;
        border: 3px dashed #fcd9c3;
        border-radius: 50%;
        z-index: 1;
    }

    .orbit-circle {
        width: 100% !important;
        height: 100% !important;
        border-radius: 5px !important;
        z-index: 1 !important;
        animation: inherit !important;
    }

    .cards-orbit-wrapper {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        z-index: 5;
        animation: inherit !important;
    }

    .orbit-circle,
    .cards-orbit-wrapper {
        display: block !important;
    }

    .om-card {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .dashed-circle {
        display: block;
    }

    .om-card {
        position: relative !important;
        width: 100%;
        max-width: 100%;
        animation: none !important;
        margin-bottom: 10px !important;
    }

    .imagesLeft.imagesLeft2.rounded.rounded-3.overflow-hidden.mb-0.position-relative img {
        width: 100%;
    }

    .inner_breadcrumb.hidden_xs {
        display: none;
    }

    .header {
        z-index: 999;
    }

    .navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li:hover ul.cs-dropdown {
        display: none;
    }

    .actionInfo {
        text-align: center;
        display: block;
    }

    .community__content-inner .titleNew1 {
        font-size: 25px;
    }

    .header .topBar:before {
        bottom: -1px;
        right: 0;
        height: 0;
        width: 0;
        border-top: 0px;
    }

    .actineTagline {
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 7px 0px 0px;
        width: auto;
        max-width: inherit;
    }

    div#clients .owl-dots {
        display: none;
    }

    .border-start1.border-end1.border-light-gray {
        border-inline: 0px solid #ebebeb73;
    }

    footer p.mb-0.link-secondary2 {
        text-align: center;
    }

    footer p.mb-0.link-secondary2.text-end {
        text-align: center !important;
    }

    .actionContact,
    .actionContact a {
        margin: 10px auto;
        width: 100%;
        max-width: max-content;
    }

    .features .features-card .card-panel.reversed .panel-icon {
        margin-right: 0;
        margin-left: 0px;
        transform: inherit;
    }

    .features .features-card .card-panel {
        display: block;
    }

    .features .feature-panel-holder {
        padding-top: 0px;
    }

    .features .features-holder {
        grid-column-gap: 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .header .topBar:after {
        bottom: 0;
        width: 0;
        height: 0;
        transform: none;
        right: 0;
        border-left: 0;
    }

    .header .navigation .logo a::before {
        width: 0;
    }

    .header .navigation .logo {
        position: relative;
        max-width: 200px;
    }

    .header .navigation .logo:before,
    .header .navigation .logo:after {
        position: absolute;
        content: '';
        background: #ffffff;
        width: 0;
        height: 0;
        top: 0;
    }

    .header .navigation .logo:before {
        transform: none;
        border-left: 0;
        right: 0;
    }

    .header .navigation .logo:after {
        transform: none;
        border-right: 0;
        left: 0;
    }

    .header .navigation .logo a img {
        margin: 5px 0;
        width: 100px;
    }

    .navigation {
        float: left;
        width: 100%;
        position: relative;
        display: block;
    }

    .menuRight {
        float: left;
        margin-top: 3px;
    }

    .navigation .navbar {
        float: right;
        display: block;
        padding: 10px 0
    }

    .navigation .menu {
        display: none;
        width: 100%;
        overflow: hidden;
        overflow-y: visible;
        position: relative;
        z-index: 9999;
        max-height: 80vh;
        overflow-y: auto;
        position: absolute;
        top: 100%;
        background: #454545;
        left: 0;
        right: 0;
        text-align: left
    }

    .navigation .menu ul {
        display: block;
    }

    .navigation .menu ul li {
        padding: 0;
        float: left;
        width: 100%;
        display: block
    }

    .navigation .menu ul li a {
        padding: 8px 15px;
        text-align: left;
        font-size: 14px;
        border-right: 1px dashed transparent;
        color: #fff !important;
        border-bottom: 1px solid #ffffff2e;
        display: block;
        line-height: normal;
    }

    .navigation .menu ul li ul.cs-dropdown {
        position: relative !important;
        opacity: 1 !important;
        visibility: visible !important;
        top: auto !important;
        left: auto !important;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        width: 100%;
        display: none;
        transition: none !important
    }

    .navigation .menu ul li ul.cs-dropdown,
    .navigation .menu ul li ul.cs-dropdown li .cs-dropdown {
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 0;
        display: none;
        transition: none;
        padding-right: 0;
        width: 100%;
        background: #666
    }

    .navigation .menu ul .cs-submenu a {
        position: relative
    }

    .navigation .menu ul li.cs-submenu a button {
        display: block;
        position: absolute;
        top: 0;
        right: 15px;
        background: 0 0;
        border: 0;
        color: #fff;
        font-size: 16px;
        height: 30px;
        outline: 0;
        width: 30px;
        padding: 0;
        text-align: center;
        line-height: 18px
    }

    .navigation ul li.cs-submenu a button svg {
        width: 16px;
        height: 16px
    }

    .navigation ul li.cs-submenu a button.rotated svg {
        transform: rotateZ(180deg)
    }

    .navigation ul li.cs-submenu:hover svg {
        transform: rotateZ(0)
    }

    .navigation ul li.cs-submenu ul.cs-dropdown li a button svg {
        transform: rotateZ(0);
        color: #fff
    }

    .navigation ul li.cs-submenu ul.cs-dropdown li a button.rotated svg {
        transform: rotateZ(180deg)
    }

    .navigation .menu ul li ul.cs-dropdown,
    .navigation .menu ul li ul.cs-dropdown li .cs-dropdown li .cs-dropdown {
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 0;
        display: none;
        transition: none;
        padding-right: 0;
        float: left;
        width: 100% !important;
        background: #444
    }

    .navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown {
        left: 100%;
        margin-top: 0
    }

    .navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li ul.cs-dropdown {
        left: -100%;
        margin-top: 0
    }

    .navigation .menu ul li ul.cs-dropdown li {
        border-bottom: 0
    }

    .navigation .menu ul li ul.cs-dropdown li a {
        color: #fff;
        display: block;
        font-size: 13px;
        padding: 7px 15px;
        line-height: normal;
        border-bottom: 1px solid #727272;
        background: #454545;
    }

    .navigation .menu ul li:hover ul.cs-dropdown li {
        border-bottom: 0px solid var(--whiteBorderColor);
    }

    .navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li a {
        background: #444;
        border-bottom: 1px solid #555;
    }

    .navigation .menu ul li:hover ul.cs-dropdown {
        display: none
    }

    .navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown {
        display: none
    }

    .navigation .menu ul>li:nth-child(3) ul.cs-dropdown.megaMenu {
        width: 100%;
        height: auto;
        max-height: 400px;
        overflow: hidden;
        overflow-y: auto
    }

    .navigation .menu ul>li:nth-child(3) ul.cs-dropdown.megaMenu::-webkit-scrollbar {
        width: 5px
    }

    .navigation .menu ul>li:nth-child(3) ul.cs-dropdown.megaMenu::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
    }

    .navigation .menu ul>li:nth-child(3) ul.cs-dropdown.megaMenu::-webkit-scrollbar-thumb {
        background-color: #fa7c92
    }

    .navigation .menu ul>li:nth-child(3) ul.cs-dropdown .megaSection ul.megaSectionUl {
        width: 100%;
        height: auto;
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        padding-right: 0
    }

    .navigation .menu ul>li:nth-child(3) ul.cs-dropdown .megaSection ul.megaSectionUl li {
        display: block;
        border-bottom: 1px solid #444;
    }

    .navigation .menu ul>li:nth-child(3) ul.cs-dropdown li ul.cs-dropdown {
        margin: 0 !important;
        display: none
    }

    .navigation .menu ul>li:nth-child(3) ul.cs-dropdown li a {
        padding: 7px 15px
    }

    .navigation .menu ul>li:nth-child(3) ul.cs-dropdown li a span {
        color: #fff
    }

    .navigation .menu ul>li:nth-child(3) ul.cs-dropdown li:hover a {
        background: transparent;
        color: #f68e29;
    }

    .navigation .menu ul>li:nth-child(3) ul.cs-dropdown li a button {
        display: inline-block
    }

    .navigation .menu ul>li:nth-child(3) ul.cs-dropdown li ul.cs-dropdown li a {
        font-size: 14px;
        padding: 7px 15px
    }

    .navigation .menu ul>li:nth-child(3) ul.cs-dropdown li ul.cs-dropdown li a:before {
        content: none;
        margin-right: 0
    }

    .navigation .menu ul>li:nth-child(3) ul.cs-dropdown li:hover ul.cs-dropdown li:hover a {
        background: 0 0;
        color: #f68e29
    }

    .mobile_hide {
        display: none !important
    }

    .requestBtn {
        display: none;
    }

    .header .navigation .logo a img {
        margin: 6px 0;
        max-width: 100%;
        width: auto;
        padding: 0px 20px;
    }
}

@media (max-width:980px) {
    .homeAbout .homeFactsheet .factsheetOne {
        margin-bottom: 140px;
    }

    p.card-body-text {
        -webkit-line-clamp: 10;
    }

    .factsheetInfo .factsheetTitle {
        font-size: 18px;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
    }

    .webpulse_home_clients .card {
        aspect-ratio: initial;
    }

    .factsheetInfo p {
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        margin-top: 8px;
        font-size: 15px;
    }

    .singleItem .image {
        height: 350px;
    }

    .accordion-body p {
        text-align: left;
    }

    .factCounter ul li {
        padding: 35px 10px;
        width: calc(98% / 4 - 2%);
    }

    .factCounter ul li p {
        padding: 0 10px;
    }

    .factCounter ul li p span {
        margin-bottom: 10px;
    }

    .factCounter ul li p strong {
        line-height: 22px;
        margin: 0;
        padding: 0;
        text-transform: inherit;
    }

    .homeClients .brand li {
        position: relative;
        display: block;
        float: left;
        margin-right: 1%;
        width: 32%;
        text-align: center;
        margin-bottom: 50px;
        border-right: 1px solid #eee;
        height: 70px;
    }

    .homeClients .brand li:nth-child(3n) {
        border-right: 0;
    }

    .homeClients .brand li:nth-child(4n) {
        border-right: 1px solid #eee;
    }

    .homeClients .brand li:nth-child(n+5):after {
        display: inline-block
    }

    .homeClients .brand li:nth-child(n+7):after {
        display: none
    }

    .homeClients .brand li:nth-child(n+8):after {
        display: none
    }

    .footerWidget ul {
        margin-bottom: 25px;
    }

    .footer .footerWidget .callUs {
        margin-bottom: 25px;
    }

    .footerBottom .copyright {
        text-align: center;
    }

    .footerBottom .copyright.textRight {
        text-align: center;
    }

    .market-list li {
        width: 50%;
    }

    .community__content-inner p {
        display: none;
    }

    .singleWidget .widgetInfo {
        padding-left: 10px;
    }

    .singleWidget .widgetInfo a {
        font-size: 16px;
    }

    .navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown li a {
        color: #ffffff;
    }

    .navigation ul>li.cs-submenu:hover>ul.cs-dropdown>li.cs-submenu svg {
        color: #ffffff;
    }

    .products .owl-prev,
    .products2 .owl-prev {
        left: -20px;
    }

    .products .owl-next,
    .products2 .owl-next {
        right: -20px;
    }
}

@media (max-width:768px) {
    .homeSlider .swiper-slide .bannerInfo {
        left: 6%;
        max-width: 95%;
    }

    .homeSlider .swiper-slide .bannerInfo .sliderTitle {
        font-size: 20px;
    }

    .homeSlider .swiper-slide .bannerInfo p {
        font-size: 14px;
        line-height: 16px;
    }

    .homeSlider .swiper-slide .bannerInfo.rightAlign {
        right: 4%;
    }

    .col-custom-side {
        width: 100%;
    }

    .col-custom-center {
        display: none;
    }

    .order-md-3 .info-card {
        margin-left: 0px;
    }

    .homeFactsheet {
        padding-bottom: 5px;
    }

    .connect-right::after,
    .connect-left::after {
        display: none;
    }

    .timeline-section .step-row:nth-child(even) {
        margin-top: 0px !important;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .homeSlider .swiper-button-prev,
    .homeSlider .swiper-button-next {
        display: none;
    }

    #products .owl-nav .owl-prev {
        left: -10px;
    }

    #products .owl-nav .owl-next {
        right: -10px;
    }

    .factCounter ul li {
        padding: 10px 0px;
        width: calc(99% / 2 - 2%);
        margin-bottom: 5px;
    }

    .galleryColumn .image img {
        width: 100%;
    }

    .galleryColumn {
        float: left;
        max-width: 100%;
        margin: 0;
        position: relative;
        z-index: 1;
        width: 350px;
        margin-right: 20px;
    }

    .community__content-inner h2 {
        font-size: 24px;
    }

    .heading_banner {
        padding: 30px 0;
    }

    .homeAbout .title1 {
        font-size: 22px;
        margin-bottom: 5px;
    }
}

@media (max-width:767px) {
    #products .owl-dots {
        display: none;
    }

    .ulinelisttab a {
        font-size: 14px !important;
        font-weight: 500;
        margin: 0px 5px;
        border: 0px solid #ccc;
        padding: 5px 16px;
    }

    .blog-thumb2 img {
        max-width: 100%;
        width: 100%;
    }

    .project-card .title4 {
        bottom: 30px;
        font-size: 18px;
    }

    .galleryColumn {
        width: 100%;
        margin-right: 0px;
    }

    .title_1 {
        font-size: 22px;
    }

    /* dfsdkd */
    .homeSlider .swiper-slide .bannerInfo.bannerInfo2 {
        top: 28% !important;
        left: 0% !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .hero-content.w-50.position-absolute.top-0.start-50.translate-middle-x {
        width: 100% !important;
        min-height: 300px;
    }

    .homeSlider .swiper-slide .bannerInfo p {
        font-size: 16px;
        text-align: center !important;
    }

    /* fkksd */
    .timeline-section::before {
        display: none;
    }

    .info-card {
        margin-left: 0px;
    }

    .homeSlider .swiper-slide .bannerInfo p {
        font-size: 15px;
        line-height: 21px;
    }

    span.counter-value.d-block.fs-1.counted {
        font-size: 20px;
    }

    .factCounter ul li svg {
        width: 50px;
        height: 40px;
        margin-bottom: 5px;
    }

    .factCounter ul li p span {
        font-size: 17px !important;
    }

    .title2 {
        padding: 0;
        font-size: 20px;
    }

    .factCounter ul li p strong {
        line-height: normal;
        margin: 0;
        padding: 0;
        text-transform: inherit;
        font-size: 18px !important;
    }

    .homeFactsheet .factsheetOne .factsheetIcon {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }

    .timeline-section.pt-5.mt-5 {
        padding: 0px !important;
        margin: 0px !important;
        padding-bottom: 30px !important;
    }

    p.card-body-text {
        -webkit-line-clamp: 10;
    }

    .products .owl-prev,
    .products2 .owl-prev {
        left: -10px;
    }

    .products .owl-next,
    .products2 .owl-next {
        right: -10px;
    }

    .homeFactsheet .factsheetOne .factsheetIcon img {
        width: 45px;
    }

    .factsheetInfo {
        padding: 26px 10px 32px;
        padding-top: 40px;
        height: 150px;
    }

    .homeFactsheet .factsheetOne {
        margin-bottom: 10px;
    }

    .offer_banner_v1 .offer-item .offer-content .h3_title {
        font-size: 20px;
    }

    .approach.company-core-value.py-5.w-100.mt-5.float-start {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }

    p.text-center.w-75.mx-auto.text-white.mt-3.fs-18 {
        width: 100% !important;
    }

    .features .feature-panel-holder {
        width: 47%;
    }

    .features .features-card .card-panel {
        text-align: center;
        margin: 10px 0px;
    }

    .features .features-card .card-panel .panel-icon img {
        margin-left: auto;
        display: block;
        margin-right: auto;
    }

    .right-content .table-responsive {
        max-height: max-content;
        overflow: inherit;
    }

    .gallery_item_info h3.title_h3 {
        font-size: 16px;
    }

    .blog_details_img {
        height: auto;
    }

    .heading_banner .cat_title {
        font-size: 22px;
    }

    .inner_breadcrumb.hidden_xs {
        display: none;
    }

    .right-content {
        padding-bottom: 10px;
    }

    p.text-center.w-75.mx-auto.mb-3 {
        width: 100% !important;
    }

    .counter-block p {
        text-align: center;
    }

    .features {
        padding: 30px 0px 30px;
    }

    .features .features-card {
        display: block;
        transform: inherit;
        margin-top: 15px;
    }
}

@media (max-width:650px) {
    .homeAbout {
        background: rgb(0 2 71);
    }

    .w-48 {
        width: 100%;
    }

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

    .testimonial .pic {
        position: relative;
        top: 0px;
        left: 0px;
        color: #013277;
        margin: 0px auto 10px;
    }

    .col-lg-4.col-md-6 .singleItem .readMore svg {
        display: none;
    }

    .actionContact {
        text-align: center;
        min-width: 100%;
    }

    .actionContact .text-start.d-flex.align-items-center.text-white {
        justify-content: center;
        line-height: normal;
    }

    .w-100.rounded-5.px-4.py-4.bg-sky.d-block {
        padding: 10px !important;
        margin-bottom: 20px !important;
    }

    .testimonial .description {
        text-align: center;
        max-height: max-content;
    }

    .header .navigation .logo a img {
        padding: 0px 35px 0px 0px;
    }

    .testimonial .d-flex.align-items-center.justify-content-between {
        display: block !important;
    }

    .actionContact,
    .actionContact a {
        display: block;
        margin: 0px auto;
    }

    .right-content {
        padding-left: 15px;
        padding-top: 10px;
    }

    .features .feature-panel-holder {
        width: 100%;
    }

    .market-list li {
        width: 100%;
    }

    .blog_details1 .block-quote {
        padding: 20px;
    }

    .more_info {
        max-height: max-content;
        padding-right: 0px;
    }

    .footerBottom .copyright {
        line-height: 24px;
    }

    .contactFixed {
        left: 10px;
    }

    #scrollUp {
        right: 15px;
    }

    .cs_container .csPanel {
        width: 100%;
    }

    .blog-content2 {
        padding: 20px;
    }

    #products .owl-dots {
        display: none;
    }

    .title_1 {
        font-size: 23px;
    }

    .singleItem {
        margin-bottom: 0px;
    }

    .w-100.bg-white.text-center.mb-0.py-2 {
        font-size: 17px;
    }

    .features .features-card .card-panel {
        padding: 10px;
    }

    .community__content-inner .titleNew1 {
        font-size: 20px;
    }

    .homeAbout {
        padding: 40px 0px 70px;
    }

    .homeAbout .title1 {
        font-size: 25px;
    }

    .galleryColumn .image {
        display: none;
    }
}