:root {
    --main-heading-font: "Lato";
    --second-heading: "Rubik";
    --text-font: "Rubik";
    --btn-color: "#37C8AE";
    --size: clamp(10rem, 1rem + 40vmin, 30rem);
    --gap: calc(var(--size) / 14);
    --duration: 60s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap));
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body {
    background: linear-gradient(108deg, rgb(12, 55, 48) -100%, #000 99.21%);
    color: #fff;
}
body.service .dropdown-wrap {
    display: block;
    overflow: hidden;
}

body.menu-view {
    overflow: hidden;
}
.overflow_hide {
    overflow: hidden;
}
.back_to_top {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 100%;
    background: #37C8AC;
    padding: 10px;
    z-index: 999;
    cursor: pointer;
}
.back_to_top #Layer_1 {
    width: 100%;
    /*height: max-content !important;
    height: -webkit-fill-available;
    display: block;*/
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
}
#cross-fade-swiper-container .swiper-pagination {
    right: 0 !important;
    bottom: 0;
    left: unset;
    width: 126px;
    background: #37C8AC;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
}
#cross-fade-swiper-container .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
    margin-bottom: 15px !important;
}
#cross-fade-swiper-container .swiper-pagination .swiper-pagination-bullet {
    padding: 7.5px;
    background-color: #fff;
    margin: 0 0;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
#cross-fade-swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 40px;
    height: 40px;
    display: flex;
    background: #37C8AE;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    font-weight: 700;
    font-family: var(--second-heading);
}
#cross-fade-swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    content: "0";
    color: #000;
}
#blog-detail-first .link-wrap .share-link-hidden .share-to-list a span:hover,
#service-two .container-two .all-items-wrapper .order-list .order-item::marker,
.menu-ul li a.active,
.footer_term_menu .term_menu .term_list:hover a,
.footer_menu_icon_wrap .footer-menu .menu-wrap .menu-list:hover a,
.contact-form .other-field label span,
.contact-form .name-field-wrap .name-form label span,
.management_section .management_wrapper .container.flex .text-side .manage_text span ,
.dropdown-wrap .drop-menu .drop-list .service-inner-menu.activate {
    color: #37C8AE;
}
.swiper-container {
    z-index: 0 !important;
}
.swiper-button-prev {
    right: 50px !important;
    left: auto !important;
}
.swiper-button-next {
    right: 0 !important;
    left: auto;
}
.swiper-button-prev, 
.swiper-button-next {
    top: 0 !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 0 !important;
    background-color: #37C8AE;
    border-radius: 100%;
    border: none;
    color: #000 !important;
}
.swiper-button-prev:after, .swiper-button-next:after {
    font-size: 16px !important;
    font-weight: 900;
}
span.swiper-notification {
    display: none !important;
}
.our_work_body_wrap.hide,
.our_work_body_wrap.more-work-container {
    margin-top: 0;
}
.container,
.container-second {
    width: 100%;
    max-width: 1440px;
    padding: 0;
    margin: 0 auto;
}
.container-two {
    width: 100%;
    max-width: 817px;
    margin-left: auto;
}
.case-slider-body.portfolio-in-swiper,
.fixed-on-mobile,
.overflow-hidden {
    overflow: hidden;
}
#blog-detail-first .link-wrap,
.ceo-section .ceo-text-image-wraper .ceo-image-wrap .ceo-back-img,
.relative {
    position: relative;
}
body.resource header .main-header-wrap .menu-wrap .menu-ul li .blog-menu,
body.protfolio header .main-header-wrap .menu-wrap .menu-ul li .work-menu,
body.service header .main-header-wrap .menu-wrap .menu-ul li .service-menu,
body.service.ui header .main-header-wrap .menu-wrap .menu-ul .dropdown .dropdown-wrap .megamenu-container .drop-menu .swiper-header .swiper-wrapper .drop-list .ui-menu,
body.service.web header .main-header-wrap .menu-wrap .menu-ul .dropdown .dropdown-wrap .megamenu-container .drop-menu .swiper-header .swiper-wrapper .drop-list .web-menu,
body.service.strategy header .main-header-wrap .menu-wrap .menu-ul .dropdown .dropdown-wrap .megamenu-container .drop-menu .swiper-header .swiper-wrapper .drop-list .strategy-menu,
body.service.internationalization header .main-header-wrap .menu-wrap .menu-ul .dropdown .dropdown-wrap .megamenu-container .drop-menu .swiper-header .swiper-wrapper .drop-list .internationalization-menu,
body.service.migration header .main-header-wrap .menu-wrap .menu-ul .dropdown .dropdown-wrap .megamenu-container .drop-menu .swiper-header .swiper-wrapper .drop-list .migration-menu,
body.service.headless header .main-header-wrap .menu-wrap .menu-ul .dropdown .dropdown-wrap .megamenu-container .drop-menu .swiper-header .swiper-wrapper .drop-list .headless-menu,
body.service.app header .main-header-wrap .menu-wrap .menu-ul .dropdown .dropdown-wrap .megamenu-container .drop-menu .swiper-header .swiper-wrapper .drop-list .app-menu,
body.service.cro header .main-header-wrap .menu-wrap .menu-ul .dropdown .dropdown-wrap .megamenu-container .drop-menu .swiper-header .swiper-wrapper .drop-list .cro,
body.service.support header .main-header-wrap .menu-wrap .menu-ul .dropdown .dropdown-wrap .megamenu-container .drop-menu .swiper-header .swiper-wrapper .drop-list .support,
body.about header .main-header-wrap .menu-wrap .menu-ul li .about-menu,
body.portfolio header .main-header-wrap .menu-wrap .menu-ul li .work-menu {
    color: #37C8AC;
}
.main-heading {
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: var(--main-heading-font);
}
.second-heading {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.primery-text {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
}
.p-text {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
}
.pl-text {
    color: #FFF;
    text-align: center;
    font-family: var(--second-heading);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
}
.green-text {
    color: #37C8AE;
    font-family: var(--second-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
.primery-heading {
    color: #FFF;
    font-family: var(--main-heading-font);
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.policy-heading {
    color: #FFF;
    font-family: var(--main-heading-font);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    text-transform: capitalize;
}
.policy-second-heading {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    text-transform: capitalize;
}
.policy-green-text {
    color: #37C8AE;
    font-family: var(--second-heading);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    text-transform: capitalize;
}
.policy-h4-heading {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-transform: capitalize;
}
.c-2-heading {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
}
.portfolio-title-green {
    color: #37C8AE;
    font-family: var(--second-heading);
    font-size: 90px;
    font-style: normal;
    font-weight: 400;
    line-height: 120px;
}
.mt {
    margin-top: 15px;
}
.slick-slider .slick-track,
.flex {
    display: flex;
    align-items: center;
}
.flex_two {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.flex-end {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-column {
    flex-direction: column;
}

.space-between {
    justify-content: space-between;
}
.wrap {
    flex-wrap: wrap;
}
.ff-lato {
    font-family: var(--main-heading-font);
}
.ff-rubik {
    font-family: var(--second-heading);
}
.w-100 {
    width: 100%;
    display: block;
}
.margin-auto {
    margin: 0 auto;
}
.menu-wrap .menu-ul li a:hover {
    color: #37C8AE !important;
}
.menu-wrap .menu-ul li .link.os-m:hover {
    color: #000 !important;
}
.cdk-btn-green {
    width: 160px;
    height: 50px;
    background-color: #37C8AC;
    color: #000;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-size: 300% 100%;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    text-transform: capitalize;
    font-family: var(--second-heading);
    cursor: pointer;
    transition: all 0.90s;
    position: relative;
    overflow: hidden;
}
.cdk-btn-transparent::before,
.cdk-btn-transparent::after,
.cdk-btn-white::after,
.cdk-btn-white::before,
.cdk-btn-green::before,
.cdk-btn-green::after {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100px) skewX(-15deg);
    content: "";
}
@keyframes hovering {
    0% {
        transform: translateX(-100px) skewX(-15deg); 
    }
    100%{
        transform: translateX(300px) skewX(-15deg);
    }
    0% {
        transform: translateX(-100px) skewX(-15deg); 
    }
}
.cdk-btn-transparent::before {
    width: 60px;
    background: rgba(255, 255, 255, 0.3);
    filter: blur(30px);
    opacity: 0.5;
}
.cdk-btn-white::before {
    width: 60px;
    background: #0414121c;
    filter: blur(30px);
    opacity: 0.5;
}
.cdk-contact-btn::before,
.cdk-btn-green::before {
    width: 60px;
    background: rgba(255, 255, 255, 0.5);
    filter: blur(30px);
    opacity: 0.5;
}
.cdk-btn-white::after {
    width: 40px;
    left: 40px;
    background: #0414121c;
    filter: blur(5px);
}
.cdk-btn-transparent::after,
.cdk-contact-btn::after,
.cdk-btn-green::after {
    width: 40px;
    left: 40px;
    background: rgba(255, 255, 255, 0.2);
    filter: blur(5px);
}
.cdk-contact-btn:hover::before,
.cdk-btn-transparent:hover::before,
.cdk-btn-white:hover::before,
.cdk-btn-green:hover::before {
    opacity: 1;
}
.cdk-contact-btn:hover::before,
.cdk-contact-btn:hover::after,
.cdk-btn-transparent:hover::before,
.cdk-btn-transparent:hover::after,
.cdk-btn-white:hover::before,
.cdk-btn-white:hover::after,
.cdk-btn-green:hover::before,
.cdk-btn-green:hover::after {
    transform: translateX(300px) skewX(-15deg);
    transition: all 0.90s ease;
    animation: hovering 0.9s linear infinite;
}
.cdk-btn-white {
    width: 160px;
    height: 50px;
    background-color: #fff;
    color: #000;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    text-transform: capitalize;
    font-family: var(--second-heading);
    transition: all 0.90s;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.cdk-btn-transparent {
    width: 160px;
    height: 50px;
    background-color: transparent;
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #37C8AE;
    border-radius: 4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    text-transform: capitalize;
    font-family: var(--second-heading);
    cursor: pointer;
    transition: all 0.90s;
    position: relative;
    overflow: hidden;
}
.cdk-contact-btn {
    width: 100%;
    height: 51px;
    border: none;
    border-radius: 10px;
    background: #37C8AE;
    color: #000;
    font-family: var(--second-heading);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.90s;
    position: relative;
    overflow: hidden;
}


.cdk-contact-btn::before,
.cdk-contact-btn::after {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}
@keyframes hovering-two {
    0% {
        transform: translateX(-100px) skewX(-15deg); 
    }
    100%{
        transform: translateX(1600px) skewX(-15deg);
    }
    0% {
        transform: translateX(-100px) skewX(-15deg); 
    }
}
.cdk-contact-btn::before {
    width: 100px;
    background: linear-gradient(86deg, rgba(245,245,245,1) 0%, rgba(55,200,174,0.30575980392156865) 25%, rgba(245,245,245,1) 50%, rgba(55,200,174,0.31416316526610644) 75%, rgba(245,245,245,0.5606617647058824) 100%);
    filter: blur(30px);
    opacity: 0.5;
}
.cdk-contact-btn::after {
    width: 100px;
    left: -110px;
    background: linear-gradient(86deg, rgba(245,245,245,1) 0%, rgba(55,200,174,0.30575980392156865) 25%, rgba(245,245,245,1) 50%, rgba(55,200,174,0.31416316526610644) 75%, rgba(245,245,245,0.5606617647058824) 100%);
    filter: blur(30px);
}
.cdk-contact-btn:hover::before,
.cdk-contact-btn:hover::after {
    transition: all 0.90s ease;
    animation: hovering-two 5s linear infinite;
}
#blog-detail-first.blog-detail-section .blog-image-inner-wrap img.mobile,
#menu,
#toggle,
.career-form-section .form-and-img-wrapper .career-form-wrap .career-form fieldset input:focus + .textfield__label,
.career-form-section .form-and-img-wrapper .career-form-wrap .career-form fieldset input:valid + .textfield__label,
.career-form-section .form-and-img-wrapper .career-form-wrap .career-form fieldset input:disabled + .textfield__label,
.our_work-images_wrap .work-image_all img.mobile,
.image-slider-items .slick-dots li button::before,
.slick-slide img.mobile,
.mobile {
    display: none;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    border-radius: 10px;
}
.service_section,
.our_work_section {
    padding: 100px 0px;
}
.blogs-section {
    padding: 129px 0 215px;
}
.service_section .service_all_wrap .service-head.flex,
.our_work_section .our_work_all_wrap .service-head.flex,
.blogs-section .our_work_all_wrap .service-head.flex,
.our-approach-section .service-head.flex {
    align-items: flex-start;
    column-gap: 30px;
}
.blogs-section .our_work_all_wrap .service-head {
    margin-bottom: 60px;
}
.service_section .service_all_wrap.container-second {
    padding: 0 30px;
}
.service_section .service_all_wrap .service-head .service-titel,
.our_work_section .our_work_all_wrap .service-head .service-titel,
.blogs-section .our_work_all_wrap .service-head .service-titel,
.our-approach-section .service-head .service-titel {
    width: 100%;
    max-width: 519px;
}
.service_section .service_all_wrap .green-text,
.our_work_section .our_work_all_wrap .green-text,
.blogs-section .our_work_all_wrap .green-text,
.our-approach-section .green-text {
    margin-bottom: 15px;
}
.service_section .service_all_wrap .service-head .service-text,
.our_work_section .our_work_all_wrap .service-head .service-text,
.blogs-section .our_work_all_wrap .service-head .service-text,
.our-approach-section .service-head .service-text {
    width: 100%;
    max-width: 817px;
}
.service_section .service_all_wrap .service-head .service-text .challenge-ol {
    padding: 10px 0 10px 20px;
}
.service_body_wrap .service-body {
    width: 100%;
    margin-top: 20px;
}
.service_body_wrap .service-body .service-list {
    list-style: none;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid #6C757D;
}
.service_body_wrap .service-body .service-list .list-head {
    display: inline-block;
    color: #ADB5BD;
    font-family: var(--second-heading);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    padding-bottom: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    padding-top: 60px;
    max-width: 467px;
    text-decoration: none;
}
.service_body_wrap .service-body .service-list .list-text {
    color: #FFF;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 27px;
    max-width: 728px;
    width: 100%;
    padding-bottom: 6px;
    display: none;
}
.service_body_wrap .bnt-wrap {
    margin-top: 60px;
}
.service_body_wrap .service-body .service-list .list-head:hover {
    color: #fff;
    font-size: 32px;
    padding-top: 82px;
}
#mobile-screens .all-mobile-screen-wrap .mobile-screen .screen-img.desktop,
#title-and-text.service_section.two #container .desktop-image-wrapper .desktop-img,
#case-slider-section .case-slider-body .case-slider-wrapper .slick-arrow.next-arrow svg,
#case-slider-section .case-slider-body .case-slider-wrapper .slick-arrow.prev-arrow svg,
.dropdown-wrap .megamenu-container .mega-side-left .mega-img-wrap img,
.footer_menu_icon_wrap .footer-icon .icon_wrap .icon-list a,
.footer_menu_icon_wrap .footer-icon .icon_wrap .icon-list a svg,
.our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content .contact-icons img,
.location-section .location-wrap iframe,
.marquee-two .marquee__group img,
.about-banner-section .banner-image-wrap img,
.about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .image-slider-bt .svg-button,
.about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .image-slider-bt .svg-button svg,
.about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap .call-icon,
.last-team-slider-section .team-slider-wrapper .slide_wrapper .team_slide_one img,
.last-team-slider-section .team-slider-wrapper .slide_wrapper .team_slide_two img,
.last-team-slider-section .team-slider-wrapper .slide_wrapper .team_slide_three img,
.management_section .management_wrapper .container.flex .image_side img,
.blogs-section .our_work_all_wrap .all-team-cards-wrapper .card .front img,
.professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap .our-img-wrap img,
.career-cards-section .career-cards-all_wrap .career-cards-all-wrap .career-cards-wrapper .job-icon-wrap svg,
.service_body_wrap .service-body .service-list .list-head:hover + .list-text,
.service_body_wrap .service-body .service-list .list-head.result_hover + .list-text,
#blog-detail-first .link-wrap .cdk-btn-white.activate + .share-link-hidden,
#blog-detail-first .link-wrap .share-link-hidden .share-to-list a span {
    display: block;
}
#mobile-screens .all-mobile-screen-wrap .mobile-screen .screen-img {
    max-width: 320px;
}
.service_body_wrap .service-body .service-list .list-head.result_hover {
    color: #fff;
    font-size: 32px;
    padding-top: 82px;
}
.our_work_body_wrap {
    margin-top: 49px;
}
.our_work-images_wrap.flex {
    justify-content: space-between;
    padding-top: 30px;
    row-gap: 30px;
    width: 100%;
    align-items: unset;
}
.our_work-images_wrap .work-image_one img,
.our_work-images_wrap .work-image_four img {
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 10px;
    height: 100%;
}
.our_work-images_wrap .work-image_one,
.our_work-images_wrap .work-image_four {
    width: 32.4%;
    position: relative;
}
.our_work-images_wrap .work-image_two img,
.our_work-images_wrap .work-image_three img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.our_work-images_wrap .work-image_two,
.our_work-images_wrap .work-image_three {
    width: 66.15%;
    position: relative;
}
.our_work-images_wrap .work-image_one .card-h-txt,
.our_work-images_wrap .work-image_two .card-h-txt,
.our_work-images_wrap .work-image_three .card-h-txt,
.our_work-images_wrap .work-image_four .card-h-txt {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: none;
    z-index: 1;
}
.our_work-images_wrap .work-image_one .card-h-txt .logo_card,
.our_work-images_wrap .work-image_two .card-h-txt .logo_card,
.our_work-images_wrap .work-image_three .card-h-txt .logo_card,
.our_work-images_wrap .work-image_four .card-h-txt .logo_card {
    max-width: 50px;
    height: 100%;
    max-height: 53px;
    min-height: unset;
    object-fit: contain;
    display: block;
}
.our_work-images_wrap .work-image_four .card-h-txt .logo_card.igluu {
    max-height: 60px;
}
.our_work-images_wrap .work-image_three .card-h-txt .logo_card.protech {
    max-height: 50px;
    max-width: 80px;
}
.our_work-images_wrap .work-image_two .card-h-txt .logo_card.sneaker,
.our_work-images_wrap .work-image_one .card-h-txt .logo_card.mresi,
.our_work-images_wrap .work-image_four .card-h-txt .logo_card.mresi {
    max-width: 140px;
    max-height: 60px;
}
.our_work-images_wrap .work-image_three .card-h-txt .logo_card.egyptian {
    max-width: 300px;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items .card-h-txt .logo_card,
.our_work-images_wrap .work-image_one .card-h-txt h3.logo_card,
.our_work-images_wrap .work-image_two .card-h-txt h3.logo_card,
.our_work-images_wrap .work-image_three .card-h-txt h3.logo_card,
.our_work-images_wrap .work-image_four .card-h-txt h3.logo_card {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    width: 100%;
    max-width: unset;
}
.our_work-images_wrap .work-image_one .card-h-txt .bottom_card .card-heading,
.our_work-images_wrap .work-image_two .card-h-txt .bottom_card .card-heading,
.our_work-images_wrap .work-image_three .card-h-txt .bottom_card .card-heading,
.our_work-images_wrap .work-image_four .card-h-txt .bottom_card .card-heading {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}
.our_work-images_wrap .work-image_one .card-h-txt .bottom_card .card-txt,
.our_work-images_wrap .work-image_two .card-h-txt .bottom_card .card-txt,
.our_work-images_wrap .work-image_three .card-h-txt .bottom_card .card-txt,
.our_work-images_wrap .work-image_four .card-h-txt .bottom_card .card-txt {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    margin-top: 15px;
}
.our_work-images_wrap .work-image_one::before,
.our_work-images_wrap .work-image_two::before,
.our_work-images_wrap .work-image_three::before,
.our_work-images_wrap .work-image_four::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000;
    transition: all 0.5s ease;
    z-index: 0;
}
.our_work-images_wrap .work-image_one:hover::before,
.our_work-images_wrap .work-image_two:hover::before,
.our_work-images_wrap .work-image_three:hover::before,
.our_work-images_wrap .work-image_four:hover::before {
    opacity: 0.65;
}
.our_work-images_wrap .work-image_one:hover .card-h-txt,
.our_work-images_wrap .work-image_two:hover .card-h-txt,
.our_work-images_wrap .work-image_three:hover .card-h-txt,
.our_work-images_wrap .work-image_four:hover .card-h-txt {
    display: flex;
}
.our_work_section .our_work_all_wrap .our_work_body_wrap .bnt-wrap {
    width: 160px;
    margin: 0 auto;
    margin-top: 35px;
}
.text_wrap .main-text-wrap .text-title,
.blogs-section .our_work_all_wrap .blog_cards_wrapper .blog_card_wrap {
    max-width: 447px;
}
.blogs-section .our_work_all_wrap .blog_cards_wrapper {
    column-gap: unset;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -10px;
}
.blogs-section.home_blogs .our_work_all_wrap .blog_cards_wrapper {
    margin: 0 -9px;
}
.blogs-section.home_blogs .our_work_all_wrap .blog_cards_wrapper .blog_card_wrap {
    padding: 0 9px;
}
.blogs-section .our_work_all_wrap .blog_cards_wrapper .blog_card_wrap .blog-img {
    width: 100%;
    border: 1px solid #37C8AE;
    border-radius: 5px;
}
.blogs-section .our_work_all_wrap .blog_cards_wrapper .blog_card_wrap .blog-img img {
    width: 100%;
    display: block;
    border-radius: 5px;
}
.blogs-section .our_work_all_wrap .blog_cards_wrapper .blog_card_wrap .blog-title-text p {
    color: #37C8AE;
    font-family: var(--second-heading);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin: 20px 0 15px;
}
.blogs-section .our_work_all_wrap .blog_cards_wrapper .blog_card_wrap .blog-title-text h3 {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 27px;
    width: 100%;
    max-width: 402px;
    text-transform: capitalize;
}
.blogs-section .our_work_all_wrap {
    padding: 0 11px 0 30px;
}
.blogs-section .our_work_all_wrap .blog_cards_wrapper .blog_card_wrap {
    max-width: 467px;
    flex: 0 0 auto;
    width: 33.333333%;
    padding: 0 10px;
    text-decoration: none;
    opacity: 1;
}
.blogs-section .our_work_all_wrap #loadMore {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
.main-title-section .main-title-wrap .green-text {
    color: #37C8AE;
    font-family: var(--second-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}
.main-title-section .main-title-wrap .main-heading {
    margin: 15px 0;
    text-transform: capitalize;
    text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.25);
}
.main-title-section .main-title-wrap .primery-text {
    color: #FFF;
    font-family: var(--second-heading);
    width: 100%;
    max-width: 1012px;
}
.about-banner-section .container .about_cards_wrap,
.our-approach-section .container .about_cards_wrap {
    width: 100%;
    padding: 200px 0;
    column-gap: 19px;
}
.about-banner-section .container .about_cards_wrap .about-cards_wrap,
.our-approach-section .container .about_cards_wrap .about-cards_wrap {
    width: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.about-banner-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-heading,
.our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-heading {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 38px;
    text-transform: uppercase;
}
.about-banner-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-text,
.our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-text {
    font-family: var(--second-heading);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 27px;
}
.about-banner-section .container .about_cards_wrap .about-cards_wrap .box,
.our-approach-section .container .about_cards_wrap .about-cards_wrap .box {
    width: 100%;
    max-width: 447px;
    height: 100%;
    overflow: hidden;
    border: 1px solid #37C8AE;
    border-radius: 10px;
}
.about-banner-section .container .about_cards_wrap .about-cards_wrap .box .content,
.our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content {
    padding: 50px 37px;
    text-align:center;
    
}
.about-banner-section .container .about_cards_wrap .about-cards_wrap .box .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.about-banner-section .container .about_cards_wrap .about-cards_wrap .box:before,
.our-approach-section .container .about_cards_wrap .about-cards_wrap .box:before {
    content: '';
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background: #37c8ae1a;
    transition:0.5s;
    pointer-events: none;
}
.about-banner-section .container .about_cards_wrap .about-cards_wrap .box:hover:before,
.our-approach-section .container .about_cards_wrap .about-cards_wrap .box:hover:before {
    left:-50%;
    transform: skewX(-5deg);
}
.about-banner-section .container .about_cards_wrap .about-cards_wrap .box span:nth-child(1),
.our-approach-section .container .about_cards_wrap .about-cards_wrap .box span:nth-child(1) {
	position: absolute;
	top: 1px;
	right: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(to right, #17161800, #37C8AE);
	animation: animate1 2s linear infinite;
}
@keyframes animate1 {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}
.about-banner-section .container .about_cards_wrap .about-cards_wrap .box span:nth-child(2),
.our-approach-section .container .about_cards_wrap .about-cards_wrap .box span:nth-child(2) {
	position: absolute;
	top: 0;
	right: 1px;
	height: 100%;
	width: 3px;
	background: linear-gradient(to bottom, #17161800, #37C8AE);
	animation: animate2 2s linear infinite;
	animation-delay: 1s;
}
@keyframes animate2 {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(100%);
	}
}
.about-banner-section .container .about_cards_wrap .about-cards_wrap .box span:nth-child(3),
.our-approach-section .container .about_cards_wrap .about-cards_wrap .box span:nth-child(3) {
	position: absolute;
	bottom: 1px;
	right: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(to left, #17161800, #37C8AE);
	animation: animate3 2s linear infinite;
}
@keyframes animate3 {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}
.about-banner-section .container .about_cards_wrap .about-cards_wrap .box span:nth-child(4),
.our-approach-section .container .about_cards_wrap .about-cards_wrap .box span:nth-child(4) {
	position: absolute;
	top: 0;
	left: 1px;
	height: 100%;
	width: 3px;
	background: linear-gradient(to top, #17161800, #37C8AE);
	animation: animate4 2s linear infinite;
	animation-delay: 1s;
}
@keyframes animate4 {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(-100%);
	}
}
.slick-dots {
    bottom: -38px !important;
}
.slick-dots .slick-active {
    background-color: var(--red);
    width: 30px !important;
    border-radius: 10px;
}
.image-slider-items.slick-dotted {
    margin-bottom: 0 !important;
}
.image-slider-items .slick-dots {
    background-color: rgba(55, 200, 174, 0.77);
    bottom: 0 !important;
    right: 0;
    margin: 0;
    padding: 51px 26.07px 50px 58.31px;
    min-width: 46px;
    width: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.image-slider-items .slick-dots li {
    display: flex;
    margin: 0;
    width: 15px;
    height: 15px;
    margin-bottom: 15px;
    flex-direction: row;
    justify-content: center;
}
.images-slides .image-slider-items .slick-dots li {
    display: flex;
    margin: 0;
    width: 15px !important;
    height: 15px !important;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 15px;
}
.image-slider-items .slick-dots li:last-child {
    margin-bottom: 0;
}
.slick-dots li button {
    border: 0;
    background: #fff !important;
    display: block;
    height: 15px !important;
    width: 15px !important;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: #fff !important;
    padding: 5px;
    cursor: pointer;
    border-radius: 100%;
    position: relative;
}
.image-slider-items .slick-dots li.slick-active button:after {
    content: '0';
    position: absolute;
    left: 0;
}
.image-slider-items .slick-slide img {
    display: block;
    width: 100%;
}
.image-slider-items .slick-slider .slick-track, .slick-slider .slick-list {
    border-radius: unset !important;
}
.image-slider-items .slick-dots li.slick-active {
    width: 41.65px !important;
    height: 40px !important;
    border-radius: 100%;
    background: #37C8AE !important;
    border: 2px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.image-slider-items .slick-dots li.slick-active button {
    display: flex;
    width: 40px;
    height: 40px;
    color: #000 !important;
    background: #37C8AE !important;
    font-family: var(--main-heading-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    justify-content: center;
    align-items: center;
    padding-left: 16px;
}
.heading-container {
    width: 100%;
    max-width: 513px;
    position: sticky;
    top: 120px;
}
.privacy-heading-and-text-wrap {
    column-gap: 50px;
    position: relative;
}
.privacy-heading-and-text-wrap .peivacy-txt-container {
    width: 100%;
    max-width: 817px;
}
.privacy-heading-and-text-wrap .peivacy-txt-container .primery-text {
    font-family: var(--second-heading);
    margin-bottom: 15px;
}
.privacy-heading-and-text-wrap .peivacy-txt-container .policy-second-heading {
    padding-top: 25px;
    padding-bottom: 20px;
}
.privacy-heading-and-text-wrap .peivacy-txt-container .policy-green-text {
    margin-bottom: 15px;
}
.privacy-heading-and-text-wrap .peivacy-txt-container .policy-list {
    padding-left: 25px;
    margin-bottom: 15px;
}
.privacy-heading-and-text-wrap .peivacy-txt-container .policy-list .list-item {
    margin-bottom: 10px;
}
.privacy-heading-and-text-wrap .peivacy-txt-container .policy-h4-heading {
    margin-bottom: 15px;
}
.privacy-heading-and-text-wrap .peivacy-txt-container a {
    color: #37C8AE;
    word-break: break-all;
}
.privacy-heading-and-text-wrap .peivacy-txt-container .policy-list .list-item span {
    font-weight: 600;
}
.hompage_section_top .slider_section_wrapper .slideshow .slick-slider .slick-list.draggable {
    border-radius: 10px !important;
}
.our_work_section .our_work_all_wrap .bnt-wrap {
    text-align: center;
    margin-top: 50px;
}
html {
    scroll-behavior: smooth;
}
#blog-detail-first #container.container {
    padding: 0 30px;
}
#blog-detail-first.blog-detail-section {
    margin: 100px 0 71px;
}
#blog-detail-first.blog-detail-section .blog-header {
    margin-bottom: 20px;
}
#blog-detail-first.blog-detail-section .blog-header .main-heading {
    width: 100%;
    max-width: 1055px;
    margin-bottom: 16px;
    text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.25);
    text-transform: capitalize;
}
#blog-detail-first.blog-detail-section .blog-header .date-and-link-wrap .link-wrap .cdk-btn-white span,
#blog-detail-first.blog-detail-section .blog-header .date-and-link-wrap .link-wrap .cdk-btn-white span svg {
    display: block;
    margin-right: 5px;
}
#blog-detail-first.blog-detail-section .blog-image-inner-wrap{
    border-radius: 10px;
    margin-bottom: 70px;
}
#blog-detail-first.blog-detail-section .blog-image-inner-wrap img {
    display: block;
    max-height: 700px;
    object-fit: cover;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter {
    position: relative;
    column-gap: 30px;
} 
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body {
    width: 100%;
    max-width: 854px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body h2 {
    color: #FFF;
    font-family: Rubik;
    font-weight: 500;
    margin-top: 30px;
    /* font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; */
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body h2:not(:last-child) {
    margin-bottom: 15px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body h3 {
    color: #FFF;
    font-family: var(--main-heading-font);
    /* font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    display: list-item;
    list-style-type: auto;
    margin-left: 30px;
    padding-left: 10px; */
    margin-bottom: 15px;
    margin-top: 30px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body ol li strong {
    font-weight: 600;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body p {
    color: #FFF;
    font-family: var(--second-heading);
    /* font-size: 18px;
    font-style: normal;
    font-weight: 400; */
    line-height: 27px;
    margin-left: 0px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body h2 p {
    margin-bottom: 14px;
    font-family: var(--main-heading-font);
    font-size: 25px;
    font-weight: 700;
    line-height: 32px;
    margin-left: 0;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body p:not(:last-child) {
    margin-bottom: 30px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body ul *:nth-child(1) {
    margin-top: 0;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .blog-newslwtter-wrap {
    width: 100%;
    max-width: 435px;
    background-color: #fff;
    color: #000;
    border-radius: 10px;
    position: sticky;
    top: 100px;
    margin-right: 12px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body h5 {
    list-style-type: auto;
    display: list-item;
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-left: 20px;
    margin-bottom: 15px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body h5:first-of-type {
    margin-top: 30px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body ol {
    margin-left: 20px;
    margin-top: 30px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body h4 {
    color: #FFF;
    font-family: var(--main-heading-font);
    /* font-size: 25px;
    font-style: normal;
    font-weight: 700; */
    margin-bottom: 20px;
    line-height: 32px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body ul {
    padding: 0px 0  0px 0px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body ul li {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 10px;
    margin-left: 30px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body h6 {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 15px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body a {
    color: #37C8AE;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body ol li {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 10px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .blog-newslwtter-wrap .news-container {
    padding: 67px 41px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .blog-newslwtter-wrap .news-container .news-heading {
    color: #000;
    font-family: var(--main-heading-font);
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    text-transform: capitalize;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .blog-newslwtter-wrap .news-container .news-text {
    color: #000;
    font-family: var(--second-heading);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin: 15px 0 23px;
    max-width: 335px;
    width: 100%;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .blog-newslwtter-wrap .news-container form input#newsmail {
    width: 100%;
    height: 50px;
    border: 1px solid #37C8AE;
    border-radius: 5px;
    padding-left: 21px;
    color: #2B3D51;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .blog-newslwtter-wrap .news-container form .cdk-newsletter-btn {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 4px;
    background: #37C8AE;
    color: #000;
    text-align: center;
    font-family: var(--second-heading);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 20px;
}
#blogs-last-section.blogs-section .our_work_all_wrap .service-header {
    margin-bottom: 60px;
}
#blogs-last-section.blogs-section .our_work_all_wrap .service-header .service-titel .blog-service-title {
    color: #FFF;
    font-family: var(--main-heading-font);
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    text-transform: capitalize;
}
#blog-detail-first .link-wrap .share-link-hidden {
    width: 250px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 60px;
    padding-bottom: 10px;
    display: none;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px, rgba(0, 0, 0, 0.15) 0px 8px 8px;
}
#blog-detail-first .link-wrap .share-link-hidden .sq-top {
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    background-color: #fff;
    margin: 0 auto;
    margin-top: -6px;
}
#blog-detail-first .link-wrap .share-link-hidden .share-to-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#blog-detail-first .link-wrap .share-link-hidden .share-to-list a {
    padding: 10px 0;
    text-decoration: none;
    color: #000;
    font-size: 18px;
    font-family: var(--second-heading);
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
    padding: 10px 0 10px 20px;
    cursor: pointer;
}
#blog-detail-first .link-wrap .share-link-hidden .share-to-list a .fh {
    margin-right: 10px;
}
#blog-detail-first .link-wrap .share-link-hidden .share-to-list a:not(:last-child) {
    border-bottom: 1px solid #00000042;
}
#blogs-last-section.blogs-section {
    padding: 129px 0 220px;
}
.blogs-section .our_work_all_wrap .blog-tab-section .blog-filter-tab .filter-tab-wrap .swiper-wrapper {
    z-index: 0;
}
#container {
    padding: 0 30px;
}
#service-main.main-title-section {
    width: 100%;
    padding: 220px 0 87px;
}
#service-main.main-title-section .main-title-wrap {
    position: relative;
    padding: 0;
}
#service-main.main-title-section .main-title-wrap .cdk-buttons-wrap {
    margin-top: 40px;
    position: relative;
}
#service-main.main-title-section .main-title-wrap .cdk-buttons-wrap .cdk-btn-green {
    margin-right: 20px;
}
#service-two.service_section {
    padding: 150px 0px 177px;
}
#service-two .container-two .all-items-wrapper {
    margin-top: 60px;
}
#service-two .container-two .all-items-wrapper .order-list {
    padding: 40px 0 30px 20px;
    column-count: 2;
    column-gap: 40px;
}
#service-two .container-two .all-items-wrapper .order-list .order-item {
    color: #FFF;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 27px;
    margin-bottom: 20px;
}
#service-two .container-two .all-items-wrapper .unorder-list {
    padding: 34px 0 20px 22px;
    column-count: 2;
    column-gap: 40px;
}
#service-two .container-two .all-items-wrapper .unorder-list .unorder-items {
    color: #FFF;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 20px;
    list-style-image: url(/public/images/servicre-inner/Layer.svg);
}
#service-three .background-image-fix {
    max-height: 700px;
    display: block;
    object-fit: cover;
}
#service-four.our-approach-section {
    margin: 50px 0;
}
#service-four.our-approach-section .container .about_cards_wrap {
    width: 100%;
    padding: 60px 0 100px;
    column-gap: 19px;
}
#service-four.our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content {
    padding: 50px 29px;
}
#service-four.our-approach-section .container .about_cards_wrap .about-cards_wrap .box {
    width: 100%;
    max-width: 447px;
    min-height: 320px;
    height: 100%;
    overflow: hidden;
    border: 1px solid #37C8AE;
    border-radius: 10px;
    position: relative;
}
#service-five.service-inner-slider {
    width: 100%;
    padding: 214px 0;
    background-position: center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background: url(/public/images/servicre-inner/bg_img_line1.webp),linear-gradient(104deg, rgba(12, 55, 48, 0.50) 0%, #000 98.85%);
}
#service-five.service-inner-slider .service-slider-head {
    width: 100%;
}
#service-five.service-inner-slider .service-slider-head  .slider-heading {
    color: #FFF;
    text-align: center;
    font-family: var(--main-heading-font);
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 25px;
}
#service-five.service-inner-slider .all-text-slide-wrap .slider-all-img {
    max-width: 450px;
    height: 100%;
    width: 100%;
}
#service-five.service-inner-slider .all-text-slide-wrap {
    width: 100%;
    max-width: 1212px;
    margin: 0 auto;
    column-gap: 20px;
}
#service-five.service-inner-slider .all-text-slide-wrap .slider-left-text {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#service-five.service-inner-slider .all-text-slide-wrap .slider-right-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}
#service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .slide-text:not(:last-child),
#service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .slide-text-r:not(:last-child) {
    margin-bottom: 60px;
}
#service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .slide-text.slide-text-two {
    margin-right: 50px;
}
#service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .slide-text-r.slide-text-two {
    margin-left: 50px;
}
#service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .slide-text,
#service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .slide-text-r {
    column-gap: 20px;
}
#service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .slide-text .side-txt,
#service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .slide-text-r .side-txt {
    color: #FFF;
    text-align: center;
    font-family: var(--second-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    text-wrap: nowrap;
}
#service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .side-img,
#service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .side-img {
    background: #fff;
    width: 50px;
    max-width: 100%;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .side-img img,
#service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .side-img img {
    display: block;
    max-width: 30px;
}
#main-banner {
    width: 100%;
    height: 100%;
    position: relative;
}
#main-banner img {
    display: block;
    max-height: 790px;
    object-fit: cover;
}
#main-banner .arrow-down-scroll {
    display: block;
    position: absolute;
    left: 50%;
    bottom: -105px;
    transform: translateY(-50px);
    cursor: pointer;
}
#main-banner .arrow-down-scroll .mouse_scroll {
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 100px;
}
#main-banner .arrow-down-scroll .mouse_scroll .m_scroll_arrows {
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 2px solid #37C8AE;
  border-bottom: 2px solid #37C8AE;
  margin: 0 0 3px 4px;
  width: 16px;
  height: 16px;
}
#main-banner .arrow-down-scroll .mouse_scroll .unu {
  margin-top: 1px;
}
#main-banner .arrow-down-scroll .mouse_scroll .unu, .doi, .trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
}
#main-banner .arrow-down-scroll .mouse_scroll .unu {
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  animation-delay: alternate;
}
#main-banner .arrow-down-scroll .mouse_scroll .doi {
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  animation-delay: .2s;
  animation-direction: alternate;
  margin-top: -6px;
}
#main-banner .arrow-down-scroll .mouse_scroll .trei {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  animation-delay: .3s;
  animation-direction: alternate; 
  margin-top: -6px;
}
#main-banner .arrow-down-scroll .mouse_scroll .mouse {
  height: 42px;
  width: 24px;
  border-radius: 14px;
  transform: none;
  border: 2px solid #37C8AE;
  top: 170px;
}
#main-banner .arrow-down-scroll .mouse_scroll .wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: #37C8AE;
  position: relative; 
  height: 4px;
  width: 4px;
  border: 2px solid #37C8AE;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#main-banner .arrow-down-scroll .mouse_scroll .wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite;
}
@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
#container {
    padding: 0 30px;
}
#title-and-text .title-wrap {
    text-align: center;
    margin: 30px 0;
    padding: 70px 0;
}
#title-and-text.service_section, .our_work_section {
    padding: 0px 0px;
}
#title-and-text .service_all_wrap .service-head .service-text .bnt-wrap {
    margin-top: 40px;
}
#desktop-image {
    width: 100%;
    padding: 150px 0;
}
.our_work-images_wrap .work-image_all img.desktop,
#blog-detail-first.blog-detail-section .blog-image-inner-wrap img,
#title-and-text.service_section.three #container .all-challenge-img-wrapper .challenge-top-wrap .challenge-img .challenge-image,
#desktop-image .desktop-image-wrapper,
#desktop-image .desktop-image-wrapper .desktop-img {
    border-radius: 10px;
    display: block;
}
.blogs-section .our_work_all_wrap,
#service-two.portfolio-list-section {
    padding: 0;
}
#service-two.portfolio-list-section .container-two .all-items-wrapper {
    margin-top: 0px;
}
#service-two.portfolio-list-section .container-two .all-items-wrapper .unorder-list {
    padding: 50px 0 0 20px;
}
#mobile-screens {
    padding: 207px 0;
}
#mobile-screens .all-mobile-screen-wrap {
    width: 100%;
    max-width: 1190px;
    margin: 0 auto;
    column-gap: 30px;
}
#title-and-text .service_all_wrap #counter-wrapper {
    padding: 50px 70px;
    margin-top: 40px;
    border-top: 1px solid #6C757D;
    border-bottom: 1px solid #6C757D;
}
#title-and-text .service_all_wrap #counter-wrapper .counter {
    text-align: center;
}
#title-and-text .service_all_wrap #counter-wrapper .counter .count {
    color: #37C8AE;
    font-family: var(--second-heading);
    font-size: 55px;
    font-style: normal;
    font-weight: 600;
    line-height: 65px;
}
#title-and-text .service_all_wrap #counter-wrapper .counter .counter-name {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-top: 10px;
}
#title-and-text.service_section.two {
    margin: 150px 0;
}
#title-and-text.service_section.two .desktop-image-wrapper {
    margin-top: 104px;
}
#title-and-text.service_section.three #container .all-challenge-img-wrapper {
    margin-top: 91px;
}
#title-and-text.service_section.three #container .all-challenge-img-wrapper .challenge-top-wrap {
    column-gap: 20px;
    margin-bottom: 30px;
}
#title-and-text.service_section.three #container .all-challenge-img-wrapper .challenge-top-wrap .challenge-img,
#title-and-text.service_section.three #container .all-challenge-img-wrapper .challenge-bottom-wrap {
    border-radius: 10px;
    overflow: hidden;
}
#title-and-text.service_section.three #container .all-challenge-img-wrapper .challenge-top-wrap .challenge-img .challenge-image,
#title-and-text.service_section.three #container .all-challenge-img-wrapper .challenge-bottom-wrap .challenge-image {
    transition: all 0.5s ease-in-out;
    display: block;
}
#title-and-text.service_section.three #container .all-challenge-img-wrapper .challenge-top-wrap .challenge-img .challenge-image:hover,
#title-and-text.service_section.three #container .all-challenge-img-wrapper .challenge-bottom-wrap .challenge-image:hover {
    transform: scale(1.1)
}
#case-slider-section {
    padding: 158px 0 150px;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items {
    width: 100%;
    max-width: 447px;
    position: relative;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items:not(:last-child) {
    margin-right: 20px;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items img {
    border-radius: 10px;
}
#case-slider-section .all-case-slider-wrap .case-slider-header {
    margin-bottom: 68px;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000;
    transition: all 0.5s ease;
    z-index: 0;
    border-radius: 10px;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items .card-h-txt {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: none;
    z-index: 1;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items .card-h-txt .logo_card {
    max-width: 50px;
    height: 100%;
    max-height: 53px;
    min-height: unset;
    object-fit: cover;
    display: block;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items .card-h-txt .logo_card.text {
    max-width: unset;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items .card-h-txt .logo_card.protech {
    max-width: 100px;
    object-fit: contain;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items .card-h-txt .logo_card.egyptian {
    max-width: 280px;
    object-fit: contain;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items .card-h-txt .logo_card.mresi {
    max-width: 100px;
    max-height: 60px;
    object-fit: contain;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items .card-h-txt .logo_card.sneaker {
    max-width: 180px !important;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items .card-h-txt .logo_card.igluu {
    object-fit: contain;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items .card-h-txt .bottom_card .card-heading {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items .card-h-txt .bottom_card .card-txt {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    margin-top: 15px;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items:hover .card-h-txt {
    display: flex;
}
#case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items:hover::before {
    opacity: 0.65;
}
#case-slider-section .case-slider-body .case-slider-wrapper .slick-arrow.next-arrow {
    position: absolute;
    top: -100px;
    right: 0;
}
#case-slider-section .case-slider-body .case-slider-wrapper .slick-arrow {
    transform: rotate(180deg);
}
#case-slider-section .case-slider-body .case-slider-wrapper .slick-arrow.prev-arrow {
    position: absolute;
    right: 55px;
    top: -100px;
}
#case-slider-section .case-slider-body .case-slider-wrapper .slick-arrow.next-arrow,
#case-slider-section .case-slider-body .case-slider-wrapper .slick-arrow.prev-arrow {
    background-color: #37C8AE;
    border-radius: 100%;
    border: none;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hompage_section_top {
    padding-top: 90px;
}
.main_heading_text {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.main_heading_text .heading {
    width: 100%;
    max-width: 817px;
}
.main_heading_text .heading .main-heading {
    text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.25);
}
.text_wrap .main-text-wrap {
    width: 100%;
    padding: 9px 0 10px 62px;
    border-left: 1px solid #444E59;
}
.text_wrap .detail_count_wrap {
    width: 100%;
    padding-left: 62px;
    margin-top: 25px;
}
.text_wrap .detail_count_wrap .first_count_wrap:not(:last-child) {
    margin-right: 72px;
}
.text_wrap .detail_count_wrap .first_count_wrap {
    width: 100%;
    max-width: 84px;
    text-align: center;
}
.text_wrap .detail_count_wrap .first_count_wrap.two {
    max-width: 81px;
}
.text_wrap .detail_count_wrap .first_count_wrap.three {
    max-width: 78px;
}
.text_wrap .detail_count_wrap .first_count_wrap .count {
    text-align: center;
    font-family: var(--second-heading);
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 9px;
    color: #37C8AE;
}
.text_wrap .detail_count_wrap .first_count_wrap .count .counter-number {
    color: #fff;
}
.detail_count_wrap .first_count_wrap .text {
    text-align: center;
}
.slideshow {
    width: 100%;
    max-width: 1146px;
    margin: 0 auto;
    margin-top: 40px;
}
.slideshow .slider .item {
    border-radius: 10px;
    overflow: hidden;
}
.slideshow .slider .item img {
    width: 100%;
    max-width: 1146px;
    -webkit-animation: zoomeffect 6s infinite;
    -moz-animation: zoomeffect 6s infinite;
    animation: zoomeffect 6s infinite;
}
.slider_section_wrapper {
    width: 100%;
    padding: 0 30px;
}
@-webkit-keyframes zoomeffect{
    0%{
        background-position:center;
        transform:scale(1,1);
    }
    50%{
        background-position:center;
        transform:scale(1.5,1.5);
    }
    100%{
        background-position:center;
        transform:scale(1,1);
    }
}
@keyframes zoomeffect{
    0%{
        background-position:center;
        transform:scale(1,1);
    }
    50%{
        background-position:center;
        transform:scale(1.5,1.5);
    }
    100%{
        background-position:center;
        transform:scale(1,1);
    }
}
.partnerships_section {
    width: 100%;
    padding: 76px 0 100px; 
}
.partnerships_container {
    padding: 0 30px;
    max-width: 1440px;
    margin: 0 auto;
}
.partnerships_section .partnerships_all_wrap .partner_title .part_title {
    color: #37C8AE;
    font-family: var(--second-heading);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
}
.partnerships_section .partnerships_all_wrap .partner_all_wrap {
    width: 100%;
    max-width: 933px;
}
.partnerships_section .partnerships_all_wrap .partner_all_wrap .partner_top_text .partners_text {
    color: #FFF;
    font-family: var(--main-heading-font);
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
}
.partnerships_section .partnerships_all_wrap .partner_all_wrap .partner_bottom_logos {
    width: 100%;
    max-width: 848px;
    flex-wrap: wrap;
    column-gap: 181px;
    row-gap: 65px;
    justify-content: space-between;
    margin-top: 60px;
}
.partnerships_section .partnerships_all_wrap .partner_all_wrap .partner_bottom_logos .part_logo img {
    display: block;
    width: 100%;
    max-width: 150px;
}
.partnerships_section .partnerships_all_wrap .partner_all_wrap .partner_bottom_logos .part_logo.klaviyo img {
    max-width: 95px;
}
.our-approach-section,
.our_work_section {
    margin: 100px 0;
}
.blogs-section .our_work_all_wrap .service-head .service-text {
    padding-right: 20px;
}

.loop-slider-main-wraper {
    margin: 80px 0 0px 0;
    padding: 60px 0;
}
.marquee {
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: 20px;
    mask-image: linear-gradient(
      var(--mask-direction, to right),
      hsl(0 0% 0% / 0),
      hsl(0 0% 0% / 1) 20%,
      hsl(0 0% 0% / 1) 80%,
      hsl(0 0% 0% / 0)
    );
}
@media screen and (min-width: 1025px){
  .marquee--hover-pause:hover .marquee__group {
    animation-play-state: paused;
  }
}
.marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 20px;
    animation: scroll-x 120s linear infinite;
}
.marquee--reverse .marquee__group {
    animation-direction: reverse;
    animation-delay: -3s;
}  
@keyframes scroll-x {
    from {
      transform: translateX(var(--scroll-start));
    }
    to {
      transform: translateX(var(--scroll-end));
    }
} 
@keyframes scroll-y {
    from {
      transform: translateY(var(--scroll-start));
    }
    to {
      transform: translateY(var(--scroll-end));
    }
}
.marquee .svg-wrap-group {
    display: grid;
    place-items: center;
    width: 330px;
    height: 180px;
    background: #0C3730;
    aspect-ratio: 16 / 9;
    border-radius: 0.5rem;
}
.wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: auto;
    max-width: 100vw;
}
.marquee__group .svg-wrap-group .lan-sl-img {
    max-width: 120px;
}
header.sticky {
    position: sticky;
    top: -1px;
    z-index: 15;
    background: linear-gradient(108deg, rgb(12, 55, 48) -50%, #000 99.21%);
    width: 100%;
    animation: slideDown 0.4s forwards;
}
@keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
}
.main-header-wrap,
.menu-wrap,
.menu-ul {
    justify-content: space-between;
}
.main-header-wrap {
    padding: 0px 30px;
}
.logo-wrap {
    width: 100%;
    padding: 23px 0 22px 0;
    max-width: 220px;
}
.logo-wrap a img {
    max-width: 220px;
    display: block;
}
.menu-ul {
    width: 100%;
    /*max-width: 460px;*/
}
.menu-ul li {
    list-style: none;
    margin-right: 30px;
}
.menu-ul li a {
    text-decoration: none;
    color: #fff;
    font-family: var(--second-heading);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
    letter-spacing: 0.02em;
}
.dropdown-wrap .drop-menu .drop-list .cdk-full-click {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.dropdown-wrap .drop-menu .drop-list .cdk-full-click:hover ~ .service-inner-menu {
    color: #37C8AE !important;
}
#toggle {
    width: 29px;
    height: 25px;
}
    #toggle div {
    width: 70%;
    height: 2px;
    background: white;
    margin: 4px auto;
    transition: all 0.3s;
    backface-visibility: hidden;
}
#toggle.on .one {
    transform: rotate(45deg) translate(4.5px, 5px);
}
#toggle.on .two {
    opacity: 0;
}
#toggle div.two {
    width: 45%;
    margin-left: auto;
    margin-right: 4px;
}
#toggle.on .three {
    transform: rotate(-45deg) translate(4px, -4px);
}
.menu-wrap .menu-ul .dropdown {
    padding: 35px 0;
}
.dropdown-wrap {
    position: absolute;
    width: 100%;
    background: linear-gradient(108deg, rgb(12, 55, 48) -100%, #000 99.21%);
    top: 88px;
    left: 0;
    padding: 0px;
    display: none;
    box-shadow: 0px 4px 6px 0px #00000040;
    z-index: 0;
}
.dropdown-wrap .drop-menu .drop-list {
    padding:0px;
    border-right: 1px solid #37C8AE29;
    margin-right: 0;
    box-shadow: 0 4px 20px #0000000d;
    padding: 0px 35px 0px;
    max-width: 267px;
    min-height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    align-items: center;
}
.dropdown-wrap .drop-menu .drop-list a {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    text-transform: capitalize;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
}
.mega-side-right {
    background: #37C8AE;
}
.dropdown-wrap .megamenu-container.flex {
    align-items: flex-start;
    justify-content: space-between;
}
.dropdown-wrap .megamenu-container .mega-side-left .mega-text-wrap {
    width: 100%;
    max-width: 195px;
}
.dropdown-wrap .megamenu-container .mega-side-left .mega-text-wrap .megatext {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 25px;
}
.dropdown-wrap .megamenu-container .mega-side-right .mega-heading {
    color: #000;
    font-family: var(--main-heading-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin: 0;
}
.mega_menu_heading {
    width: 18.8%;
    background-color: #37C8AE;
    text-align: center;
    padding: 33px 0 32px;
    position: relative;
    z-index: 2;
}
.drop-menu {
    width: 81.2%;
    background: linear-gradient(90.62deg, #010C16 0%, #0C3730 100%);
}
.menu-wrap .mega_menu_heading a {
    color: #000 !important;
    padding-top: 15px;
    display: inline-block;
    font-weight: 400;
    text-decoration: underline ;
    font-family: var(--main-heading-font) ;
    text-transform: capitalize ;
}
.mega_menu_heading a:hover{
    color: #000 !important;
}
.footer_main_wrap {
    border-top: 1px solid #343A40;
    background: linear-gradient(100deg, rgba(12, 55, 48, 0.50) 0%, #000 99.17%);
}
.footer-all-wrapper {
    padding: 84px 30px 57px 30px;
    max-width: 1440px;
    margin: 0 auto;
}
.footer_newsletter_wrap {
    width: 100%;
    max-width: 1074px;
    margin: 0 auto;
    justify-content: space-between;
    background-color: #000;
    padding: 75px 80px;
    border-radius: 10px;
    margin-bottom: 67px;
}
.footer_newsletter_wrap .newsletter_text .text {
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    color: #fff;
    font-family: var(--main-heading-font);
}
.newsletter_input_wrap form input[type="email"] {
    width: 350px;
    height: 50px;
    border-radius: 4px;
    background: #FFF;
    border: none;
    padding-left: 40px;
    outline: none;
}
.newsletter_input_wrap form .cdk-btn-green {
    border: none;
    width: 180px;
    margin-left: 20px;
}
.footer_menu_icon_wrap {
    justify-content: space-between;
}
.footer_menu_icon_wrap .footer-icon .icon_wrap .icon-list,
.footer_menu_icon_wrap .footer-menu .menu-wrap .menu-list {
    list-style: none;
}
.footer_menu_icon_wrap .footer-menu .menu-wrap .menu-list:not(:last-child) {
    margin-right: 65px;
}
.footer_menu_icon_wrap .footer-icon .icon_wrap .icon-list:not(:last-child) {
    margin-right: 73px;
}
.footer_menu_icon_wrap .footer-icon .icon_wrap .icon-list:hover svg path {
    fill: #37c8ae;
}
.footer_menu_icon_wrap .footer-menu .menu-wrap .menu-list a {
    text-decoration: none;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    color: #fff;
    font-family: var(--second-heading);
    display: block;
}
.footer_last_menu {
    padding: 112px 0px 0;
}
.footer_last_menu .footer_copy_wrap {
    width: 100%;
    max-width: 350px;
}
.footer_last_menu .footer_copy_wrap .copy_text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: var(--second-heading);
    opacity: 0.75;
}
.footer_last_menu .footer_logo_wrap {
    width: 100%;
    max-width: 250px;
}
.footer_last_menu .footer_logo_wrap img {
    max-width: 250px;
    display: block;
}
.footer_term_menu .term_menu {
    width: 100%;
    max-width: 350px;
}
.footer_term_menu .term_menu .term_list {
    list-style: none;
}
.footer_term_menu .term_menu .term_list:not(:last-child) {
    margin-right: 30px;
}
.footer_term_menu .term_menu .term_list a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: var(--second-heading);
}
.popup-cookies {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #231f20c9;
    z-index: 9;
}
.cookie-overlay-back {
    position: relative;
    height: 100%;
}
.cookies-pop-up {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 600px;
    z-index: 9999;
    border-radius: 10px;
}
.cookies-pop-up .cookie-top {
    background: #37C8AE;
    height: 95px;
    border-radius: 10px 10px 0 0;
    
}
.cookies-pop-up .cookie-bottom {
    padding: 106px 70px 36px;
    text-align: center;
    position: relative;
    background: linear-gradient(175deg, rgba(1,12,22,1) 26%, rgba(12,55,48,1) 100%);
    border-radius: 0 0 10px 10px;
}
.cookies-pop-up .cookie-bottom .cookie-heading {
    font-size: 26px;
    font-family: var(--main-heading-font);
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 16px;
}
.cookies-pop-up .cookie-bottom .cookie-text {
    font-size: 15px;
    font-family: var(--main-heading-font);
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 35px;
}
.cookies-pop-up .cookie-bottom .cookie-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    margin-bottom: 35px;
}
.cookies-pop-up .cookie-bottom .cookie-btns .cookie-accept,
.cookies-pop-up .cookie-bottom .cookie-btns .cookie-decline {
    background: #37C8AE;
    text-decoration: none;
    color: #000;
    width: 100%;
    max-width: 155px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    font-family: var(--main-heading-font);
    cursor: pointer;
}
.cookies-pop-up .cookie-bottom .read-more-cookie {
    color: #37C8AE;
    text-decoration: none;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    font-family: var(--main-heading-font);
}
.cookies-pop-up span {
    display: block;
    position: absolute;
    top: 34px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.cookies-pop-up span img {
    display: block;
    max-width: 156px;
}
.our-approach-section {
    padding: 100px 0 0;
    margin: 0;
}
.our-approach-section .container .about_cards_wrap {
    width: 100%;
    padding: 200px 0 150px;
    column-gap: 19px;
}
.our-approach-section .container .about_cards_wrap .about-cards_wrap .box {
    height: 327px;
}
.our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content {
    padding: 45px 37px;
    text-align: center;
}
.our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-heading {
    margin-bottom: 25px;
    margin-top: 0px;
}
.our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-text {
   color: #fff;
}
.our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content .contact-icons {
    width: 100%;
    max-width: 80px;
    margin: 0 auto; 
    border: 1px solid #37C8AE;
    padding: 19px;
    border-radius: 100%;
    margin-bottom: 25px;
}
.contact-form-section .contact-form-wrap {
    width: 100%;
    max-width: 948px;
    margin: 0 auto;
    border-radius: 10px;
    text-align: center;
    padding: 49px 48.46px;
    border: 1px solid #37C8AE;
}
.contact-form-section .contact-form-wrap .contact-head-wrap .second-heading {
    font-family: var(--main-heading-font);
    margin: 15px 0 60px;
}
.contact-form .name-field-wrap {
    column-gap: 20px;
}
form.contact-form .name-field-wrap {
    align-items: flex-start;
}
.contact-form .name-field-wrap .name-form {
    width: 100%;
}
.contact-form .name-field-wrap .name-form input {
    width: 100%;
    height: 51px;
    outline: none;
    border-radius: 5px;
    border: none;
    padding: 15px 18px;
    font-size: 16px;
    font-family: var(--second-heading);
    font-weight: 300;
    line-height: 21px;
}
.contact-form .other-field label,
.contact-form .msg-field label,
.contact-form .name-field-wrap .name-form label {
    font-size: 18px;
    font-family: var(--second-heading);
    padding-bottom: 10px;
}
.contact-form .other-field,
.contact-form .msg-field textarea {
    width: 100%;
}
.contact-form .other-field input {
    width: 100%;
    height: 51px;
    outline: none;
    border-radius: 5px;
    border: none;
    padding: 15px 18px;
    font-size: 16px;
    font-family: var(--second-heading);
    font-weight: 300;
    line-height: 21px;
}
.contact-form .msg-field label,
.contact-form .other-field label {
    margin-top: 20px;
}
.contact-form .msg-field textarea {
    padding: 15px 18px;
    min-height: 239px;
    border-radius: 5px;
    border: none;
    outline: none;
    margin-bottom: 30px;
    resize: none;
    font-size: 16px;
    font-family: var(--second-heading);
    font-weight: 300;
    line-height: 21px;
}
.location-section {
    margin: 200px 0;
}
.marquee-two {
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: 20px;
    mask-image: linear-gradient(
      var(--mask-direction, to right),
      hsl(0 0% 0% / 0),
      hsl(0 0% 0% / 1) 20%,
      hsl(0 0% 0% / 1) 80%,
      hsl(0 0% 0% / 0)
    );
}
.marquee-two .marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 20px;
    animation: scroll-x 120s linear infinite;
}  
@keyframes scroll-x {
    from {
      transform: translateX(var(--scroll-start));
    }
    to {
      transform: translateX(var(--scroll-end));
    }
}
.marquee-two .svg-wrap-group {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
}
.marquee-two .team_slider_com.team_slide_two {
    margin: 0 20px;
}
.marquee-two .team_slider_com.team_slide_two .t-s-down {
    margin-top: 26px;
}
.marquee-two .team_slider_com.team_slide_three img,
.marquee-two .team_slider_com.team_slide_one img {
    max-width: 550px;
}
.marquee-two .team_slider_com.team_slide_two .t-s-down img,
.marquee-two .team_slider_com.team_slide_two .t-s-up img {
    max-width: 221px;
}
.main-title-section .main-title-wrap .main-heading {
    text-transform: capitalize;
}
.about-banner-section .banner-image-wrap {
   width: 100%;
}
.management_section .management_wrapper {
    background: linear-gradient(280deg, rgba(0,0,0,1) 63%, rgba(16,58,58,1) 64%, rgba(8,25,35,1) 64.5%, rgba(16,58,58,1) 100%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.management_section .management_wrapper .container.flex {
    padding: 24px 90px 25px 30px;
    justify-content: space-between;
    column-gap: 40px;
}
.management_section .management_wrapper .container.flex .image_side {
    text-align: center;
}  
.management_section .management_wrapper .container.flex .text-side {
    width: 100%;
    max-width: 737px;
}
.management_section .management_wrapper .container.flex .image_side .ceo_name {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
}
.management_section .management_wrapper .container.flex .image_side .des_name {
    color: #37C8AE;
    text-align: center;
    font-family: var(--second-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}
.management_section .management_wrapper .container.flex .text-side .mange_heading {
    margin-bottom: 27px;
}
.about-banner-section .container .about_cards_wrap .about-cards_wrap .box {
    max-height: 327px;
    min-height: 327px;
}
.slider_and_text_wrapper .slider-side {
    width: 49.22%;
}
.image-slide-text {
    position: absolute;
    bottom: 0;
    padding: 30px;
    max-width: 524px;
    z-index: 1;
}
.about_slider_section {
    padding: 200px 0;
}
.about_slider_section .slider_and_text_wrapper.flex_two {
    gap: 30px;
}
.about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,#000000c7,transparent);
}
.about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .sub-text {
    color: #37C8AE;
    font-family: var(--second-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}
.about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .heading {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    margin: 15px 0;
}
.about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .text {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 18px;
}
.about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .image-slider-bt .svg-button {
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
    background-color: #37C8AE;
}
.about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .image-slider-bt .svg-button:hover svg {
    animation-name: bounceAlpha;
    animation-duration: .9s;
    animation-timing-function: linear;
}
@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: translateX(0px) scale(1);
    }
    25% {
        opacity: 0;
        transform: translateX(10px) scale(0.9);
    }
    26% {
        opacity: 0;
        transform: translateX(-10px) scale(0.9);
    }
    55% {
        opacity: 1;
        transform: translateX(0px) scale(1);
    }
}
.about_slider_section .slider_and_text_wrapper .slider-text-side {
    width: 100%;
    max-width: 650px;
    position: relative;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .dots-image {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    max-width: 224px;
    z-index: -1;
    animation-name: floating_dots;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating_dots {
    0% {
        transform: translate(0);
    }
    50% {
        transform: translate(-25px,25px);
    }
    100% {
        transform: translateY(0px);
    }
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .primery-heading {
    margin: 15px 0;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .primery-text {
    font-family: var(--second-heading);
    color: #fff;
    margin-bottom: 30px;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .slider-service-head {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu {
    padding: 25px 20px;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu .slider-items {
    list-style: none;
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    position: relative;
    padding-left: 35px;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu .slider-items:not(:last-child) {
    margin-bottom: 20px;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu .slider-items::after {
    content: url(/public/images/marker-sl.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    left: 0;
    top: 2.5px;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons {
    margin-top: 25px;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap {
    margin-left: 40px;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap .ckd-call-text {
    flex-direction: column;
    margin-left: 20px;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap .ckd-call-text .cdk_text {
    display: block;
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap .ckd-call-text a {
    display: block;
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
    margin-top: 5px;
    cursor: pointer;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap .call-icon {
    position: relative;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap .call-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: #010C16;
    z-index: 1;
    border: 1px solid #37C8AE;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap .call-icon::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background: linear-gradient(353deg, rgba(55,200,174,1) 0%, rgba(55,200,174,0.9640231092436975) 100%);
    z-index: 0;
    animation: pulse-border 1500ms ease-out infinite;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap .call-icon img {
    position: relative;
    z-index: 2;
}
.about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap .call-icon:hover img {
    cursor:pointer;
    -webkit-animation-name: hvr-biizz;
    animation-name: hvr-biizz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes hvr-biizz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}
@keyframes hvr-biizz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}
.last-team-slider-section {
    padding-bottom: 200px;
}
.last-team-slider-section .team-slider-wrapper .slide_wrapper .team_slide_two .t-s-up {
    margin-bottom: 30px;
}
.last-team-slider-section .team-slider-wrapper .slide_wrapper .team_slider_com {
    margin-right: 29px;
}
.last-team-slider-section .team_slider_title_wrap {
    width: 100%;
    display: block;
    max-width: 752px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.last-team-slider-section .team_slider_title_wrap .slider-title {
    color: #FFF;
    text-align: center;
    font-family: var(--main-heading-font);
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.our_work_body_wrap.two {
    margin-top: 0px;
}
.our_work_section .our_work_all_wrap .our_work_body_wrap .bnt-wrap {
    margin-top: 50px;
}
.our_work_section {
    margin-bottom: 115px;
    margin-top: 100px;
}
.bnt-wrap.desktop {
    width: 100%;
    max-width: 160px;
    margin: 0 auto;
    margin-top: 50px;
}
.space-p-top {
    padding-top: 220px !important;
}
.main-title-section .main-title-wrap .cdk-buttons-wrap {
    margin-top: 40px;
}
.main-title-section .main-title-wrap .cdk-buttons-wrap .cdk-btn-green {
    margin-right: 20px;
}
.our-approach-section .container .about_cards_wrap {
    padding: 60px 0 100px;
}
.our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-heading {
    margin-bottom: 25px;
}
.our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-second-heading {
    color: #FFF;
    text-align: center;
    font-family: var(--second-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 15px;
}
.get-strat-section {
    padding-bottom: 200px;
}
.get-strat-section .strat-header-wrap {
    max-width: 650px;
    text-align: center;
}
.get-strat-section .strat-header-wrap .primery-heading {
    margin: 15px 0;
}
.get-strat-section .strat-image-wrap {
    margin: 60px 0 40px;
}
.get-strat-section .container .cdk-button-wrap {
    max-width: 160px;
}
.our-approach-section .container .about_cards_wrap .about-cards_wrap .box {
    max-height: 327px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blog-tab-section .container {
    padding: 0 20px 0 0;
}
.blog-tab-section .blog-tab-main {
    padding: 0px 130px 0px;
    text-align: center;
}
.blog-filter-tab {
    padding-bottom: 60px;
}
.blog-tab-section .blog-tab-main .tab-sec-heading {
    font-size: 40px;
    line-height: 55px;
    font-weight: 700;
    font-family: var(--main-heading-font);
    max-width: 743px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.blog-tab-section .blog-tab-main .primery-text {
    font-family: var(--second-heading);
    max-width: 818px;
    margin: 0 auto;
    margin-bottom: 36px;
}
.blog-tab-section .blog-tab-main .blog-search #myInput {
    width: 744px;
    height: 55px;
    border: none;
    border-radius: 10px;
    background: #D9D9D9;
    padding: 18px 25px;
    outline: none;
    font-size: 18px;
    font-family: var(--second-heading);
    font-weight: 300;
}
.blog-tab-section .blog-tab-main .blog-search .search-input-btn {
    border: none;
    outline: none;
    background: #37c8ae;
    height: 55px;
    width: 70px;
    margin-left: -70px;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
}
.blog-tab-section .blog-tab-main .blog-search {
    margin-bottom: 60px;
}
.blogs-section {
    padding: 100px 0 200px;
}
.blogs-section .our_work_all_wrap .blog_cards_wrapper {
   row-gap: 50px;
}
.blogs-section .our_work_all_wrap .service-head .service-text p {
    padding-right: 20px;
}
.blog-filter-tab .filter-tab-wrap.flex-center {
    column-gap: 20px;
    overflow: hidden;
}
.blog-filter-tab .filter-tab-wrap .filter-tab-list {
    list-style: none;
    width: 170px !important;
    height: 50px;
    border: 1px solid #37C8AE;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.blog-filter-tab .filter-tab-wrap .filter-tab-list .green-btn-text {
    text-decoration: none;
    font-size: 20px;
    line-height: 23.7px;
    font-weight: 500;
    font-family: var(--second-heading);
    color: #37C8AE;
    text-transform: capitalize;
}
.blog-filter-tab .filter-tab-wrap .filter-tab-list.active,
.blog-filter-tab .filter-tab-wrap .filter-tab-list:hover {
    background: #37C8AE;
}
.blog-filter-tab .filter-tab-wrap .filter-tab-list.active .green-btn-text,
.blog-filter-tab .filter-tab-wrap .filter-tab-list:hover .green-btn-text {
    color: #000 !important;
}
.no-records {
    padding-bottom: 20px;
    margin-top: -20px;
}
.no-records p {
    font-size: 20px;
    line-height: 20px;
    font-family: var(--second-heading);
}
.ceo-section {
    background-image: url("/public/images/team-member/ceo-section-background.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    z-index: -1;
    padding: 92.44px 0 70.31px;
}
.ceo-section:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 12, 22, 0.92);
    z-index: 0;
}
.container {
    padding: 0 30px;
}
.ceo-text-image-wraper.flex {
    position: relative;
    z-index: 2;
}
.ceo-section .ceo-text-image-wraper .ceo-text-wrap {
    width: 100%;
    max-width: 679px;
}
.ceo-section .ceo-text-image-wraper .ceo-text-wrap .main-heading {
    text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.25);
    text-transform: capitalize;
}
.ceo-section .ceo-text-image-wraper .ceo-text-wrap .green-text {
    margin: 15px 0 20px;
}
.ceo-section .ceo-text-image-wraper .ceo-text-wrap .primery-text {
    font-family: var(--second-heading);
}
.ceo-section .ceo-text-image-wraper  .ceo-image-wrap {
    padding-right: 185px;
}
.ceo-section .ceo-text-image-wraper .ceo-image-wrap .ceo-back-img img,
.ceo-section .ceo-text-image-wraper .ceo-image-wrap .ceo-image img {
    display: block;
    width: 100%;
    max-width: 380px;
}
.ceo-section .ceo-text-image-wraper .ceo-image-wrap .ceo-image {
    position: absolute;
    top: -22px;
    right: 117px;
}
.blogs-section .container-blog-list {
    padding: 0 0 0 30px;
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
}
.blogs-section.b-list {
    padding: 50px 0 200px;
}
.hide {
    visibility: hidden;
}
#blogs-last-section .container-second {
    padding: 0 30px 0 30px;
}
.blogs-section .our_work_all_wrap .all-team-cards-wrapper {
    column-gap: 20px;
    row-gap: 30px;
    flex-wrap: wrap;
}
.blogs-section .our_work_all_wrap .all-team-cards-wrapper .card {
    width: calc(25% - 15px);
    height: 450px;
    perspective: 500px;
}
.blogs-section .our_work_all_wrap .all-team-cards-wrapper .card .content {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    transition: transform 1s;
    transform-style: preserve-3d;
}
.blogs-section .our_work_all_wrap .all-team-cards-wrapper .card:hover .content {
    transform: rotateY( 180deg ) ;
    transition: transform 0.5s;
}
.blogs-section .our_work_all_wrap .all-team-cards-wrapper .card .front {
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(208deg, #0C3730 2.62%, #000 100%);
    color: #fff;
    text-align: center;
    border-radius: 10px;
    backface-visibility: hidden;
    border: 1px solid #37C8AE;
    overflow: hidden;
}
.blogs-section .our_work_all_wrap .all-team-cards-wrapper .card .front .member-name {
    color: #FFF;
    font-family: Rubik;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-top: 40px;
}
.blogs-section .our_work_all_wrap .all-team-cards-wrapper .card .front .designation {
    color: #FFF;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    text-transform: capitalize;
    margin-top: 10px;
    padding-bottom: 57px;
}
.blogs-section .our_work_all_wrap .all-team-cards-wrapper .card .back {
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    backface-visibility: hidden;
    border: 1px solid #37C8AE;
    background: url("/public/images/member-card-back.png"),linear-gradient(208deg, #0C3730 2.62%, #000 100%);
} 
.blogs-section .our_work_all_wrap .all-team-cards-wrapper .card .back .designation-back {
    color: #37C8AE;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    text-transform: capitalize;
    margin: 10px 0 20px;
}
.blogs-section .our_work_all_wrap .all-team-cards-wrapper .card .back .discription-member {
    color: #FFF;
    text-align: center;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}
.blogs-section .our_work_all_wrap .all-team-cards-wrapper .card .back .member-name {
    color: #FFF;
    font-family: Rubik;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.blogs-section .our_work_all_wrap .all-team-cards-wrapper .card .back {
    color: white;
    transform: rotateY( 180deg );
    padding: 63px 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.professional-team-section {
    margin-bottom: 200px;
}
.professional-team-section .professional-team-wrap {
    column-gap: 30px;
}
.professional-team-section .professional-team-wrap .professional-team-text {
    width: 100%;
    max-width: 583px;
}
.professional-team-section .professional-team-wrap .professional-team-text .main-heading {
    text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.25);
    margin: 15px 0;
}
.professional-team-section .professional-team-wrap .professional-team-text .primery-text {
    font-family: var(--second-heading);
    margin-bottom: 40px;
}
.professional-team-section .professional-team-wrap .professional-team-text .progress-bars-wrapper .progress-bar-wrap .bar-text {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 15px;
}
.professional-team-section .professional-team-wrap .professional-team-text .progress-bars-wrapper .progress-bar-wrap .barra {
    width: 100%;
    max-width: 563px;
    height: 25px;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    position: relative;
}
.professional-team-section .professional-team-wrap .professional-team-text .progress-bars-wrapper .progress-bar-wrap .barra span.persent {
    height: 100%;
    display: block;
    width: 15%;
    color: #000;
    line-height: 25px;
    position: absolute;
    text-align: end;
    padding-right: 5px;
    background-color: #37C8AE;
    font-family: var(--second-heading);
}
.professional-team-section .professional-team-wrap .professional-team-text .progress-bars-wrapper .progress-bar-wrap .barra .barra-title-text {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 38px;
    color: #000;
    font-family: var(--second-heading);
    z-index: 1;
}
.professional-team-section .professional-team-wrap .professional-team-text .progress-bars-wrapper .progress-bar-wrap:not(:first-child) {
    margin-top: 30px;
}
.professional-team-section .professional-team-wrap .professional-team-cards {
    width: 100%;
    max-width: 710px;
}
.professional-team-section .professional-team-wrap .professional-team-cards .professional-cards {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
.professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap {
    width: 100%;
    max-width: 220px;
    height: 100%;
    border: 1px solid #37C8AE;
    border-radius: 10px;
    padding: 26px 21px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 500ms ease-in-out;
}
.professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap:hover {
    margin-top: -10px;
    cursor: pointer;
    transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
}
.professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap.two:hover {
    margin-top: 127px;
}
.professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap.two {
    margin-top: 137px;
}
.professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap.three {
    margin-top: 259px;
}
.professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap.three:hover {
    margin-top: 249px;
}
.professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap .our-img-wrap {
    width: 100%;
    max-width: 60px;
}
.professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap .our-card-heading {
    text-align: center;
    margin: 15px 0;
}
.our-approach-section .service-head .service-titel {
    width: 100%;
    max-width: 467px;
}
.rounded-cards-wrap {
    width: 100%;
    max-width: 1166px;
    margin: 0 auto;
    margin-top: 60px;
}
.rounded-cards-wrap .round-cards {
    width: 100%;
    max-width: fit-content;
}
.rounded-cards-wrap .round-cards .round-img-wrap {
    width: 200px;
    height: 200px;
    background: #37c8ac;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rounded-cards-wrap .round-cards .round-img-wrap .round-img {
    display: block;
    max-width: 100px;
}
.rounded-cards-wrap .round-cards .round-card-title {
    color: #FFF;
    text-align: center;
    font-family: var(--second-heading);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-top: 25px;
}
.main-title-section .main-title-wrap,
.career-cards-section {
    padding: 100px 0;
}
.career-cards-section .career-cards-all_wrap .career-cards-all-wrap {
    column-gap: 20px;
}
.career-cards-section .career-cards-all_wrap .career-cards-head {
    width: 100%;
    text-align: center;
    margin-bottom: 87px;
}
.career-cards-section .career-cards-all_wrap .career-cards-head .career-head-txt {
    color: #FFF;
    font-family: var(--main-heading-font);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.career-cards-section .career-cards-all_wrap .career-cards-all-wrap .career-cards-wrapper {
    border: 1px solid #37c8ac;
    width: 100%;
    max-width: 330px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 55px;
    padding-bottom: 64px;
    border-radius: 10px;
}
.career-cards-section .career-cards-all_wrap .career-cards-all-wrap .career-cards-wrapper .career-card-text-heading {
    color: #FFF;
    text-align: center;
    font-family: var(--second-heading);
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    text-transform: uppercase;
    margin: 30px 0 75px 0;
}
.career-cards-section .career-cards-all_wrap .career-cards-all-wrap .career-cards-wrapper .primery-text {
    font-family: var(--second-heading);
    margin-bottom: 30px;
}
.career-form-section .form-and-img-wrapper .career-form-wrap {
    width: 100%;
    max-width: 596px;
    padding: 49px 52.16px 49px 49.3px;
    border: 1px solid #37c8ae;
    border-radius: 10px;
}
.career-form-section .form-and-img-wrapper .career-form-wrap .career-form-heading {
    color: #FFF;
    font-family: var(--main-heading-font);
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 60px;
}
.career-form-section .form-and-img-wrapper .career-form-wrap .career-form fieldset label {
    position: absolute;
    color: #7A7A7A;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 21px;
    text-transform: capitalize;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 22.05px;
}
.career-form-section .form-and-img-wrapper .career-form-wrap .career-form fieldset label::after {
    content: "*";
    padding-left: 5px;
    color: #37C8AE;
    font-size: 20px;
}
.career-form-section .form-and-img-wrapper .career-form-wrap .career-form fieldset {
    width: 100%;
    border-radius: 5px;
    border: none;
    position: relative;
    margin-bottom: 25px;
}
.career-form-section .form-and-img-wrapper .career-form-wrap .career-form fieldset input {
    width: 100%;
    height: 51px;
    padding-left: 22px;
    border-radius: 5px;
    border: none;
    outline: unset;
}
.career-form-section .form-and-img-wrapper .career-form-wrap .career-form .file-upload {
    display: flex;
    padding-top: 5px;
}
.career-form-section .form-and-img-wrapper .career-form-wrap .career-form .file-upload .custom-file-input {
    max-width: 250px;
}
.career-form-section .form-and-img-wrapper .career-form-wrap .career-form .file-upload .custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}
.career-form-section .form-and-img-wrapper .career-form-wrap .career-form .file-upload .custom-file-input::before {
    content: 'choose file';
    color: black;
    display: inline-block;
    background: #fff;
    border-radius: 20px;
    padding: 9px 23.9px 10px 22.7px;
    outline: none;
    border: none;
    white-space: nowrap;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 300;
    font-family: var(--second-heading);
    font-size: 16px;
    line-height: 21px;
    text-transform: capitalize;
    margin: 10px -70px 25px 0;
}
.career-form-section .form-and-img-wrapper .career-form-wrap .career-form .file-upload label {
    color: #FFF;
    font-family: var(--second-heading);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    max-width: 144px;
}
.career-form-section .form-and-img-wrapper {
    column-gap: 30px;
}
.career-form-section .form-and-img-wrapper .career-img-wrap {
    overflow: hidden;
    border-radius: 10px;
}
.career-form-section .form-and-img-wrapper .career-img-wrap .career-img {
    display: block;
    transition: all .5s ease-in-out;
}
.career-form-section .form-and-img-wrapper .career-img-wrap:hover .career-img{
    transform: scale(1.1);
}
.career-form-section {
    padding: 98px 0 185px;
}
.privacy-policy {
    padding: 100px 0 185px;
}
.form-success {
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    font-family: var(--second-heading);
    color: #37C8AE;
    margin-top: 30px;
}
.news-letter-success {
    font-size: 18px;
    font-weight: 300;
    font-family: var(--second-heading);
    margin-bottom: -32px;
    padding-top: 10px;
    color: #37C8AC;
}
.news-letter-success.blog {
    color: #000 !important;
    font-weight: 400;
}
.news-letter-success.footer {
    color: #37C8AC !important;
    font-weight: 400;
}
.text-red {
    color: indianred;
}
.text-red.pl-text {
    margin-bottom: -35px;
    margin-top: 10px;
    text-align: left;
    text-transform: capitalize;
}
.blog-newslwtter-wrap .text-red.pl-text,
.contact-form .text-red.pl-text {
    margin-bottom: 0;
}
.thanks-main-wrapper {
    padding: 30px 0;
}
.thanks-main-wrapper .thanks-wraper  {
    text-align: center;
}
.thanks-main-wrapper .thanks-wraper .thanks-text {
    margin-top: 15px;
    margin-bottom: 40px;
}
.thanks-main-wrapper .thanks-wraper .bnt-wrap {
    margin-bottom: 103px;
}
.thanks-main-wrapper .thanks-wraper .thanks-image {
    max-width: 450px;
    display: block;
    margin-bottom: 46px;
}
.thanks-main-wrapper .thanks-wraper .thanks-last-text a {
    color: #37C8AE;
}
input[type=submit] {
    cursor: pointer;
}
.privacy-heading-and-text-wrap .peivacy-txt-container .policy-list .list-item strong {
    text-transform: capitalize;
}
.management_section .management_wrapper .container.flex .text-side .p-text span {
    color: #37C8AC;
}
.mdl-hide {
    display: none;
}
.sml-hide {
    display: flex;
}
@media only screen and (min-width:1366px) and (max-width:1400px) {
    #service-two .container-two {
        max-width: 757px;
    }
    #service-two .container-two .all-items-wrapper .unorder-list .unorder-items,
    #service-two .container-two .all-items-wrapper .order-list .order-item {
        font-size: 20px;
        line-height: 24px;
        max-width: 360px;
    }
}
@media only screen and (min-width:1280px) and (max-width:1365px) {
    .about_slider_section .slider_and_text_wrapper .slider-text-side .primery-heading {
        margin: 10px 0;
        font-size: 42px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .primery-text {
        margin-bottom: 20px;
        font-size: 16px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-service-head {
        font-size: 24px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu {
        padding: 20px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons {
        margin-top: 20px;
    }
    #service-two .container-two {
        max-width: 671px;
    }
    #service-two .container-two .all-items-wrapper .unorder-list .unorder-items,
    #service-two .container-two .all-items-wrapper .order-list .order-item {
        font-size: 18px;
        line-height: 22px;
        width: 325px;
    }
}
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .heading-container {
        width: 100%;
        max-width: 360px;
    }
}
@media only screen and (max-width:1024px) {
    #mobile-screens {
        padding: 150px 0;
    }
    #title-and-text .service_all_wrap #counter-wrapper .counter .count {
        font-size: 42px;
        line-height: 50px;
    }
    #title-and-text .service_all_wrap #counter-wrapper .counter .counter-name {
        font-size: 18px;
        line-height: 22px;
    }
    #case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items {
        max-width: 308px;
    }
    .dropdown-wrap .drop-menu .drop-list {
        padding: 0px 20px 0px;
        width: 200px !important;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .box {
        height: 280px;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content {
        padding: 25px 20px;
    }
    .our-approach-section .container .about_cards_wrap {
        padding: 150px 0 100px;
    }
    .management_section .management_wrapper .container.flex .text-side {
        width: 100%;
        max-width: 500px;
    }
    .management_section .management_wrapper {
        background-position: unset;
    }
    .about_slider_section {
        padding: 150px 0;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .primery-heading {
        margin: 10px 0;
        font-size: 32px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .primery-text {
        margin-bottom: 10px;
        font-size: 13px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-service-head {
        font-size: 22px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu {
        padding: 10px 15px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu .slider-items {
        font-size: 18px;
        line-height: 22px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu .slider-items:not(:last-child) {
        margin-bottom: 10px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons {
        margin-top: 5px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text {
        padding: 15px;
        max-width: 350px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .sub-text {
        font-size: 18px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .heading {
        font-size: 26px;
        line-height: 30px;
        margin: 5px 0;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .text {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .management_section .management_wrapper .container.flex {
        padding: 24px 40px 25px 40px;
    }
    .management_section .management_wrapper {
        background: linear-gradient(280deg, rgba(0,0,0,1) 58%, rgba(16,58,58,1) 59%, rgba(8,25,35,1) 60%, rgba(16,58,58,1) 100%);
    }
    .about-banner-section .container .about_cards_wrap .about-cards_wrap .box {
        min-height: 293px;
    }
    .ceo-section .ceo-text-image-wraper .ceo-image-wrap {
        padding-right: 50px;
    }
    .ceo-section .ceo-text-image-wraper .ceo-image-wrap .ceo-back-img img,
.ceo-section .ceo-text-image-wraper .ceo-image-wrap .ceo-image img {
    max-width: 305px;
}
    .ceo-section .ceo-text-image-wraper .ceo-text-wrap {
        max-width: 500px;
    }
    .ceo-section .ceo-text-image-wraper .ceo-image-wrap .ceo-image {
        right: 0px;
    }
    .professional-team-section .professional-team-wrap .professional-team-text {
        max-width: 410px;
    }
    .professional-team-section .professional-team-wrap .professional-team-text .main-heading {
        margin: 10px 0;
        font-size: 48px;
    }
    .professional-team-section .professional-team-wrap .professional-team-text .primery-text {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 24px;
    }
    .professional-team-section .professional-team-wrap .professional-team-text .progress-bars-wrapper .progress-bar-wrap:not(:first-child) {
        margin-top: 20px;
    }
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap  {
        max-width: 165px;
        padding: 13px 10px;
    }
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap:not(:last-child) {
       margin-right: 15px;
    }
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap .our-img-wrap {
        max-width: 50px;
    }
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap .our-card-heading {
        font-size: 16px;
        line-height: 20px;
        margin: 10px 0;
    }
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap .our-text {
        font-size: 14px;
        line-height: 20px;
    }
    .blogs-section .our_work_all_wrap .all-team-cards-wrapper .card {
        width: 31.9%;
        height: 450px;
        perspective: 500px;
    }
    .blogs-section .container-blog-list {
        padding: 0 0 0 20px;
    }
    #service-two .container-two {
        max-width: 100%;
    }
    #service-four.our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content {
        padding: 30px 29px;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-all-img {
        max-width: 300px;
        height: 100%;
        width: 100%;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .slide-text.slide-text-two {
        margin-right: 30px;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .slide-text-r.slide-text-two {
        margin-left: 30px;
    }
    #service-five.service-inner-slider {
        padding: 80px 0;
    }
    #service-four.our-approach-section .green-text {
        max-width: 300px;
    }
    #service-two .container-two .all-items-wrapper .order-list .order-item {
        line-height: 27px;
    }
}
@media only screen and (min-width:992px) and (max-width:1024px) {
    #blog-detail-first.blog-detail-section .blog-body-and-newsletter .blog-newslwtter-wrap {
        max-width: 335px;
        margin-right: 0px;
    }
    #service-four.our-approach-section {
        margin: 100px 0;
    }
    #blog-detail-first.blog-detail-section .blog-body-and-newsletter .blog-newslwtter-wrap .news-container {
        padding: 30px 20px;
    }
    .main-heading {
        font-size: 44px;
    }
    .our_work_section {
        margin: 50px 0;
    }
    .newsletter_input_wrap form input[type="email"] {
        width: 310px;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-text {
        font-size: 12px;
        line-height: 24px;
    }
    .blog-tab-section .blog-tab-main .blog-search #myInput {
        width: 700px;
    }
    .career-cards-section .career-cards-all_wrap .career-cards-all-wrap .career-cards-wrapper .career-card-text-heading {
        font-size: 20px;
        line-height: 24px;
        margin: 20px 0 35px 0;
    }
    .career-cards-section .career-cards-all_wrap .career-cards-all-wrap .career-cards-wrapper {
        padding-top: 35px;
        padding-bottom: 44px;
    }
    .career-cards-section .career-cards-all_wrap .career-cards-all-wrap .career-cards-wrapper .primery-text {
        margin-bottom: 20px;
    }
    .career-form-section {
        padding: 48px 0 100px;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap .career-form-heading {
        margin-bottom: 30px;
        font-size: 28px;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap {
        padding: 30px 30px;
        max-width: 467px;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap .career-form fieldset {
        margin-bottom: 15px;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap .career-form .file-upload {
        padding-top: 0px;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap .career-form .file-upload .custom-file-input::before {
        margin: 10px -60px 15px 0;
    }
    .service_body_wrap .service-body .service-list .list-text {
        max-width: 520px;
    }
    .blogs-section {
        padding: 100px 0 150px;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap,
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .box {
        min-height: 310px;
        margin: 0 auto;
    }
    .about-banner-section .container .about_cards_wrap .about-cards_wrap .box .content,
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content {
        padding: 30px 20px;
    }
    .about-banner-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-heading,
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-heading {
        margin-bottom: 20px;
    }
    .about-banner-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-text,
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-text {
        font-size: 16px;
        line-height: 22px;
    }
    .heading-container {
        width: 100%;
        max-width: 300px;
    }
    .our_work_section .our_work_all_wrap .bnt-wrap {
        text-align: center;
        margin-top: 50px;
    }
    .about_slider_section .image-slide.swiper-slide.swiper-slide-active {
        width: 466px !important;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side {
        width: 100%;
    }
    #cross-fade-swiper-container .swiper-pagination {
        width: 90px;
        padding: 20px 0;
    }
    .our_work-images_wrap.flex {
        padding-top: 20px;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .slide-text .side-txt, 
    #service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .slide-text-r .side-txt {
        font-size: 18px;
        line-height: 20px;
    }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-heading {
        font-size: 25px;
        line-height: 25px;
    }
    #cross-fade-swiper-container .swiper-pagination {
        width: 80px;
        padding: 15px 0;
    }
    #service-four.our-approach-section {
        margin: 0px 0;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-second-heading {
        font-size: 18px;
        line-height: 22px;
    }
    .blog-filter-tab .filter-tab-wrap .filter-tab-list .green-btn-text {
        font-size: 15px;
        line-height: 20px;
    }
    .blog-tab-section .blog-tab-main .blog-search {
        margin-bottom: 40px;
    }
    .blog-filter-tab .filter-tab-wrap .filter-tab-list {
        height: 40px;
    }
    .blog-tab-section .blog-tab-main .blog-search #myInput {
        width: 100%;
        height: 45px;
    }
    .blog-tab-section .blog-tab-main .blog-search .search-input-btn {
        height: 45px;
    }
    .container {
        padding: 0 20px;
    }
    .management_section .management_wrapper .container.flex .image_side img {
        max-width: 250px;
    }
    .management_section .management_wrapper .container.flex {
        padding: 15px 30px 15px 30px;
    }
    .management_section .management_wrapper .container.flex .text-side {
        width: 100%;
        max-width: 350px;
    }
    .management_section .management_wrapper .container.flex .text-side .mange_heading {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .management_section .management_wrapper .container.flex .text-side .manage_text {
        font-size: 16px;
        line-height: 25px;
    }
    .management_section .management_wrapper .container.flex .image_side .ceo_name {
        font-size: 22px;
        line-height: 24px;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .management_section .management_wrapper .container.flex .image_side .des_name {
        font-size: 16px;
    }
    .about_slider_section {
        padding: 150px 0;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .green-text {
        font-size: 16px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .primery-heading {
        margin: 5px 0;
        font-size: 26px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .primery-text {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 20px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-service-head {
        font-size: 18px;
        line-height: 20px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu {
        padding: 10px 10px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu .slider-items {
        font-size: 15px;
        line-height: 20px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu .slider-items:not(:last-child) {
        margin-bottom: 5px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons {
        margin-top: 5px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text {
        padding: 10px;
        max-width: 280px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .sub-text {
        font-size: 14px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .heading {
        font-size: 20px;
        line-height: 22px;
        margin: 5px 0;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .text {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .image-slider-bt .svg-button {
        width: 30px;
        height: 30px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .image-slider-bt .svg-button svg {
        width: 12px;
    }
    .about_slider_section .slider_and_text_wrapper.flex_two {
        gap: 20px;
    }
    .about_slider_section .image-slide.swiper-slide.swiper-slide-active {
        width: 394px !important;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side {
        width: 100%;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .cdk-btn-green {
        width: 120px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap {
        margin-left: 20px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap .call-icon {
        width: 50px;
        height: 50px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap .ckd-call-text {
        margin-left: 15px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap .ckd-call-text a {
        font-size: 14px;
        line-height: 18px;
        margin-top: 2px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .dots-image {
        max-width: 160px;
    }
    .management_section .management_wrapper {
        background: linear-gradient(280deg, rgba(0,0,0,1) 54%, rgba(16,58,58,1) 56%, rgba(8,25,35,1) 57%, rgba(16,58,58,1) 100%);
    }
    .about-banner-section .container .about_cards_wrap .about-cards_wrap .box {
        min-height: 325px;
    }
    .newsletter_input_wrap form input[type="email"] {
        width: 250px;
        height: 40px;
    }
    .newsletter_input_wrap form .cdk-btn-green {
        width: 130px;
        height: 40px;
    }
    .footer_newsletter_wrap {
        padding: 55px 40px;
    }
    .footer_newsletter_wrap .newsletter_text .text {
        font-size: 20px;
    }
    .footer_menu_icon_wrap .footer-menu .menu-wrap .menu-list:not(:last-child) {
        margin-right: 25px;
    }
    .footer_menu_icon_wrap .footer-icon .icon_wrap .icon-list:not(:last-child) {
        margin-right: 30px;
    }
    .footer_last_menu .footer_logo_wrap {
        width: 100%;
        max-width: 200px;
    }
    .footer_newsletter_wrap {
        margin-bottom: 50px;
    }
    .footer_last_menu .footer_logo_wrap img {
        max-width: 200px;
        display: block;
    }
    .footer_last_menu .footer_copy_wrap {
        width: 100%;
        max-width: 200px;
    }
    .footer_last_menu .footer_copy_wrap .copy_text {
        font-size: 12px;
    }
    .footer_term_menu .term_menu .term_list:not(:last-child) {
        margin-right: 15px;
    }
    .footer_term_menu .term_menu .term_list a{
        font-size: 12px;
    }
    .footer_last_menu {
        padding: 62px 0px 0 0px;
    }
    .footer-all-wrapper {
        padding: 64px 20px 37px 20px;
    }
    .footer_menu_icon_wrap {
        padding: 0 0px;
    }
    .main-heading {
        font-size: 44px;
    }
    .text_wrap {
        max-width: 50%;
    }
    .text_wrap .detail_count_wrap .first_count_wrap:not(:last-child) {
        margin-right: 30px;
    }
    .text_wrap .main-text-wrap {
        padding: 9px 0 9px 30px;
    }
    .text_wrap .detail_count_wrap {
        width: 100%;
        padding-left: 30px;
        margin-top: 35px;
    }
    .text_wrap .detail_count_wrap .first_count_wrap:not(:last-child) {
        margin-right: 30px;
    }
    .partnerships_section {
        padding: 50px 30px 50px;
    }
    .partnerships_section .partnerships_all_wrap .partner_all_wrap .partner_top_text .partners_text {
        font-size: 28px;
        line-height: 35px;
    }
    .partnerships_section .partnerships_all_wrap .partner_all_wrap {
        max-width: 510px;
    }
    .partnerships_section .partnerships_all_wrap .partner_all_wrap .partner_bottom_logos {
        column-gap: 0px;
        row-gap: 30px;
        margin-top: 30px;
    }
    .partnerships_section .partnerships_all_wrap .partner_title .part_title {
        font-size: 22px;
        line-height: 35px;
    }
    .hompage_section_top {
        padding-top: 90px;
    }
    .partnerships_container {
        padding: 0px;
    }
    .service_section .service_all_wrap .service-head.flex,
    .our_work_section .our_work_all_wrap .service-head.flex,
    .blogs-section .our_work_all_wrap .service-head.flex,
    .our-approach-section .service-head.flex {
        align-items: flex-start;
        column-gap: 20px;
    }
    .service_body_wrap .service-body .service-list .list-text {
        font-size: 14px;
        max-width: 350px;
    }
    .service_body_wrap .service-body .service-list .list-head {
        font-size: 24px;
        max-width: 320px;
    }
    .service_body_wrap .service-body .service-list .list-head:hover {
        font-size: 28px;
    }
    .our_work_section,
    .blogs-section {
        padding: 60px 0px;
    }
    #service-two.service_section {
        padding: 50px 0px 60px;
    }
    .main-title-section .main-title-wrap .main-heading {
        font-size: 45px;
    }
    .about_slider_section .slider_and_text_wrapper .image-slider-items .slick-dots {
        padding: 25px 15px 25px 25px;
    }
    .about_slider_section .slider_and_text_wrapper .image-slider-items .slick-slide img {
        min-height: 400px;
        object-fit: cover;
    }
    .about-banner-section .container .about_cards_wrap{
        padding: 100px 0;
    }
    #service-four.our-approach-section .container .about_cards_wrap,
    .our-approach-section .container .about_cards_wrap {
        padding: 55px 0;
        flex-wrap: wrap;
        row-gap: 20px;
        margin: 0 -10px;
        column-gap: 0;
        justify-content: center;
        width: auto;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap {
        width: 50%;
        max-width: unset;
        margin: 0 auto;
        padding: 0 10px;
    }
    .about-banner-section .container .about_cards_wrap .about-cards_wrap .box .content {
        padding: 20px 15px;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content {
        padding: 20px;
    }
    .about-banner-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-text,
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-text {
        font-size: 14px;
        line-height: 21px;
    }
    .privacy-heading-and-text-wrap {
        column-gap: 0;
        flex-wrap: wrap;
    }
    .heading-container {
        margin-bottom: 30px;
        position: unset;
    }
    /* service */
    .our_work-images_wrap .work-image_one .card-h-txt,
    .our_work-images_wrap .work-image_two .card-h-txt,
    .our_work-images_wrap .work-image_three .card-h-txt,
    .our_work-images_wrap .work-image_four .card-h-txt {
        padding: 10px;
    }
    .our_work-images_wrap .work-image_one .card-h-txt .bottom_card .card-txt,
    .our_work-images_wrap .work-image_two .card-h-txt .bottom_card .card-txt,
    .our_work-images_wrap .work-image_three .card-h-txt .bottom_card .card-txt,
    .our_work-images_wrap .work-image_four .card-h-txt .bottom_card .card-txt {
        font-size: 15px;
        line-height: 20px;
        margin-top: 5px;
    }
    .our_work_section .our_work_all_wrap .bnt-wrap {
        text-align: center;
        margin-top: 50px;
    }
    .our-approach-section.space-top-p {
        padding-top: 70px;
    }
    .space-top-m {
        margin-top: 0px;
    }
    .service_mobile_tabs.mobile {
        display: none !important;
    }
    ul.service-body.desktop {
        display: block !important;
    }
    .cdk-btn-green.desktop {
        display: flex;
    }
    .cdk-btn-green.mobile {
        display: none;
    }
    .our_card_bottom_text.mobile {
        display: none;
    }
    .our_work_section {
        margin-bottom: 0;
        margin-top: 0;
    }
    .partnerships_all_wrap.flex_two {
        gap: 30px;
    }
    .desktop.flex.footer_last_menu.space-between,
    .desktop.footer_menu_icon_wrap.flex,
    .desktop.footer_menu_icon_wrap.flex .footer-menu .menu-wrap.flex {
        display: flex;
    }
    .mobile.footer-last-mobile-menu,
    .mobile_copy_text.mobile,
    .footer_mobile_menu_wrap.mobile,
    .menu-wrap.flex {
        display: none;
    }
    .blogs-section .our_work_all_wrap .blog_cards_wrapper .blog_card_wrap {
        width: 50%;
    }
    .portfolio-title-green {
        font-size: 60px;
    }
    .rounded-cards-wrap.mobile.swiper-container-career.swiper-container-initialized.swiper-container-horizontal {
        display: none;
    }
    .rounded-cards-wrap.mobile.swiper-container-career.swiper-container-initialized.swiper-container-horizontal {
        display: none;
    }
    #service-two .container-two {
        max-width: 100%;
    }
    .blog-tab-section .container {
        padding: 0 0px 0 0;
    }
    .location-section .location-wrap iframe {
        max-height: 450px;
    }
    #case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items {
        max-width: 342px;
    }
    .rounded-cards-wrap.flex.space-between.desktop {
        display: flex;
    }
    .blogs-section .our_work_all_wrap .all-team-cards-wrapper .card {
        width: calc(50% - 15px);
        height: 500px;
        perspective: 500px;
    }
}
@media only screen and (min-width:900px) and (max-width:991px) {
    .blogs-section .our_work_all_wrap .all-team-cards-wrapper .card {
        width: calc(50% - 15px);
        height: 550px;
        perspective: 500px;
    }
}
@media only screen and (max-width:767px) {
    .partnerships_section .partnerships_all_wrap .partner_all_wrap .partner_bottom_logos .part_logo {
        aspect-ratio: 3 / 1;
        display: inline-flex;
        width: calc(50% - 80px);
        align-items: center;
        justify-content: space-between;
    }
    #case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items .card-h-txt .bottom_card .card-heading {
        font-size: 22px;
    }
    #case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items .card-h-txt .bottom_card .card-txt {
        font-size: 16px;
        font-weight: 400;
    }
    .swiper-button-prev, .swiper-button-next {
        width: 30px !important;
        height: 30px !important;
    }
    #blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body h2,
    #blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body h5 {
        /* font-size: 16px; */ 
        line-height: 25px;
    }
 
    #blog-detail-first.blog-detail-section {
        margin: 70px 0 55px;
    }
    #blogs-last-section.blogs-section .our_work_all_wrap .service-header .service-button {
        padding-right: 0px;
    }
    #blog-detail-first.blog-detail-section .blog-header .main-heading {
        font-size: 32px !important;
        line-height: 38px;
        margin-bottom: 20px;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .slide-text .side-txt, 
    #service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .slide-text-r .side-txt,
    #blog-detail-first.blog-detail-section .blog-header .date-and-link-wrap .date-wrap .green-text {
        font-size: 18px;
        line-height: 25px;
    }
    #blog-detail-first.blog-detail-section .blog-header .date-and-link-wrap .link-wrap .cdk-btn-white {
        width: 120px;
        height: 45px;
        font-size: 14px;
        line-height: 15px;
    }
    #blog-detail-first.blog-detail-section .blog-header .date-and-link-wrap .link-wrap .cdk-btn-white span svg {
        width: 14.5px;
        height: 14.5px;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .slide-text:not(:last-child), 
    #service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .slide-text-r:not(:last-child),
    .last-team-slider-section .team_slider_title_wrap,
    .professional-team-section .professional-team-wrap .professional-team-text .primery-text,
    .career-cards-section .career-cards-all_wrap .career-cards-head,
    .blogs-section .our_work_all_wrap .service-head,
    #blog-detail-first.blog-detail-section .blog-header {
        margin-bottom: 30px;
    }
    #blog-detail-first.blog-detail-section .blog-image-inner-wrap {
        margin-bottom: 45px;
    }
    #blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body h3 {
        padding-left: 2px;
        margin-bottom: 12px;
        /* font-size: 22px;
        line-height: 27px; */
    }
    #blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body p {
        margin-left: 0px;
        font-size: 16px;
        line-height: 25px;
    }
    .mobile .footer_mobile .footer_logo_wrap,
    .mobile .footer_mobile .footer-icon
    .career-form-section .form-and-img-wrapper .career-form-wrap .career-form fieldset ,
    #blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body p:not(:last-child) {
        margin-bottom: 20px;
    }
    #blog-detail-first.blog-detail-section .blog-body-and-newsletter .blog-newslwtter-wrap .news-container {
        padding: 50px 20px;
    }
    #blog-detail-first.blog-detail-section .blog-body-and-newsletter .blog-newslwtter-wrap .news-container .news-heading {
        font-size: 25px;
        line-height: 27px;
    }
    #blog-detail-first.blog-detail-section .blog-body-and-newsletter .blog-newslwtter-wrap .news-container .news-text {
        font-size: 16px;
        line-height: 25px;
        margin: 12px 0 25px;
    }
    #blog-detail-first.blog-detail-section .blog-body-and-newsletter .blog-newslwtter-wrap .news-container form input#news {
        height: 45px;
        border-radius: 10px;
        font-size: 16px;
    }
    #blog-detail-first.blog-detail-section .blog-body-and-newsletter .blog-newslwtter-wrap .news-container form button {
        height: 45px;
        border-radius: 10px;
        font-size: 15px;
        font-weight: 300;
        margin-top: 15px;
    }
    #case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items:hover .card-h-txt,
    .about_slider_section .slider_and_text_wrapper .slider-text-side .dots-image,
    .get-strat-section .strat-image-wrap img.desktop,
    .desktop,
    .slick-slide img.desktop,
    .our_work-images_wrap .work-image_one:hover .card-h-txt,
    .our_work-images_wrap .work-image_two:hover .card-h-txt,
    .our_work-images_wrap .work-image_three:hover .card-h-txt,
    .our_work-images_wrap .work-image_four:hover .card-h-txt,
    .our_work-images_wrap .work-image_all img.desktop,
    #blog-detail-first.blog-detail-section .blog-image-inner-wrap img.desktop {
        display: none;
    }
    .mobile .footer_mobile .footer-icon .icon_wrap .icon-list svg,
    .slick-slide img.mobile,
    .mobile,
    .service_tab-heading span svg,
    .our_work-images_wrap .work-image_all img.mobile,
    #blog-detail-first.blog-detail-section .blog-image-inner-wrap img.mobile {
        display: block;
    }
    #blogs-last-section.blogs-section {
        padding: 0px 0 70px;
    }
    #blogs-last-section.blogs-section .our_work_all_wrap .service-header {
        align-items: flex-end;
        margin-bottom: 30px;
    }
    #blogs-last-section.blogs-section .our_work_all_wrap .service-header .service-titel .blog-service-title {
        font-size: 20px;
    }
    #blogs-last-section.blogs-section .our_work_all_wrap .service-header .service-button .cdk-btn-transparent {
        width: 120px;
        height: 45px;
        font-size: 15px;
        font-weight: 400;
    }
    .slider_section_wrapper,
    #blog-detail-first #container.container,
    .container,
    #container {
        padding: 0 20px;
    }
    #service-main.main-title-section {
        padding: 70px 0px 60px!important;
    }
    #title-and-text .service_all_wrap .service-head .service-text .bnt-wrap,
    .main-title-section .main-title-wrap .cdk-buttons-wrap,
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap.one,
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap.two,
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap.three,
    #service-main.main-title-section .main-title-wrap .cdk-buttons-wrap {
        margin-top: 20px;
    }
    #service-main.main-title-section .main-title-wrap .cdk-buttons-wrap .cdk-btn-green {
        margin-right: 15px;
        max-width: 120px;
        height: 45px;
    }
    #service-main.main-title-section .main-title-wrap .cdk-buttons-wrap  .cdk-btn-white {
        max-width: 120px;
        height: 45px;
    }
    #service-two .container-two {
        max-width: 100%;
        margin-left: 0;
    }
    #service-two .container-two .all-items-wrapper {
        margin-top: 30px;
    }
    #service-two .container-two .all-items-wrapper .order-list {
        row-gap: 12px;
        padding: 20px 0 30px 20px;
    }
    #service-two .container-two .all-items-wrapper .unorder-list {
        row-gap: 10px;
        padding: 20px 0 0 24px;
    }
    #service-two.service_section {
        padding: 0px 0px;
    }
    #service-three.service-bacground-section {
        height: auto !important;
        width: 100%;
        padding-top: 55px;
    }
    .service_section .service_all_wrap.container-second {
        padding: 0 20px;
    }
    #service-four.our-approach-section {
        margin: 55px 0 108px;
        padding: 0;
    }
    /* #service-three .background-image-fix {
        min-height: 404px;
    } */
    #service-five.service-inner-slider {
        padding: 60px 0;
        margin-bottom: 96px;
    }
    #service-five.service-inner-slider .all-text-slide-wrap {
        row-gap: 40px;
        flex-wrap: wrap;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-left-text {
        width: 100%;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-all-img {
        max-width: 378px;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-right-text {
        width: 100%;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .slide-text.slide-text-two {
        margin-right: 0px;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .slide-text-r.slide-text-two {
        margin-left: 0px;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .slide-text, 
    #service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .slide-text-r {
        column-gap: 20px;
    }
    #service-five.service-inner-slider .service-slider-head .slider-heading {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 30px;
    }
    #service-four.our-approach-section .container .about_cards_wrap {
        padding: 30px 0 0;
        column-gap: 20px;
    }
    #service-four.our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content {
        padding: 40px 20px;
    }
    #service-four.our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-heading {
        margin-bottom: 24px;
    }
    #service-four.our-approach-section .container .about_cards_wrap .about-cards_wrap .box {
        min-height: 276px;
    }
    #main-banner .main-banner-image {
        min-height: 300px;
        object-fit: cover;
    }
    #title-and-text .service_all_wrap .title-wrap {
        margin: 50px 0;
        padding: 50px 0;
    }
    #title-and-text .service_all_wrap .title-wrap .portfolio-title-green {
        font-size: 40px;
        line-height: 50px;
    }
    #title-and-text.service_section .service_all_wrap .service-head .service-titel h3 {
        margin-bottom: 0px;
    }
    #desktop-image {
        padding: 55px 0;
    }
    #desktop-image #container {
        padding: 0;
    }
    #mobile-screens {
        padding: 72px 0 60px;
    }
    #mobile-screens .all-mobile-screen-wrap {
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 55px;
        row-gap: 30px;
    }
    #mobile-screens .all-mobile-screen-wrap .mobile-screen .screen-img {
        max-width: 165px;
    }
    #service-two .container-two .all-items-wrapper .unorder-list, 
    #service-two .container-two .all-items-wrapper .order-list {
        column-count: 1 !important;
    }
    .location-section,
    #title-and-text.service_section.two {
        margin: 55px 0;
    }
    #title-and-text.service_section.two .desktop-image-wrapper {
        margin-top: 30px;
    }
    #title-and-text .service_all_wrap #counter-wrapper {
        padding: 50px 20px;
        margin-top: 60px;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 50px;
        border-color: #37C8AE;
    }
    #title-and-text .service_all_wrap #counter-wrapper .counter {
        width: 100%;
    }
    #title-and-text .service_all_wrap #counter-wrapper .counter .count {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 15px;
    }
    #title-and-text .service_all_wrap #counter-wrapper .counter .counter-name {
        font-size: 20px;
        line-height: 27px;
        max-width: 194px;
        margin: 0 auto;
    }
    #title-and-text.service_section.two #container {
        padding: 0;
    }
    #title-and-text.service_section.three #container .all-challenge-img-wrapper {
        margin-top: 30px;
    }
    #title-and-text.service_section.three #container .all-challenge-img-wrapper .challenge-top-wrap {
        row-gap: 20px;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }
    #case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items {
        max-width: 390px;
        width: 100%;
    }
    #case-slider-section {
        padding: 59px 0 54px;
    }
    #case-slider-section .all-case-slider-wrap .case-slider-header {
        margin-bottom: 35px;
    }
    #case-slider-section .case-slider-body .case-slider-wrapper .slick-arrow.next-arrow,
    #case-slider-section .case-slider-body .case-slider-wrapper .slick-arrow.prev-arrow {
        top: -61px !important;
        height: 30px !important;
        width: 30px !important;
    }
    #case-slider-section .case-slider-body .case-slider-wrapper .slick-arrow.prev-arrow {
        right: 50px !important ;
    }
    #case-slider-section .case-slider-body .case-slider-wrapper .slick-arrow.next-arrow svg,
    #case-slider-section .case-slider-body .case-slider-wrapper .slick-arrow.prev-arrow svg {
        width: 12px;
    }
    #case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items .card-h-txt.mobile {
        position: unset;
        display: block;
        padding: 20px 0 0 0;
    }
    #case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items:hover::before {
        opacity: 0;
    }
    #case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items {
        text-decoration: none;
    }
    .main_heading_text {
        flex-direction: column;
        text-align: center;
        padding: 0px;
    }
    .text_wrap .detail_count_wrap .first_count_wrap .count {
        font-size: 25px;
        margin-bottom: 8px;
    }
    .text_wrap .main-text-wrap {
        width: 100%;
        padding: 0;
        border-left: none;
    }
    .hompage_section_top {
        padding-top: 70px;
    }
    .text_wrap .detail_count_wrap {
        width: 100%;
        padding-left: 0;
        padding: 0 10px;
        margin-top: 35px;
        justify-content: space-between;
    }
    .text_wrap .detail_count_wrap .first_count_wrap {
        max-width: 75px;
    }
    .text_wrap .detail_count_wrap .first_count_wrap.two {
        max-width: 72px;
    }
    .text_wrap .detail_count_wrap .first_count_wrap.three {
        max-width: 69px;
    }
    .text_wrap .detail_count_wrap .first_count_wrap:not(:last-child) {
        margin-right: 0;
    }
    .main-heading {
        font-size: 32px;
    }
    .text_wrap {
        margin: 0 auto;
        margin-top: 12px;
    }
    .text_wrap .main-text-wrap .text-title {
        font-size: 16px;
        line-height: 25px;
    }
    .detail_count_wrap .first_count_wrap .number {
        font-size: 25px;
        margin-bottom: 8px;
    }
    .detail_count_wrap .first_count_wrap .text {
        font-size: 16px;
        line-height: 25px;
    }
    .slideshow {
        margin-top: 41px;
    }
    .slideshow .slider .item img {
        min-width: 335px;
        min-height: 276px;
        object-fit: cover;
    }
    .our_work_section .our_work_all_wrap .our_work_body_wrap .bnt-wrap .cdk-btn-green.mobile,
    .service_body_wrap .bnt-wrap .cdk-btn-green.mobile {
        display: flex;
        max-width: 120px;
        height: 45px;
    }
    .our_work_section {
        margin: 0px 0;
    }
    .our_work_body_wrap {
        margin-top: 0px;
    }
    .partnerships_section {
        width: 100%;
        padding: 40px 20px 40px;
        margin-top: 20px;
    }
    .partnerships_container {
        padding: 0;
        max-width: unset;
    }
    .partnerships_section .partnerships_all_wrap {
        flex-direction: column;
    }
    .partnerships_section .partnerships_all_wrap .partner_all_wrap {
        margin-top: 10px;
    }
    .partner_bottom_logos_mobile.flex.mobile {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 20px;
        margin-top: 30px;
    }
    .partner_bottom_logos_mobile .part_logo {
        margin-right: 36px;
    }
    .partner_bottom_logos_mobile .part_logo.not_wargin {
        margin-right: 0;
    }
    .partner_bottom_logos_mobile .part_logo img {
        width: 100%;
        display: block;
    }
    .partnerships_section .partnerships_all_wrap .partner_title .part_title {
        font-size: 18px;
        line-height: normal;
    }
    .partnerships_section .partnerships_all_wrap .partner_all_wrap .partner_top_text .partners_text {
        font-size: 28px;
        line-height: 34px;
    }
    .partnerships_section .partnerships_all_wrap .partner_all_wrap .partner_bottom_logos_mobile .upper-logos {
        margin-top: 30px;
        margin-bottom: 20px;
        justify-content: space-between;
    }
    .partnerships_section .partnerships_all_wrap .partner_all_wrap .partner_bottom_logos_mobile .lower-logos {
        justify-content: space-between;
    }
    .our_work_section .our_work_all_wrap .service-head .service-titel h2 {
        font-size: 28px;
    }
    .partnerships_section .partnerships_all_wrap .partner_all_wrap .partner_bottom_logos {
        row-gap: 40px;
        column-gap: 0 !important;
    }
     /* Main loop slider */
     .loop-slider-main-wraper {
        margin: 40px 0 0px 0;
        padding: 40px 0;
    }
    .marquee .svg-wrap-group {
        width: 200px;
        height: 100px;
    }
    .marquee__group .svg-wrap-group img {
        width: 100%;
        max-width: 85%;
    }
    .marquee__group .svg-wrap-group img.mhc-sl-img {
        width: 50%;
    }
    .marquee__group .svg-wrap-group .lan-sl-img {
        max-width: 65px;
        width: 100%;
    }
    .newsletter_input_wrap form.flex,
    .footer_newsletter_wrap.flex {
        flex-direction: column;
    }
    .footer-all-wrapper {
        padding: 46.9px 20px 0px 20px;
    }
    .footer_newsletter_wrap {
        padding: 40px 45px;
        margin-bottom: 40px;
    }
    .footer_menu_icon_wrap.flex.container, .container.flex.footer_last_menu.space-between {
        flex-direction: column;
    }
    .newsletter_input_wrap {
        width: 100%;
    }
    .newsletter_input_wrap form input[type="email"] {
        width: 100%;
        height: 40px;
        border-radius: 10px;
        background: #D9D9D9;
        border: none;
        padding-left: 15px;
        margin: 15px 0;
    }
    .newsletter_input_wrap form .cdk-btn-green {
        width: 100%;
        height: 40px;
        border-radius: 10px;
        margin-left: 0;
    }
    .footer_newsletter_wrap .newsletter_text .text {
        font-size: 22px;
        line-height: 30px;
    }
    .footer_mobile {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .mobile .footer_mobile .footer_logo_wrap img {
        max-width: 171px;
        display: block;
    }
    .mobile .footer_mobile .footer-icon .icon_wrap .icon-list {
        list-style: none;
    }
    .mobile .footer_mobile .footer-icon .icon_wrap .icon-list:not(:last-child) {
        margin-right: 20px;
    }
    .footer_mobile_menu_wrap .footer-mobile-menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 321px;
        margin: 0 auto;
    }
    .footer_mobile_menu_wrap .footer-mobile-menu .mobile-list a,
    .footer-mobile-menu-second .mobile-list a {
        text-decoration: none;
        color: #fff;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        text-transform: capitalize;
        font-family: var(--second-heading);
    }
    .footer_mobile_menu_wrap .footer-mobile-menu .mobile-list,
    .footer-mobile-menu-second .mobile-list {
        list-style: none;
    }
    .footer-mobile-menu-second {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 30px;
        max-width: 321px;
        margin: 0 auto;
        margin-top: 20px;
    }
    .footer_mobile_menu_wrap {
        border-top: 1px solid #444e5933;
        border-bottom: 1px solid #444e5933;
        width: 100%;
        padding: 25px 20px;
        margin-top: 40px;
    }
    .mobile_copy_text {
        width: 100%;
        margin-top: 22px;
        text-align: center;
        padding: 0 20px;
        padding-bottom: 10px;
    }
    .mobile_copy_text p {
        font-family: var(--second-heading);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        opacity: 0.75;
    }
    .cookies-pop-up {
        right: 17px;
        width: 92%;
    }
    .cookies-pop-up .cookie-bottom {
        padding: 106px 14px 30px;
    }
    .cookies-pop-up .cookie-bottom .cookie-heading {
        font-size: 22px;
        line-height: 27px;
        margin-bottom: 15px;
    }
    .cookies-pop-up .cookie-bottom .cookie-btns {
        row-gap: 9px;
        margin-bottom: 9px;
        flex-direction: column;
    }
    .cookies-pop-up .cookie-bottom .cookie-btns .cookie-accept,
    .cookies-pop-up .cookie-bottom .cookie-btns .cookie-decline {
        max-width: 283px;
    }
    .our-approach-section {
        margin: 70px 0 0;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .box {
        height: 290px !important;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content {
        padding: 40px 30px 0;
    }
    .our-approach-section .container .about_cards_wrap {
        padding: 40px 0 55px;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-heading {
        margin-bottom: 15px;
        margin-top: 40px;
        font-size: 24px;
        line-height: 27px;
    }
    .contact-form-section .contact-form-wrap {
        padding: 49px 20px;
    }
    .contact-form-section .contact-form-wrap .contact_form .name-fields-wrap {
        flex-wrap: wrap;
        row-gap: 20px;
        margin-bottom: 20px;
    }
    .contact-form-section .contact-form-wrap .contact-head-wrap .second-heading {
        margin: 10px 0 30px;
        font-size: 28px;
    }
    .contact-form-section .contact-form-wrap .contact-head-wrap .green-text {
        font-size: 18px;
    }
    .contact-form-section .contact-form-wrap .contact_form .other-fields-wrap {
        row-gap: 20px;
    }
    .location-section .location-wrap iframe {
        max-height: 350px;
    }
    .contact-form .name-field-wrap {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .about-banner-section .container .about_cards_wrap .about-cards_wrap .box {
        min-height: 276px !important;
    }
    .management_section .management_wrapper .container.flex {
        flex-wrap: wrap;
        padding: 24px 20px 53px 20px;
        text-align: center;
    }
    .management_section .management_wrapper {
        background: linear-gradient(358deg, rgba(0,0,0,1) 40%, rgba(16,58,58,1) 41%, rgba(8,25,35,1) 42%, rgba(16,58,58,1) 100%);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
    }
    .management_section .management_wrapper .container.flex .image_side {
        margin: 0 auto;
    }
    .management_section .management_wrapper .container.flex .text-side {
        max-width: 100%;
        margin-top: 64px;
    }
    .management_section .management_wrapper .container.flex .image_side .ceo_name {
        font-size: 22px;
        line-height: 25px;
    }
    .management_section .management_wrapper .container.flex .image_side .des_name {
        font-size: 16px;
        line-height: 20px;
    }
    .management_section .management_wrapper .container.flex .text-side .mange_heading {
        font-size: 25px;
        margin-bottom: 12px;
    }
    .management_section .management_wrapper .container.flex .text-side .manage_text {
        font-size: 16px;
        line-height: 25px;
    }
    .about_slider_section .slider_and_text_wrapper.flex_two {
        flex-wrap: wrap;
        gap: 40px;
    }
    .slider_and_text_wrapper .slider-side {
        width: 100%;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .heading {
        font-size: 25px;
        line-height: 30px;
        margin: 5px 0 5px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .text {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text {
        padding: 10px 40px 0 5px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .image-slider-bt .svg-button {
        width: 25px;
        height: 25px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-side .image-slider-items .image-slide .image-slide-text .image-slider-bt .svg-button svg {
        width: 12px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap .ckd-call-text a {
        font-size: 14px;
    }
    .about_slider_section {
        padding: 20px 0;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .green-text {
        font-size: 18px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .primery-heading {
        margin: 10px 0 12px;
        font-size: 28px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .primery-text {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 20px
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-service-head {
        font-size: 20px;
        line-height: 22px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu {
        padding: 20px 10px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu .slider-items {
        font-size: 16px;
        line-height: 16px;
        padding-left: 26px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu .slider-items::after {
        content: url(/public/images/marker-sl-m.svg);
        width: 16px;
        height: 16px;
        top: 0;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu .slider-items:not(:last-child) {
        margin-bottom: 15px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons {
        margin-top: 6px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .cdk-btn-green {
        width: 120px;
        height: 45px;
    }
    #cross-fade-swiper-container .swiper-pagination {
        width: 75px;
        padding: 10px 0;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap .call-icon {
        width: 40px;
        height: 40px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap {
        margin-left: 20px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap .call-icon img {
        max-width: 16.66px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons .call-cdk-wrap .call-icon::before {
        width: 45px;
        height: 45px;
    }
    .last-team-slider-section .team_slider_mobile.mobile img {
        width: 100%;
        display: none;
    }
    .last-team-slider-section .team_slider_title_wrap .slider-title {
        font-size: 28px;
    }
    .last-team-slider-section {
        margin: 55px 0;
        padding-bottom: 0;
    }
    .our_work_section {
        padding: 70px 0px 50px;
        margin-bottom: 0px;
        margin-top: 0 !important;
    }
    .our_work_body_wrap {
        margin-top: 0px;
    }
    .main-title-section .main-title-wrap {
        padding: 70px 0 55px;
    }
    .main-title-section .main-title-wrap .cdk-buttons-wrap .cdk-btn-green,
    .main-title-section .main-title-wrap .cdk-buttons-wrap .cdk-btn-white {
        max-width: 130px;
        height: 45px;
    }
    .service_section {
        padding: 0px 0px 55px;
    }
    .our-approach-section {
        margin: 10px 0 55px;
    }
    .our-approach-section .container .about_cards_wrap {
        padding: 30px 0 0px;
    }
    .get-strat-section {
        padding-bottom: 55px;
    }
    .get-strat-section .strat-header-wrap {
        text-align: left;
    }
    .get-strat-section .strat-header-wrap .green-text {
        font-size: 18px;
    }
    .get-strat-section .strat-header-wrap .primery-heading {
        font-size: 28px;
        margin: 10px 0 12px;
    }
    .get-strat-section .strat-image-wrap {
        margin: 30px 0 20px;
    }
    .get-strat-section .container .cdk-button-wrap {
        max-width: 120px;
    }
    .get-strat-section .container .cdk-button-wrap .cdk-btn-green {
        width: 120px;
        height: 45px;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-heading {
        margin-bottom: 24px;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-second-heading {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 12px;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content {
        padding: 39px 20px 52px;
    }
    .blogs-section {
        padding: 70px 0 70px;
    }
    .blogs-section .our_work_all_wrap .blog_cards_wrapper {
        row-gap: 30px;
    }
    .blogs-section .our_work_all_wrap .service-head .service-text p {
        padding-right: 0px;
    }
    .blog-tab-section .blog-tab-main .blog-search {
        margin-bottom: 40px;
    }
    .blog-tab-section .blog-tab-main {
        padding: 0px 0px 0px;
    }
    .blog-tab-section .container {
        padding: 0 0px 0 0;
    }
    #blog-detail-first.blog-detail-section .blog-body-and-newsletter .blog-newslwtter-wrap {
        margin-right: 0;
    }
    .no-records {
        margin-top: -20px;
    }
    .blog-filter-tab .filter-tab-wrap .filter-tab-list {
        margin-right: 20px;
    }
    .blog-tab-section .blog-tab-main .blog-search #myInput {
        width: 100%;
    }
    .ceo-section .ceo-text-image-wraper .ceo-text-wrap .main-heading {
        font-size: 28px !important;
        line-height: 34px;
    }
    .ceo-section {
        padding: 70px 0px;
        background: url("/public/images/team-member/ceo-section-background-mobile.webp");
    }
    .ceo-section .ceo-text-image-wraper .ceo-text-wrap .green-text {
        margin: 10px 0 15px;
        font-size: 16px;
    }
    .ceo-section .ceo-text-image-wraper .ceo-text-wrap .primery-text {
        font-size: 16px;
        line-height: 25px;
    }
    .hide {
        visibility: hidden;
        display: none;
    }
    .blogs-section {
        padding: 55px 0;
    }
    #blogs-last-section .container-second {
        padding: 0 20px;
    }
    .professional-team-section .professional-team-wrap {
        row-gap: 30px;
    }
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap {
        max-width: 220px;
        padding: 26px 21px 32px 22px;
    }
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap .our-text {
        font-size: 16px;
        line-height: 25px;
    }
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap .our-card-heading {
        font-size: 18px;
        margin: 15px 0;
    }
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap.one:hover,
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap.two:hover,
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap.three:hover {
        margin-top: 10px;
    }
    .professional-team-section {
        margin-top: 20px;
        margin-bottom: 55px;
    }
    .blogs-section .our_work_all_wrap .all-team-cards-wrapper .card {
        width: 100% !important;
        max-width: 330px;
        margin: 0 auto;
        height: 450px !important;
        perspective: 500px !important;
    }
    .blogs-section .our_work_all_wrap .all-team-cards-wrapper {
        row-gap: 20px;
    }
    .professional-team-section .professional-team-wrap .professional-team-text .main-heading {
        font-size: 28px !important;
    }
    .blogs-section .our_work_all_wrap .blog_cards_wrapper .blog_card_wrap {
        width: 100%;
    }

    .blogs-section .container-blog-list {
        padding: 0 20px 0 20px;
    }
    .our-approach-section {
        margin: 0;
        padding: 70px 0;
    }
    .our-approach-section .green-text {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .our-approach-section .service-head .service-titel h1.second-heading {
        font-size: 28px;
    }
    .rounded-cards-wrap .round-cards .round-card-title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 20px;
    }
    .rounded-cards-wrap.mobile {
        max-width: 100%;
        margin-top: 40px;
        overflow: hidden;
    }
    .rounded-cards-wrap.mobile .round-cards {
        width: 100% !important;
        min-width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .career-cards-section {
        padding: 5px 0 75px;
    }
    .career-cards-section .career-cards-all_wrap .career-cards-all-wrap .career-cards-wrapper {
        max-width: 350px;
        padding-bottom: 53px;
    }
    .career-cards-section .career-cards-all_wrap .career-cards-all-wrap .career-cards-wrapper .career-card-text-heading {
        font-size: 22px;
        line-height: 25px;
        margin: 30px 0 55px 0;
    }
    .career-cards-section .career-cards-all_wrap .career-cards-all-wrap .career-cards-wrapper .primery-text {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 25px;
    }
    .career-cards-section .career-cards-all_wrap .career-cards-all-wrap .career-cards-wrapper .bnt-wrap .cdk-btn-green {
        width: 120px;
        height: 45px;
    }
    .career-cards-section .career-cards-all_wrap .career-cards-head .career-head-txt {
        font-size: 28px;
    }
    .career-cards-section .career-cards-all_wrap .career-cards-all-wrap {
        row-gap: 20px;
    }
    .career-form-section {
        padding: 0px 0 55px;
    }
    .career-form-section .form-and-img-wrapper {
        row-gap: 30px;
    }
    .career-form-section .form-and-img-wrapper .career-img-wrap .career-img {
        min-height: 405px;
        object-fit: cover;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap {
        padding: 39px 13px;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap .career-form-heading {
        font-size: 22px;
        margin-bottom: 30px;
        line-height: 26px;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap .career-form fieldset input {
        height: 50px;
        padding-left: 16px;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap .career-form .file-upload {
        padding-top: 0px;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap .career-form .file-upload .custom-file-input::before {
        margin: 10px -60px 20px 0;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap .career-form .cdk-contact-btn {
        height: 50px;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap .career-form fieldset label {
        left: 16px;
    }
    .privacy-policy {
        padding: 70px 0 55px;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 0px !important;
    }
    .space-top-p {
        padding-top: 0px;
    }
    .our-approach-section.space-top-p {
        padding-top: 70px;
    }
    .space-top-m {
        margin-top: 0px;
    }
    .service_section {
        padding: 55px 0px;
    }
    .service_section .service_all_wrap .green-text, 
    .our_work_section .our_work_all_wrap .green-text, 
    .blogs-section .our_work_all_wrap .green-text, 
    .our-approach-section .green-text {
        margin-bottom: 10px;
    }
    .service_section .service_all_wrap .service-head.flex,
    .our_work_section .our_work_all_wrap .service-head.flex,
    .blogs-section .our_work_all_wrap .service-head.flex,
    .our-approach-section .service-head.flex {
        flex-wrap: wrap;
        row-gap: 12px;
    }
    .service_section .service_all_wrap .service-head .service-titel h3,
    .our_work_section .our_work_all_wrap .service-head .service-titel h3,
    .blogs-section .our_work_all_wrap .service-head .service-titel h3,
    .our-approach-section .service-head .service-titel h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .service_section .service_all_wrap .service-head .service-titel h2,
    .our_work_section .our_work_all_wrap .service-head .service-titel h2,
    .blogs-section .our_work_all_wrap .service-head .service-titel h2,
    .our-approach-section .service-head .service-titel h2,
    .our-approach-section .service-head .service-titel h1 {
        font-size: 28px;
    }
    .service_section .service_all_wrap .service-head .service-text p,
    .our_work_section .our_work_all_wrap .service-head .service-text p,
    .blogs-section .our_work_all_wrap .service-head .service-text p,
    .our-approach-section .service-head .service-text p {
        font-size: 16px;
        line-height: 25px;
    }
    .service_mobile_tabs.mobile {
        margin-top: 25px;
    }
    .service_tabs {
        width: 100%;
    }    
    .service_content p {
        color: #fff;
        font-family: Rubik;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 27px;
    }    
    .service_tab-heading {
        cursor: pointer;
        color: #ADB5BD;
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        padding-bottom: 10px;
        padding-top: 15px;
        position: relative;
        border-bottom: 1px solid #6C757D;
        justify-content: space-between;
        transition: all 0.3s ease;
    }
    .service_tab-heading a {
        text-decoration: none;
        color: #ADB5BD;
    }
    .service_tab-heading.active {
        font-size: 24px;
        color: #fff;
    }
    .service_content {
        padding: 10px 0;
        display: none;
        border-bottom: 1px solid #6C757D;
    }   
    .service_body_wrap .bnt-wrap {
        margin-top: 25px;
    }
    .service_tab-heading span {
        display: inline-block;
    }
    .service_tab-heading.active .tab-icon {
        transform: rotate(90deg);
    }
    .our_work-images_wrap .work-image_one,
    .our_work-images_wrap .work-image_two,
    .our_work-images_wrap .work-image_three,
    .our_work-images_wrap .work-image_four {
        width: 100%;
    }
    .our_card_bottom_text.mobile .card-heading {
        color: #FFF;
        font-family: var(--second-heading);
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 25px;
    }
    .our_card_bottom_text.mobile .card-txt {
        color: #fff;
        font-family: var(--second-heading);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        margin-top: 12px;
        margin-bottom: 20px;
    }
    .our_work-images_wrap.flex {
        row-gap: 20px;
    }  
    .our_work-images_wrap .work-image_one::before,
    .our_work-images_wrap .work-image_two::before,
    .our_work-images_wrap .work-image_three::before,
    .our_work-images_wrap .work-image_four::before  {
        content: unset;
    }
    .our_work_section .our_work_all_wrap .our_work_body_wrap .bnt-wrap {
        width: 160px;
        margin: 0;
        margin-top: 15px;
    }
    .blogs-section {
        padding: 30px 0 70px;
    }
    .blogs-section .our_work_all_wrap .blog_cards_wrapper {
        row-gap: 30px;
        flex-wrap: wrap;
    }
    .blogs-section .our_work_all_wrap .blog_cards_wrapper .blog_card_wrap {
        max-width: 100%;
        flex: none;
        width: 100%;
        margin-bottom: 0;
        opacity: 1 !important;
    }
    .blogs-section .our_work_all_wrap .blog_cards_wrapper .blog_card_wrap .blog-title-text p {
        margin: 25px 0 12px;
    }
    .blogs-section .our_work_all_wrap .blog_cards_wrapper .blog_card_wrap .blog-title-text h3 {
        font-size: 16px;
        line-height: 25px;
    }
    .main-title-section .main-title-wrap {
        padding: 70px 0 55px;
    }
    .main-title-section .main-title-wrap .main-heading {
        font-size: 28px;
        margin: 10px 0 12px;
    }
    .main-title-section .main-title-wrap .green-text {
        font-size: 18px;
    }
    .main-title-section .main-title-wrap .primery-text {
        font-size: 16px;
        line-height: 25px;
    }
    .image-slider-items .slick-dots li.slick-active {
        width: 25px !important;
        height: 25px !important;
    }
    .image-slider-items .slick-dots li.slick-active button {
        font-size: 15px;
        padding-left: 13px;
    }
    .image-slider-items .slick-dots li button {
        height: 12px !important;
        width: 12px !important;
    }
    .image-slider-items .slick-dots {
        padding: 16px 22px 13px 21px;
    }
    .image-slider-items .slick-dots li {
        margin-bottom: 10px;
    }
    .image-slider-items .slick-slide img {
        border-radius: 10px;
    }
    .about-banner-section .container .about_cards_wrap,
    .our-approach-section .container .about_cards_wrap {
        padding: 55px 0;
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content {
        padding: 25px 15px;
    }
    .about-banner-section .container .about_cards_wrap .about-cards_wrap .box .content {
        padding: 45px 25px;
    }
    .about-banner-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-heading,
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-heading {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 15px !important;
        margin-top: 0;
    }
    .about-banner-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-text,
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-text {
        font-size: 16px;
        line-height: 25px;
    }
    .about-banner-section .container .about_cards_wrap .about-cards_wrap,
    .our-approach-section .container .about_cards_wrap .about-cards_wrap {
        max-width: 390px;
        margin: 0 auto;
    }
    .our_work-images_wrap .work-image_two img, 
    .our_work-images_wrap .work-image_three img, 
    .our_work-images_wrap .work-image_one img, 
    .our_work-images_wrap .work-image_four img {
        min-height: 450px;
        object-fit: cover;
        border-radius: 10px;
        max-height: 450px;
    }
    .our_work_section .our_work_all_wrap .bnt-wrap {
        text-align: center;
        margin-top: 30px;
    }
    /* privacy policy */
    .privacy-heading-and-text-wrap {
        column-gap: 0;
        flex-wrap: wrap;
    }
    .heading-container {
        margin-bottom: 30px;
        position: unset;
    }
    .privacy-heading-and-text-wrap .heading-container .policy-heading {
        font-size: 28px;
        line-height: normal;
    }
    .privacy-heading-and-text-wrap .peivacy-txt-container .primery-text {
        margin-bottom: 12px;
        font-size: 16px;
        line-height: 25px;
    }
    .privacy-heading-and-text-wrap .peivacy-txt-container .policy-second-heading {
        padding-top: 18px;
        padding-bottom: 10px;
        font-size: 20px;
    }
    .privacy-heading-and-text-wrap .peivacy-txt-container .policy-green-text {
        margin-bottom: 12px;
        font-size: 18px;
        line-height: 25px;
    }
    .privacy-heading-and-text-wrap .peivacy-txt-container .policy-list {
        padding-left: 25px;
        margin-bottom: 12px;
        padding-top: 3px;
    }
    .privacy-heading-and-text-wrap .peivacy-txt-container .policy-list .list-item {
        margin-bottom: 10px;
    }
    .privacy-heading-and-text-wrap .peivacy-txt-container .policy-h4-heading {
        margin-bottom: 12px;
        font-size: 18px;
        line-height: 25px;
    }
    .privacy-heading-and-text-wrap .peivacy-txt-container .policy-list .list-item span {
        font-weight: 600;
    }
    .thanks-main-wrapper .thanks-wraper .thanks-text {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 16px;
    }
    .thanks-main-wrapper .thanks-wraper .bnt-wrap {
        margin-bottom: 60px;
    }
    .thanks-main-wrapper .thanks-wraper .thanks-image {
        max-width: 326px;
        margin-bottom: 50px;
    }
    .newsletter_input_wrap form.flex div {
        width: 100%;
    }
    #service-two .container-two .all-items-wrapper .c-2-heading.last {
        margin-top: 20px;
    }
    #service-two .container-two {
        max-width: 100%;
    }
    #case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items {
        max-width: 100% !important;
        width: 100% !important;
    }
}
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .about-banner-section .container .about_cards_wrap .about-cards_wrap .box {
        min-height: 364px;
    }
    #case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items {
        max-width: 422px;
    }
}
@media only screen and (max-width:1280px) {
    #case-slider-section .all-case-slider-wrap .case-slider-body .case-slider-wrapper .case-items {
        max-width: 393px;
    }
    .partnerships_section .partnerships_all_wrap .partner_all_wrap .partner_bottom_logos {
        column-gap: 30px;
    }
    .partnerships_section .partnerships_all_wrap .partner_all_wrap {
         width: 100%;
         max-width: 660px;
    }
}
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .blogs-section .our_work_all_wrap .all-team-cards-wrapper .card {
        width: calc(33.33% - 15px);
        height: 500px;
        perspective: 500px;
    }
    .ceo-section .ceo-text-image-wraper .ceo-text-wrap {
        max-width: 550px;
    }
    .ceo-section .ceo-text-image-wraper .ceo-image-wrap .ceo-image {
        top: -12px;
        right: 80px;
    }
    .ceo-section .ceo-text-image-wraper .ceo-image-wrap {
        padding-right: 150px;
    }
    .ceo-section .ceo-text-image-wraper .ceo-image-wrap .ceo-back-img img, 
    .ceo-section .ceo-text-image-wraper .ceo-image-wrap .ceo-image img {
        max-width: 270px;
    }
}
@media only screen and (max-width:991px) {
header.relative {
    position: sticky;
    top: 0;
    z-index: 999;
    background: linear-gradient(108deg, rgb(12, 55, 48) -50%, #000 99.21%);
}    
.mdl-hide {
        display: block;
    }
    .sml-hide {
        display: none;
    }
    .space-p-top {
        padding-top: 70px !important;
    }
    #service-main.main-title-section {
        padding: 87px 0 !important;
    }
    #service-two .container-two .all-items-wrapper .unorder-list .unorder-items,
    #service-two .container-two .all-items-wrapper .order-list .order-item {
        font-size: 18px;
        line-height: 25px;
    }
    #service-two .container-two .all-items-wrapper .unorder-list,
    #service-two .container-two .all-items-wrapper .order-list {
        column-count: 2;
    }
    #service-four.our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-text {
        font-size: 16px;
        line-height: 25px;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-all-img {
        max-width: 250px;
        height: 100%;
        width: 100%;
    }
    #service-five.service-inner-slider .all-text-slide-wrap {
        column-gap: 10px;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .slide-text:not(:last-child), 
    #service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .slide-text-r:not(:last-child) {
        margin-bottom: 40px;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .slide-text, 
    #service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .slide-text-r {
        column-gap: 10px;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .side-img, 
    #service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .side-img {
        width: 45px;
        max-width: 100%;
        height: 45px;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .side-img img, 
    #service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .side-img img {
       max-width: 27px;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .slide-text .side-txt, 
    #service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .slide-text-r .side-txt {
        font-size: 16px;
        line-height: 20px;
        text-wrap: wrap;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-left-text .slide-text.slide-text-two {
        margin-right: 18px;
    }
    #service-five.service-inner-slider .all-text-slide-wrap .slider-right-text .slide-text-r.slide-text-two {
        margin-left: 18px;
    }
    #service-five.service-inner-slider {
        padding: 80px 0;
    }
    #mobile-screens {
        padding: 100px 0;
    }
    #title-and-text .service_all_wrap #counter-wrapper {
        padding: 40px 20px;
    }
    #title-and-text .service_all_wrap #counter-wrapper .counter .count {
        font-size: 42px;
        line-height: 50px;
    }
    #title-and-text .service_all_wrap #counter-wrapper .counter .counter-name {
        font-size: 16px;
        line-height: 22px;
    }
    #case-slider-section {
        padding: 108px 0 100px;
    }
    .main-header-wrap {
        padding: 0px 20px;
    }
    .desktop,
    .menu-wrap {
        display: none;
    }
    .mobile,
    #toggle {
        display: block;
    }
    .logo-wrap {
        padding: 12px 0;
    }
    .logo-wrap a,
    .logo-wrap a img {
        max-width: 177px;
        display: block;
    }
    #menu {
        width: 100%;
        position: fixed;
        background-color: #010C16;
        z-index: 5;
        /*height: 100vh;*/
        height: calc(100vh - 60px);
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
    }
    #menu .menu-ul-mobile {
        overflow-x: hidden;
        overflow-y: auto;
        height: 100%;
        max-height: 100%;
        padding: 0px 0;
        background: linear-gradient(166deg, rgba(12, 55, 48, 0.50) 0%, #000 100%);
        padding-bottom: 50px;
    }
    #menu .menu-ul-mobile li {
        list-style: none;
        padding: 25px 20px 15px;
        border-bottom: 1px solid #6C757D;
    }
    #menu .menu-ul-mobile li a{
        text-decoration: none;
        color: #fff;
        font-size: 16px;
        font-family: var(--second-heading);
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        text-transform: uppercase;
    }
    #menu .menu-ul-mobile li .menu-item.active {
        color: #37C8AE !important;
    }
    #menu .menu-ul-mobile .dm-service {
        padding: 25px 0px 0;
    }
    #menu .menu-ul-mobile .dm-service .flex a {
        padding-left: 20px;
    }
    #menu .menu-ul-mobile .dm-service .flex span {
        padding-right: 20px;
    }
    #menu .menu-ul-mobile .dm-service .flex {
        justify-content: space-between;
        padding-bottom: 15px;
    }
    #menu .menu-ul-mobile .dm-service span,
    #menu .menu-ul-mobile .dm-service span svg {
        display: block;
        cursor: pointer;
    }
    #menu .menu-ul-mobile .dm-service .tab-heading.on svg {
        rotate: 180deg;
    }
    .tabcontent {
        max-width: 100%;
        padding: 0;
        display: none;
    }
    .tabcontent ul li {
        padding: 20px 20px 10px 30px !important;
    }
    .tabcontent ul li a {
        font-size: 14px !important;
    }
    .tabcontent ul li:first-child {
        border-top: 1px solid #6C757D;
    }
    .tabcontent ul li:last-child {
        border-bottom: none !important;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .box {
        max-width: 100%;
        position: relative;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-heading {
        margin-bottom: 15px;
        margin-top: 0px;
        font-size: 20px;
        line-height: 22px;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content .contact-icons {
        max-width: 60px;
        padding: 14px;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content .contact-icons img {
        max-width: 30px;
        max-height: 30px;
    }
    .location-section {
        margin: 100px 0;
    }
    .ceo-text-image-wraper {
        flex-wrap: wrap-reverse;
    }    
    .ceo-section .ceo-text-image-wraper .ceo-image-wrap {
        padding-right: 0px;
        margin:0 auto;
    }
    .ceo-section .ceo-text-image-wraper .ceo-text-wrap {
        max-width: 100%;
        text-align: center;
        margin-top: 35px;
    }
    .ceo-section .ceo-text-image-wraper .ceo-image-wrap .ceo-img-mobile img {
        display: block;
        box-shadow: -10px 10px 0px 0px #37C8AE;
        border-radius: 10px;
        width: calc(100% - 10px);
        margin-left: auto;
    }
    .ceo-section .ceo-text-image-wraper .ceo-text-wrap .main-heading {
        font-size: 50px;
    }
    .professional-team-section .professional-team-wrap {
        column-gap: 0;
        flex-wrap: wrap;
        row-gap: 50px;
    }
    .professional-team-section .professional-team-wrap .professional-team-text {
        max-width: 100%;
    }
    .professional-team-section .professional-team-wrap .professional-team-text .main-heading {
        font-size: 60px;
    }
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap {
        max-width: 220px;
        padding: 27px 21px;
    }
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap:not(:last-child) {
        margin-right: 0;
    }
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap .our-img-wrap {
        width: 100%;
        max-width: 60px;
    }
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap .our-card-heading {
        font-size: 20px;
        line-height: 25px;
    }
    .professional-team-section .professional-team-wrap .professional-team-cards .professional-cards .our-card-wrap .our-text {
        font-size: 16px;
        line-height: 27px;
    }
    .blog-filter-tab .b_f_btn .swiper-slide.filter-tab-list {
        margin-right: 15px;
    }
    .blogs-section .our_work_all_wrap .blog_cards_wrapper {
        justify-content: flex-start;
        overflow: hidden;
    }
    .career-cards-section .career-cards-all_wrap .career-cards-all-wrap {
        column-gap: 20px;
        justify-content: center;
        row-gap: 30px;
        flex-wrap: wrap;
    }
    .career-form-section {
        padding: 48px 0 100px;
    }
    .career-form-section .form-and-img-wrapper {
        flex-wrap: wrap-reverse;
        row-gap: 50px;
        column-gap: unset;
        justify-content: center;
    }
    #blog-detail-first.blog-detail-section .blog-body-and-newsletter {
        flex-wrap: wrap;
        column-gap: 0;
        row-gap: 65px;
    }
    #blog-detail-first.blog-detail-section .blog-body-and-newsletter .blog-newslwtter-wrap {
        max-width: 600px;
        position: unset;
    }
    #blog-detail-first.blog-detail-section .blog-body-and-newsletter .blog-newslwtter-wrap .news-container .news-text {
        max-width: unset;
    }
    #blog-detail-first.blog-detail-section {
        margin: 70px 0 100px;
    }
    #blog-detail-first.blog-detail-section .blog-header .main-heading {
        font-size: 45px;
    }
    .primery-heading {
        font-size: 40px;
    }
}
@media only screen and (min-width:1280px) and (max-width:1366px) {
    .professional-team-section .professional-team-wrap .professional-team-text {
        width: 100%;
        max-width: 530px;
    }
    .professional-team-section .professional-team-wrap  .professional-team-cards .professional-cards .our-card-wrap {
        width: 100%;
        max-width: 210px;
        padding: 26px 10px;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap .career-form-heading {
        margin-bottom: 30px;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap {
        padding: 35px 53px 35px 50px;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap .career-form fieldset {
        margin-bottom: 15px;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap .career-form .file-upload {
        padding-top: 0px;
    }
    .career-form-section .form-and-img-wrapper .career-form-wrap .career-form .file-upload .custom-file-input::before {
        margin: 10px -60px 15px 0;
    }
}

/* error page */
.error-main-section {
    padding: 239.8px 0 150px;
}
.container {
    padding: 0 30px;
}
.error-main-section .error-all-wrapper .error-text-wrap {
    width: 100%;
}
.error-main-section .error-all-wrapper .error-text-wrap .main-heading  {
    margin: 15px 0;
    text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.25);
}
.error-main-section .error-all-wrapper .error-text-wrap .primery-text {
    max-width: 563px;
    font-family: var(--second-heading);
}
.error-main-section .error-all-wrapper .error-text-wrap .bnt-wrap {
    margin-top: 40px;
}
.error-main-section .error-all-wrapper .error-img-wrap {
    margin-right: 97px;
    width: 100%;
    max-width: 500px;
}
.error-main-section .error-all-wrapper .error-img-wrap img {
    display: block;
}
@media only screen and (max-width:1024px) {
    .error-main-section .error-all-wrapper .error-text-wrap .primery-text {
        max-width: 480px;
    } 
    .error-main-section .error-all-wrapper .error-img-wrap {
        margin-right: 0px;
        max-width: 450px;
    }
}
@media only screen and (max-width:991px) {
    .error-main-section .error-all-wrapper .error-text-wrap .primery-text {
        max-width: 360px;
        font-size: 15px;
        line-height: 22px;
    }
    .error-main-section .error-all-wrapper .error-text-wrap .main-heading {
        margin: 10px 0;
        font-size: 50px;
    }
    .error-main-section .error-all-wrapper .error-img-wrap {
        margin-right: 0px;
        max-width: 300px;
    }
    .error-main-section .error-all-wrapper .error-text-wrap .bnt-wrap {
        margin-top: 20px;
    }
  /*.mega-menu-active{
    display:block !important;
  }
*/

}
@media only screen and (max-width:767px) {
    .container {
        padding: 0 20px;
    }
    .error-main-section {
        padding: 60px 0 100px;
    }
    .error-main-section .error-all-wrapper {
        flex-wrap: wrap-reverse;
        row-gap: 58px;
        text-align: center;
        justify-content: center;
    }
    .error-main-section .error-all-wrapper .error-img-wrap {
        max-width: 380px;
    }
    .error-main-section .error-all-wrapper .error-text-wrap .green-text {
        font-size: 18px;
    }
    .error-main-section .error-all-wrapper .error-text-wrap .main-heading {
        margin: 10px 0 12px;
        font-size: 28px;
    }
    .error-main-section .error-all-wrapper .error-text-wrap .primery-text {
        max-width: unset;
        font-size: 16px;
        line-height: 25px;
    }
    .error-main-section .error-all-wrapper .error-text-wrap .bnt-wrap {
        margin-top: 30px;
    }
}


@media only screen and (min-width:1025px) and (max-width:1280px) {
    .about_slider_section .slider_and_text_wrapper .slider-text-side {
        width: 50%;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-buttons {
        margin-top: 10px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu {
        padding: 15px 0px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu .slider-items:not(:last-child) {
        margin-bottom: 15px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .primery-text {
        margin-bottom: 15px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .primery-heading {
        font-size: 40px;
    }
    .about_slider_section .slider_and_text_wrapper .slider-text-side .slider-menu .slider-items {
        font-size: 18px;
        line-height: 20px;
        padding-left: 30px;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content {
        padding: 35px 25px;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-heading {
        margin-bottom: 15px;
    }
    .about-banner-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-text, 
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-text {
        font-size: 16px;
        line-height: 25px;
    }
    .about-banner-section .container .about_cards_wrap .about-cards_wrap .box .content {
        padding: 50px 37px;
    }
    .about-banner-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-heading {
        margin-bottom: 15px;
    }
    .management_section .management_wrapper .container.flex .text-side {
        max-width: 680px;
    }
    #service-two .container-two {
        max-width: 50%;
    }
}
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .about_slider_section .slider_and_text_wrapper .slider-text-side {
        width: 50%;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .box .content {
        padding: 35px 25px;
    }
    .our-approach-section .container .about_cards_wrap .about-cards_wrap .card-wrapper .card-heading {
        margin-bottom: 15px;
    }
    #service-two .container-two {
        max-width: 50%;
    }
}

@media only screen and (max-width:374px) {
    .partnerships_section .partnerships_all_wrap .partner_all_wrap .partner_bottom_logos .part_logo {
        display: block;
        width: 100%;
        aspect-ratio: unset;
    }
}

@media only screen and (min-width:974px) and (max-width:991px) {
    .blogs-section .our_work_all_wrap .blog_cards_wrapper.swiper-container-blog_detail {
        padding: 0 10px;
    }
}


/*************************************************/
@media only screen and (min-width:992px) and (max-width:1080px) {
 .menu-ul li {
    list-style: none;
    margin-right: 20px;
  }
  .menu-ul li a {
    font-size: 15px;
    letter-spacing: 0.01em;
 }
}


/****************************************************/
/*************Shopify plus css(new page) **********************/
/****hero-banner*****/
.shopify-plus-banner {
    background-color:#1A615B;
    padding-bottom: 98px;
    position:relative;
}
.shopify-plus-banner .shopify-col-6 {
    width: 50%;
}
.shopify-plus-banner .shopify-row {
    column-gap: 0;
}
.shopify-plus-banner .shopify-banner-img img {
    width: 100%;
    display: block;
    border-radius:0px 0px 0px 500px ;

}
.shopify-plus-banner .shopify-banner-img{
    position: relative;
    min-height: 592px;
    object-fit: cover;
}
.shopify-plus-banner .shopify-banner-img .shopify-pluse-logo{
    position: absolute;
    top:30px;
    right: 30px;
}
.shopify-plus-banner .shopify-pluse-logo svg {
    width: 185px;
}
.shopify-row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 20px;
    column-gap: 20px;
}

 .shopify-col-6{
    width: calc(50% - 10px);
}
.shopify-mobile-logo{
    display:none;
}
.shopify-plus-banner .shopify-banner-content {
    padding-top:98px;
    position: relative;
    width: 100%;
    max-width: 720px;
    margin: 0 0 0 auto;
    padding-right: 35px;
    padding-left: 30px;
}

.shopify-plus-btn{
    font-family:var(--second-heading);
    font-size:16px;
    line-height:20px;
    font-weight:500 ;
    border-radius: 4px;
    padding:15px 21px;
    cursor: pointer;
    display:inline-block; 
    color:#000;
    background-color:#fff ;
    margin-top:40px;
    text-decoration:none;
}
.shpify-btn-green{
    color:#000;
    background-color:#37C8AE;
}
.shopify-title{
    font-size: 48px;
    font-family: var(--main-heading-font);
    font-size: 48px;
    font-weight: 700;
    line-height: 57.6px;
}
.shopify-paragraph {
    font-family:var(--second-heading);
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin-top: 15px;
}
.shopify-banner-content .shopify-panel-item {
    margin-top: 20px;
}
.shopify-banner-content .shopify-panel-item li{
    margin-bottom:10px;
}
/*****tab*******/





.shopify-plus-tab {
    background-color: #0C3730;
    box-shadow: 20px 0px 4px 0px #37C8AE40;
    position:sticky;
    top:88px;
    z-index:1;
}
.shopify-plus-tab .shopify-tab li {
    list-style: none;
    display: inline-block; 

}
.shopify-plus-tab .shopify-tab li:last-child .tab-link{
    border-right: 1px solid #37C8AE;
}
.shopify-plus-tab .shopify-tab .tab-link{
    font-family:var(--second-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    color: #37C8AE;
    padding:35px 89px;
    border-left: 1px solid #37C8AE;
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
}

.shopify-plus-tab .tab-link.active {
    position: relative;
    border-bottom: 2px solid #37C8AE;
}
.shopify-plus-tab .tab-link:hover{
    border-bottom: 2px solid #37C8AE;
}

.shopify-plus-tab .shopify-tab {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    overflow: auto;
}

 /****overview******/ 
 .shopify-overview-image img, .shopify-pluse-fiximg img, .shopify-img-items img{
    display:block;
    width:100%;
    height:100%;
    object-fit: cover;
 }

.shopify-overview, .shopify-pluse-fiximg, .shopify-plus-process, .shopify-plus-feature, .shopify-plus-plan, .shopify-plus-choose{
    padding-top:150px;
}

.shopify-sub-title {
    font-family:var(--second-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 23.7px;
    color:#37C8AE;
    margin-bottom:10px;
    text-transform: uppercase;
}
.shopify-cdk-title {
    font-family: var(--main-heading-font);
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    color: #fff;
}
.overview-content {
    width: 100%;
    max-width: 616px;
}

.shopify-image-fix{
    background-image: url(https://codesdesk.com/public/images/shopify-pluse-fix-img.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width:100%;
    min-height: 550px;
}

/*****shopify-plus-service*****/
.service-items-row .col-4{
    width: calc(40% - 20px);
}
.service-items-row .col-8{
    width: calc(60% - 20px);
}
.shopify-col-4{
    width: calc(33.33% - 20px);
}
.service-items-row{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items:top;
    row-gap:20px;
    column-gap: 20px;
}
.shopify-right-content .shopify-paragraph {
    margin-top: 30px;
}

.shopify-service-items{
    padding:100px 0;
}
.shopify-plus-service .shopify-service-tab{
    padding:60px 0;
    border-top:1px solid #37C8AE4D;
    border-bottom:1px solid #37C8AE4D;
}

/***accordion*****/
.shopify-service-tab .accordion {
    font-family:var(--second-heading);
    background-color:#37C8AE;
    color: #000;
    cursor: pointer;
    padding: 11px 30px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    transition: 0.4s;
    margin-top:20px;
    border-radius: 5px;
    position: relative;
}
.shopify-service-tab .accordion:first-chlid{
    margin-top:0;
}
.shopify-service-tab .accordion:after {
    content: '\002B';
    color: #000;
    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}

.shopify-service-tab .active:after {
    content: "\2212";
}

.shopify-service-tab .panel {
    padding:25px 30px;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    display:none;
}
.shopify-service-tab .service-accordion {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

 /*.shopify-panel-item li {
    font-family:var(--second-heading);
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    list-style-image: url(/public/images/servicre-inner/Layer.svg);
    margin-left: 23px;
    margin-bottom:15px;
    position: relative;
}*/
.shopify-panel-item li {
    font-family: var(--second-heading);
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin-left: 2px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 25px;
    background: url(/public/images/servicre-inner/Layer.svg) no-repeat left top;
    background-size: 16px 16px;
    background-position: 0 5px;
    list-style: none;
}
 .shopify-panel-item li:last-child {
    margin-bottom: 0px !important;
}
.shopify-service-tab .panel-title {
    font-family:var(--second-heading);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 25px;
}

/********our process*************/
.shopify-our-process {
    padding-top: 60px;
}
.shopify-our-process .shopify-card-title {
     font-family:var(--second-heading);
    font-size: 28px;
    font-weight: 500;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
}
.shopify-our-process .shopify-paragraph{
    margin-top:20px;
    text-align: center;
}


.shopify-our-process .shopify-row {
    justify-content: flex-start;
    margin: 0 -10px;
    column-gap: 0;
}
.shopify-our-process .shopify-col-4 {
    width: 33.33%;
    padding: 0px 10px;
}
.shopify-our-process .process-card-items {
    overflow: hidden;
    border: 1px solid #37C8AE;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 320px;
    position:relative;
}
.shopify-our-process .shopify-row {
    justify-content: flex-start;
}

.shopify-our-process .process-card-items:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #37c8ae1a;
    transition: 0.5s;
    pointer-events: none;
}
.shopify-our-process .process-card-items:hover:before {
    left: -50%;
    transform: skewX(-5deg);
}
.shopify-our-process .process-card-items span:nth-child(1) {
    position: absolute;
    top: 1px;
    right: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #17161800, #37C8AE);
    animation: animate1 2s linear infinite;
}
.shopify-our-process .process-card-items span:nth-child(2) {
    position: absolute;
    top: 0;
    right: 1px;
    height: 100%;
    width: 3px;
    background: linear-gradient(to bottom, #17161800, #37C8AE);
    animation: animate2 2s linear infinite;
    animation-delay: 1s;
}
.shopify-our-process .process-card-items span:nth-child(3) {
    position: absolute;
    bottom: 1px;
    right: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(to left, #17161800, #37C8AE);
    animation: animate3 2s linear infinite;
}
.shopify-our-process .process-card-items span:nth-child(4) {
    position: absolute;
    top: 0;
    left: 1px;
    height: 100%;
    width: 3px;
    background: linear-gradient(to top, #17161800, #37C8AE);
    animation: animate4 2s linear infinite;
    animation-delay: 1s;
}
.shopify-our-process .shopify-card-content {
    padding: 35px;
}
.shopify-plus-banner svg path.st3{
    fill:#000;
}

.shopify-plus-feature svg path.st3{
    fill:#fff;
}

/*****shopify-package******/
.shopify-plus-plan .shopify-package-items {
    width: 100%;
    max-width: 770px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 50px;
}

.shopify-plus-plan .shopify-text-content {
    width: 100%;
    max-width: 710px;
    margin: 0 0 0 auto;
    padding-right: 20px;
    padding-left: 30px;
}

.shopify-plus-plan .shopify-img-items {
    height: 655px;
    object-fit: cover;
}
.shopify-plus-plan .shopify-img-text {
    background-color: #1A615B;
}
.shopify-plus-plan .shopify-img-text2{
    margin-top:100px;
}
.shopify-plus-plan .shopify-img-text2 .shopify-text-content {
    margin: 0;
    padding-left: 40px;
}

.shopify-plus-plan .shopify-img-text .shopify-panel-item {
    margin-top: 20px;
}
.shopify-plus-plan .shopify-img-text .shopify-panel-item li{
    margin-bottom:10px; 
}
.shopify-plus-plan .shopify-row{
    column-gap: unset;
}
.shopify-plus-plan .shopify-col-6 {
    width: 50%;
}


/****shopify-choose******/
.shopify-plus-choose .shopify-choose-logo svg {
    width: 100%;
    max-width: 339px;
    margin: 0 auto;
    text-align: center;
    display: block;
    padding-bottom: 30px;
}
.shopify-plus-choose .shopify-choose-title {
    width: 100%;
    max-width: 858px;
    margin: 0 auto;
    text-align: center;
}
.shopify-plus-choose{
    margin-bottom: 150px;
}

.shopify-plus-choose .shopify-choose-listcontent {
    margin-top: 50px;
}
.shopify-plus-choose .shopify-choose-listcontent li{
    margin-bottom: 10px;
}
.shopify-plus-choose .shopify-panel-item {
    column-span: 2;
    column-count: 2;
    column-gap: 64px;
}
.shopify-desktop-hide{
    display:none !important;
}
.choose-shopify-btn {
    display: flex;
    justify-content: center;
}
/***************responsive********************/

@media only screen and (max-width:1024px){
   .shopify-title {
    font-size: 30px;
    line-height: 40.6px;
}
/*.shopify-plus-tab .shopify-tab li:first-child .tab-link {
    border-left: 0;
}*/
/*.shopify-plus-tab .shopify-tab li:last-child .tab-link {
    border-right: 0;
}*/
.shopify-paragraph {
    font-size: 16px;
    line-height: 25px;
}
.shopify-plus-btn {
    font-family: var(--second-heading);
    font-size: 15px;
    line-height: 20px;
    padding: 14px 20px;
    margin-top: 30px;
}
.shopify-plus-banner .shopify-pluse-logo svg {
    width: 100px;
}
.shopify-plus-tab .shopify-tab .tab-link {
    font-size: 18px;
    line-height: 27px;
    padding: 25px 50px;
}
.shopify-sub-title {
    font-size: 18px;
    line-height: 23.7px;
    margin-bottom: 8px;
}
.shopify-cdk-title {
    font-size: 30px;
    line-height: 40px;
}
.shopify-service-tab .accordion {
    padding: 10px 25px;
    font-size: 20px;
    line-height: 25px;
    margin-top: 15px;
}
.shopify-service-tab .panel-title {
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 20px;
}

.shopify-panel-item li {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
}
.shopify-our-process .shopify-card-title {
    font-size: 25px;
    line-height: 24px;
}
.shopify-our-process .shopify-paragraph {
    margin-top: 15px;
    text-align: center;
}
.shopify-plus-choose .shopify-choose-logo svg {
    max-width: 200px;
    padding-bottom: 20px;
}
.shopify-plus-choose .shopify-choose-listcontent {
    margin-top: 30px;
}
.shopify-plus-choose {
    margin-bottom: 120px;
}
.shopify-overview, .shopify-pluse-fiximg, .shopify-plus-process, .shopify-plus-feature, .shopify-plus-plan, .shopify-plus-choose {
    padding-top: 120px;
}
.shopify-plus-banner {
    padding-bottom: 0;
}
.shopify-plus-banner .shopify-banner-content {
    padding-top: 0;
    padding-right: 20px;
}
.shopify-plus-plan .shopify-img-items {
    height: 500px;
}
.shopify-image-fix {
    min-height: 300px;
}
}

@media only screen and (max-width:988px){
    .shopify-plus-tab {
      top: 60px;
    }

    .shopify-our-process .shopify-col-4 {
    width:50%;
   }
}
/*****mobile********/
@media only screen and (max-width:767px){
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body h4 {
    font-size: 22px;
    line-height: 30px;
}  
.shopify-plus-tab {
  top: 60px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body ul li {
    font-size: 16px;
}
.shopify-plus-banner .shopify-banner-content {
    padding-left: 20px;
}
.shopify-title {
    font-size: 28px;
    line-height: 33.6px;
}
.shopify-paragraph {
    margin-top: 10px;
}
.shopify-col-6 {
    width: 100%;
}
.shopify-plus-banner .shopify-row {
    flex-direction: column-reverse;
}
.shopify-plus-banner .shopify-banner-content {
    padding-right: 20px;
    padding-left: 20px;
    max-width: 100%;
    padding-bottom: 50px;
}
.shopify-plus-tab .shopify-tab .tab-link {
    font-size: 13px;
    line-height: 20px;
    padding: 20px 40px;
}
.shopify-overview, .shopify-pluse-fiximg, .shopify-plus-process, .shopify-plus-feature, .shopify-plus-plan, .shopify-plus-choose {
    padding-top: 80px;
}
.shopify-plus-banner .shopify-banner-img {
    min-height:400px;
}
.shopify-plus-banner .shopify-banner-img img {
    height:100%;
    min-height: 400px;
    object-fit: cover;
}
.shopify-plus-banner .shopify-banner-img .shopify-pluse-logo {
    display: none;
}
.shopify-mobile-logo {
    display: block;
}
.shopify-plus-banner .shopify-mobile-logo svg {
    width: 100%;
    max-width: 120px;
    margin-bottom: 10px;
}
.shopify-plus-banner .shopify-mobile-logo svg path.st3{
    fill: #fff;
}
.shopify-plus-banner .shopify-row {
    flex-direction: column-reverse;
    row-gap: 40px;
}
.shopify-desktop-hide{
    display:block !important;
}
.shopify-mobile-hide{
    display:none !important;
}
.shopify-pluse-fiximg {
    display: none;
}
.service-items-row .col-8, .shopify-plus-plan .shopify-col-6, .shopify-our-process .shopify-col-4, .shopify-plus-banner .shopify-col-6, .shopify-col-4, .service-items-row .col-4  {
    width: 100%;
}
.shopify-plus-plan .shopify-row {
    flex-direction: column-reverse;
    grid-row-gap: unset;
}
.shopify-overview-image {
    padding-top: 30px;
}
.shopify-right-content .shopify-paragraph {
    margin-top: 10px;
}
.shopify-service-items {
    padding-bottom: 50px ;
}
.shopify-service-tab .accordion {
    padding: 10px 15px;
    font-size: 16px;
}
.shopify-service-tab .accordion:first-child{
    margin-top:0;
}
.shopify-service-tab .panel-title {
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 10px;
}
.shopify-panel-item li {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 5px;
}
.shopify-service-tab .panel {
    padding: 20px 15px;
}
.service-items-row{
    row-gap: 0;
}
.shopify-our-process {
    padding-top: 50px;
}
.shopify-our-process .process-card-items {
    min-height: 250px;
}
.shopify-our-process .shopify-card-title {
    font-size: 20px;
    line-height: 22px;
}
.shopify-plus-plan .shopify-package-items {
    max-width:100%;
    padding-bottom: 40px;
}
.shopify-plus-plan .shopify-text-content {
    max-width:100%;
    margin: 0 0 0 auto;
     padding: 40px 20px;
}
.shopify-img-text2 .shopify-row {
    flex-direction: unset;
}
.shopify-plus-choose .shopify-panel-item {
    column-span: 1;
    column-count: 1;
}
.shopify-plus-choose {
    margin-bottom: 100px;
}
.shopify-plus-plan .shopify-img-items {
    height: 400px;
}
.shopify-plus-banner .shopify-banner-img img {
    border-radius: 0px 0px 0px 300px;
}
.shopify-service-tab .accordion:after {
    right: 15px;
}
.shopify-plus-plan .shopify-img-text2 .shopify-text-content {
    padding-left: 20px;
}
.choose-shopify-btn {
    display: flex;
    justify-content: flex-start;
}
/*********************/
.whatsapp-link span {
    display:none;
}
.whatsapp-chat{
    right:0 !important;
}
.whatsapp-chat .whatsapp-link {
    padding: 6px 10px;
}
#blog-detail-first.blog-detail-section .blog-body-and-newsletter .rte-blog-body ul {
    padding: 0px 0  0px 0px;
}
}

/************whatsapp-chat***************/
.whatsapp-chat{
    position: fixed;
    top: 50%;
    right: 0;
    transition: .3s;
    right: -100px;
    z-index:5;
}

.whatsapp-link {
    background-color: #25D366;
    border-radius: 8px 0px 0px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    text-decoration: none;
    transition: .3s;
}
.whatsapp-link svg path{
    fill:#fff;
}
.whatsapp-chat {
    position: fixed;
    top: 50%;
    right: -111px;
    transition: .3s;
}
.whatsapp-link span {
    font-size: 20px;
    color: #fff;
    margin-left: 10px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.whatsapp-chat:hover .whatsapp-link span{
  opacity: 1;
visibility: visible;
transform: translateX(0);
}
.whatsapp-chat:hover{
    right:0;
}


/************blog table css***************/
.blog-table{
    width:100%;
    overflow:auto ;
}
.blog-table #customers {
  border-collapse: collapse;
  width: 100%;
  margin:30px 0;
  font-family: Rubik;
}

.blog-table #customers td, #customers th {
  border: 1px solid #ddd;
  padding: 15px;
  font-size:15px ;
}

/*.blog-table #customers tr:nth-child(even){background-color: #f2f2f2;}

.blog-table #customers tr:hover {background-color: #ddd;}*/

.blog-table #customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #37C8AC;
  color: #000;
  font-size:20px;
}

.healthbuy-image-bg .challenge-img {
    background: #ffffff;
}

.our_work-images_wrap .tanaor-logo img.logo_card.mresi,
.our_work-images_wrap .healthbuy-logo img.logo_card.mresi {
  min-width: 140px;
  max-height: 60px;
}
.blog-body-and-newsletter strong , .blog-body-and-newsletter b{
    font-weight: 500;
}