:root {
  --color-primary: #fff;
  --color-secondary: #F0F7EE;
  --duration: 1s;
  --nav-duration: calc(var(--duration) / 4);
  --ease: cubic-bezier(0.215, 0.61, 0.355, 1);
  --space: 1rem;
  --font-primary: "Sofia Pro", sans-serif;
  --font-size: 1.125rem;
  --line-height: 1.5;
}
.main-navigation-toggle {
  position: fixed;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.main-navigation-toggle + label {
  /*position: fixed;
  top: calc(var(--space) * 1.5);
  right: calc(var(--space) * 2);
  top:10px; right:10px;*/
  cursor: pointer;
  z-index: 4;
  margin-left: 18px;
/*  padding-top:6px;*/
}
.icon--menu-toggle {
  --size: calc(1rem + 3vmin);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--size);
  height: var(--size);
  stroke-width: 3.7px;
}
.icon-group {
  transform: translateX(0);
  transition: transform var(--nav-duration) var(--ease);
}
.icon--menu {
  stroke: var(--color-primary);
}
.icon--close {
  stroke: var(--color-secondary);
  transform: translateX(-100%);
}
.main-navigation {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  transition: transform var(--nav-duration);
  z-index: 3;
}
.main-navigation:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #349102;
  transform-origin: 0 50%;
  z-index: -1;
}
.main-navigation ul {
  font-size: 32px;
  text-transform: uppercase;
  width: 100%;
}
.main-navigation li {
  --border-size: 1vmin;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.main-navigation li:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--border-size);
  background-color: var(--color-secondary);
  transform-origin: 0 50%;
  transform: translateX(-100%) skew(15deg);
}
.main-navigation a {
  display: inline-block;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  color: var(--color-secondary);
  line-height: 1;
  text-decoration: none;
  user-select: none;
  padding: var(--space) calc(var(--space) * 2) calc(var(--space) + var(--border-size) / 2);
  transform: translateY(100%);
}
.main-navigation a:hover{
  background-color: var(--color-secondary);
  color:#000;
}
.main-navigation-toggle:checked ~ label .icon--menu-toggle .icon-group {
  transform: translateX(100%);
}
.main-navigation-toggle:checked ~ .main-content {
  transform: translateX(10%);
}
.main-navigation-toggle:checked ~ .main-navigation {
  transition-duration: 0s;
  transform: translateX(0);
}
.main-navigation-toggle:checked ~ .main-navigation:after {
  animation: nav-bg var(--nav-duration) var(--ease) forwards;
}
.main-navigation-toggle:checked ~ .main-navigation li:after {
  animation: nav-line var(--duration) var(--ease) forwards;
}
.main-navigation-toggle:checked ~ .main-navigation a {
  animation: link-appear calc(var(--duration) * 1.5) var(--ease) forwards;
}
.main-navigation-toggle:checked ~ .main-navigation li:nth-child(1):after, .main-navigation-toggle:checked ~ .main-navigation li:nth-child(1) a {
  animation-delay: calc((var(--duration) / 2) * 1 * 0.125);
}
.main-navigation-toggle:checked ~ .main-navigation li:nth-child(2):after, .main-navigation-toggle:checked ~ .main-navigation li:nth-child(2) a {
  animation-delay: calc((var(--duration) / 2) * 2 * 0.125);
}
.main-navigation-toggle:checked ~ .main-navigation li:nth-child(3):after, .main-navigation-toggle:checked ~ .main-navigation li:nth-child(3) a {
  animation-delay: calc((var(--duration) / 2) * 3 * 0.125);
}
.main-navigation-toggle:checked ~ .main-navigation li:nth-child(4):after, .main-navigation-toggle:checked ~ .main-navigation li:nth-child(4) a {
  animation-delay: calc((var(--duration) / 2) * 4 * 0.125);
}

@keyframes nav-bg {
  from {
    transform: translateX(-100%) skewX(-15deg);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes nav-line {
  0% {
    transform: scaleX(0);
    transform-origin: 0 50%;
  }
  35% {
    transform: scaleX(1.001);
    transform-origin: 0 50%;
  }
  65% {
    transform: scaleX(1.001);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scaleX(0);
    transform-origin: 100% 50%;
  }
}
@keyframes link-appear {
  0%, 25% {
    transform: translateY(100%);
  }
  50%, 100% {
    transform: translateY(0);
  }
}
.navbar{padding: 0;}

.float-navbar{display: flex;align-items: center;font-size: 16px; font-weight: 400;}
.desktop_menu{display: flex;align-items: center; margin: 0;padding: 0;}
.desktop_menu li{margin-right: 30px; }
.desktop_menu li a{color: #6e6d6d; padding:28px 5px 20px; text-transform: uppercase;border-bottom: 2px solid transparent;position: relative; display: block; font-weight:400; font-size:18px;}
.desktop_menu li a:after{height: 2px; transition: width .3s;content: "";display: block; width: 0;position: absolute;left: 0;bottom: -0px; background:#41B212;}
.desktop_menu li:hover a:after{width: 100%;}
.desktop_menu li.active a:after{width: 100%;}
.desktop_menu li.active a{color: #41B212;}
.header_sticky .desktop_menu li a{padding: 20px 5px 15px;}
.header_sticky .call_btn{padding: 10px 28px 7px 28px;}
.header_sticky .enquire_now_btn{padding: 10px 25px 6px 30px;}
.call_btn{border-radius:100px; display: flex; padding:14px 28px 10px 28px; font-size:18px; background:#000;}
.call_btn img{margin-right: 6px;width: 22px;}
.call_btn span{color: #ffffff; margin:0; font-size: 20px;}
.call_btn span:first-child{margin: 5px 10px 0 0;}
.icon-telephone:before{color: #ffffff;}
.enquire_now_btn{color: #fff !important; display: flex; padding:14px 25px 10px 30px; font-size:18px; border-radius:100px; letter-spacing:0.5px; text-transform: uppercase; font-weight: 400;}
.enquire_now_btn span.icon-email-2-1{display: none;}
.enquire_now_btn span.icon-arrow-1{font-size: 14px; margin: 8px 0 0 10px;}
.enquire_now_btn img{display: none;}
.main-navigation-toggle + label{display: none;}
.banner_inner_text{width: 100%;}

@media(max-width:1270px){
/* .desktop_menu{display: none;} */
.main-navigation-toggle + label{display: block;}
}

@media(max-width:767px){
  .icon--menu-toggle{--size: calc(15px + 2vmin);}
  .call_btn, .enquire_now_btn{width: 32px;height: 32px;border-radius: 50%;padding: 0;justify-content: center;align-items: center;}
  .call_btn img, .enquire_now_btn img{width: 32px;margin: 0;}
  .enquire_now_btn img{width: 18px;display: inline-block;}
  .call_btn span, .enquire_now_btn span{display: none;}
  .navbar-brand img{height: 36px;}
  .content{padding-left: 20px;padding-right: 20px;}
}

@media(min-width:1700px){
.float-navbar{font-size: 18px;}
.call_btn img{width: 27px;}
}