body {
  font-family: var(--Montserrat-font-family);
  transition: all 0.5s;
  color: var(--gry-color);
  font-weight: 400;
  font-size: 16px;
  position: relative;
  }
  p {
  margin-bottom: 0px;
  }
  a {
  text-decoration: none!important;
  }
  :root {
  --Jost-font-family:"Jost"!important;
  --Montserrat-font-family:"Montserrat"!important;
  --dark-bg:#3E7867;
  --gry-color:#676767;}
  @media (min-width: 1440px){
  .container {
  max-width: 1320px;
  }}
  /*
  ---------------------------------------------
  header
  --------------------------------------------- 
  */
  .header-area {
  position: sticky;
  top: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    height: 100px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
   }
  .header-area.background-header {
    position: sticky;
    top: 0;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;
  }
  .background-header {
    height: 80px!important;
    top: 0px;
    position: sticky;
    left: 0px;
    right: 0px;
  }
  .frm_grp select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 30px;
    position: relative;
}
.credit_sect img{width: 100%;}
.frm_grp.select_icon::after {
  content: '';
  position: absolute;
  right: 15px;
  z-index: 9;
  top: 10px;
  pointer-events: none;
  background: url(../images/ic_twotone.png);
  width: 20px;
  height: 20px;
}
  .background-header .logo,
  .background-header .main-nav .nav li a {
  }
  
  .header-text.caption h3 {
    animation: fadeInLeft .8s;
    -webkit-animation-delay: 1s;
    animation-delay: .3s;
    margin: 0;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: #FFFFFF;
  }
  .header-text.caption h4 {
    animation: fadeInLeft .8s;
    -webkit-animation-delay: 1s;
    animation-delay: .3s;
      font-family: 'Montserrat';
      font-weight: 400;
      font-size: 20px;
      line-height: 30px;
      letter-spacing: 0.2px;
      color: #FFFFFF;
      margin: 0;
  }
  .header-text.caption h2 span{display:block;}
  .header-text.caption h2 {
    animation: fadeInRight .8s;
    -webkit-animation-delay: 1s;
    animation-delay: .3s;
    margin: 0;
    font-family: 'Montserrat';
  
    font-weight: 700;
    font-size: 58px;
    line-height: 80px;
    letter-spacing: 0.2px;
    color: #FFFFFF;
  }
  .header-area .main-nav {
    min-height: 100px;
    background: transparent;
    padding: 12px 0;
  }
  
  .header-area .main-nav .logo {
    line-height: 80px;
    float: left;
    display: flex;
    height: 80px;
    align-items: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .header-area .main-nav .nav {
    float: right;
    margin-top: 27px;
    margin-right: 0px;
    background-color: transparent;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 999;
  }
  
  .header-area .main-nav .nav li {
    padding-left: 15px;
    padding-right: 15px;
  }
  .header-area .main-nav .nav li a {
    display: block;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    height: 43px;
    line-height: 43px;
    border: transparent;
    letter-spacing: 1px;
    color: #27524B;
  }
  
  .header-area .main-nav .nav li a.active,.header-area .main-nav .nav li a:hover {font-weight: 600;}
  
  .background-header .main-nav .nav li a{/* color: #fff!important; */}
  .background-header .main-nav .nav li a.active {
    color: #25276c!important;
    opacity: 1;
  }
  .header-area .main-nav .menu-trigger {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 23px;
    width: 32px;
    height: 40px;
    text-indent: -9999em;
    z-index: 99;
    right: 40px;
    display: none;
  }
  .scroll-down.scroll-to-section {
    text-align: center;
  }
  .scroll-down a img{outline-style: none;
    -webkit-animation: arrowdown 1.7s ease-in-out infinite;
    animation: arrowdown 1.7s ease-in-out infinite;}
    @keyframes arrowdown {
      0% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px); }
      50% {
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px); }
      100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px); } }
    @-webkit-keyframes arrowdown {
      0% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px); }
      50% {
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px); }
      100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px); } }
  .header-area .main-nav .menu-trigger span,
  .header-area .main-nav .menu-trigger span:before,
  .header-area .main-nav .menu-trigger span:after {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #fff;
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 0;
  }
  
  .background-header .main-nav .menu-trigger span,
  .background-header .main-nav .menu-trigger span:before,
  .background-header .main-nav .menu-trigger span:after {
    background-color: #25276c;
  }
  
  .header-area .main-nav .menu-trigger span:before,
  .header-area .main-nav .menu-trigger span:after {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #fff;
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 0;
    width: 75%;
  }
  
  .background-header .main-nav .menu-trigger span:before,
  .background-header .main-nav .menu-trigger span:after {
    background-color: #25276c;
  }
  
  .header-area .main-nav .menu-trigger span:before,
  .header-area .main-nav .menu-trigger span:after {
    content: "";
  }
  
  .header-area .main-nav .menu-trigger span {
    top: 16px;
  }
  
  .header-area .main-nav .menu-trigger span:before {
    -moz-transform-origin: 33% 100%;
    -ms-transform-origin: 33% 100%;
    -webkit-transform-origin: 33% 100%;
    transform-origin: 33% 100%;
    top: -10px;
    z-index: 10;
  }
  
  .header-area .main-nav .menu-trigger span:after {
    -moz-transform-origin: 33% 0;
    -ms-transform-origin: 33% 0;
    -webkit-transform-origin: 33% 0;
    transform-origin: 33% 0;
    top: 10px;
  }
  
  .header-area .main-nav .menu-trigger.active span,
  .header-area .main-nav .menu-trigger.active span:before,
  .header-area .main-nav .menu-trigger.active span:after {
    background-color: transparent;
    width: 100%;
  }
  
  .header-area .main-nav .menu-trigger.active span:before {
    -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
    -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
    -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
    transform: translateY(6px) translateX(1px) rotate(45deg);
    background-color: #25276c;
  }
  
  .background-header .main-nav .menu-trigger.active span:before {
    background-color: #25276c;
  }
  
  .header-area .main-nav .menu-trigger.active span:after {
    -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
    -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
    -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
    transform: translateY(-6px) translateX(1px) rotate(-45deg);
    background-color: #25276c;
  }
  .background-header .main-nav .menu-trigger.active span:after {background-color: #25276c;}
  .header-area.header-sticky {min-height: 100px;}
  .header-area.header-sticky .nav {margin-top: 20px !important;}
  @media (max-width: 1200px) {
    .header-area .main-nav .nav li {padding-left: 12px;padding-right: 12px;}
    .header-area .main-nav:before {display: none;}
  }
  @media (max-width: 900px) {
    .animated-button:before{background-color: #0025A7!important;border-radius: 0!important;}
    .header-area .main-nav .logo {color: #1e1e1e;}
    .header-area.header-sticky .nav li a:hover,
    .header-area.header-sticky .nav li a.active {color: #fff!important;opacity: 1;background: #25276c!important;}
    .header-area.header-sticky .nav li.search-icon a {width: 100%;}
    .header-area {padding: 0px 15px;height: 100px;box-shadow: none;text-align: center;}
    .header-area .container {padding: 0px;}
    .header-area .logo {margin-left: 30px;}
    .header-area .menu-trigger {display: block !important;}
    .header-area .main-nav {overflow: hidden;}
    .btn_signup{
      padding: 20px 0;
      margin: 0;
  }.scroll-to-top{
      right: 100px!important;
  }
    .header-area .main-nav .nav {float: none;width: 100%;display: none;-webkit-transition: all 0s ease 0s;-moz-transition: all 0s ease 0s;-o-transition: all 0s ease 0s;transition: all 0s ease 0s;margin-left: 0px;padding-bottom: 15px;}
    .header-area .main-nav .nav li:first-child {border-top: 1px solid #0025a7;}
    .header-area.header-sticky .nav {margin-top: 80px !important;background: #fff;}
    .header-area .main-nav .nav li {width: 100%;background: #fff;border-bottom: 1px solid #25276c;padding-left: 0px !important;padding-right: 0px !important;}
    .header-area .main-nav .nav li a {height: 50px !important;line-height: 50px !important;padding: 0px !important;border: none !important;background: #f7f7f7 !important;color: #191a20 !important;}
    
  }
  
  @media (min-width: 991px) {
    .header-area .main-nav .nav {display: flex !important;}
  }
  @media (max-width: 991px) {
    .navbar .navbar-brand {position: absolute;left: 30px;top: 10px;}
    .navbar .navbar-brand {width: auto;}
    .navbar:after {display: none;}
    #navbarResponsive {z-index: 99999;position: absolute;top: 80px;left: 0;width: 100%;text-align: center;background-color: #fff;box-shadow: 0px 10px 10px rgba(0,0,0,0.1);}
    .navbar .navbar-nav .nav-item {border-bottom: 1px solid #eee;}
    .navbar .navbar-nav .nav-item:last-child {border-bottom: none;}
    .navbar .navbar-nav a.nav-link {padding: 15px 0px;color: #1e1e1e!important;}
    .navbar .navbar-nav .active>.nav-link {color: #00bcd4!important;}
  
  }
  .header-white.header-area{background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
  .header-white.background-header .logo, 
  .header-white.background-header .main-nav .nav li a,
  .header-white.header-area .main-nav .nav li a {color: #737373!important;text-align: left;}
  .header-white .main-nav .menu-trigger span:after{background-color: #000;}
  .header-white .main-nav .menu-trigger span, 
  .header-white .main-nav .menu-trigger span:before, 
  .header-white .main-nav .menu-trigger span:after{background-color: #000;}
  .header-white.header-area .main-nav .menu-trigger.active span:before{background-color: #000;}
  .header-white.header-area .main-nav .menu-trigger.active span:after{background-color: #000;}
  .map_view img{width: 100%;}
  .btn_signup .btn {
    color: #27524B;
    border: 1px solid #27524B;
    border-radius: 23px;
    padding: 8px 20px;
  }
  
  .btn_signup {
    margin-left: 10px;
  }
  /*=======================Banner=========================================*/
  .banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
  }
  .banner .container {
    position: relative;
    padding-top: 175px;
    padding-bottom: 320px;
  }
  .banner h3 {
    font-weight: 700;
    font-size: 65px;
    line-height: 86px;
    color: #fff;
    margin-bottom: 30px;
  }
  
  .banner p {
    color: #FFFFFF;
    line-height: 24px;
  }
  
  .banner-one__moc {
    position: absolute;
    bottom: 80px;
    right: -51px;
    animation: ImgBounce 5s ease-in-out 0s infinite alternate;
  }
  .banner-shape-moc-1 {
    top: 19%;
    position: absolute;
    right: 0;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  
  @keyframes ImgBounce {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    100% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
    }
  }
  
  @keyframes shapeMover {
  
    0%,
    100% {
      transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
    }
  
    50% {
      transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
    }
  }
  
  
  @keyframes bubbleMover {
    0% {
      -webkit-transform: translateY(0px) translateX(0) rotate(0);
      transform: translateY(0px) translateX(0) rotate(0);
    }
  
    30% {
      -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
      transform: translateY(30px) translateX(50px) rotate(15deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
    }
  
    50% {
      -webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
      transform: translateY(50px) translateX(100px) rotate(45deg);
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
    }
  
    80% {
      -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
      transform: translateY(30px) translateX(50px) rotate(15deg);
      -webkit-transform-origin: left top;
      transform-origin: left top;
    }
  
    100% {
      -webkit-transform: translateY(0px) translateX(0) rotate(0);
      transform: translateY(0px) translateX(0) rotate(0);
      -webkit-transform-origin: center center;
      transform-origin: center center;
    }
  }
  
  @keyframes banner3Shake {
    0% {
      -webkit-transform: rotate3d(0, 1, 0, 0deg);
      transform: rotate3d(0, 1, 0, 0deg);
    }
  
    30% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg);
    }
  
    60% {
      -webkit-transform: rotate3d(1, 0, 0, 0deg);
      transform: rotate3d(1, 0, 0, 0deg);
    }
  
    80% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg);
    }
  
    100% {
      -webkit-transform: rotate3d(0, 1, 0, 0deg);
      transform: rotate3d(0, 1, 0, 0deg);
    }
  }
  .banner-shape-moc-3 {bottom: 25px;position: absolute;right: 0px;-webkit-animation-name: shapeMover; animation-name: shapeMover;-webkit-animation-duration: 9s;animation-duration: 9s;-webkit-animation-timing-function: linear; animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
  
  /*=======================Banner end======================================*/
  .heading_title {
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #898990;
    margin-bottom: 10px;
  }
  
  .heading_sub_title {
    font-weight: 600;
    font-size: 40px;
    color: #898990;
    line-height: 58px;
    font-family: var(--Jost-font-family);
    text-align: center;
    position: relative;
    margin-bottom: 45px;
  }
  
  .heading_sub_title:after {content:'';background: linear-gradient(110.35deg, #2B584F 5.95%, #77A807 71.72%);width: 60px;position: absolute;border-radius: 20px;height: 5px;bottom: -8px;left: 50%;transform: translateX(-50%);}
  
  .home_about {
    color: #676767;
    text-align: center;
    padding: 30px 0 80px;
  }
  .home_about p{text-align: center;color: #676767;}
  .about-shape-moc-1,.about-shape-moc-2 {
    position: absolute;
  }
  
  .about-shape-moc-1,.Feat-shape-moc-1 {
    left: 0;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  
  .about-shape-moc-2,.Feat-shape-moc-2,.banner-shape-moc-2 {
    right: 0;
    -webkit-animation-name: shapeMover;
    animation-name: shapeMover;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  .scroll-to-top {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: linear-gradient(110.35deg, #2B584F 5.95%, #77A807 71.72%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 99;
    text-align: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: none;
    border-radius: 50%;
    transition: all .4s ease;
  }
  .scroll-to-top i {
    color: #ffffff;
    font-size: 18px;
    line-height: 45px;
  }
  .scroll-to-top:hover {
    background: #000;
  }
  .Home_Featur ul {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 40px 20px;
    padding: 0;
    margin: 0;
  }
  
  .Home_Featur ul li {
    display: block;
  }
  
  .Home_Featur ul li .card_bx {
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    box-shadow: 5px 5px 18px rgba(152, 152, 152, 0.25);
    padding: 78px 30px;
    display: block;
    height: 100%;
    position: relative;
  }
  .Home_Featur{position: relative;padding-bottom: 60px;}
  .Home_Featur ul li .card_bx .icon_bx {
    border-radius: 10px;
    background: rgba(62, 120, 103, 0.2);
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  
  .Home_Featur ul li .card_bx .icon_bx img {}
  
  .Home_Featur ul li .card_bx  h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #676767;
  }
  
  .Home_Featur ul li .card_bx:hover .icon_bx {
    background: #fff;
  }
  
  .Home_Featur ul li .card_bx:hover {
    background: #3E7867;
    border: 1px solid #EDEDED;
    box-shadow: 5px 5px 18px rgba(152, 152, 152, 0.25);
  }
  
  .Home_Featur ul li .card_bx:hover h3 {
    color: #fff;
  }
  
  .Home_Featur ul li .card_bx:after {
    background: #3E7867;
    box-shadow: 5px 5px 18px rgba(152, 152, 152, 0.25);
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
  }
  
  .Home_Featur ul li .card_bx .icon_bx {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .Home_Featur ul li .card_bx .icon_bx .icon1 {}
  
  .Home_Featur ul li .card_bx .icon_bx .icon1 {
    display: none;
  }
  
  .Home_Featur ul li .card_bx:hover .icon_bx .icon1 {
    display: block;
  }
  
  .Home_Featur ul li .card_bx:hover .icon_bx .icon2 {
    display: none;
  }
  .Home_Featur .Feat-shape-moc-1{      position: absolute;
    top: 50%;
    z-index: -1;}
   .Home_Featur .Feat-shape-moc-2{    position: absolute;
    bottom: -74px;
    z-index: -1;}
  
  
  .Home_solut{
    background: url(../images/mark.png);
    width: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    }
  
    .card_list {
      background: linear-gradient(145.87deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
      backdrop-filter: blur(10px);
      border-radius: 10px;
      z-index: 2;
      position: relative;
      border: 2px solid #fff;
  }
  .Home_solut .Feat-shape-moc-2 {
    z-index: 4;
    position: relative;
    margin-bottom: 60px;
  }
  .Home_solut {
      padding: 70px 0;
      position: relative;
  }
  .Home_solut:after {
      position: absolute;
      left: 0;
      top: 0;
      content: '';
      width: 100%;
      z-index: 1;
      background: rgba(62, 119, 101, 0.94);
      height: 100%;
  }
  
  .Home_solut .card_list .card_box {
      box-shadow: 6px 6px 10px rgba(52, 52, 52, 0.25);
      border-radius: 10px;
      background: var(--dark-bg);
      border-radius: 10px;
      padding-left: 6px;
  }
  
  .Home_solut {}
  
  .Home_solut .card_list {
      padding: 60px 30px;
  }
  
  .Home_solut .card_list .card_box .card_inner {
      background: #FFFFFF;
      padding: 20px 30px;
      border-radius: 10px;
  }
  
  .Home_solut .card_list .card_box .card_inner h3 {
      font-weight: 600;
      font-size: 20px;
      line-height: 24px;
      color: #676767;
      margin-bottom: 10px;
  }
  
  .Home_solut .card_list .card_box .card_inner p {
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
      color: #676767;
  }
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{background: #fff;}
  .Home_solut .heading_title {
      color: #fff;
      z-index: 4;
      position: relative;
  }.Quick_upload .btn_grp {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
  }
  
  .Home_solut .heading_sub_title {
      color: #fff;
      z-index: 2;
      margin-bottom: 60px;
  }
  
  .Home_solut .text_desp {
      position: relative;
      z-index: 4;
      color: #fff;
  }
  
  .Home_solut .card_list .card_box+.card_box {
      margin-top: 20px;
  }
  
  .Home_solut .card_list .card_box:nth-child(even) {
      padding-left: 0;
      padding-right: 6px;
  }
  
  .Home_solut .heading_sub_title:after {
      background: #fff;
  }
  
  .Home_plan ul li .card_box {
    border-radius: 25px;
    box-shadow: 0px 80.6px 105.701px rgb(51 51 51 / 10%);
    background-color: #fff;
  }
  
  .Home_plan {}
  
  .Home_plan ul {
    display: flex;
    padding: 0;
    margin: 0;
    gap: 30px;
    justify-content: center;
    align-items:end;
  }
  
  .Home_plan ul>li {
    display: block;
    width: 33.333%;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #000000;
    font-size: 16px;
    line-height: 24px;
  }
  
  .Home_plan ul li .card_box .head_bx {
    padding: 25px 0;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 40px;
  }
  
  .Home_plan ul li .card_box .head_bx h3 {
    font-weight: 500;
    font-size: 40px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000000;
    margin: 0;
    line-height: 50px;
  }
  .Home_plan ul ul{display: block;}
  .Home_plan ul ul li{width: 100%;}
  .Home_plan ul li .card_box .icon_bx {
    text-align: center;
    display: grid;
    align-items: center;
    justify-content: center;
  }
  
  .Home_plan ul li .card_box .icon_bx .icon2 {
    display: none;
  }
  
  .Home_plan ul li.active .card_box .icon_bx .icon2,
  .Home_plan ul li .card_box:hover .icon_bx .icon2 {
    display: block;margin: 0 auto;
  }
  
  .Home_plan ul li.active .card_box .icon_bx .icon1, .Home_plan ul li .card_box:hover .icon_bx .icon1 {
    display: none;
  }
  
  .Home_plan ul ul {
    display: block;
  }
  
  .Home_plan ul li .card_box .head_bx h3 span {
    font-size: 16px;
    line-height: 20px;
    color: #4E5B72;
    margin-left: 5px;
  }
  
  .Home_plan ul li .card_box .icon_bx h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    text-align: center;
    color: #000000;
    margin-bottom: 10px;
    margin-top: 25px;
  }
  
  .Home_plan ul li .card_box .icon_bx p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #4E5B72;
  }
  .Home_plan ul li .card_box .plan_cont{ padding: 25px 30px 40px;}
  .Home_plan ul li.active .card_box .plan_cont,
  .Home_plan ul li .card_box:hover .plan_cont { padding-top: 45px;}
  .Home_plan ul li .card_box .plan_cont ul {
    margin-bottom: 30px;
  }
  
  .Home_plan ul li .card_box .plan_cont ul li {
    padding-left: 25px;
    position: relative;
    margin-bottom: 20px;
  }
  
  .Home_plan ul li .card_box .plan_cont ul .plan_not {}
  
  .Home_plan ul li .card_box .plan_cont  .btn_sect {
    text-align: center;
  }
  
  .Home_plan ul li .card_box .plan_cont  .btn_sect .btn_plan {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 23px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 11px 40px;
  }
  
  
  
  .Home_plan ul li.active .card_box,.Home_plan ul li .card_box:hover {
    background: #111727;
    box-shadow: 0px 30px 55px rgba(226, 254, 161, 0.53);
    border-radius: 25px;
  }
  .Home_plan ul li.active .card_box .head_bx,.Home_plan ul li .card_box:hover .head_bx{
    border-bottom: 1px solid #fff;
  }
  
  .Home_plan ul li.active .card_box .head_bx h3,.Home_plan ul li .card_box:hover .head_bx h3{
    color: #fff;
  }
  .Home_plan ul li.active .card_box .head_bx h3 span,
  .Home_plan ul li .card_box:hover .head_bx h3 span{
    color: rgb(255 255 255);
  }
  
  .Home_plan ul li.active .card_box .icon_bx h3,.Home_plan ul li .card_box:hover .icon_bx h3{
    color: #E2FEA1;
  }
  .Home_plan ul li.active .card_box .icon_bx p,.Home_plan ul li .card_box:hover .icon_bx p{
    color: rgb(255 255 255/70%);
  }
  .Home_plan ul li.active .card_box .plan_cont ul li,.Home_plan ul li .card_box:hover .plan_cont ul li{
    color: #fff;
  }
  .Home_plan ul li.active .card_box .plan_cont  .btn_sect .btn_plan,.Home_plan ul li .card_box:hover .plan_cont  .btn_sect .btn_plan{
  background: #E2FEA1;
  }
  
  .ft_bx .soical_bx li {
    display: flex;
    align-items: start;
    gap: 10px;
}
  .Home_plan ul li .card_box .plan_cont ul li:last-child {
    margin: 0;
  }
  .Home_plan ul li .card_box .plan_cont ul li:after{
    content:'';
    content: "\f00c";
    left: 0;
    top: 0;
    font-size: 16px;
    position: absolute;
    font-family: 'FontAwesome';
  }
  
  .Home_plan ul li .card_box .plan_cont ul .plan_not:after{
    content: "\f00d";
  }
  .Home_plan { position: relative;
  padding:45px 0 80px ;background: linear-gradient(0deg, #F5F7F9 0%, rgba(245, 247, 249, 0) 88.25%);}
  .Home_plan .about-shape-moc-2 {
    position: absolute;
    left: 0;
    top:40%;
  }
  
  
  
  .Home_plan .agrtrms {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    font-weight: 400;
      letter-spacing: 0.02em;
      color: #000000;
      font-size: 16px;
      line-height: 24px;
  }
  .Home_plan .agrtrms input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .Home_plan .iagt input.chki {
    padding-left: 0px;
  }
  .Home_plan .agrchckmrk {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #000;
    border-radius: 2px;
  }
  
  .Home_plan .agrchckmrk:after {
    content: "";
    position: absolute;
    display: none;
  }
  .Home_plan .agrtrms .agrchckmrk:after {
    left: 5px;
    top: 0px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
  }
  .Home_plan .agrtrms input:checked ~ .agrchckmrk:after {
    display: block;
  }
  .Home_plan .agrtrms input:checked ~ .agrchckmrk {
    background-color:#111727;
    border-color:#111727;
  }
  .Home_plan ul li .card_box .icon_bx img{margin: 0 auto;}
  .Home_plan .iagt{padding:0px!important;}
  .Home_plan ul li .card_box .plan_cont ul li.iagt:after{content: none;}
  
  .Home_plan ul li .card_box:hover .agrtrms,
  .Home_plan ul li.active .card_box .agrtrms{color: #fff;}
  .Home_plan ul li .card_box:hover .agrchckmrk,
  .Home_plan ul li.active .card_box .agrchckmrk{border-color: #fff;}
  .Home_team {padding: 45px 0 100px;}
  
  .Home_team ul {
      display: flex;
      justify-content: space-between;
  }
  
  .Home_team ul li {
      display: block;
      width: 285px;
  }
  
  .Home_team ul li .card_bx {
      position: relative;
      transform: scale(1);
      transition: all 500ms ease;
      overflow: hidden;
  }
  
  .Home_team ul li .card_bx .team_img {}
  
  .Home_team ul li .card_bx .team_img img {
      width: 100%;
      transform: scale(1);
      transition: all 500ms ease;
  }
  
  .Home_team ul li .card_bx .team_cont {
      background: linear-gradient(90deg, #265049 1.53%, #4E9078 100%);
      position: absolute;
      width: 100%;
      padding: 15px 0 25px;
      bottom: 0;
      z-index: 6;
  }
  
  .Home_team ul li .card_bx .team_cont h3 {
      text-align: center;
      font-weight: 600;
      font-size: 16px;
      line-height: 23px;
      color: #FFFFFF;
      font-family: var(--Jost-font-family);
      margin-bottom: 8px;
  }
  
  .Home_team ul li .card_bx .team_cont p {
      font-weight: 400;
      font-size: 15px;
      line-height: 18px;
      color: #FFFFFF;
      text-align: center;
      margin: 0;
  }
  .Home_team .hover_team:after {
      background: rgb(0 0 0/60%);
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      content: '';
  }
  
  .Home_team .hover_team p{
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    position: absolute;
    bottom: 170px;
    padding: 0 23px;
    left: 50%;
    z-index: 6;
    width: 100%;
    transform: translateX(-50%);
  }
  .Home_team .hover_team {
    width: 100%;
    position: absolute;
    top: 0;
    text-align: center;
    opacity: 0;
    height: 100%;
    padding: 30px;
  }


  .Home_team ul.social_icon{
    text-align: center;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    position: absolute;
    bottom: 110px;
    left: 50%;
    z-index: 6;
    transform: translateX(-50%);
    }
  .Home_team ul.social_icon li {
    display: inline-block;
    padding: 0 6px;
    width: auto;
  }
  
  .Home_team ul.social_icon li a {
    background: #E2FEA1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 18px;
    color: #000;
  }
  
  .Home_team ul li .card_bx:hover .social_icon img {
      filter: brightness(0.1);
      transform: initial!important;
  }
  .Home_team ul li .card_bx:hover .hover_team{opacity:1;}
  .Home_team .col-sm-12{position: relative;}
  .Home_team ul li .card_bx:hover img {
    transform: scale(1.1);
  }
  
  .Home_testi{background: url(../images/testi.png);width: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;padding: 60px 0 120px;}
  
    .Home_testi .heading_title {
      color: #fff;position: relative;z-index: 3;
  }
  .Home_testi .heading_sub_title:after{background:#fff;}
  .Home_testi .heading_sub_title {
      color: #fff;z-index: 3;position: relative;
  }
  .Home_testi .comma_mark {
    position: relative;
    z-index: 2;
    text-align: center;
    margin-bottom: 40px;
  }
  .Home_testi .sider_testi {}
  
  .Home_testi .sider_testi .item {}
  
  .Home_testi .sider_testi .item h3 {
      font-weight: 500;
      font-size: 18px;
      text-align: center;
      line-height: 32px;
      color: #fff;
      margin-bottom: 30px;
  }
  
  .Home_testi .sider_testi .item p {
      font-weight: 600;
      font-size: 20px;
      color: #fff;
      line-height: 29px;
      text-align: center;
      font-family: var(--Jost-font-family);
  }
  
  .Home_testi .owl-nav{display: none;}
  .Home_testi .owl-dots .owl-dot span {display: block;width: 8px!important;animation: none!important;height: 8px!important;padding: 0; border: none;border-radius: 100px;background-color: rgb(255 255 255/20%); text-indent: -9999px;}
  .Home_testi .owl-dots .owl-dot.active span {opacity: 1;background-color: #E2FEA1!important;}
  .Home_testi  .owl-dots {position: absolute;left: 50%;transform: translateX(-50%);bottom: -50px;}
  
  .Home_testi .owl-dots .owl-dot+.owl-dot{margin: 0 5px;}
  
  .Home_testi {
    position: relative;
  }
  
  .Home_testi:after {background: rgba(62, 120, 103, 0.9);content:'';position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
  
  
  
  .tab_query .card-header {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;border: 0;
    letter-spacing: 0.003em;
    color: #898990;background: #fff;
  }
  .tab_query .accordion>.card .card-header p {
    padding-right: 20px;
  }
  .tab_query .accordion .card .card-header {
    padding: 20px 0;
  }
  .tab_query .accordion .card .card-header {
    cursor: pointer;
  }
  .tab_query .accordion .card .card-header p {
    padding-right: 40px;
  }
  .tab_query .card-header [data-toggle="collapse"]:after {
    content: "\f068";
    position: absolute;
    font-weight: 100;
    top: 20px;
    right: 0;
    font-size: 14px;
    color: #898990;
    font-family: 'FontAwesome';
  }
  .tab_query .card-header [data-toggle="collapse"].collapsed:after {
    content: "\f067";
    top: 20px;
    position: absolute;
    color: #898990;
    right: 0;
    font-size: 14px;
    font-family: 'FontAwesome';
    font-weight: 100;
  }
  .tab_query .card-body {
    padding: 0;
    padding-bottom: 30px;
  }
  .tab_query .card-body p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
    letter-spacing: 0.003em;
  }
  .tab_query .card {
    border: 0;
    border-bottom: 1.5px dashed #E6E6E6!important;
  }
  .tab_query .accordion>.card .card-header {
    padding: 20px 0;
  }
  .tab_query{margin-top: 30px;}
  .Home_faq {margin:45px 0 120px ;}
  .Home_faq .about-shape-moc-2{left: 0;}
  .accordion {
    position: relative;
  }
  
  .accordion .about-shape-moc-1 {
  -webkit-animation-name: bubbleMover;
  animation-name: bubbleMover;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-duration: 10s;
  position: absolute;
  bottom: -30px;
  left: 10%;
  }
  
  .accordion .about-shape-moc-2 {right: 10%;left: initial;bottom: -100px;}
  
  /*===========================================================================*/
  footer{
    background:#4D8E77;
    padding: 75px 0 30px;
  }
  
  .ft_bx ul {
    padding: 0;
    margin: 0;
  }
  
  .ft_bx ul li {
    display: block;
    margin-bottom: 10px;
  }
  
  .ft_bx ul li a {
    font-weight: 500;
    font-size: 16px;
    color: #CFD3D7;
    line-height: 150%;
  }
  .ft_bx h3 {
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 22px;
    margin-bottom: 20px;
  }
  
  .soical_bx {
    padding: 0;
    margin: 0;
  }
  
  .soical_bx li {
    margin-bottom: 20px;
    display: block;
  }
  
  .soical_bx li  {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #CFD3D7;
  }
  
  
  
  .form-grp {}
  
  .form-grp  label {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
  }
  
  .form-grp  label .form-control {}
  
  .form-grp .btn {
    background: #E2FEA1;
    border-radius: 23px;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #4C8D76;
    padding: 13px 40px;
    line-height: 20px;
    width: 183px;
    margin-top: 30px;
  }
  
  .form-grp .form-control {
    background: #FFFFFF;
    border: 1px solid #387AE7;
    color: #77808B;
    font-weight: 400;
    height: 50px;
    font-size: 16px;
    border-radius: 0;
    line-height: 150%;
  }
  .ft_btm {
    background: #FFFFFF;
    text-align: center;
    padding: 12px 0;
    margin-top: 60px;
  }
  
  .ft_btm p,.ft_btm p a {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #898990;
  }
  
  .ft_btm p a:hover,.ft_bx ul li a:hover {
    color: #25276c;
  }
  .ft_bx .social_icon {
    margin: 0 -10px;
  }
  
  .ft_bx .social_icon li {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
  }
  
  .ft_bx .social_icon li a {
    width: 32px;
    height: 32px;
    background: #fff;
    color: #4D8E77;
    font-size: 18px;
    text-align: center;
    line-height: 32px;
    border-radius: 100%;
    display: block;
  }
  .footer_sect{position: relative;}
  .footer_sect .logo_foot{width: 163px;
    height: 163px;
    margin: 0 auto;
    margin-top: -156px;
    border-radius: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;}
  .ft_bx .form-grp .btn:hover{color: #27524B;}
  .ft_bx .social_icon li a:hover,.btn_signup .btn:hover,.form-grp .btn:hover {background:#E2FEA1;}
  .btn_signup .btn:hover{border-color: #E2FEA1; color: #27524B;}
  .dropdown.vd-sty .dropdown-menu {
    border-radius: 4px;
    width: 290px !important;
    border: 0;
    padding: 3px;
    background: #fff;
    left: initial !important;
    filter: drop-shadow(0px 3px 1rem rgba(44, 55, 130, 0.15));
  }
  .dropdown .dropdown-menu li {
    border: 0;
    padding: 0px!important;
  }
  .dropdown .dropdown-menu::before {
    content: '';
    position: absolute;
    top: -7px;
    right: 19px;
    border-width: 0 6px 8px;
    border-color: transparent;
    border-style: solid;
    border-bottom-color: #fff;
    filter: drop-shadow(0px -10px 10px rgba(0, 0, 0, 0.16));
  }
  .dropdown.vd-sty li a:hover {color: #567665!important;background: rgb(223 252 160);}
  .btn.focus, .btn:focus{box-shadow: none;outline: none;}
   .dropdown.vd-sty .dropdown-menu li a {
    text-decoration: none;
    display: block;   border-bottom: 1px solid #E2E2E2;
    padding: 8px 20px;
    width: 100%;
    line-height: 31px;
    text-align: left;
  }
  .mt_150{margin-top: 150px;}
  .dropdown.vd-sty .btn {
    float: left;
    display: block;
    text-decoration: none;
    font-size: 16px;
    height: 43px;
    line-height: 30px;
    border: transparent;
    letter-spacing: 1px;
    color: #27524B;;
  }
  .Home_Featur ul li .card_bx:before {
    position: absolute;
    right: 10px;
    bottom: 10px;
    content: '';
    width: 73px;
    height: 73px;
    background-repeat: no-repeat;
    background:url(../images/ic_1.png) ;
  }
  .Home_Featur ul li:nth-child(2) .card_bx:before{ background:url(../images/ic_2.png) ;}
  .Home_Featur ul li:nth-child(3) .card_bx:before{ background:url(../images/ic_3.png) ;}
  .Home_Featur ul li:nth-child(4) .card_bx:before{ background:url(../images/ic_4.png) ;}
  .Home_Featur ul li:nth-child(5) .card_bx:before{ background:url(../images/ic_5.png) ;}
  .Home_Featur ul li:nth-child(6) .card_bx:before{ background:url(../images/ic_6.png) ;}
  .Home_Featur ul li:nth-child(7) .card_bx:before{ background:url(../images/ic_7.png) ;}
  .Home_Featur ul li:nth-child(8) .card_bx:before{ background:url(../images/ic_8.png) ;}
  
  /*-----------------------------------Css--------------------------------------------  */
  label.input-group-btn {
    position: absolute;
    right: 0;
    top: 8px;
    right: 15px;
    z-index: 3;
  }
  
  label.input-group-btn .btn {
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    color: #212121;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
  }
  
  .form-control {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 1px;
    height: 45px;
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 5px!important;
  }
  
  label {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #676767;
    margin-bottom: 8px;
  }
  
  .frm_grp {
    margin-bottom: 40px;
    position: relative;
  
  }
  
  label sup {
    color: #f50202;
    font-size: 16px;
    top: -1px;
  }
  .Quick_step ul li {}
  .Quick_step ul li .box {}
  .Quick_step ul li .nav-link h3 {font-weight: 600;font-size: 20px;line-height: 24px;text-align: center;color: #676767;}
  .Quick_step ul li .nav-link {background: #FFFFFF;border: 1px solid #E4E3E3;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);padding: 35px 15px;position: relative;display: block;}
  .Quick_step ul li {display: inline-block;}
  .Quick_step ul {padding: 0;margin: 0;display: grid;gap: 30px;grid-template-columns: repeat(4,1fr);}
  .Quick_step ul li .nav-link:after {height: 100%;position: absolute;content: '';left: 0;width: 4px;background: #3E7867;top: 0;}
  .Quick_step ul li .nav-link:hover, .Quick_step ul li .nav-link.active{background:#3E7867;color: #fff;}
  .Quick_step ul li .nav-link:hover h3, .Quick_step ul li .active  h3{color: #fff;}
  .mb-100{margin-bottom: 100px;}
  .credit_card_bx .btn_grp {
    text-align: center;
    margin-top: 30px;
  }
  .tab-cont .tab-pane + .tab-pane {display: none;}
  .heading_title2 {font-family: 'Jost';font-weight: 600;font-size: 40px;line-height: 58px;text-align: center;color: #242424;padding: 40px 0;}
  .inner_cont p {font-weight: 400;margin-bottom: 15px;font-size: 16px;line-height: 26px; text-align: justify;color: #676767;}
  .inner_cont p b {font-weight: 600;color: #000000;}
  .img_banner img {width: 100%;}
  .img_banner {margin-bottom: 50px;}
  
  
  .check_boxgrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .check_boxgrp .custom-control {
    padding-left: 0;
    align-items: center;
  }
  
  .check_boxgrp .custom-control label {
    padding-left: 40px;
    padding-top: 0;
    cursor: pointer!important;
    text-align: left!important;
    font-weight: 400!important;
    font-size: 16px!important;
    line-height: 26px!important;
    text-transform: capitalize;
    color: #676767!important;
    margin: 0px!important;
  }
  
  .check_boxgrp .custom-control-label::after {
    content: none;
  }
  
  .check_boxgrp .custom-control-label::before {
    width: 20px;
    height: 20px;
    left: 0;
    top: 3px;
    border-radius: 100px;
    background: #f5f6fa;
    border: 2px solid #D9D9D9;
  }
  
  .check_boxgrp .custom-control-input:checked ~ .custom-control-label::before {
    background: #e2fea1 !important;
    border: 5px solid #27524B !important;
  }
  
  .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 20px;
    height: 20px;
    opacity: 0;
  }
  
  .custom-control.custom-radio {
    position: relative;
    padding: 0 22px;
    align-items: center;
    height: 47px;
    display: flex;
    justify-content: left;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
  }
  .custom-control.custom-radio.selected {
   background: #E2FEA1;
    border: 1px solid #4D8E77;
    border-radius: 5px;
  }
  
  .frm_login {
    display: flex;
    padding: 15px;
    width: 100%;
    height: 100vh;
  }
  
  .frm_login .box_lft {
    background: #E2FEA1;
    padding: 25px 35px;
    max-width: 40%;
    flex: 0 0 40%;
    position: relative;
  }
  
  .frm_login .box_lft .img_logo {}
  
  .frm_login .box_lft .img_logo img {}
  .frm_login .box_rgt p a{
    font-family: 'Jost';
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-align: left;
    color: #242424;
  }
  .frm_login .box_lft h3 {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 600;
    font-size: 65px;
    color: #242424;
    margin-top: 25%;
  }
  
  .frm_login .box_lft p {
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
  
    color: #242424;
    margin-top: 25px;
  }
  
  .frm_login .box_rgt {
    padding: 25px 80px;
    max-width: 60%;
    flex: 0 0 60%;
    overflow: auto;
    max-height: 768px;
  }
  
  .frm_login .box_rgt .prev_page {
    text-align: right;
    margin: 0;
  }
  
  .frm_login .box_rgt h3 {
    font-family: 'Jost';
    font-weight: 600;
    font-size: 40px;
    line-height: 58px;
  
    color: #242424;
    margin-bottom: 15px;
  }
  
  .frm_login .box_rgt p {
    font-family: 'Jost';
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
  
    text-align: left;
    color: #242424;
    margin-bottom: 20px;
  }
  
  .frm_login .box_rgt .prev_page a {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
  
    text-align: right;
    color: #000000;
  }
  
  .frm_login .box_rgt .frm_sect {}
  
  .frm_login .box_rgt .frm_sect label {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #676767;
    margin-bottom: 8px;
  }
  .form-control:focus{box-shadow: none;border-color: #4D8F77!important;}
  .frm_login .box_rgt .frm_sect .frm_grp textarea.form-control,textarea.form-control {
    height: 95px;
  }
  .frm_login .box_rgt .frm_sect .frm_grp {
    margin-bottom: 40px;position: relative;
  }
  
  .frm_login .box_rgt .frm_sect .frm_grp .form-control {
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
  
      letter-spacing: 1px;
      height: 45px;
      color: #000000;
      background: #FFFFFF;
      border: 1px solid #D9D9D9;
      border-radius: 5px;
  }
  
  .frm_login .box_rgt .frm_sect .frm_frog {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 20px;
  }
  
  .frm_login .box_rgt .frm_sect  .frm_frog .otp_grp {
      display: flex;
      align-items: center;
      gap: 10px;
  }
  
  .frm_login .box_rgt .frm_sect .frm_frog .otp_grp .form-control{
      background: #FFFFFF;
      border: 1px solid #828282;
      border-radius: 10px;
      width: 40px;
      height: 40px;
      display: flex;
      padding: 5px;
      align-items: center;
      text-align: center;
      color: #000000;
      font-weight: bold;
      line-height: 40px;
      justify-content: center;
  }
  
  input.form-control {}
  
  .frm_login .box_rgt .frm_sect .frm_frog .pass_rest {
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      color: #828282;
  }
  
  .frm_login .box_rgt .frm_sect .frm_frog .pass_rest a {
      color: #4D8E77;
  }
  
  .frm_login .box_rgt .frm_sect .btn_signup {
      text-align: center;
      margin: 0;
      margin-top: 40px;
  }
  
  .frm_login .box_rgt .frm_sect .btn_signup .btn {
      background: linear-gradient(90deg, #265049 1.53%, #4E9078 100%);
      box-shadow: 0px 4px 4px rgba(90, 90, 90, 0.22);
      border-radius: 23px;
      color: #fff;
      font-weight: 700;
      font-size: 16px;
      width: 60%;
      height: 50px;
      line-height: 22px;
  }
  
  .frm_login .box_rgt .frm_sect .more_opt {
      margin-top: 40px;
  }
  
  .frm_login .box_rgt .frm_sect .more_opt p {
      font-weight: 400;
      font-size: 16px;
      line-height: 26px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .frm_login .box_rgt .frm_sect .more_opt p span {
      margin: 0 15px;
  }
  
  .frm_login .box_rgt .frm_sect .more_opt .social_list {
      padding: 0;
      margin: 0;
      display: flex;
      align-items: center;
      justify-content: space-around;
      margin-top: 30px;
  }
  
  .frm_login .box_rgt .frm_sect .more_opt .social_list li {
      display: block;
  }
  
  .frm_login .box_rgt .frm_sect .more_opt .social_list li .box {
  }
  
  .frm_login .box_rgt .frm_sect .more_opt .social_list li .box .icon {
      border: 1px solid #E2E2E2;
      border-radius: 10px;
      padding: 10px;
      width: 50px;
      height: 51px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .frm_login .box_rgt .frm_sect .more_opt .social_list li .box .icon img {}
  
  .frm_login .box_rgt .frm_sect .more_opt .social_list li .box p {
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 26px;
  /* identical to box height, or 162% */
      color: #676767;
      margin: 0;
      margin-top: 10px;
  }
  
  .frm_sect .check_boxgrp {
    margin-bottom: 40px;
  }
  
  .custom-control.custom-radio.selected .custom-control-label {
    color: #4D8E77!important;
    font-weight: 600!important;
  }
  
  .frm_login .box_rgt .frm_sect label sup {
    color: #f50202;
    font-size: 16px;
    top: -1px;
  }
  .frm_login .box_rgt .frm_sect .btn_signup .btn:hover{background: #E2FEA1;color: #265049;}
  
  .frm_login .box_rgt .frm_sect .more_opt p span img {
      width: 100%;
  }
  .frm_login .box_rgt .frm_sect .more_opt .social_list li .box a:hover .icon {
    background: #e2fea1;
  }
  
  .banner_inner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    height: 500px;
    overflow: hidden;
    margin-bottom: 20px;
  }
  
  .banner_inner .inner_banner h3 {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 58px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-bottom: 24px;
  }
  
  .banner_inner .inner_banner p {
    font-weight: 500;
    font-size: 16px;
    line-height: 29px;
    text-transform: capitalize;
    color: #fff;
  }
  
  .inner_banner {
    margin-top: 60px;
  }
  
  .container {}
  
  .get_start_sect ul li {}
  
  .get_start_sect ul {}
  
  .get_start_sect ul li {
      font-weight: 500;
      font-size: 16px;
      line-height: 26px;
      text-transform: capitalize;
      color: #242424;
      display: block;
      position: relative;
      margin-bottom: 20px;
      padding-left: 35px;
  }
  
  .get_start_sect ul li h3 {
      font-family: 'Jost';
      font-weight: 500;
      font-size: 20px;
      line-height: 26px;
      text-transform: capitalize;
      color: #242424;
  }
  
  .get_start_sect ul li p {
      font-weight: 500;
      font-size: 13px;
      line-height: 26px;
      color: #242424;
  }
  .get_start_sect ul li::after{
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 24px;
    background-repeat: no-repeat;
    height: 24px;
  }
  .get_start_sect ul li:nth-child(2)::after{
    background: url(../images/user.png);
  }
  .get_start_sect ul li:nth-child(3)::after{
    background: url(../images/home.png);
  }
  .get_start_sect ul li:nth-child(4)::after{
    background: url(../images/home.png);
  }
  .btn_grp .btn {
    font-weight: 700;
    font-size: 16px;
    background: linear-gradient(90deg, #265049 1.53%, #4E9078 100%);
    box-shadow: 0px 4px 4px rgba(90, 90, 90, 0.22);
    border-radius: 23px;
    line-height: 22px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 90%;
    height: 50px;
  }
  .get_start_sect .btn_grp {
    margin-left: 75px;
    margin-bottom: 100px;
    margin-top: 50px;
  }
  .btn_grp .btn:hover {
    background: #e2fea1;
    color: #265049;
  }
  .frm_login .box_rgt .line_or {
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
    margin: 15px 0;
    position: relative;
    text-align: center;
    display: block;
    letter-spacing: 0.005em;
    color: #5C5050;
  }
  .woo_sect {
    position: relative;
}

.woo_sect:after {
  position: absolute;
  left: 50%;
  top: -23px;
  z-index: -1;
  transform: translateX(-50%);
  content: '';
  background: url(../images/animation_500.gif);
  height: 500px;
  width: 500px;
}
  .frm_login .box_rgt .line_or span:after {
    position: absolute;
    right: 30px;
    background: #5C5050;
    height: 2px;
    content:'';
    top: 7px;
    width: 200px;
  }
  
  .frm_login .box_rgt .line_or span {
    position: relative;
    margin: 0 15px;
  }
  
  .frm_login .box_rgt .line_or span:before {
    position: absolute;
    left: 30px;
    background: #5C5050;
    height: 2px;
    content: '';
    top: 7px;
    width: 200px;
  }
  .mt-100{margin-top: 100px;}
  .Quick_upload .heading_title2 {
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 25px;
  }
  .mg_auto{margin: 0 auto;}
  .Quick_upload p {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
  }
  .box_frm {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    padding: 25px 75px;
    margin: 40px 0;
  }
  .box_frm h3 {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 46px;
    text-align: left;
    color: #000000;
    margin-bottom: 40px;
  }
  .mg1{ background: url(../images/home_svgrepo.png);background-repeat: no-repeat;}
  .mg2{ background: url(../images/iconoir_coin.png);background-repeat: no-repeat;}
  .mg3{ background: url(../images/ph_police.png);background-repeat: no-repeat;}
  .mg4{ background: url(../images/home_svgrepo.png);background-repeat: no-repeat;}
  .mg5{ background: url(../images/business-bag.png);background-repeat: no-repeat;}
  .mg6{ background: url(../images/cil_education.png);background-repeat: no-repeat;}
  .log1{ background: url(../images/logout-outline.png);background-repeat: no-repeat;}
  .pro1{background: url(../images/profile-light.png);background-repeat: no-repeat;}
  /* .menu_inner .dropdown-menu li a:hover  .mg1{ background: url(../images/home_svgrepo_h.png);background-repeat: no-repeat;} */
  .menu_inner .dropdown-menu li a:hover  .mg2{ background: url(../images/iconoir_coin_h.png);background-repeat: no-repeat;}
  .menu_inner .dropdown-menu li a:hover  .mg3{ background: url(../images/ph_police_h.png);background-repeat: no-repeat;}
  /* .menu_inner .dropdown-menu li a:hover  .mg4{ background: url(../images/home_svgrepo_h.png);background-repeat: no-repeat;}
  .menu_inner .dropdown-menu li a:hover  .mg5{ background: url(../images/business-bag_h.png);background-repeat: no-repeat;}
  .menu_inner .dropdown-menu li a:hover  .mg6{ background: url(../images/cil_education_h.png);background-repeat: no-repeat;} */
  .loon_recom .icon {width: 24px; height: 24px;display: block;background-repeat: no-repeat;background-size: contain;}
  .menu_inner .dropdown-menu li a:hover  .pro1{ background: url(../images/profile-light_h.png);background-repeat: no-repeat;}
  .menu_inner .dropdown-menu li a:hover  .log1{ background: url(../images/logout-outline_h.png);background-repeat: no-repeat;}
  .menu_inner .dropdown.vd-sty.loon_recom .dropdown-menu li a {display: flex;gap: 15px;align-items: center;}
  .menu_inner .dropdown-menu li+li {border-top: 1px solid #EBE7E7;}
  .menu_inner .dropdown.vd-sty.loon_recom .dropdown-menu li a{color: #000000;padding: 10px 30px;width: 100%;position: relative;}
  .header-area .main-nav .nav li.disabled a {color: #DBD6D6!important;}
  .header-area .main-nav .nav li.disabled a:hover{background: #fff;border: 0px!important;}
  .menu_inner .dropdown.vd-sty.loon_recom .dropdown-menu li a:hover{border: 1px solid #27524B;}
  .menu_inner .dropdown.vd-sty.loon_recom .dropdown-menu{padding: 0px;}
  
  .heading_title3 {font-family: 'Jost';font-style: normal;font-weight: 600; font-size: 40px;line-height: 58px;color: #242424;margin-bottom: 15px;}
  .head_top p {font-weight: 500;font-size: 16px;line-height: 20px; text-align: left;color: #898990;}
  .head_top .Sub_title {font-family: 'Jost';font-weight: 500;font-size: 20px;line-height: 29px;text-align: left;color: #000000;margin-bottom: 10px;}
  .head_top {display: flex;align-items: start;justify-content: space-between;margin-bottom: 70px;}
  .hd_rgt a i {color: #25276C;margin-right: 5px;}
  .hd_rgt a {font-weight: 500;font-size: 16px;line-height: 20px;text-align: center;color: #898990;}
  .credit_sect .card_bx {height: 100%; background: #FFFFFF;border: 1px solid #D7D7D7;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 5px;padding: 30px;}
  .pt-100 {padding-top: 100px;}
  .pb-100 {padding-bottom: 100px;}
  .credit_sect .card_bx h3 {font-family: 'Jost';font-style: normal;font-weight: 500;font-size: 20px;line-height: 29px;text-align: center;color: #000000; margin-bottom: 24px;}
  .credit_sect .card_bx .score_no h3{font-family: 'Jost';font-weight: 600;font-size: 40px;color: #F7B11E;text-align: left;margin-bottom: 5px;}
  .credit_sect .card_bx .score_no p {font-family: 'Jost';font-weight: 500;font-size: 20px;line-height: 29px;text-transform: capitalize;color: #676767;}
  .credit_sect .card_bx h4 {font-weight: 600;font-size: 20px;line-height: 24px;text-transform: capitalize;color: #242424;margin-bottom: 10px;}
  .credit_sect .card_bx p {font-weight: 400;font-size: 16px;line-height: 20px;text-transform: capitalize;color: #676767; margin-bottom: 20px;}
  .date_data {font-weight: 400;font-size: 12px;line-height: 15px;text-transform: capitalize;color: #676767;margin-top: 30px;}
  
  .woo_sect h3 {font-family: 'Irish Grover';font-style: normal;font-weight: 400;font-size: 64px;line-height: 77px;text-align: center;color: #000000;margin-bottom: 24px;}
  .woo_sect p {font-family: 'Jost'; font-style: normal;font-weight: 600;font-size: 40px;line-height: 58px;text-align: center;color: #242424;}
  .woo_sect .btn_grp {text-align: center;margin-top: 65px;}
  .woo_sect .btn_grp .btn {width: 35%;text-transform: capitalize;}
  .woo_sect {margin: 100px 0 200px;}
  .woo_sect h4 {font-weight: 400;font-size: 20px;line-height: 30px;text-align: center;color: #000000;margin: 0;margin-top: 12px;}
  .loon_type_list ul {
    padding: 0;
    gap: 52px;
    margin: 0;
    display: flex;
   align-items: center;
   flex-wrap: wrap;
  }
  
  .loon_type_list ul li {
    display: block;
    width: 16.666%;
    height: 180px;
  }
  
  .loon_type_list ul li .crd_bx {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px 4px rgba(188, 188, 188, 0.25);
    border-radius: 10px;
    padding: 15px 20px;
    text-align: center;
  }
  
  .loon_type_list ul li .crd_bx img {
    width: 80px;
    height: 80px;
    object-fit: contain;
  }
  
  .loon_type_list ul li .crd_bx h3 {
    font-family: 'Jost';
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    font-size: 20px;
    line-height: 29px;
  }
  .loon_type_list ul li.disabled {
    position: relative;
  }
  
  .loon_type_list ul li.disabled:after {
    background: rgba(255, 255, 255, 0.64);
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
  }
  .rec_heading h3 {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    position: relative;
    line-height: 58px;
    color: #242424;
    text-align: left;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 8px solid #63BD50;
  }
  
  .rec_heading h3 span {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #676767;
  }
  
  .rec_heading {
    margin: 50px 0;
  }
  
  .rec_heading h3:after {position: absolute;content: '';transform: rotate(-180deg);border-width: 0 12px 14px;border-color: transparent;border-style: solid;border-bottom-color: #63bd50;filter: drop-shadow(0px -10px 10px rgba(0, 0, 0, 0.16));bottom: -20px;left: 50%;}
  .recom_loon_list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
  }
  
  .recom_loon_list .crd_bx {
    background: #FFFFFF;
    border: 1px solid #D7D7D7;
  }
  
  .recom_loon_list .crd_bx .logo_recom {
    height: 170px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #D7D7D7;
  }
  
  .recom_loon_list .crd_bx .logo_recom img {}
  
  .recom_loon_list .crd_bx .content_recom {
    padding: 20px 15px;
  }
  
  .recom_loon_list .crd_bx .content_recom p {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: start;
    line-height: 20px;
    color: #242424;
  }
  
  .recom_loon_list .crd_bx .content_recom p span:first-child {
    width: 140px;
    display: inline-block;
  }
  
  .recom_loon_list .crd_bx .content_recom p span:last-child {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #242424;
  }
  .box_plan {
      filter: drop-shadow(0px 3px 1rem rgba(44, 55, 130, 0.15));
      background: #fff;
      padding: 50px 100px 120px;
  }
  
  .Subscrip_sect {
      padding-top: 50px;
  }
  
  .box_plan h3 {
      font-family: 'Jost';
      font-style: normal;
      font-weight: 600;
      font-size: 40px;
      line-height: 58px;
  
      text-align: center;
      text-transform: capitalize;
      color: #242424;
  }
  
  .box_plan p {
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
  
      letter-spacing: 0.14em;
      color: #898990;
      text-align: center;
  }
  
  .box_plan ul {
      padding: 0;
      margin: 0;
  }
  .box_plan ul{margin-top:60px;}
  .box_plan ul li {
      display: block;
      margin-top: 30px;
  }
  
  .box_plan ul li .box_crd {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #F7F7F9;
      box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
      padding: 15px 40px;
  }
  
  .box_plan ul li .box_crd .plan_name {
      display: flex;
      align-items: center;
  }
  
  .box_plan ul li .box_crd .plan_name h3 {
      font-weight: 400;
      font-size: 20px;
      text-align: left;
      line-height: 24px;
      text-transform: capitalize;
      color: #676767;
      width: 265px;
      margin: 0;
      border-right: 2px solid #676767;
  }
  
  .box_plan ul li .box_crd .plan_name .plan_pric {
      font-weight: 600;
      font-size: 32px;
      line-height: 39px;
  
      text-transform: capitalize;
      color: #000000;
      margin-left: 40px;
  }
  
  .box_plan ul li .box_crd .plan_name .plan_pric span {
      font-weight: 400;
      font-size: 20px;
      line-height: 24px;
      color:  #676767;
  }
  
  .box_plan ul li .box_crd .btn_Subscrip {}
  
  .box_plan ul li .box_crd .btn_Subscrip .btn {
      background: transparent;
      border: 1px solid rgba(39, 82, 75, 1);
      border-radius: 23px;
      font-weight: 500;
      font-size: 16px;
      line-height: 20px;
  
      text-align: center;
      padding: 13px 40px;
      color: rgba(39, 82, 75, 1);
  }
  
  .box_plan ul li .box_crd .btn_Subscrip .btn:hover {
      background: #000;
      color: #fff;
      border-color: #000;
  }
  .btn_loon .btn {
    background: linear-gradient(90deg, #265049 1.53%, #4E9078 100%);
    width: 100%;
    border-radius: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    height: 50px;
  }
  .box_plan ul li .box_crd:hover{background: #27524B;}
  .box_plan ul li .box_crd:hover .plan_name h3,
  .box_plan ul li .box_crd:hover .plan_name .plan_pric,
  .box_plan ul li .box_crd:hover .plan_name .plan_pric span{color: #fff;}
  .box_plan ul li .box_crd:hover .btn_Subscrip .btn {
    background: #E2FEA1;
    border: 1px solid #E2FEA1;color: #4D8F77;}
  .recom_more a {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #7C7C7C;
    border-bottom: 1px dashed #7C7C7C;
    padding-bottom: 5px;
  }
  .box_plan ul li .box_crd:hover .plan_name h3{border-color: #fff;}
  .recom_more {
    text-align: center;
    margin: 50px 0;
  }
  
  .brd_underline {
    position: relative;
  }
  
  .brd_underline:after {
    background: linear-gradient(90deg, #3D6B3E 1.53%, #77A807 100%);
    width: 60px;
    height: 8px;
    content: '';
    position: absolute;
    left: 50%;
    border-radius: 100px;
    bottom: -20px;
  }
  .credit_card_bx ul {
    margin: 0;
    padding: 0;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 18px;
  }
  
  .credit_card_bx ul li {
    gap: 15px;
    background: #d3d3d3;
    display: flex;
    letter-spacing: 0.005em;
    text-transform: capitalize;
    height: 80px;
    align-items: center;
    font-family: "Montserrat";
    font-style: normal;
    color: rgba(66, 66, 66, 0.4);
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    justify-content: center;
  }
  .credit_card_bx ul li span {
    font-size: 22px;
  }
  .credit_card_bx ul li:nth-child(2) {
    background: rgba(168, 188, 37, 0.1);
    color: #6c6c6c;
  }
  .credit_card_bx h3 {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 35px;
  
    text-align: left;
    text-transform: capitalize;
    color: #242424;
    margin-bottom: 10px;
  }
  
  .credit_card_bx .frm_grp {
    position: relative;
  }
  
  .credit_card_bx .frm_grp .icon_bx {
    position: absolute;
    right: 20px;
    top: 35px;
  }
  
  .credit_card_bx .frm_grp .icon_bx img {}
  
  .credit_card_bx  .grp_sect {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .lft_bx {}
  
  .credit_card_bx  .grp_sect .rgt_bx {
    display: flex;
    align-items: center;
  }
  
  .credit_card_bx .grp_sect .rgt_bx .form-control {
    width: 90px;
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: 500;
  }
  
  .credit_card_bx .grp_sect .rgt_bx span {
    width: 20px;
    text-align: center;
    color: #000000;
    color: 24px;
  }
  
  .crd_details {
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    margin-top: -170px;
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
  }
  
  .paym_card {
    background: rgba(226, 254, 161, 0.42);
    padding: 20px;
    margin-top: 300px;
  }
  
  .crd_details h3 {
    letter-spacing: 0.08em;
    text-transform: capitalize;
    color: #242424;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 15px;
  }
  
  .crd_details p {
    font-weight: 500;
    font-size: 20px;
    color: #5C5050;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  .crd_details p img {
    width: 110px;
  }
  
  .crd_det h3 {
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: capitalize;
    color: #242424;
    font-size: 20px;
    line-height: 32px;
  }
  
  .crd_det {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-top: 30px;
  }
  
  .crd_name p {
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: #242424;
  }
  
  .crd_name {
    text-align: right;
  }
  
  .crd_img_wif {
    margin-bottom: 60px;
  }
  .body_thnks .checkmark {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    stroke-width: 3px;
    stroke: #28a745;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0px 0px 0px #28a745;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
  }
  .body_thnks .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: green;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  }
  .body_thnks .box p {
    font-weight: 600;
    font-size: 16px;
    color: #212121;
    text-align: center;
    margin-bottom: 10px;
  }
  
  .bdy_cont {
    height: calc(100vh - 0px);
    margin-top: 124px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .body_thnks .box {
    background: #FFFFFF;
    width: 600px;
  }
  
  .body_thnks .box h4 {
    color: #212121;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
  }
  
  .body_thnks .box h4 a {
    color: #165AA4;
  }
  .body_thnks .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  }
  
  
  .viewLoon_sect .crd_bx {
    background: #FFFFFF;
    border: 1px solid #D7D7D7;
  }
  
  .viewLoon_sect .crd_bx .logo_recom {
    height: 170px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #D7D7D7;
  }
  
  .viewLoon_sect .crd_bx .logo_recom img {}
  
  .viewLoon_sect .crd_bx .content_recom {
    padding: 20px 15px;
  }
  
  .viewLoon_sect .crd_bx .content_recom p {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #242424;
  }
  
  .viewLoon_sect .crd_bx .content_recom p span:first-child {
    width: 50%;
    display: inline-block;
  }
  
  .viewLoon_sect .crd_bx .content_recom p span:last-child {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #242424;
  }
  
  .breadcrumb_last ul {
    padding: 0;
    margin: 0;
  }
  
  .breadcrumb_last ul  li {
    display: inline-block;
    position: relative;
  }
  
  .breadcrumb_last ul  li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #B8B8B8;
  }
  
  .breadcrumb_last ul li+li {
    padding-left: 9px;
  }
  
  .breadcrumb_last ul li+li:after {
    position: absolute;
    left: 0;
    top: 1px;
    content: '/';
    color: #212121;
  }
  .breadcrumb_last {margin:30px 0;}
  .breadcrumb_last ul li:last-child a {
    color: #212121;
  }
  
  .loon_desp h3 {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    color: #242424;
    line-height: 58px;
  }
  
  .loon_desp p {
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    text-align: justify;
    color: #242424;
  }
  .applyloon_point {
    border-top: 1px dashed #7C7C7C;
    border-bottom: 1px dashed #7C7C7C;
    padding: 40px 0;
    margin: 40px 0;
  }
  
  .applyloon_point h3 {
    font-family: 'Jost';
    font-weight: 600;
    font-size: 40px;
    line-height: 58px;
    color: #242424;
    margin-bottom: 20px;
  }
  
  .applyloon_point h4 {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 46px;
    text-align: left;
    color: #242424;
    margin-bottom: 15px;
  }
  
  .applyloon_point ul {
    padding: 0;
    margin: 0;
  }
  
  .applyloon_point ul li {
    display: block;
    padding-left: 30px;
    position: relative;
    margin-bottom: 20px;
  }
  
  .applyloon_point ul li span {}
  
  .applyloon_point ul li span:first-child {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #676767;
    width: 200px;
    display: inline-block;
  }
  
  .applyloon_point ul li span:last-child {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: #242424;
  }
  
  .applyloon_point ul li:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../images/check_vef.png);
    background-repeat: no-repeat;
  }
  .applyloon_point ul li.not_data:after{
    background-image: url(../images/not_list.png);
    background-repeat: no-repeat;
  }
  
  .loonApplt_btn .agrtrms {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    font-weight: 400;
      letter-spacing: 0.02em;
      color: #000000;
      font-size: 16px;
      line-height: 24px;
  }
  .loonApplt_btn .agrtrms input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .loonApplt_btn  .iagt input.chki {
    padding-left: 0px;
  }
  .loonApplt_btn .agrchckmrk {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #63BD50;
    border-radius: 2px;
  }
  
  .loonApplt_btn .agrchckmrk:after {
    content: "";
    position: absolute;
    display: none;
  }
  .loonApplt_btn .agrtrms .agrchckmrk:after {
    left: 5px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
  }
  .loonApplt_btn .agrtrms input:checked ~ .agrchckmrk:after {
    display: block;
  }
  .loonApplt_btn .agrtrms input:checked ~ .agrchckmrk {
    background-color: #63BD50;
    border-color: #63BD50;
  }
  .loonApplt_btn  .iagt{padding:0px!important;text-align: center;}
  
  .loonApplt_btn .btn_grp .btn {
      width: 60%;
      margin-top: 60px;
  }
  
  .loonApplt_btn {
      width: 55%;
      margin: 0 auto;
      margin-top: 50px;
  }
  .boxscore_details {
    background: #FFFFFF;
    border: 1px solid #D7D7D7;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 50px 60px 30px;
  }
  .woo_sect h4 a {
    color: #63BD50;
  }
  .boxscore_details img {
    width: 100%;
  }
  .icon_woo {
    text-align: center;
  }
  .boxscore_details ul {
    padding: 0;
    margin: 0;
  }
  
  .boxscore_details ul li {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    color: #676767;
    margin-bottom: 15px;
  }
  
  .boxscore_details li b {
    color: #000000;
  }
  
  .boxscore_details p {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: left;
    color: #000000;
    margin-bottom: 25px;
  }
  
  .boxscore_details h3 {
    font-family: 'Jost';
    font-weight: 600;
    font-size: 32px;
    line-height: 46px;
    text-align: left;
    color: #000000;
    margin-bottom: 30px;
  }
  
  .Duration_mins.input-group {
  display: flex;
  align-items: center;
  }
  
  .Duration_mins.input-group .form-control {
    position: relative;
    z-index: 2;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #e4e5e7;
    float: left;
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
  }
  .Duration_mins.input-group .input-group-addon {
    padding: 6px 20px;
    height: 45px;
    line-height: 1;
    display: flex;
    align-items: center;
    text-align: center;
    background-color: #f2f2f2;
    border: 1px solid #e4e5e7;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    color: #000;
  }
  .Duration_mins.input-group .input-group-addon:first-child {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .Duration_mins.input-group.per_rght .form-control{
    border-top-left-radius: 5px!important;
    border-bottom-left-radius: 5px!important;
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    border-right: 0px!important;
    
  }
  .Duration_mins.input-group.per_rght .input-group-addon{border-left: 0!important;}
  @keyframes stroke {
    100% {
      stroke-dashoffset: 0;
    }
  }
  @keyframes scale {
    0%, 100% {
      transform: none;
    }
    50% {
      transform: scale3d(1.1, 1.1, 1);
    }
  }
  @keyframes fill {
    100% {
      box-shadow: inset 0px 0px 0px 30px #fff;
    }
  }
  
  
  
  .paym_card p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  
  .paym_card p span:first-child {
    text-transform: capitalize;
    color: #5C5050;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
  }
  
  .paym_card p span:last-child {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
  }
  .crd_details p{justify-content: center;margin: 0;}
  .pay__bx {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    margin: 0px -20px;
    padding: 15px 15px 0;
    border-top: 1px dashed #DEDEDE;
    position: relative;
    margin-top: 30px;
  }
  
  .pay__bx p span:last-child {
    font-weight: 600;
    font-size: 32px;
    color: #27524B;
    line-height: 32px;
  }
  
  
  .invdi_sect .box_plan{padding: 40px 40px 80px;}
  
  .body_thnks .box .ic_thank img {
    width: 200px;
    margin-bottom: 30px;
}
  
  
  
  @media (min-width: 991px) {
  
  .main-nav_inner .menu_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 65%;
  }
  
  .header-area .main-nav_inner.main-nav {
    display: flex;
    justify-content: space-between;
  }
  
  .header-area .main-nav_inner.main-nav .nav {
    margin: 0px !important;   
  }
  
  
  .header-area .main-nav_inner .dropdown.vd-sty .btn {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: #000000;
  }
  
  .header-area .main-nav_inner .dropdown.vd-sty .btn span {
    margin-right: 8px;
  }
  
  .dropdown.vd-sty.user_login .dropdown-menu li a {
    font-weight: 600;
    font-size: 16px;
    color: #000;
  }
  .ic_thank img {
    width: 300px;
    margin-bottom: 40px;
}
  .header-area .main-nav_inner .dropdown .dropdown-menu::before {
    left: 22px;
    right: initial;
  }
  }
  
  .paym_card p span.price {
    color: #27524B;font-weight: 700;
  }
  
  .paym_card .pay__bx span:first-child {
  }
  
  .pay__bx span:last-child {}
  
  .paym_card .pay__bx span:last-child {
    font-weight: 600;
    font-size: 32px;
    line-height: 32px;
    
  
  /* dark green */
    color: #27524B;
  }
  
  .pay__bx:after {
    width: 50px;
    height: 38.29px;
    background: #fff;
    position: absolute;
    content: '';
    left: -30px;
    top: -21px;
    border-radius: 20px;
  }
  
  .pay__bx:before {
    width: 50px;
    height: 38.29px;
    background: #fff;
    position: absolute;
    content: '';
    right: -30px;
    top: -21px;
    border-radius: 20px;
  }
  
  .pay__bx p {
    margin: 0;
  }
  
  .Home_plan ul li.active .card_box .head_bx h4 {
    font-weight: 600;
    font-size: 30px;
    margin: 0;
    text-align: center;
    color: #E2FEA1;
    line-height: 38px;
}
.Home_plan ul li.active .card_box .plan_cont .btn_sect{margin-top: 70px;}
  
  
  
.recom_loon_list .crd_bx .logo_recom img{width: initial;}
.credit_card_bx ul{margin-bottom: 30px;}

  @media (min-width:1199px) and (max-width: 1440px) {
    .box_plan{padding: 50px 50px 120px;}
    .loon_type_list ul li {width: 16%;}
    .Home_solut .heading_sub_title{text-align: left;    font-size: 36px;}
  .header-area .main-nav .nav li{padding-left: 8px;padding-right: 8px;}
  .recom_loon_list .crd_bx .logo_recom img{width: initial;}
  }
  @media (min-width:1024px) and (max-width: 1199px) {
    .loon_type_list ul li {
      width: 28.666%;
  }  .recom_loon_list .crd_bx .logo_recom img{width: initial;}
  .main-nav_inner .menu_inner{    width: 77%;}
    .Home_solut .heading_sub_title{text-align: left;    font-size: 24px;}
  .header-area .main-nav .nav li a{font-size: 12px!important;}
  .header-area .main-nav .nav li{    padding-left: 5px;
    padding-right: 5px;}
    
.btn_signup .btn{padding: 5px 10px;}
  }
  @media (min-width: 320px) and (max-width: 990px) {
    .box_plan ul li .box_crd .btn_Subscrip {
      text-align: center;
      width: 100%;
  }  .ic_thank{margin-bottom: 30px;}
  .ic_thank img {width: 150px;}
    .box_plan ul li .box_crd .plan_name{justify-content: center;}
    .box_plan ul li .box_crd .plan_name h3{text-align: center;justify-content: center;}
    .dropdown.vd-sty .btn{display: block;float: initial;    margin: auto;}
  .header-area .main-nav_inner  .dropdown.vd-sty.user_login {position: absolute;right: 15%;top: 21px;}
  .Home_Featur ul,.Home_team ul{grid-template-columns: repeat(2,1fr);}
  .Home_plan ul>li{width: 100%;}
  .Home_plan ul{flex-wrap: wrap;}
  .banner-one__moc{position: initial;width: 550px;}
  .banner h3{font-size: 52px;line-height: 62px;}
  }
  
  @media (min-width: 320px) and (max-width: 575.5px) {
    .Home_Featur ul,.Home_team ul{grid-template-columns: repeat(1,1fr);}
    .banner-one__moc{width: 350px;}
    .banner-shape-moc-3{right: 60px;}
    .banner h3{font-size: 42px;line-height: 48px;}
    .heading_sub_title{font-size: 36px;line-height: 42px;}
    .about-shape-moc-2, .Feat-shape-moc-2, .banner-shape-moc-2{right: 32px;}
    .tab_query .card-header{font-size: 18px;}
    .tab_query .card-body p{font-size: 16px;}
    .Home_Featur ul, .Home_team ul{margin: 0;padding: 0;}
    }
    @media (min-width: 320px) and (max-width: 460.5px) {
    .banner-one__moc{width: 300px;}
    .banner h3{font-size: 36px;line-height: 42px;}
    .heading_sub_title{font-size: 32px;line-height: 38px;}
    .about-shape-moc-1, .Feat-shape-moc-1{left: 40px;}
    .accordion {padding: 0 15px;}
    .accordion .row{margin: 0;}
    .accordion  .col-lg-6.col-md-12.col-sm-12, .accordion  .col-lg-12.col-md-12.col-sm-12{padding: 0;}
    .Home_solut .card_list .card_box .card_inner h3{font-size: 18px;}
    .about-shape-moc-2, .Feat-shape-moc-2, .banner-shape-moc-2{right: 70px;}
    .banner-shape-moc-1{right: 25px;}
    }
    .intl-tel-input {
      display: block;
  }
  
  .flag-container {
      z-index: 99;
  }
  
  .flag-container:active, .flag-container:focus, .flag-container .selected-flag:active, .flag-container .selected-flag:focus {
      -webkit-box-shadow: none;
      box-shadow: none;
      outline: 0;
  }
  
  .iti-flag {
      width: 20px;
      height: 15px;
      -webkit-box-shadow: 0px 0px 1px 0px #888;
      box-shadow: 0px 0px 1px 0px #888;
      background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/img/flags.png");
      background-repeat: no-repeat;
      background-color: #DBDBDB;
      background-position: 20px 0;
  }
  
  
  .frm_grp label:not(.label_nrm) {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: -1;
    letter-spacing: .5px;
    text-align: left;
  }
  .frm_grp .form-control:active~label:not(.label_nrm), 
  .frm_grp .form-control:focus~label:not(.label_nrm), 
  .form-control.hasvalue~label:not(.label_nrm), 
  label:not(.label_nrm).phone_label.phone_labelactive {
    top: -22px;
    left: 0;
    font-size: 14px;
    z-index: 1;
    color: #525252;
  }
  
  
  /* width */
  .frm_login .box_rgt::-webkit-scrollbar {
    width: 8px;
  }
  
  /* Track */
  .frm_login .box_rgt::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  .frm_login .box_rgt::-webkit-scrollbar-thumb {
    background: #000; 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  .frm_login .box_rgt::-webkit-scrollbar-thumb:hover {
    background: #000; 
  }
  .Quick_step{margin-top: 50px;}
  @media (min-width: 320px) and (max-width: 990px) {
    .menu_inner {
      background: #fff;
      display: inline-table;
      width: 100%;
      height: auto;
  }
  
  .header-area .main-nav_inner .dropdown.vd-sty.user_login {
      position: initial;
      display: block;
  }
  
  .menu_inner .dropdown.vd-sty .btn {
      width: 100%;
      height: 50px !important;
      line-height: 50px !important;
      padding: 0px !important;
      border: none !important;
      background: #f7f7f7 !important;
      color: #191a20 !important;
  }
  
  .menu_inner .dropdown.vd-sty .dropdown-menu {
      position: initial!important;
      width: 100%!important;
      overflow: initial;
      transform: initial!important;
      filter: initial!important;
  }
  
  .header-area.header-sticky .menu_inner .nav {
      margin-top: 15px !important;
  }
  .header-area.header-sticky .menu_inner .nav {
      margin-bottom: 0px !important;
      padding-bottom: 0;
  }
  
  .menu_inner .dropdown.vd-sty .dropdown-menu li a {
      padding: 5px 15px!important;
      line-height: 37px !important;
   
      text-align: center;color: #000;
  }
  .Quick_upload,.credit_sect {margin-top: 80px;}
  .box_frm{padding: 30px 30px 0;}
  .btn_grp .btn,.frm_login .box_rgt .frm_sect .btn_signup .btn{width: 100%;}
  .boxscore_details{padding: 30px;}
  .box_frm h3,.loon_desp h3,.applyloon_point h3{font-size: 26px;margin-bottom:20px;}
  .heading_title2,.heading_title3,.box_plan h3{font-size: 32px;line-height: 46px;}
  .header-area .main-nav .menu-trigger span:before,.header-area .main-nav .menu-trigger span:after,.header-area .main-nav .menu-trigger span {
    background-color: #25276c;
  }
  .dropdown.vd-sty .dropdown-menu li a{text-align: center;}
  .loon_type_list ul,.recom_loon_list,.Quick_step ul{    grid-template-columns: repeat(2,1fr);}
  .offset-3{margin: 0 auto!important;}
  .get_start_sect ul{padding: 0;}
  .get_start_sect .btn_grp{margin: 50px auto 100px;}
  .invdi_sect .box_plan{padding: 30px;margin-bottom: 60px;}
  .frm_login{display: block;}
  .frm_login .box_lft,.frm_login .box_rgt{max-width: 100%;}
  .frm_login .box_rgt{overflow: initial;max-height: auto;}
  .box_plan{padding: 30px;}
  .box_plan ul li .box_crd,.box_plan ul li .box_crd .plan_name{flex-wrap: wrap;}
  .box_plan ul li .box_crd .plan_name .plan_pric{margin: 20px 0;}
  .loonApplt_btn,.loonApplt_btn .btn_grp .btn{width:100%;}
  }
  
  @media (min-width: 320px) and (max-width: 768px) {
    .body_thnks .box{width: 100%;}
    .head_top{flex-wrap: wrap;}
    .loonApplt_btn .btn_grp .btn{margin-top: 30px;margin-bottom: 60px;}
    .credit_sect .card_bx img,.woo_sect .btn_grp .btn{width: 100%;}
    .credit_sect .card_bx{margin-bottom: 30px;}
    .boxscore_details h3,.woo_sect p,.rec_heading h3{font-size: 26px;    line-height: 32px;}
    .boxscore_details p{font-size: 18px;}
    .woo_sect{margin-top: 0;margin-bottom: 100px;}
    .rec_heading h3 span{display: block;}
    .credit_card_bx ul li{margin: 0;}
    .credit_card_bx ul{margin-bottom: 30px;}
    .credit_card_bx .grp_sect{display: block;}
    .paym_card p{flex-wrap: wrap;text-align: left;}
    .credit_card_bx .grp_sect .rgt_bx .form-control{width: 50%;margin-bottom: 20px;}
    .brd_underline:after{bottom: -13px;transform: translateX(-50%);}
    .credit_card_bx h3,.loon_desp h3,.applyloon_point h3{font-size: 24px;}
    .loon_type_list ul,.recom_loon_list,.credit_card_bx ul{    grid-template-columns: repeat(1,1fr);}
    .paym_card{margin-top: 200px;}
    .crd_details h3{font-size: 18px;}
    .frm_login .box_lft h3{font-size: 32px;}
    .frm_login .box_lft h3{margin-top: 10%;}
    .frm_login .box_rgt{padding: 50px 30px;}
    .frm_login .box_rgt h3,.applyloon_point h4{font-size: 24px;}
    .frm_login{padding: 0;}
    .frm_login .box_rgt .line_or span:before,.frm_login .box_rgt .line_or span:after{width: 120px;}
    .check_boxgrp{grid-template-columns: repeat(1,1fr);}
    .frm_login .box_rgt .frm_sect .frm_frog{flex-wrap: wrap;}
    .frm_login .box_rgt .frm_sect .more_opt p{white-space: nowrap;}
    .Quick_step ul{    grid-template-columns: repeat(1,1fr);}
    .applyloon_point ul li span:first-child{width: auto;}
  }
  @media (min-width: 320px) and (max-width: 460px) {
    .Quick_upload .heading_title2,.heading_title3{font-size: 24px;line-height: 28px;}
    .Quick_upload p,.applyloon_point h4{font-size: 18px;}
    .box_frm h3{font-size: 22px;}
    .btn_grp .btn{font-size: 16px;}
    .mb-100{margin-bottom: 60px;}
    .box_plan p{font-size: 14px;}
    .frm_login .box_lft h3{font-size: 26px;}
    .frm_login .box_rgt .frm_sect .more_opt{margin-bottom: 30px;}
    .heading_title2, .heading_title3, .box_plan h3{font-size: 26px;line-height: 28px;}
    .pl-5, .px-5{padding: 0px!important;}
    .ft_bx h3{margin-top: 30px;}
  }
  
/*--------------------------dashboard-------------------------------*/
.dashboard_sect {
  background: #25276C;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding: 20px 0;
  margin-bottom: 50px;
}

.dash_navbar ul {
  padding: 0;
  margin: 0 -25px;
}

.dash_navbar ul li {
  display: inline-block;
  padding: 0 25px;
}

.dash_navbar ul li a {
  font-weight: 500;
  font-size: 16px;
  position: relative;
  line-height: 20px;
  text-transform: capitalize;
  color: #C4C5D9;
  padding: 0;
}

.dash_navbar ul li a.active, .dash_navbar ul li a:hover {
  font-weight: 700;
  color: #fff;
}

.dash_navbar ul li a.active:after,.dash_navbar ul li a:hover:after {
  position: absolute;
  left: 0;
  bottom: -22px;
  width: 100%;
  height: 3px;
  background: #fff;
  content: '';
}
ul.Profile_dash {
  padding: 0;
  margin: 0;
}

ul.Profile_dash li {
  display: block;
  padding: 0;
  margin-bottom: 10px;
}

ul.Profile_dash li a {
  position: relative;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 35px;
  display: block;
  text-align: left;
  text-transform: capitalize;
  color: #676767;
  padding: 11px  10px;
}

ul.Profile_dash li a.active,ul.Profile_dash li a:hover {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  color: rgba(120, 120, 120, 1);
}

ul.Profile_dash li a.active:after, ul.Profile_dash li a:hover:after {
  content: '';
  position: absolute;
  left: 0;
  width: 5px;
  background: #63BD50;
  height: 100%;
  top: 0;
}

ul.Profile_dash li a.disabled {
  color: #D5D5D5;
}


.banner_cover img {
  width: 100%;
}

.banner_cover {
  position: relative;
}

.edit_cover {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.tab-cont2 .tab-pane2+.tab-pane2{display: none;}
.edit_cover button.btn {
  border-radius: 30px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.6);
}

.edit_cover button.btn:hover {
  background: rgba(226, 254, 161, 1);
  color: rgba(39, 82, 75, 1);
}
.prof_img {
  display: flex;
  align-items: center;
  gap: 30px;
}

.profinfo_cont h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 5px;
}

.profinfo_cont p {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #808080;
  margin: 0;
}

.prof_img {
  z-index: 2;
  position: relative;
}

.prof_img .imgbx {
  margin-top: -50px;
  width: 160px;
  height: 160px;
  border-radius: 100px;
  background: #FFFFFF;
  border: 1px solid #DCDCDC;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prof_img .imgbx img{border-radius: 100px;}
.tab-pane2.show {}

.prof_box {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.btngrp {
  margin-bottom: 20px;
}

.btngrp .btn {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #27524B;
  border-radius: 23px;
  color: #27524B;
  padding: 13px 30px;
}
.prof_btn .btn {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #27524B;
  border-radius: 23px;
  color: #27524B;
  padding: 13px 40px;
}

.prof_btn .btn+.btn {
  margin-left: 30px;
}

.prof_btn .btn:last-child {
  background: linear-gradient(90deg, #265049 1.53%, #4E9078 100%);
  box-shadow: 0px 4px 4px rgba(90, 90, 90, 0.22);
  border-radius: 23px;
  color: #fff;
}

.prof_btn .btn:first-child {
  border: 0;
  color: #FFFFFF;
}
.btngrp .btn +.btn {
  background: linear-gradient(90deg, #265049 1.53%, #4E9078 100%);
  box-shadow: 0px 4px 4px rgba(90, 90, 90, 0.22);
  border-radius: 23px;
  color: #fff;
  margin-left: 30px;
}
.prof_box .prof_frm {
  padding: 0px 50px 50px;
}
.prof_btn {
  text-align: right;
}
.prof_box {
  margin-bottom: 90px;
}
.prof_intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 50px;
  padding: 0 20px;
}

/* .prof_img .imgbx img {
  width: 100%;
  height: 100%;
} */
.tab-pane4+.tab-pane4{display: none;}

.Employ_dash {
  padding: 0;
  margin: 0;
}

.Employ_dash li {
  display: block;
  padding: 0;
  margin-bottom: 10px;
}

.Employ_dash li  {
  position: relative;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 35px;
  display: block;
  text-align: left;
  text-transform: capitalize;
  color: #676767;
  padding: 11px  20px;
  padding-left: 35px;
}

.Employ_dash li.active,.Employ_dash li:hover {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  color: rgba(120, 120, 120, 1);
}

.Employ_dash li.active:after, .Employ_dash li:hover:after {
  content: '';
  position: absolute;
  left: 0;
  width: 5px;
  background: #63BD50;
  height: 100%;
  top: 0;
}

.box_messg .body_thnks .box p {
  font-weight: 700;
  text-transform: uppercase;
  color: #2A574E;
  font-size: 28px;
  line-height: 48px;
  margin-top: 10px;
}
.brd_btm_sect {
  padding: 40px 20px;
  border-bottom: 2px solid #E0E0E0;
}
.box_messg .body_thnks .box h4 {
  font-weight: 500;
  font-size: 18px;
  color: #000000;
  line-height: 28px;
  margin-bottom: 40px;
}
.box_messg.bdy_cont {
  height: calc(100vh - 100px);}

  .empy_dt {
    display: grid;
    align-items: start;
    grid-template-columns: 1fr 1fr 1fr 50px;
}

.empy_dt h3 {
    font-weight: 500;
    color: #787878;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
}

.empy_dt h3 span:first-child {
    margin-bottom: 10px;
    display: block;
}
.save_empy .prof_btn .btn:first-child {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #27524B;
  border-radius: 23px;
  color: #27524B;
  padding: 13px 40px;
}

.save_empy {
  padding: 30px 20px;
}
.empy_dt h3 span+span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: block;
    color: #393939;
}


@keyframes growProgressBar {
  0%,
  33% {
    --pgPercentage: 0;
  }
  100% {
    --pgPercentage: var(--value);
  }
}

@property --pgPercentage {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

div[role="progressbar"] {
  --size: 58px;
  --fg:  #63BD50;
  --bg: #fff;
  --pgPercentage: var(--value);
  animation: growProgressBar 3s 1 forwards;
  width:40px;
  height:40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(
      closest-side,
      white 80%,
      transparent 0 99.9%,
      white 0
    ),
    conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
    font-family: 'Jost';
    font-weight: 600;
  color: #000000;
  font-size: calc(var(--size) / 5);
  color: #000;
}
.processbar_empy {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.processbar_empy .btn_add .btn {
  font-weight: 500;
  font-size: 14px;
  background: #44816D;
  border-radius: 5px;
  display: block;
  padding: 15px 20px;
  line-height: 17px;
  text-transform: capitalize;
  color: #FFFFFF;
}

span.credits_txt {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #787878;
}
.prigress-bar {
  display: flex;
  align-items: center;
  gap: 10px;
}

.processbar_empy {
  border-bottom: 2px solid #E0E0E0;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.processbar_empy span {
  font-style: italic;
  font-weight: 500;
  color: #25276C;
  font-size: 16px;
  line-height: 20px;
}
div[role="progressbar"]::before {
  counter-reset: percentage var(--value);
  content: counter(percentage) "";
}

.messg_employ{padding: 100px 0;}

.messg_employ .messg_box{
  background: rgba(52, 103, 90, 0.1);
  border: 1px solid #4D8F77;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  width: 535px;
  text-align: center;
  height: 325px;
  margin: auto;
}
.messg_box h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 191.69%;
  margin: 0;
}

.messg_box h4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 191.69%;
  margin: 0;
  letter-spacing: 0.108256px;
  text-transform: uppercase;
  color: #282828;
}

.messg_box p {
  font-weight: 700;
  font-size: 20px;
  line-height: 45px;
  color: #44816D;
  margin: 0;
}

.messg_box h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.005em;
  color: #998D8D;
  margin: 0;
}

.messg_box .btn {
  background: linear-gradient(90deg, #265049 1.53%, #4E9078 100%);
  box-shadow: 0px 4px 4px rgba(90, 90, 90, 0.22);
  border-radius: 23px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-top: 20px;
  width:50%;
  padding:12px 10px;
}

.messg_box .icon {
  background: linear-gradient(180deg, #4B8C75 0%, #28534B 100%);
  width: 130px;
  height: 130px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: -68px;
}

.messg_box {}


.tab_notif {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.tab_notif  {
  border-bottom: 2px solid #E0E0E0;
}

.tab_notif  .tab_item {
  display: inline-block;
  margin-right: 20px;
}

.tab_notif  .tab_item .nav-lk {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  padding: 15px 40px;
  color: rgba(191, 191, 191, 1);
  border: 1px solid #DEDEDE;
  text-transform: capitalize;
  border-radius: 5px;
}

.tab_notif  .tab_item .nav-lk.active ,.tab_notif  .tab_item .nav-lk:hover{
  background: #44816D;
  color: #FFFFFF;
}
.list_tab{display: flex;align-items: center;}

.search_bar {
  display: flex;
  align-items: center;
}

.search_bar label {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #212121;
  margin: 0;white-space: nowrap;
  margin-right: 15px;
}
.prof_box.nofi_bx h3{font-weight: 500;font-size: 14px;line-height: 17px;margin-bottom: 20px;color: rgba(0, 0, 0, 0.5);}
.prof_box.nofi_bx {
    padding: 30px 40px;
    min-height: 300px;
}

.prof_box.nofi_bx p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;

    color: #000000;
    opacity: 0.5;
}

.crd_bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    padding: 12px 20px;
    
}
.verif_popup .close {
  position: absolute;
  right: -40px;
  top: 0px;opacity: 1;
}
.prof_box.nofi_bx .crd_bx {margin-bottom: 15px;}
.data_del {
    display: flex;
    align-items: center;
}

.data_del p {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #BFBFBF;
}

.crd_bx .title_cont p {
    text-transform: capitalize;
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.prof_box.nofi_bx .data_del p {
    margin-right: 10px;
    text-transform: capitalize;
    color: #BFBFBF;
}
.crd_bx .title_cont h3 {
    text-transform: capitalize;
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    opacity: 1;
    margin-bottom: 2px;
}

.menu_inner {
  width: 100%;
}

ul.nav {
  width: 100%;
}

.menu_inner .nav {
  justify-content: end;
}

.list_nabitem {
  display: flex;
  align-items: center;
}

.notif_icon {
  position: relative;
}

.notif_icon span {
  background: #FF0000;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 0;
  border-radius: 100px;
  top: 0;
}

.notification {
  margin-right: 15px;
}

.person_sect {
  padding: 24px 30px;
}

.person_sect h3 {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 46px;
  color: #000000;
  margin-bottom: 20px;
}

.brd_sect p {
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  text-transform: capitalize;
  color: #242424;
}

.brd_sect {
  border: 1px solid rgba(77, 143, 119, 1);
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 30px;
}

.LoanElig_dash {
  padding: 0;
}

.LoanElig_dash li {
  display: block;
}

.LoanElig_dash li a {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-transform: capitalize;
  color: #D4D4D4;
  padding: 15px 20px;
  padding-left: 30px;
}

.LoanElig_dash li a.active1,.LoanElig_dash li a:hover {
  color: #676767;
  font-weight: 500;
}

.status_switch {display: grid;justify-content: center; grid-template-columns: auto auto auto;gap: 10px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.status_switch .switch {position: relative;display: inline-block;margin-bottom: 0;width: 71px;height: 24px;}
.status_switch .switch input { opacity: 0; width: 0; height: 0;}
.status_switch  input:checked+.slider {background-color: #306dd0;}
.status_switch .slider {position: absolute;cursor: pointer;top: 0;border-radius: 34px;left: 0;right: 0;bottom: 0;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;background: linear-gradient(90deg, #057702 12.59%, #4CC194 105.44%);border-radius: 15.1395px;}
.status_switch .slider:before {position: absolute;content: "";border-radius: 50%;height: 18px;width: 18px;left: 4px;bottom: 3px;background-color: white;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.status_switch span{font-weight: 600;font-size: 12px;color: #707070;}
.status_switch input:focus+.slider { -webkit-box-shadow: none; box-shadow: none}
.status_switch input:checked+.slider:before {-webkit-transform: translateX(46px);-ms-transform: translateX(46px);transform: translateX(46px);}
.FileTitle_sect {background: #FFFFFF;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);padding: 30px;}
.FileTitle_sect h3 {font-weight: 600;font-size: 14px;line-height: 17px;letter-spacing: 1px;text-transform: capitalize;color: #242424;}
.elig_item {background: #EFF2F2;border: 1px solid #C0C0C0; border-radius: 5px;font-weight: 500;font-size: 14px;line-height: 17px;text-transform: capitalize;color: #676767;padding: 15px 20px;width: 317px;}
.elig_list { display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.status_switch .slider:after {font-weight: 700;font-size: 10.814px;line-height: 13px;letter-spacing: 0.005em; text-transform: uppercase;color: #FFFFFF;content: 'show';position: absolute;right: 7px; top: 5px;}
.status_switch input:checked+.slider:after {content: 'hide';left: 10px;top: 6px;}
.search_bar span {position: absolute;right: 10px;top: 10px;}
.search_bar {position: relative;}
.Customer_list {background: #FFFFFF;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);margin-bottom: 100px;min-height: 400px;}
.Customer_list thead th { background: #DCDCDC; font-weight: 600;font-size: 14px;line-height: 17px;color: #212121;border: 0;padding: 15px;}
.Customer_list tbody td { border: 0; vertical-align: middle; padding: 15px;font-weight: 500;font-size: 14px; line-height: 17px;text-transform: capitalize;color: #393939;}
.Customer_list tbody {padding-top: 21px;display: table-row-group;}
.Customer_list tbody tr:nth-child(odd) { background: #F7F7F7;}
.Customer_list  .Pending_btn .btn,.Customer_list  .Done_btn .btn {width: 114px;background: rgba(173, 0, 255, 0.2);border-radius: 19px;font-weight: 500;font-size: 13px;line-height: 20px;color: #690498; padding: 8px 24px;}
.Customer_list  .eye_btn .btn {background: rgba(37, 39, 108, 0.2);border-radius: 100px;width: 32px;height: 32px;text-align: center; display: flex; margin: 0;justify-content: center;padding: 6px;}
.Customer_list  .Done_btn .btn {background: rgba(85, 216, 2, 0.2);color: #378D00;width: 114px;}
.Customer_list thead th:last-child {width: 60px;}

@media (min-width: 576px){
.modal-dialog {max-width: 800px;}}

.verif_popup .icon {
  text-align: center;
}

.verif_popup h3 {font-family: 'Jost';font-style: normal;font-weight: 500;font-size: 32px;line-height: 46px;text-align: center;color: #242424;margin: 10px 0 40px;}
.verif_popup .otp_grp .form-control { width: 40px;height: 40px;margin-right: 10px; line-height: 40px; padding: 5px; font-size: 18px; font-weight: bold;color: #000; text-align: center;}
.verif_popup .frm_frog .otp_grp {display: flex; align-items: center;}
.verif_popup .frm_frog {display: flex;align-items: center;width: 405px; border: 1px solid #D9D9D9;margin: 0 auto;padding: 12px; justify-content: space-between;}
.verif_popup .pass_rest { font-weight: 500;color: #828282;font-size: 14px;line-height: 20px;}
.verif_popup .pass_rest a {color: #4D8E77;}
.verif_popup .btn_grp .btn {
  width: 404px;
  margin-top: 40px;
  margin-bottom: 100px;
}

.admin_sect .box_crd {
  background: linear-gradient(145.87deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(10px);
  border-radius: 10px;
  width: 550px;
  margin: 0 auto;
  padding: 65px 30px 130px;
}

.admin_sect{
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
overflow: hidden;
height: calc(100vh - 0px);
position: relative;
}

.admin_sect .box_crd h3 {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 69px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 100px;
}

.admin_sect .frm_frog {
  align-items: center;
  display: flex;
  margin: 40px 0 60px;
  justify-content: space-between;
}

.admin_sect .otp_grp {
  display: flex;
  align-items: center;
}

.admin_sect .otp_grp .form-control {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.admin_sect .pass_rest,.admin_sect .pass_rest a {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
}

.admin_sect .btn_grp {
  text-align: center;
}

.admin_sect .btn_grp .btn {
  height: 40px;
  box-shadow: none;
  border: 0;
}

.admin_sect .banner-shape-moc-2,.admin_sect .banner-shape-moc-3,.admin_sect .banner-shape-moc-1 {
  position: absolute;
}

.admin_sect .banner-shape-moc-2 {
  left: 10%;
  top: 30%;
}

.admin_sect .banner-shape-moc-3 {
  top: 30%;right:10%;}

  .admin_sect .banner-shape-moc-1 {
  bottom: 10%;
  right: 10%;
  top: initial;
}
.box_wrapp{    display: flex;
  align-items: center;
  justify-content: center;
  height: 100%}

  /*----------------------------loonReview_invoice-------------------------------------------*/
.loonReview_invoice {background: #FFFFFF;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);margin: 50px;padding: 70px;}
.loonReview_invoice h3 {font-family: 'Jost';font-weight: 500;font-size: 24px;line-height: 35px;text-align: center;letter-spacing: 0.125em;text-transform: uppercase;color: #242424;border-bottom: 4px solid #242424;padding-bottom: 20px;margin-bottom: 30px;}
.table_data {}
.head_inv {display: flex;align-items: center;justify-content: space-between; margin-bottom: 30px;}
.head_inv p span:first-child {font-weight: 600;font-size: 16px;line-height: 20px;letter-spacing: 1px;text-transform: capitalize;color: #242424;}
.head_inv p span:last-child {font-weight: 400;font-size: 16px;line-height: 20px;letter-spacing: 1px;text-transform: capitalize;color: #242424;margin-left: 20px;}
.table_data .table thead th {background: #27524B;font-weight: 600;font-size: 20px;line-height: 24px;color: #FFFFFF;text-align: center;}
.table_data .table {background: #FFFFFF;border: 1px solid #000000;}
.table_data .table tbody tr th {font-weight: 600;font-size: 16px;border: 1px solid #242424;line-height: 20px;text-transform: capitalize; color: #242424;vertical-align: middle;}
.table_data .table tbody tr td{border: 1px solid #242424;vertical-align: middle;}
.table_data .table tbody tr td p span:first-child {font-weight: 600;font-size: 14px;text-transform: capitalize;color: #242424;line-height: 17px;width: 100px;}
.table_data .table tbody tr td p {display: flex;align-items: center;}
.table_data .table tbody tr td p span:last-child {font-weight: 400;font-size: 14px; line-height: 17px; text-transform: capitalize; color: #242424; vertical-align: middle; margin-left: 20px;}
.addre_txt { display: flex;align-items: center;}
.table_data .table tbody tr td .addre_txt  span:last-child {white-space: nowrap; display: block; margin: 0;letter-spacing: 1px;text-transform: capitalize;color: #25276C;font-style: italic;font-weight: 500;font-size: 14px;line-height: 17px;}
.table_data .table tbody tr td .addre_txt p{display:block;text-align: left;}
.table_data .table tbody tr td .addre_txt p:first-child {font-weight: 600;font-size: 14px;text-transform: capitalize;color: #242424;line-height: 17px;width: 126px;}
.table_data .table tbody tr td p .pdf_txt {color: #25276C!important;font-style: italic!important; font-weight: 600!important;}
.table_data .table .table2 {padding: 0;}
.table_data .table .table2 thead tr th {color: #fff;}
.table_data .table .table2 thead tr+tr th { background: #DCDCDC;letter-spacing: 1px;text-transform: capitalize;color: #242424;font-weight: 600;font-size: 14px;text-align: left;line-height: 17px;}
.table_data .table .table2 .table { border: 0px!important;margin: 0;}
.table_data .table .table2 tbody tr:last-child td{border: 0;}
.table_data .table .table2 tbody tr:last-child td .table_btn {margin: 50px 0 20px;display: flex;align-items: end;justify-content: space-between;}
.table_data .table .table2 tbody tr:last-child td .table_btn h4{font-weight: 400;font-size: 14px;letter-spacing: 1px;text-transform: capitalize;color: #242424;line-height: 17px;}
.table_data .table .table2 tbody tr:last-child td .table_btn .bx_sign{border: 1px solid #EFEFEF; width: 265px;height: 122px;}
.table_data .table .table2 tbody tr:last-child td .table_btn .prof_btn .btn:first-child{color: #212121;}
.table_data .table tbody tr td .addre_txt.addre_txt2 p:first-child{width: auto;margin-right: 20px;}
.dasp_grap {background: #FFFFFF;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);padding: 30px;}
.dasp_grap ul li {font-weight: 400;font-size: 10.7468px;line-height: 16px;display: block;}
.dasp_grap ul {display: grid;grid-template-columns: repeat(3,1fr);margin: 0;padding: 0;gap: 30px;}
.dash_dta h3 {font-weight: 500;font-size: 20px;line-height: 24px;color: #464255;margin: 30px 0;}
.dash_dta .top_grap {display: flex; align-items: center; justify-content: space-between;margin-bottom: 20px;}
.grap_point ul {padding: 0;margin: 0; display: block;}
.grap_point ul li { display: inline-block;position: relative; padding-left: 30px;margin-left: 18px;}
.grap_point ul li:after {width: 10.75px; height: 10.75px;position: absolute;left: 0;top: 3px;content: '';background: #00A389;border-radius: 3.58228px;}
.grap_point ul li:first-child:after {background: #00A389;border-radius: 3.58228px;}
.grap_point ul li:last-child:after {background: #FFBB54;}
.box_grap {display: flex;align-items: center;background: #F7F7F7; justify-content: space-between;padding: 30px 15px;border-radius: 18.4712px;}
.box_grap .grap_txt {}
.box_grap .grap_txt h3 {font-weight: 500;font-size: 13px; line-height: 20px;color: #676767;margin: 0;}
.box_grap .grap_txt p {font-weight: 600; font-size: 24.6283px;line-height: 37px;color: #464255;}
.grap_ic img {width: 100%;}
.dash_dta {margin-top: 30px;}
.dash_dta div img {width: 100%;}
.dash_dta .top_grap h3 { margin: 0;}
.dasp_grap table th {font-weight: 700;font-size: 11.0481px;text-transform: uppercase;color: #666666;white-space: nowrap; line-height: 16px;}
.dasp_grap table td {font-weight: 400;font-size: 10.2589px;line-height: 15px; letter-spacing: 0.205178px;color: #555555;}
.dasp_grap table td:nth-child(3) { color: #438AFE;}
.dasp_grap {margin-bottom: 100px;}
.table_list { padding: 15px; background: #FFFFFF;border: 1px solid #FDFDFD; box-shadow: 0px 0px 4px rgba(166, 162, 162, 0.25);margin: 30px 0;}



@media (min-width: 320px) and (max-width: 990px) {
.list_nabitem{display: block;}
.notification{text-align: left;padding: 10px 20px;}
.dash_navbar ul li {padding: 0 15px;}
.dasp_grap ul{grid-template-columns: repeat(2,1fr);}
.table_list{overflow: auto;}
.prof_img .imgbx{width: 120px;height: 120px;}
.prof_intro{flex-wrap: wrap;}
.prof_intro .btngrp {margin-top: 50px;}
.prof_box .prof_frm {padding: 0 15px 50px;}
.banner_cover img{height: 200px;}
}
@media (min-width: 320px) and (max-width: 768px) {
.loonReview_invoice{margin: 0;padding: 15px;}
.loonReview_invoice .table_data{overflow: auto;    margin: 0;
  padding: 15px;}.head_inv,.table_data .table .table2 tbody tr:last-child td .table_btn{flex-wrap: wrap;}
  .head_inv p span:first-child,.head_inv p span:last-child{font-size: 14px;}
  .head_inv p span:last-child{font-size: 16px;}
  .dash_navbar ul li a.active:after, .dash_navbar ul li a:hover:after{content: none;}
  .prof_btn .btn{padding: 8px 15px;margin-bottom: 10px;}
  .prof_btn .btn+.btn {
    margin-left: 0;
}
.prof_box.nofi_bx{padding: 15px;}
.tab_notif,.prof_box.nofi_bx .crd_bx{flex-wrap: wrap;gap: 20px;}
.list_tab{margin-bottom: 15px;}
.Customer_list{overflow: auto;}
}
@media (min-width: 320px) and (max-width: 575.5px) {
  .messg_employ .messg_box{width: auto;margin: 0 15px;}
  .Customer_list thead th{white-space: nowrap;}
.dasp_grap ul{grid-template-columns: repeat(1,1fr);}
}

.body_thnks .box hr {
  border: 1px solid #000000;
}

.body_thnks .box h6 {
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  color: #212121;
  line-height: 22px;
}

.body_thnks .box h5 {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}

.body_thnks .box h5 a {
  font-style: italic;
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  color: #165AA4;
}

.body_thnks .box h5.invi_succ{font-family: 'Montserrat';font-weight: 700;text-transform: uppercase;color: #2A574E;font-size: 28px;line-height: 48px;}