body {
        font-family: 'Barlow', sans-serif;
        overflow-x: hidden;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .colortitle {
        color: #c5299b !important;
    }
    
    p {
        margin-bottom: 0px;
        font-size: 14px;
        line-height: 30px;
        color: white;
    }
    
    a {
        text-decoration: none !important;
    }
    
    ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    @-moz-document url-prefix() {
        img {
            width: 100%;
            max-width: 100%;
        }
    }
    
    .navarrow {
        font-family: FontAwesome;
        color: white;
        cursor: pointer;
        width: 100%;
        border: none;
        outline: none;
        font-size: 5px;
    }
    
    .navarrow:after {
        content: ' \f107';
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0px;
    }
    
    a.filled-button {
        background-color: rgb(255, 255, 255);
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 700;
        padding: 12px 30px;
        border-radius: 30px;
        display: inline-block;
        transition: all 0.3s;
    }
    
    a.filled-button:hover {
        background-color: #fff;
        color: rgb(255, 255, 255);
    }
    
    a.border-button {
        background-color: transparent;
        color: #fff;
        border: 2px solid #fff;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 700;
        padding: 10px 28px;
        border-radius: 30px;
        display: inline-block;
        transition: all 0.3s;
    }
    
    a.border-button:hover {
        background-color: #fff;
        color: rgb(255, 255, 255);
    }
    /* Header Style */
    
    header {
        position: absolute;
        z-index: 99999;
        width: 100%;
        background-color: transparent !important;
        height: 80px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }
    
    header .navbar {
        padding: 20px 0px;
        cursor: pointer !important;
    }
    
    .background-header .navbar {
        padding: 10px 0px;
    }
    
    .dropdown-content a:hover {
        color: #c5299b !important;
    }
    
    .dropdown-content a {
        color: #150432 !important;
    }
    
    .background-header {
        top: 0;
        position: fixed;
        background-color: #150432 !important;
        color: white !important;
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
    }
    
    .background-header .navbar-brand h2 {
        color: white !important;
    }
    
    .background-header .navbar-nav a.nav-link {
        color: white !important;
    }
    
    .background-header .navbar-nav,
    .background-header .navbar-nav .active>.nav-link,
    .background-header .navbar-nav .nav-link.current,
    .background-header .navbar-nav .nav-link.show,
    .background-header .navbar-nav .show>.nav-link {
        color: #150432 !important;
    }
    
    .nav-link:hover {
        color: #c5299b!important;
    }
    
    .navbar .navbar-brand {
        float: left;
        margin-top: 12px;
        outline: none;
    }
    
    .navbar .navbar-brand h2 {
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        font-size: 24px;
        font-weight: 700;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }
    
    .navbar .navbar-brand h2 em {
        font-style: normal;
        font-size: 16px;
    }
    
    #navbarResponsive {
        z-index: 999;
    }
    
    .navbar-collapse {
        text-align: center;
    }
    
    .navbar .navbar-nav .nav-item {
        margin: 0px 0px;
    }
    
    .navbar .navbar-nav a.nav-link {
        text-transform: capitalize;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 0px !important;
        color: #fff;
        transition: all 0.1s;
        margin-top: 5px;
    }
    
    .navbar .navbar-nav .nav-link:hover,
    .navbar .navbar-nav .active>.nav-link,
    .navbar .navbar-nav .nav-link.current,
    .navbar .navbar-nav .nav-link.show,
    .navbar .navbar-nav .show>.nav-link {
        color: #c5299b;
    }
    
    .navbar .navbar-toggler-icon {
        background-image: none;
    }
    
    .navbar .navbar-toggler {
        border-color: transparent;
        background-color: transparent;
        height: 36px;
        outline: none;
        border-radius: 0px;
        position: absolute;
        right: 30px;
        top: 20px;
    }
    
    .navbar .navbar-toggler-icon:after {
        content: '\f0c9';
        color: rgb(168, 168, 168);
        font-size: 18px;
        line-height: 26px;
        font-family: 'FontAwesome';
    }
    /* Banner Style */
    
    .img-fill {
        width: 100%;
        display: block;
        overflow: hidden;
        position: relative;
        text-align: center
    }
    
    .img-fill img {
        min-height: 100%;
        min-width: 100%;
        position: relative;
        display: inline-block;
        max-width: none;
    }
    
    *,
    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .Modern-Slider .item .img-fill {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height: 100vh;
        background-color: transparent;
    }
    
    .Modern-Slider .text-content {
        text-align: left;
        width: 75%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .Modern-Slider .item h6 {
        margin-bottom: 15px;
        font-size: 22px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0px !important;
        color: rgb(136, 136, 136);
        animation: fadeOutRight 1s both;
    }
    
    .Modern-Slider .item h4 {
        margin-bottom: 30px;
        text-transform: uppercase;
        font-size: 44px;
        font-weight: 700;
        letter-spacing: 0px !important;
        color: #FFF;
        overflow: hidden;
        animation: fadeOutLeft 1s both;
    }
    
    .Modern-Slider .item p {
        max-width: 570px;
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 40px;
    }
    
    .Modern-Slider .item a {
        margin: 0 5px;
    }
    
    .Modern-Slider .item.slick-active h6 {
        animation: fadeInDown 1s both 1s;
    }
    
    .Modern-Slider .item.slick-active h4 {
        animation: fadeInLeft 1s both 1.5s;
    }
    
    .Modern-Slider .item.slick-active {
        animation: Slick-FastSwipeIn 1s both;
    }
    
    .Modern-Slider .buttons {
        position: relative;
    }
    
    .Modern-Slider {
        background: #000;
    }
    /* GPS Section */
    
    .Modern-SliderGPS .item .img-fill {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height: 100vh;
        background-color: transparent;
    }
    
    .Modern-SliderGPS .text-content {
        text-align: left;
        width: 75%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .Modern-SliderGPS .item h6 {
        margin-bottom: 15px;
        font-size: 22px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0px !important;
        color: rgb(136, 136, 136);
        animation: fadeOutRight 1s both;
    }
    
    .Modern-SliderGPS .item h4 {
        margin-bottom: 30px;
        text-transform: uppercase;
        font-size: 44px;
        font-weight: 700;
        letter-spacing: 0px !important;
        color: #FFF;
        overflow: hidden;
        animation: fadeOutLeft 1s both;
    }
    
    .Modern-SliderGPS .item p {
        max-width: 570px;
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 40px;
    }
    
    .Modern-SliderGPS .item a {
        margin: 0 5px;
    }
    
    .Modern-SliderGPS .item.slick-active h6 {
        animation: fadeInDown 1s both 1s;
    }
    
    .Modern-SliderGPS .item.slick-active h4 {
        animation: fadeInLeft 1s both 1.5s;
    }
    
    .Modern-SliderGPS .item.slick-active {
        animation: Slick-FastSwipeIn 1s both;
    }
    
    .Modern-SliderGPS .buttons {
        position: relative;
    }
    
    .Modern-SliderGPS {
        background: #000;
    }
    /* END OF GPS Section  */
    /* WIRELESS Section */
    
    .Modern-SliderW .item .img-fill {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height: 100vh;
        background-color: transparent;
    }
    
    .Modern-SliderW .text-content {
        text-align: left;
        width: 75%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .Modern-SliderW .item h6 {
        margin-bottom: 15px;
        font-size: 22px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0px !important;
        color: rgb(136, 136, 136);
        animation: fadeOutRight 1s both;
    }
    
    .Modern-SliderW .item h4 {
        margin-bottom: 30px;
        text-transform: uppercase;
        font-size: 44px;
        font-weight: 700;
        letter-spacing: 0px !important;
        color: #FFF;
        overflow: hidden;
        animation: fadeOutLeft 1s both;
    }
    
    .Modern-SliderW .item p {
        max-width: 570px;
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 40px;
    }
    
    .Modern-SliderW .item a {
        margin: 0 5px;
    }
    
    .Modern-SliderW .item.slick-active h6 {
        animation: fadeInDown 1s both 1s;
    }
    
    .Modern-SliderW .item.slick-active h4 {
        animation: fadeInLeft 1s both 1.5s;
    }
    
    .Modern-SliderW .item.slick-active {
        animation: Slick-FastSwipeIn 1s both;
    }
    
    .Modern-SliderW .buttons {
        position: relative;
    }
    
    .Modern-SliderW {
        background: #000;
    }
    /* END OF WIRELESS Section  */
    /* NETWORK Section */
    
    .Modern-SliderNETWORK .item .img-fill {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height: 100vh;
        background-color: transparent;
    }
    
    .Modern-SliderNETWORK .text-content {
        text-align: left;
        width: 75%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .Modern-SliderNETWORK .item h6 {
        margin-bottom: 15px;
        font-size: 22px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0px !important;
        color: rgb(136, 136, 136);
        animation: fadeOutRight 1s both;
    }
    
    .Modern-SliderNETWORK .item h4 {
        margin-bottom: 30px;
        text-transform: uppercase;
        font-size: 44px;
        font-weight: 700;
        letter-spacing: 0px !important;
        color: #FFF;
        overflow: hidden;
        animation: fadeOutLeft 1s both;
    }
    
    .Modern-SliderNETWORK .item p {
        max-width: 570px;
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 40px;
    }
    
    .Modern-SliderNETWORK .item a {
        margin: 0 5px;
    }
    
    .Modern-SliderNETWORK .item.slick-active h6 {
        animation: fadeInDown 1s both 1s;
    }
    
    .Modern-SliderNETWORK .item.slick-active h4 {
        animation: fadeInLeft 1s both 1.5s;
    }
    
    .Modern-SliderNETWORK .item.slick-active {
        animation: Slick-FastSwipeIn 1s both;
    }
    
    .Modern-SliderNETWORK .buttons {
        position: relative;
    }
    
    .Modern-SliderNETWORK {
        background: #000;
    }
    /* END OF NETWORK Section  */
    /* SATELLITE Section */
    
    .Modern-SliderSATELLITE .item .img-fill {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height: 100vh;
        background-color: transparent;
    }
    
    .Modern-SliderSATELLITE .text-content {
        text-align: left;
        width: 75%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .Modern-SliderSATELLITE .item h6 {
        margin-bottom: 15px;
        font-size: 22px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0px !important;
        color: rgb(136, 136, 136);
        animation: fadeOutRight 1s both;
    }
    
    .Modern-SliderSATELLITE .item h4 {
        margin-bottom: 30px;
        text-transform: uppercase;
        font-size: 44px;
        font-weight: 700;
        letter-spacing: 0px !important;
        color: #FFF;
        overflow: hidden;
        animation: fadeOutLeft 1s both;
    }
    
    .Modern-SliderSATELLITE .item p {
        max-width: 570px;
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 40px;
    }
    
    .Modern-SliderSATELLITE .item a {
        margin: 0 5px;
    }
    
    .Modern-SliderSATELLITE .item.slick-active h6 {
        animation: fadeInDown 1s both 1s;
    }
    
    .Modern-SliderSATELLITE .item.slick-active h4 {
        animation: fadeInLeft 1s both 1.5s;
    }
    
    .Modern-SliderSATELLITE .item.slick-active {
        animation: Slick-FastSwipeIn 1s both;
    }
    
    .Modern-SliderSATELLITE .buttons {
        position: relative;
    }
    
    .Modern-SliderSATELLITE {
        background: #000;
    }
    /* END OF SATELLITE Section  */
    /* Fun Facts */
    
    .fun-facts {
        padding: 0px 0px;
        color: rgb(0, 0, 0);
    }
    
    .fun-facts span {
        text-transform: uppercase;
        font-size: 15px;
        color: rgb(0, 0, 0);
        letter-spacing: 0px !important;
        margin-bottom: 10px;
        display: block;
    }
    
    .fun-facts h2 {
        font-size: 36px;
        font-weight: 600;
        margin-bottom: 35px;
    }
    
    .fun-facts em {
        font-style: normal;
        color: rgb(136, 136, 136);
    }
    
    .fun-facts p {
        color: rgb(0, 0, 0);
        margin-bottom: 0px;
        font-size: 20px;
    }
    
    .fun-facts .left-content {
        margin-right: 45px;
    }
    
    .imgtitle {
        background-image: url('../images/dotsback.png');
        background-size: cover;
        height: 20vh;
        width: 20vh;
    }
    
    .aboutconnect {
        position: absolute;
        top: 10vh;
        left: 31vh;
        transform: translate(-10%, -50%);
    }
    
    .aboutconnect1 {
        position: absolute;
        top: 10vh;
        left: 14vw;
        transform: translate(-10%, -50%);
    }
    
    .right:after {
        color: #c5299b;
        content: "\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
        text-decoration: line-through;
        margin-left: 2vw !important;
    }
    
    .right1:after {
        color: #c5299b;
        content: "\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
        text-decoration: line-through;
        margin-left: 0.5vw !important;
    }
    
    .count-area-content {
        text-align: center;
        background-color: rgba(250, 250, 250, 0.1);
        padding: 25px 30px 35px 30px;
        margin: 15px 0px;
    }
    
    .count-digit {
        margin: 5px 0px;
        color: rgb(136, 136, 136);
        font-weight: 700;
        font-size: 36px;
    }
    
    .count-title {
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        letter-spacing: 0px !important;
    }
    /* More Info */
    
    .more-info {
        margin-top: 140px;
        background-color: #150432 !important;
    }
    
    .more-info .left-image img {
        width: 100%;
        overflow: hidden;
    }
    
    .more-info .more-info-content {
        background-color: transparent;
    }
    
    .about-info .more-info-content {
        background-color: transparent;
    }
    
    .about-info .right-content {
        padding: 0px !important;
        margin-right: 30px;
    }
    
    .more-info .right-content {
        padding: 5% 0% 5% 0% !important;
    }
    
    .more-info .right-content span {
        text-transform: uppercase;
        font-size: 25px;
        color: #666;
        letter-spacing: 0px !important;
        margin-bottom: 10px;
        display: block;
    }
    
    .more-info .right-content h2 {
        font-size: 36px;
        font-weight: 600;
        margin-bottom: 35px;
    }
    
    .more-info .right-content em {
        font-style: normal;
        color: rgb(136, 136, 136);
    }
    
    .more-info .right-content p {
        margin-bottom: 30px;
    }
    
    .quest {
        width: 100%;
        height: 300px !important;
        text-align: center !important;
        color: white;
        background: rgb(55, 12, 77);
        background: linear-gradient(90deg, rgba(55, 12, 77, 1) 3%, rgba(53, 17, 71, 1) 15%, rgba(62, 21, 71, 1) 46%, rgba(83, 30, 85, 1) 61%);
    }
    
    .quest3 {
        padding: 10vw;
        text-align: center !important;
        color: white;
        background: #c5299b;
        background: linear-gradient(90deg, #582564 27%, #b53897 83%);
    }
    
    .questh2 {
        font-size: 4vh !important;
        text-align: center !important;
        color: white;
    }
    
    .c-btn {
        font-size: 3vh !important;
        border: none;
        background-color: rgb(255, 255, 255);
        padding: 12px 48px 12px 24px;
        border-radius: 45px;
        color: rgba(163, 3, 187, 1);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%23fff'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 24px center;
    }
    /* Footer Style */
    
    footer {
        background-color: #232323;
        padding: 80px 0px;
        color: #fff;
    }
    
    footer h4 {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: 0px !important;
        margin-bottom: 35px;
    }
    
    footer p {
        color: #fff;
    }
    
    footer ul.social-icons {
        margin-top: 25px;
    }
    
    footer ul.social-icons li {
        display: inline-block;
        margin-right: 5px;
    }
    
    footer ul.social-icons li:last-child {
        margin-right: 0px;
    }
    
    footer ul.social-icons li a {
        width: 34px;
        height: 34px;
        display: inline-block;
        line-height: 34px;
        text-align: center;
        background-color: #fff;
        color: #232323;
        border-radius: 50%;
        transition: all 0.3s;
    }
    
    footer ul.social-icons li a:hover {
        background-color: rgb(136, 136, 136);
    }
    
    footer ul.menu-list li {
        margin-bottom: 13px;
    }
    
    footer ul.menu-list li:last-child {
        margin-bottom: 0px;
    }
    
    footer ul.menu-list li a {
        font-size: 14px;
        color: #fff;
        transition: all 0.3s;
    }
    
    footer ul.menu-list li a:hover {
        color: rgb(136, 136, 136);
    }
    
    footer .contact-form input {
        border-radius: 20px;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        padding: 0px 15px;
        color: #aaa !important;
        background-color: #343434;
        font-size: 13px;
        text-transform: none;
        box-shadow: none;
        border: none;
        margin-bottom: 15px;
    }
    
    footer .contact-form input:focus {
        outline: none;
        box-shadow: none;
        border: none;
        background-color: #343434;
    }
    
    footer .contact-form textarea {
        border-radius: 20px;
        height: 120px;
        max-height: 200px;
        min-height: 120px;
        display: inline-block;
        padding: 15px;
        color: #aaa !important;
        background-color: #343434;
        font-size: 13px;
        text-transform: none;
        box-shadow: none;
        border: none;
        margin-bottom: 15px;
    }
    
    footer .contact-form textarea:focus {
        outline: none;
        box-shadow: none;
        border: none;
        background-color: #343434;
    }
    
    footer .contact-form ::-webkit-input-placeholder {
        /* Edge */
        color: #aaa;
    }
    
    footer .contact-form :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #aaa;
    }
    
    footer .contact-form ::placeholder {
        color: #aaa;
    }
    
    footer .contact-form button.filled-button {
        background-color: transparent;
        color: #fff;
        background-color: rgb(136, 136, 136);
        border: none;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 700;
        padding: 12px 30px;
        border-radius: 30px;
        display: inline-block;
        transition: all 0.3s;
        outline: none;
        box-shadow: none;
        text-shadow: none;
        cursor: pointer;
    }
    
    footer .contact-form button.filled-button:hover {
        background-color: #fff;
        color: rgb(136, 136, 136);
    }
    
    .desktopnav {
        float: right !important;
        padding-right: 15% !important;
        padding-top: 2% !important;
    }
    
    .divtext {
        z-index: 999;
        padding-top: 8vh !important;
    }
    
    .divtext1 {
        padding-top: 8vh;
    }
    
    .divtext2 {
        z-index: 999;
        padding-top: 5vh !important;
    }
    
    *,
     ::before,
     ::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
    
    .home {
        height: 100vh;
        position: relative;
    }
    
    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 2;
        background: rgba(0, 0, 0, 0.6);
    }
    
    .home-content {
        width: 600px;
        margin: 0 auto;
        position: relative;
        top: 150px;
        color: #fff;
        z-index: 3;
    }
    
    .videob p {
        font-family: Playfair Display, serif;
        text-align: center;
        text-transform: uppercase;
        font-size: 85px;
        line-height: 1.1;
    }
    
    .middle-line {
        height: 200px;
        width: 2px;
        background: #fff;
        margin: 40px auto;
    }
    
    .text {
        display: inline-block;
        color: white;
    }
    
    .collapsible {
        font-family: FontAwesome;
        color: white;
        cursor: pointer;
        padding: 3% !important;
        width: 100% !important;
        border: none !important;
        border-radius: 10px 10px 10px 10px !important;
        outline: none;
        font-size: 15px !important;
        float: left !important;
        background-color: #3b005e;
    }
    
    .btnoutline:focus {
        outline: none !important;
    }
    
    .active,
    .collapsible:hover {
        background-color: #3b005e;
        border-radius: 10px 10px 0px 0px !important;
    }
    
    .collapsible:after {
        content: '\f107' !important;
        color: white;
        font-weight: bold;
        float: left !important;
        margin-top: -1.5em !important;
    }
    
    .active:after {
        content: ' \f106' !important;
        /* margin-top: -4vh !important; */
    }
    
    .contentsection {
        color: white !important;
        border-radius: 0px 0px 10px 10px;
        padding: 0 18px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        background-color: #754c8e;
    }
    
    @media only screen and (min-width: 360px) and (max-width: 780px) {
        .imglogo {
            width: 14vh !important;
            height: 9vh !important;
        }
        .aboutconnect {
            position: absolute;
            top: 10vh;
            left: 20vw;
            transform: translate(-10%, -50%);
        }
        .aboutconnect1 {
            position: absolute;
            top: 10vh;
            left: 20vw;
            transform: translate(-10%, -50%);
        }
        .divtext {
            padding-top: 10vh;
        }
        .divtext2 {
            padding-top: 10vh;
        }
    }
    
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        .imglogo {
            width: 14vh !important;
            height: 9vh !important;
        }
        .aboutconnect {
            position: absolute;
            top: 10vh;
            left: 20vw;
            transform: translate(-10%, -50%);
        }
        .aboutconnect1 {
            position: absolute;
            top: 10vh;
            left: 20vw;
            transform: translate(-10%, -50%);
        }
        .divtext {
            padding-top: 10vh;
        }
        .divtext2 {
            padding-top: 10vh;
        }
    }
    
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
        .imglogo {
            width: 14vh !important;
            height: 9vh !important;
        }
        .aboutconnect {
            position: absolute;
            top: 10vh;
            left: 20vw;
            transform: translate(-10%, -50%);
        }
        .aboutconnect1 {
            position: absolute;
            top: 10vh;
            left: 20vw;
            transform: translate(-10%, -50%);
        }
        .divtext {
            padding-top: 10vh;
        }
        .divtext2 {
            padding-top: 10vh;
        }
    }
    /* Portrait */
    
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
        .imglogo {
            width: 14vh !important;
            height: 9vh !important;
        }
        .aboutconnect {
            position: absolute;
            top: 10vh;
            left: 20vw;
            transform: translate(-10%, -50%);
        }
        .aboutconnect1 {
            position: absolute;
            top: 10vh;
            left: 15vw !important;
            transform: translate(-10%, -50%);
        }
        .divtext {
            padding-top: 10vh;
        }
        .divtext2 {
            padding-top: 10vh;
        }
    }
    /* Landscape */
    
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
        .imglogo {
            width: 14vh !important;
            height: 9vh !important;
        }
        .aboutconnect {
            position: absolute;
            top: 10vh;
            left: 20vw;
            transform: translate(-10%, -50%);
        }
        .aboutconnect1 {
            position: absolute;
            top: 10vh;
            left: 20vw;
            transform: translate(-10%, -50%);
        }
        .divtext {
            padding-top: 10vh;
        }
        .divtext2 {
            padding-top: 10vh;
        }
    }
    
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        .imglogo {
            width: 14vh !important;
            height: 9vh !important;
        }
        .aboutconnect {
            position: absolute;
            top: 10vh;
            left: 20vw;
            transform: translate(-10%, -50%);
        }
        .aboutconnect1 {
            position: absolute;
            top: 10vh;
            left: 20vw;
            transform: translate(-10%, -50%);
        }
        .divtext {
            padding-top: 10vh;
        }
        .divtext2 {
            padding-top: 10vh;
        }
    }
    
    @media (max-width: 990px) {
        .divtext1 {
            z-index: 999;
            padding-left: 10%;
        }
        .divtext {
            z-index: 999;
            padding: 5%;
        }
        .divtext2 {
            z-index: 999;
            padding-left: 10%;
        }
        .navbar-collapse .collapse {
            text-align: center;
            padding-right: 0px !important;
        }
        .navbar .navbar-brand {
            position: absolute;
            left: 30px;
            top: 10px;
            bottom: 5px;
        }
        .navbar .navbar-brand {
            width: auto;
        }
        .navbar:after {
            display: none;
        }
        #navbarResponsive {
            z-index: 99999;
            position: absolute;
            top: 10vh !important;
            left: 0;
            width: 80vw !important;
            text-align: center;
            outline-style: solid;
            outline-color: #150432;
            background-color: #ffffff;
            box-shadow: 0px 10px 10px rgba(255, 255, 255, 0.1);
            padding-right: 0px !important;
        }
        .navbar .navbar-toggler-icon {
            background-image: none;
            padding-left: 3vw !important;
        }
        .navbar .navbar-toggler {
            border-color: transparent;
            background-color: transparent;
            height: 36px;
            outline: none;
            border-radius: 0px;
            position: absolute;
            right: 15px;
            top: 3vh;
        }
        .navbar .navbar-toggler-icon:after {
            color: white;
            font-size: 26px;
            line-height: 26px;
            font-family: 'FontAwesome';
            width: 2em !important;
            height: 2em !important;
        }
        li {
            background-color: transparent !important;
        }
        .divtext {
            z-index: 999;
            padding-left: 15%;
        }
        .divtext2 {
            z-index: 999;
            padding-left: 15%;
        }
        .navbar .navbar-nav .nav-item {
            border-bottom: 1px solid #eee;
        }
        .navbar .navbar-nav .nav-item:last-child {
            border-bottom: none;
        }
        .navbar .navbar-nav a.nav-link {
            padding: 15px 0px;
            color: #1e1e1e !important;
        }
        .navbar .navbar-nav .nav-link:hover,
        .navbar .navbar-nav .active>.nav-link,
        .navbar .navbar-nav .nav-link.current,
        .navbar .navbar-nav .nav-link.show,
        .navbar .navbar-nav .show>.nav-link {
            color: rgb(136, 136, 136) !important;
        }
        footer {
            padding: 80px 0px 20px 0px;
        }
        footer .footer-item {
            border-bottom: 1px solid #343434;
            margin-bottom: 30px;
            padding-bottom: 30px;
        }
        footer .last-item {
            border-bottom: none;
        }
    }
    
    @media (max-width: 1200px) {
        .Modern-Slider .item .img-fill {
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            height: 100vh;
            background-image: url(../images/fiber_head.png);
            background-position: center;
            background-size: cover;
        }
        .Modern-SliderGPS .item .img-fill {
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            height: 100vh;
            background-image: url(../images/gps_head.png);
            background-position: center;
            background-size: cover;
        }
        .Modern-SliderW .item .img-fill {
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            height: 100vh;
            background-image: url(../images/wireless_head_mv.png);
            background-position: center;
            background-size: cover;
        }
        .Modern-SliderNETWORK .item .img-fill {
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            height: 100vh;
            background-image: url(../images/network_head.png);
            background-position: center;
            background-size: cover;
        }
        .Modern-SliderSATELLITE .item .img-fill {
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            height: 100vh;
            background-image: url(../images/satellite_head.png);
            background-position: center;
            background-size: cover;
        }
    }
    
    @media only screen and (max-width:1265px) {
        .aboutconnect {
            position: absolute;
            top: 10vh;
            left: 20vw;
            transform: translate(-10%, -50%);
        }
        .aboutconnect1 {
            position: absolute;
            top: 10vh;
            left: 25vw;
            transform: translate(-10%, -50%);
        }
        .more-info {
            height: 100% !important;
            background-repeat: no-repeat;
            padding: 0% !important;
            padding-top: 5% !important;
            margin: 0% !important;
            display: block;
            background-color: #150432!important;
        }
        .vdots {
            background-image: none !important;
        }
        .disp {
            display: none !important;
        }
        .more-info .right-content {
            font-size: 20px;
            margin-bottom: 10px;
            display: block;
        }
        .more-info .right-content h2 {
            font-size: 36px;
            font-weight: 600;
            margin-bottom: 35px;
        }
        .more-info .right-content em {
            font-style: normal;
            color: rgb(136, 136, 136);
        }
        .more-info .right-content p {
            margin-bottom: 30px;
        }
        .more-info .right-content li {
            list-style-image: url(../images/liststyle.png) !important;
        }
    }
    
    @media only screen and (max-width: 990px) {
        .aboutconnect {
            position: absolute;
            top: 10vh;
            left: 21vw;
            transform: translate(-10%, -50%);
        }
        .aboutconnect1 {
            position: absolute;
            top: 10vh;
            left: 25vw;
            transform: translate(-10%, -50%);
        }
        h2 {
            margin-left: 0 !important;
        }
        .imglogo {
            width: 14vh !important;
            height: 9vh !important;
            margin-left: 12%;
        }
        .h4title {
            font-size: 1.8vh !important;
        }
        .navbar .navbar-nav a.nav-link {
            padding: 15px 0px;
            color: #150432 !important;
            background-color: white;
        }
        .navbar .navbar-nav a.nav-link:hover {
            padding: 15px 0px;
            color: #150432 !important;
            background-color: white;
        }
        .ptext {
            font-size: 10px !important;
        }
        .shutter {
            width: fit-content;
            height: fit-content;
        }
        .questh2 {
            font-size: 2vh !important;
            text-align: center !important;
            color: white;
        }
        .c-btn {
            font-size: 1vh !important;
            border: none;
            background-color: rgb(255, 255, 255);
            padding: 12px 10px 12px 24px !important;
            border-radius: 45px;
            color: #c5299b;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%23fff'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 24px center;
        }
        .arrowpink {
            width: 20px !important;
            height: 10px !important;
        }
        .right1:after {
            color: #c5299b;
            content: "\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
            text-decoration: line-through;
            margin-left: 0% !important;
        }
        html {
            margin: 0% !important;
            padding: 0% !important;
            overflow-x: hidden;
        }
    }