/*#region MAIN*/
    .MainContainer{
        padding-left: var(--sitepadding);
        padding-right: var(--sitepadding);
    }
    .container-inner{
        padding-left: var(--sitepadding);
        padding-right: var(--sitepadding);
    }
    .container{
        width: 100%;
        max-width: 100%;
        padding: 0px;
    }
/*#endregion*/



/*#region NAVBAR*/
    .NavbarContainer{
        padding-left: var(--sitepadding);
        padding-right: var(--sitepadding);
        height: 95px;
        background-color: #fff!important;
       position: sticky;
       top: 0;
       z-index: 9998;
    }
    .NavbarContainer.nav-open-heder{
      background-color: var(--mainColor)!important;
      z-index: 9999!important;
    }
    .LogoBox img{
        width: 10rem;
    }
    /*nav bar*/
.top-nav{
    display: grid;
    grid-template-columns: 25% 75%;
    grid-row-gap:0px;
    grid-column-gap:0% ;
    padding-top: 15px;
    width: 100%;
  }
  .OverlaySocialLinksr{
    display: grid;
    grid-template-columns: 48% 48%;
    grid-row-gap:20px;
    grid-column-gap:4% ;
    padding-top: 15px;
    width: 100%;
  }
  .OverlaySocialLinksr .box-1{
text-align: right;
  }
  .OverlaySocialBox a{
    color: #fff;
  }
  .OverlaySocialLinksr .box-2{
    text-align: left;
  }
  .NavLinks {
 
width: 100%;
    max-width: 800px;
  }
  .NavLinks .NavLinkBox a{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    border-top:1px solid  #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: -1px;
    transition: .3s;
      }
  @media screen and (min-width: 800px) {
  .NavLinks .NavLinkBox a{
font-size: 42px;
  }
  }
  .NavLinks .NavLinkBox a:hover{
    padding-left: 30px;
  }
  /*nav bar END*/
  .LogoBox{
    padding-top: 10px;
  }
  
  @media screen and (min-width: 930px) {
    .MenuBox{
        display: grid;
  grid-template-columns: auto auto auto auto auto;
  grid-row-gap:0px;
  grid-column-gap:0% ;
  padding-top: 0px;
    }
}
.MenuBox.center-vertical{
    align-items: center;
    justify-content: end;
}
    .MenuBox a{
        color: #000;
        font-size: 18px;
        font-weight: 500;
        padding-left: 10px;
        padding-right: 10px;
        transition: .3s;
    }
    @media screen and (max-width: 930px) {
    .MenuBox a{
        display: none;
    }
}

    .MenuBox p{
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        padding-left: 10px;
        padding-right: 5px;
        transition: .3s;
        display: inline-block;
        margin-bottom: 0px;
    }
    .MenuBox a:hover{
        color: var(--mainColor);
    }
    .MenuButtonText{
        font-weight: 500;
        margin-right: 0.75rem;
    }
    @media screen and (max-width: 450px){
    .MenuButtonText{
      display: none!important;
    }
  }
    .MenuButton{
        background-color:var(--mainColor);
        background-image: url("/assets/images/web/menu.svg");
        background-size: 2.5rem;
        background-repeat: no-repeat;
        background-position: center;
        width: 4rem;
        height: 4rem;
        border: none;
    }
    .MainOverlaySection{
        width: 100%;
        max-width: 800px;
        margin: auto;
        position: relative;
        min-height: calc(100vh - 8rem);
        display: grid;
        grid-template-columns: 100%;
        grid-row-gap:50px;
        grid-column-gap:0% ;
        padding-top: 15px;
    }
/*#endregion*/

/*#region OVERLAY*/
    .NavOverlay{
        position: fixed;
        top: 0;
        width: 100%;
        height: 0;
        background-color:var(--mainColor);
        z-index: 2;
        transition: all 200ms;
        z-index: 9999;
    }
    .CloseMenuButton{
        z-index: 1;
        background-color: var(--mainColor);
        background-image: url("/assets/images/web/closemeu.svg");
        background-size: 2rem;
        background-repeat: no-repeat;
        background-position: center;
        width: 4rem;
        height: 4rem;
        border: none;
    }


/*#endregion*/

/*pop up*/
#popup {
  display: none;
  position: fixed;
  width:100%;
  top: 0;
  left: 0%;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  overflow-y: auto;
}
#popup {
  display: none;
  position: fixed;
  width:100%;
  top: 0%;
  left: 0%;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  overflow-y: auto;
}
@media screen and (min-width: 800px){
#popup {
    display: none;
    position: fixed;
    width: 65%;
    padding: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    overflow-y: auto;
}
}

.popup-inner{
  position: relative;
}

/* Styles for the overlay */
#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 900;
}
.input__box-2col{
  display: grid;
    grid-template-columns: 100%;
    grid-row-gap:0px;
    grid-column-gap:0 ;
    width: 100%;
}
@media screen and (min-width: 800px){
.input__box-2col{
  display: grid;
    grid-template-columns: 48% 48%;
    grid-row-gap:20px;
    grid-column-gap:4% ;
    width: 100%;
}
}
#popup label{
  font-size: 14px;
  display: block;
  padding-top: 15px;
}
#popup input{
width: 100%;
padding: 10px 10px 10px 15px;
margin-bottom: 15px;
border: 1px solid #D9D9D9;
border-radius: 10px;
margin-bottom: 0px!important;
}
#popup textarea{
  width: 100%;
  min-height: 100px;
  padding: 10px 10px 10px 15px;
  margin-bottom: 15px;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  margin-bottom: 0px!important;
  
  }
  .close-button button{
    position: absolute;
    right: 0px;
    top:0px;
    border: 0px!important;
    background: none;
  }
  .close-button img{
    width: 20px;
  }
  .pop-up-submit-btn{
    max-width: 320px;
    padding-top: 20px;
  }
  .pop-up-submit-btn input{
    color: #fff;
  background: var(--mainColor);
  padding: 12px 35px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  transition: .3s;
  border:1px solid  var(--mainColor);
  }
  .pop-up-submit-btn input:hover{
    background: #5b96d1;
    border:1px solid #5b96d1;
  }


  .custom-rout-content button{
    color: #fff;
    background: transparent;
    padding: 12px 35px;
    border: 1px solid #fff;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s;
    cursor: pointer;
  }
  .custom-rout-content button:hover{
    background: var(--mainColor);
    border: 1px solid var(--mainColor);
  }


/*pop up END*/




/* jquery ui */
.ui-autocomplete { background: #fff; border: 1px solid #aaa9; }
.ui-autocomplete .ui-menu-item { border-botttom: 1px solid #eee9; }
.ui-autocomplete .ui-menu-item .ui-state-active { margin: 0px }
/* EOF jquery ui */