EVOLUTION-NINJA
Edit File: Homesidebar.css
html,body{ margin: 0 !important; padding: 0 !important; font-size:14px !important; overflow-x: hidden !important; } .container-fluid { padding-right: 0; padding-left: 0; } .side-nav{ background: linear-gradient(92.52deg, #00589B 2.21%, #009CD0 98%); min-height: 1853px !important; width: 113%; } .side_gas h3{ color: white; border-bottom: 2px solid white; } .side-text{ color: white; font-size: 18px; font-weight: 500; text-align: left; position: relative; top: 3px; } .download-app{ background-image: url('../../assets/home_images/pngwing 6.png') !important; background-size: cover; } .pngimg{ /* background-image: url('../../assets/home_images/pngwing 2.png'); */ } .med h3{ text-align: center; } .med{ height: 370px !important; border: 2px dashed #0098CD; border-radius: 11px; padding: 10px; width: 85%; margin-left: 40px; /* background: linear-gradient(0deg, #68caed, #fafafa), linear-gradient(345.51deg, #000000 0%, #FFFFFF 101.59%); */ /* background-image: url('../../assets/home_images/pngwing 4.png') !important; */ /* background: linear-gradient(0deg, #0098CD, #0098CD), linear-gradient(301.51deg, #B5ECFF 0%, #FFFFFF 101.59%); */ background: linear-gradient(to right,#ffffff, #b7ecff); background-repeat: no-repeat; background-position: right; } .med ul{ font-size: 20px; font-weight: 600; background-image: url('../../assets/home_images/pngwing 4.png') !important; background-repeat: no-repeat; background-position: right; height: 348px; } ::marker { color: #089DD2; font-size: 23px; } .indus{ background-repeat: no-repeat; background-size: cover; width: 100%; } .row-industry { width: 95%; display: flex; /* background: linear-gradient(to right, #0198CD,#0160A2); */ background-image: url('../home_images/BG.png') !important; background-repeat: no-repeat; background-size: cover; padding: 30px; margin: 20px 20px 20px 35px; border-radius: 20px; } .exhibit-1 { width: 30%; } .exhibit-2 h2 { color: #fff; margin-bottom: 30px; font-size: 38px; } .exhibit-2 a { color: #fff; /* background-color: #009DD2; */ padding: 8px 10px; border-radius: 6px; } .exhibit-2 { width: 60%; text-align: center; padding-top: 8%; } .download-app img{ width: 100%; } .side-nav .container a:hover{ border: 1px solid #ffffff; padding: 8px; border-radius: 17px; cursor: none; background-color: #0096CB; text-decoration: none; } @media only screen and (max-width: 600px){ .med{ width: 85%; margin-left: 30px; height: 380px !important; } .side-nav { min-height: 305px !important; } .row-industry{ width: 95%; margin-left: 10px; } .side-nav{ overflow-y: ; } }