/* index page css */
@charset "utf-8";

/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://use.typekit.net/mso5lxg.css");
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap');

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, ul, .ul, ol, .ol, li, p, .p {
    padding: 0;
    margin: 0;
}

.dropdown-toggle::after {
    display: none;
}




:root {
    --main-font-family: 'Noto Sans', sans-serif;
    --main-color: #b91202;
    --optional-color: #575757;
    --white-color: #ffffff;
    --black-color: #181B31;
    --paragraph-color: #232a34;

    --theme-color: #b91202;
    --theme-color-ultra: #2b2b30;
    --theme-color-ultraLight: #808080;
    --theme-color-secondary: #575757;
    --theme-color-midgrey: #f7f7f7;
    --theme-color-white: #fff;
    --theme-color-black: #000;
    --theme-color-dark: #232a34;
    --theme-color-lightdark: #969696;

    --font48:48px;
    --font36:36px;
    --font24:24px;
    --font20:20px;
    --font18:18px;
    --font16:16px;

    --theme-body-font: "Poppins", sans-serif;
    --theme-heading-font:  "Hind", sans-serif;

}






/* added */
    /* added */
    .prodImg{
        background: var(--theme-color-midgrey);
        padding: 2em;
    }
    .prodImg img{
        width: 100%;
    }
    .prodBox{
        margin-bottom: 1em;
    }
    .productbox .productimg {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
        z-index: 2;
        opacity: 1 !important;
        display: flex;
        justify-content: center;
        padding: 1.5em;
    }

    .productbox .productimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        max-width: 215px;
        margin-bottom: 0;
        /* filter: drop-shadow(0px 5px 10px black); */
    }
    .prod_text_bx{
        background-color: var(--theme-color);
        padding: 1.5em;
    }

    .prod_text_bx h4{
        font-size: --font18 !important;
        color: var(--theme-color-ultraLight);
        padding-bottom: 0.3em;
    }
    .cmenu2 ul li{
        text-align: right;
        
    }
    .cmenu2 ul li a{
        color: var(--theme-color-white);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 13px;
        
    }
    
    .footer-card-icon img{width: auto;max-height: 40px;margin:0 auto}
    .banner_cst{
        width: 100%;
        height: auto;
        background: url(../images/banner_cst1.png) no-repeat;
        min-height: 700px;
        background-position: center center;
        background-size: cover;
        position: relative;
        /* border-bottom: 15px solid var(--theme-color); */
    }
    .banner_text{
        width: 100%;
        max-width: 600px;
        position: absolute;
        left: 8%;
        top: 30%;
        
        text-align: left;
        box-sizing: border-box;
        padding: 2em;
        /* background: radial-gradient(#ffffff, transparent); */
        color: var(--theme-color-black);
    }
    .banner_text h1{
        color: var(--theme-color-white);
        font-size: var(--font48);
        line-height: var(--font48);
    }
    .banner_text p{color:#fff}
    .prodShowcase-for.slick-initialized .slick-slide {
        padding: 20px;
        background: var(--theme-color-midgrey);
    }   
    .prodShowcase-nav .slick-list img {
        margin: 0 8px;
        background: #ffff;
        max-width: 90px;
    }


    
    
    
    /* lir */
    .mid_heading{
        transition: all ease 0.3s;
        background: var(--theme-color-dark);
        font-family: var(--theme-body-font);
        padding: 4em 0;
    }
    .mid_hd_rg{
        transition: all ease 0.3s;
    }
    .mid_hd_rg h5{
        font-size: var(--font16);
        color: var(--theme-color);
        padding-bottom: 0.3em;
    }
    .mid_hd_rg h3{
        font-size: var(--font36);
        color: var(--theme-color-white);
        text-align: left;
        font-weight: 700;
        text-transform: uppercase;
        font-family: var(--theme-heading-font);
    }
    
    .mid_hd_rg p{
        color: var(--theme-color-ultraLight);
        line-height: 25px;
        text-align: left;
        font-weight: 300;
    }
    .mid_hd_rg ul{
       margin:2em 0 1em;
       padding: 0; 
       display: flex;
       justify-content: space-between;
       width: 100%;
    }
    .mid_hd_rg ul li{
        transition: all ease 0.3s;
        list-style: none;
        width: 48%;
        display: inline-block;
        border: 1px solid var(--theme-color);
        padding:0.5em 1em;
        font-size: 30px;
        color: var(--white-color);
        font-weight: 700;
        font-family: var(--theme-heading-font);
    }
    .mid_hd_rg ul li:hover{
        margin-top: -5px;
    }
    .md_tx_img img{
        height: 60px;
        padding-bottom: 0.8em;
    } 
    .mid_dn{
        background: var(--theme-color-dark);
        padding: 4em 0;
    }
    .md_dn{
        background: var(--theme-color);
        padding: 2em;
        color: var(--theme-color-white);
        transition: all ease 0.3s;
    }
    .mid_dn h3{
        font-size: var(--font36);
        color: var(--theme-color-white);
        text-align: left;
        font-weight: 700;
        text-transform: uppercase;
        font-family: var(--theme-heading-font);
    }
    .mid_dn h5{
        font-size: var(--font16);
        color: var(--theme-color);
        padding-bottom: 0.5em;
    }

    .mid_crd{
        background: #2d3541;
        padding: 2em;
        transition: all ease 0.3s;
        margin-top: 2em;
        width: 100%;
        display: block;
    }
    .mid_crd:hover{
        transform: translateY(-5px);

    }
    .crd_text h5{
        font-size: var(--font24);
        color: var(--theme-color-white);
    }
    .crd_text p{
        font-size: var(--font16);
        color: var(--theme-color-midgrey);
    }
    .mid_hd_img{
        transition: all ease 0.3s;
    }

    .mid_hd_img img{
        width: 100%;
        height: 400px;
        object-fit: cover;
    }
    .crd_img img{
        height: 200px;
        width: 100%;
        object-fit: cover;
    }
    .shop-details-area{
        background: var(--theme-color-dark);
    }
    .cont_rg{
        background: var(--theme-color);
        padding: 2em;
    }
    .cont_rg h3{
        font-size: var(--font48);
        color: var(--theme-color-midgrey);
        padding-bottom: 0.5em;
    }
    .cont_rg p{
        color: var(--theme-color-white);
        font-size: var(--font18);
        padding-bottom: 1em;
    }
    .cont_rg ul{
        margin: 0px;
        padding: 0em;
        
    }
    .cont_rg ul li{
        list-style: none;
        padding-bottom: 0.5em;
        font-size: var(--font16);
        color: var(--theme-color-white)
    }

    .cont_img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .termsec, .termsec h3, .termsec .supply-facts ul li{color: #fff;}
    .termsec p,.termsec a{color: #f5f5f5}

    @media only screen and (max-width: 1400px) {
     .banner_text{left: 6%;}
    }
     @media (min-width: 1180px) and (max-width: 1300px) {
     .banner_text{left: 3%;}
    }
    @media only screen and (max-width: 1180px) {
        
        .banner_cst{
            background: url(../images/ipad_banner.png) no-repeat;
            min-height: 400px;
            background-position: right center;
            background-size: cover;
            position: relative;
            /* border-bottom: 15px solid var(--theme-color); */
        }
        #products .slick-prev {
            left: 0px;
        }
    
        #products .slick-next {
            right: 0px;
        }
        .mid_heading h3{
            font-size: 30px;
        }
        .mid_text ul{
            flex-direction: column;
        }
        .mid_text ul li{
            width: 100%;
            margin-bottom: 1.5em;
        }
        .mid_text ul li:last-child{
            display: none;
        }
        .pc_txt{
            margin-top: 1.5em;
        }
        .banner_text h1 {
            color: var(--theme-color);
            font-size: var(--font48);
            line-height: var(--font48);
        }
        .banner_text {
            width: 100%;
            max-width: 600px;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0px auto;
            top: 30%;
            text-align: left;
            box-sizing: border-box;
            padding: 2em;
            background: radial-gradient(#ffffff, transparent);
            color: var(--theme-color-black);
        }
        .banner_text p {
            color: #242424;
        }
        /* .prodShowcase-nav .slick-list img{
                width: 65px !important;
    height: 65px !important;
        } */
    
    }
    @media only screen and (max-width: 820px) {
        
        .mid_hd_rg ul li{
            width: 50%;
        }
        .mid_hd_rg{
            padding-top: 1.5em;
        }
        .featuresec h3 {
            margin-bottom: 30px;
        }
        .commonbtn{
            font-size: 16px;
        }
        
        
        
    }
    
    @media only screen and (max-width: 767px) {

        .mid_hd_rg ul{
            flex-direction: column;
        }
        .mid_hd_rg ul li{
            width: 100%;
            margin-bottom: 1em;
        }
      
        .featuresec {
            padding: 30px 0px 60px;
        }
        .prod_heading {
            margin-top: 10px;
        }
        .featuresec h3 {
            margin-bottom: 30px;
        }
        
        .mid_text ul li{
            margin-top: 1.5em;
        }
        .banner_text h1 {
            font-size: 30px;
            line-height: 32px;
        }
        
    }
    
    
    
    
    @media only screen and (max-width: 600px) {
        .crd_img{
            display: none;
        }
    } 
        
    
    /* aded */