html {
        scroll-behavior: smooth;
    }
    .captemp-navbar {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        background-color: #fff;
        padding: 1rem 3rem;
        align-items: center;
        box-shadow: 0px 2px 14px 0px #00000017;
    }
    .contact-heder {
        background: #007bff;
        color: #fff !important;
        border-radius: 4px;
    }
    h3.prod-imp-title {
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        padding: 20px 23px;
    }
    h3.text-center.klksdlsdl {
        font-size: 26px;
        font-weight: 600;
        margin: 40px 130px;
        color: #303030;
    }
    .text-center.prodimpp {
        font-size: 40px;
        font-family: 'Quicksand';
        font-weight: 600;
        margin-bottom: 79px;
    }
    .contact-heder:hover{
        border: 1px solid #007bff;
        color: #007bff !important;
        border-radius: 4px; 
        background-color: #fff;
    }
    .nav-sub-icon{
        margin: 0 2px;
        width: 10px;
        rotate: 268deg;
    }
    .nav-icon{
        margin: 0 2px;
        width: 12px;
    }
    .captemp-navbar-brand {
        font-weight: bold;
    }
    .captemp-navbar-nav {
        display: flex;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    .captemp-nav-item {
        position: relative;
    }
    .captemp-nav-link {
        display: block;
        padding: 0.5rem 1rem;
        text-decoration: none;
        color: #000;
    }
    .captemp-nav-link:hover {
        background-color: #fff;
        color: #007bff;
        text-decoration: none;
    }
    .captemp-dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0 8px 16px rgba(0,0,0,0.2);
        z-index: 1;
    }
    .captemp-dropdown-content .captemp-dropdown-item {
        padding: 0.5rem 1rem;
        text-decoration: none;
        display: block;
        color: #000;
        background: #fff;

    }
    .captemp-dropdown-content .captemp-dropdown-item:hover {
        background-color: #ddd;
    }
    .captemp-dropdown:hover .captemp-dropdown-content {
        display: block;
    }
    .captemp-dropdown-item.captemp-dropdown-toggle:hover + .captemp-dropdown-menu {
        display: block;
    }
    .captemp-dropdown-menu {
        display: none;
        position: absolute;
        left: 100%;
        top: 0;
        width: 160px;
    }
    .captemp-dropdown-item.captemp-dropdown-toggle:hover + .captemp-dropdown-menu, 
    .captemp-dropdown-menu:hover {
        display: block;
    }
    .captemp-toggle-button {
        display: none;
        flex-direction: column;
        cursor: pointer;
    }
    .captemp-toggle-button span {
        background-color: #000;
        height: 2px;
        width: 25px;
        margin: 3px 0;
    }
    @media (max-width: 768px) {
        .captemp-navbar-nav {
            flex-direction: column;
            width: 100%;
            display: none;
        }
        .captemp-navbar-nav.active {
            display: flex;
        }
        .captemp-toggle-button {
            display: flex;
        }
        .captemp-nav-item {
            width: 100%;
        }
        .captemp-dropdown-content {
            position: static;
            width: 100%;
        }
        .captemp-dropdown-menu {
            position: static;
            width: 100%;
            display: none;
        }
        .captemp-dropdown:hover .captemp-dropdown-menu {
            display: block;
        }
    }
    .logo{
        width: 186px;
    }
    .nav-item a{
        font-family: 'roboto';
    }
    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link.active {
        color: #0384FB !important; /* Example active color */
    }
    a.navbar-brand {
        padding-left: 30px;
    }
    h1,h2,h3,h4,h5,h6{
        font-family: 'Quicksand', sans-serif;
    }
    p,a{
        font-family: 'Roboto', sans-serif;
    }
    .herobg{
        height: 600px;
        background-position: center right;
        background-size: 70%;
        background-image: url('../images/herobg.jpg');
        background-repeat: no-repeat;
    }
    .hero-content{
        height: 600px;
        border-radius: 0px 200px 0px 0px;
        background-color: #0384FB;
        padding: 130px;
    
    }
    .hero-content .carousel-item {
        height: 400px;
    }
    .hero-content .carousel-indicators {
        margin: 0 30px !important;
        right: 81% !important;
        position: absolute;
        bottom: 27px;
        left: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        list-style: none
    }
    .hero-content .carousel-indicators li {
        width: 28px;
        height: 9px;
        border-radius: 16px;
        border: 0;
        margin-right: 4px;
    }

    .hero-content h2{
        text-transform: uppercase;
        padding: 0px 30px;
        color: #fff;
        font-size: 2.2em;
        font-weight: 700;
    }
    .hero-content p{
        padding: 20px 80px 20px 30px;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
    }
    .col-lg-7.hero-content.px-5{
        flex: 0 0 52.333333%;
            max-width: 55.333333%;
    }
    .btn-sec{
        padding: 10px 0px;
    }
    .hero-content .btn1{
        margin: 0px 30px;
        background-color: #fff;
        padding: 12px 40px;
        color: #272727  ;
        text-decoration: none;
    }
    .hero-content .btn2{
    
        border:1px solid #fff;
        padding: 12px 30px;
        color: #fff  ;
        text-decoration: none;
    }
    .hero-content .btn2:hover{
        background-color: #fff;
        color: #272727;
        transition: 0.5ms;
    }
    .our-customer{
        padding: 20px 20px 400px 20px;
        background-image: url('../images/home/bggrad.png');
        background-repeat: no-repeat;
        background-position: bottom right;
    }
    .bg-text{
        font-family: 'Quicksand', sans-serif;
        font-size: 123px;
        font-weight: 700;
        color: #F8F8F8;
    }
    .head-text{
        overflow: hidden;
        margin-top: -115px;
        font-size: 45px;
        font-weight: 700;
    }
    .bg-text-inter{
        font-family: 'Quicksand', sans-serif;
        font-size: 103px;
        font-weight: 700;
        color: #F8F8F8;
        padding: 20px 0;
    }
    /* client logo */
    @keyframes slide{
        from{
        transform:translateX(0) ;
        
        }
        to{
        transform:translateX(-50%) ;
        
        }
    }
    .logos{
        margin-top: 18px;
        overflow:hidden;
        padding:60px 0 ;
        background:white;
        white-space:nowrap;
        position:relative;
    }
    
    .logos:before,
    .logos:after{
        content:"";
        position:absolute;
        top:0;
        width:250px;
        height:100%;
        z-index:2;
    }
    .logos:before{
        left:0;
        background:linear-gradient(to left, rgba(255,255,255,0), white);
    }
    .logos:after{
        right:0;
        background:linear-gradient(to right, rgba(255,255,255,0), white);
    }
    
    
    .logos:hover .logos-slide{
        animation-play-state:paused;
        
        
    }
    .logos-slide{
        display:inline-block;
        animation: 20s slide infinite linear;
    }
    .logos-slide img{
        height:60px;
        margin: 0 40px;
    }
    .oc-text h3{
        margin-top: 50px;
        margin-bottom: 80px;
        font-weight: 700;
    }
    .oc-box {
        border: 1px solid #272727;
        margin: 0px 166px;
        padding: 22px 10px;
        box-shadow: 0px 0px 10.2px 0px #00000030;
    }
    .oc-box h2 {
        font-size: 36px;
        font-weight: 700;
    }
    .oc-box h2 {
        color: #2C2C2C;
        margin-top: 5px;
        font-size: 28px;
        font-weight: 700;
        line-height: 44px;
    }
    .oc-box p {
        font-size: 19px;
    }
    .tech-sec{
        overflow: hidden;
        margin-top: -250px;
        background-image: url('../images/home/techbg.png');
        background-size: cover;
        padding: 0 0 453px 0;
    }

    .container-cards {
        position: relative;
        display: inline-block;
        overflow: hidden;
        width: 230px; /* Initial width */
        height: 302.63px; /* Fixed height */
        border-radius: 20px 0px 0px 0px;
        margin-right: 10px; /* Add spacing between images */
        transition: width 0.5s; /* Only transitioning width */
        }
        .container-cards:hover {
        width: 239.05px; /* Expanded width */
        }
        .container-cards img {
        display: block;
        width: 100%;
        height: 100%;
        }
        .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        opacity: 1;
        border-radius: 20px;
        }
        .container-cards:hover .overlay {
        opacity: 1;
        }
        .overlay-content {
            position: absolute;
            bottom: 23%;
            left: 10px;
            width: 150.35px;
            transform: translate(0, 50%);
            color: white;
            text-align: left;
            padding-left: 10px;
            transition: transform 0.5s;
        }
        .container-cards:hover .overlay-content {
        transform: translate(0, -90%); /* Move slightly upwards on hover */
        width:  250.17px;
        }
        .heading {
        font-family: 'Quicksand';
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        }
        .line {
        position: absolute;
        width: 47.58px;
        height: 0px;
        top: calc(60% + 32px); /* Adjusted position */
        left: 10px; /* Position to the left */
        transform: translateY(-50%);
        border-top: 8px solid rgba(255, 255, 255, 1);
        opacity: 1; /* Initially visible */
        transition: opacity 0.5s; /* Smooth transition for opacity */
        }
        .container-cards:hover .line {
        opacity: 0; /* Hide thick line after hover */
        }
        .horizontal-line {
        position: absolute;
        width: 187.05px;
        height: 0px;
        top: calc(50% + 38px); /* Adjust position */
        left: 10px; /* Position to the left */
        border-top: 2px solid rgba(182, 182, 182, 1);
        opacity: 0; /* Initially hidden */
        transition: opacity 0.5s; /* Smooth transition for opacity */
        }
        .container-cards:hover .horizontal-line {
        opacity: 1; /* Show after hover */
        }
        .some-text {
        position: absolute;
        width: 170.09px;
        top: calc(50% + 58px); /* Adjust position */
        left: 10px; /* Position to the left */
        font-family: 'Roboto';
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: white;
        opacity: 0; /* Initially hidden */
        transition: opacity 0.5s; /* Smooth transition for opacity */
        }
        .container-cards:hover .some-text {
        opacity: 1; /* Show after hover */
        }

        .monitor-slider-container {
            position: relative;
            width: 100%;
            margin: 50px auto;
            overflow: hidden;
        }
        .monitor-slider {
            display: flex;
            transition: transform 0.5s ease;
            margin-bottom: 20px;
        }
        .monitor-slide {
            min-width: calc(100% / 6);
            flex: 0 0 auto;
            text-align: center;
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .monitor-slide img {
            max-width: 91.48px; 
            max-height: 91.48px;
            margin-bottom: 15px;
        }
        .monitor-slider .lineht {
            position: absolute;
            width: 95.72px; /* Width of the horizontal lineht */
            height: 1px; /* Height of the horizontal lineht */
            background-color: #000000; /* Color of the horizontal lineht */
            bottom: 113px; /* Adjust vertical position */
            left: calc(100% - 48.86px); /* Adjust horizontal position */
        }
        .monitor-arrows {
            display: flex;
            justify-content: center;
            z-index: 2;
        }
        .monitor-arrow {
            cursor: pointer;
            margin: 0 10px;
            width: 29.74px; /* Set width of arrow */
            height: 29.74px; /* Set height of arrow */
        }
        .monitor-slide p {
            font-family: Quicksand;
            font-size: 20px;
            font-weight: 600;
            line-height: 24px;
            text-align: center;
        }
        @media only screen and (min-width: 768px) and (max-width: 768px) {
            .monitor-slide {
                min-width: calc(100% / 4);
                flex: 0 0 auto;
                text-align: center;
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .monitor-slider .lineht {
                position: absolute;
                width: 76.72px; /* Width of the horizontal lineht */
                height: 1px; /* Height of the horizontal lineht */
                background-color: #ccc; /* Color of the horizontal lineht */
                bottom: 130px; /* Adjust vertical position */
                left: calc(100% - 38.86px); /* Adjust horizontal position */
            }
            .monitor-slide p {
                font-family: Quicksand;
                font-size: 17.1px;
                font-weight: 600;
                line-height: 20.52px;
                text-align: center;
            }
            .monitor-arrow {
                cursor: pointer;
                margin: 0 10px;
                width: 21.98px; /* Set width of arrow */
                height: 21.98px; /* Set height of arrow */
            }
            .monitor-slide img {
                max-width: 78.21px; 
                max-height: 78.21px;
                margin-bottom: 15px;
            }
        }
        @media (max-width: 767px) {
            .monitor-slide {
                min-width: calc(100% / 1.0);
                flex: 0 0 auto;
                text-align: center;
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: center;
                margin: 0 auto;
            }
            .monitor-slider .lineht {
                position: absolute;
                width: 155.72px; /* Width of the horizontal lineht */
                height: 1px; /* Height of the horizontal lineht */
                background-color: #ccc; /* Color of the horizontal lineht */
                bottom: 116px; /* Adjust vertical position */
                left: calc(100% - 71.86px); /* Adjust horizontal position */
            }
            .monitor-slide p {
                font-family: Quicksand;
                font-size: 21.77px;
                font-weight: 600;
                line-height: 26.12px;
                text-align: center;
                margin-left:20px;
            }
            .monitor-arrow {
                cursor: pointer;
                margin: 0 10px;
                width: 23.91px; /* Set width of arrow */
                height: 23.91px; /* Set height of arrow */
            }
            .monitor-slide img {
                max-width: 112.3px; 
                max-height: 112.3px;
                margin-bottom: 15px;
                margin-left: 22px;
            }
        }
        .monitor-sec{
            overflow: hidden;
            margin-top: -370px;
            padding: 0 0 400px 0;
            background-image: url('../images/home/bggrad.png');
            background-repeat: no-repeat;
            background-position: bottom right;
        }
        .industries-sec{
            padding-bottom: 80px;
            overflow: hidden;
            margin-top: -400px;
        }
        .induscard {
            width: 233px;
            height: 313px;
            transition: transform .2s;
        }
        .indus-text {
            position: absolute;
            bottom: 28px;
            left: 36px;
            font-size: 20px;
            font-weight: 700;
            color: #fff;
            transition: transform .2s;
        }
        .induscard:hover{
            transform: scale(1.1);
        }
        .induscard:hover .indus-text{
            transform: scale(1.1);
            margin-left: -10px;
        }
        .fa-phone {
            -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
          }

          
        footer {
            background-color: #1C1C1C;
            padding: 86px 0 54px 0;
            background-image: url(../images/fbg.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .contact-info {
            text-align: left;
        }
        
        .contact-item {
            display: flex;
            align-items: center;
            margin: 34px 0px;
        }
        
        .icon {
            background-color: #fff;
            padding: 7px 13px;
            font-size: 18px;
            margin-right: 15px;
            border-radius: 50%;
        }
        
        .text {
            font-family: 'roboto';
            font-size: 16px;
            color: #fff;
            font-weight: 400;
        }
        
        @media (max-width: 600px) {
            .contact-item {
                flex-direction: column;
                align-items: flex-start;
            }
        
            .icon {
                margin-bottom: 5px;
            }
        }
        .copyright{
            margin-top: 66px;
        }
        .copyright p{
            color: #E7E7E7;
        }

        /* About Us page Css */

        .about-hero{
            background-image: url('../images/about/aboutherobg.png');
            background-repeat: no-repeat;
            background-size: contain;
            height: 650px;
            margin-bottom: 50px;
            padding: 50px 60px 0 60px;
        }
        .space {
            height: 62px;
        }

        .about-hero-title h2{
            margin-top: 60px;
            font-size: 70px;
            font-weight: 700;
            color: #fff;
        }
        .about-hero-title p{
            font-size: 24px;
            font-weight: 700;
            color: #fff;
        }
        .about-hero-desc {
            padding: 105px 108px 50px 55px;
            background-color: #fff;
            font-size: 18px;
            line-height: 37px;
            border-radius: 0px 200px 0px 0px;
        }
        .about-h2{
            font-weight: 700;
            font-size: 28px;
            line-height: 47px;
        }
        .certi-sec{
            padding: 50px 0;
        }
        .partner-desc.mt-5 {
            text-align: center;
        }
        .cert-desc{
            font-size: 20px;
            font-weight: 700;
            color: #292929;
            line-height: 35.36px;
            margin-top: 20px;
        }
        .partner h3 {
            margin-top: 16px;
            line-height: 42px;
            font-size: 30px;
            font-weight: 700;
            color: #414141;
        }
        .partner-box {
            display: flex;
        }
        .partner-box div {
            background: #2B2B2B;
            color: #fff;
            padding: 25px;
            font-family: 'roboto';
            font-size: 18px;
            border-radius: 10px;
        }
        .partner-desc h4{
            font-size: 22px;
            font-weight: 700;
            color: #414141;
            line-height: 35px;
        }
        .keaimg{
            max-width: 84% !important;
        }

        .quality-sec{
            background-color: #EAF5FF;
        }
        .quality-sec h4 {
            font-size: 28px;
            line-height: 45px;
            padding: 0 70px;
        }
        .quality-box{
            background-color: #2B2B2B;
            border-radius: 10px;
        }
        .contact-item-qual {
            display: flex;
            align-items: baseline;
            margin: 34px 0px;
            align-content: space-around;
            flex-wrap: nowrap;
        }
    
        .icon-qual {
            color: #98D239;
            border: 1px solid #98D239;
            padding: 2px 4px;
            font-size: 8px;
            margin-right: 15px;
            border-radius: 50%;
        }
        .headings{
            font-size: 24px !important;
            padding: 0 !important;
            text-align: center;
            line-height: 32px !important;
        }
        .qual-sec{
            padding: 50px 0;

        }
        span.text.text-dark {
            font-size: 19px;
            margin-top: -21px;
        }

        table#eael-data-table-27909a4 {
            width: 100%;
        }
        .table1{
            padding: 0 200px;
            background-image: url('../images/product/tablebg.png');
            background-size: cover;
            padding-bottom: 400px;

        }

        table#eael-data-table-27909a4 tr{
            font-size: 18px;
            border-bottom: 1px solid #BFBEBE;
            color: #414141;
        }
        .td-content{
            padding: 30px;
        }
        span.data-table-header-text {
            font-family: 'Quicksand';
            font-size: 26px;
        }
        tr.table-header th {
            padding: 28px 0 !important;
            text-align: center !important;
        }
        .eael-datatable-icon.td-content {
            text-align: center;
        }
        .table-2{
            margin-top: -300px;
        }
        .main2 {
            width: 500px;
        }
        .td-content-heads {
            padding: 34px 0;
        }

        .table2 {
            padding: 0 200px;
            background-repeat: no-repeat;
            background-image: url(../images/product/tablebg.png);
            background-size: cover;
            background-position: bottom center;
            padding-bottom: 100px;
            /* margin-bottom: -100px; */
        }
        .bg-text-prod{
            font-family: 'Quicksand', sans-serif;
            font-size: 103px;
            font-weight: 700;
            color: #F8F8F8;
        }
        .bg-ws{
            max-height: 600px;
            height: 700px;
        }
        .bg-ws-sec{
            background-image: url('../images/product/wsbg.jpg');
            background-size: cover;
            background-position: center;
        }
        .bg-text-prod-ws{
            font-family: 'Quicksand', sans-serif;
            font-size: 123px;
            font-weight: 700;
            color: #F8F8F810;
            background-position: center center;
        }
        .head-text-ws{
            margin-top: -150px;
        font-size: 90px;
        font-weight: 700;
        color: #fff;
        }
        .icon-qual-prod {
            color: #98D239;
            margin-right: 15px;
        }
        .contact-item-prod {
            display: flex;
            align-items: baseline;
            margin: 18px 0px;
            align-content: space-around;
            flex-wrap: nowrap;
        }
        span.prod-title-box {
            padding: 15px 30px;
            border: 2px solid #0384FB;
            border-radius: 6px;
            font-family: 'Quicksand';
            color: #0384FB;
            font-weight: 700;
            letter-spacing: 2.32px;
        }
        .spec-img {
            padding: 0 0 0px 100px;
        }
        .spec-list{
            margin-top: 40px;
        }
        .spec-sec{
            overflow: hidden;
            background-image: url('../images/home/bggrad.png');
            background-position-x: 100%;
            background-position-y: 300px;
            background-size: 30%;
            background-repeat: no-repeat;
            padding: 50px 0  0 0;
        
        }
    .app-sec{
        padding: 80px;
        background-image: url('../images/product/bggradl.png');
            background-position-x: 0%;
            background-position-y: 300px;
            background-size: 30%;
            background-repeat: no-repeat;
    }
    .contact-item-app{
        display: flex;
        align-items: baseline;
        margin: 38px 0px;
        align-content: space-around;
        flex-wrap: nowrap;
    }
    .sensor-bg{
        padding: 0 100px 80px 100px;
        background-image: url('../images/home/bggrad.png');
        background-position-x: 100%;
        background-position-y: 200px;
            background-size: 500px;
            background-repeat: no-repeat;
    }
    .bg-wdc-sec{
        background-image: url('../images/product/wired-data-collector-bg.png');
        background-size: cover;
    }
    .head-text-wdc{
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    }
    .wdc-sub{
        font-size: 35px;
        font-weight: 700;
        margin-top: 20px;
    }
    .wdc-desc{
        padding: 20px 30px;
        font-size: 22px;
    }
    .wdc-img {
        width: 88%;
    }
    .wdc-img-1{
        margin-top: 4px !important;
    }
    .wdc-list-title{
        font-weight: 700;
        font-size: 29px;
    }
    .wdc-data-iiot{
        padding: 0 50px 80px 50px;
        background-image: url('../images/home/bggrad.png');
        background-position-x: 100%;
        background-position-y: 200px;
            background-size: 500px;
            background-repeat: no-repeat;
    }
    .table21 {
        padding: 0 140px;
        background-repeat: no-repeat;
        background-image: url(../images/product/tablebg.png);
        background-size: cover;
        background-position: bottom center;
        padding-bottom: 100px;
        /* margin-bottom: -100px; */
    }
    .bg-wrs-sec{
        background-image: url('../images/product/wired-sensors-bg.jpg');
        background-size: cover;
        background-position: center;
    }
    .wired-spec-sec{
        overflow: hidden;
        padding: 50px 0;
        background-image: url('../images/product/wsecbg.png');
    background-size: 19%;
    background-position-y: -200px;
            background-repeat: no-repeat;
    }
    .wired-spec{
        padding: 0px 100px;
    }
    .wspec-bg{
        background-image: url('../images/home/bggrad.png');
        background-size: 19%;
        background-position: center right;
            background-repeat: no-repeat;
    }
    a.btn-buy-now {
        font-family: 'Roboto';
        font-weight: 400;
        font-size: 20px;
        background: #007bff;
        color: #fff;
        padding: 19px 120px;
        border-radius: 30px;
        transition: 0.5ms;
    }
    a.btn-buy-now:hover{
        text-decoration: none;
        border: 2px solid #007bff;
        color: #007bff;
        transition: 0.5ms;
        background-color: #fff;
    }
    .bg-text-soft{
        font-family: 'Quicksand', sans-serif;
        font-size: 123px;
        font-weight: 700;
        color: #F8F8F8;
    }
    .contact-item-soft {
        display: flex;
        align-items: baseline;
        margin: 38px 0px;
        align-content: space-around;
        flex-wrap: nowrap;
    }
    .s-sec-1{
        background-image: url('../images/product/sftbg.png');
        background-size: 39%;
        background-position-x: 100%;
        background-position-y: 50%;
            background-repeat: no-repeat;
    }
    .contact-item-soft .text-dark{
        font-size: 16px !important;
    }
    .contactmb{
        display: none;
    }
    .sftsec2{
        padding: 50px 0;
        background-image: url('../images/product/bggradc.png');
        background-size: 100%;
        background-position-x: 100%;
        background-position-y: 100%;
            background-repeat: no-repeat;
    }
    .contact-item-soft2 {
        display: flex;
        align-items: baseline;
        margin: 38px 0px;
        align-content: space-around;
        flex-wrap: nowrap;
        flex-direction: row-reverse;
    }
    .contact-item-soft2 .text-dark{
        font-size: 16px !important;
        text-align: end;
    }
    .contact-item-soft2 .icon-qual-prod{
        margin-left: 25px;
    }
    .sftsec3{
        padding: 57px 0;
        background-image: url('../images/product/sftbg3.png');
        background-size: 100% ;
        background-position-x: 100%;
        background-position-y: 80%;
            background-repeat: no-repeat;
    }
    .sftsec21{
        padding: 122px 0;
        background-image: url('../images/product/bggradc.png');
        background-size: 100%;
        background-position-x: 100%;
        background-position-y: 100%;
            background-repeat: no-repeat;
    }
    .bg-ttrl-sec{
        background-image: url('../images/innovation/ttrailbg.jpg');
        background-size: cover;
        background-position: center;
    }
    .innbg{
    padding: 100px 0px;
        background-image: url('../images/innovation/innsecbg.png');
        background-size: 100%;
        background-repeat: no-repeat;
        background-position-x: 0px;
        background-position-y: -400px;

    }
    .img-inn {
        margin-top: 80px;
        width: 45%;
    }
    .img-inn:hover{
        border: 5px solid #007bff;
        border-radius: 10px;
    }
    .img-title {
        width: 44px;
    }
    .contact-item-prod-t {
        display: flex;
        align-items: end;
        margin: 0px 0px;
        align-content: space-around;
        flex-wrap: nowrap;
    }
    .tthead{
        color: #0384FB;
        font-size: 20px;
        letter-spacing: 2.2px;
    }
    .listf {
        font-size: 16px !important;
        margin-top: -21px;
    }
    .svs-bg{
        background-image: url('../images/innovation/svs-bg.png');
        overflow: hidden;
        background-size: cover;
    }
    .abstract{
        background-image: url('../images/innovation/abs.png');
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .bg-text-svs{
        font-family: 'Quicksand', sans-serif;
        font-size: 143px;
        font-weight: 700;
        color: #bfbebe33;
    }
    .head-text-svs{
        margin-top: -135px;
        font-size: 50px;
        font-weight: 700;
    }
    .padd{
        padding: 80px 40px 100px 40px;
    }
    .paddt{
        padding: 80px 80px 80px 0;
    }
    .bgtxt{
        margin-left: -200px;
    }
    .abstract h5{
        font-size: 18px;
        line-height: 25px;
        margin-left: 100px;
        margin-top: 50px;
    }
    .bgsecsvs{
        background-image: url('../images/innovation/svsbg2.png');
        overflow: hidden;
        background-size: cover;
        background-position-y: -300px;
    }
    .paddsvs{
        padding: 100px 130px;
    }
    span.svsheads {
        color: #0384FB;
        font-size: 20px;
        letter-spacing: 2.22px;
        font-weight: bold;
        border-bottom: 3px solid;
    }
    .contact-bg{
        background-image: url('../images/contact/contactbg.png');
        background-position-y: -100px;
        background-size: cover;
        padding: 50px 0 100px 0;
    }
    .cbg{
        padding: 80px;
        background-image: url('../images/contact/cbg.png');
        background-size: cover;
        background-repeat: no-repeat;
    }
    .contact-item-cont {
        display: flex;
        align-items: flex-start;
        margin: 18px 0px;
        align-content: space-around;
        flex-wrap: wrap;
    }
    .addr {
        margin-left: 43px;
        margin-right: 20px;
    }
    .example-hero{
        padding: 100px 80px 0 80px;
    }
    .example-hero h2{
        font-weight: 500;
        margin-top: 50px;
        font-size: 45px;
    }
    .example-hero p{
        font-size: 20px;
    }
    .simgs {
        width: 28%;
        margin: 20px;
        height: 352px;
        transition: transform .5s;
    }
    .simgs:hover{
        transform: scale(1.2    );
    }
    .bigcorp{
        padding: 100px 80px 0 80px;
        background-image: url('../images/example/bggrad.png');
        background-position-y: -150px;
        background-size: 300px;
        background-repeat: no-repeat;
    }
    .blogos{
        padding: 60px 0;
    }
    .bigcorp h2{
        font-size: 40px;
    }
    .bigcorp h3{
        margin-left: -2px;
        margin-top: 30px;
        font-size: 35px;
    }
    .bigcorp p{
        font-size: 20px;
    }
    .address span.prod-title-box {
        font-size: 20px;
        font-weight: 900 !important;
    }

    .blogs{
        padding: 100px 80px 0 80px;
        background-image: url('../images/example/bggradl.png');
        background-position-y: -100px;
        background-position-x: 100%;
        background-size: 300px;
        background-repeat: no-repeat;
    }
    .blogo{
        padding: 60px 0;
    }
    .blogs h2{
        font-size: 35px;
    }
    .cardhead {
        margin-top: 10px;
        color: #393939da;
        font-size: 20px;
        line-height: 30px;
    }
    .blogs p{
        font-size: 24px;
        color: #000000da;
        
    }
    .bcards{
        padding: 30px;
    }
    .bcards a:hover{
        text-decoration: none;
    }
    .blog1{
        background-image: url('../images/example/blbg1.png');
        background-repeat: no-repeat;
        padding: 100px 80px 0 80px;
        background-size: 100%;
        background-position: top;
    }
    .blog-head {
        color: #303030;
        margin-right: -136px;
        margin-top: 100px;
        font-size: 48px;
        font-weight: 700;
    }
    .blg-border{
        background: #fff;
        margin-top: -210px;
        border: 1px solid #333333;
        padding: 30px 80px;
        border-radius: 30px;
    }
    .blg-border h3{
        font-size: 26px;
        font-weight: 500;
        line-height: 35px;
    }
    .bgsec3{
        background-image: url('../images/example/bgsec3grad.png');
        background-repeat: no-repeat;
        padding: 100px 80px 100px 80px;
        background-size: 100%;
        background-position-y: -100px;
    }
    .blbg-desc{
        font-size: 20px;
        line-height: 40px;
        padding-left: 50px;
    }
    .quote{
        padding: 50px 80px;
        background-color: #0384FB;
    }
    h2.quote-title {
        font-size: 41px;
        font-weight: bolder;
        color: #fff;
        margin-left: 36px;
    }
    .blbg-desc1{
        margin-top: 20px;
        font-size: 20px;
        line-height: 40px;
        padding-right: 80px;
    }
    .blbg-desc2{
        margin-top: 80px;
        font-size: 20px;
        line-height: 40px;
        padding-left: 50px;
    }
    .bgsec4{
        background-image: url('../images/example/bgsec3grad.png');
        background-repeat: no-repeat;
        padding: 100px 80px 0 80px;
        background-size: 100%;
        background-position-y: -100px;
    }
    .bgsec5{
        background-image: url('../images/example/bgsec3grad.png');
        background-repeat: no-repeat;
        padding: 0px 80px 100px 80px;
        background-size: 100%;
        background-position-y: -100px;
    }
    .conclu{
        padding: 100px;
    }
    .conclu h3{
        font-weight: 700;
        line-height: 40px;
    }
    .blog-headd {
        color: #303030;
        margin-right: -196px;
        margin-top: 100px;
        font-size: 48px;
        font-weight: 700;
    }
    .blbg-desc21{
        margin-top: 40px;
        font-size: 20px;
        line-height: 35px;
    }
    .blbg-desc22{
        margin-top: 130px;
        font-size: 20px;
        line-height: 35px;
        padding-right: 50px;
    }
    .blbg-desc23{
        margin-top: 160px;
        font-size: 20px;
        line-height: 35px;
        padding-right: 50px;
    }
    .blbg-desc24{
        margin-top: 290px;
        font-size: 20px;
        line-height: 35px;
        padding-right: 50px;
    }
    .bgs{
        margin-top:-200px
    }
    .bgss{
        margin-top:-250px
    }
    .bggs{
        margin-top:-150px
    }
    .bg3desc{
        font-size: 20px;
        margin-right:-150px
    }
    .bhgs{
        margin-top: 50px;
        margin-bottom: 20px;
    }
    .nav-tabs {
        border-bottom: 0px solid #dee2e6 !important;
    }
    .nav-tabs .nav-item {
        margin-bottom: -1px;
        margin: 0 46px;
    }
    .nav {
        padding: 0 0 40px 0;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        justify-content: center;
    }


    .tabs{
        padding: 0 80px 100px 80px;
    }
    .nav-link{
        font-size: 20px;
    }
    .nav-item a {
        border-radius: 10px !important;
        border: 1px solid #0384FB !important;
        text-align: center;
        font-family: 'Quicksand';
        font-weight: 500;
    }
    a.nav-link.active {
        color: #fff !important;
        background: #0384FB !important;
    
    }
    .tabs-desc{
        margin-top: 80px;
        font-size: 20px;
        line-height: 35px;
        padding-right: 40px;
    }
    .tabs-descs{
        margin-top: 30px;
        font-size: 20px;
        line-height: 35px;
        padding-right: 40px;
    }
    .bhgss {
        font-size: 41px;
        margin: 46px -136px 0 0;
    }
    .equih {
        font-size: 40px;
        margin: 84px -213px 0 0;
    }
    .equil {
        font-size: 50px;
        margin: 130px -213px 0 0;
    }
    .tabbg{
        margin-top: -100px;
    }
    .businees-hero {
        padding: 20px;
        height: 200px;
        background-image: url(../images/business/businessbg.png);
        background-size: cover;
        background-position-y: -237px;
    }
    .address{
        padding: 50px 130px;
    }
    .address p{
        margin-right: -70px;
    }
    .other-add{
        border-radius: 5px;
        margin-top: 80px;
        border: 1px solid #0384FB;
        padding: 30px;
    }
    .other-add h4{
        color: #0384FB;
        font-size: 28px;
        font-weight: 700;
        line-height: 40px;
    }
    .fthid{
        visibility: hidden;
    }
    .cicon{
        margin-top: -75px;
    }

    .showonmob{
        display: none;
    }
    .hideonmob{
        display: block ;
    }

    /* Mobile View css */
    @media only screen and (max-width: 600px) {
        .col-lg-7.hero-content.px-5 {
            max-width: 100% !important;
            padding: 94px 30px !important;
            flex: auto;
        }
        .captemp-navbar-nav{
            margin-top: 20px;
        }
        .captemp-navbar {
            padding: 20px !important;
        }
        a.navbar-brand{
            padding: 0;
        }
        .herobg{
            height: 100%;
        }
        .hero-content h2{
            padding: 0;
            font-size: 20px;
        }
        .hero-content p{
            font-size: 14px;
            padding: 0;
        }
        .hero-content .btn1{
            margin: 0;
            font-size: 10px;
        }
        .hero-content .btn2 {
            margin: 0;
            font-size: 10px;
        }
        .hero-content{
            height: 400px;
        }
        .herobg {
            height: 646px !important;
            background-position: bottom;
            background-size: 100%;
            background-image: url(../images/herobg.jpg);
            background-repeat: no-repeat;
        }
        .bg-text{
            font-size: 50px;
        }
        .oc-text h3 {
            font-size: 23px;
            margin-bottom: 35px;
        }
        .head-text{
            margin-top: -53px;
            font-size: 30px;
        }
        .oc-box{
            margin: 0;
        }
        .oc-text h3{
            margin-bottom: 28px;
        }
        .oc-box h2 {
            color: #2C2C2C;
            margin-top: 16px;
            font-size: 22px;
            font-weight: 700;
            line-height: 31px;
        }
        .tech-sec {
            margin-top: -330px;
        }
        
        .container-cards:hover {
            width: 100%;
            height: 330px;
        }
        .tcards{
            padding: 30px;
        }
        .monitor-sec{
            margin-top: -451px;
        }
        .monitor-sec .bg-text{
            font-size: 70px !important;
        }
        .monitor-sec .head-text{
            margin-top: -68px;
            font-size: 30px;
        }
        .container-cards img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .industries-sec .text-center.mb-5.pb-5 {
            padding: 0 !important;
        }
        .induscard {
            width: 100%;
            background-size: cover !important;
            height: 452px !important;
            transition: transform .2s;
        }
        .industries-sec .col-lg-3{
            margin: 10px;
        }
        img.flogo {
            width: 201px;
        }
        .contact-item {
            flex-direction: row;
            align-items: flex-start;
        }
        .fthid{
            display: none;
        }
        .cicon{
            margin-top: -0px;
        }
        .copyright {
            margin-top: 27px;
            text-align: center;
        }
        .about-hero-title h2{
            text-align: center;
            margin: 0 !important;
            margin-bottom: 11px !important;
            font-size: 40px;
        }
        .about-hero{
            background-size: 800px;
            padding: 20px 10px;
        }
        .space{
            height: 0;
        }
        .about-hero-title p {
            font-size: 18px;
            font-weight: 400;
            color: #fff;
            text-align: center;
        }
        .about-hero-desc {
            margin: 26px 0;
            padding: 17px 20px 2px 21px;
            background-color: #fff;
            font-size: 14px;
            line-height: 26px;
            border-radius: 2px 74px 0px 0px;
            box-shadow: 0px -3px 10px 7px #00000010;
        }
        .about-h2 {
            padding: 17px 0 0 10px;
            font-weight: 700;
            font-size: 18px;
            line-height: 28px;
        } 
        .certi-sec .row.px-5 {
            padding: 10px !important;
        }
        .certi-sec {
            padding: 50px 0px 0px 0px;
        }
        .cert-desc {
            font-size: 18px;
            font-weight: 500;
            color: #292929;
            line-height: 29.36px;
            margin-top: 20px;
        }
        .bg-text-inter {
            font-family: 'Quicksand', sans-serif;
            font-size: 33px;
            font-weight: 700;
            color: #F8F8F8;
            padding: 20px 0;
        }
        .container.partner.mt-5.pt-4.mb-5 {
            margin: 0px !important;
        }
        .partner h3 {
            margin-top: 11px;
            line-height: 42px;
            font-size: 16px;
            text-align: center;
            font-weight: 700;
            color: #414141;
            margin-bottom: 30px;
        }
        .partner-box {
            display: flex;
            margin: 10px 0;
        }
        .partner-desc h4 {
            padding: 0px 14px;
            font-size: 20px;
            font-weight: 500;
            color: #414141;
            line-height: 35px;
            margin-bottom: 42px;
        }
        h4.mt-5.poli {
            font-size: 20px;
        }
        .quality-sec h4 {
            font-size: 18px;
            line-height: 27px;
            padding: 0px;
            margin-top: -3px !important;
        }
        .contact-info-qual.mx-4.quality-box.px-4.py-3 {
            margin: 0 !important;
        }
        .contact-info-qual.mx-4.quality-box.px-5.py-3 {
            margin: 38px 0 !important;
        }
        .headings {
            font-size: 18px !important;
            padding: 0 10px !important;
            text-align: center;
            line-height: 32px !important;
            margin: 0px !important;
        }   
        .contact-info-qual.mx-4.px-4.py-3 {
            margin: 0px !important;
            padding: 0px 10px !important;
        }
        .qual-sec h4.mt-2.headings {
            margin-top: 24px ! IMPORTANT;
        }
        .bg-text-soft {
            font-family: 'Quicksand', sans-serif;
            font-size: 34px;
            font-weight: 700;
            color: #F8F8F8;
        }
        .s-sec-1 .row.mt-5.px-5.mx-3.flex-column-reverse.flex-lg-row {
            margin: 0px !important;
            padding: 0px !important;
        }
        img.mt-5.pt-5.img-fluid.pr-5 {
            margin: 0 !IMPORTANT;
            padding: 0 !important;
        }
        .s-sec-1 {
            background-image: url(../images/product/sftbg.png);
            background-size: 71%;
            background-position-x: 100%;
            background-position-y: 13%;
            background-repeat: no-repeat;
        }
        .mt-5.mx-3.px-5 {
            margin: 61px 0 0 0 !important;
            padding: 0px 29px !important;
        }
        .spec-list {
            margin-top: 10px;
        }
        .contact-item-soft2 .text-dark {
            font-size: 16px !important;
            text-align: left !important;
        }
        .contact-item-soft2 {
            display: flex;
            align-items: baseline;
            margin: 18px 0px;
            align-content: space-around;
            flex-wrap: nowrap;
            flex-direction: row;
        }
        .contact-info-qual.spec-list.mx-4.px-2.py-2 {
            padding: 0px !important;
            margin: 0 !IMPORTANT;
        }
        .mt-5.mx-4.px-4.pr-5.mr-5.text-right {
            margin: 42px 0 !important;
            margin-right: 66px !important;
        }
        .sftsec2 {
            padding: 10px 0;
            background-image: url(../images/product/bggradc.png);
            background-size: 530px;
            background-position-x: 1%;
            background-position-y: -4%;
            background-repeat: no-repeat;
        }
        .sftsec2 .row.mt-5.px-5.mx-3 {
            margin: 0 !important;
            padding: 0 !important;
        }
        .sftsec3 .row.mt-5.px-5.mx-3{
            margin: -30px  0 0 0 !important;
            padding: 0 !important;
        }
        .sftsec3 {
            padding: 57px 0;
            background-image: url(../images/product/sftbg3.png);
            background-size: 526px;
            background-position-x: 100%;
            background-position-y: -5%;
            background-repeat: no-repeat;
        }
        .sftsec21 {
            padding: 0px 0;
            background-image: url(../images/product/bggradc.png);
            background-size: 100%;
            background-position-x: 100%;
            background-position-y: 0%;
            background-repeat: no-repeat;
        }
        .sftsec21 .row.px-5.mx-3 {
            margin: 0 !important;
            padding: 0 !important;
        }
        .contact-info-qual.spec-list.mx-4.px-2.py-3 {
            padding: 0 !important;
            margin: 0 !important;
        }
        .bg-ws {
            max-height: 600px;
            height: 327px;
        }
        .bg-text-prod-ws {
            font-family: 'Quicksand', sans-serif;
            font-size: 78px;
            font-weight: 700;
            color: #F8F8F810;
            background-position: center center;
        }
        .head-text-ws {
            margin-top: -92px;
            font-size: 51px;
            font-weight: 700;
            color: #fff;
        }
        .innbg .row.text-center.px-5.mx-5 {
            padding: 0 !important;
            margin: 0 !important;
            display: flex;
            flex-wrap: nowrap;
            overflow: hidden;
        }
        h5.mt-4 {
            font-size: 12px;
            overflow: hidden;
        }
        .innbg {
            padding: 0;
        }
        .innbg .row.mt-5.pt-5 {
            margin: 0 !IMPORTANT;
            padding: 0 !important;
        }
        .spec-img {
            padding: 20px;
            margin-right: auto;
            margin-left: auto;
        }
        .contact-info-qual.mx-4.px-4 {
            padding: 8px 0 0 0 !important;
        }
        .contact-item-prod-t {
            display: flex;
            align-items: end;
            margin: 30px 0px;
            align-content: space-around;
            flex-wrap: nowrap;
        }
        .padd{
            padding: 0;
        }
        .bg-text-svs {
            font-family: 'Quicksand', sans-serif;
            font-size: 89px;
            font-weight: 700;
            color: #bfbebe33;
        }
        .head-text-svs {
            margin-top: -89px;
            font-size: 45px;
            font-weight: 700;
        }
        .bgtxt{
            margin-left: 0;
        }
        .abstract h5 {
            text-align: center;
            margin: 0 !important;
            padding: 10px 30px;
        }
        .paddt {
            padding: 20px 0 ;
        }
        .paddsvs{
            padding: 20px;
        }
        h3.svshead {
            margin-top: 30px;
        }
        .head-text-wdc {
            font-size: 26px;
            font-weight: 700;
            color: #fff;
        }
        .wdc-desc {
            display: none;
            padding: 20px 30px;
            font-size: 22px;
        }
        .wdc-sub {
            font-size: 26px;
            font-weight: 700;
            margin-top: 20px;
        }
        .px-5.mx-5.mt-5 .row {
            flex-wrap: nowrap;
        }
        .wdimg .px-5.mx-5.mt-5{
            padding: 10px !important;
            margin: 0 !important;
        }
        .wdc-img-1 {
            margin-top: 35px !important;
        }
        .px-5.mx-5.pb-5.smr {
            padding: 0 !important;
            margin: 0 !important;
        }
        .contact-info-qual.spec-list.py-3 {
            padding: 31px;
        }
        .wdc-list-title {
            font-weight: 700;
            font-size: 20px;
        }
        .bg-text-prod {
            font-family: 'Quicksand', sans-serif;
            font-size: 26px;
            font-weight: 700;
            color: #F8F8F8;
        }
        .wdc-data-iiot {
            overflow: hidden !important;
            padding: 0 0px 80px 0px;
            background-image: url(../images/home/bggrad.png);
            background-position-x: 100%;
            background-position-y: 200px;
            background-size: 500px;
            background-repeat: no-repeat;
        }
        .mt-5.pt-5.px-5.mx-5.pb-5 {
            margin: 0 !important;
            padding: 10px 20px !important;
        }
        span.data-table-header-text {
            font-family: 'Quicksand';
            font-size: 12px;
        }
        table#eael-data-table-27909a4 tr {
            font-size: 12px;
            border-bottom: 1px solid #BFBEBE;
            color: #414141;
        }
        section.table21.mt-5 {
            margin: 0 !important;
        }
        section.table21.mt-5 {
            padding: 20px;
        }
        .bg-text-prod-ws {
            font-family: 'Quicksand', sans-serif;
            font-size: 39px;
            font-weight: 700;
            color: #F8F8F810;
            background-position: center center;
        }
        .head-text-ws {
            margin-top: -49px;
            font-size: 27px;
            font-weight: 700;
            color: #fff;
        }
        .row.mt-5.wired-spec {
            margin: 0 !important;
            padding: 0;
        }
        .mt-5.pt-5.wspec-bg {
            margin: 0 !important;
            padding: 0 !important;
        }
        .wired-spec {
            padding: 0px 20px;
        }
        .container.mt-5.px-5 .row {
            flex-wrap: nowrap;
        }
        .container.mt-5.px-5 {
            overflow: hidden;
            padding: 10px !important;
            margin: 0 !important;
        }
        img.mt-5 {
            width: 100px;
        }
        section.table1.mt-5 {
            padding: 18px;
            margin: 0 !IMPORTANT;
        }
        .table-2 {
            margin-top: 34px;
        }
        section.table2.mt-5 {
            margin: 0 !important;
            padding: 20px;
        }
        section.spec-sec {
            padding: 0 20px;
        }
        .app-sec {
            padding: 0 !important;
            margin: 0 !IMPORTANT;
        }
        .contact-info-qual.spec-list.mx-3.px-4.py-3 {
            margin: 0 !IMPORTANT;
            padding: 0 10px ! IMPORTANT;
        }
        .contact-info-qual.spec-list.py-3 {
            margin: -44px 0 !IMPORTANT;
            padding: 0 10px ! IMPORTANT;
        }
        .col-lg-12.text-center.pb-5.align-self-center {
            margin: 68px 0 0 0 !important;
            padding: 0px !important;
        }
        img.img-fluid.pr-5 {
            margin: 24px 5px;
        }
        .mt-5.mx-4.px-4.appsecw {
            margin: 0 !IMPORTANT;
        }
        .sensor-bg {
            padding: 10px;
        }
        .sensimg{
            margin-bottom: 40px;
        }
        section.example-hero {
            padding: 20px;
        }
        .example-hero h2 {
            margin-top: 10px;
            font-size: 30px;
        }
        .example-hero p {
            margin-top: 13px;
            font-size: 18px;
        }
        .simgs {
            width: 28%;
            margin: 7px;
            height: 112%;
            transition: transform .5s;
        }
        section.bigcorp {
            padding: 38px 20px;
        }
        .bigcorp h2 {
            font-size: 25px;
        }
        h3.font-weight-bold {
            margin: 0 !IMPORTANT;
            padding: 0 !IMPORTANT;
            font-size: 30px;
            margin-bottom: 20px !important;
        }
        .bigcorp p {
            font-size: 18px;
            margin-bottom: 30px;
        }
        section.blogs {
            margin-top:-20px;
            padding: 10px;
        }
        .blogs h2 {
            font-size: 26px;
        }
        .blogs p {
            margin-top: 11px;
            font-size: 19px;
            color: #000000da;
        }
        .contact-bg .bg-text-soft {
            font-size: 50px;
        }
        .contact-bg .head-text {
            margin-top: -61px;
            font-size: 30px;
        }
        .contactmb {
            width: 100%;
            display: block;
            margin-top: -178px;
            overflow: hidden;
        }
        .container.cbg h2 {
            font-size: 30px;
        }
        .container.cbg {
            background: #fff;
            padding: 0;   
        }
        .container.cbg .row {
            border-radius: 20px;
            padding: 35px;
            margin: 10px;
            background: #fff;
            box-shadow: 10px 10px 10px 10px #00000010;
        }
        section.blog1 {
            padding: 0 10px;
            overflow:hidden
        }
        .blog-head {
            color: #303030;
            margin-top: 36px;
            font-size: 24px;
            font-weight: 700;
            margin-right:0;
            text-align: center;
        }
        .blg-border {
            overflow: hidden;
            background: #fff;
            margin-top: -124px;
            border: 1px solid #333333;
            padding: 20px;
            border-radius: 30px;
        }
        .blg-border h3 {
            font-size: 16px;
            font-weight: 500;
            line-height: 24px;
        }
        .blog1 img.img-fluid {
            max-width: 544px;
            margin-left: -151px;
            /* margin-right: -97px; */
        }
        section.bgsec3 {
            padding: 54px 20px;
        }
        .blbg-desc {
            margin: 21px 0;
            font-size: 20px;
            line-height: 40px;
            padding-left: 0px;
        }
        section.quote {
            padding: 47px 20px;
        }
        h2.quote-title {
            font-size: 28px;
            font-weight: bolder;
            color: #fff;
            margin-left: 0px;
        }
        .quote img.img-fluid {
            width: 81px;
            margin: 10px 0;
        }
        section.bgsec4 {
            padding: 20px;
        }
        .blbg-desc1 {
            margin-top: 20px;
            font-size: 20px;
            line-height: 40px;
            padding: 0 0 30px 0 !IMPORTANT;
        }
        .blbg-desc2 {
            margin-top: 52px;
            font-size: 20px;
            line-height: 40px;
            padding-left: 0;
        }
        .conclu {
            padding: 40px;
        }
        .blog-headd {
            color: #303030;
            margin-right: 0;
            margin-top: 30px;
            font-size: 21px;
            font-weight: 700;
            padding: 10px;
            text-align: center;
        }
        .blog1 .col-lg-8 .img-fluid {
            padding: 0 16px;
        }
        .bgs {
            margin-top: -115px;
        }
        .bgs img.img-fluid {
            margin-left: -27px;
        }
        .blbg-desc21 {
            padding: 20px !important;
            margin-top: -142px !important;
            font-size: 20px;
            line-height: 35px;
        }
        .blbg-desc22 {
            padding: 20px;
            margin-top: 279px;
            font-size: 20px;
            line-height: 35px;
            padding-right: 0px;
        }
        img.img-fluid.float-right {
            margin-right: -32px !important;
            margin-bottom: 142px;
        }
        .blbg-desc23 {
            margin-top: -65px;
            font-size: 20px;
            line-height: 35px;
            padding: 20px;
        }
        .blbg-desc24 {
            margin-top: 290px;
            font-size: 20px;
            line-height: 35px;
            padding: 20px;
        }
        img.img-fluid.catiimg.float-right {
            margin-top: -89px;
            margin-bottom: 0px;
        }
        .bg3desc {
            font-size: 18px;
            margin: 11px;
            margin-right: 0;
            margin-bottom: 20px;
        }
        img.img-fluid.luimg {
            max-width: 500px;
            margin-left: -138px;
        }
        section.tabs {
            padding: 0;
            margin-top:-50px
        }
        ul.nav.nav-tabs {
            display: block;
            padding-bottom: 20px ! IMPORTANT;
        }
        .nav-item a {
            margin: 10px 0;
            border-radius: 10px !important;
            border: 1px solid #0384FB !important;
            text-align: center;
            font-family: 'Quicksand';
            font-weight: 500;
        }
        .tabs-desc,.tabs-descs{
            margin-top: 0;
            font-size: 18px;
            line-height: 32px;
            padding: 18px;
        }
        img.img-fluid.quimg {
            margin: 10px;
            max-width: 333px;
        }
        img.mt-5.img-fluid.abtimg2 {
            width: 100%;
        }
        img.mt-5.pt-5.img-fluid.pr-5.sfttimg {
            width: 100%;
        }
        .wdatas.contact-info-qual.spec-list.mx-3.px-4.py-3, .contact-info-qual.spec-list.py-3{
            padding: 41px 25px !important;
        }
        .businees-hero {
            padding: 20px;
            height: 200px;
            background-image: url(../images/business/businessbg.png);
            background-size: auto;
            background-position-y: -237px;
        }
        .bg-text-soft.btttt {
            margin-top: 66px;
            font-family: 'Quicksand', sans-serif;
            font-size: 37px;
            margin-bottom: 9px;
        }
        .address {
            padding: 0 20px;
        }
        .col-lg-2.linew.text-center img {
            margin-top: -131px;
            height: 365px;
            rotate: 90deg;
            margin-bottom: -148px;
            overflow: hidden;
        }
        
        .logos:before, .logos:after {
            content: "";
            position: absolute;
            top: 0;
            width: 0px;
            height: 100%;
            z-index: 2;
        }
        .logos-slide img {
            height: 60px;
            margin: 0px -4px;
        }
        .oc-box {
            border: none;
            margin: 0px;
            padding: 0;
            box-shadow: none;
        }
        .row.oc-box .col-lg-7 img {
            margin-left: -11px;
        }
        .overlay-content .heading {
            padding: 0 10px;
        }
        .some-text {
            padding: 0 10px;
            position: absolute;
            width: 100%;
            top: calc(50% + 58px);
            left: 10px;
            font-family: 'Roboto';
            font-size: 16px;
            font-weight: 300;
            line-height: 24px;
            color: white;
            opacity: 0;
            transition: opacity 0.5s;
        }
        .line {
            padding-bottom: 20px;
            position: absolute;
            width: 48px;
            height: 0px;
            top: calc(60% + 32px);
            left: 23px;
            transform: translateY(-50%);
            border-top: 8px solid rgba(255, 255, 255, 1);
            opacity: 1;
            transition: opacity 0.5s;
        }
        .horizontal-line {
            position: absolute;
            width: 333px;
            height: 0px;
            top: calc(50% + 38px);
            left: 10px;
            border-top: 2px solid rgba(182, 182, 182, 1);
            opacity: 0;
            transition: opacity 0.5s;
        }
        .overlay-content {
            position: absolute;
            bottom: 20%;
            left: 0;
            width: 192.35px;
            transform: translate(0, 50%);
            color: white;
            text-align: left;
            padding-left: 10px;
            transition: transform 0.5s;
        }
        .container-cards img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 25px;
        }
        .container-cards{
            margin-bottom: 50px;
        }
        .container-fluid.monitor-sec .head-text {
            padding: 0 30px !important;
        }
        section.industries-sec .bg-text {
            font-size: 63px;
            opacity: 0.3;
        }
        .induscard {
            width: 340px;
            background-size: cover !important;
            height: 452px !important;
            transition: transform .2s;
        }
        .indus-text {
            position: absolute;
            bottom: 38px;
            left: 45px;
            font-size: 20px;
            font-weight: 700;
            color: #fff;
            transition: transform .2s;
        }
        .industries-sec .head-text {
            margin-top: -63px;
            font-size: 30px;
            position: relative;
            z-index: 109 !important;
        }
        .industries-sec .col-lg-3 {
            margin: 10px;
            margin-bottom: 50px;
        }
        .col-lg-6 .contact-info-qual.mx-4.quality-box.px-4.py-3 {
            padding: 1px 20px !important;
        }
        .col-lg-6 .contact-info-qual.mx-4.quality-box.px-5.py-3 {
            padding: 1px 20px !important;
        }
        .row.mt-5.flex-column-reverse.flex-lg-row {
            margin-top: -19px !important;
        }
        .col-lg-6 .mt-5.mx-4.px-4.pr-5.mr-5.text-right {
            margin: 69px 0 47px 0 !important;
            margin-right: 66px !important;
        }
        .contact-item-soft {
            display: flex;
            align-items: baseline;
            margin: 18px 0px;
            align-content: space-around;
            flex-wrap: nowrap;
        }   
        .sftsec3 .mt-5.mx-3.px-5 {
            margin-bottom: 27px !important;
        }
        .s-sec-1 .mt-5.mx-3.px-5 {
            margin-bottom: 27px !important;
        }
        .head-text-ws {
            margin-top: -78px;
            font-size: 48px;
            font-weight: 700;
            color: #fff;
        }
        .bg-ttrl-sec .bg-text-prod-ws {
            font-size: 63px;
        }
        img.img-fluid.arrow {
            width: 12px;
            margin-top: -10px;
        }
        .spec-img .ttt{
            margin-top: 69px;
            padding: 0px;
            margin-right: auto;
            margin-left: auto;
        }
        .innbg .row.mt-5.flex-column-reverse.flex-lg-row {
            margin-top: -19px !important;
            margin-bottom: 26px !important;
        }
        .svs-bg {
            background-image: url(../images/innovation/svs.png);
            overflow: hidden;
            background-size: cover;
        }
        .abstract {
            background-image: none;
            background-size: 100%;
            background-repeat: no-repeat;
        }
        .abstract h5 {
            font-size: 14px;
            line-height: 19px;
            text-align: center;
            margin: 0 !important;
            padding: 10px 23px;
            font-weight: 600;
        }
        .hideonmob{
            display: none;
        }
        .showonmob{
            display: block !important;
        }
        .svs-bg .paddt {
            padding: 30px 0 0 0;
        }
        .keaimg{
            max-width: 100% !important;
        }
        .address span.prod-title-box {
            font-size: 18px;
            font-weight: 900 !important;
        }
        h2.head-text-wdc.pt-3.wdtext1 {
            text-transform: uppercase !important;
        }
        .wdc-sub {
            font-size: 20px;
            padding: 0 55px;
            font-weight: 400;
            margin-top: 20px;
        }
        .wdc-img-1 {
            margin-top: 40px !important;
            max-width: 104px !important;
        }
        span.data-table-header-text {
            font-family: 'Quicksand';
            font-size: 15px;
        }
        span.data-table-header-text {
            font-family: 'Quicksand';
            font-size: 12px;
        }
        .td-content {
            padding: 8px !important;
        }
        .eael-datatable-icon.td-content svg {
            width: 13px;
        }
        .td-content-heads {
            padding: 34px 0;
            font-size: 14px;
        }
        .bg-text-prod.wdbgg{
            font-family: 'Quicksand', sans-serif;
            font-size: 34px !important;
            font-weight: 700;
            color: #F8F8F8;
        }
        h2.head-text.pt-3.wffff {
            font-size: 24px;
            margin-top: -57px;
        }
        section.table21.mt-5 td {
            padding: 15px;
        }
        .wdatas.contact-info-qual.spec-list.mx-3.px-4.py-3 .contact-item-app, .wdatas.contact-info-qual.spec-list.py-3 .contact-item-app,.contact-info-qual.spec-list.py-3 .contact-item-app {
            padding: 0px 0px;
            margin: 27px 0;
        }
        .wdc-data-iiot {
            overflow: hidden !important;
            padding: 37px 0px 80px 0px;
            background-image: url(../images/home/bggrad.png);
            background-position-x: 100%;
            background-position-y: 200px;
            background-size: 500px;
            background-repeat: no-repeat;
        }
        .td-content-heads {
            padding: 34px 0;
            font-size: 12px;
        }
        .eael-datatable-icon.td-content b {
            font-size: 14px !important;
        }
        .text-center.pb-5.tttl {
            padding: 0px !important;
        }
        .icon {
            background-color: #fff;
            padding: 6px 9px;
            font-size: 12px;
            margin-right: 15px;
            border-radius: 50%;
        }
        .contact-info.cint {
            margin-top: -43px;
        }
        .bg-wdc-sec {
            background-image: url(../images/product/mobwda.png);
            background-size: contain;
            background-repeat: no-repeat;
            height: 218px;
        }
        .bg-ws {
            max-height: 600px;
            height: 216px;
        }
        span.icon.cicon.add {
            padding: 5px 10px;
        }
        h2.head-text-ws.pt-1.wsttt {
            font-size: 30px;
            margin-top: -52px;
        }
        .wired-spec span.prod-title-box{
            margin-left: -37px !important;
            padding: 15px;
            font-size: 14px;
        }
        .mt-5.mx-4.text-center.px-4 span.prod-title-box {
            margin-left: -205px !important;
            padding: 15px;
            font-size: 14px;
        }
        span.text.text-dark {
            font-size: 14px;
            margin-top: -21px;
        }
        a.btn-buy-now {
            font-family: 'Roboto';
            font-weight: 400;
            font-size: 15px;
            background: #007bff;
            color: #fff;
            padding: 12px 86px;
            border-radius: 30px;
            transition: 0.5ms;
        }
        .row.wired-spec .contact-item-prod.mt-5 {
            margin: 0 !important;
        }
        .wspec-bg .mt-5.mx-4.text-center.px-4 {
            padding-bottom: 40px;
        }
        .mt-5.mx-4.px-4.wxssd {
            margin-bottom: 34px;
        }
        .wspec-bg {
            background-image: url(../images/home/bggrad.png);
            background-size: 92%;
            background-position: center right;
            background-repeat: no-repeat;
        }
        section.py-5.dsdsdsd {
            padding-bottom: 0 !important;
        }
        .table1 {
            padding: 0 200px;
            background-image: url(../images/product/tablebg.png);
            background-size: cover;
            background-position-x: -65px;
            padding-bottom: 400px;
        }
        .text-center.table-2.pb-5 {
            padding: 0 !IMPORTANT;
        }
        table#eael-data-table-27909a4 td {
            padding: 14px;
        }
        .td-content-heads {
            padding: 34px 0;
            font-size: 12px;
            padding: 0;
        }
        section.bg-ws-sec h2.head-text-ws.pt-1 {
            margin-top: -50px;
            font-size: 30px;
        }
        span.prod-title-box.sas {
            font-size: 14px;
            margin-left: -38px;
        }
        .mt-5.mx-4.px-4.appsecw {
            margin: 0 !IMPORTANT;
            margin-left: 46px !important;
            margin-top: 48px !important;
        }
        section.spec-sec {
            padding: 0 0px;
        }
        section.spec-sec .row.mt-5, .app-sec .row {
            padding: 20px;
        }
        .contact-item-app.mt-5.ds454ds {
            margin-top: 0px !important;
        }
        .contact-info-qual.spec-list.py-3.sdsd222 {
            padding: 38px 11px !important;
        }
        .row.mt-5.rer4r44 {
            margin-top: -20px !important;
        }
        .col-lg-12.text-center.pb-5.align-self-center.ds2525252 {
            margin-top: 20px !important;
        }
        .mt-5.mx-4.px-4.appsecw.ssdsd2 span {
            font-size: 14px;
            margin-left: -68px;
        }
        .sensimg {
            margin-bottom: 0px;
            width: 100%;
        }
        .mt-5.mx-4.px-4.appsecw.dsdsde121 span {
            font-size: 14px;
            margin-left: -58px;
        }
        .mt-5.mx-4.px-4.appsecw.dsdsde121 {
            padding-bottom: 20px;
        }
        img.img-fluid.pr-5.keaimg {
            padding: 5px !important;
            width: 95% !important;
        }
        .sensor-bg {
            padding: 20px 10px;
            background-image: url(../images/home/bggrad.png);
            background-position-x: 57px;
            background-position-y: 200px;
            background-size: 500px;
            background-repeat: no-repeat;
        }
        .col-lg-5.spec-img img {
            margin-top: -58px;
            border-radius: 31px;
        }
        .row.bg-ws.gfgedsd {
            height: 312px;
        }
        .simgs {
            width: 63%;
            margin: 7px;
            height: auto;
            transition: transform .5s;
        }
        .mobslider {
            display: flex;
            overflow: scroll;
        }
        .example-hero h2 {
            margin-top: 10px;
            font-size: 26px;
            font-weight: 600;
        }
        .example-hero p {
            margin-top: 13px;
            font-size: 16px;
        }
        h3.font-weight-bold.bigcroptt {
            text-align: center;
        }

        p.bcropsdsd {
            text-align: center;
            font-size: 16px;
            padding: 0 27px;
        }
        .bigimgcr {
            max-width: 600px;
            overflow: scroll;
        }
        .bigimgcr img{
            max-width: 600px;
            overflow: scroll;
        }
        .cardhead {
            margin-top: 10px;
            color: #393939da;
            font-size: 16px;
            line-height: 24px;
        }
        .blog1 {
            background-image: url(../images/example/blbg1.png);
            background-repeat: no-repeat;
            padding: 100px 80px 0 80px;
            background-size: 505px;
            background-position: top;
        }
        .blog1 img.img-fluid {
            max-width: 556px;
            margin-left: -182px;
            /* margin-right: -97px; */
        } 
        .blg-border {
            overflow: hidden;
            background: #fff;
            margin-top: -130px;
            margin-bottom: 19px;
            border: 0px solid #333333;
            padding: 20px;
            border-radius: 16px;
            box-shadow: 0px 0px 10px 0 #00000010;
        }
        .blg-border h3{
            font-weight: 600 !important;
        }
        .bgsec3 {
            background-image: url(../images/example/bgsec3grad.png);
            background-repeat: no-repeat;
            padding: 100px 80px 100px 80px;
            background-size: 100%;
            background-position-y: -24px;
        }
        .blbg-desc {
            margin: 21px 0 0 0;
            font-size: 16px;
            line-height: 25px;
            padding-left: 0px;
        }
        h2.quote-title {
            font-size: 16px;
            margin-left: -16px !important;
            font-weight: bolder;
            color: #fff;
            margin-left: 0px;
        }
        .quote .col-lg-1 img {
            width: 46px !important;
            margin-top: 0px;
        }
        section.bgsec4 {
            padding: 10px;
        }
        .blbg-desc1 {
            margin-top: 20px;
            font-size: 16px;
            line-height: 27px;
            padding: 0 0 30px 0 !IMPORTANT;
        }
        .bgsec4 {
            background-image: url(../images/example/bgsec3grad.png);
            background-repeat: no-repeat;
            padding: 100px 80px 0 80px;
            background-size: 500px;
            background-position-y: -85px;
        }
        .blbg-desc2 {
            margin-top: 52px;
            font-size: 16px;
            line-height: 25px;
            padding-left: 0;
        }
        .conclu {
            padding: 40px 32px;
        }
        .conclu h3 {
            font-size: 18px;
            line-height: 27px !important;
            font-weight: 600;
        }
        .blg-border h3 {
            font-size: 14.5px;
            text-align: left !important;
            font-weight: 600 !important;
        }
        section.quote .row {
            flex-wrap: nowrap;
        }
        section.quote .row .col-lg-1 {
            width: 50px;
        }
        section.quote {
            padding: 24px 20px;
        }
        .blog-headd {
            color: #303030;
            margin-right: 0;
            margin-top: 30px;
            font-size: 22px;
            font-weight: 700;
            padding: 10px;
            text-align: center;
        }
        img.img-fluid.carti35453 {
            max-width: 500px;
            margin-left: -132px !important;
        }
        .blbg-desc21 {
            padding: 20px !important;
            margin-top: -2px !important;
            font-size: 16px;
            line-height: 29px;
        }
        .bgs img.img-fluid {
            margin-top: -20px;
            max-width: 433px;
            margin-left: -61px !important;
            margin-left: -27px;
            padding: 0 !important;
        }
        .blbg-desc22 {
            padding: 20px;
            margin-top: 97px;
            font-size: 16px;
            line-height: 27px;
            padding: 22px;
        }
        img.img-fluid.float-right.dsdsd555 {
            float: right;
            margin-top: -44px;
            max-width: 408px;
            margin-right: -53px !important;
        }
        .blbg-desc23 {
            margin-top: -28px;
            font-size: 16px;
            line-height: 28px;
            padding: 20px;
        }
        img.img-fluid.\35 65656dsdsd {
            margin-top: -63px;
        }
        .blbg-desc24 {
            margin-top: 188px;
            font-size: 16px;
            line-height: 28px;
            padding: 25px;
        }
        img.dsds45323.img-fluid.catiimg.float-right {
            margin-right: -51px !important;
            margin-top: -146px;
            margin-bottom: -62px !important;
            max-width: 415px;
        }
        .overflow {
            overflow: hidden;
        }
        img.img-fluid.shd2 {
            box-shadow: 0px 0 10px 10px #00000007;
        }
        img.img-fluid.dsdsd22110 {
            padding: 22px 0;
            margin-left: -139px;
            max-width: 516px !important;
        }
        h3.blog-head.bhgss.sd2das1 {
            font-size: 20px;
        }
        section.tabs.tabbg.ddwwrr{
            padding: 0;
            margin-top: -117px;
        }
        h3.blog-head.equih {
            font-size: 22px;
            margin-bottom: 30px;
        }
        section.tabs.bgs.qweeresd {
            margin-top: -125px;
        }
        img.img-fluid.quimg.dsd454dsd {
            width: 559px !important;
            padding: 0 36px !important;
            margin-left: -37px !important;
        }
        img.img-fluid.ddsasewssga {
            max-width: 630px !important;
            margin-left: -213px !important;
            margin-bottom: -65px;
        }
        img.img-fluid.dsluso {
            max-width: 100%;
            margin: 0 !important;
            /* margin-left: -12px !important; */
        }
        .logos-slide.dsdsdd img {
            height: 70px !important;
            margin: 0;
        }
        .logos.dsd545sd {
            margin-top: -30px;
            padding: 0 0 60px 0;
        }
        div#map_4056 svg {
            height: 100px !important;
        }
        .map_aspect_ratio {
            padding-top: 0 !important;
        }
        div#map_wrapper_4056 {
            position: relative;
            margin: -166px 0 -96px 0;
            z-index: -1;
        }
        .col-lg-2.linew.text-center {
            padding: 0 !important;
            margin: -30px 0 -28px 0;
        }
        .row.bbotm {
            padding-bottom: 26px;
            border-bottom: 1px solid;
        }
        .col-lg-2.linew.text-center {
            display: none;
        }
        .monmadf.row.mt-5 {
            margin-top: 0 !important;
        }
        .other-add h4 {
            color: #0384FB;
            font-size: 18px;
            font-weight: 700;
            line-height: 27px;
        }
        .other-add {
            border-radius: 5px;
            margin-top: 30px;
            border: 1px solid #0384FB;
            padding: 20px;
        }
        .businees-hero {
            margin-top: -47px;
            padding: 20px;
            height: 199px;
            background-image: url(../images/business/businessbg.png);
            background-size: auto;
            background-position-y: -237px;
        }
        .container.cbg .row {
            border-radius: 10px;
            padding: 35px 21px 67px 21px;
            margin: -63px 20px 0 20px;
            box-shadow: none !important;
            z-index: 1;
            background-position-y: 45px;
            background-image: url(../images//contact/mobcont.png);
            position: relative;
            background-repeat: no-repeat;
        }
        .contact-bg {
            background-image: url(../images/contact/contmobbg.png);
            background-position-y: -222px;
            background-size: contain;
            padding: 50px 0 100px 0;
        }
        .container.cbg {
            background: transparent;
            padding: 0;
        }
        h3.text-center.klksdlsdl {
            font-size: 22px;
            font-weight: 600;
            margin: 44px 20px;
            color: #303030;
        }
        .prodimgsec.text-center {
            margin: 26px 0;
        }
        .text-center.prodimpp {
            font-size: 29px;
            font-family: 'Quicksand';
            font-weight: 600;
            margin-top: 83px;
            margin-bottom: 50px;
        }
    }