/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200&family=Caveat&family=Pacifico&family=Rock+Salt&family=Rubik+Moonrocks&family=Sofia+Sans+Condensed:ital,wght@0,300;1,200&family=Syne+Mono&display=swap');

/* 
    Created on : Sep 26, 2023, 10:33:37 PM
    Author     : vaska
*/

 *{margin:0;padding:0;box-sizing: border-box;font-family: "Poppins",sans-serif;font-size: 16px;}
                 .main1{display:grid;grid-template-rows:300px auto auto auto auto;grid-template-columns: 1fr 1fr 1fr 1fr; }
                        .slider_image{grid-row: 1/2;grid-column: 1/-1;background-color: black;display: flex;justify-content: center;align-items: center;width:100%;}
                                  .slider_image   .slider{background-color:white;width:100%;height:100%;}                     
                                  .slider_image   .slider .bottom{width:100%;height:300px;position: relative;display:flex;justify-content: center;align-items: center;}
                                  .slider_image   .slider .bottom .left{background-color: white;position: absolute;width:30%;height:300px;left:0px;border-right: 1px solid lightgray;text-align: center;display: flex;align-items: center;justify-content: center;}
                                  .slider_image   .slider .bottom .right{background-color:white;width:40%;height:300px;left:30%;padding:0px;text-align: center;border-right:1px solid lightgray;display:flex;justify-content: center;align-items: center;}   
                                  .slider_image   .slider .bottom .right .rightcover{margin:auto;}
                                  .slider_image   .slider .bottom .right a{text-decoration: none;} 
                                   .slider_image   .slider .bottom .right .rightcover .image1 img{width:40%;max-height:70px;}
                                  .slider_image   .slider .bottom .right .rightcover{width:100%;height:auto;font-family: 'Poppins', sans-serif; color:#003333;font-weight: 500;margin:auto;}
                                  .slider_image   .slider .bottom .right span{color:green;}
                                  .slider_image   .slider .bottom .left .leftcover img{width:80%;height:auto;max-height: 300px;text-align:center;border:1px solid gray;border-radius: 10px;margin-top: auto;margin-bottom: auto;box-shadow: 5px 5px 5px gray;}
                                  .slider_image   .slider .bottom .rightright{position: absolute;right:0px;width:30%;top:0px;height:300px;background-color: white;display: flex;align-items: center;justify-content: center;font-family: 'Sofia Sans Condensed', sans-serif;}
                                  .slider_image   .slider .bottom .rightright .wrapper2{padding:10px;border:1px solid gray;border-radius: 10px;width:90%;}
                                  .slider_image   .slider .bottom .rightright .wrapper2 table td{padding:5px;font-family: 'Sofia Sans Condensed', sans-serif;font-size: 1.2rem;color:maroon;font-weight: 700;background-color: whitesmoke;padding:2px 5px;border-bottom: 1px solid rgba(255,200,0,.5);}
                                  .slider_image   .slider .bottom .rightright .wrapper2 .relatedBrand{padding:10px;margin-top: 10px;width:calc(100% - 30px);display:grid;grid-template-rows: 45px 45px;grid-template-columns: repeat(auto-fit,minmax(100px,1fr));grid-auto-columns: 45px;margin-left: auto;margin-right: auto;justify-items: center;}
                                  .rightright table{border:0px solid lightgrey;font-weight: 500;width:100%;background-color: whitesmoke;border-radius: 10px;}
                                  .rightright table td:nth-child(odd){padding:3px;}
                                  .rightright table td:nth-child(even){padding:3px;}
                                  .rightright table td{font-size: 1.2rem;padding:3px;}
                                  .category{font-size: 1.2rem;color:maroon;letter-spacing: 1px;font-weight: bolder;}
                                 .slider_image   .slider .bottom .right .rightcover .category1{font-size: 1.7rem;font-family: 'Poppins',sans-serif ; color:darkblue;font-weight: 800;text-transform:capitalize;}
                                 .slider_image   .slider .bottom .right .image1 img{width:30%;height:auto;max-height: 150px;}                           
                                 .readmore{width:30%;padding:3px;border-radius: 25px;font-size: 1rem;background-color: red;color:white;text-align: center;text-decoration: none;margin-top: 5px; margin-left: auto;margin-right: auto;}
                                 .top span{color:tomato;font-family: 'Syne Mono', monospace;font-size: 2rem;padding:0px;font-weight:900;letter-spacing: 3px;margin-right: 3px}
                        .aboutus1{grid-row:2/3;grid-column: 1/-1;width:100%;border-top: 1px solid gray;display: flex;justify-content: center;align-items: center;background-image: url(../Images/bg8.jpg);background-size: cover;background-repeat: no-repeat;}
                                    .aboutus1 .content1{ width:80%;background-size: cover;background-repeat: no-repeat;height:auto;text-align: justify;padding:10px;font-family: 'Times New Roman', sans-serif;}
                                    .content1 h4{width:100%;text-align: center;margin-bottom: 5px;color:maroon;font-size: 1.4rem;}
                                     .content1 h2{width:100%;text-align: center;color:darkblue;font-size: 1.8rem;margin-bottom: 10px;}
                                     .content1 p{margin-bottom: 20px;text-align: justify;letter-spacing: 0px;font-size:1rem;font-weight: 500; }                        
                        .categorymenu{grid-row:3/4;grid-column: 1/2;font-family: 'Sofia Sans Condensed', sans-serif;text-align: center;padding: 10px;border-top:1px solid gray;}
                                 .categorymenu h3{width:100%;text-align: center;font-size: 1rem;padding: 5px 0px;color:maroon;}
                                 .categorymenu .list{height: 100%;width:calc(100% - 10px);background-color:whitesmoke;text-align:left;height:460px;overflow-y: scroll;padding:10px;}
                                 .categorymenu .list ul li{padding:3px;font-size: .8rem;border-bottom: 1px solid black;text-decoration: none;text-transform: capitalize;}
                                 .categorymenu .list ul a{text-decoration: none;text-transform: capitalize;}
                                 .categorymenu .list ul li:hover{background-color: lightblue;}
                         .aboutus{grid-row:3/4;grid-column: 2/5; display:flex;justify-content: center;align-items: center;border-top: 1px solid gray;}
                                 .aboutus .content{width:100%;margin:0;padding:0;height:500px;overflow-x:hidden;display: flex;justify-content: center;align-items: center;}                                                    
                                 .aboutus .content iframe{width:100%;margin: 0px;padding: 0px;outline:0;}
                         .brand{grid-row:4/5;grid-column: 1/-1; background-color:whitesmoke;margin:10px;padding: 10px;display: flex;flex-direction: column;}
                                .brand .brandcover{padding:0px;background-color: white;width:100%;height:auto;margin-left: auto;margin-right: auto;display: grid;grid-template-rows:60px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-auto-rows: 60px;grid-gap:10px;justify-items: center;}
                                .brand h1{width:100%;text-align: center;padding:10px;color:maroon;font-size: 1.5rem;font-weight: 900;font-family:'Sofia Sans Condensed', sans-serif;}
                                .brand .brandcover .brandwrapper{text-align:center;width:150px;height:auto;background-color: whitesmoke;float:left;margin:5px;padding: 10px;border-radius: 10px;box-shadow: 5px 5px 5px gray;}
                                .brand .brandcover .brandwrapper a img{width:100px;height:30px;transition: all 2s ;}
                               .brand .brandcover .brandwrapper img:hover{width:130px;height:40px;}                               
                         .ataglance{grid-row:5/6;grid-column: 1/-1; background-color: white;margin:5px 0px;}
                         .ataglance .frm3{width:calc(100% - 100px);margin:0px 50px;padding: 0px;border:1px solid gray;}
                        @media screen and (max-width:900px){
                            
                            *{font-size: 10px;}
                             .main1{display:grid;grid-template-rows:200px auto auto auto auto;grid-template-columns: 1fr 1fr 1fr 1fr; }
                               .slider_image{grid-row: 1/2;grid-column: 1/-1;}
                             .aboutus1{grid-row:2/3;grid-column: 1/-1;}
                             .aboutus{grid-row:3/4;grid-column: 1/-1; }
                             .brand{grid-row:4/5;grid-column: 1/-1;background-color:whitesmoke;margin:10px;padding: 10px;display: flex;flex-direction: column;}
                             .ataglance{grid-row:5/6;grid-column: 1/-1; }
                                 .slider_image   .slider .bottom{width:100%;height:200px;position: relative;display:flex;justify-content: center;align-items: center;}
                                .slider_image   .slider .bottom .left{width:50%;height:200px;position: absolute;left:0px;display: flex;justify-content: center;align-items: center;border:0px;background-color:whitesmoke;}
                                        slider_image   .slider .bottom .left .leftcover {background-color: black;text-align: center;display: flex;justify-content: center;align-items: center;background-color: skyblue;}
                                             .slider_image   .slider .bottom .left .leftcover img{height:120px;width:auto;text-align:center;}
                                         .slider_image   .slider .bottom .right{background-color:white;width:50%;height:200px;position: absolute;left:50%;padding:0px;text-align: center;border-right:1px solid lightgray;display:flex;justify-content: center;align-items: center;}   
                                  .slider_image   .slider .bottom .right .rightcover{margin:auto;}
                              .slider_image   .slider .bottom .rightright{display:none;}
                                                       
                              .slider_image   .slider .bottom .left{width:50%;text-align: center;}
                              .readmore{width:80%;height:auto;}
                              .aboutus .content{ width:90%;padding:10px;}
                              .categorymenu{display: none;}
                        }
                        
                        @media screen and (max-width:415px){
                         .main1{display:grid;grid-template-rows:200px auto auto auto auto;grid-template-columns: 1fr 1fr 1fr 1fr; }
                             .slider_image{grid-row: 1/2;grid-column: 1/-1;}
                             .aboutus1{grid-row:2/3;grid-column: 1/-1;}
                             .aboutus{grid-row:3/4;grid-column: 1/-1; }
                             .brand{grid-row:4/5;grid-column: 1/-1;margin-left: auto;margin-right: auto; }
                             .ataglance{grid-row:5/6;grid-column: 1/-1; }                              
                             .categorymenu{display:none;}
                             .category1{font-size: 1rem;font-family: 'Rock Salt', cursive; color:tomato;font-weight: 900;}
                             .ataglance .frm3{width:100%;margin:0px 0px;padding: 0px;border:1px solid gray;}
                        }