@charset "utf-8";

:root {
     --white:#ffffff;
     --green:#13a538;
     --dgreen:#279e4e;
     --gry:#4e5452;

     --green-color: #279E4E;

      /* font-size */
      --font-225:158px;
      --font-48:48px;
      --font-46:46px;
      --font-42:42px;
      --font-28:28px;
      --font-39:39px;
      --font-38:38px;
      --font-36:36px;
      --font-32:32px;
      --font-28:28px;
      --font-26:26px;
      --font-24:24px;
      --font-21:21px;
      --font-18:18px;
      --font-14:16px;
      --font-16:16px;
      --font-10:10px;
      --font-12:12px;
}



/* Header CSS */


.main-header{background: #fff;   padding: 7px 0px !important; box-shadow: 0px 5px 10px #00000017; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999;}
.header{margin-top: 70px;}

.main-logo img {width: 167px;}
.main-logo{padding-top: 0.5rem!important; padding-bottom: 0.3125rem; display: inline-block;}

.lp-nav{float: right; height: 57px; display: flex;}

ul.navbar-nav{list-style: none; display: flex;}
ul.navbar-nav li{display: inline-block; position: relative;}
ul.navbar-nav li a {font-size: 12px; line-height: 15px; color: #32CC77  !important; text-transform: uppercase; font-weight:700; padding: 15px 18px !important; display: block;}

ul.navbar-nav li ul li{width: 100%;}

img.arrw-down.up-ar {
  transform: rotate(180deg);
  transition: 0.5s all;
}
.dropdown-toggle img {
  margin-left: 5px;
  margin-top: -3px;
}

ul.navbar-nav li a.menu-btn {
  background: var(--green);
  color: #ffffff!important;
  padding: 8px 17px !important;
  display: block;
  border-radius: 10px;
  font-size: 14px;
  text-transform: capitalize;
  margin: 0 24px;
  text-decoration: none;
}

/*sub-----menu*/
.dropdown-toggle {
  white-space: nowrap;
}

ul.sub-menu {
  position: absolute;
  width: 200px;
  box-shadow: 20px 20px 20px #0000001C;
  background: #fff;
  text-align: left;
  left: 0;
  top: 33px;
  color: var(--text-clr-green);
  display: none;
  z-index: 100000;
  z-index: 100000;
  padding: 8px 0px;
}
li.dropdown:hover ul.sub-menu {
  display: block;
  transition: 0.5s all;
}
ul.sub-menu li a {
        padding: 10px 10px !important;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}
.money-tfr .tab-pane a {
  font-weight: 800;
  color: var(--green-color);
}
ul.sub-menu li.active a {
  font-weight: 800;
  border-bottom: 1px solid #32CC77;
}

ul.sub-menu li a {
  transition: 0.5s all;
}
ul.sub-menu li a:hover {
  font-weight: 800;
  transition: 0.5s all;
}

.navbar-toggler{display: none;}

.key-link-text{text-align: center; margin: 1rem 0px; float: left; width: 100%;}
.key-link-text a{color: var(--green-color); font-weight: 800; text-decoration: underline;}


.f-right .f-nav li a{font-size: var(--font-14);} 
.f-right .f-nav li:after {position: absolute; content: "|"; top: 23%; color: white; font-weight: lighter; left: -4px; content: ''; width: 1px; height: 60%; background: white;}



@media (min-width: 768px){
  .main-header .container{max-width: 720px; padding: 0px;}
}

@media (min-width: 992px){
  .main-header .container{max-width: 960px; padding-left:15px; padding-right: 15px;}
  ul.navbar-nav{align-items: center;}
  .nav-frame{display: flex; justify-content: space-between;}
}

@media (min-width: 1200px){
  .main-header .container{max-width: 1140px;}
}


@media (min-width: 1024px) and (max-width: 1450px){
  .main-header .container {width: 1100px;}
  p {line-height: 23px !important}
  :root {
    --font-36: 32px;
    --font-28: 23px;
    --font-26: 21px;
    --font-14: 12px;
    --font-16: 13px;
    --font-18: 15px;
    --font-12: 10px;
    --font-21: 17px;
    --font-24: 19px;
    --font-42: 35px;
    --font-46: 34px;
    --form-width: 372px;
    --form-spacing: 16px 24px;
    --font-225: 148px;
    --mt-head-height: 390px
  }
}

@media (min-width: 1451px){
  .main-header .container{max-width: 1400px;}
}


@media (max-width: 992px){
  .lp-nav{display: none;}
  .lp-nav{float: none; height: auto; width: 100%; background: var(--white);}
  ul.navbar-nav{display: flex; flex-direction: column;}
  ul.navbar-nav li a.menu-btn{display: inline-block;}

  .navbar-toggler{display: inline-block; float: right; margin-top: 8px;}
  .navbar-toggler {padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; color: rgba(0,0,0,.5);
  border-color: rgba(0,0,0,.1);}
  .navbar-toggler-icon {display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%;}
  li.dropdown:hover ul.sub-menu {display: none; transition: 0.5s all;}
  nav.navbar {padding: 7px 16px !important;}
  li.dropdown {width: 100%;}
  a.nav-link.menu-btn {margin: 0;}
  .dropdown-toggle img {margin-left: 0px; margin-top: 0px;  right: 16px; position: absolute; }
  a.navbar-brand {transform: translateY(3px);}
  ul.sub-menu {position: inherit; width: 100%; text-align: left; top: 0; box-shadow: none; padding-left: 16px; background: #f7f7f7fc;}

}


@media (max-width: 480px) {
  :root {
    --form-spacing: 27px 31px;
    --font-24: 21px
  }
}