/* @import url(https://db.onlinewebfonts.com/c/365834cfa7beb7ca64c00476397ddc32?family=Helvetica+Neue+Medium+Extended);
@import url(https://db.onlinewebfonts.com/c/2090551770be22b09600a40b0b4673b7?family=Avenir-Medium); */
:root {
  --main-color:rgb(34, 181, 115);
  --black:#13131a;
  --bg:#13131a;
  --border:.1rem solid #22B573;
  --white-100: #fff;
  --white-200: #e4e6e7;
  --white-300: #c9cccf;
  --white-400: #a1a6aa;
  --white-500: #6d7478;
  --black-100: #181f25;
  --black-200: #12171c;
  --black-300: #0c0f13;
  --black-400: #060809;
  --black-500: #020303;
  --night-100: #253041;
  --night-200: #1e2634;
  --night-300: #161d27;
  --night-400: #0f131a;
  --night-500: #070a0d;
  --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
@font-face {
  font-family: 'Helvetica Neue Medium Extended';
  src: 
  url('../Fonts/HelveticaNeueMediumExtended.otf');

}
@font-face {
  font-family: 'Avenir-Medium';
  src: 
  url('../Fonts/Avenir-Medium.otf');

}

*, *::before, *::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
  list-style-type: none;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
html {
  font-size: 100%;
  box-sizing: inherit;
  scroll-behavior: smooth;
  height: -webkit-fill-available;
}

main {
  overflow: hidden;
}
ul{
  margin: 0;
  padding:0;
}

a:hover{
    color:none;
    text-decoration: none;
}
@keyframes slideLeft {
	0% {
		opacity: 0;
		transform: translateX(100%);
   }
	100% {
		opacity: 1;
		transform: translateX(0%);
   }
}
@keyframes slideRight {
	0% {
		opacity: 1;
		transform: translateX(0%);
   }
	100% {
		opacity: 0;
		transform: translateX(100%);
   }
}


.centered {
	text-align: center;
	vertical-align: middle;
	margin-bottom: 1rem;
}


.header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 100;
	margin: 0 auto;
	border-bottom: 0.1rem solid #22B573;
	padding: 1rem 7%;
	background-color: var(--white-100);
	background-color: #000000;

}
.heading_dropdown {
    color: #22B573;
    font-size: 24px;
    font-family: "Avenir-Medium";
}
.brand {
	font-family: inherit;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	color: var(--pink-500);
	text-transform: uppercase;
	order: 1;
}
.submenu-inner {
	text-decoration: none;
}
.submenu-inner .abou_img{
    width: 45px;
    height: 45px;
    /* background: rgba(213, 233, 241, 1);
    border-radius: 5.98px;
    padding:10px; */
}

.submenu-inner .service_img{
  width: 45px;
  height: 45px;
  /* background: rgba(213,233,241,1); */
  /* border-radius: 5.98px;
  padding: 10px; */
}
.submenu-inner .resource_img{
  width: 45px;
  height: 45px;

 

}

.submenu-inner h3 {
    color: black;
    font-size: 22px;
	text-decoration: none;
    margin: 0.5rem auto;

}
.submenu-inner p {
    font-size: 13px;
    color: #000000;
	letter-spacing: 1px;
}
 .brand img{
	height: 4rem;
}
.navbar {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 4rem;
	margin: 0 auto;
}
.navbar-left {
	display: flex;
	align-items: center;
	flex: 0 0 17%;
}
.navbar-center {
	display: flex;
    /* margin-top: 1rem */
}
.navbar-right {
	display: flex;
	flex: 0 0 17%;
	align-items: center;
	justify-content: flex-end;
	column-gap: 1.5rem;
}
@media only screen and (max-width: 992px) {
	.navbar-left, .navbar-right {
		flex: 0 0 auto;
   }
	.navbar-right {
		align-items: center;
   }
	.navbar-center {
		flex: 0 0 100%;
		order: 3;
		align-items: center;
   }
   
}
@media only screen and (max-width: 992px) {
	.menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 75%;
		height: 100%;
		z-index: 100;
		overflow: hidden;
		transform: translate(-100%);
		background-color: var(--white-100);
		transition: all 0.4s ease-in-out;
   }
	.menu.is-active {
		transform: translate(0%);
   }
	
}
.menu-header {
	display: none;
	box-shadow: var(--shadow-medium);
}
.menu-item {
	display: inline-block;
	line-height: 1.5;
	padding-right: 1.25rem;
}
.menu-link {
	font-family: inherit;
	font-size: inherit;
	font-weight: 500;
	line-height: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color:#fff;
	text-transform: capitalize;
	transition: all 0.25s ease;

}
.menu-link a {
    font-size: 15px;
    font-weight: 500;
    color: white;
    position: relative;
    text-transform: capitalize;
    font-family: "Avenir-Medium";
    text-decoration: none;
}
.menu-link > i.bx {
	font-size: 1.35rem;
	margin-left: 0.25rem;
	transform: rotate(90deg);
}
.darkmode .menu-link {
	color: var(--white-100);
}
.menu-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 6px;
	font-size: 1.45rem;
	color: var(--black-300);
	transition: all 0.25s ease;
}
.darkmode .menu-icon {
	color: var(--white-100);
}
@media only screen and (min-width: 993px) {
	.menu-dropdown:hover > .submenu {
		opacity: 1;
		visibility: visible;
		margin-top: 1rem;
   }
   .menu-dropdown:hover .hover-image-container img {
	visibility: visible;
	
  }
}
@media only screen and (max-width: 992px) {
	.menu-header {
		position: relative;
		top: 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		height: 4rem;
		z-index: 110;
		visibility: hidden;
		background: transparent;
   }
	.menu-header.is-active {
		visibility: visible;
		background-color: var(--white-100);
   }
	.menu-header.is-active > .menu-arrow {
		display: block;
   }
	.darkmode .menu-header.is-active {
		background-color: var(--night-100);
   }
	.menu-arrow {
		display: none;
		cursor: pointer;
		width: 3rem;
		height: 4rem;
		text-align: center;
   }
	.menu-arrow > i.fa {
		font-size: 1.5rem;
		line-height: 4rem;
		color: var(--black-300);
		transition: all 0.25s ease;
   }
	.darkmode .menu-arrow > i.bx {
		color: var(--white-100);
   }
	.menu-title {
		font-family: inherit;
		font-size: inherit;
		font-weight: 500;
		line-height: inherit;
		text-transform: capitalize;
		color: var(--black-300);
   }
	.darkmode .menu-title {
		color: var(--white-100);
   }
	.menu-inner {
		height: 100%;
		/* margin-top: -3rem; */
		overflow-y: auto;
		overflow-x: hidden;
   }
	.menu-item {
		display: block;
		line-height: 1;
		padding-inline: 0;
   }
	.menu-link {
		justify-content: space-between;
		height: 2.5rem;
		line-height: 2.5rem;
		padding-inline: 1.25rem;
		color: #000000;
   }
   .submenu .text-left{
	margin-top: 2rem;
   }
	.menu-link > i.bx {
		margin-left: 0.5rem;
		transform: rotate(0deg);
   }
}
.submenu-inner .resources a{
    text-decoration: none;
}
.submenu-inner .resources{
    display: block;
}
.submenu {
	position: absolute;
	width: 100%;
	height: auto;
	margin-top: 1.75rem;
	padding: 1rem 2rem;
	z-index: 100;
	opacity: 0;
	text-decoration: none;
	visibility: hidden;
	border-radius: 0.25rem;
	border-top: 2px solid var(--pink-400);
	background-color: var(--white-100);
	box-shadow: var(--shadow-medium);
	transition: all 0.11s ease-in-out;
}
.darkmode .submenu {
	border-top: 2px solid var(--pink-300);
	background-color: var(--night-300);
}
.submenu-inner {
	flex: 0 0 25%;
	padding: 0 1rem;
}
.submenu-title {
	font-family: inherit;
	font-size: inherit;
	font-weight: 500;
	line-height: 1;
	padding: 0.75rem 0;
	color: var(--pink-500);
	text-transform: uppercase;
	transition: all 0.1s ease;
}
.darkmode .submenu-title {
	color: var(--pink-300);
}
.submenu-item {
	display: block;
	line-height: 1;
	margin: 0 auto;
}
.submenu-link {
	display: inline-block;
	font-family: inherit;
	font-size: inherit;
	font-weight: 500;
	line-height: inherit;
	padding: 0.4rem 0;
	white-space: nowrap;
	text-transform: capitalize;
	color: var(--black-300);
	transition: all 0.1s ease-in-out;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}
.darkmode .submenu-link {
	color: var(--white-100);
}
.submenu-image {
	display: block;
	width: 100%;
	height: auto;
	margin-block: 0.5rem;
	object-fit: cover;
}
@media only screen and (max-width: 992px) {
	.submenu {
		position: absolute;
		display: none;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-width: none;
		min-width: auto;
		margin: 0;
		padding: 1rem;
		padding-top: 4rem;
		opacity: 1;
		overflow-y: auto;
		visibility: visible;
		box-shadow: none;
		transform: translateX(0%);
   }
	.submenu.is-active {
		display: block;
   }
	.submenu-inner {
		flex: 0 0 100%;
		padding: 0rem;
   }
	.submenu-list {
		margin-bottom: 1rem;
   }
	.submenu-link {
		display: block;
   }
	.submenu-image {
		margin-top: 0;
   }
}
.megamenu {
	left: 50%;
	width: 100%;
	top:100%;
	height: auto;
	margin: 0 auto;
	transform: translateX(-50%);
    background-image: url('../images/Frame.png');
    background-repeat: no-repeat;
    background-attachment: fixed;  
    background-size: cover;
}

.megamenu-column-1 {
	left: 65%;
	max-width: 15rem;
	width: 100%;
	height: auto;
}
.submenu-link:before {
	content: url('../images/arr.svg');
	width: 3px;
	height: 5px;
	padding-right: 5px;
  }
  
.megamenu-column-4 {
	display: flex;
	flex-wrap: wrap;
	width:100vw;
	padding: 3rem 10%;
	/* max-width: 62rem; */
	height: auto;
	margin: 0 auto;
}
@media only screen and (max-width: 992px) {
	.megamenu {
		position: absolute;
		display: none;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-width: none;
		min-width: auto;
		margin: 0;
		padding: 1rem;
		padding-top: 4rem;
		opacity: 1;
		overflow-y: auto;
		visibility: visible;
		transform: translateX(0%);
		box-shadow: none;
   }
}
.switch {
	position: relative;
	display: block;
	cursor: pointer;
	user-select: none;
	margin-right: 0.5rem;
    font-family: "Avenir-Medium";
    padding: 0.7rem 1.7rem;
    font-size: 12px;
    border-radius: 8px;
    color: #fff;
    background: var(--main-color);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(173, 173, 173, 0.3) 0px 30px 60px -30px;
    font-weight: 600;
    border: 1px solid #22b57300;
}
.switch-light, .switch-dark {
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: center;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease-in;
}
.switch-light {
	font-size: 1.3rem;
	visibility: visible;
	color: var(--black-300);
}
.darkmode .switch-light {
	font-size: 0rem;
	visibility: hidden;
}
.switch-dark {
	font-size: 0rem;
	visibility: hidden;
	color: var(--white-100);
}
.darkmode .switch-dark {
	font-size: 1.3rem;
	visibility: visible;
}
.overlay {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(0, 0, 0, 0.7);
	transition: all 0.45s ease-in-out;
}
@media only screen and (max-width: 992px) {
	.overlay.is-active {
		opacity: 1;
		visibility: visible;
   }
}
.burger {
	position: relative;
	display: block;
	cursor: pointer;
	width: 1.6rem;
	height: 1rem;
	margin-right: 1rem;
	opacity: 0;
	display: none;
	background: transparent;
}
@media only screen and (max-width: 992px) {
	.burger {
		opacity: 1;
		display: block;
   }
}
.burger-line {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 2px;
	opacity: 1;
	border-radius: 1rem;
	background-color: #fff;
}
.hover-image-container img{
	visibility: hidden;
	position: absolute;
	height:40px;
  }

.burger-line:nth-child(1) {
	top: 0px;
}
.burger-line:nth-child(2) {
	top: 0.5rem;
	width: 70%;
}
.burger-line:nth-child(3) {
	top: 1rem;
}

/*responsive*/


/* Footer */
  
.bottom ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bottom img {
/* max-width: 100%; */
height: auto;
}


.bottom .footer {

padding-top: 80px;

}

.bottom .single_footer h4 {
    color: var(--main-color) !important;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "Avenir-Medium";
    }
    
    .bottom .single_footer p{color:#ddd;}
    .bottom .single_footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }
   
    .bottom .single_footer ul li a {
    color: #ddd;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 36px;
    font-size: 15px;
    text-transform: capitalize;
    font-family: "Avenir-Medium";
    list-style: none;
    }
    .bottom .single_footer li{
      list-style: none;
    }
    .bottom .single_footer ul li a:hover { color: #00BF88 !important;
    text-decoration: none;
    }

    
    .bottom .single_footer ul li .text-dark{
      color:#555555 !important;
    }
    .bottom .single_footer_address ul li{color:#ddd;}
    .bottom .single_footer_address ul li span {
    font-weight: 400;
    color: #ddd;
    line-height: 28px;
    }
    .bottom .contact_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    }
    
    /*START NEWSLETTER CSS*/
    .bottom .subscribe {
    display: block;
    position: relative;
    margin-top: 15px;
    width: 100%;
    }
    .bottom .news-letter img{
      width:20px;
    }
    .bottom .subscribe__input {
    background: none;
    border: none;
    
    color: #333;
    display: block;
    font-size: 15px;
    font-weight: 500;
    height: 60px;
    letter-spacing: 0.4px;
    margin: 0;
    padding: 0 150px 0 20px;
    
    text-transform: capitalize;
    width: 100%;
    }

    .bottom .subscribe__btn i{transition: all 0.3s ease 0s;}
    
.news p {
    font-size: 18px;
    margin-bottom: 16px;
    margin-top: 12px;
    line-height: 1.8;
  }
  
  .news input {
    display: inline-block;
    width: 70%;
    background: none;
    color:#fff;
   padding: 0 8px;
   
    box-sizing: border-box;
    margin-top: 18px;
   border-width: 60%;
    border: none;
    border-bottom:1px solid var(--main-color);
  }

  .news input:focus{
    outline: none;
}
  .news input,
  .news input::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 3;
  }
  .news h3{
    font-size: 22px;
    font-family: "Avenir-Medium";
    text-transform: capitalize;
    color:var(--main-color) !important;
  }
  .news .bt {
    margin-left: 1rem;
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
    padding: 5px 37px;
    border-radius: 4.95px;
    margin-top: 3rem;
    /* Only necessary for .btn */
    border: none;
    cursor: pointer;
    background-color: #48b774;
    color: #fff;
  }
  

.bottom button {
padding: 0;
border: none;
background-color: transparent;
-webkit-border-radius: 0;
border-radius: 0;
}
/*END NEWSLETTER CSS*/

/*START SOCIAL PROFILE CSS*/

.bottom .social_profile ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
.bottom .social_profile ul li{float:left;}
.bottom .social_profile ul li a {
text-align: center;
border: 0px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
margin: 0px 5px;
font-size: 30px;

border-radius: 30px;
width: 50px;
height: 50px;
line-height: 50px;
display: block;

}
.bottom .copyright {
    margin-top: 70px;
    padding-top: 40px;
    color:#ddd;
    font-size: 15px;
    border-top: 1px solid rgba(255,255,255,0.4);
    text-align: center;
    font-family: "Avenir-Medium";
    }
    .bottom .text
    {
        display: flex;
    }
    .bottom hr{
        color:#00BF88;
        background-color: #00BF88;
    }
    .bottom .copyright a{color:#01c7e9;transition: all 0.2s ease 0s;}
    .bottom .copyright a:hover{color:#00BF88;}
    
    .bottom .footer-bottom{
        font-size: 0.8rem;
        color: #ddd;
        border-top: 1px solid #00BF88;
    }
    .bottom .footer-bottom .col-sm-8{
      display:flex;
  }
    #button {
        display: inline-block;
        background-color: var(--main-color);
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 4px;
        position: fixed;
        bottom: 7px;
          right: 15rem;
        transition: background-color .3s, 
          opacity .5s, visibility .5s;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
      }
      .bottom_section{
        background-color: #000000;
      }
      #button::after {
        content: "\f077";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 2em;
        line-height: 50px;
        color: #fff;
      }
      
      #button:hover {
        cursor: pointer;
        background-color: #00BF88;
      }
      #button:active {
        background-color: #00BF88;
      }
      #button.show {
        opacity: 1;
        visibility: visible;
      }
    .footer-bottom p {
        
        color:#ddd;
        font-size: 14px;
        margin-top: 1.7rem;
        font-family: "Avenir-Medium";
    }
    /* .footer-bottom {
        margin-top: 30px;
    }
     */
    .footer-logo{
        width:130px;
    }

    /* mobile resp Nav bar */
    
.mobile_sm_nav .container {
  max-width: 75rem;
  height: auto;
  margin-inline: auto;
  padding-inline: 1.5rem;
}
.mobile_sm_nav .centered {
  text-align: center;
  vertical-align: middle;
  margin-bottom: 1rem;
}

.mobile_sm_nav .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 100;
  margin: 0 auto;
  background-color: var(--white-100);
  box-shadow: var(--shadow-medium);
}

.mobile_sm_nav .brand {
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;

  text-transform: uppercase;
  order: 1;
}

.mobile_sm_nav .navbar {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 4rem;
  margin: 0 auto;
  background-color: #060809;
}
.mobile_sm_nav .navbar-left {
  display: flex;
  align-items: center;
  flex: 0 0 17%;
}
.mobile_sm_nav .navbar-center {
  display: flex;
}
.mobile_sm_nav .navbar-right {
  display: flex;
  flex: 0 0 17%;
  align-items: center;
  justify-content: flex-end;
  column-gap: 1.5rem;
}
@media only screen and (max-width: 992px) {
  .mobile_sm_nav .navbar-left, .navbar-right {
      flex: 0 0 auto;
 }
 .mobile_sm_nav .navbar-right {
      align-items: center;
 }
 .mobile_sm_nav .navbar-center {
      flex: 0 0 100%;
      order: 3;
      align-items: center;
 }
}
@media only screen and (max-width: 992px) {
  .mobile_sm_nav .menu {
      position: fixed;
      top: 0;
      left: 0;
      width: 75%;
      height: 100%;
      z-index: 100;
      overflow: hidden;
      transform: translate(-100%);
      background-color: var(--white-100);
      transition: all 0.4s ease-in-out;
 }
 .mobile_sm_nav .menu.is-active {
      transform: translate(0%);
 }
 
}
.mobile_sm_nav .menu-header {
  display: none;
  box-shadow: var(--shadow-medium);
}
.mobile_sm_nav .menu-item {
  display: inline-block;
  line-height: 1.5;
  padding-right: 1.25rem;
}
.mobile_sm_nav .menu-link {
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--black-300);
  text-transform: capitalize;
  transition: all 0.25s ease;
}
.mobile_sm_nav .menu-link > i.fa {
  font-size: 1.35rem;
  margin-left: 0.25rem;
  color:rgb(34, 181, 115)
}

.mobile_sm_nav .menu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  font-size: 1.45rem;
  color: var(--black-300);
  transition: all 0.25s ease;
}

@media only screen and (min-width: 993px) {
  .mobile_sm_nav .menu-dropdown:hover > .submenu {
      opacity: 1;
      visibility: visible;
      margin-top: 1rem;
 }
}
@media only screen and (max-width: 992px) {
  .mobile_sm_nav .menu-header {
      position: relative;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      height: 4rem;
      z-index: 110;
      visibility: hidden;
      background: transparent;
 }
 .mobile_sm_nav .menu-header.is-active {
      visibility: visible;
      background-color: var(--white-100);
 }
 .mobile_sm_nav .menu-header.is-active > .menu-arrow {
      display: block;
      /* margin-top:3rem; */
 }
 
 .mobile_sm_nav .menu-arrow {
      display: none;
      cursor: pointer;
      width: 3rem;
      height: 4rem;
      text-align: center;
 }
 .mobile_sm_nav .menu-arrow > i.fa {
      font-size: 1.5rem;
      line-height: 4rem;
      color: var(--black-300);
      transition: all 0.25s ease;
 }
 
 .mobile_sm_nav .menu-title {
      font-family: inherit;
      font-size: inherit;
      font-weight: 500;
      line-height: inherit;
      text-transform: capitalize;
      color: var(--black-300);
 }

 .mobile_sm_nav .menu-inner {
      height: 100%;
      /* margin-top: -3rem; */
      overflow-y: auto;
      overflow-x: hidden;
 }
 .mobile_sm_nav .menu-item {
      display: block;
      line-height: 1;
      padding-inline: 0;
      margin:1rem auto;
 }
 .mobile_sm_nav .menu-link {
      justify-content: space-between;
      height: 2.5rem;
      line-height: 2.5rem;
      padding-inline: 1.25rem;
 }
 .mobile_sm_nav .menu-link > i.fa {
      margin-left: 0.5rem;
      transform: rotate(0deg);
 }
}
.mobile_sm_nav .submenu {
  position: absolute;
  width: 100%;
  height: auto;
  margin-top: 1.75rem;
  padding: 1rem 2rem;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  border-radius: 0.25rem;
  border-top: 2px solid rgb(34, 181, 115);
  background-color: var(--white-100);
  box-shadow: var(--shadow-medium);
  transition: all 0.25s ease-in-out;
}

.mobile_sm_nav .submenu-inner {
  flex: 0 0 25%;
  padding: 0 1rem;
}
.mobile_sm_nav .submenu-title {
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: 1;
  padding: 0.75rem 0;
  color:rgb(34, 181, 115);
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.mobile_sm_nav .submenu-item {
  display: block;
  line-height: 1;
  margin: 0 auto;
}
.mobile_sm_nav .submenu-link {
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  padding: 0.75rem 0;
  white-space: nowrap;
  text-transform: capitalize;
  color:rgb(34, 181, 115);
  transition: all 0.25s ease-in-out;

}

.mobile_sm_nav .submenu-image {
  display: block;
  width: 100%;
  height: auto;
  margin-block: 0.5rem;
  object-fit: cover;
}
@media only screen and (max-width: 992px) {
  .mobile_sm_nav .submenu {
      position: absolute;
      display: none;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      max-width: none;
      min-width: auto;
      margin: 0;
      padding: 1rem;
      padding-top: 4rem;
      opacity: 1;
      overflow-y: auto;
      visibility: visible;
      box-shadow: none;
      transform: translateX(0%);
 }
 .mobile_sm_nav .submenu.is-active {
      display: block;
 }
 .mobile_sm_nav .submenu-inner {
      flex: 0 0 100%;
      padding: 0rem;
 }
 .mobile_sm_nav .submenu-list {
      margin-bottom: 1rem;
 }
 .mobile_sm_nav .submenu-link {
      display: block;
 }
 .mobile_sm_nav .submenu-image {
      margin-top: 0;
 }
}
.mobile_sm_nav .megamenu {
  left: 50%;
  width: 100%;
  height: auto;
  margin: 0 auto;
  transform: translateX(-50%);
}
.mobile_sm_nav .megamenu-column-1 {
  left: 65%;
  max-width: 15rem;
  width: 100%;
  height: auto;
}
.mobile_sm_nav .megamenu-column-4 {
  display: flex;
  flex-wrap: wrap;
  max-width: 62rem;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .mobile_sm_nav .megamenu {
      position: absolute;
      display: none;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      max-width: none;
      min-width: auto;
      margin: 0;
      padding: 1rem;
      padding-top: 4rem;
      opacity: 1;
      overflow-y: auto;
      visibility: visible;
      transform: translateX(0%);
      box-shadow: none;
 }
}


.mobile_sm_nav .ovelays {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.45s ease-in-out;
}
@media only screen and (max-width: 992px) {
  .mobile_sm_nav .ovelays.is-active {
      opacity: 1;
      visibility: visible;
 }
}
.mobile_sm_nav .burger {
  position: relative;
  display: block;
  cursor: pointer;
  width: 1.6rem;
  height: 1rem;
  margin-right: 1rem;
  opacity: 0;
  visibility: hidden;
  background: transparent;
}
@media only screen and (max-width: 992px) {
  .mobile_sm_nav .burger {
      opacity: 1;
      visibility: visible;
 }
}
.mobile_sm_nav .burger-line {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  opacity: 1;
  border-radius: 1rem;
  background: #fff;
}

.mobile_sm_nav .burger-line:nth-child(1) {
  top: 0px;
}
.mobile_sm_nav .burger-line:nth-child(2) {
  top: 0.5rem;
  width: 70%;
}
.mobile_sm_nav .burger-line:nth-child(3) {
  top: 1rem;
}