/* Critical above-the-fold styles for homepage header/nav/button. */
:root{
  --theme-color:#63C153;
  --theme-color2:#064E5A;
  --color-white:#fff;
  --color-dark:#064E5A;
  --color-yellow:#FBA707;
  --box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);
  --box-shadow2:0 0 15px rgba(0,0,0,.17);
  --transition:all .5s ease-in-out;
  --transition2:all .3s ease-in-out;
}
a{text-decoration:none;}
/* Theme buttons used in first screen CTA */
.theme-btn,.theme-btn2{
  font-size:16px;color:var(--color-white);padding:10px 20px;text-transform:capitalize;position:relative;border-radius:10px;font-weight:500;cursor:pointer;text-align:center;vertical-align:middle;overflow:hidden;border:none;background:var(--theme-color);box-shadow:var(--box-shadow);z-index:1;transition:all .5s;
}
.theme-btn::before,.theme-btn2::before{
  content:"";height:300px;width:300px;background:var(--color-dark);border-radius:50%;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%) scale(0);transition:.5s cubic-bezier(.25,.46,.45,.94);z-index:-1;
}
.theme-btn:hover,.theme-btn2:hover{color:var(--color-white);}
.theme-btn:hover::before,.theme-btn2:hover::before{transform:translateY(-50%) translateX(-50%) scale(1);}
.theme-btn i,.theme-btn2 i{margin-left:8px;transform:rotate(-40deg);transition:var(--transition2);}
.theme-btn:hover i,.theme-btn2:hover i{transform:rotate(0deg);}
.theme-btn2{background:var(--color-yellow);color:var(--color-dark);}
.theme-btn2::before{background:var(--theme-color2);}
/* Header top */
.header{background:var(--theme-color);}
.header-top{padding:10px 0;background:var(--theme-color2);position:relative;}
.header-top .shape{position:absolute;right:0;top:0;height:100%;width:100%;overflow:hidden;}
.header-top .shape-1{position:absolute;top:0;right:-50px;width:50%;height:100%;background:var(--theme-color);transform:skewX(40deg);border-radius:20px 0 0 0;border-left:5px solid var(--color-white);}
.header-top .shape-2{position:absolute;top:0;left:-30px;bottom:0;width:10%;background:var(--theme-color);border-radius:0 0 20px 0;transform:skewX(40deg);border-right:5px solid var(--color-white);}
.header-top-wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;position:relative;}
.header-top-list ul{display:flex;align-items:center;flex-wrap:wrap;gap:25px;}
.header-top-list a{color:var(--color-white);font-weight:500;}
.header-top-list a:hover{color:var(--theme-color);}
.header-top-list a i{color:var(--theme-color);margin-right:5px;}
.header-top-right{display:flex;align-items:center;flex-wrap:wrap;gap:15px;}
.header-top-right .header-top-list a:hover{color:var(--theme-color2);}
.header-top-right .header-top-list i{color:var(--color-white);}
.header-top-social span{color:var(--color-white);}
.header-top-social a{color:var(--color-white);font-size:16px;text-align:center;margin-left:14px;transition:var(--transition);}
.header-top-social a:hover{color:var(--theme-color2);}
.header-top-lang .top-lang{color:var(--color-white);}
.header-top-lang .dropdown-menu{min-width:60px;border-radius:15px;padding:10px;border:none;box-shadow:var(--box-shadow);}
.header-top-lang .dropdown-item{color:var(--color-dark);border-radius:10px;}
.header-top-lang .dropdown-item:hover{background:var(--theme-color);color:var(--color-white);}
/* Navbar */
.navbar{background:transparent;padding-top:0;padding-bottom:0;padding-right:15px;position:relative;z-index:999;}
.navbar::before{content:"";position:absolute;left:0;top:0;height:100%;width:89.5%;background:var(--color-white);}
.navbar.fixed-top{position:fixed;background:var(--color-white);box-shadow:var(--box-shadow2);animation:slide-down .7s;padding-right:0;}
@keyframes slide-down{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}
.navbar .navbar-brand .logo-display{display:block;}
.navbar .navbar-brand .logo-scrolled{display:none;}
.navbar.fixed-top .navbar-brand .logo-display{display:none;}
.navbar.fixed-top .navbar-brand .logo-scrolled{display:block;}
.navbar-brand{margin-right:0;}
.navbar-brand img{width:170px;}
.navbar .dropdown-toggle::after{display:inline-block;margin-left:5px;vertical-align:baseline;content:"\f107";font-weight:600;border:none;font-size:14px;}
@media all and (min-width:992px){
  .navbar .nav-item .nav-link{margin-right:22px;padding:30px 0;font-size:17px;font-weight:600;color:var(--color-dark);text-transform:capitalize;}
  .navbar .nav-item .nav-link.active,.navbar .nav-item:hover .nav-link{color:var(--theme-color);}
  .navbar .nav-item:last-child .nav-link{margin-right:0;}
  .navbar .nav-item .dropdown-menu{display:block;padding:10px;margin-top:0;left:-15px;border-radius:15px;border:none;background:var(--color-white);width:220px;box-shadow:var(--box-shadow);opacity:0;visibility:hidden;transition:var(--transition2);}
  .navbar .nav-item:hover .dropdown-menu{opacity:1;visibility:visible;top:100%;transform:rotateX(0deg);}
  .navbar .dropdown-menu.fade-down{top:80%;transform:rotateX(-75deg);transform-origin:0 0;}
  .nav-right{display:flex;align-items:center;justify-content:center;gap:30px;margin-left:45px;}
  .nav-right-link{position:relative;font-size:20px;color:var(--color-dark);border:none;padding:0;background:transparent;transition:var(--transition);}
  .nav-right-link:hover{color:var(--theme-color);}
}
@media all and (max-width:1199px){
  .header-top .shape-1{width:48%;}
  .header-top .shape-2{width:6%;}
  .header-top-list ul{gap:10px;}
  .header-top-social a{width:34px;height:34px;line-height:37px;margin-left:0;}
  .header-top-left{margin-right:5px;}
  .navbar .nav-item .nav-link{margin-right:15px;}
  .nav-right{gap:20px;margin-left:25px;}
  .nav-right .sidebar-btn,.nav-right .call-wrap{display:none;}
}
@media all and (max-width:991px){
  .header-top .shape-1{width:55%;}
  .header-top .shape-2{width:7%;}
  .header-top-list ul{gap:0;}
  .header-top-list ul li{margin-right:10px;}
  .header-top-list ul li:last-child{display:none;}
  .header-top-lang .dropdown-toggle::after{margin-top:12px;}
  .header-top-social span{display:none;}
  .navbar{padding-top:10px;padding-bottom:10px;}
  .navbar::before{width:100%;}
  .navbar-brand img{width:130px;}
  .navbar .offcanvas{width:300px;}
  .navbar .offcanvas-header .btn-close{background:#F05454;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50px;color:var(--color-white);font-size:18px;box-shadow:none;opacity:1;}
  .navbar .offcanvas-brand{width:150px;}
  .navbar .nav-item .nav-link{color:var(--color-dark);font-weight:700;margin-right:0;transition:var(--transition);}
  .navbar .nav-item .nav-link:hover{color:var(--theme-color);}
  .navbar .nav-item .dropdown-menu{border-radius:15px;}
  .navbar .nav-item .dropdown-toggle::after{float:right;margin-top:2.5px;}
  .navbar-toggler{padding:0;border:none;}
  .navbar-toggler:focus{outline:none;box-shadow:none;}
  .navbar-toggler span{display:block;width:22px;border-bottom:3px solid var(--color-dark);border-radius:50px;margin-top:5px;}
  .navbar-toggler span:first-child{margin-top:0;}
  .navbar-toggler span:nth-child(2){width:15px;}
  .navbar .mobile-menu-right{display:flex;align-items:center;gap:20px;}
  .nav-right{display:none;}
}
@media all and (max-width:767px){
  .header-top .shape{display:none;}
  .header-top-social a:hover{color:var(--theme-color);}
}