@font-face {
            font-family: Gilroy;
            font-style: normal;
            font-weight: bold;
            src: url(../fonts/Gilroy/Gilroy-ExtraBold.otf);
        }
        
        @font-face {
            font-family: Gilroy;
            font-style: normal;
            font-weight: normal;
            src: url(../fonts/Gilroy/Gilroy-Light.otf);
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        body .elementor-widget-heading .elementor-heading-title {
            font-family: Gilroy;
            font-weight: bold;
            color: #fff;
        }
        .footer a{
            color: #fff;
        }
        #navbarSupportedContent{
            z-index: 1;
        }
        header.container{
            position: fixed;
            top: 0;
            left: 50%;
            width: 100%;
            margin: auto;
            text-align: center;
            transform: translate(-50%, 0);
            z-index: 100;
        }
        body {
            background-color: #021525;
            background-image: url(../images/BG-01.png);
            background-position: top left;
            background-repeat: repeat-y;
            background-size: 100% auto;
        }
        
        .bg-transparent {
            background-color: transparent;
        }
        
        .container {
            max-width: 1400px;
        }
        
        .navbar-dark.bg-transparent .navbar-nav a.nav-link {
            color: #fff;
            font-size: medium;
            font-family: "Roboto", Sans-serif;
            font-weight: 400;
            position: relative;
            padding-left: 15px;
            padding-right: 15px;
        }
        header.header-text-dark .navbar-dark.bg-transparent .navbar-nav a.nav-link:hover::after, 
        header.header-text-dark .navbar-dark.bg-transparent .navbar-nav a.nav-link.active::after{
            background-color: #060C2F;
        }

        header.header-text-dark .nav-link{
            color: #060C2F !important;
        }

        .navbar-dark.bg-transparent .navbar-nav a.nav-link:hover::after, .navbar-dark.bg-transparent .navbar-nav a.nav-link.active::after {
            content: '';
            height: 3px;
            width: 100%;
            bottom: 0;
            left: 0;
            background-color: #fff;
            z-index: 2;
            display: block;
            position: absolute;
        }
        
        .navbar-dark .navbar-toggler {
            color: #fff;
            border-color: #fff;
        }
        
        .position-fixed-section {
            position: fixed;
            left: 50%;
            top: 60%;
            transform: translate(-50%, -50%);
            width: 100%;
            z-index: 0;
        }
        
        .right-img {
            text-align: right;
            width: 100%;
            opacity: 0.2;
        }
        
        .left-img {
            text-align: left;
            width: 100%;
        }
        
        .first-section {
            margin-top: 0px;
            margin-bottom: 30px;
            padding: 120px 50px 120px 50px;
        }
        
        .second-section {
            background-color: #1F4E79BA;
            color: #fff;
            display: block;
            transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
            margin-top: 50px;
            margin-bottom: 0px;
            padding: 25px 0px 25px 0px;
        }
        
        .second-section h4 {
            margin-bottom: 0;
        }
        
        .labtop-1-bg {
            width: 574.88px;
            height: 574.88px;
            position: absolute;
            left: 100px;
            top: -90px;
            /* background: radial-gradient(35.14% 35.14% at 49.71% 49.63%, #5A6479 0%, #404857 31%, #000000 100%); */
            background: radial-gradient(35.14% 35.14% at 66.71% 59.63%, rgb(90, 100, 121) 0%, rgb(89 92 98 / 50%) 31%, rgb(0, 0, 0, 0) 100%);
            background-blend-mode: color-dodge;
            mix-blend-mode: color-dodge;
            transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
        }
        
        .labtop-2-bg {
            width: 574.88px;
            height: 574.88px;
            position: absolute;
            left: 0;
            top: -100px;
            /* background: radial-gradient(48.88% 51.19% at 46.56% 49.91%, #32A7DE 0%, #2A8DBC 18%, #164B64 58%, #000000 100%); */
            background: radial-gradient(35.14% 35.14% at 66.71% 59.63%, rgb(90, 100, 121) 0%, rgb(89 92 98 / 50%) 31%, rgb(0, 0, 0, 0) 100%);
            background-blend-mode: color-dodge;
            mix-blend-mode: color-dodge;
            opacity: 0.28;
        }
        
        .bg-gradient-1 {
            position: absolute;
            width: 100px;
            height: 100px;
            left: 0;
            top: -45px;
            background: radial-gradient(50% 50% at 50% 50%, rgb(44 121 201) 0%, rgba(114, 100, 205, 0) 100%);
        }
        
        .bg-boximg-1 {
            position: absolute;
            width: 30%;
            height: 80px;
            top: -80px;
            right: 10px;
            background: rgba(6, 12, 47, 0.5);
            box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
        }
        
        .bg-gradient2-1 {
            position: absolute;
            width: 100px;
            height: 100px;
            left: -3px;
            top: -32px;
            background: radial-gradient(50% 50% at 50% 50%, rgb(44 121 201) 0%, rgba(114, 100, 205, 0) 100%);
        }
        
        .bg-boximg2-1 {
            position: absolute;
            width: 30%;
            height: 90px;
            top: -30px;
            background: rgba(6, 12, 47, 0.5);
            box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
        }
        
        .bg-gradient3-1 {
            position: absolute;
            width: 150px;
            height: 150px;
            left: 0;
            top: -10px;
            background: radial-gradient(50% 50% at 50% 50%, rgb(44 121 201) 0%, rgba(114, 100, 205, 0) 100%);
        }
        
        .bg-boximg3-1 {
            position: absolute;
            width: 40%;
            height: 150px;
            bottom: 0;
            left: 50%;
            transform: translate(-50%, 100%);
            background: rgba(6, 12, 47, 0.5);
            box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
        }
        
        .bg-gradient {
            position: absolute;
            width: 200px;
            height: 200px;
            left: 98px;
            top: -50px;
            background: radial-gradient(50% 50% at 50% 50%, rgb(44 121 201) 0%, rgba(114, 100, 205, 0) 100%);
        }
        
        .bg-boximg {
            position: absolute;
            width: 100%;
            height: 125px;
            top: -50px;
            right: 0;
            background: rgba(6, 12, 47, 0.5);
            box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
        }
        
        .bg-gradient2 {
            position: absolute;
            width: 200px;
            height: 200px;
            left: 100px;
            top: -50px;
            background: radial-gradient(50% 50% at 50% 50%, rgb(44 121 201) 0%, rgba(114, 100, 205, 0) 100%);
        }
        
        .bg-boximg2 {
            position: absolute;
            width: 100%;
            height: 135px;
            top: 50px;
            background: rgba(6, 12, 47, 0.5);
            box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
        }
        
        .bg-gradient-3-1 {
            position: absolute;
            width: 200px;
            height: 200px;
            left: 100px;
            top: -50px;
            background: radial-gradient(50% 50% at 50% 50%, rgb(44 121 201) 0%, rgba(114, 100, 205, 0) 100%);
        }
        
        .bg-boximg-3-1 {
            position: absolute;
            width: 100%;
            height: 150px;
            top: 0;
            background: rgba(6, 12, 47, 0.5);
            box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
        }
        
        .content-1 h2 {
            color: #FFFFFF;
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase;
            font-family: Gilroy;
        }
        
        .contact-box ul {
            list-style: none;
        }
        
        .contact-box ul li {
            position: relative;
            margin-bottom: 15px;
        }
        
        a.icon-box .fa-2x {
            font-size: 20px;
        }
        
        a.icon-box {
            width: 40px;
            height: 40px;
            padding: 0.5em;
            background-color: #FFFFFF40;
            font-size: 20px;
            color: #fff;
            fill: #fff;
            display: inline-block;
            line-height: 1;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            text-align: center;
            border-radius: 50%;
        }
        
        a.icon-box:hover,
        a.icon-box.active {
            background-color: #FFFFFF;
            fill: #43A9FF;
            color: #43A9FF;
        }
        
        .contact-box a {
            color: #fff;
        }
        
        .contact-box {
            background-color: #FFFFFF57;
            padding: 30px 15px;
            word-break: break-all;
        }
        
        .pt-10 {
            padding-top: 100px;
        }
        .pb-10 {
            padding-bottom: 100px;
        }

        .mt-10 {
            margin-top: 100px;
        }
        
        .btn-light:not(:disabled):not(.disabled).btn-read-more {
            fill: #FFFFFF;
            color: #FFFFFF;
            background-color: #FFFFFF00;
            border-style: solid;
            border-width: 1px 1px 1px 1px;
            border-radius: 30px 30px 30px 30px;
            box-shadow: 0px 4px 10px -2px #43a9ff;
            padding: 15px 40px 15px 40px;
            text-transform: uppercase;
            font-weight: 600;
        }
        
        .btn-light:not(:disabled):not(.disabled).btn-read-more.active,
        .btn-light:not(:disabled):not(.disabled).btn-read-more:hover {
            fill: #43A9FF;
            color: #43A9FF;
            background-color: #FFFFFF;
            border-radius: 30px 30px 30px 30px;
            box-shadow: 0px 4px 10px -2px #43a9ff;
            padding: 15px 40px 15px 40px;
        }
        
        .absolute-bottom {
            position: absolute;
            bottom: 25px;
            left: 50%;
            transform: translate(-50%, 0);
        }
        
        .pb-10 {
            padding-bottom: 100px;
        }
        
        .listing-box {
            border: 1px solid #fff;
            border-radius: 10px;
            min-height: 440px;
            padding: 20px 30px;
            position: relative;
            height: 100%;
        }
        .research-carousel .listing-box {
            height: auto;
        }
        
        .bg-boximg .logo-top-img,
        .bg-boximg2 .logo-top-img,
        .bg-boximg-3-1 .logo-top-img {
            position: absolute;
            top: 15%;
            left: 35%;
            transform: translate(0, 50%);
        }
        
        .border-left-gradient {
            background: linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgb(52 137 208) 0%, rgba(0, 232, 255, 0) 100%);
            width: 20px;
            height: 150px;
            position: absolute;
            left: -10px;
            top: 50px;
        }
        
        .border-right-gradient {
            background: linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgb(52 137 208) 0%, rgba(0, 232, 255, 0) 100%);
            width: 20px;
            height: 150px;
            position: absolute;
            right: -10px;
            bottom: 50px;
        }
        
        .listing-box .btn-light:not(:disabled):not(.disabled).btn-read-more {
            padding: 10px 30px 10px 30px;
            width: 70%;
        }
        
        .listing-box p {
            margin-bottom: 80px
        }
        
        .row.mobile-hide{
            display: flex;
        }
        .mobile-hide {
            display: block;
        }
        .row.mobile-show, .mobile-show {
            display: none;
        }
        
        .about-us {
            margin-top: 200px;
        }

        .footer-driver-line{background-color: #fff;}
        .light-mode .footer-driver-line{background-color: #060C2F;}

        .light-mode .contents {
            background-color: #ffffffeb;
        }
        .light-mode .listing-box{
            border: 1px solid #060C2F;
        }
        .light-mode .footer a{
            color: #060C2F!important;
        } 
        .light-mode, .light-mode .contents div:not(.text-white), .light-mode .contents p:not(.text-white), 
        .light-mode .contents label:not(.text-white), .light-mode .contents h1:not(.text-white),
        .light-mode .contents h2:not(.text-white), .light-mode .contents h3:not(.text-white), 
        .light-mode .contents h4:not(.text-white), .light-mode .contents h5:not(.text-white), 
        .light-mode .contents h6:not(.text-white), .light-mode .contents li:not(.text-white), 
        .light-mode footer div,.light-mode .contents a,.light-mode footer .elementor-icon
        { 
            color: #060C2F !important;
        }
        .light-mode .contents .text-white  div, .light-mode .contents .text-white p, 
        .light-mode .contents .text-white label, .light-mode .contents .text-white h1,
        .light-mode .contents .text-white h2, .light-mode .contents .text-white h3, 
        .light-mode .contents .text-white h4, .light-mode .contents .text-white h5, 
        .light-mode .contents .text-white h6, .light-mode .contents .text-white li, 
        .light-mode footer .text-white div
        { 
            color: white !important;
        }
        .light-mode .contents a.elementor-button{
            background-color: #060C2F !important;
            color: white !important;
        }
        .light-mode .contents .bg-transparent a.elementor-button{
            background-color: transparent !important;
            color: #060C2F !important;
        }
        .light-mode .contents .bg-transparent a.elementor-button:hover{
            background-color: #060C2F !important;
            color: white !important;
        }
        .light-mode .bg-boximg,.light-mode .bg-boximg2,.light-mode .bg-boximg-3-1,
        .light-mode .bg-boximg-1,.light-mode .bg-boximg2-1, .light-mode .bg-boximg3-1, 
        .light-mode .bg-boximg3-1-2, .light-mode .bg-boximg1-1-1-1,.light-mode .bg-boximg2-1-1
        {
            background: #060c2f;
        }
        .light-mode .bg-gradient,.light-mode .bg-gradient2,.light-mode .bg-gradient-3-1{
            background: radial-gradient(50% 50% at 50% 50%, rgb(255, 255, 255) 0%, rgba(114, 100, 205, 0) 100%);
        }
        .light-mode .labtop-1-bg{
            /* background: radial-gradient(23.14% 22.14% at 59.71% 51.63%, #5A6479 0%, #404857 0, #000000 100%); */
            background: radial-gradient(35.14% 35.14% at 66.71% 59.63%, rgb(90, 100, 121) 0%, rgb(89 92 98 / 50%) 31%, rgb(0, 0, 0, 0) 100%);
        }
        .light-mode .elementor-divider{
            --divider-color: #060C2F !important;
        }
        .dark-mode, .dark-mode p 
        { color: white !important; }

        .show-light-mode{
            display: none;
        }
        .light-mode .show-light-mode,.dark-mode .show-dark-mode{
            display: inline-block;
        }
        .light-mode .show-dark-mode,.dark-mode .show-light-mode{
            display: none;
        }
        .light-mode .bg-border > .elementor-widget-wrap.elementor-element-populated{
            background-image: url('assets/images/bg-border-dark.png') !important;
        }
        .light-mode .navbar-dark .navbar-toggler{
            border-color: #757676;
        }
        .light-mode .navbar-dark .navbar-toggler-icon{
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }
        @media (prefers-color-scheme: dark) {
            .light-mode, .light-mode p { color: #060C2F !important; }
            .dark-mode, .dark-mode p { color: white !important; }
        }

        @media (prefers-color-scheme: light) {
            .light-mode, .light-mode p { color: #060C2F !important; }
            .dark-mode, .dark-mode p { color: white !important; }
        }

        .switch {
            position: fixed;
            bottom: 15px;
            right: 15px;
            display: block;
            vertical-align: top;
            width: 100px;
            height: 30px;
            padding: 3px;
            margin: 0 10px 10px 0;
            background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
            background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
            border-radius: 18px;
            box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
            cursor: pointer;
            box-sizing:content-box;
            z-index: 2000;
        }
        .switch-input {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            box-sizing:content-box;
        }
        .switch-label {
            position: relative;
            display: block;
            height: inherit;
            font-size: 10px;
            text-transform: uppercase;
            background: #eceeef;
            border-radius: inherit;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
            box-sizing:content-box;
        }
        .switch-label:before, .switch-label:after {
            position: absolute;
            top: 50%;
            margin-top: -.5em;
            line-height: 1;
            -webkit-transition: inherit;
            -moz-transition: inherit;
            -o-transition: inherit;
            transition: inherit;
            box-sizing:content-box;
        }
        .switch-label:before {
            content: attr(data-off);
            right: 11px;
            color: #000000;
            font-weight: bold;
            text-shadow: 0 1px rgba(255, 255, 255, 0.5);
        }
        .switch-label:after {
            content: attr(data-on);
            left: 11px;
            color: #FFFFFF;
            text-shadow: 0 1px rgba(0, 0, 0, 0.2);
            opacity: 0;
        }
        .switch-input:checked ~ .switch-label {
            background: #000;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
        }
        .switch-input:checked ~ .switch-label:before {
            opacity: 0;
        }
        .switch-input:checked ~ .switch-label:after {
            opacity: 1;
        }
        .switch-handle {
            position: absolute;
            top: 4px;
            left: 4px;
            width: 28px;
            height: 28px;
            background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
            background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
            border-radius: 100%;
            box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
        }
        .switch-handle:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -6px 0 0 -6px;
            width: 12px;
            height: 12px;
            background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
            background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
            border-radius: 6px;
            box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
        }
        .switch-input:checked ~ .switch-handle {
            left: 74px;
            box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
        }
        
        /* Transition
        ========================== */
        .switch-label, .switch-handle {
            transition: All 0.3s ease;
            -webkit-transition: All 0.3s ease;
            -moz-transition: All 0.3s ease;
            -o-transition: All 0.3s ease;
        }

        .contents .container{
            z-index: 1;
        }
        .hidden{
            display: none!important;
        }

        body{
            overflow-x: hidden;
        }
        .bg-boximg2,.fade-left{
            left: -200px;
        }
        .bg-boximg,.fade-right{
            right: -200px;
        }
        .service-3-box{
            bottom: -100px;
        }
        .first-section{
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            height: 87vh;
        }
        #customers{
            display: flex;
            flex-wrap: wrap;
        }
        #about-us, #research, #customers{
            align-items: center;
            height: 90vh;
        }
        .first-section .width-100{
            width: 100%;
        }
        .about-title, .customer-title, .research-title{
            font-size: 45px;
        }
        p.about-content, p.customer-content, p.research-content{
            font-size: 25px;
        }

        .fade-in{
            display: none;
        }
        .no-js .customers-carousel.owl-carousel, .customers-carousel.owl-carousel.owl-loaded{
            background-color: rgba(31, 78, 121, 0.6);
            padding: 15px;
        }
        .customers-carousel.owl-carousel.owl-drag .owl-item div img{
            margin: auto;
        }
        .customers-carousel.owl-carousel .owl-nav button.owl-prev{
            background: rgba(31, 78, 121, 0.6);
            height: 100%;
            position: absolute;
            width: 70px;
            top: 0;
            left: 0;
        }
        .customers-carousel.owl-carousel .owl-nav button.owl-next{
            background: rgba(31, 78, 121, 0.6);
            height: 100%;
            position: absolute;
            width: 70px;
            top: 0;
            right: 0;
        }
        .research-carousel.owl-carousel .owl-nav button.owl-prev{
            height: 100%;
            position: absolute;
            width: 70px;
            top: 0;
            left: -50px;
        }
        .research-carousel.owl-carousel .owl-nav button.owl-next{
            height: 100%;
            position: absolute;
            width: 70px;
            top: 0;
            right: -50px;
        }
        .customers-carousel.owl-carousel .owl-nav.disabled{
            display: block;
        }
        .services-carousel.owl-carousel.owl-loaded{
            background: transparent;
        }
        .services-carousel.owl-carousel .owl-item img{
            width: auto;
            display: inline-block;
        }
        .owl-dot span {
            background-color: rgb(148, 148, 148);
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
            display: block;
            height: 12px;
            margin: 5px 7px;
            width: 12px;
            filter: Alpha(Opacity=500);/*IE7 fix*/
            opacity: 0.5;
        }
        .owl-dots{
            text-align: center;
        }
        .owl-dot.active span, .owl-dot:hover span {
            filter: Alpha(Opacity=100);/*IE7 fix*/
            opacity: 1;
            background-color: rgb(218, 218, 218);
        }
        .light-mode .owl-dot.active span, .owl-dot:hover span {
            background-color: #060c2fe5;
        }
        .customers-carousel .owl-dots{
            position: absolute;
            bottom: -20px;
            left: 50%;
            transform: translate(-50%, 10px);
        }
        body {
            touch-action: none;
        }
        .logo-cycle-box{
            background-color: #fff;
            border-radius: 50%;
            width: 180px;
            height: 180px;    
            display: flex;
            align-items: center;
            justify-content: center;
            margin: auto;
        }
        .research-carousel.owl-carousel .owl-item img {
            width: 135px;
        }
        .research-carousel.owl-carousel .owl-dots{
            margin-top: 20px;
        }
        @media only screen and (max-width: 1400px) {
            .container{
                padding-left: 5%;
                padding-right: 5%;
            }
        }

        @media only screen and (max-width: 1150px) {
            .listing-box .btn-light:not(:disabled):not(.disabled).btn-read-more {
                padding: 10px 20px 10px 20px;
                width: 90%;
            }
        }
        
        @media only screen and (max-width: 1090px) {
            .service-3-box {
                margin-top: 3rem!important;
            }
        }
        
        @media only screen and (max-width: 1024px) {
            .col-md-3 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%;
                margin-bottom: 20px;
            }
            .listing-box.ml-3 {
                margin-left: auto!important;
            }
            .listing-box.mr-3 {
                margin-right: auto!important;
            }
            .service-3-box {
                margin-top: 5rem!important;
            }
        }
        
        @media only screen and (max-width: 1000px) {
            .service-3-box {
                margin-top: 1rem!important;
            }
            .service-3-box .row {
                justify-content: center;
            }
            .service-3-box .bg-boximg-3-1 {
                position: relative;
            }
            .service-3-box .col-md-5,
            .service-3-box .col-md-7 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%;
                margin-left: 25px;
                /* margin-right: 25px; */
            }
            .service-3-box .col-md-7.text-left {
                text-align: center!important;
                margin-top: 20px;
            }
        }
        
        @media only screen and (max-width: 767px) {
           .container{
                padding-left: 5px;
                padding-right: 5px;
            }
            .row.mobile-hide {
                display: none;
            }
            .row.mobile-show, .mobile-show {
                display: flex;
            }
            .row.mobile-show.pt-10 {
                padding-top: 150px;
            }
            .bg-boximg,
            .bg-boximg2 {
                position: relative;
                top: 0;
            }
            .bg-boximg .logo-top-img,
            .bg-boximg2 .logo-top-img,
            .bg-boximg-3-1 .logo-top-img {
                left: 40%;
                transform: translate(-10%, 50%);
            }
            .labtop-1-bg {
                width: 60%;
                height: 247px;
                left: 141px;
                top: 15px;
            }
            .position-fixed-section .right-img {
                margin-bottom: 100px;
            }
            .position-fixed-section .right-img img {
                width: 40%;
            }
            .position-fixed-section .left-img img {
                width: 60%;
            }
            .about-us {
                margin-top: 50px;
            }
            .mt-5.service-3-box {
                margin-top: 50px!important;
            }
            .first-section img {
                width: 80%;
            }
            .col-md-3 {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;
                margin-bottom: 20px;
            }
            .listing-box {
                min-height: unset;
            }
            .bg-gradient2 {
                left: 60px;
            }
            .bg-gradient {
                left: 60px;
            }
            .bg-gradient-3-1 {
                left: 65px;
            }
            .about-action {
                text-align: center;
            }

            .nav-item.active{
                background-color: #021525;
            }
            .nav-item.active a.nav-link{
                color: #fff!important;
            }
            .nav-item {
                background-color: #fff;
                border-bottom: 1px solid #c4c4c4;
            } 
            .nav-item a.nav-link{
                color: #021525!important;
            }
            .navbar-dark.bg-transparent .navbar-nav a.nav-link:hover::after, .navbar-dark.bg-transparent .navbar-nav a.nav-link.active::after{
                height: 0;
            }
            .bg-boximg2,.fade-left{
                left: 0px;
                /* overflow: hidden; */
            }
            .bg-boximg,.fade-right{
                right: 0px;
                /* overflow: hidden; */
            }
            .service-3-box{
                bottom: 0px;
                /* overflow: hidden; */
            }
            #about-us, #research, #customers{
                height: auto;
            }
            #research{
                margin-top: 100px;
            }
            .about-title, .customer-title, .research-title{
                font-size: 35px;
            }
            p.about-content, p.customer-content, p.research-content{
                font-size: 1rem;
            }
            .about-title img{
                margin-left: 20px;
                margin-top: -45px !important;
                width: 40%;
            }
            .fade-in{
                display: block;
            }
            .first-section {
                height: 83vh;
            }
            .contact-box ul{
                padding-left: 0;
            }
            #contact-us.pb-10{
                padding-bottom: 0;
            }
            /* #research.pt-10{
                padding-top: 0;
            } */
            .switch{
                bottom: 0;
                right: 0;
            }
            #contact-us{
                margin-top: 25px;
            }
            .bg-gradient2-1{
                top: -20px
            }
            .bg-gradient-1{
                top: -30px
            }

            .research-carousel .listing-box {
                height: 345px;
                width: 70%;
                padding-bottom: 70px;
            }
            .research-carousel.owl-carousel .owl-nav button.owl-prev{
                left: -10px;
            }
            .research-carousel.owl-carousel .owl-nav button.owl-next{
                right: -10px;
            }
            .logo-cycle-box{
                width: 120px;
                height: 120px;
            }
            .research-carousel.owl-carousel .owl-item img {
                width: 90px;
            }
            .research-carousel.owl-carousel .owl-item h5{
                font-size: 18px;
            }
            #research .mt-5{
                margin-top: 25px !important;
            }
            #footer{
                padding-bottom: 30px;
            }
        }
        
        @media only screen and (max-width: 500px) {
            .labtop-1-bg {
                width: 52%;
                height: 210px;
                left: 120px;
                top: -10px;
            }
        }