/* Common style start */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap'); :root{ --themeGreen: #10d1a7c8; --white: #efefef; } html, body { width: 100%; height:100%; margin: 0; padding: 0; overflow-x: hidden; } /* ========================== nav bar style =========================*/ .navbar{ margin-top: 50px; } .nav-item a{ color: white; display: flex; align-items: center; justify-content: center; /* font-weight: bold; */ font-size: 20px; margin-right: 10px; } .nav-item a:hover{ color: white; } /* ======================================================================= */ html{ scroll-behavior: smooth; } button, body { font-family: 'Poppins', sans-serif; } * { margin: 0; padding: 0; box-sizing: border-box; } p{ font-size: 14px; line-height: 26px; } .container { padding: 2rem; } .slider-wrapper { position: relative; max-width: 48rem; margin: 0 auto; } .slider { display: flex; aspect-ratio: 16 / 9; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; box-shadow: 0 1.5rem 3rem -0.75rem hsla(0, 0%, 0%, 0.25); border-radius: 0.5rem ; } .slider img { flex: 1 0 100%; scroll-snap-align: start; object-fit: cover; } .fullContainer { width: 100%; } .container { width: 1140px; margin:auto; } .sectionTitle{ width: 300px; border-bottom: 3px solid var(--themeGreen); text-align: center; font-size: 2rem; font-weight: 200; margin: 0 auto 50px; position: relative; padding: 10px 0; text-transform: uppercase; } .sectionTitle::after{ display: inline-block; content: ""; height: 15px; width: 15px; background-color: var(--themeGreen); position: absolute; left: calc(50% - 10px); top: calc(75% - 5px); transform: rotate(45deg) translate(50%, 50%); border: 3px solid #fff; } section{ padding: 100px 0; position: relative; } /* Common Style End */ /* Home style start */ header { /* Add this CSS to your stylesheet or in a