@charset "utf-8";
/* CSS Document */
 
        :root{
            --primary:#d71920;
            --primary-dark:#a80f15;
            --dark:#151515;
            --dark-2:#222;
            --light:#f6f7f9;
            --text:#555;
            --white:#fff;
            --border:#e8e8e8;
        }

        html{scroll-behavior:smooth;}
        body{
            margin:0;
            font-family:'Roboto',sans-serif;
            color:var(--text);
            background:#fff;
            overflow-x:hidden;
        }
        h1,h2,h3,h4,h5,h6{
            font-family:'Montserrat',sans-serif;
            color:var(--dark);
            font-weight:700;
        }
        a{transition:all .3s ease;}
        img{max-width:100%;}

        /* Top Bar */
        .topbar{
            background:var(--dark);
            color:#ddd;
            font-size:13px;
            padding:9px 0;
            /* display: none; */
        }
        .topbar a{color:#fff;text-decoration:none;}
        .topbar i{color:#ef3036;margin-right:6px;}

        /* Header */
        .main-header{
            background:#fff;
            box-shadow:0 4px 18px rgba(0,0,0,.08);
            position:relative;
            z-index:1000;
        }
        .navbar{
            padding:16px 0;
        }
        .brand-wrap{
            display:flex;
            align-items:center;
            text-decoration:none !important;
        }
        .brand-mark{
            width:52px;
            height:52px;
            background:var(--primary);
            color:#fff;
            border-radius:8px;
            display:flex;
            align-items:center;
            justify-content:center;
            margin-right:12px;
            font-size:24px;
            box-shadow:0 8px 20px rgba(215,25,32,.22);
        }
        .brand-name{
            color:var(--dark);
            font-size:20px;
            line-height:1.05;
            font-weight:800;
            letter-spacing:.2px;
        }
        .brand-sub{
            color:#777;
            font-size:11px;
            letter-spacing:1.6px;
            margin-top:4px;
        }
        .navbar-nav .nav-link{
            color: #000000;
            font-family:'Montserrat',sans-serif;
            font-size:13px;
            font-weight:600;
            text-transform:uppercase;
            padding:12px 13px !important;
        }
        .navbar-nav .nav-link:hover,
        .navbar-nav .active > .nav-link{
            color:var(--primary) !important;
        }
        .dropdown-menu{
            border:0;
            border-top:3px solid var(--primary);
            border-radius:0 0 8px 8px;
            box-shadow:0 12px 30px rgba(0,0,0,.14);
            min-width:260px;
            padding:8px 0;
        }
        .dropdown-item{
            font-size:13px;
            color:#333;
            padding:9px 18px;
            white-space:normal;
        }
        .dropdown-item:hover{
            color:var(--primary);
            background:#fff5f5;
            padding-left:23px;
        }
    

        /* Hero */
        .hero .carousel-item{
            height: 536px;
            position:relative;
            background:#161616;
        }
        .hero .carousel-item img{
            width:100%;
            height:100%;
            object-fit:cover;
            opacity:.42;
        }
        .hero .carousel-caption{
            left:0;
            right:0;
            bottom:0;
            top:0;
            display:flex;
            align-items:center;
            text-align:left;
        }
        .hero-content{
            max-width:760px;
            padding:40px 15px;
            text-align: center;
            display: block;
            margin: 0 auto;
        }


        .hero-kicker{
            display:inline-block;
            color:#fff;
            background:var(--primary);
            padding: 6px 12px;
            font-size: 11px;
            text-transform:uppercase;
            letter-spacing:1.5px;
            font-weight:700;
            margin-bottom:18px;
        }
        .hero h1{
            color:#fff;
            font-size:44px;
            line-height: 1.2;
            font-weight: 700;
            margin-bottom:18px;
        }
        .hero p{
            color:#eee;
            font-size:18px;
            line-height:1.7;
            max-width:690px;
            margin-bottom:28px;
        }
        .btn-main{
            background:var(--primary);
            border:2px solid var(--primary);
            color:#fff;
            font-weight:700;
            padding:12px 24px;
            border-radius:4px;
            text-transform:uppercase;
            font-size:12px;
            letter-spacing:.5px;
        }
        .btn-main:hover{
            background:transparent;
            color:#fff;
            border-color:#fff;
        }
        .btn-outline-light-custom{
            color:#fff;
            border:2px solid #fff;
            padding:12px 24px;
            border-radius:4px;
            font-size:12px;
            font-weight:700;
            text-transform:uppercase;
            margin-left:8px;
        }
        .btn-outline-light-custom:hover{
            background:#fff;
            color:#222;
        }
        .carousel-control-prev,.carousel-control-next{
            width:6%;
        }
        .carousel-indicators li{height:4px;border-radius:3px;}

        /* Common */
        .section{
            padding:90px 0;
        }
        .section-light{background:var(--light);}
        .section-dark{background:#171717;}
        .section-title{
            text-align:center;
            margin-bottom:48px;
        }
        .section-title .eyebrow{
            color:var(--primary);
            font-size:12px;
            text-transform:uppercase;
            letter-spacing:2px;
            font-weight:800;
            display:block;
            margin-bottom:10px;
        }
        .section-title h2{
            font-size:36px;
            margin-bottom:14px;
        }
        .section-title p{
            max-width:720px;
            margin:0 auto;
            line-height:1.8;
        }

        /* About */
        .about-image{
            position:relative;
            padding:0 20px 20px 0;
        }
        .about-image img{
            width:100%;
            height:480px;
            object-fit:cover;
            border-radius:8px;
            box-shadow:0 15px 35px rgba(0,0,0,.12);
        }
        .about-image:after{
            content:"";
            position:absolute;
            right:0;
            bottom:0;
            width:150px;
            height:150px;
            border-right:7px solid var(--primary);
            border-bottom:7px solid var(--primary);
            border-radius:0 0 7px 0;
            z-index:-1;
        }
        .about-content h2{font-size:36px;margin-bottom:20px;}
        .about-content p{line-height:1.9;margin-bottom:15px;}
        .about-list{
            list-style:none;
            padding:0;
            margin:24px 0 0;
        }
        .about-list li{
            margin-bottom:12px;
            font-weight:500;
        }
        .about-list i{
            color:var(--primary);
            margin-right:10px;
        }

        /* Product categories */
        .category-card{
            background:#fff;
            /* border:1px solid var(--border); */
            padding:30px 24px;
            text-align:center;
            height:100%;
            border-radius:8px;
            transition:all .35s ease;
        }
        .category-card:hover{
            transform:translateY(-9px);
            box-shadow:0 18px 35px rgba(0,0,0,.11);
            border-color:#fff;
        }
        .category-icon{
            width:68px;
            height:68px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:#fff0f0;
            color:var(--primary);
            border-radius:50%;
            margin:0 auto 18px;
            font-size:25px;
            transition:all .35s ease;
        }
        .category-card:hover .category-icon{
            background:var(--primary);
            color:#fff;
            transform:rotateY(180deg);
        }
        .category-card h4{font-size:17px;margin-bottom:10px;}
        .category-card p{font-size:14px;line-height:1.7;margin:0;}

        /* Featured products */
        .product-card{
            background:#fff;
            border:1px solid var(--border);
            border-radius:8px;
            overflow:hidden;
            height:100%;
            transition:all .35s ease;
        }
        .product-card:hover{
            transform:translateY(-8px);
            box-shadow:0 18px 38px rgba(0,0,0,.13);
        }
        .product-img{
            height:245px;
            background:#f5f5f5;
            overflow:hidden;
            position:relative;
        }
        .product-img img{
            width:100%;
            height:100%;
            object-fit:cover;
            transition:transform .5s ease;
        }
        .product-card:hover .product-img img{transform:scale(1.08);}
        .product-tag{
            position:absolute;
            left:15px;
            top:15px;
            background:var(--primary);
            color:#fff;
            padding:6px 10px;
            border-radius:3px;
            font-size:10px;
            font-weight:700;
            text-transform:uppercase;
        }
        .product-body{padding:22px;}
        .product-body h4{
            font-size:16px;
            line-height:1.4;
            margin-bottom:10px;
        }
        .product-body p{
            font-size:13px;
            line-height:1.65;
            margin-bottom:15px;
        }
        .product-link{
            color:var(--primary);
            font-size:12px;
            text-transform:uppercase;
            font-weight:800;
            text-decoration:none !important;
        }
        .product-link i{margin-left:5px;transition:all .3s;}
        .product-link:hover i{margin-left:10px;}

        /* Product list */
        .product-list{
            columns:3;
            column-gap:45px;
            padding:0;
            margin:0;
            list-style:none;
        }
        .product-list li{
            break-inside:avoid;
            padding:12px 0 12px 22px;
            border-bottom:1px solid #333;
            color:#ddd;
            position:relative;
            font-size:14px;
        }
        .product-list li:before{
            content:"";
            width:7px;
            height:7px;
            border-radius:50%;
            background:var(--primary);
            position:absolute;
            left:0;
            top:18px;
        }
        .product-list li:hover{color:#fff;padding-left:27px;}

        /* Why us */
        .why-box{
            background:#fff;
            padding:32px 25px;
            border-radius:8px;
            height:100%;
            border-bottom:3px solid transparent;
            transition:all .35s ease;
        }
        .why-box:hover{
            border-bottom-color:var(--primary);
            transform:translateY(-7px);
            box-shadow:0 15px 30px rgba(0,0,0,.08);
        }
        .why-number{
            font-size:40px;
            font-weight:800;
            color:#f0d0d0;
            line-height:1;
            margin-bottom:16px;
        }
        .why-box h4{font-size:17px;}
        .why-box p{font-size:14px;line-height:1.8;margin:0;}

        /* CTA */
        .cta{
            padding:65px 0;
            background:linear-gradient(115deg,#b30f16,#e51d25);
            color:#fff;
        }
        .cta h2{color:#fff;font-size:34px;margin-bottom:10px;}
        .cta p{margin:0;color:#fbe9e9;}
        .cta .btn{
            background:#fff;
            color:#b30f16;
            font-weight:800;
            padding:13px 23px;
            border-radius:4px;
        }
        .cta .btn:hover{background:#171717;color:#fff;}

        /* Contact */
        .contact-card{
            background:#fff;
            padding:30px;
            /* border:1px solid var(--border); */
            border-radius:8px;
            /* height:100%; */
            transition:all .3s;
        }
        .contact-card:hover{box-shadow:0 15px 35px rgba(0,0,0,.08);transform:translateY(-5px);}
        .contact-icon{
            width:52px;height:52px;border-radius:50%;
            display:flex;align-items:center;justify-content:center;
            background:#fff0f0;color:var(--primary);
            margin-bottom:18px;font-size:20px;
        }
        .contact-card h4{font-size:17px;}
        .contact-card p{font-size:14px;line-height:1.8;margin-bottom:0;}
        .contact-card a{color:#555;text-decoration:none;}
        .contact-card a:hover{color:var(--primary);}

        .form-control{
            height:50px;
            border-radius:4px;
            border:1px solid #ddd;
            font-size:14px;
        }
        textarea.form-control{height:135px;resize:none;}
        .form-control:focus{
            border-color:var(--primary);
            box-shadow:0 0 0 .15rem rgba(215,25,32,.12);
        }

        /* Footer */
        footer{
            background:#111;
            color:#aaa;
            padding:60px 0 0;
        }
        footer h4{
            color:#fff;
            font-size:16px;
            margin-bottom:22px;
        }
        footer p,footer li{font-size:13px;line-height:1.9;}
        footer ul{padding:0;list-style:none;}
        footer ul li{margin-bottom:6px;}
        footer ul li a{color:#aaa;text-decoration:none;}
        footer ul li a:hover{color:#fff;padding-left:4px;}
        .footer-brand{color:#fff;font-size:20px;font-weight:800;margin-bottom:15px;}
        .social a{
            display:inline-flex;
            width:36px;height:36px;
            border:1px solid #444;
            align-items:center;justify-content:center;
            color:#fff;margin-right:6px;border-radius:50%;
            text-decoration:none;
        }
        .social a:hover{background:var(--primary);border-color:var(--primary);}
        .copyright{
            border-top:1px solid #292929;
            margin-top:45px;
            padding:18px 0;
            font-size:12px;
        }

        /* Floating buttons */
        .float-actions{
            position:fixed;
            right:18px;
            bottom:18px;
            z-index:999;
            display:flex;
            flex-direction:column;
            gap:9px;
        }
        .float-actions a{
            width:46px;height:46px;
            border-radius:50%;
            display:flex;align-items:center;justify-content:center;
            color:#fff;text-decoration:none;
            box-shadow:0 8px 20px rgba(0,0,0,.2);
        }
        .call-btn{background:#222;}
        .wa-btn{background:#25d366;}
        .top-btn{background:var(--primary);display:none !important;}
        .top-btn.show{display:flex !important;}

        /* Responsive */
        @media(max-width:1199px){
            .navbar-nav .nav-link{padding-left:8px !important;padding-right:8px !important;}
            .hero h1{font-size:46px;}
        }
        @media(max-width:991px){
            .topbar .text-right{text-align:left !important;margin-top:5px;}
            .navbar{padding: 12px 10px;}
            .navbar-collapse{
                background:#fff;
                padding:10px 0;
                margin-top:10px;
                border-top:1px solid #eee;
            }
            .header-btn{display:inline-block;margin:5px 13px;}
            .dropdown-menu{
                box-shadow:none;
                border-top:0;
                border-left:3px solid var(--primary);
                border-radius:0;
                background:#fafafa;
            }
            .hero .carousel-item{height:560px;}
            .hero h1{font-size:40px;}
            .hero p{font-size:16px;}
            .product-list{columns:2;}
            .about-image{margin-bottom:35px;}
        }
        @media(max-width:767px){
            .topbar{font-size:11px;}
            .topbar .text-right{text-align:left !important;}
            .brand-name{font-size:17px;}
            .brand-sub{font-size:9px;}
            .brand-mark{width:44px;height:44px;font-size:19px;}
            .hero .carousel-item{height:610px;}
            .hero h1{font-size:34px;}
            .hero p{font-size:15px;}
            .hero-content{padding:30px 25px;}
            .btn-main,.btn-outline-light-custom{display:inline-block;margin:4px 0;padding:11px 17px;}
            .section{padding:65px 0;}
            .section-title h2{font-size:29px;}
            .about-image img{height:380px;}
            .product-list{columns:1;}
            .cta{text-align:center;}
            .cta .btn{margin-top:22px;}
            footer{padding-top:45px;}
        }
        @media(max-width:480px){
            .hero h1{font-size:29px;}
            .hero-kicker{font-size:10px;}
            .hero .carousel-item{height:600px;}
            .section-title h2{font-size:26px;}
            .about-content h2{font-size:28px;}
        }
   



@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px;
    }
}

.carousel-control-next, .carousel-control-prev {
     z-index: 100; 
}

.carousel-indicators {
     bottom: 10px;
}

.card-right{
    display: inline-block;
    float: right;
    margin-top: -125px;
    }



@media (min-width: 992px) {

    .navbar-nav .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transform: translateY(12px);
        transition: all 0.3s ease;
    }

    .navbar-nav .dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

}



        /* =====================================================
           HEADER
        ====================================================== */

        .main-header {
            width: 100%;
            background: #ffffff;
            border-bottom: 1px solid #eeeeee;
            position: relative;
            z-index: 9999;
        }


        /* =====================================================
           NAVBAR
        ====================================================== */

        .navbar {
            min-height: 80px;
    padding: 10px 0;
        }


        /* =====================================================
           LOGO
        ====================================================== */

        .navbar-brand {
            padding: 0;

            margin-right: 35px;
        }

        .navbar-brand img {
            display: block;

            max-width: 220px;

            max-height: 55px;

            width: auto;

            height: auto;
        }


        /* =====================================================
           MAIN NAVIGATION
        ====================================================== */

        .navbar-nav {
            align-items: center;
        }

        .navbar-nav .nav-item {
            position: relative;
        }

        .navbar-nav .nav-link {
            display: block;

            padding: 30px 18px !important;

            color: #222222 !important;

            font-size: 14px;

            font-weight: 500;

            text-transform: uppercase;

            text-decoration: none;

            transition: all 0.3s ease;
        }

        .navbar-nav .nav-link:hover {
            color: #e31b23 !important;
        }

        .navbar-nav .active > .nav-link {
            color: #e31b23 !important;
        }


        /* =====================================================
           PRODUCTS ITEM
           
           IMPORTANT:
           This must NOT be inside media query.
           It positions desktop dropdown correctly.
        ====================================================== */

        .products-item {
            position: relative;
        }


        /* =====================================================
           PRODUCTS BUTTON
        ====================================================== */

        .products-toggle {
            cursor: pointer;

            position: relative;
        }

        .products-arrow {
            margin-left: 5px;

            font-size: 9px;

            transition: transform 0.3s ease;
        }

        .products-toggle.open .products-arrow {
            transform: rotate(180deg);
        }


        /* =====================================================
           PRODUCTS DROPDOWN - DESKTOP
        ====================================================== */

        .products-dropdown {
            display: none;

            position: absolute;

            top: 100%;

            left: 0;

            width: 355px;

            background: #f7f8f9;

            padding: 12px 0 0;

            margin: 0;

            border-top: 3px solid #e31b23;

            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);

            z-index: 99999;
        }

        .products-dropdown.open {
            display: block;
        }


        /* =====================================================
           FEATURED PRODUCTS TITLE
        ====================================================== */

        .featured-title {
            padding: 12px 20px 15px;

            color: #555555;

            font-size: 13px;

            font-weight: 400;
        }


        /* =====================================================
           PRODUCT PARENT
        ====================================================== */

        .product-parent {
            position: relative;

            width: 100%;
        }


        /* =====================================================
           PRODUCT LINK
        ====================================================== */

        .product-link {
            display: block;
            position: relative;
            width: 100%;
            padding: 10px 30px;
            color: #333333;
            background: transparent;
            font-size: 13px;
            font-weight: 400;
            text-decoration: none !important;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .product-link:hover {
            color: #e31b23;

            background: #ffffff;
        }


        /* =====================================================
           RIGHT ARROW
        ====================================================== */

        .product-arrow {
            position: absolute;

            right: 18px;

            top: 50%;

            transform: translateY(-50%);

            color: #e31b23;

            font-size: 10px;

            transition: transform 0.3s ease;
        }

        .product-parent.open .product-arrow {
            transform:
                translateY(-50%)
                rotate(90deg);
        }


        /* =====================================================
           PRODUCT SUBMENU
        ====================================================== */

        .product-submenu {
            display: none;

            list-style: none;

            margin: 0;

            padding: 0;

            background: #ffffff;
        }

        .product-parent.open > .product-submenu {
            display: block;
        }


        /* =====================================================
           SUBMENU LINKS
        ====================================================== */

        .product-submenu li {
            margin: 0;

            padding: 0;
        }

        .product-submenu li a {
            display: block;

            padding: 11px 45px;

            color: #555555;

            background: #ffffff;

            font-size: 13px;

            line-height: 1.4;

            text-decoration: none;

            border-bottom: 1px solid #f2f2f2;

            transition: all 0.3s ease;
        }

        .product-submenu li a:hover {
            color: #e31b23;

            background: #fafafa;

            padding-left: 50px;
        }


        /* =====================================================
           ALL PRODUCTS
        ====================================================== */

        .all-products {
            display: block;

            width: 100%;

            margin-top: 5px;

            padding: 15px 22px;

            background: #fff1f1;

            color: #e31b23 !important;

            font-size: 14px;

            text-decoration: none !important;

            transition: all 0.3s ease;
        }

        .all-products:hover {
            background: #e31b23;

            color: #ffffff !important;
        }


        /* =====================================================
           MOBILE HAMBURGER
        ====================================================== */

        .navbar-toggler {
            width: 48px;

            height: 43px;

            padding: 0;

            border: 1px solid #dddddd;

            border-radius: 0;

            background: #ffffff;
        }

        .navbar-toggler:focus {
            outline: none;

            box-shadow: none;
        }

        .navbar-toggler .fas {
            font-size: 22px;

            color: #222222;
        }


        /* =====================================================
           MOBILE / TABLET
        ====================================================== */

        @media (max-width: 991px) {


            /* -------------------------------------------------
               NAVBAR
            ------------------------------------------------- */

            .navbar {
                min-height: 65px;

                padding: 10px 12px;
            }


            /* -------------------------------------------------
               LOGO
            ------------------------------------------------- */

            .navbar-brand {
                margin: 0;

                padding: 0;

                max-width: calc(100% - 60px);
            }

            .navbar-brand img {
                max-width: 220px;

                max-height: 45px;
            }


            /* -------------------------------------------------
               COLLAPSE MENU
            ------------------------------------------------- */

            .navbar-collapse {
                margin-top: 10px;

                padding: 0;

                border-top: 1px solid #eeeeee;

                max-height: calc(100vh - 85px);

                overflow-x: hidden;

                overflow-y: auto;
            }


            /* -------------------------------------------------
               NAVIGATION
            ------------------------------------------------- */

            .navbar-nav {
                display: block;

                padding: 10px 0 25px;
            }

            .navbar-nav .nav-item {
                width: 100%;
            }

            .navbar-nav .nav-link {
                width: 100%;

                padding: 15px 10px !important;

                font-size: 14px;

                line-height: 1.5;
            }


            /* =================================================
               PRODUCTS - MOBILE
            ================================================= */

            .products-item {
                position: relative;
            }


            /*
               Very important:

               On mobile the dropdown becomes STATIC.
               It therefore stays inside the mobile menu.
            */

            .products-dropdown {
                position: static;

                display: none;

                width: 100%;

                min-width: 100%;

                margin: 0;

                padding: 5px 0 0;

                border: 0;

                background: #f7f8f9;

                box-shadow: none;
            }

            .products-dropdown.open {
                display: block;
            }


            /* -------------------------------------------------
               FEATURED TITLE
            ------------------------------------------------- */

            .featured-title {
                padding: 12px 20px;

                font-size: 13px;
            }


            /* -------------------------------------------------
               PRODUCT LINK
            ------------------------------------------------- */

            .product-link {
                padding: 15px 30px;

                background: #f7f8f9;
            }

            .product-link:hover {
                background: #ffffff;
            }


            /* -------------------------------------------------
               SUBMENU
            ------------------------------------------------- */

            .product-submenu {
                background: #ffffff;
            }

            .product-submenu li a {
                padding: 13px 45px;

                font-size: 13px;
            }


            /* -------------------------------------------------
               ALL PRODUCTS
            ------------------------------------------------- */

            .all-products {
                padding: 15px 22px;
            }

        }


        /* =====================================================
           SMALL MOBILE
        ====================================================== */

        @media (max-width: 575px) {

            .navbar {
                padding-left: 12px;

                padding-right: 12px;
            }

            .navbar-brand {
                max-width: calc(100% - 55px);
            }

            .navbar-brand img {
                max-width: 180px;

                max-height: 42px;
            }

            .navbar-collapse {
                max-height: calc(100vh - 75px);
            }

            .product-link {
                padding-left: 30px;

                padding-right: 30px;
            }

            .product-submenu li a {
                padding-left: 45px;
            }

        }

.header-btn {
    background: var(--primary);
    padding: 9px 18px !important;
    border-radius: 5px;
    margin-left: 8px;
    color: #ffffff !important;
    font-size: 13px;
    text-transform: uppercase;
}

.header-btn i {margin-right: 10px;}
  .header-btn:hover{background:var(--primary-dark);   color: #ffffff !important;     text-decoration: none; }



        /* =====================================================
           INNER PAGE HERO
        ===================================================== */

        .inner-hero {
            position: relative;
            padding: 85px 0;
            background: #111;
            overflow: hidden;
        }

        /*
        Decorative shapes
        */

        .inner-hero::before {
            content: "";

            position: absolute;

            width: 260px;
            height: 260px;

            right: -80px;
            top: -100px;

            border-radius: 50%;

            background: rgba(227, 27, 35, 0.12);
        }

        .inner-hero::after {
            content: "";

            position: absolute;

            width: 180px;
            height: 180px;

            left: -80px;
            bottom: -90px;

            border-radius: 50%;

            background: rgba(255, 255, 255, 0.04);
        }


        .hero-content {
            position: relative;
            z-index: 2;
            text-align: left;
            margin: 0;
        }


        .hero-small-title {
            display: inline-block;

            margin-bottom: 12px;

            color: #e31b23;

            font-size: 13px;

            font-weight: 600;

            letter-spacing: 2px;

            text-transform: uppercase;
        }


        .inner-hero h1 {
            margin: 0;

            color: #ffffff;

            font-size: 48px;

            font-weight: 700;

            line-height: 1.2;
        }


        .hero-line {
            width: 55px;

            height: 3px;

            margin: 22px auto 0;

            background: #e31b23;
        }


        /* =====================================================
           PRODUCT INTRODUCTION
        ===================================================== */

        .product-intro {
            padding: 75px 0 55px;

            background: #ffffff;
        }


        .section-label {
            margin-bottom: 10px;

            color: #e31b23;

            font-size: 13px;

            font-weight: 600;

            letter-spacing: 1.5px;

            text-transform: uppercase;
        }


        .product-intro h2 {
            margin-bottom: 18px;

            color: #1a1a1a;

            font-size: 34px;

            font-weight: 700;
        }


        .product-intro p {
            max-width: 850px;

            margin: 0 auto;

            color: #666;

            font-size: 16px;

            line-height: 1.8;

            text-align: center;
        }


        /* =====================================================
           PRODUCT GALLERY
        ===================================================== */

        .product-gallery {
            padding: 70px 0;
            background: #f7f8fa;
        }


        .gallery-heading {
            margin-bottom: 35px;

            text-align: center;
        }


        .gallery-heading h3 {
            margin-bottom: 10px;

            color: #222;

            font-size: 28px;

            font-weight: 700;
        }


        .gallery-heading p {
            margin: 0;
            color: #777;
            font-size: 22px;
        }


        /* =====================================================
           IMAGE BOX
        ===================================================== */

        .product-image-box {
            position: relative;

            height: 460px;

            margin-bottom: 30px;

            overflow: hidden;

            background: #ffffff;

            border: 1px solid #e8e8e8;

            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);

            transition: all 0.4s ease;
			padding:20px 0;
        }


        .product-image-box:hover {
            transform: translateY(-8px);

            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.13);

           border-color: #ccc; 
        }


        .product-image-box img {
            width: 100%;

            height: 100%;

            object-fit: contain;

            padding: 15px;

            background: #ffffff;

            transition: all 0.5s ease;
        }


        .product-image-box:hover img {
            transform: scale(1.06);
        }


        /* =====================================================
           IMAGE OVERLAY
        ===================================================== */

        .image-overlay {
            position: absolute;

            left: 0;
            right: 0;
            bottom: 0;

            padding: 15px 18px;

            background: linear-gradient(
                to top,
                rgba(0, 0, 0, 0.75),
                rgba(0, 0, 0, 0)
            );

            opacity: 0;

            transition: all 0.4s ease;
        }


        .product-image-box:hover .image-overlay {
            opacity: 1;
        }


        .image-overlay span {
            color: #ffffff;

            font-size: 14px;

            font-weight: 600;
        }


        /* =====================================================
           ROW SPACING
        ===================================================== */

        .gallery-row {
            margin-bottom: 0;
        }


        /* =====================================================
           RESPONSIVE
        ===================================================== */

        @media (max-width: 991px) {

            .inner-hero {
                padding: 70px 0;
            }

            .inner-hero h1 {
                font-size: 40px;
            }

            .product-intro {
                padding: 60px 0 40px;
            }

            .product-image-box {
                height: 330px;
            }

        }


        @media (max-width: 767px) {

            .inner-hero {
                padding: 60px 15px;
            }

            .inner-hero h1 {
                font-size: 34px;
            }

            .hero-small-title {
                font-size: 11px;
            }

            .product-intro {
                padding: 50px 15px 30px;
            }

            .product-intro h2 {
                font-size: 28px;
            }

            .product-intro p {
                font-size: 15px;

                line-height: 1.7;
            }

            .product-gallery {
                padding: 25px 15px 60px;
            }

            .gallery-heading h3 {
                font-size: 25px;
            }

            .product-image-box {
                height: 350px;

                margin-bottom: 20px;
            }

        }


        @media (max-width: 575px) {

            .inner-hero {
                padding: 50px 15px;
            }

            .inner-hero h1 {
                font-size: 30px;
            }

            .product-image-box {
                height: 330px;
            }

        }

.product-gallery-white .product-gallery{background:#ffffff;}



/* =========================================================
   WRC ABOUT PAGE - RESET / BASE
========================================================= */

/*.wrc-about-page {
    --wrc-primary: #1264ff;
    --wrc-primary-dark: #0847c9;
    --wrc-navy: #08152e;
    --wrc-dark: #0d1b35;
    --wrc-text: #536174;
    --wrc-light: #f5f8fc;
    --wrc-white: #ffffff;
    --wrc-border: #e6ebf2;
    --wrc-radius: 18px;

    font-family: "Inter", sans-serif;
    color: var(--wrc-text);
    background: #fff;
    overflow: hidden;
}
*/
.wrc-about-page *,
.wrc-about-page *::before,
.wrc-about-page *::after {
    box-sizing: border-box;
}

.wrc-about-page h1,
.wrc-about-page h2,
.wrc-about-page h3,
.wrc-about-page h4,
.wrc-about-page h5 {
    font-family: "Manrope", sans-serif;
    color: var(--wrc-navy);
}

.wrc-about-page p {
    line-height: 1.8;
}


/* =========================================================
   SECTION SPACING
========================================================= */

.wrc-section {
    padding: 95px 0;
}

.wrc-section-sm {
    padding: 70px 0;
}

.wrc-container {
    max-width: 1200px;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.wrc-section-heading {
    max-width: 700px;
    margin: 0 auto 55px;
    text-align: center;
}

.wrc-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0px;
    margin-bottom: 15px;
    color: var(--wrc-primary);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.wrc-eyebrow:before {
    content: "";
    width: 28px;
    height: 2px;
    background: var(--wrc-primary);
}

.wrc-section-heading h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.18;
    margin-bottom: 18px;
    color: #000000;
}

.wrc-section-heading p {
    margin: 0;
    font-size: 16px;
}


/* =========================================================
   HERO
========================================================= */

.wrc-about-hero {
    position: relative;
    min-height: 570px;
    display: flex;
    align-items: center;
    background:
        radial-gradient(circle at 85% 15%, rgba(18,100,255,.20), transparent 30%),
        linear-gradient(135deg, #07142d 0%, #0b1d3c 60%, #0d2854 100%);
    overflow: hidden;
    background: #181818;
}

.wrc-about-hero:before {
    content: "";
    position: absolute;
    width: 430px;
    height: 430px;
    right: -150px;
    top: -180px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
}

.wrc-about-hero:after {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    right: -300px;
    bottom: -400px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
}

.wrc-hero-content {
    position: relative;
    z-index: 2;
    padding: 80px 0;
}

.wrc-hero-content .wrc-eyebrow {
    color: #ff0000;
}

.wrc-hero-content .wrc-eyebrow:before {
    background: #ff0000;
}

.wrc-hero-content h1 {
    color: #fff;
    font-size: 62px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -2px;
    margin-bottom: 25px;
}

.wrc-hero-content h1 span {
    color: #ff0000;
}

.wrc-hero-content p {
    max-width: 600px;
    color: rgba(255,255,255,.72);
    font-size: 17px;
    margin-bottom: 32px;
}

.wrc-hero-btn {
    display: inline-flex;
    align-items: center;
    padding: 14px 24px;
    background: #fff;
    color: var(--wrc-navy);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: .3s ease;
}

.wrc-hero-btn i {
    margin-left: 12px;
    transition: .3s ease;
}

.wrc-hero-btn:hover {
    color: #fff;
    background: var(--wrc-primary);
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0,0,0,.2);
}

.wrc-hero-btn:hover i {
    transform: translateX(5px);
}


/* =========================================================
   HERO IMAGE COMPOSITION
========================================================= */

.wrc-hero-visual {
    position: relative;
    min-height: 440px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrc-hero-image {
    position: relative;
    width: 390px;
    height: 430px;
    overflow: hidden;
    border-radius: 22px;
    /* box-shadow: 0 30px 70px rgba(0,0,0,.35); */
    transform: rotate(3deg);
    transition: .5s ease;
}

.wrc-hero-image:hover {
    transform: rotate(0deg) translateY(-8px);
}

.wrc-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wrc-floating-card {
    position: absolute;
    left: 15px;
    bottom: 25px;
    z-index: 4;
    min-width: 190px;
    padding: 20px;
    background: rgba(255,255,255,.96);
    border-radius: 14px;
    box-shadow: 0 18px 50px rgba(0,0,0,.22);
}

.wrc-floating-card strong {
    display: block;
    color: var(--wrc-navy);
    font-size: 28px;
    font-weight: 800;
}

.wrc-floating-card span {
    font-size: 12px;
    color: #6d7787;
}


/* =========================================================
   INTRO SECTION
========================================================= */

.wrc-intro {
    background: #fff;
}

.wrc-intro-image {
    position: relative;
    padding-right: 30px;
}

.wrc-intro-image-main {
    height: 510px;
    overflow: hidden;
    border-radius: 22px;
}

.wrc-intro-image-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.wrc-intro-image:hover img {
    transform: scale(1.05);
}

.wrc-intro-badge {
    position: absolute;
    right: 0;
    bottom: 35px;
    width: 185px;
    padding: 25px 20px;
    background: var(--primary);
    color: #fff;
    border-radius: 15px;
    box-shadow: 0 20px 45px rgba(18,100,255,.28);
}

.wrc-intro-badge i {
    font-size: 28px;
    margin-bottom: 10px;
}

.wrc-intro-badge strong {
    display: block;
    font-size: 25px;
}

.wrc-intro-badge span {
    font-size: 12px;
    opacity: .85;
}

.wrc-intro-content {
    padding-left: 35px;
}

.wrc-intro-content h2 {
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 22px;
    color: #000000;
}

.wrc-intro-content h2 span {
    color: var(--wrc-primary);
}

.wrc-intro-content p {
    font-size: 15px;
    margin-bottom: 18px;
}

.wrc-check-list {
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.wrc-check-list li {
    position: relative;
    padding-left: 34px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #344155;
}

.wrc-check-list li i {
    position: absolute;
    left: 0;
    top: 1px;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    border-radius: 50%;
    background: #eaf2ff;
    color: var(--wrc-primary);
    font-size: 10px;
}


/* =========================================================
   STATS
========================================================= */

.wrc-stats {
    background: var(--wrc-light);
    border-top: 1px solid #edf1f6;
    border-bottom: 1px solid #edf1f6;
}

.wrc-stat-box {
    position: relative;
    padding: 10px 25px;
    text-align: center;
}

.wrc-stat-box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 10%;
    width: 1px;
    height: 80%;
    background: #dce3ec;
}

.wrc-stat-box:last-child:after {
    display: none;
}

.wrc-stat-icon {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    background: #fff;
    color: #393838;
    border-radius: 14px;
    box-shadow: 0 8px 25px rgba(12,40,80,.08);
    transition: .35s ease;
}

.wrc-stat-box:hover .wrc-stat-icon {
    color: #fff;
    background: #ff0000;
    transform: translateY(-6px) rotate(-5deg);
}

.wrc-stat-box strong {
    display: block;
    color: #000000;
    font-size: 34px;
    font-weight: 800;
}

.wrc-stat-box span {
    font-size: 13px;
}


/* =========================================================
   MISSION / VISION
========================================================= */

.wrc-purpose {
    background: #fff;
}

.wrc-purpose-card {
    position: relative;
    height: 100%;
    padding: 42px 35px;
    background: #fff;
    border: 1px solid #ebe9e9;
    border-radius: var(--wrc-radius);
    overflow: hidden;
    transition: .4s ease;
}

.wrc-purpose-card:before {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    right: -30px;
    top: -30px;
    background: #edf4ff;
    border-radius: 50%;
    transition: .4s ease;
}

.wrc-purpose-card:hover {
    border-color: #ccc;
    transform: translateY(-8px);
    box-shadow: 0 25px 60px rgba(20,45,85,.12);
}

.wrc-purpose-card:hover:before {
    transform: scale(4);
    background: #edf4ff;
}

.wrc-purpose-icon {
    position: relative;
    z-index: 1;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    background: var(--wrc-navy);
    color: #fff;
    border-radius: 16px;
    font-size: 23px;
    transition: .4s ease;
}

.wrc-purpose-card:hover .wrc-purpose-icon {
    background: var(--wrc-primary);
    transform: rotate(-8deg);
}

.wrc-purpose-card h3 {
    position: relative;
    z-index: 1;
    font-size: 23px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #000000;
}

.wrc-purpose-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 14px;
}


/* =========================================================
   VALUES
========================================================= */

.wrc-values {
    background: #f7f9fc;
}

.wrc-value-card {
    position: relative;
    height: 100%;
    padding: 32px 28px;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #e9edf3;
    transition: .4s ease;
    overflow: hidden;
}

.wrc-value-card:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 0;
    left: 0;
    bottom: 0;
    background: var(--wrc-primary);
    transition: .4s ease;
}

.wrc-value-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(25,48,80,.10);
}

.wrc-value-card:hover:after {
    height: 100%;
}

.wrc-value-number {
    color: #dce8fb;
    font-size: 42px;
    line-height: 1;
    font-weight: 800;
    margin-bottom: 20px;
    transition: .3s ease;
}

.wrc-value-card:hover .wrc-value-number {
    color: var(--wrc-primary);
}

.wrc-value-card h4 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 12px;
}

.wrc-value-card p {
    margin: 0;
    font-size: 13px;
}


/* =========================================================
   WHY US
========================================================= */

.wrc-why {
    background: #1e1e1e;
    position: relative;
}

.wrc-why .wrc-section-heading h2,
.wrc-why h2 {
    color: #fff;
}

.wrc-why .wrc-section-heading p {
    color: rgba(255,255,255,.62);
}

.wrc-why .wrc-eyebrow {
    color: #ff0000;
}

.wrc-why .wrc-eyebrow:before {
    background: #ff0000;
}

.wrc-why-image {
    height: 500px;
    overflow: hidden;
    border-radius: 22px;
}

.wrc-why-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .6s ease;
}

.wrc-why-image:hover img {
    transform: scale(1.06);
}

.wrc-why-content {
    padding-left: 45px;
}

.wrc-why-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}

.wrc-why-icon {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
    background: rgba(255,255,255,.08);
    color: #ff0000;
    border-radius: 12px;
    transition: .35s ease;
}

.wrc-why-item:hover .wrc-why-icon {
    background: var(--wrc-primary);
    color: #fff;
    transform: translateX(5px);
}

.wrc-why-item h4 {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 7px;
}

.wrc-why-item p {
    color: rgba(255,255,255,.58);
    font-size: 13px;
    margin: 0;
}


/* =========================================================
   CTA
========================================================= */

.wrc-about-cta {
    padding: 85px 0;
    background:
        radial-gradient(circle at 90% 50%, rgba(255,255,255,.14), transparent 25%),
        linear-gradient(135deg, #1264ff, #0847c9);
    background: linear-gradient(115deg, #b30f16, #e51d25);
}

.wrc-cta-box {
    text-align: center;
    color: #fff;
}

.wrc-cta-box h2 {
    color: #fff;
    font-size: 43px;
    font-weight: 800;
    margin-bottom: 15px;
}

.wrc-cta-box p {
    max-width: 650px;
    margin: 0 auto 30px;
    color: rgba(255,255,255,.82);
}

.wrc-cta-btn {
    display: inline-flex;
    align-items: center;
    padding: 15px 28px;
    background: #fff;
    color: #ff0000;
    border-radius: 8px;
    font-weight: 800;
    font-size: 14px;
    text-decoration: none !important;
    transition: .3s ease;
}

.wrc-cta-btn i {
    margin-left: 12px;
}

.wrc-cta-btn:hover {
    color: #fff;
    background: var(--wrc-navy);
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(0,0,0,.18);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .wrc-hero-content h1 {
        font-size: 53px;
    }

    .wrc-hero-image {
        width: 350px;
        height: 400px;
    }

    .wrc-intro-content h2,
    .wrc-section-heading h2 {
        font-size: 36px;
    }
}


@media (max-width: 991px) {

    .wrc-section {
        padding: 75px 0;
    }

    .wrc-about-hero {
        min-height: auto;
    }

    .wrc-hero-content {
        text-align: center;
        padding: 80px 0 40px;
    }

    .wrc-hero-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .wrc-hero-visual {
        min-height: 450px;
        padding-bottom: 60px;
    }

    .wrc-intro-image {
        padding-right: 0;
        margin-bottom: 55px;
    }

    .wrc-intro-content {
        padding-left: 0;
    }

    .wrc-stat-box {
        margin-bottom: 35px;
    }

    .wrc-stat-box:nth-child(2):after {
        display: none;
    }

    .wrc-why-image {
        margin-bottom: 50px;
    }

    .wrc-why-content {
        padding-left: 0;
    }
}


@media (max-width: 767px) {

    .wrc-section {
        padding: 60px 0;
    }

    .wrc-section-heading {
        margin-bottom: 40px;
    }

    .wrc-section-heading h2 {
        font-size: 31px;
    }

    .wrc-hero-content {
        padding: 65px 15px 25px;
    }

    .wrc-hero-content h1 {
        font-size: 42px;
        letter-spacing: -1px;
    }

    .wrc-hero-content p {
        font-size: 15px;
    }

    .wrc-hero-visual {
        min-height: 390px;
    }

    .wrc-hero-image {
        width: 290px;
        height: 350px;
    }

    .wrc-floating-card {
        left: 20px;
        bottom: 20px;
        min-width: 165px;
        padding: 16px;
    }

    .wrc-floating-card strong {
        font-size: 23px;
    }

    .wrc-intro-image-main {
        height: 390px;
    }

    .wrc-intro-badge {
        right: 10px;
        bottom: 20px;
        width: 155px;
        padding: 18px;
    }

    .wrc-intro-content h2 {
        font-size: 31px;
    }

    .wrc-stat-box {
        padding: 15px;
    }

    .wrc-stat-box:after {
        display: none;
    }

    .wrc-stat-box strong {
        font-size: 30px;
    }

    .wrc-purpose-card {
        padding: 32px 25px;
    }

    .wrc-value-card {
        padding: 28px 24px;
    }

    .wrc-why-image {
        height: 360px;
    }

    .wrc-why-content {
        padding: 0 5px;
    }

    .wrc-cta-box h2 {
        font-size: 31px;
    }
}


@media (max-width: 480px) {

    .wrc-hero-content h1 {
        font-size: 36px;
    }

    .wrc-hero-image {
        width: 255px;
        height: 320px;
    }

    .wrc-floating-card {
        left: 5px;
    }

    .wrc-intro-image-main {
        height: 330px;
    }

    .wrc-intro-badge {
        width: 140px;
    }

    .wrc-intro-badge strong {
        font-size: 20px;
    }

    .wrc-why-image {
        height: 300px;
    }

}
.copyright  a {
    color: #ff0000;
    text-decoration: none;
}
.copyright a:hover {
    color: #ffffff;
    text-decoration: none;
}


.inner-hero .hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    margin: auto;
}



.product-link2 {
    display: block;
    position: relative;
    width: 100%;
    padding: 10px 0px;
    color: #333333;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-link2:hover {color:#ff0000}


 .product-link2 i{margin-left:5px;transition:all .3s;}
        .product-link2:hover i{margin-left:10px;}

.product-list li { transition:all .3s;}
.product-list li a {color:#ffffff; transition:all .3s;}
.product-list li a:hover {  text-decoration: none;}