body {
background-color: #ffffff;
color: #fff;
font-family: "Proxima Nova", sans-serif;
margin: 0;
}
.navbar {
background-color: #fff;
font-size: 18px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.navbar-brand img {
max-height: 70px;
width: auto;
margin-right: 10px;
}
.navbar-nav .nav-link {
color: #000;
margin-right: 15px;
}
.rounded-btn {
border-radius: 25px;
}
.home-section {
position: relative;
height: 100vh;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
text-align: center;     background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.home-text {
color: #fff;
text-transform: uppercase;
font-size: 70px;
font-weight: bold;
position: absolute;
top: 57%;
left: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
}
.about-us-section {
margin-top: 70px;
margin-bottom: 60px;
color: #000;
}
.about-us-section h2 {
font-size: 42px;
font-weight: bold;
margin-bottom: 20px;
}
.about-us-section h4 {
font-size: 26px;
font-weight: bold;
margin-bottom: 10px;
}
.about-us-section p {
font-size: 18px;
line-height: 1.5;
margin-bottom: 30px;
text-align: justify;
}
.about-us-section img {
border-radius: 12px;
width: 100%;
height: auto;
margin-top: 20px; }
.business-card img {
border-radius: 12px;
width: 100%;
height: auto;
margin-top: 20px; }
.our-businesses-section {
padding-top: 35px;
padding-bottom: 50px;
color: #000;
}
.our-businesses-section h2 {
text-align: center;
font-size: 42px;
font-weight: bold;
margin-bottom: 50px;
}
.our-businesses-section .card {
margin-bottom: 30px;
display: flex;
flex-direction: column;
transition: transform 0.3s ease-in-out;
}
.our-businesses-section .card:hover {
transform: scale(1.02);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.our-businesses-section .card .card-img-top {
flex: 1; object-fit: cover; }
.contact-us-section {
margin-top: 50px;
color: #000;
}
.contact-us-section h2 {
font-size: 42px;
font-weight: bold;
margin-bottom: 30px;
}
.contact-info-container {
margin-bottom: 30px;
border-radius: 18px;
font-size: 20px;
}
.contact-info-container .contact-info {
margin-left: 20px;
}
.mapouter {
position: relative;
height: 250px;
width: 100%;
background: #fff;
border-radius: 12px; }
.mapouter a {
color: #fff !important;
position: absolute !important;
top: 0 !important;
z-index: 0 !important;
}
.gmap_canvas {
overflow: hidden;
height: 100%;
width: 100%;
}
.gmap_canvas iframe {
position: relative;
z-index: 2;
border-radius: 12px; }
.footer {
background-color: #333;
color: white;
text-align: center;
padding: 20px;
width: 100%;
}
.footer p {
margin-bottom: 0px !important;
} @media only screen and (max-device-width: 1366px) {
.home-section {
background-attachment: scroll;
}
} @media (min-width: 1200px) {
.home-text {
font-size: 70px; }
.about-us-section h2 {
font-size: 48px; }
.about-us-section h4 {
font-size: 32px; }
.about-us-section p {
font-size: 20px; }
.about-us-section img {
margin-top: 0px;
}
.our-businesses-section h2 {
font-size: 48px; margin-bottom: 30px; }
}
@media (min-width: 769px) and (max-width: 992px) {
.navbar .navbar-nav .d-md-block {
display: none;
}
nav.px-5 {
padding-left: 35px !important;
}
.home-text {
font-size: 70px; white-space: wrap;
}
.about-us-section .col-md-6 {
margin-bottom: 10px;
}
.about-us-section .pl-5 {
padding-left: 15px !important;
margin: 0;
}
.about-us-section img {
margin-top: 0px;
}
.contact-info-container .contact-info br{
display: none;
}
} @media (max-width: 768px) {
.navbar .navbar-nav .d-md-block {
display: none;
}
nav.px-5 {
padding-left: 15px !important;
padding-right: 30px !important;
}
.home-text {
font-size: 50px; white-space: normal; }
.about-us-section .col-md-6 {
margin-bottom: 10px; }
.about-us-section .pl-5 {
padding-left: 15px !important;
margin: 0;
}
.about-us-section img {
margin-top: 0px;
}
.our-businesses-section h2 {
font-size: 36px; margin-bottom: 20px; }
.our-businesses-section .card {
height: auto;
}
.contact-info-container .contact-info br{
display: none;
}
}