/*Mobile-menu-hamburger*/

.hamburger .bar1,
.bar2,
.bar3 {
    width: 35px;
    height: 2px;
    background-color: var(--primary-black);
    margin: 8px 0;
    /* transition: 0.4s ease; */
    transition: all 0.45s cubic-bezier(0.45, 0.45, 0.37, 1.36) 0s;
}

.change .bar1 {
    transform: rotate(-45deg) translate(-6px, 6px);
    background-color: (var--primary-black);
}

.change .bar3 {
    transform: rotate(45deg) translate(-8px, -8px);
    background-color: var(--primary-black);
}

.change .bar2 {
    opacity: 0;
}

.product-card-1 {
    min-height: 200px !important;
    border-radius: 5px;
}

.product-card-1 :hover {
    background-color: var(--primary-yellow);
    border-radius: 5px;
    transition: all 0.3s ease-out;
}

.product-card-1 .product-card-img {
    display: block;
    position: relative;
    width: 50px;
    padding-top: 25px;
    padding-bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
}

.product-card-1:hover .product-card-img {
    display: none;
}

.product-card-hover-img {
    display: none;
    position: relative;
    width: 50px;
    padding-top: 25px;
    padding-bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
}

.product-card-1:hover .product-card-hover-img {
    display: block;
}


/* ***Category Card*** */

.product-cat-card {
    min-height: 400px !important;
    border-bottom: 5px solid var(--primary-yellow);
    border-radius: 0;
}

.product-cat-card h5 {
    min-height: 60px !important;
}


/*****News Card *****/

.news-card:hover .card-body {
    background-color: var(--primary-yellow);
    transition: 0.3s;
}

.news-card .card-body p {
    min-height: 55px;
}


/*****Share Icons*****/

.share-icons {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}


/*****Slider Contact Card*****/

.slider-contact-card {
    background-color: #0F4392;
    border-radius: 5 !important;
    border: 0;
}

.slider-contact-card a:hover {
    color: var(--primary-black);
}

/*****get a quote Card*****/

.get-quote-card {
    background-color: var(--primary-white);
    border-radius: 5 !important;
    border: 0;
}

.get-quote-card a:hover {
    color: var(--primary-black);
}


/*****Slider Contact Form*****/

.slider-contact-form {
    border-radius: 5px;
}


/***** Yellow Button Active*****/

.cst-yellow-btn:active {
    background-color: var(--primary-black);
    color: var(--primary-white);
    border-radius: 0;
    border: 0;
}

.cst-yellow-btn:focus {
    background-color: var(--primary-black);
    color: var(--primary-white);
    border-radius: 0;
    border: 0;
}

.cst-bcrum a {
    color: var(--secondary-gray);
    text-decoration: none;
}

.cst-bcrum a:hover {
    color: var(--primary-black);
    text-decoration: none;
}


/***** Side Contact Form Active*****/

.wpcf7-submit {
    border: 0 !important;
    border-radius: 2px !important;
    color: var(--primary-white) !important;
    font-size: 0.875rem;
    width: 120px !important;
    background-color: var(--primary-black) !important;
}

.wpcf7-submit:hover {
    background-color: var(--primary-black) !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--primary-white) !important;
    font-size: 0.875rem;
    width: 120px !important;
}


/***** Single Product Accordian*****/

.p-download-accordian button {
    border-radius: 0 !important;
}

.p-download-accordian button:not(.collapsed) {
    color: var(--primary-gray);
    background-color: var(--gray-one);
    box-shadow: none;
}

.p-download-accordian button:focus,
.p-download-accordian button::after {
    border: 0 !important;
    border-color: none;
    box-shadow: none;
}


/***** side bar product menu*****/


/* ***Side Menu Card*** */

.side-menu-card a:hover {
    color: var(--primary-yellow);
}

.side-menu-card .active a {
    color: var(--primary-yellow) !important;
}

.side-menu-card li {
    margin: 15px 0;
}

.side-menu a {
    color: var(--primary-gray);
}

.side-menu li {
    margin: 0 !important;
}


/***** side parent menu *****/

.wpb_page_list {
    list-style: none;
}

.wpb_page_list a {
    text-decoration: none !important;
    color: var(--primary-gray);
}

.wpb_page_list li:active {
    color: var(--primary-yellow) !important;
}


/*Menu Image Hover*/

.menu-image-hovered .menu-image-title-after {
    opacity: 1 !important;
}

.menu-image-hovered .hovered-image {
    opacity: 0 !important;
}


/* .menu-image-hovered:hover .menu-image-title-after{
    opacity:0 !important;
}

.menu-image-hovered:hover .hovered-image{
    opacity:1 !important;
} */

.admin-bar .fixed-top {
    top: 32px;
}

.menu-image {
    margin-right: 20px;
}

.hovered-image {
    margin-right: 20px !important;
    margin-left: -44px !important;
}


/****Menu-icons image****/

.menu-icon-first-image {
    display: block;
}

.navbar-toggler:hover .menu-icon-first-image {
    display: none;
}

.menu-icon-second-image {
    display: none;
}

.navbar-toggler:hover .menu-icon-second-image {
    display: block;
}

.cst-border-home-slider {
    border-left: 5px solid var(--primary-yellow);
}

.mobile-wy-ch-lw {
    display: none !important;
}


/*** footer Menu links****/

#menu-useful-link a {
    color: var(--secondary-gray) !important;
    font-size: 14px !important;
}

#menu-useful-link a:hover {
    color: var(--primary-yellow) !important;
    font-size: 14px !important;
}

#menu-products-and-solutions a,
#menu-useful-links a {
    color: var(--primary-white) !important;
    font-size: 14px !important;
}

.social-media-icons-fot:hover{
    color: #FFFFFF !important ;
    background-color:var(--primary-gray) !important ;
}


#menu-products-and-solutions a:hover,
#menu-useful-links a:hover,
#menu-services a:hover {
    color: var(--primary-gray) !important;
    font-size: 14px !important;
}

/** Newsletter Styles***/

.mc4wp-form-fields {
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.mc4wp-form-1132 #email {
    background-color: var(--fotter-background) !important;
    border-radius: 0;
    border: 1px solid var(--primary-white);
    margin: 0 !important;
    padding: 0.3rem;
}

.mc4wp-form-1132 #subbutton {
    background-color: var(--primary-white) !important;
    color: var(--primary-gray) !important;
    border-radius: 0;
    border: 1px solid var(--primary-white);
    margin: 0 !important;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.mc4wp-form-1132 #email :focus-visible {
    background-color: var(--fotter-background) !important;
    border-radius: 0;
    border: 1px solid var(--primary-white);
    margin: 0 !important;
    padding: 0.3rem;
}

.mc4wp-form-1132 #subbutton:hover {
    background-color: var(--primary-gray) !important;
    color: var(--primary-white) !important;
    border-radius: 0;
    border: 1px solid var(--primary-gray);
    margin: 0 !important;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.home-slider-desktop {
    display: block;
}

.home-slider-mobile {
    display: none;
}

.mobile-wy-ch-lw {
    display: none !important;
}

.desktop-wy-ch-lw {
    display: block !important;
}

.cst-footer .nav-link {
    padding-bottom: 0.1rem !important;
    color: white !important;
}
.cst-footer .nav-link :hover{
    color:var(--gray-one);
}

.fot-txt-gray-hov {
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.cst-line-h-address {
    line-height: 21px !important;
    width: 205px;
}

.social-media-icons-fot {
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 2;
    border-radius: 3px;
    margin-right: 15px;
    margin-top: 5rem;
}

#home-slider-image {
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

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


.current-menu-item .active a{
    color: var(--primary-blue) !important;
}
/********************************/

.current-menu-parent .active a {
    color: var(--primary-blue) !important;
}

/*nav bar menu customization*/
.cst-nav-list{
	font-size: 15px !important;
	font-weight: 400 !important;
}
.navbar-toggler{
	background-color: white !important;
}



.cst-navbar-nav a{
	padding-left: 10px !important;
	/* margin-left: 5px !important; */
	padding-right: px !important;
	text-align: center !important;
}
.navbar-expand-lg .navbar-nav .nav-link{
	padding-right: 0.9rem ;
	margin-right: 3px;
}

/*nav bar menu customization end*/
/********************************/

#owl-carousel-home-slider-mobile .owl-dots {
    position: absolute !important;
    bottom: 5px !important;
    display: flex !important;
    justify-content: center !important;
    left: calc(42% - 0px);
}

.nav-item .dropdown-item:hover {
    color: var(--primary-blue) !important;
    background-color: #e9ecef;
}

#owl-carousel-project .owl-item img {
    display: block;
    width: 100%;
    height: 300px;
    object-fit: cover;
}

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

/* quote-tab */
.nav-pills .nav-link{
    border-radius:0 !important;
}

ul#pills-tab{
    border-bottom:white 1px solid;
}

/********************************/

.cst-navbar-nav .active .nav-link{
	color:var(--primary-blue) !important;
    font-weight: 600;
}
/********************************/

#owl-carousel-project .card :hover {
    color: var(--primary-black) !important;
    background-color: var(--primary-yellow) !important;
    transition: all 0.3s ease-out;
}

#owl-carousel-project .card :hover p {
    color: var(--primary-black) !important;
}

.share-social-backg {
    width: 50px !important;
    height: 50px !important;
    background-color: var(--gray-one);
    display: block;
    text-align: center;
    line-height: 3.2;
    border-radius: 50px;
    margin-right: 20px !important;
}

.share-social-backg :hover {
    width: 50px !important;
    height: 50px !important;
    background-color: var(--primary-yellow);
    display: block;
    text-align: center;
    line-height: 3.2;
    border-radius: 50px;
    margin-right: 20px !important;
}

.card-img-fixed {
    height: 180px;
    object-fit: cover !important;
}

.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-item img {
    width: auto;
    height: 100%;
}

#owl-carousel-project-single .owl-item img {
    width: 100% !important;
    height: 500px !important;
    object-fit: cover !important;
}

#owl-carousel-home-blog .owl-item img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
}

#owl-carousel-home-news .owl-item img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
}

.cst-about-image {
    padding-top: 0px !important;
}

.image-top-banner{
    width: 100%;
    height: auto;
}
#co-owl-carousel .owl-dots{
    position: relative !important;
    bottom: 0px !important;
    left: auto !important;
}

#owl-carousel-home-blog .owl-dots{
    margin-top: -20px !important;
}

#owl-carousel-home-news .owl-dots{
    margin-top: 0px !important;
}

#co-owl-carousel .owl-carousel .owl-item img {
    width: 636px !important;
    height: auto !important;
}


/*---------Media Query------*/

@media (min-width: 992px) {
    /*** hover dropdown ***/
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

@media (max-width: 600px) {
 
    /* ***Product & Services Card*** */
    .product-card-1 {
        min-height: 182px !important;
        border-radius: 5px !important;
    }
    .product-card-1 p {
        font-size: 0.725rem !important;
        margin-bottom: 0;
        font-weight: 700 !important;
    }
    /* ***Category Card*** */
    .product-cat-card {
        min-height: 100px !important;
    }
    .product-cat-card h5 {
        min-height: 55px !important;
        font-size: 0.875rem;
        margin-bottom: 1rem !important;
    }
    .product-cat-card a {
        font-size: 0.75rem;
    }
    .product-cat-card a:hover {
        font-size: 0.75rem;
    }
    .cst-yellow-btn:active {
        background-color: var(--primary-black);
        color: var(--primary-white);
        border-radius: 0;
        border: 0;
    }
    .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);
        width: 100% !important;
    }
    .navbar-toggler {
        height: 60px;
        width: 60px;
    }
    .navbar-toggler-icon {
        background-image: url('/assets/icons/facebook.png') !important;
    }
    .navbar-toggler:focus {
        outline: 0;
        box-shadow: 0 0 0 0;
    }
    .navbar-toggler:hover {
        background-color: var(--primary-yellow) !important;
    }
    .navbar {
        padding: 0 !important;
    }
    ul#menu-main-menu {
        line-height: 3;
        height: 90vh;
        font-weight: 500 !important;
        overflow-y: scroll;
    }
    .cst-slide-content p {
        max-width: 90vw;
        margin-left: 0vw !important;
    }
    .cst-border-home-slider {
        border-left: 0;
    }
    .cst-about-section-col {
        display: flex;
        flex-flow: column-reverse;
    }
    .sm-col-mt {
        margin-top: 0vh !important;
    }
    .mobile-wy-ch-lw {
        display: block !important;
    }
    .desktop-wy-ch-lw {
        display: none !important;
    }
    .home-slider-desktop {
        display: none;
    }
    .home-slider-mobile {
        display: block;
    }
    .mc4wp-form-fields {
        text-align: center;
    }
    #owl-carousel-project .owl-item img {
        display: block;
        width: 100%;
        height: 150px;
        object-fit: cover;
    }
    #owl-carousel-project .cst-card-body {
        height: 380px !important;
    }
    .proj-card-para-sm {
        font-size: 14px !important;
    }
    .mob-silngle-prod-slider {
        height: 338px !important;
    }
    #owl-carousel-project-single .owl-item img {
        width: 100% !important;
        height: 270px !important;
        object-fit: cover !important;
    }
    .banner-top-mobile-all-pages {
        height: 130px !important;
    }
    #owl-carousel-home-slider-mobile .owl-dots {
        left: calc(34% - 0px) !important;
    }
    .first-navbar{
        display: none;
    }
}