:root { --global-palette3: #1a202c; } body { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }header { background-color: transparent; background-image: linear-gradient(100deg, #4481EB 0%, #04BEFE 100%); position: relative; } header.homePage { height: auto; } @media only screen and (max-width: 992px) { header.homePage { height: auto; } }.header-text { margin-top: -10px; display: flex; justify-content: center; align-items: center; flex-direction: column; } h1, h2, h3, h4, h5, h6 { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }.section-pd {padding: 100px 0;}@media only screen and (min-width: 1024px) {.section-pd {padding: 100px 0;}}.home-text { max-width: 50%; height: auto; text-align: center; font-size: 18px; padding-top: -10px; padding-bottom: 50px; /* margin-bottom: 55px !important; */ } @media (max-width: 768px) { .home-text { max-width: 85%; padding-bottom: 60px; } } @media (max-width: 1024px) { .home-text { padding-bottom: 70px; } } .logo-title { font-size: 22px; font-weight: 500; letter-spacing: -1px; margin-bottom: 0; } .logo { max-width: 230px; height: auto; } .navbar-toggler { border: var(--bs-border-width) solid rgba(255, 255, 255, 0.1); line-height: 1; color: white; } .navbar-toggler-icon { width: 2rem; height: 1.5rem; background-size: 100%; display: inline-block; color: #FFFFFF !important; } .navbar-toggler .navbar-toggler-icon { color: #ffffff; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath stroke="white" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/%3E%3C/svg%3E'); } .navbar-toggler:focus { box-shadow: none !important; } nav .onwave-link a { color: var(--global-palette3); } .menu-item-hover { display: inline-block; position: relative; color: var(--global-palette3); margin: 0 10px; transition: all .3s ease; } .fixed { position: fixed; top: 0; z-index: 999; background: #fff; width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); animation: navbar 0.5s ease-in-out; } .fixed .menu-item-hover, .fixed .logo-title { color: var(--global-palette3) !important; } @keyframes navbar { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0%); } } @media only screen and (max-width: 516px) { .logo { width: 170px; height: auto; } .logo-title { font-size: 18px; } }.bs-shape .shape-fill { fill: var(--global-palette7); } .home-shape .shape-fill { fill: #FFFFFF; } .bs-shape .shape-fill { fill: var(--global-palette7) } .footer-shape .shape-fill { fill: #FFFFFF; } .custom-shape-divider-top-1691076491 { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; } .custom-shape-divider-top-1691076491 svg { position: relative; display: block; width: calc(166% + 1.3px); height: 107px; } .custom-shape-divider-top-1691076491 .shape-fill { fill: #FFFFFF; } .custom-shape-divider-bottom-1691076608 { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg); } .custom-shape-divider-bottom-1691076608 svg { position: relative; display: block; width: calc(133% + 1.3px); height: 121px; } .custom-shape-divider-bottom-1691076608 .shape-fill { fill: #FFFFFF; } .home-shape { position: absolute; bottom: -2px; left: 0; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg); } .home-shape svg { position: relative; display: block; width: calc(136% + 1.3px); height: 218px; } @media (max-width: 576px) { .home-shape svg { height: 80px; } } .home-shape .shape-fill { fill: #FFFFFF; } @keyframes shape { 0% { left: 0 } 50% { left: -50% } to { left: 0 } }