/* ***Color Styles*** */

:root {
    --primary-black: #212121;
    --secondary-gray: #757575;
    /* --primary-yellow: #F9A825; */
    --gray-one: #FAFAFA;
    --background-gray: #F9F9F9;
    --primary-white: #FFFFFF;
    --text-yellow: #F57F17;
    --fotter-background:#000249;
    --border-color-gray: #616161;
    --border-color-light-gray: #E0E0E0;
    --f-500: 500px;
    --primary-blue:#000249;
    --primary-red:#DD1717;
    --button-color:#212121;
}


/* ***font family*** */

@import url('https://fonts.googleapis.com/css?family=Poppins');
body {
    font-family: poppins;
}


/*Color classes */


/* Background Colors */

.bg-gray-light {
    background-color: var(--gray-light);
}

.bg-yellow {
    background-color: var(--primary-yellow);
}

.primary-black {
    background-color: var(--primary-black);
}

.primary-white {
    background-color: var(--primary-white);
    font-size: var(--f-500);
}


/* Styles */

.dropshadow-1 {
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.dropshadow-2 {
    box-shadow:  5px 5px 5px 5px rgba(0, 0, 0, 0.1);
}


/* components */

.top-header-text {
    color: var(--primary-yellow);
    font-size: 22px;
}

.top-header-text-wh {
    color: var(--primary-white);
    font-size: 22px;
}

.header-text {
    font-size: 40px;
}


/* ***Navigation Section Styles Start*** */

.cst-nav-bar {
    color: var(--primary-white);
    box-shadow: 0px 8px 10px -7px rgba(0, 0, 0, 0.1);
}

.cst-nav-list {
    font-size: 14px;
    font-weight: 400;
}

.brand-image-nav {
    width: 200px !important;
}

.bg-yellow {
    background-color: #F9A825 !important;
}

.cst-navbar-nav a {
    color: var(--primary-black) !important;
    padding-left: 20px !important;
}

/* .cst-navbar-nav a:hover {
    color: var(--primary-black)!important;
} */

/* .dropdown-item:focus,
.dropdown-item:hover,
.cst-nav-list .current-menu-item .dropdown-item {
    background-color: var(--primary-blue)!important;
    color: var(--primary-white) !important;
} */

.cst-nav-list .current-menu-item a {
    color: var(--primary-black)!important;
}

.cst-nav-list .current-menu-item .menu-image-hovered .hovered-image {
    opacity: 0 !important;
}

.cst-nav-list .current-menu-item .menu-image-hovered .menu-image {
    opacity: 1 !important;
}

.nav-item a {
    color: var(--primary-black) !important;
}
.quote a {
    color: var(--primary-white) !important;
}

.cst-navbar-nav .dropdown-menu {
    font-size: 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.2);
    width: max-content !important;
}

.cst-navbar-nav .dropdown-menu .dropdown-item:active {
    background-color: var(--gray-one) !important;
}

.cst-navbar-nav .dropdown-menu {
    line-height: 2;
}

.navbar-toggler {
    background-color: var(--primary-blue) !important;
    border-radius: 0;
    border: 0;
}

.nav-pills .nav-link.active{
    background-color: transparent;
    color: black;
    border-bottom: 3px solid white;
}
/* ***Navigation Section Styles End*** */


/* ***Fotter Section Styles Start*** */

.cst-foter-background {
    background-color: var(--primary-blue);
    color: var(--primary-white);
    line-height: 1.8rem;
}

.fot-address-text {
    font-size: 14px !important;
}

.fot-ul-text {
    font-size: 16px;
    color: var(--secondary-gray);
}

.fot-ul-text a {
    text-decoration: none;
}

.fot-ul-topic-text {
    font-size: 18px;
    font-weight: 600;
}


/* ***Bottem Line Styles Start*** */

.cst-botttem-background {
    background-color: var(--primary-white);
    color: var(--primary-blue);
}

.konekt-logo-bot {
    width: 70px;
}

.bot-text {
    font-size: 12px;
    text-align: end;
    padding: 12px;
    margin-bottom: auto;
}


/* ***Fotter Section Styles End*** */


/* ***Taopic Title Yellow*** */

.top-header-text {
    font-size: 22.4px;
    color: var(--primary-yellow);
}


/* ***Taopic Title black*** */

.top-header-main-text {
    font-size: 40px;
    color: var(--primary-black);
    font-weight: 800;
}


/* ***default paragraph*** */

.dft-pra-text {
    font-size: 16px;
    color: var(--secondary-gray);
    line-height: 1.6;
}

.sep {
    background-color: var(--primary-black);
    height: 100px;
    width: 2px !important;
    color: var(--gray-light);
    padding-left: 0px;
    padding-right: 0px;
}

.item-count-text {
    font-size: 50px;
    text-align: center;
    color: var(--primary-yellow);
}

.item-count-bottom-text {
    font-size: 16px;
    text-align: center;
}

.item-count:first-child {
    border-right: 2px solid var(--border-color-light-gray);
}

@media (min-width: 600px) { 
    .tools-mobile {
      display: none;
    }
    .about-mobile{
        display: none;
    }
    #dimension-mobile{
        display: none;
    }
    #dimension-mobile1{
        display: none;
    }
    #dimension-mobile2{
        display: none;
    }
  }
  
@media (max-width: 600px) { 
    .tools-desktop {
      display: none;     
    }
    .about-desktop{
        display: none;
    }
        #sea-mobile{
         display: none;
    }
        #air-mobile{
         display: none;
    }
        #dimension-desktop{
         display: none;
    }
        #dimension-desktop1{
         display: none;
    }
        #dimension-desktop2{
         display: none;
    }

    .quote-mobile{
        font-size:14px;
    }
    .quote-field{
        margin-top:1.5rem;
    }
}
/*---------Media Query About Us------*/

@media (max-width: 600px) {
    .who-we-are-tab {
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin-top: 20px !important;
    }
    .what-we-do-img-sec {
        padding-top: 3rem !important;
    }
    .what-we-do-text-sec {
        padding-top: 1rem !important;
    }
}


/* Who we are section end */


/* Why Choose Leadingway start */

.accordion-button {
    outline: 0px;
}

.active,
.accordion-item {
    border: none;
    border-radius: none;
    background-color: none;
    color: none;
}

.accordion-item:hover {
    border-radius: none;
    background-color: none;
    color: none;
}

.accordion-button:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    color: none;
    background-color: none;
    box-shadow: none;
}


/* Why Choose Leadingway end */


/* Our Values start */

.content-card {
    min-height: 15em;
    justify-content: center;
    height: 250px;
    flex-wrap: auto;
    box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.15), 0px 0px 10px -2px rgba(0, 0, 0, 0.15);
}

.thumbnail-icon {
    max-width: 60px;
}

.card {
    border: none;
   
}

.featured-card{
    border-radius: 5px ;
}

.values-card {
    border-radius: 0%;
}

.button-owl-dot li {
    display: none;
}


/* ***default yellow button*** */

.cst-black-btn {
    font-size: 14px;
    background-color: var(--button-color) !important;
    color: var(--primary-white) !important;
    border-radius: 0;
    border: 0;
}

.cst-yellow-btn:hover {
    font-size: 14px;
    background-color: var(--primary-black) !important;
    color: var(--primary-white) !important;
    border-radius: 0;
    border: 0;
}


/* **** Products & Sol Icon Card **** */

.cst-icon-card {
    height: 197px;
    width: 197px;
    flex-wrap: auto;
    border: none;
    background-color: var(--gray-one);
    color: var(--primary-blackx);
    box-shadow: 0px 0px 13px -2px rgba(0, 0, 0, 0.15);
}

.sol-icon-card-img {
    width: 50px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.sol-icon-card-text {
    font-size: 13px;
    font-weight: 500;
    min-height: 60px;
}


/*** FAFAFA background ***/

.gray-background {
    background-color: var(--background-gray);
}


/**** Project Card *****/

.proj-card-title {
    font-size: 18px;
    font-weight: 800;
}

.proj-card-para {
    font-size: 16px;
}

.cst-card-body {
    background-color: var(--primary-black);
    color: var(--primary-white);
    border: none;
    border-radius: 0;
    height: 540px !important;
}


/**** why Choose Card *****/

.whyc-card-title {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    color: var(--primary-black);
}

.whyc-cst-card-body {
    background-color: var(--gray-one);
    border: none;
    height: 305px !important;
    border-radius: 0;
    box-shadow: 0px 0px 13px -2px rgb(0 0 0 / 20%);
}

.client-logo-caro {
    text-align: center;
}


/***** home slider ****/

.owl-carousel-cst-home-slider {
    width: 100%;
    height: 60vh;
    
}

.slide {
    /* width: 100%;
    height: 78vh;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; */

    width: 100%;
    height: 70vh;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#owl-carousel-single-product-slider .slide {
    width: 100%;
    height: 470px !important;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.slide::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60vh;
}

.cst-slide-content {
    padding-top: 25vh;
}

.cst-slide-content p {
    max-width: 55vw;
    margin-left: 1vw;
}


/* *** owl nav icon *** */

#owl-carousel-home-slider .owl-prev:hover,
#owl-carousel-home-slider .owl-next:hover,
#owl-carousel-single-product-slider .owl-prev:hover,
#owl-carousel-single-product-slider .owl-next:hover {
    color: var(--primary-white) !important;
}


/* *** owl nav home and project slider *** */

#owl-carousel-project .owl-prev,
#owl-carousel-project .owl-next,
#owl-carousel-home-blog .owl-prev,
#owl-carousel-home-blog .owl-next,
#owl-carousel-home-news .owl-prev,
#owl-carousel-home-news .owl-next,
#owl-carousel-single-product-slider .owl-prev,
#owl-carousel-single-product-slider .owl-next {
    position: absolute;
    top: 45%;
    /* background-color: var(--primary-yellow) !important; */
    background-color: transparent !important;
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 0 !important;
    margin: 0 !important;
}

#owl-carousel-home-slider .owl-prev,
#owl-carousel-home-slider .owl-next {
    position: absolute;
    /* background-color: var(--primary-yellow) !important; */
    background-color: transparent !important;
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 0 !important;

}

#owl-carousel-home-slider .owl-nav {
    margin-top: -50px !important;
}


/* *** owl nav client slider *** */

#owl-carousel-client .owl-prev,
#owl-carousel-client .owl-next {
    position: absolute;
    top: 10%;
    /* background-color: var(--primary-yellow) !important; */
    background-color: transparent !important;
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 0 !important;
    margin: 0 !important;
}


/* *** owl nav home positions *** */

#owl-carousel-home-slider .owl-prev,
#owl-carousel-single-product-slider .owl-prev {
    left: 0;
    /* background-color: var(--primary-yellow) !important; */
    background-color: transparent !important;
    color: var(--border-color-light-gray) !important;
    height: 50px;
    width: 50px;
    border: 0;
    border-radius: 0 !important;
    margin: 0 !important;
    margin-top: -150px !important;
    font-size: 95px !important;
    line-height: 0%;
}

#owl-carousel-home-slider .owl-next,
#owl-carousel-single-product-slider .owl-next {
    right: 0;
    /* background-color: var(--primary-yellow) !important; */
    background-color: transparent !important;
    color: var(--border-color-light-gray) !important;
    height: 50px;
    width: 50px;
    border: 0;
    border-radius: 0 !important;
    margin: 0 !important;
    margin-top: -150px !important;
    font-size: 95px !important;
    line-height: 0%;
}

#owl-carousel-home-slider .owl-next:hover,
#owl-carousel-home-slider .owl-next:hover {
    /* background-color: var(--primary-black) !important; */
    color: var(--gray-light) !important;

}

#owl-carousel-home-slider .owl-prev:hover,
#owl-carousel-home-slider .owl-prev:hover {
    /* background-color: var(--primary-black) !important; */
    color: var(--gray-light) !important;
}


/* *** owl nav project clients positions *** */

#owl-carousel-project .owl-prev,
#owl-carousel-client .owl-prev,
#owl-carousel-home-blog .owl-prev,
#owl-carousel-home-news .owl-prev {
    left: -5vw;
    background-color: var(--primary-black) !important;
    color: var(--primary-yellow);
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 0 !important;
    margin: 0 !important;
    font-size: 40px;
    line-height: 0%;
}

#owl-carousel-project .owl-next,
#owl-carousel-client .owl-next,
#owl-carousel-home-blog .owl-next,
#owl-carousel-home-news .owl-next {
    right: -5vw;
    background-color: var(--primary-black) !important;
    color: var(--primary-yellow);
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 0 !important;
    margin: 0 !important;
    font-size: 40px;
    line-height: 0%;
}

#owl-carousel-project .owl-next:hover,
#owl-carousel-client .owl-next:hover,
#owl-carousel-home-blog .owl-next:hover,
#owl-carousel-home-news .owl-next:hover{
    background-color: var(--primary-black) !important;
    color: var(--primary-white) !important;
}

#owl-carousel-project .owl-prev:hover,
#owl-carousel-client .owl-prev:hover,
#owl-carousel-home-blog .owl-prev:hover,
#owl-carousel-home-news .owl-next:hover{
    background-color: var(--primary-black) !important;
    color: var(--primary-white) !important;
}


/* .featuredcard:hover{
background-color: red;
} */

/* get a quote form label */

label.a2a{
    margin-right: 5rem;
}