/* @import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); */
            
            @font-face {
                font-family: "Roboto";
                src: url("../fonts/Roboto/RobotoCondensed-BoldItalic.ttf");
                font-weight: bold;
            }
            
            body {
                font-family: 'Roboto', Arial, sans-serif;
            }
            
            .start-ups-left-tab .tab-slider-nav--list h5 {
                color: #103C4D;
            }
            
            .start-ups-left-tab .tab-slider-images .slick-dots li.slick-active button {
                background: #103C4D;
            }
            
            .testimonial-slider__text {
                color: #103C4D;
            }
            
            .bg_drak-footer {
                background: #103C4D;
                border-top: 3px solid #9fcc3a;
            }
            
            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                color: #103C4D;
                font-family: 'Roboto', Arial, sans-serif;
                font-weight: 500;
                margin-top: 0;
                margin-bottom: 0;
                line-height: 1.23;
            }
            
            .custom-contact,
            .custom-contact:hover {
                background-image: linear-gradient(218deg, #103C4D 0, #9fcc3a 50%, #103C4D 100%);
                background-color: #103C4D !important;
            }
            
            .scroll-top {
                position: fixed;
                right: 30px;
                bottom: -60px;
                z-index: 999;
                -webkit-box-shadow: 0 30px 50px rgb(0 0 0 / 3%);
                box-shadow: 0 30px 50px rgb(0 0 0 / 3%);
                display: block;
                padding: 0;
                width: 60px;
                height: 60px;
                border-radius: 50%;
                text-align: center;
                font-size: 25px;
                line-height: 60px;
                cursor: pointer;
                opacity: 0;
                visibility: hidden;
                background-color: #9fcc3a;
                background-image: -webkit-linear-gradient(308deg, #9fcc3a 0, #103C4D 50%, #9fcc3a 100%);
                background-image: -o-linear-gradient(308deg, #9fcc3a 0, #103C4D 50%, #9fcc3a 100%);
                background-image: linear-gradient(-218deg, #9fcc3a 0, #103C4D 50%, #9fcc3a 100%);
                background-size: 200% auto;
                background-position: left center;
                color: #ffffff;
                -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
                overflow: hidden;
            }
            
            .service-grid .sub-heading {
                color: #9fcc3a;
            }
            
            .service-grid .heading {
                color: #9fcc3a;
            }
            
            .service-grid .ht-service-box--one>a:before {
                z-index: -1;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: #fff;
                border-radius: 5px;
                background-color: #103c4dab;
                background-image: -webkit-linear-gradient(228deg, #103c4dab 0, #103C4D 100%);
                background-image: -o-linear-gradient(228deg, #103c4dab 0, #103C4D 100%);
                background-image: linear-gradient(-138deg, #103c4dab 0, #103C4D 100%);
                opacity: 0;
                visibility: hidden;
            }
            
            .icon-custom-style {
                color: #103C4D;
                padding: 12px;
                border-radius: 50%;
            }
            
            .icon-custom-style:hover {
                color: #103c4dab;
            }
            
            .drop-menu-custom {
                text-align: center;
                background-color: #103c4dab;
                color: #fff;
                /* transform: translate3d(2px, 50px, 0px) !important; */
                min-width: 4rem;
            }
            
            .custom-drop-lang {
                padding: 0 10px;
            }
            /* custom colors  */
            
            .header-area.is-sticky .navigation-menu--text_white>ul>li>a,
            .custom-sub-title,
            .ht-tab-menu li a,
            .heading,
            .tab-content-inner ul li,
            .start-ups-left-tab .tab-slider-nav--list p,
            .ht-box-icon.style-02 .content .heading,
            .contact-inner input,
            .contact-inner textarea {
                color: #000;
            }
            
            #service-section {
                background: url(../images/bg/landing-image-04.jpg);
                background-size: cover;
                background-repeat: no-repeat;
                background-position: bottom center;
            }
            
            .ht-tab-menu li a.active {
                background: #9fcc3a;
            }
            
            div#about-section {
                background-color: #103c4d;
                padding-top: 30px;
                color: white;
            }
            
            div#about-section h2.section-title.font-weight--bold.mb-15 {
                color: white;
            }
            
            div#about-section .heading.mb-30 {
                color: white;
            }
            
            div#about-section li.list-item {
                color: white !important;
            }
            
            a.whatsapp-icon-fixed {
                position: fixed;
                width: 100px;
                width: 100px;
                z-index: 100000000;
                bottom: 35px;
                right: 0;
            }
            
            .start-ups-hero__content {
                height: 80vh;
            }
            
            .header__logo>a img {
                width: auto
            }
            
            .testimonial-slider__single.wow.move-up.animate {
                height: 400px !important;
            }
            
            .tab-slider-nav p {
                word-break: break-all;
            }
            
            .service-grid a {
                height: 300px;
            }

            /* .over-lay {
                position: absolute;
                width: 100%;
                height: 97%;
                background: #00000050;
            } */
            
            .over-lay {
                position: absolute;
                width: 100%;
                height: 97%;
                background: #00000080;
            }
            
            .over-lay-nav {
                position: absolute;
                width: 100%;
                height: 80%;
                color: #000;
                background: white;
            }
            
            .navigation-menu>ul>li>a {
                color: #000;
            }
            
            .navigation-menu>ul>li.active>a {
                color: #000 !important;
            }
            
            .navigation-menu--text_white>ul>li.active>a {
                color: #0b0b0b;
            }
            
            .navigation-menu--text_white>ul>li>a {
                color: #0b0b0b;
            }
            
            .over-lay.header-nav {
                background: #fff !important;
            }
            
            .navigation-menu--text_white>ul>li.active>a>span {
                color: #000;
            }
            
            .navigation-menu>ul>li>a>span:after {
                z-index: 3;
            }
            
            .start-ups-hero__content {
                padding-top: 70px;
            }
            
            .start-ups-hero__text.section-space--start-pt.animate__animated.animate__fadeInTopLeft {
                text-align: center;
            }
            /**********  header  *************/
            
            @media only screen and (max-width: 1200px) {
                .section-space--pt_120 {
                    padding-top: 0px;
                }
                .section-space--pt_120-project{
                    padding-top:60px !important;
                }
            }
            
            @media only screen and (min-width: 1201px) {
                .section-space--pt_120 {
                    padding-top: 80px;
                }
            }
            
            @media only screen and (max-width: 767px) {
                .section-space--start-pt {
                    padding-top: 15px;
                }
                .start-ups-hero__content .start-ups-hero__text {
                    position: relative;
                    font-size: 17px;
                }
            }
            
            @media only screen and (min-width: 769px) {
                .start-ups-hero__content .start-ups-hero__text {
                    position: relative;
                    font-size: 25px;
                }
            }
            
            .header.position-relative {
                height: 100px;
            }
            
            .header__logo {
                padding-top: 0px;
            }
            
            button#dropdownMenuButton1 {
                height: 45px;
            }
            
            .custom-drop-lang {
                padding: 0 3px;
            }
            
            .start-ups-hero__text {
                max-width: 100% !important;
                width: 100%;
                color: #ffffff;
            }
            
            .mobile-navigation-icon i,
            .page-open-off-sidebar i {
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 100%;
                height: 2px;
                background-color: #000 !important;
            }
            
            .mobile-navigation-icon i:after,
            .page-open-off-sidebar i:after {
                position: absolute;
                bottom: -8px;
                left: 0;
                width: 100%;
                height: 2px;
                background-color: #000 !important;
                content: "";
            }
            
            .mobile-navigation-icon i:before,
            .page-open-off-sidebar i:before {
                position: absolute;
                bottom: 8px;
                left: 0;
                width: 100%;
                height: 2px;
                background-color: #000 !important;
                content: "";
            }
            /****************** custom service section ********************/
            
            .service-grid .ht-service-box--one>a {
                padding: 35px 40px 49px;
                -webkit-box-shadow: 0 4px 20px rgba(51, 51, 51, 0.05);
                box-shadow: 0 4px 20px rgba(51, 51, 51, 0.05);
                background: #103c4d;
                border-radius: 5px;
                display: block;
                position: relative;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }
            
            .service-grid .ht-service-box--one>a:before {
                z-index: -1;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: #fff;
                border-radius: 5px;
                background-color: white;
                background-image: -webkit-linear-gradient(228deg, white 0, white 100%);
                background-image: -o-linear-gradient(228deg, white 0, white 100%);
                background-image: linear-gradient(-138deg, white 0, white 100%);
                opacity: 0;
                visibility: hidden;
            }
            
            .service-grid .ht-service-box--one>a:hover {
                -webkit-transform: translateY(-5px);
                -ms-transform: translateY(-5px);
                transform: translateY(-5px);
            }
            
            .service-grid .ht-service-box--one>a:hover:before {
                opacity: .7;
                visibility: visible;
            }
            
            .service-grid .ht-service-box--one>a .image__media {
                background: rgba(246, 245, 249, 0.2);
            }
            
            .service-grid .ht-service-box--one>a:hover .image__media {
                background: #fff;
            }
            
            .service-grid .ht-service-box--one>a .heading,
            .service-grid .ht-service-box--one>a .service_text {
                color: #ffffff;
            }
            
            .service-grid .ht-service-box--one>a:hover .heading,
            .service-grid .ht-service-box--one>a:hover .service_text {
                color: #103c4d;
            }
            
            .dropdown:hover .dropdown-menu {
                display: block;
                margin-top: 0;
                /* remove the gap so it doesn't close */
            }
            /*****************tesimonials silder nav***********************/
            
            .swiper-nav-button {
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.1s linear 2s, opacity 0.1s linear 2s;
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.1s linear 2s, opacity 0.1s linear 2s;
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.1s linear 2s, opacity 0.1s linear 2s;
                background-image: none;
                text-align: center;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                outline: none;
                width: 48px;
                height: 48px;
                font-size: 24px;
                border: 0;
                border-radius: 50%;
                -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.01);
                box-shadow: 0 0 5px rgba(0, 0, 0, 0.01);
                opacity: 1;
                visibility: visible;
                -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
                margin: 0;
                top: 50%;
            }
            
            .swiper-nav-button::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                border-radius: inherit;
                color: #9fcc3a;
                background: #103C4D;
            }
            
            .swiper-nav-button:hover {
                color: #103C4D;
            }
            
            .swiper-nav-button i {
                color: #9fcc3a;
            }
            
            .swiper-nav-button:hover::before {
                color: #9fcc3a;
                background-color: #103C4D;
                background-image: -webkit-linear-gradient(219deg, #9fcc3a 0, #103C4D 100%);
                background-image: -o-linear-gradient(219deg, #9fcc3a 0, #103C4D 100%);
                background-image: linear-gradient(-129deg, #9fcc3a 0, #103C4D 100%);
            }
            /* .section-space--ptb_90 {
            padding-top: 0px;
            padding-bottom: 90px;
        } */
            
            rs-slide.active-rs-slide {
                /* height: 90vh !important; */
            }
            
            rs-arrow.tp-leftarrow.tparrows.uranus {
                top: 45% !important;
            }
            
            rs-arrow.tp-rightarrow.tparrows.uranus {
                top: 45% !important;
            }
            
            rs-sbg-px {
                /* height: 95vh !important; */
            }
            
            .tparrows:before {
                color: #fff !important;
            }
            
            rs-sbg {
                height: 100vh !important;
                object-fit: cover;
            }
            
            div#projectModel {
                background: #0000005c;
            }
            
            .modal {
                top: 105px;
            }
            
            #title-project,
            #content-project {
                color: black;
            }

            .modal-body {
                height: 200px;
                overflow: auto;
            }