@font-face {
    font-family: 'Gotham';
    src: url('Gotham/Gotham-Light.otf');
}

/* Slide-up animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}


.animated {
    animation-duration: 1.25s
}

    .animated.animated-slow {
        animation-duration: 2s
    }

    .animated.animated-fast {
        animation-duration: .75s
    }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

p {
    font-size: 14px;
    line-height: 30px;
    font-weight: 300;
    font-family: "Poppins";
}

a {
    text-decoration: none !important;
}

.accordion-button a, .accordion-body a {
    color: black !important;
}

.section_padding {
    padding: 6rem 0rem;
}

.buttons a {
    display: flex;
    margin: 2rem 0;
    text-decoration: none !important;
}

.product_navbtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100px;
}

.buttons a span {
    font-size: 18px;
    line-height: 30px;
    color: #ee1c25;
    font-weight: 300;
    font-family: "Poppins";
    margin-right: 0.5rem;
}

.buttons a p {
    font-size: 18px;
    line-height: 30px;
    color: #ffff;
    font-weight: 300;
    font-family: "Poppins";
    margin: 0 0.5rem 0 0 !important;
}

.fa-solid {

 color: #ffffff !important;
}

.buttons a .btn-icon, .buttons .btn-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: red;
    border-radius: 100%;
}

.buttons input {
    background-color: red;
    border: 1px solid black;
    color: #ffffff;
    padding: 1rem;
}

.heading {
    font-size: 40px;
    text-transform: uppercase;
    color: #4f4f4f;
    font-weight: 300;
    font-family: "Gotham";
}


    .heading span {
        font-size: 40px;
        text-transform: uppercase;
        color: red;
        font-weight: 300;
        font-family: "Gotham";
    }

.subheading {
    font-size: 20px;
    color: #ffffff;
    font-weight: 300;
    font-family: "Poppins";
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.heading2 {
    font-size: 30px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 300;
    font-family: "Gotham";
    padding: 2rem 0;
}

.navbar {
    background-color: #232220 !important;
}

   

    .navbar.fixed-top {
        position: sticky !important;
    }

.nav-links ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
    margin: 0 !important;
}

    .nav-links ul.dropdown-menu {
        flex-direction: column;
    }

.nav-links .nav-item a {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 26px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 300;
    font-family: "Gotham";
}

.nav-links .nav-item.products .mega-menu .menu-container .menu-content .content-panel .column a, .mega-menu .menu-container .menu-content .content-panel .column p {
    color: black !important;
}

.navbar {
    position: relative;
    padding: 0 !important;
}


.nav-links .nav-item.products a.nav-link:hover {
    background: red;
    padding: 2rem;
}

.mega-menu {
    position: absolute;
    top: 100%;
    left: 4rem;
    right: 4rem;
    display: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}


.menu-container {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
}


.menu-tabs {
    width: 20%;
    border-right: 2px solid #ddd;
    background-color: #232220;
}

    .menu-tabs .tab p {
        font-size: 18px;
        letter-spacing: 2px;
        line-height: 26px;
        text-transform: uppercase;
        color: #ffffff;
        font-weight: 300;
        font-family: "Poppins";
    }

    .menu-tabs div {
        padding: 2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
    }

        .menu-tabs div:hover, .menu-tabs .active {
            background: red;
            color: #ffffff;
        }

.menu-content {
    background-color: #ffffff;
    flex: 1;
    padding: 2rem 3rem;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.content-panel {
    display: none;
    width: 100%;
}

    .content-panel.active {
        display: flex;
        gap: 2rem;
    }

.column {
    flex: 1;
    max-width: 280px;
}

    .column h3 {
        font-size: 18px;
        letter-spacing: 2px;
        line-height: 26px;
        text-transform: uppercase;
        color: black;
        font-weight: 300;
        font-family: "Poppins";
        border-bottom: 2px solid red;
        margin-bottom: 3rem;
    }

.submenu {
    display: none;
    position: absolute;
    background: #ffffff;
    padding: 10px;
}

.nav-item:hover .submenu {
    display: block;
}

.nav-link {
    text-decoration: none;
    padding: 10px;
    color: black;
}

    .nav-link:hover {
        color: blue;
    }

/* home-banner */

.home_banner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: right;
}

.banner_item img {
    height: auto;
    object-fit: contain;
    background-size: cover;
}

/* Navigation Button Styles */
.owl-nav {
    text-align: center;
    margin-top: 10px;
}

.custom-prev, .custom-next {
    background-color: #ff6600;
    color: #ffffff;
    border: none;
    padding: 10px 15px;
    font-size: 18px;
    cursor: pointer;
    margin: 5px;
    border-radius: 5px;
}

    .custom-prev:hover, .custom-next:hover {
        background-color: #ff4500;
    }

.overlay_text {
    position: absolute;
    top: 20%;
    right: 8%;
}


/* home about */

.home_about {
    display: flex;
    justify-content: space-between;
    align-items:center;
    width: 100%;
}

.home_about_BlackText {
    font-weight: 400;
    font-size: 30px;
}

.home_about_RedText {
    font-weight: 400;
    font-size: 30px;
    color: red;
}

.home_about_content {
    width: 40%;
}

.home_about_img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    gap: 2rem;
}

    .home_about_img img {
        width: auto;
        position: relative;
        border-radius: 10px;
    }

.home_about_circle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    background-color: #4f4f4f;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

    .home_about_circle p {
        color: #ffffff;
        font-family: "Poppins";
        font-weight: 300;
        font-size: 30px;
    }

/* home_solution */

.home_solution {
    background-color: #363636;
    text-align: center;
}

    .home_solution .item_container .row .item .content {
        text-align: left;
    }

        .home_solution .item_container .row .item .content p, .item .content .heading {
            margin-top: 1rem;
            color: #ffffff;
            font-family: 'Poppins';
        }

        .home_solution .item_container .row .item .content .heading span {
            color: #ffffff;
            font-family: 'Poppins';
        }

        .home_solution .item_container .row .item .content .button {
            margin: 2rem 0 3rem 0;
        }

    .home_solution .item_container .row .item {
        padding: 2rem;
    }

        .home_solution .item_container .row .item .solution_img {
            overflow: hidden;
            border-radius: 10px;
            margin-bottom: 2rem;
        }

            .home_solution .item_container .row .item .solution_img img {
                width: inherit;
                transform: scale(1);
            }

        .home_solution .item_container .row .item:hover .solution_img img {
            transform: scale(1.1);
            transition: 1s ease;
            border-radius: 5px;
        }

        .home_solution .item_container .row .item:hover .subheading, .teamTextBox:hover {
            color: #ee1c25;
        }

        .home_solution .item_container .row .item:not(:last-child) {
            border-right: 1px solid #ccc;
        }

    .home_solution .image-container img {
        transform: scale(1);
    }


/* PRODUCT */

.productText {
    margin-left: 60px;
}

.productMain {
    height: 250px;
    width: 280px;
    border-radius: 8px;
}

.productBox {
    background-color: #e6e9eb;
}

.productInnerText {
    background-color: #ededed;
}

.productImg img {
    height: 80px;
    width: 110px !important;
}

.productImg {
    background-color: #f6f6f6;
    ;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.productInnerText {
    padding: 1.5rem;
}

    .productInnerText p {
        margin: 0 !important;
    }

    .productInnerText .buttons a {
        margin: 1rem 0 0 0;
    }

#productBox3 {
    margin-right: 60px;
}

.product_slider .owl-stage-outer {
    overflow: hidden;
}

.product_slider .owl-stage {
    display: flex !important;
    width: 100% !important;
}

.product_slider .owl-item {
    flex: 0 0 auto;
}

.product_slider .owl-nav, .product_slider .owl-dots {
    display: none;
}

.our_industries {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6rem;
}


/* news */

#news {
    text-align: center;
    background-color: #363636;
}

    #news h2 {
        color: #ffffff;
        font-weight: 300;
        font-family: "Poppins";
    }

.home_news {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .home_news .left {
        margin-right: 3rem;
    }

    .home_news .right {
        border-left: 1px solid gray;
        padding: 0 3rem;
    }

    .home_news .left img {
        width: 100%;
        height: 400px;
        border-radius: 10px;
        margin-bottom: 2rem;
    }

    .home_news .left .news_text, .home_news .right .news_text {
        display: flex;
        justify-content: space-between;
        text-align: left;
    }

        .home_news .left .news_text > div:first-child, .home_news .right .news_text > div:first-child {
            margin-right: 2rem;
        }

        .home_news .left .news_text span, .home_news .right .news_text span {
            font-size: 48px;
            color: #ffffff;
            font-weight: 300;
            font-family: "Gotham";
        }

        .home_news .left .news_text h3, .home_news .right .news_text h3 {
            font-size: 18px;
            color: #ffffff;
            font-weight: 300;
            font-family: "Gotham";
            opacity: 0.341;
        }

        .home_news .left .news_text p, .home_news .right .news_text p {
            font-size: 20px;
            color: #ffffff;
            font-weight: 300;
            font-family: "Gotham";
        }

    .home_news .right hr {
        width: 100%;
        height: 2px;
        border: none;
        background-color: #ffffff;
        margin: 2rem 0;
    }

/* BRAND */
.brand_text {
    height: 120px;
    padding: 50px 0 60px 90px;
    font-size: 35px;
    font-weight: lighter;
}

.brand_photo .owl-stage-outer .owl-stage {
    margin: 2rem 0;
}

.brand_photo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brand_inner_img {
    height: 55px;
    width: 160px;
    border: 1px solid rgb(197, 194, 194);
    padding: 12px;
    margin-top: 20px;
    border-radius: 8px;
}


/* footer */

.footer_container {
    background-color: #2b2b2b;
    color: #ffffff;
    padding: 4rem 0;
}

.footerbox {
    margin-top: 60px;
}

    .footerbox ul li a {
        text-decoration: none;
        color: #ffffff;
    }

    .footerbox ul li {
        list-style: none;
    }

    .footerbox ul {
        padding-left: 0px;
    }

    .footerbox .box2 {
        border-left: 1px solid gray;
        padding-left: 3rem;
    }

        .footerbox .box2 p, .footerbox .box3 p {
            font-size: 26px;
            letter-spacing: 1px;
            color: #ffffff;
            font-weight: 250;
            font-family: "Oswald";
            margin-bottom: 2rem;
        }

        .footerbox .box2 ul li a, .footerbox .box3 span, .last p {
            opacity: 0.620;
            font-size: 18px;
            line-height: 31px;
            color: #d3d3d3;
            font-weight: 300;
            font-family: "Poppins";
        }

    .footerbox .box3 {
        border-left: 1px solid gray;
        padding-left: 3rem;
    }

        .footerbox .box3 i {
            margin-right: 1rem;
        }

    .footerbox .social-icons {
        display: flex;
        align-items: center;
    }

        .footerbox .social-icons em {
            margin-right: 1rem;
            color: #b82828;
        }

.last {
    margin-top: 50px;
    border-top: 1px solid gray;
    padding-top: 25px;
}


/* Solution page */

#other_solutions {
    margin-bottom: 8rem;
padding: 1rem;
}

.solutionBox a{
color: black;
}



.cardBox1 {
    background-color: #ededed;
    padding: 4rem;
}

.cardBox2 {
    background-color: rgb(191, 192, 194);
    color: #ffffff;
    padding: 4rem;
}

.cardBox3 {
    background-color: rgb(98, 99, 100);
    color: #ffffff;
    padding: 4rem;
}

.cardBox1 h3 {
    margin-bottom: 2rem;
    font-size: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #4f4f4f;
    font-weight: 300;
    font-family: "Gotham";
}

.cardBox2 h3, .cardBox3 h3 {
    margin-bottom: 2rem;
    font-size: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 300;
    font-family: "Gotham";
}

/* .solution{
    padding: 8rem;
} */

.solutionFirst {
    overflow: hidden;
}

    .solutionFirst img {
        border-radius: 15px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.solutionBox {
    
    margin-bottom: 2rem;
}

    .solutionBox p {
    
font-family: 'Gotham';
   
    margin-bottom: 0;
    }




/* product-details */

#product_gallery {
    margin-bottom: 6rem;
}

    #product_gallery h2 {
        margin-bottom: 3rem;
    }

.productHead {
    background: #f2f2f2;
    padding:3rem 0;
}

.productdetailvideo {
    position: relative;
}

    .productdetailvideo video {
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }

    .productdetailvideo .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        border-radius: 8px;
        overflow: hidden;
    }

.play-icon {
    width: 80px;
    height: 50px;
    background-color: red;
    border-radius: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.play-triangle {
    width: 0;
    height: 0;
    border-left: 15px solid #ffffff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    margin-left: 5px;
}

.play-icon:hover {
    transform: scale(1.1);
    color: #ff0000;
}

.product-detail-slider .img1 img, .product-detail-slider .img2 img {
    height: auto;
    width: 100%;
    border: 1px solid gray;
}

.product-detail-slider .owl-stage {
    display: flex !important;
}

.product-detail-slider .owl-stage-outer {
    overflow: hidden !important;
}

.product-detail-slider .owl-dots {
    display: none !important;
}



.product-detail-slider .owl-nav button.owl-prev ,.owl-next {
    background-color: #bf1b1b;
    color:#fff;
    border: none;
    font-size: 34px;
    width: 34px;
    height: 34px;
    border-radius: 21%;
    transition: background-color 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}


.product-detail-slider .owl-nav {
    /*display: none !important;*/

    display: flex;    

    justify-content: center;
    align-items: center;
    /* margin-top: 15px; */
    gap: 20px;
}



/* About page */

.banner {
    position: relative;
    overflow: hidden;
    background: rgb(246, 248, 250);
}

.bannerText {
    padding: 5rem;
    width: 45%;
}

.bannerImage {
    position: absolute;
    right: 0;
    top: 0;
    width: 55%;
    height: 100%;
}

    .bannerImage img {
        height: 100%;
    width: 100%;
    object-fit: cover;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
    }

#about_working {
    padding: 6rem 0;
}

.workingPhoto img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.workingtext {
    padding: 15px 80px 20px 30px;
    margin-top: 50px;
}

.workingInner {
    margin: 2rem 0;
}

    .workingInner .item {
        padding: 0.5rem 0;
    }

        .workingInner .item span {
            font-size: 24px;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #4f4f4f;
            font-weight: 300;
            font-family: "Gotham";
        }

#about_cards {
    margin-bottom: 6rem;
}

.ideabox {
    background: #ededed;
    padding: 2rem;
    clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
}

    .ideabox h5 {
        font-weight: 400;
        margin: 1rem 0;
        padding-left: 0 !important;
    }

.ideabox:hover {            
    background: rgb(252, 34, 34) !important;
    color: #ffffff;
  }
 

#about_mission .row {
    min-height: 550px;
}

.missionInner {
    padding: 1rem;
    background-color: #ededed;
    border-bottom: 3px solid red;
    position: absolute;
    left: 50%;
    top: 50%;
}

.mission_img {
    display: flex;
    width: 100%;
    height: inherit;
    /* overflow: hidden; */
    border-radius: 6px;
    position: relative;
}

.missionLogo {
    width: 100%;
}
/* 
  .missionLogo img{
    width: 350px;
    padding: 0 4rem;
  } */
.mission_img .img1, .mission_img .img2 {
    width: 500px;
    height: 400px;
    object-fit: cover;
}





.about_values {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .about_values img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

#value_heading {
    color: #ffffff;
}

.valuesText {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 4rem;
}

.valuesText1 {
    text-align: center;
    padding: 2rem 13em;
}

    .valuesText1 p {
        font-size: 14px;
    }

.valuesBox img {
    width: auto;
height: 60px;
}

.valuesBox p {
    padding: 10px 0px;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 300;
    font-family: "Gotham";
    text-align: center;
}

#about_team {
    padding: 6rem 0;
}

.teamMain {
    padding: 2rem 7rem;
}

.teamText {
    align-items: flex-end;
    margin-bottom: 3rem;
}

.teamImage {
    gap: 2.5rem;
    padding-bottom: 2rem;
}

.teamBox {
    position: relative;
    display: flex;
    align-items: end;
    justify-content: center;
    margin-bottom: 1.5rem;
}

    .teamBox img {
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }

.teamTextBox {
    background-color: rgb(56, 56, 56);
    color: #ffffff;
    position: absolute;
    padding: 12px;
    bottom: 10px;
    width: 90%;
}



/* Products */
/* .filter_container ul{
  display: flex;
  align-items: flex-start;
} */

#products-filters {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: left;
}

    #products-filters li {
        list-style: none;
    }

        #products-filters li a {
            text-decoration: none;
            padding-right: 30px;
            color: rgb(93, 93, 94);
            cursor: pointer;
        }

            #products-filters li a:hover {
                color: red;
            }

.products_img_container {
    padding-top: 0px;
    padding-bottom: 40px;
}

    .products_img_container .product-item {
        position: relative;
        margin-bottom: 1rem;
    }


.products_img_container .product-item .content{
  position: absolute;
  top: 31%;
  left: 10%;
}



        .products_img_container .product-item img {
            background-size: cover;
            height: 100%;
            width: 100%;
            filter: brightness(75%);
        }



       .products_img_container .product-item .content .text h5{
  font-size: 30px;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff;
font-weight: 300;
font-family: "Oswald";
}

   .products_img_container > .product-item:hover img {
    opacity: 0.4;
  }

   .products_img_container .product-item .content:hover .text h5 {
    color: black
  }

/* #more_btn{
    margin-top: 6rem;
  }
*/

.products_img_container > .product-item:hover .content #more_btn{
    display: block;
    margin-top: 6rem;
  }
 
  #more_btn{
    display: none;
  }


 
  .products_img_container .product-item:hover .content .text h5 {
    color: black
  }

/* brand-list  */
.brand_container {
    display: flex;
    align-items: center;
    justify-content: center;
}





/* solutionListing */

.solutionListing {
    text-align: center;
}

    .solutionListing h2 {
        color: #363636;
    }

    .solutionListing .item_container .row .item .content {
        text-align: left;
    }

        .solutionListing .item_container .row .item .content .subheading {
            color: #363636;
        }

        .solutionListing .item_container .row .item .content .buttons a p {
            color: #363636;
        }

    .solutionListing .item_container .row .item {
        padding: 2rem;
    }

        .solutionListing .item_container .row .item .solution_img {
            overflow: hidden;
            border-radius: 10px;
            margin-bottom: 2rem;
        }

            .solutionListing .item_container .row .item .solution_img img {
                width: inherit;
                transform: scale(1);
            }

        .solutionListing .item_container .row .item:hover .solution_img img {
            transform: scale(1.1);
            transition: 1s ease;
            border-radius: 5px;
        }

        .solutionListing .item_container .row .item:hover .subheading {
            color: #ee1c25;
        }

        .solutionListing .item_container .row .item:not(:last-child) {
            border-right: 1px solid #ccc;
        }

    .solutionListing .image-container img {
        transform: scale(1);
    }


/* newsListing */

.article_first, .article_second {
    width: 100%;
    overflow: hidden;
}

    .article_first img, .article_second img {
        border-radius: 15px;
        min-height: 500px;
        width: 100%;
        cursor: pointer;
    }

.article_inner .article_date h2 {
    font-size: 48px;
    color: #363636;
    font-weight: 300;
    font-family: "Gotham";
}



    .article_inner .article_link_box a, .article_inner .article_link2 {
        text-decoration: none;
        text-transform: uppercase;
        color: #363636;
    }

        .article_inner .article_link2 a:hover, .article_inner .article_link2 a:hover {
            color: #ee1c25;
        }

        .article_inner .article_link_box a p {
            font-size: 20px;
            color: #363636;
            font-weight: 300;
            font-family: "Gotham";
        }

.article_inner {
    margin-top: 2rem !important;
}


/* contact-us */

.contact_map {
    width: 100%;
    margin: 4rem 0;
}

    .contact_map iframe {
        width: 100%;
    }

.getintouch {
    width: 60%;
    margin: 8rem auto;
    text-align: center;
}

.inputboxes {
    margin: 2rem 0;
}

.WriteMassage textarea {
    width: 100%;
    padding: 1rem;
}

.inputboxes input {
    width: 100%;
    padding: 1rem;
}

#news_btn {
    background-color: #b82828;
    border: none;
    color: #ffffff;
    padding: 1rem 2rem;
}

.home_about_circle.aos-init.aos-animate {
    transform: translate(-50%, -50%) !important;
}

 #collapseProductCenter.collapse:not(.show) .accordion-button,
#collapseProductCenter.collapse:not(.show) .accordion-collapse {
  display: none;
}


.footerbox .box3 em{
margin-right: 1rem;
}

.offcanvas-body .accordion-item a{
    color: rgb(33, 37, 41);
    font-weight: 400;
    font-size: 18px;
    font-family: 'Gotham';
}


.offcanvas-body .accordion-button{
 color: rgb(33, 37, 41);
    font-weight: 400;
    font-size: 18px;
    font-family: 'Gotham';

padding:10px 0;
}

.offcanvas-body .accordion-item{
padding:10px 0;
}

.offcanvas-body div#collapseProducts .accordion-item{
color: rgb(33, 37, 41) !important;
}


.offcanvas-body div#collapseProducts .accordion-body{
padding-left:15px;

}


.offcanvas-body li{
list-style-type:none;

}

input{
border:1px solid olor: #212529;

}


.missionInner {
    height: 70%;
}


#products-filters li a {     line 1115 
cursor: pointer;

}



#brand_container .row{                                 
 gap: 8rem;
 margin: 8rem 0
}
 
.brandlogo{
  background-color: #e6e9eb;
    display: flex;
    align-items: center;
    justify-content: center;
}
 
.brandlogo img{
  width: 100%;
  padding: 8rem;
}

#products-filters li.active a{
    color: red;
}


iframe{
max-width: 100%  !important;
}

.menu-tabs i {
margin-left: 1rem
}