/* style.css document */
*{
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding:0px;
    margin:0px;
}
ul, li{
    padding:0px;
    margin:0px;
    list-style: none;
}
a{ color:#fff; text-decoration:none;}
a:hover{text-decoration:none;}
img{width:100%;}
body{
    padding:0px;
    margin:0px;
    color:#dfa015;
    background:#740503;
    font-size: 14px; 
    font-weight:500; 
    font-family: 'Spartan', sans-serif; 
    overflow-x: hidden;
    background:#5a0201;

}
h1, h2, h3, h4, h5, h6{color:#fff;}
.container{
    max-width:1440px;
    margin:0px auto;
    padding:0px 15px;
}
/*Nav bar starts*/
header{
    width:100%;
    background:#000;  
    border-bottom:1px solid #ffc107;
}
.header_content{
    display:flex;
    justify-content:space-between;
    align-items: center;
}
.navbar{
    display:flex;
    margin:20px 0px;
    position:relative;
    z-index: 1000;
}
.navbar li a{
    padding:15px;
    font-size:16px;
    font-weight:500;
    border-radius:2px;
    margin:0px 5px;
    transition: all 0.4s ease-in-out;
}
.navbar li a:hover, .navbar li a.active{
background:#fc0a05;
color:#fff;
transition: all 0.4s ease-in-out;
}
.logo img{
    display:block;
    width:100px
}
.btn_responsive{
    font-size:  20px;
    cursor:pointer;
    display:none;
}
.margBtm15 {margin-bottom: 15px;}
/*nav bar ends*/

/*showcase section starts*/
main{padding-bottom:40px;}
hr{
        margin: 30px auto;
        border-bottom: 1px solid #000;
        border-top: 1px solid #740503;
    }
    .introContentSec{
        padding:40px 0px;
    }
        .introContentSec h1, .showcase_container h1 { 
            padding: 40px 0px;
        font-size: 32px;
        line-height: 42px;
        }
        .introContentSec h1{       
        text-align: center;
        width: 80%;
        margin: 0px auto;
        }
        .introContentSec p{
        font-size:18px;
        text-align:center;
        width:80%;
        margin:0px auto 30px;
        line-height: 26px;
        
        }

    .showcase_container{
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        height:100%;
        gap:30px;
    }
        .showcaseBrands {
            display: grid;
            grid-template-areas:
                'headingSec contentSec contentSec contentSec contentSec contentSec';
            gap:0px;
        }

        .showcase_container h1, .showcaseBrands h1 {
            text-align: left;
            width: 100%;
            margin: 0px auto;
        }
                .showcase_container ul{display:block; }
                 .showcaseBrands ul{
                   display:block;
                   padding-left:30px;
                }
                .showcase_container ul li, .showcaseBrands ul li{
                    display: block;
                    padding:10px 0px 10px 30px;
                    line-height:24px;
                    font-size:16px;
                    position:relative;
                }
                
                .showcase_container ul li::before, .showcaseBrands ul li::before{
                    display:block;
                    position:absolute;
                    content:"*";
                    font-size:32px;
                    top:22px;
                    left:5px;
                    color:#ff0501;
                }

                .contentSec{
                    padding:60px 0px 0px;
                }
                .headingSec{
                    padding: 0px 0px 0px 0px;
                    margin: 60px 0px 0px;
                    display: flex;
                    align-items: center;
                    background: rgba(0, 0, 0, 0.5);
                    position: relative;
                    border-radius: 5px;
                }            
                .headingSec h1{
                   font-size: 62px;
                   text-transform: uppercase;
                   transform: rotate(-90deg);
                }
                    .headerTerms{padding: 0px 0px 0px 0px;
                    margin: 60px 0px 0px;
                    display: block;
                    background: rgba(0, 0, 0, 0.5);
                    position: relative;
                    border-radius: 5px;}

                    .headerTerms h1{
                    transform: rotate(0deg);
                    text-align: center;
                    width: 100%;
                    padding: 30px 0px;
                    text-transform: uppercase;
                    font-size:36px;
                    }

                 .contentSec h2{ 
                    padding: 0px 0px 20px 40px;
                        font-size: 28px;
                 }
               .contentSec p{ 
                margin: 20px 0px 40px 40px;
                    line-height:24px;
                    font-size:16px;}
                 
                .font36{ font-size:36px !important;}
                .contentTerms{padding:40px 30px;}
                .contentTerms p{padding:15px 0px;font-size:16px;}
                .contentTerms h4{padding:15px 0px 5px; font-size:20px;}
                .contentTerms a{color:#ff0501;text-decoration: underline; transition:all 0.4s ease-in-out;}
                .contentTerms a:hover{color:#fff;text-decoration: underline; transition:all 0.4s ease-in-out;}

/*showcase section ends*/

/*footer sectoion starts*/

footer {
    width: 100%;
    background: #000;
    border-top: 1px solid #ffc107;
    padding: 30px 0px;
    margin-top: 30px;
}
footer ul{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    footer ul li{padding: 0px 10px;}
         footer ul li a{
           transition:all 0.4s ease-in-out;
         }
         footer ul li a:hover, footer ul li a.active{
           transition:all 0.4s ease-in-out;
           color:#ff0613;
         }
    footer p { 
        text-align:center; 
        padding:0px; 
        margin:0px; 
        width:100%;
        color:#8d6c24;
    }
        footer hr{ margin:10px;border-top: 1px solid #4c0404;}

/*footer Ends*/