@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
    body {
        font-family: 'Poppins', sans-serif;
        color: #444;
        /* background: #F5F3F1; */
    }

    a {
        color: #009cea
    }

    .form-control:focus {
        box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
    }

    a:hover {
        color: #1eb4ff;
        text-decoration: none
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Poppins', sans-serif;
    }

    .back-to-top {
        position: fixed;
        display: none;
        right: 15px;
        bottom: 15px;
        z-index: 99999
    }

    .back-to-top i {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        width: 40px;
        height: 40px;
        border-radius: 4px;
        background: #009cea;
        color: #fff;
        transition: all .4s
    }

    .back-to-top i:hover {
        background: #14b1ff;
        color: #fff
    }

    @media screen and (max-width: 768px) {
        [data-aos-delay] {
            transition-delay: 0 !important
        }
    }

    #header {
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
    }

    #header.header-scrolled {
        box-shadow: 0 2px 15px rgba(0, 0, 0, .1)
    }

    #header .logo h1 {
        font-size: 28px;
        margin: 0;
        padding: 6px 0;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 1px;
        font-family: "Open Sans", sans-serif
    }

    #header .logo h1 a,
    #header .logo h1 a:hover {
        color: #202a5e;
        text-decoration: none
    }

    #header .logo img {
        padding: 0;
        margin: 0;
        max-height: 40px
    }

    #header .nav-menu li a:after {
        -webkit-transition: -webkit-transform .25s;
        transition: -webkit-transform .25s;
        -o-transition: transform .25s;
        transition: transform .25s;
        transition: transform .25s, -webkit-transform .25s;
        -webkit-transition: -webkit-transform var(--transition-timing);
        transition: -webkit-transform var(--transition-timing);
        -o-transition: transform var(--transition-timing);
        transition: transform var(--transition-timing);
        transition: transform var(--transition-timing), -webkit-transform var(--transition-timing);
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        pointer-events: none;
        content: "";
        width: 100%;
        position: absolute;
        bottom: -2px;
        left: -5%;
        height: 1px;
        background-color: #202456;
        background-color: var(--white);
        display: none;
    }

    #header .nav-menu li a:after,
    .header--dark .header-nav-menu li a:after {
        background-color: #202456;
        background-color: var(#202456)
    }

    #header li a:hover:after {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
        transition: .3s;
        width: 80%;
        left: 8%
    }

    @media (max-width: 768px) {
        #header .logo h1 {
            font-size: 28px;
            padding: 0 0
        }
    }

    @media (max-width: 768px) {
        .header-social-links {
            padding-right: 48px
        }
    }

    .nav-menu,
    .nav-menu * {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .nav-menu>ul>li {
        position: relative;
        white-space: nowrap;
        float: left
    }

    .nav-menu a {
        display: block;
        color: #fff;
        position: relative;
        padding: 10px 15px;
        transition: .3s;
        font-size: 15px;
        font-family: Poppins, sans-serif;
        text-transform: uppercase
    }

    .nav-menu .active>a,
    .nav-menu a:hover,
    .nav-menu li:hover>a {
        text-decoration: none
    }

    .nav-menu .drop-down ul {
        display: block;
        position: absolute;
        left: 0;
        top: calc(100% + 30px);
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        padding: 10px 0;
        background: #fff;
        box-shadow: 0 0 30px rgba(127, 137, 161, .25);
        transition: ease all .3s
    }

    .nav-menu .drop-down:hover>ul {
        opacity: 1;
        top: 100%;
        visibility: visible
    }

    .nav-menu .drop-down li {
        min-width: 180px;
        position: relative
    }

    .nav-menu .dropdown .dropdown-menu a.dropdown-item {
        color: #000
    }

    .nav-menu .drop-down ul .active>a,
    .nav-menu .drop-down ul a:hover,
    .nav-menu .drop-down ul li:hover>a {
        color: #009cea
    }

    .nav-menu .drop-down>a:after {
        content: "\ea99";
        font-family: IcoFont;
        padding-left: 5px
    }

    .nav-menu .drop-down .drop-down ul {
        top: 0;
        left: calc(100% - 30px)
    }

    .nav-menu .drop-down .drop-down:hover>ul {
        opacity: 1;
        top: 0;
        left: 100%
    }

    .nav-menu .drop-down .drop-down>a {
        padding-right: 35px
    }

    .nav-menu .drop-down .drop-down>a:after {
        content: "\eaa0";
        font-family: IcoFont;
        position: absolute;
        right: 15px
    }

    @media (max-width: 1366px) {
        .nav-menu .drop-down .drop-down ul {
            left: -90%
        }
        .nav-menu .drop-down .drop-down:hover>ul {
            left: -100%
        }
        .nav-menu .drop-down .drop-down>a:after {
            content: "\ea9d"
        }
    }

    #secondary-nav .navbar-brand {
        font-size: 28px;
        margin: 0;
        padding: 6px 0;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 1px;
        color: #fff;
        text-align: center;
        text-transform: uppercase
    }

    #secondary-nav .navbar-brand img {
        width: 100%;
        height: 52px
    }

    #secondary-nav .nav-link {
        font-weight: 700;
        color: #fff
    }

    #secondary-nav .nav-item {
        position: relative;
        color: tomato;
        display: inline-block
    }

    #secondary-nav .nav-item:after {
        content: "";
        position: absolute;
        height: 2px;
        background-color: #fff;
        bottom: 0;
        left: 0
    }

    #team-member .content {
        margin: 11px;
        padding: 15px
    }

    #service .col-lg-10 {
        border: 1px solid #ddd;
        padding: 5px;
        margin-bottom: 17px
    }

    #our-power h3 {
        font-size: 16px;
        margin-top: 14px;
        font-weight: 700;
    }

    #our-power ul li {
        margin-top: 19px;
        font-size: 14px;
    }

    #customer-benefit {
        background-position: center center;
        background-size: cover;
        position: relative;
        background-repeat: no-repeat;
    }

    #customer-benefit::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #ffffffeb;
        content: '';
    }

    #customer-benefit h2 {
        text-transform: uppercase;
    }

    #customer-benefit .layer {
        background-color: #0000005e;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        --fill-layer-image-opacity: 0.15;
        --fill-layer-background-media-position: fixed;
        --fill-layer-background-media-pointer-events: none;
    }

    #contact-page .inner-content {
        background-color: #f7f7f7;
        border-radius: 7px;
        overflow: hidden
    }

    #contact-page .inner-content #map {
        margin-bottom: -8px;
        overflow: hidden;
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px
    }

    form#contact span {
        color: #8d99af;
        font-size: 14px;
        font-weight: 500;
        margin-left: 8px
    }

    .mobile-nav-toggle {
        position: fixed;
        right: 15px;
        top: 21px;
        z-index: 9998;
        border: 0;
        background: 0 0;
        font-size: 24px;
        transition: all .4s;
        outline: 0 !important;
        line-height: 1;
        cursor: pointer;
        text-align: right;
        background: #fff;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
}

    .mobile-nav-toggle i {
        color: #009cea
    }

    .mobile-nav {
        position: fixed;
        top: 55px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        z-index: 9999;
        overflow-y: auto;
        background: #fff;
        transition: ease-in-out .2s;
        opacity: 0;
        visibility: hidden;
        border-radius: 10px;
        padding: 10px 0
    }

    .mobile-nav * {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .mobile-nav a {
        display: block;
        position: relative;
        color: #364146;
        padding: 10px 20px;
        font-weight: 500;
        outline: 0
    }

    .mobile-nav .active>a,
    .mobile-nav a:hover,
    .mobile-nav li:hover>a {
        color: #009cea;
        text-decoration: none
    }

    .mobile-nav .drop-down>a:after {
        content: "\ea99";
        font-family: IcoFont;
        padding-left: 10px;
        position: absolute;
        right: 15px
    }

    .mobile-nav .active.drop-down>a:after {
        content: "\eaa1"
    }

    .mobile-nav .drop-down>a {
        padding-right: 35px
    }

    .mobile-nav .drop-down ul {
        display: none;
        overflow: hidden
    }

    .mobile-nav .drop-down li {
        padding-left: 20px
    }

    .mobile-nav-overly {
        width: 100%;
        height: 100%;
        z-index: 9997;
        top: 0;
        left: 0;
        position: fixed;
        background: rgba(32, 38, 41, .6);
        overflow: hidden;
        display: none;
        transition: ease-in-out .2s
    }

    .mobile-nav-active {
        overflow: hidden
    }

    .mobile-nav-active .mobile-nav {
        opacity: 1;
        visibility: visible
    }

    .mobile-nav-active .mobile-nav-toggle i {
        color: #202456b8;
    }

    #hero .layer {
        top: 0;
        left: 0;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: #d1dfff
    }

    #hero video {
        width: 100%;
        z-index: -1;
        opacity: 1;
    }

    #hero video:after {
        content: '\A';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .6);
        opacity: 0;
        transition: all .5s;
        -webkit-transition: all .5s
    }

    #hero h1 {
        margin: 13% 0 20px 0;
        font-size: 48px;
        font-weight: 500;
        line-height: 56px;
        color: orange;
        text-transform: uppercase;
        text-align: center;
        width: 100%;
        margin-left: -27%
    }

    #hero h2 {
        color: #161f58;
        font-size: 40px;
        text-transform: uppercase;
        text-align: center;
        font-weight: 900;
        margin: 0;
        background: #bdbdbd7a;
        padding: 11px;
        width: 48%;
        display: block;
        margin: 0 auto;
        letter-spacing: 2px
    }

    #hero h3 {
        color: #ddd;
        font-size: 40px;
        text-transform: uppercase;
        text-align: center;
        font-weight: 500;
        margin: 0
    }

    #hero .btn-get-started {
        font-family: Raleway, sans-serif;
        font-weight: 600;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 1px;
        display: inline-block;
        padding: 12px 28px;
        border-radius: 3px;
        transition: .5s;
        color: #fff;
        background: #009cea
    }

    #hero .btn-get-started:hover {
        background: #008bd1
    }

    #hero .hero-img {
        text-align: center
    }

    #hero .hero-img img {
        width: 70%
    }

    #hero .hero-location {
        display: block;
        background: red;
        border-radius: 50%;
        width: 7px;
        height: 7px;
        top: 5px;
        left: -9px;
        position: absolute
    }

    @media (max-width: 992px) {
        #hero h1 {
            font-size: 21px;
            line-height: 21px;
            margin: 0 0 7px 0
        }
        #hero h2 {
            font-size: 20px
        }
    }

    #hero-about {
        background-image: url(../img/site/desk-meeting.jpeg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right top;
        margin-top: 70px;
        padding: 60px 0;
        background-size: cover;
        width: 100%;
        position: relative
    }

    #hero-about .layer {
        background-color: rgb(182 184 221 / 70%);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    #hero-about h1 {
        margin: 0 0 20px 0;
        font-size: 48px;
        font-weight: 500;
        line-height: 56px;
        color: #fff;
        text-transform: uppercase;
        text-align: left;
        width: 279px;
        background: #202a5e;
        padding: 3px;
        text-align: center;
        border-radius: 4px
    }

    #hero-about p {
        text-align: left;
        width: 60%;
        color: #fff;
        line-height: 33px
    }

    #hero-about .btn-get-started:hover {
        background: #008bd1
    }

    #hero-about .hero-img {
        text-align: center
    }

    #hero-about .hero-img img {
        width: 70%
    }

    #hero-about .hero-location {
        display: block;
        background: red;
        border-radius: 50%;
        width: 7px;
        height: 7px;
        top: 5px;
        left: -9px;
        position: absolute
    }

    @media (min-width: 1024px) {
        #hero-about {
            background-attachment: fixed
        }
    }

    @media (max-width: 992px) {
        #hero-about h1 {
            font-size: 32px;
            line-height: 40px
        }
        #hero-about h2 {
            font-size: 20px
        }
    }

    section {
        padding: 0 0;
        overflow: hidden
    }

    .section-bg {
        background-color: #f7f8f9
    }

    .section-title {
        text-align: center;
        padding-bottom: 30px
    }

    .section-title h2 {
        font-size: 32px;
        font-weight: 400;
        margin-bottom: 20px;
        padding-bottom: 0;
        font-family: Poppins, sans-serif;
        color: #627680
    }

    .section-title p {
        margin-bottom: 0
    }

    #about .about-content {
        min-height: 100%;
        margin: 0px;
        padding: 0px;
        margin: 0 auto;
    }

    #about p {
        padding: 10px;
        line-height: 30px;
        text-align: justify;
        font-size: 14px;
    }

    #about .content-div {
        text-align: justify;
        max-width: 50%
    }

    #about .layer {
        background-color: rgb(56 60 80 / 80%);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        --fill-layer-image-opacity: 0.15;
        --fill-layer-background-media-position: fixed;
        --fill-layer-background-media-pointer-events: none;
        opacity: .9
    }

    #about .k2logistic-brand {
        font-size: 30px
    }

    #about .content p {
        color: #fff;
        line-height: 30px
    }

    .about .container {
        padding: 22px 0
    }

    @media (max-width: 992px) {
        .about .container {
            padding: 30px
        }
    }

    .open>.dropdown-menu {
        margin-top: initial
    }

    .about .content h3 {
        font-weight: 300;
        font-size: 32px;
        font-family: Poppins, sans-serif;
        color: #fff;
        padding: 4px;
        max-width: 170px
    }

    .about .content h4 {
        font-weight: 300;
        font-size: 32px;
        color: #133c6d;
        font-family: Poppins, sans-serif;
        padding: 4px
    }

    .about .content .see-more-btn {
        font-family: Poppins, sans-serif;
        color: #fff;
        background: #202a5e;
        padding: 15px;
        margin-top: 18px;
        display: block;
        text-align: center;
        width: 150px;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 700
    }

    .about .content ul {
        list-style: none;
        padding: 0
    }

    .about .content ul li {
        padding-bottom: 10px
    }

    .about .content ul i {
        font-size: 20px;
        padding-right: 4px;
        color: #28a745
    }

    .about .content p:last-child {
        margin-bottom: 0
    }

    .garment-inspection {
        padding: 0;
        margin-top: 17px;
        background: #202a5e
    }

    .garment-inspection h1 {
        color: #fff;
        font-weight: 600;
        margin-top: 20px;
        margin-bottom: 40px
    }

    .garment-inspection h1 .inspection {
        background: #f5f5f5;
        color: #202a5e;
        font-weight: 600;
        padding: 9px;
        border-radius: 5px
    }

    .garment-inspection .container {
        padding: 22px 0
    }

    @media (max-width: 992px) {
        .garment-inspection .container {
            padding: 30px
        }
    }

    .garment-inspection .content h3 {
        font-weight: 300;
        font-size: 32px;
        color: #fff;
        font-family: Poppins, sans-serif;
        background: #133c6d;
        padding: 4px;
        max-width: 170px;
        text-align: center
    }

    .garment-inspection .content h4 {
        font-weight: 300;
        font-size: 32px;
        color: #133c6d;
        font-family: Poppins, sans-serif;
        padding: 4px
    }

    .garment-inspection .content .see-more-btn {
        font-family: Poppins, sans-serif;
        color: #fff;
        background: #202a5e;
        padding: 15px;
        margin-top: 18px;
        display: block;
        text-align: center;
        width: 150px;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 700
    }

    .garment-inspection .content ul {
        list-style: none;
        padding: 0
    }

    .garment-inspection .content ul li {
        padding-bottom: 10px
    }

    .garment-inspection .content ul i {
        font-size: 20px;
        padding-right: 4px;
        color: #28a745
    }

    .garment-inspection .content p:last-child {
        margin-bottom: 0
    }

    #company-history {
        background: #202a5e
    }

    #company-history h1 {
        text-transform: uppercase;
        color: #fff;
        font-weight: 400;
        letter-spacing: .52px
    }

    #company-history .year-section {
        color: #fff
    }

    #company-history h3 {
        text-align: center;
        background: #fafafa;
        color: #202a5e;
        width: 60%;
        padding: 11px;
        border-radius: 3px;
        margin-left: 72px;
        font-weight: 700;
        font-size: 34px
    }

    #company-history p {
        text-align: left;
        border: 3px solid #1e2a53;
        padding: 19px;
        box-shadow: 1px 1px 1px 2px #2e3448;
        width: 91%
    }

    @-webkit-keyframes slide-down {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }

    @keyframes slide-down {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }

    .garment-inspection-carousel .testimonial-item {
        box-sizing: content-box;
        min-height: 400px;
        margin-left: 22px;
        background: #fff;
        border-radius: 6px;
        background-size: cover;
        position: relative
    }

    .garment-inspection-carousel .testimonial-item .content-div {
        background: #f5f0f0;
        padding: 14px;
        position: absolute;
        cursor: pointer;
        display: none;
        height: 100%
    }

    .garment-inspection-carousel .testimonial-item:hover .content-div {
        background: #f5f0f0;
        padding: 14px;
        position: absolute;
        cursor: pointer;
        transition: .3s;
        display: block;
        top: 32%;
        -webkit-transition-delay: 1s;
        opacity: .7
    }

    .garment-inspection-carousel .testimonial-item .content-div h3 {
        font-size: 18px;
        font-weight: 700;
        margin: 10px 0 5px 45px;
        color: #202456;
        text-align: center;
        text-transform: uppercase
    }

    .garment-inspection-carousel .testimonial-item .content-div .see-more-btn {
        font-size: 14px;
        color: #fff;
        margin: 0 0 0 45px;
        display: block;
        width: 113px;
        background: #202456;
        margin: 0 auto;
        margin-bottom: 17px;
        text-transform: uppercase;
        padding: 7px;
        border-radius: 3px;
        text-align: center
    }

    .garment-inspection-carousel .testimonial-item .quote-icon-left,
    .garment-inspection-carousel .testimonial-item .quote-icon-right {
        color: #d8dee1;
        font-size: 26px
    }

    .garment-inspection-carousel .testimonial-item .quote-icon-left {
        display: inline-block;
        left: -5px;
        position: relative
    }

    .garment-inspection-carousel .testimonial-item .quote-icon-right {
        display: inline-block;
        right: -5px;
        position: relative;
        top: 10px
    }

    .garment-inspection-carousel .testimonial-item p {
        margin: 0 13px 0 10px;
        padding: 5px 0 20px 2px;
        position: relative;
        z-index: 1;
        min-height: 110px
    }

    .garment-inspection-carousel .owl-dots,
    .garment-inspection-carousel .owl-nav {
        margin-top: 5px;
        text-align: center
    }

    .garment-inspection-carousel .owl-dot {
        display: inline-block;
        margin: 0 5px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #ddd !important
    }

    .garment-inspection-carousel .owl-dot.active {
        background-color: #009cea !important
    }

    #press-release .testimonial-item {
        box-sizing: content-box;
        min-height: 245px;
        background: #fff;
        background-size: cover;
        position: relative;
        cursor: pointer
    }

    #press-release .content-div {
        background: #009cea;
        position: absolute;
        cursor: pointer;
        transition: .8s;
        display: none;
        top: 67%;
        right: 0;
        bottom: 0;
        width: 69%;
        -webkit-transition-delay: 1s;
        opacity: 1
    }

    #press-release .testimonial-item:hover .content-div {
        background: #152058;
        position: absolute;
        cursor: pointer;
        transition: .8s;
        display: block;
        top: 67%;
        right: 0;
        width: 69%;
        -webkit-transition-delay: 1s;
        bottom: 0;
        animation: content-animation .5s;
        cursor: pointer
    }

    @keyframes content-animation {
        from {
            width: 0%
        }
        to {
            width: 69%
        }
    }

    #press-release .testimonial-item .content-div h3 {
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        text-align: left;
        text-transform: uppercase;
        text-align: left;
        padding-left: 10px;
        margin: 7px 0 0;
        font-family: INHERIT
    }

    #press-release .testimonial-item .content-div .see-more-btn {
        font-size: 14px;
        color: #fff;
        margin: 0 0 0 45px;
        display: block;
        width: 113px;
        background: #202456;
        margin: 0 auto;
        margin-bottom: 17px;
        text-transform: uppercase;
        padding: 7px;
        border-radius: 3px;
        text-align: center
    }

    #press-release .testimonial-item .quote-icon-left,
    #press-release .testimonial-item .quote-icon-right {
        color: #d8dee1;
        font-size: 26px
    }

    #press-release .testimonial-item .quote-icon-left {
        display: inline-block;
        left: -5px;
        position: relative
    }

    #press-release .testimonial-item .quote-icon-right {
        display: inline-block;
        right: -5px;
        position: relative;
        top: 10px
    }

    #press-release .testimonial-item p {
        margin: 0 13px 0 10px;
        padding: 5px 0 20px 2px;
        position: relative;
        z-index: 1;
        min-height: 110px;
        color: #fff;
        font-size: 14px
    }

    #press-release .owl-dots,
    #press-release .owl-nav {
        margin-top: 5px;
        text-align: center
    }

    #press-release .owl-dot {
        display: inline-block;
        margin: 0 5px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #ddd !important
    }

    #press-release .owl-dot.active {
        background-color: #009cea !important
    }

    @media (max-width: 767px) {
        .garment-inspection-carousel {
            margin: 30px 10px
        }
    }

    #wire-house-inspection h1 {
        color: #202a5e;
        font-weight: 600;
        margin-top: 20px;
        margin-bottom: 40px;
        text-align: center
    }

    #wire-house-inspection h1 span.wirehouse {
        background: #202456;
        color: #fff;
        font-weight: 600;
        padding: 9px;
        border-radius: 5px
    }

    .wire-house-inspection-carousel .testimonial-item {
        box-sizing: content-box;
        min-height: 400px;
        margin-left: 30px;
        background: rgb(32 36 86);
        border-radius: 6px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center
    }

    .wire-house-inspection-carousel .testimonial-item .content-div {
        background: #f5f0f0;
        padding: 24px;
        position: absolute;
        cursor: pointer;
        display: none;
        height: 100%
    }

    .wire-house-inspection-carousel .testimonial-item:hover .content-div {
        background: #f5f0f0;
        padding: 14px;
        position: absolute;
        cursor: pointer;
        transition: .3s;
        display: block;
        -webkit-transition-delay: 1s;
        top: 32%;
        opacity: .7
    }

    .wire-house-inspection-carousel .testimonial-item h3 {
        font-size: 18px;
        font-weight: 700;
        margin: 10px 0 5px 45px;
        color: #202456;
        text-align: left;
        text-transform: uppercase
    }

    .wire-house-inspection-carousel .testimonial-item .see-more-btn {
        font-size: 14px;
        display: block;
        width: 113px;
        margin: 0 auto 17px;
        text-transform: uppercase;
        padding: 7px;
        border-radius: 3px;
        text-align: center;
        background: #161f58;
        color: #fff
    }

    .wire-house-inspection-carousel .testimonial-item .quote-icon-left,
    .wire-house-inspection-carousel .testimonial-item .quote-icon-right {
        color: #d8dee1;
        font-size: 26px
    }

    .wire-house-inspection-carousel .testimonial-item .quote-icon-left {
        display: inline-block;
        left: -5px;
        position: relative
    }

    .wire-house-inspection-carousel .testimonial-item .quote-icon-right {
        display: inline-block;
        right: -5px;
        position: relative;
        top: 10px
    }

    .wire-house-inspection-carousel .testimonial-item p {
        margin: 0 13px 0 10px;
        padding: 5px 0 20px 2px;
        position: relative;
        z-index: 1;
        color: #202456;
        min-height: 110px
    }

    .wire-house-inspection-carousel .owl-dots,
    .wire-house-inspection-carousel .owl-nav {
        margin-top: 5px;
        text-align: center
    }

    .wire-house-inspection-carousel .owl-dot {
        display: inline-block;
        margin: 0 5px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #ddd !important
    }

    .wire-house-inspection-carousel .owl-dot.active {
        background-color: #009cea !important
    }

    @media (max-width: 767px) {
        .wire-house-inspection-carousel {
            margin: 30px 10px
        }
    }

    #production-support {
        background: #202456;
        color: #fff;
        margin-top: 50px
    }

    #production-support h1 {
        font-weight: 400;
        text-transform: uppercase
    }

    #production-support h2 {
        text-transform: uppercase;
        text-align: right
    }

    #production-support h2.merchangdising {
        background: #f8f7f7;
        width: 308px;
        padding: 10px;
        color: #162058;
        font-weight: 700;
        margin: 0 auto;
        text-align: center;
        border-radius: 3px
    }

    #production-support .price-tag p {
        text-align: left;
        font-size: 20px
    }

    #production-support .price-tag ul {
        list-style: square;
        font-size: 20px
    }

    #our-vision {
        min-height: 659px;
        color: #fff;
        position: relative;
        background-size: cover;
        background: #151a2c no-repeat center center;
        position: relative;
        background-size: cover;
    }

    #our-vision .layer {
        background-color: #151a2cb0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        --fill-layer-image-opacity: 0.15;
        --fill-layer-background-media-position: fixed;
        --fill-layer-background-media-pointer-events: none;
    }

    #our-vision h1 {
        padding: 4px;
        text-align: center;
        margin-top: 10px;
        text-transform: uppercase;
        font-size: 32px;
        display: block
    }

    #our-vision .first {
        position: absolute;
        z-index: 1
    }

    #our-vision .first img,
    #our-vision .second.img,
    #our-vision .third.img {
        -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        cursor: pointer;
    }

    @-webkit-keyframes swing {
        15% {
            -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
            padding: 20px;
            width: 25%
        }
        30% {
            padding: 16px;
            width: 65%
        }
        50% {
            padding: 14px;
            width: 75%
        }
        65% {
            padding: 12px;
            width: 85%
        }
        80% {
            padding: 10px;
            width: 90%
        }
        100% {
            padding: 0;
            width: 100%
        }
    }

    #our-vision .image-block .second {
        position: relative;
        margin-top: 190px;
        padding: 6px
    }

    #our-vision .image-block .third {
        position: relative;
        margin-top: 190px;
        padding: 6px
    }

    #our-value .layer {
        background-color: #151a2cb0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        --fill-layer-image-opacity: 0.15;
        --fill-layer-background-media-position: fixed;
        --fill-layer-background-media-pointer-events: none;
    }

    #our-value h1 {
        text-transform: uppercase;
        color: #fff;
        border-radius: 2px;
        text-align: center;
        font-size: 32px;
        text-align: center;
        display: block;
    }

    #our-value p {
        width: 60%;
        margin: 0 auto;
        text-align: center;
    }

    #our-value img {
        display: block;
        margin: 0 auto
    }

    #services {
        min-height: 643px;
        position: relative;
        background-position: center center;
        background-repeat: no-repeat;
        padding: 50px 140px;
        background-size: cover;
    }

    #services .layer {
        background-color: #151a2cb0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        --fill-layer-image-opacity: 0.15;
        --fill-layer-background-media-position: fixed;
        --fill-layer-background-media-pointer-events: none;
    }

    #services .about-content h2 {
        max-width: 415px;
    }

    #services h1 {
        color: #fff;
        z-index: 1;
        text-align: center;
        display: block;
        font-size: 32px;
        margin-top: 25px
    }

    #lets-chat .chat-div {
        width: 35%;
        background: #fff;
        min-height: 100px;
        position: absolute;
        right: 0;
        margin-top: 40px;
    }

    #lets-chat #contact {
        padding: 10px;
        margin-left: 32px;
        min-height: 397px
    }

    #lets-chat .chat-div h2 {
        padding: 25px;
        border-top: 7px solid orange;
        color: #152058;
        margin-left: 10px;
        font-weight: 700;
        letter-spacing: 1px
    }

    #lets-chat .chat-div h3 {
        margin-left: 33px;
        color: #152058;
        font-weight: 100;
        font-size: 23px
    }

    #lets-chat .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0
    }

    #lets-chat #contact input,
    #lets-chat #contact textarea {
        border-radius: 0
    }

    #team-member .designation {
        color: #858585;
        font-size: 14px;
        margin-bottom: 0;
    }

    #certification {
        min-height: 440px;
    }

    #certification .img-fluid {
        max-width: 100%;
        height: 100% !important
    }

    #certification .certification-item {
        box-sizing: content-box;
        min-height: 337px;
        margin-left: 22px;
        background: #fff;
        background-size: cover;
        position: relative;
        cursor: pointer
    }

    #certification .content-div {
        background: #009cea;
        position: absolute;
        cursor: pointer;
        transition: .8s;
        display: none;
        top: 67%;
        right: 0;
        bottom: 0;
        width: 69%;
        -webkit-transition-delay: 1s;
        opacity: 1
    }

    #our-customer h1 {
        font-size: 32px;
        text-align: center;
        display: block;
        margin-bottom: 20px
    }

    #video {
        position: relative;
        min-height: 522px;
    }

    #video .layer {
        background-color: #151a2cb0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #video h2 {
        color: #fff;
    }

    #video .col-md- {
        cursor: pointer
    }

    #video .col-md-6 iframe {
        cursor: pointer;
        width: 100%;
        height: 370px
    }

    #our-client h2 {
        color: #fff;
    }

    #our-client img {
        width: 150px;
        height: 119px
    }

    #our-client .img-block {
        margin-bottom: 20px;
        padding: 18px
    }

    #our-client table {
        border: 0 solid #14b1ff;
        z-index: 1
    }

    #our-client table tr {
        border-bottom: 1px solid #14b1ff
    }

    #our-client table tr:last-child {
        border-bottom: 0 solid #14b1ff
    }

    #our-client table tr td:last-child {
        border-right: 0
    }

    #our-client table tr td {
        border: 0 solid #14b1ff;
        padding: 6px;
        border-right: 1px solid #14b1ff;
        color: #14b1ff;
        text-align: center
    }

    #our-client table tr th {
        border: 0 solid #14b1ff;
        padding: 4px
    }

    .testimonials .testimonial-item {
        box-sizing: content-box;
        min-height: 320px
    }

    .testimonials .testimonial-item .testimonial-img {
        width: 90px;
        border-radius: 50%;
        margin: -40px 0 0 40px;
        position: relative;
        z-index: 2;
        border: 6px solid #fff
    }

    .testimonials .testimonial-item h3 {
        font-size: 18px;
        font-weight: 700;
        margin: 10px 0 5px 45px;
        color: #111
    }

    .testimonials .testimonial-item h4 {
        font-size: 14px;
        color: #999;
        margin: 0 0 0 45px
    }

    .testimonials .testimonial-item .quote-icon-left,
    .testimonials .testimonial-item .quote-icon-right {
        color: #d8dee1;
        font-size: 26px
    }

    .testimonials .testimonial-item .quote-icon-left {
        display: inline-block;
        left: -5px;
        position: relative
    }

    .testimonials .testimonial-item .quote-icon-right {
        display: inline-block;
        right: -5px;
        position: relative;
        top: 10px
    }

    .testimonials .testimonial-item p {
        font-style: italic;
        margin: 0 15px 0 15px;
        padding: 20px 20px 60px 20px;
        background: #f4f6f7;
        position: relative;
        border-radius: 6px;
        position: relative;
        z-index: 1
    }

    .testimonials .owl-dots,
    .testimonials .owl-nav {
        margin-top: 5px;
        text-align: center
    }

    .testimonials .owl-dot {
        display: inline-block;
        margin: 0 5px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #ddd !important
    }

    .testimonials .owl-dot.active {
        background-color: #009cea !important
    }

    @media (max-width: 767px) {
        .testimonials {
            margin: 30px 10px
        }
    }

    .team {
        background: url(../img/team-bg.jpg) center center no-repeat;
        background-size: cover;
        padding: 60px 0;
        position: relative
    }

    .team::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(255, 255, 255, .75);
        z-index: 9
    }

    .team .container {
        position: relative;
        z-index: 10
    }

    .team .member {
        text-align: center;
        margin-bottom: 80px;
        position: relative
    }

    .team .member .pic {
        overflow: hidden
    }

    .team .member .member-info {
        position: absolute;
        top: 85%;
        left: 20px;
        right: 20px;
        background: #fff;
        padding: 20px 0;
        color: #364146;
        box-shadow: 0 2px 15px rgba(0, 0, 0, .1);
        max-height: 95px;
        overflow: hidden;
        transition: max-height .5s ease-in-out
    }

    .team .member:hover .member-info {
        max-height: 300px
    }

    .team .member h4 {
        font-weight: 700;
        margin-bottom: 10px;
        font-size: 16px;
        color: #364146;
        position: relative;
        padding-bottom: 10px
    }

    .team .member h4::after {
        content: '';
        position: absolute;
        display: block;
        width: 50px;
        height: 1px;
        background: #b5c1c6;
        bottom: 0;
        left: calc(50% - 25px)
    }

    .team .member span {
        font-style: italic;
        display: block;
        font-size: 13px
    }

    .team .member .social {
        margin-top: 15px
    }

    .team .member .social a {
        transition: color .3s;
        color: #627680
    }

    .team .member .social a:hover {
        color: #009cea
    }

    .team .member .social i {
        font-size: 16px;
        margin: 0 2px
    }

    @media (max-width: 992px) {
        .team .member {
            margin-bottom: 110px
        }
    }

    .contact .info {
        padding: 30px;
        background: #fff;
        width: 100%;
        border: 2px solid #e9ecee;
        border-radius: 4px
    }

    .contact .info i {
        font-size: 20px;
        color: #009cea;
        float: left;
        width: 44px;
        height: 44px;
        background: #f2f4f5;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        transition: all .3s ease-in-out
    }

    .contact .info h4 {
        padding: 0 0 0 60px;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 5px;
        color: #364146
    }

    .contact .info p {
        padding: 0 0 10px 60px;
        margin-bottom: 20px;
        font-size: 14px;
        color: #627680
    }

    .contact .info .social-links {
        padding-left: 60px
    }

    .contact .info .social-links a {
        font-size: 18px;
        display: inline-block;
        background: #333;
        color: #fff;
        line-height: 1;
        padding: 8px 0;
        border-radius: 50%;
        text-align: center;
        width: 36px;
        height: 36px;
        transition: .3s;
        margin-right: 10px
    }

    .contact .info .social-links a:hover {
        background: #009cea;
        color: #fff
    }

    .contact .info .address:hover i,
    .contact .info .email:hover i,
    .contact .info .phone:hover i {
        background: #009cea;
        color: #fff
    }

    .contact .php-email-form {
        width: 100%;
        padding: 30px;
        background: #fff;
        border: 2px solid #e9ecee;
        border-radius: 4px
    }

    .contact .php-email-form .form-group {
        padding-bottom: 8px
    }

    .contact .php-email-form .validate {
        display: none;
        color: red;
        margin: 0 0 15px 0;
        font-weight: 400;
        font-size: 13px
    }

    .contact .php-email-form .error-message {
        display: none;
        color: #fff;
        background: #ed3c0d;
        text-align: left;
        padding: 15px;
        font-weight: 600
    }

    .contact .php-email-form .error-message br+br {
        margin-top: 25px
    }

    .contact .php-email-form .sent-message {
        display: none;
        color: #fff;
        background: #18d26e;
        text-align: center;
        padding: 15px;
        font-weight: 600
    }

    .contact .php-email-form .loading {
        display: none;
        background: #fff;
        text-align: center;
        padding: 15px
    }

    .contact .php-email-form .loading:before {
        content: "";
        display: inline-block;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        margin: 0 10px -6px 0;
        border: 3px solid #18d26e;
        border-top-color: #eee;
        -webkit-animation: animate-loading 1s linear infinite;
        animation: animate-loading 1s linear infinite
    }

    .contact .php-email-form input,
    .contact .php-email-form textarea {
        border-radius: 0;
        box-shadow: none;
        font-size: 14px
    }

    .contact .php-email-form input {
        height: 44px
    }

    .contact .php-email-form textarea {
        padding: 10px 12px
    }

    .contact .php-email-form button[type=submit] {
        background: #009cea;
        border: 0;
        padding: 10px 24px;
        color: #fff;
        transition: .4s;
        border-radius: 4px
    }

    .contact .php-email-form button[type=submit]:hover {
        background: #1eb4ff
    }

    @-webkit-keyframes animate-loading {
        0% {
            transform: rotate(0)
        }
        100% {
            transform: rotate(360deg)
        }
    }

    @keyframes animate-loading {
        0% {
            transform: rotate(0)
        }
        100% {
            transform: rotate(360deg)
        }
    }

    .breadcrumbs {
        padding: 15px 0;
        background: #f4f6f7;
        min-height: 40px;
        margin-top: 70px
    }

    .breadcrumbs h2 {
        font-size: 24px;
        font-weight: 600
    }

    .breadcrumbs ol {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0 0 10px 0;
        margin: 0;
        font-size: 14px
    }

    .breadcrumbs ol li+li {
        padding-left: 10px
    }

    .breadcrumbs ol li+li::before {
        display: inline-block;
        padding-right: 10px;
        color: #4c5c63;
        content: "/"
    }

    .contact-div h2 {
        margin-top: 100px;
        font-size: 19px;
        text-align: left
    }

    .contact-div .help-underline {
        width: 65%;
        height: 4px;
        background: #202a5e;
        margin: 0 left;
        display: block
    }

    .contact-div p {
        color: #202a5e;
        font-size: 18px
    }

    @media only screen and (max-width: 600px) {
        #header {
            transition: all .5s;
            z-index: 997;
            transition: all .5s;
            padding: 15px 0;
            position: absolute;
            top: 0;
            margin: 0 auto
        }
        #hero .slogan {
            color: #fff;
            text-align: center;
            letter-spacing: 6px
        }
        section {
            padding: 0 0;
            overflow: hidden
        }
        .about {
            padding: 0;
            margin-top: 0
        }
        .about .content .see-more-btn {
            font-family: Poppins, sans-serif;
            color: #fff;
            background: #202a5e;
            padding: 12px;
            margin-top: 15px;
            display: block;
            text-align: center;
            width: 143px;
            border-radius: 8px;
            text-transform: uppercase;
            font-weight: 700;
            margin-bottom: 11px
        }
        .garment-inspection-carousel .testimonial-item {
            box-sizing: content-box;
            min-height: 460px;
            margin-left: 30px;
            background: #fff;
            border-radius: 6px
        }
        #production-support .price-tag p {
            text-align: left;
            font-size: 17px
        }
        #production-support .price-tag ul {
            list-style: square;
            font-size: 17px
        }
        #production-support h2 {
            text-transform: uppercase;
            margin-top: 12px;
            padding: 0
        }
        #production-support .ppe-support p {
            font-size: 15px;
            text-align: justify !important
        }
        #our-value p {
            width: 100%;
            margin: 0 auto;
            text-align: center
        }
        .garment-inspection h1 {
            color: #fff;
            font-weight: 600;
            margin-top: 1px;
            margin-bottom: 31px
        }
        .garment-inspection h1 .inspection {
            background: #f5f5f5;
            color: #202a5e;
            font-weight: 600;
            padding: 3px;
            border-radius: 5px
        }
        .garment-inspection-carousel .testimonial-item h3 {
            font-size: 18px;
            font-weight: 700;
            color: #202456;
            text-align: left;
            text-transform: uppercase;
            text-align: center;
            padding: 9px
        }
        .garment-inspection-carousel .testimonial-item h3 {
            font-size: 18px;
            font-weight: 700;
            color: #202456;
            text-align: left;
            text-transform: uppercase;
            text-align: center;
            padding: 9px
        }
        #hero .layer {
            top: 0;
            left: 0;
            width: 100%;
            position: absolute;
            bottom: 0;
            margin-top: 70px;
            z-index: 1
        }
        #hero h2 {
            color: #161f58;
            font-size: 17px;
            text-transform: uppercase;
            text-align: center;
            font-weight: 900;
            margin: 0;
            background: #bdbdbd;
            margin: 0 auto;
            letter-spacing: 1px;
            width: 62%;
            padding: 7px
        }
        #hero h3 {
            color: #fff;
            font-size: 20px;
            text-transform: uppercase;
            text-align: center;
            font-weight: 500;
            margin: 0
        }
        #hero .slogan {
            color: #fff;
            text-align: center;
            letter-spacing: 6px;
            font-size: 12px
        }
    }

    #our-client {
        background-position: center center;
        background-size: cover;
        position: relative;
        background-repeat: no-repeat
    }

    #our-client .layer {
        background-color: #151a2cb0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        --fill-layer-image-opacity: 0.15;
        --fill-layer-background-media-position: fixed;
        --fill-layer-background-media-pointer-events: none;
    }

    .hero_new {
        margin: 20% 0 20px 0;
        font-size: 48px;
        font-weight: 500;
        line-height: 56px;
        color: orange;
        text-transform: uppercase;
        text-align: center;
        width: 100%;
        position: absolute;
        z-index: 1;
        top: 35%
    }

    .dropdown-toggle::after {
        /* display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 1px solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent; */
        display: none;
    }
    /* css satart by mahbub */

    .video-main {
        height: 100vh;
        min-height: 100vh;
        overflow: hidden;
        position: relative;
    }

    .video-main video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        object-fit: cover;
        cursor: pointer;
        height: 100vh;
        min-height: 100vh;
    }

    .video-main .video-content-box {
        position: absolute;
        left: 0;
        top: 0;
        height: 100vh;
        min-height: 100vh;

        width: 100%;
    }

    .bg-blue{
    background: #7476e6a1;
    }

    .video-main .video-content-box .content {
        position: absolute;
        left: 60px;
        bottom: 60px;
        max-width: 100%;
        color: #fff;
    }

    .video-main .video-content-box .content img {
        max-width: 500px;
        text-align: center;
    }

    .video-main .video-content-box .content p {
        font-size: 1.5rem;
        font-weight: 700;
        letter-spacing: 5px;
        margin-left: 0px;
        color: #151c5c;
    }

    .dropdown-toggle:focus {
        box-shadow: none;
        outline: none;
    }

    .fixed-top {
        top: -40px;
        transform: translateY(40px);
        transition: transform .3s;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
    }

    .nav-menu.bg-white a {
        color: #081750 !important;
    }

    .nav-menu {
        padding-top: 12px;
        padding-bottom: 12px;
        transition: transform .3s;
        -webkit-transition: transform .3s;
        -moz-transition: transform .3s;
        -ms-transition: transform .3s;
        -o-transition: transform .3s;
    }

    #header .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    #about {
        padding: 140px 140px;
    }

    .about-content span {
        font-size: 20px;
        font-weight: 700;
        color: #202456;
        text-transform: uppercase;
    }

    #about .about-content h2 {
        max-width: 450px;
    }

    .about-content h2 {
        /* max-width: 385px; */
        max-width: 415px;
        color: #003440;
        font-size: 36px;
        font-weight: 900;
        padding-top: 15px;
        padding-bottom: 25px;
        font-family: 'Poppins', sans-serif;
        text-transform: uppercase;
    }

    .about-content h2 span {
        color: #ea1e00;
        font-size: 36px;
        font-weight: 900;
        padding-top: 15px;
        padding-bottom: 25px;
        font-family: 'Poppins', sans-serif;
    }

    .about-content p {
        font-size: 16px;
        line-height: 24px;
        font-family: 'Roboto', sans-serif;
        margin: 0;
        padding: 0;
    }

    .about-imge-box {
        position: relative;
        text-align: center;
    }

    .about-imge-box .red-image {
        height: auto;
        max-width: 100%;
        border: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: absolute;
        top: -24px;
        right: 46px;
    }

    .about-imge-box .blue-image {
        height: auto;
        max-width: 100%;
        border: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: absolute;
        left: 27px;
        z-index: -1;
        bottom: -38px;
    }

    #about .mission-box {
        box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
        border-radius: 6px;
        background: #fff;
        min-height: 100px;
        margin: 40px 0px;
        padding: 18px 15px 20px 15px;
        display: flex;
    }

    #about .mission-box .mission-icon {
        width: 55px;
        height: 55px;
        margin-right: 20px;
        border-radius: 100%;
        -webkit-transition: 500ms all ease;
        transition: 500ms all ease;
        background-color: transparent;
        margin-right: 15px;
    }

    #about .mission-box .mission-icon i {
        font-size: 30px;
        line-height: 0.75;
        color: #ea1e00;
        -webkit-transition: 500ms all ease;
        transition: 500ms all ease;
    }

    .fa-bullseye-arrow::before {
        content: "\f648";
    }

    #about .mission-box .mission-description h3 {
        color: #00044b;
        font-size: 20px;
        font-weight: 700;
        padding-bottom: 5px;
        margin-bottom: 0;
        font-family: 'Roboto', sans-serif;
        text-transform: capitalize;
    }

    #about .mission-box .mission-description p {
        font-size: 14px;
        line-height: normal;
        font-family: 'Roboto', sans-serif;
        margin: 0;
        padding: 0;
    }

    #about .btn-explore {
        color: #fff;
        width: 180px;
        font-weight: 600;
        border-radius: 30px;
        font-family: "Poppins";
        background-color: #ea1e00;
        text-transform: capitalize;
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #about .btn-explore:focus {
        box-shadow: none;
        outline: none;
    }

    #about .btn-explore i {
        padding-left: 5px;
        padding-right: 5px;
    }

    #services .card-img-top {
        min-height: 190px;
        max-height: 190px;
        cursor: pointer;
    }

    #services .card {
        margin-bottom: 20px;
        border: none;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }

    #services .card::after {
        content: "";
        position: absolute;
        background: #202456;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        opacity: 0.7;
        z-index: 0;
        transition: 500ms;
        transform: scaleX(0);
        -webkit-transition: 500ms;
        -moz-transition: 500ms;
        -ms-transition: 500ms;
        -o-transition: 500ms;
    }

    #services .card:hover::after {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
    }

    #services .card h2 {
        font-size: 14px;
        line-height: normal;
        margin-bottom: 0;
        text-transform: capitalize;
        color: #fff;
    }

    #services .card .card-body {
        padding: 9px 10px;
        width: 80%;
        position: absolute;
        left: 50%;
        bottom: 0px;
        background: #202456b8;
        transform: translateX(-50%);
        text-align: center;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .our-power {
        background: #fff;
        min-height: 300px;
        padding: 50px 140px;
    }

    .our-power .icon-box {
        margin-bottom: 20px;
    }

    #our-power img {
        display: block;
        height: 70px;
        width: 70px;
    }

    .our-power .prower-box-main .power-description h3 {
        font-size: 18px;
        text-align: left;
        margin-bottom: 16px !important;
        text-transform: uppercase;
        color: #202456
    }

    .our-power .prower-box-main .power-description ul {
        list-style: none;
        margin-top: 19px;
        text-align: left;
        padding: 0;
        letter-spacing: 0.5px;
        color: #616161;
    }

    #customer-benefit {
        padding: 50px 140px;
    }

    #customer-benefit .about-content span.power {
        color: #202456;
    }

    .satisfaction-box {
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        background: #fff;
        min-height: 100px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

    .satisfaction-box {
        padding: 15px 15px;
    }

    .satisfaction-box h3 {
        font-size: 16px;
        margin-top: 14px;
        font-weight: 700;
        text-transform: capitalize;
        margin-bottom: 16px;
        color: #202456;
        position: relative;
    }

    .satisfaction-box h3::before {
        position: absolute;
        content: '';
        left: 3px;
        bottom: -12px;
        height: 4px;
        width: 100px;
        border: 2px dashed #ea1e00;
    }

    #customer-benefit ul {
        padding: 0;
        margin-top: 25px;
    }

    #customer-benefit ul li {
        list-style: none;
        margin-top: 10px;
        font-size: 14px;
        letter-spacing: 0.5px;
        color: #616161;
    }

    #our-value {
        padding: 50px 140px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    #our-value .about-content h2 {
        color: #fff;
    }

    #our-value span.power {
        color: #fff;
    }

    #team-member {
        padding: 50px 140px;
        min-height: 300px;
        position: relative;
    }

    #team-member::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #ffffff61;
        content: '';
    }

    #team-member .card {
        margin-bottom: 17px;
    }

    #team-member .card img {
        min-height: 290px;
        max-height: 290px;
        width: 100%;
    }

    #team-member .card .card-body {
        text-align: center;
        padding: 30px 20px;
        position: relative;
        background: #f8f8f8;
    }

    #team-member .card .card-body::before {
        content: "";
        position: absolute;
        background: #ea1e00;
        bottom: 0;
        height: 3px;
        width: 0;
        left: 0;
        transition: 600ms;
        right: 0;
        margin: 0 auto;
    }

    #team-member .card .card-body::after {
        content: "";
        height: 3px;
        width: 40%;
        left: 0;
        right: 0;
        margin: 0 auto;
        position: absolute;
        bottom: 0;
        background: #ea1e00;
        transition: 400ms;
    }

    #team-member .card:hover .card-body::before {
        width: 100%;
    }

    #team-member .card:hover .card-body::after {
        width: 25%;
    }

    .team-up {
        position: relative;
        overflow: hidden;
        text-align: center;
    }

    .team-up::after {
        content: "";
        position: absolute;
        background: #202456;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        opacity: 0.7;
        z-index: 0;
        transition: 500ms;
        transform: scaleX(0);
        -webkit-transition: 500ms;
        -moz-transition: 500ms;
        -ms-transition: 500ms;
        -o-transition: 500ms;
    }

    #team-member .card:hover .team-up::after {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
    }

    #team-member .card .team-up {
        min-height: 290px;
        max-height: 290px;
    }

    #team-member .card .card-body h4 {
        font-size: 18px;
        color: #03324d;
        margin: 0;
        font-family: "Poppins", sans-serif;
    }

    #team-member .card .team-up .social-list {
        position: absolute;
        bottom: -37px;
        width: 100%;
        transition: 600ms;
        transform: scaleY(0);
        z-index: 1;
    }

    #certification {
        padding: 50px 140px;
    }

    #certification .card {
        padding: 15px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        position: relative;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        margin: 5px 8px;
    }

    #certification .card img {
        min-height: 250px;
        max-height: 250px;
        width: 100%;
    }

    #certification .card:after {
        content: "";
        position: absolute;
        background: #202456;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        opacity: 0.7;
        z-index: 0;
        transition: 500ms;
        transform: scaleX(0);
        -webkit-transition: 500ms;
        -moz-transition: 500ms;
        -ms-transition: 500ms;
        -o-transition: 500ms;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

    #certification .card:hover:after {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
    }

    #our-client {
        padding: 50px 140px;
        background-attachment: fixed;
    }

    #our-client::before {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        content: '';
        background: rgb(17, 20, 33);
        opacity: 0.9;
    }

    #press-release {
        padding: 50px 140px;
        background: #F5F3F1;
    }

    #press-release .card {
        margin-left: 10px;
        padding: 15px;
        width: 98%
    }

    #video {
        background: url(../img/texture3.png);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        padding: 50px 140px;
        background-color: #0e1c3c;
    }

    #video iframe {
        margin-bottom: 20px;
    }

    #lets-chat {
        padding: 50px 140px;
        height: 800px;
        position: relative;
    }

    #lets-chat .chat-div {
        width: 35%;
        background: #fff;
        height: 570px;
        position: absolute;
        right: 20%;
        top: 50%;
        margin-top: 0px;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
    }

    .chat-bg-main {
        height: 715px;
        position: relative;
        background-image: url(/assets/front/img/k2bulding.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        padding: 50px 140px;
        position: relative;
    }

    .chat-bg-main::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
        background: rgb(255, 255, 255);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 47%, rgba(255, 255, 255, 0.9079832616640406) 80%, rgba(255, 255, 255, 1) 100%);
    }

    .chat-bg-main .chat-div {
        width: 450px;
        background: #fff;
        min-height: 100px;
        position: absolute;
        margin-top: 40px;
        top: 50%;
        left: 48%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        padding: 40px;
        box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
        border-radius: 6px;
        background: #fff;
        z-index: 2;
    }

    .chat-bg-main .chat-img {
        position: absolute;
        top: 50%;
        right: 13px;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-30%, 0%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        height: 100%;
        z-index: 1;
        margin-top: 41px;
    }

    form#contact input {
        width: 100%;
        border-radius: 0;
        background-color: transparent;
        border: 1px solid #8d99af;
        outline: 0;
        font-size: 15px;
        font-weight: 300;
        color: #8d99af;
        padding: 7px 15px;
        margin-bottom: 20px;
    }

    form#contact textarea {
        width: 100%;
        border-radius: 0;
        background-color: transparent;
        border: 1px solid #8d99af;
        outline: 0;
        font-size: 15px;
        font-weight: 300;
        color: #8d99af;
        padding: 7px 15px;
        margin-bottom: 20px;
    }

    form#contact textarea:focus {
        box-shadow: none;
        outline: none;
    }

    .chat-bg-main .chat-div h2 {
        font-size: 20px;
        font-weight: 700;
        color: #202456;
        text-transform: capitalize;
    }

    .chat-bg-main .chat-div h3 {
        font-size: 14px;
        color: #003440;
        font-weight: normal;
        text-transform: capitalize;
    }

    #lets-chat form#contact button {
        background-color: #202a5e;
        font-size: 15px;
        font-weight: 400;
        color: #fff;
        text-transform: capitalize;
        padding: 12px 25px;
        border-radius: 0;
        letter-spacing: .25px;
        transition: all .3s;
        margin-bottom: 10px;
    }

    form#contact button {
        display: inline-block;
        background-color: #202456;
        font-size: 15px;
        font-weight: 400;
        color: #fff;
        text-transform: capitalize;
        padding: 12px 20px;
        border-radius: 0px;
        letter-spacing: .25px;
        border: none;
        outline: 0;
        transition: all .3s;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
    }

    form#contact button i {
        padding-right: 5px;
    }

    form#contact {
        margin-top: 20px;
    }

    #footer {
        background: url(../img/texture3.png);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-color: #0e1c3c;
        padding: 50px 140px;
        font-size: 14px;
    }

    #footer .address-block i {
        font-size: 34px;
        text-align: center;
        display: block;
        margin-bottom: 10px;
        color: #fff;
    }

    #footer .address-block .address-heading {
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 10px;
        color: #fff;
    }

    #footer .address-block p {
        font-size: 12px;
        text-align: center;
        text-align: center;
        color: #fff;
    }

    #footer .follow-us h2 {
        font-size: 20px;
        text-align: center;
        color: #fff
    }

    #footer .follow-us .follow-us-underline {
        width: 48%;
        height: 3px;
        background: #fff;
        display: flex;
        margin: 0 auto;
        border-radius: 3px;
    }

    #footer .social-button ul {
        list-style: none;
        text-align: center;
        margin-top: 19px;
        margin-right: 26px;
    }

    #footer .social-button ul li {
        display: inline-block;
        background: #fff;
        width: 41px;
        padding: 0 1px 0 0;
        margin: 6px
    }

    #footer .social-button ul li i {
        font-size: 25px;
        padding: 11px;
        color: #202a5e;
    }

    #footer-bottom {
        height: 45px;
        background-color: #0e1c3c;
        border-top: 1px solid #ffffff2e;
    }

    #footer-bottom p {
        padding-top: 10px;
        font-size: 14px;
        color: #fff;
        margin-bottom: 0;
    }

    #footer .fa {
        font: normal normal normal 14px/1 FontAwesome;
    }

    .contact-us {
        min-height: 70vh;
    }

    .contact-us .contact-bg {
        background: url(../img/texture3.png);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        height: 300px;
        background-color: #0e1c3c;
    }

    .second-nav .nav-link {
        font-weight: normal !important;
    }

    .second-nav.bg-white .nav-link {
        color: #0e1c3c !important;
        font-weight: normal !important;
    }

    .contact-us .contact-bg .contact-text {
        margin-top: 50px;
        padding-left: 140px;
        padding-right: 140px;
        position: relative;
    }

    .contact-us .contact-bg .contact-text h2 {
        color: #fff;
        font-weight: 600;
        font-size: 80px;
        text-transform: capitalize;
        margin-bottom: 0;
        line-height: normal;
    }

    .contact-us .contact-bg .contact-text h2 span {
        color: transparent;
        webkit-text-fill-color: transparent;
        -webkit-text-stroke-color: #fff;
        -webkit-text-stroke-width: 1.5px;
    }

    .map-section {
        background: url(../img/map.png);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .map-section iframe {
        min-height: 900px;
    }

    .map-section .map-box {
        height: 700px;
        position: relative;
    }

    .map-section .map-box .map-content-main {
        display: grid;
        grid-template-columns: 3fr 3fr 3fr;
        grid-gap: 17px;
        padding: 0px 140px;
        position: absolute;
        left: 0;
        width: 100%;
        min-height: 100px;
        bottom: 0px;
    }

    .map-section .map-box .map-content-main .map-content {
        background: red;
        min-height: 200px;
        margin-bottom: 10px;
        padding: 40px;
        color: #000;
    }

    .map-section .map-box .map-content-main .map-content:nth-child(1) {
        background: url(../img/texture2.png);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-color: #fde344;
    }

    .map-section .map-box .map-content-main .map-content:nth-child(2) {
        background: url(../img/texture.png);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-color: #0e1c3c;
        color: #fff;
    }

    .map-section .map-box .map-content-main .map-content:nth-child(3) {
        background: url(../img/texture2.png);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-color: #ffff;
    }

    .map-section .map-box .map-content-main .map-content img {
        width: 50px;
        display: block;
        margin-bottom: 20px;
    }

    .map-section .map-box .map-content-main .map-content h3 {
        font-size: 24px;
        text-transform: capitalize;
        color: #000;
    }

    .map-section .map-box .map-content-main .map-content:nth-child(2) h3 {
        color: #fff;
    }

    .map-section .map-box .map-content-main .map-content h4 {
        font-size: 15px;
        margin-bottom: 5px;
        text-transform: capitalize;
        letter-spacing: 0.3px;
    }

    .map-section .map-box .map-content-main .map-content h6 {
        font-size: 13px;
        margin-bottom: 5px;
        text-transform: capitalize;
        letter-spacing: 0.3px;
    }

    .map-section .map-box .map-content-main .map-content p {
        font-size: 11px;
        margin-bottom: 10px;
        text-transform: capitalize;
        letter-spacing: 0.3px;
    }

    .send-text-btn {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        padding: 20px 25px;
        text-transform: uppercase;
        animation: glowing 1300ms infinite;
        display: inline-block;
        border: none;
        float: right;
        margin-top: 10px;
    }

    .send-text-btn i {
        padding-right: 10px;
    }

    @keyframes glowing {
        0% {
            background-color: #ea1e00;
            box-shadow: 0 0 5px #ea1e00;
        }
        50% {
            background-color: #ff4226;
            box-shadow: 0 0 20px #ff4226;
        }
        100% {
            background-color: #ea1e00;
            box-shadow: 0 0 5px #ea1e00;
        }
    }

    .message-main .message-box {
        padding: 50px 140px;
        background: #fff;
        width: 60%;
        margin: auto;
        scroll-behavior: smooth;
    }

    .message-main .message-box .form-control {
        border: none;
        border-bottom: 1px solid #0e1c3c26;
    }

    form.contact input {
        width: 100%;
        border-radius: 0;
        background-color: transparent;
        border: 1px solid #8d99af;
        outline: 0;
        font-size: 15px;
        font-weight: 300;
        color: #8d99af;
        padding: 7px 15px;
        margin-bottom: 20px;
    }

    form.contact textarea {
        width: 100%;
        border-radius: 0;
        background-color: transparent;
        border: 1px solid #8d99af;
        outline: 0;
        font-size: 15px;
        font-weight: 300;
        color: #8d99af;
        padding: 7px 15px;
        margin-bottom: 20px;
    }

    form.contact textarea:focus {
        box-shadow: none;
        outline: none;
    }

    .form-control:focus {
        box-shadow: none;
        outline: none;
    }

    form.contact button {
        display: inline-block;
        background-color: #202456;
        font-size: 15px;
        font-weight: 400;
        color: #fff;
        text-transform: capitalize;
        padding: 12px 20px;
        border-radius: 0px;
        letter-spacing: .25px;
        border: none;
        outline: 0;
        transition: all .3s;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
    }

    .message-box h3 {
        color: #202456;
        font-weight: 600;
        font-size: 40px;
        text-transform: capitalize;
        margin-bottom: 20px;
        line-height: normal
    }

    .message-box h3 span {
        color: transparent;
        webkit-text-fill-color: transparent;
        -webkit-text-stroke-color: #202456;
        -webkit-text-stroke-width: 1.5px;
    }

    .service-details-main {
        min-height: 400px;
        position: relative;
        padding: 50px 140px;
    }

    .service-details-main .service-image-bg {
        position: relative;
    }

    .service-details-main .service-content h3 {
        font-size: 42px;
        text-transform: capitalize;
        font-weight: 600;
        margin-bottom: 30px;
    }

    .service-details-main .service-content h6 {
        font-size: 20px;
        text-transform: capitalize;
        margin-bottom: 30px;
        line-height: 30px;
        letter-spacing: 1.4px;
        margin-bottom: 20px;
    }

    .service-details-main .service-content p {
        font-size: 14px;
        text-align: justify;
        line-height: 24px;
    }

    .service-image-bg .shadow-img {
        position: a;
        position: absolute;
        width: 40%;
        height: 100%;
        top: -8%;
        left: 76%;
        z-index: -1;
    }

    .service-image-bg .shadow-img img {
        position: a;
        height: auto;
        max-width: 100%;
        border: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .service-main-img .comment-img {
        position: absolute;
        z-index: 2;
        bottom: 0;
    }

    .contact-us .contact-bg-2 {
        background: url(../img/group-employees.jpg);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        height: 300px;
        position: relative;
    }

    .contact-us .contact-bg-2::before {
        position: absolute;
        content: '';
        left: 0;
        width: 100%;
        height: 100%;
        top: 0;
        background: #7476e6a1;
    }

    .file-download {
        padding: 50px 140px;
    }

    a.new-toggle {
        display: block;
        color: #fff;
        position: relative;
        padding: 10px 15px;
        transition: .3s;
        font-size: 15px;
        font-family: Poppins, sans-serif;
        text-transform: uppercase;
    }

    nav.fixed-top {
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    }

    .contact-us nav.fixed-top {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-sm .map-box .map-content-main {
        display: grid;
        grid-template-columns: 1fr;
        padding: 0px 0px;
        width: 100%;
        min-height: 100px;
    }

    .contact-sm .map-box .map-content-main .map-content:nth-child(1) {
        background: url(../img/texture2.png);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-color: #fde344;
        margin-bottom: 20px;
        padding: 20px 17px;
    }

    .contact-sm .map-box .map-content-main .map-content:nth-child(2) {
        background: url(../img/texture.png);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-color: #0e1c3c;
        color: #fff;
        margin-bottom: 20px;
        padding: 20px 17px;
    }

    .contact-sm .map-box .map-content-main .map-content:nth-child(3) {
        background: url(../img/texture2.png);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-color: #ffff;
        margin-bottom: 20px;
        padding: 20px 17px;
    }

    .contact-sm .map-box .map-content-main .map-content img {
        width: 50px;
        display: block;
        margin-bottom: 20px;
    }

    .contact-sm .map-box .map-content-main .map-content h3 {
        font-size: 24px;
        text-transform: capitalize;
        color: #000;
    }

    .contact-sm .map-box .map-content-main .map-content h4 {
        font-size: 15px;
        margin-bottom: 5px;
        text-transform: capitalize;
        letter-spacing: 0.3px;
    }

    .contact-sm .map-box .map-content-main .map-content p {
        font-size: 11px;
        margin-bottom: 10px;
        text-transform: capitalize;
        letter-spacing: 0.3px;
    }

    .contact-sm .map-box .map-content-main .map-content:nth-child(2) h3 {
        color: #fff;
    }



.mobile-nav .collapse:not(.show) {
	display: unset;
}


    /* css end by mahbub  */