nav a, nav .brand-logo { color: #444; padding-top: 0.5%; } p { line-height: 2rem; } ul { line-height: 2rem; } .header{ margin-bottom: 0 !important; } .banner{ background-image: url('../assets/Images/Banner.png'); } @media only screen and (min-width: 601px) { .height-on-med-and-up { height: 31rem; } } .r{ max-height: 50%; } .active-red-underline:hover{ color: #EF0000 !important; text-decoration: underline; } .bullets::before { content: "\2022"; color: #EF0000; display: inline-block; width: 1em; opacity: 100% !important; } .sidenav-trigger { color: #023D8F; } .contact-text { color: #808080; } .nav-padding{ padding-top: 1.5%; } .parallax-container { min-height: 380px; line-height: 0; height: auto; color: rgba(255,255,255,.9); } .parallax-container .section { width: 100%; } @media only screen and (max-width : 992px) { .parallax-container .section { position: absolute; top: 40%; } #index-banner .section { top: 10%; } } @media only screen and (max-width : 600px) { #index-banner .section { top: 0; } } .white { background-color: #FFFFFF !important; } .material-icons { padding: 0 0.5%; font-size: inherit; } footer.page-footer { margin: 0; } .inline-icon { vertical-align: bottom; } .ratna-blue { background-color: #023D8F ; } .ratna-blue-text { color: #023D8F !important; } .section-subtitle{ font-size: 30px !important; line-height: 38px; margin: 1% 0; } .red-text { color: #EF0000 ; opacity: 100% !important; } .section-heading{ color: #EF0000; font-weight: 450; font-size: 110%; } .black-text{ color: #000000; font-weight: 400; } .roboto { font-family: "Roboto", sans-serif !important; font-style: normal !important; } .white-text { opacity: 85%; color: #FFFFFF !important; } .body-text{ color: #000000; opacity: 50%; line-height: 28px; margin: 0 !important; } .x-small { font-size: 75%; } a:hover { text-decoration: underline solid Currentcolor; } .btn { background-color: #bdbdbd; color: #757575; font-weight: 450; font-size: 110%; border-radius: 0; padding-right: 1%; padding-bottom: 1%; padding-right: 2%; padding-left: 2%; margin-right: 3%; } .btn:hover{ background-color: #EF0000; color: #FFFFFF; text-decoration: none; } .btn.selected{ background-color: #EF0000; color: #FFFFFF; } .hidden{ display: none; } .gallery-background{ background-color: #F2F5F9; } .container-padding{ padding-top: 2%; padding-bottom: 2%; margin-top: 2%; margin-bottom:2%; } .row-padding-top-5{ padding-top: 5%; } .row-margin-top-8{ margin-top:8%; } .row-margin-top-5{ margin-top:5%; } .row-margin-top-3{ margin-top:3%; } .row-margin-top-2{ margin-top:2%; } .service-image{ max-width: 85%; float: right; } .about-us-image-container{ margin-top: 2%; } .about-us-image{ max-width: 100%; float: left; } .gallery-image{ max-width: 100%; } .service-border-bottom{ border-bottom: 1px solid rgba(0,0,0,0.5); } .service-border-right{ border-right: 1px solid rgba(0,0,0,0.5); } .expertise-image{ width: 15rem; height: 15rem; padding-right:1%; } .image-row { display: flex; flex-wrap: wrap; gap: 2%; } .image-item { flex: 1 1 15rem; max-width: 15rem; } .margin-top-0{ margin-top: 0; } .sidenav-menu{ text-align: center; } .halfway-underline { position: absolute; transform: translateY(-700%); } .dash-dots { transform: translateY(-250%); } input{ padding-left: 10px; } input::placeholder { padding-left: 10px; color: #000000; opacity: 40%; } table { border-collapse: collapse; width: 100%; } td { padding: 5% 0 5% 5% ; } .td-top{ border-bottom: 1px solid #dddddd; } .td-left{ border-right: 1px solid #dddddd; }