nav{margin: 0 auto;}
.menu-list {display: none;flex-direction: column;position: absolute;top: 60px;left: 0;width: 100%;background-color: rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); list-style: none; font-family: var(--text-font);}
.menu-list.active {display: flex;}
.menu-item {margin-right: 0;margin-bottom: 10px;}
.menu-link {text-decoration: none;color: var(--dark_color);}
.menu-toggle-wrapper{width: 100%;z-index: 3;}
.menu-toggle {display: block; margin-left: auto; background: none;border: none;cursor: pointer;padding: 0;}
.menu-toggle:hover{background-color: transparent; border: none;}
.menu-icon {height: 3px;width: 25px;margin: 5px 0; display: block; background-color: #333;}
.menu-list.responsive{position: absolute; top: 0;height: 100vh;display: flex; margin-top: 0px; padding: 160px 0; background-color: var(--dark-color);z-index: 2;}
.menu-list.responsive .menu-item{height: 100%;}
.menu-list.responsive a{color: var(--neutral-color); padding-bottom: 5px;}
.menu-list a:hover {border-bottom: 2px solid;}
.dropdown .dropdown-menu {position: relative; box-shadow: none; margin-top: 10px; padding:5px 0px;}
.dropdown-menu {display: none; position: absolute; background-color: var(--white-color); z-index: 1;}
.dropdown-menu a{color: var(--primary-color)!important; margin-left: 20px;}
.dropbtn{padding: 0 5px; background-color: transparent; border-radius: 50px;}
#dropbtn_text {margin: 0; font-size: 14px; line-height: normal;}
.dropbtn .contact-list-icon{fill: var(--white-color); width: 10px; margin: 0;}
.show {display:block;}  @media screen and (min-width: 768px){
body{text-align: left;} .menu-list {display: flex; flex-direction: row; position: relative; top: 0px;width: 100%;background-color: transparent; box-shadow: none; margin: 0;}
.menu-item {margin: 20px;}
.menu-toggle-wrapper{display: none;}
.menu-toggle {display: none;}
.dropdown .dropdown-menu {position: absolute;}   
}@media screen and (min-width: 768px){
.services-cards{flex-wrap: nowrap;}
.service-card-wrapper{padding: 0 50px;}
} .services{text-align: center; background-color: var(--light_text_color); padding: 40px 20px; min-height: auto; flex-direction: column;}
.services-wrapper{width: 100%; padding: 0 30px; position: relative; bottom: 0; left: 0; opacity: 0; transition: transform 1s ease, opacity 1s ease; transform: translateY(100%);}
.services-cards{padding-top: 40px; flex-wrap: wrap; justify-content: space-around;}
.services-cards button {width: 40px; height: 40px; background-color: var(--primary_bg_color); border: none;}
.service-card-wrapper{padding: 20px 50px;}
.service-card{width: 70%;}
.services h2, .services h3, .services h4{color: var(--headings_color);} .services-cta{height: 35vh;position: relative;}
.services-cta-wrapper{z-index: 3;}
.services-cta-container{text-align: center;}
.services-cta-container h2, .services-cta-container h3, .services-cta-container h4{color: var(--light_text_color);}
#services-cta-slider{width: 100%;height: 100%;position: absolute;}
.services-cta .slider-item img{transform: translateY(-15%);}