@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
  font-family: 'Montserrat';
  src: "<?php echo base_url('assets/fonts/Montserrat-Regular.ttf');?>",
    "<?php echo base_url('assets/fonts/Montserrat-Regular.woff2');>",
    "<?php echo base_url('assets/fonts/Montserrat-Regular.woff');?>";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat-Light';
  src: "<?php echo base_url('assets/fonts/Montserrat-Light.ttf');?>",
    "<?php echo base_url('assets/fonts/Montserrat-Light.woff2');>",
    "<?php echo base_url('assets/fonts/Montserrat-Light.woff');?>";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat-Medium';
  src: "<?php echo base_url('assets/fonts/Montserrat-Medium.ttf');?>",
    "<?php echo base_url('assets/fonts/Montserrat-Medium.woff2');>",
    "<?php echo base_url('assets/fonts/Montserrat-Medium.woff');?>";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat-SemiBold';
  src: "<?php echo base_url('assets/fonts/Montserrat-SemiBold.ttf');?>",
    "<?php echo base_url('assets/fonts/Montserrat-SemiBold.woff2');>",
    "<?php echo base_url('assets/fonts/Montserrat-SemiBold.woff');?>";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat-Bold';
  src: "<?php echo base_url('assets/fonts/Montserrat-Bold.ttf');?>",
    "<?php echo base_url('assets/fonts/Montserrat-Bold.woff2');>",
    "<?php echo base_url('assets/fonts/Montserrat-Bold.woff');?>";
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat-ExtraBold';
  src: "<?php echo base_url('assets/fonts/Montserrat-ExtraBold.ttf');?>",
    "<?php echo base_url('assets/fonts/Montserrat-ExtraBold.woff2');>",
    "<?php echo base_url('assets/fonts/Montserrat-ExtraBold.woff');?>";
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat-Black';
  src: "<?php echo base_url('assets/fonts/Montserrat-Black.ttf');?>",
    "<?php echo base_url('assets/fonts/Montserrat-Black.woff2');>",
    "<?php echo base_url('assets/fonts/Montserrat-Black.woff');?>";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

* {
  font-family: 'Montserrat';
}

/* gloable css */


body {
  font-family: 'Montserrat', sans-serif;
  text-rendering: auto;
  scroll-behavior: smooth;
}

.page-wrap {
  min-height: 50vh;
}

.terms-condition.py-130,
.plan-page.py-130 {
  padding: 180px 0px 70px 0px;
}

.blog-detail-description p strong {
  color: #f45828;
}

* {
  margin: 0;
  padding: 0;
}

.error {
  text-align: start;
  font-size: 13px;
  padding-top: 3px;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: unset;
  display: inline-block;
}

p {
  margin-bottom: 0px;
  font-size: 16px;
  color: #7C7A7A;
}


ol,
ul {
  padding-left: 0rem;
  margin-bottom: 0px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0px;
}

/* margin-top class */
.mt-15 {
  margin-top: 15px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-130 {
  margin-top: 100px;
}

.pt-130 {
  padding-top: 100px;
}

.pb-130 {
  padding-bottom: 100px;
}

.py-130 {
  padding: 100px 0px;
}

.my-130 {
  margin: 100px 0px;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  border-radius: 5px;
}

.btn:focus,
.btn:hover,
.form-check-input:focus,
.btn-close:focus {
  box-shadow: none;
  outline: none;
  background-color: unset;
}

.form-select:focus {
  box-shadow: unset;
  outline: none;
}

/* common-btn---- */
.common-btn {
  background: #f45727;
  border: unset;
  color: #000;
  margin-right: auto;
  padding: 13px 32px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  position: relative;
  width: fit-content;
  z-index: 9;
}

.main.btn {
  width: fit-content;
  padding: 22px 45px;
  border: unset;
  background: #f45727;
  color: #FFFFFF;
  margin-right: auto;
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
  transition: 0.5s;
  border-radius: 5px;
  z-index: 9;
  overflow: hidden;
  position: relative;
}

.main.btn:hover,
.common-btn:hover {
  transition: 0.5s;
  color: black !important;
}

.main.btn::after,
.common-btn::after {
  content: " ";
  left: 0;
  position: absolute;
  top: 0;
  width: 0%;
  transition: 0.5s;
  z-index: -1;
  border-radius: 5px;
}

.main.btn:hover:after,
.common-btn:hover:after {
  width: 100%;
  height: 100%;
  background:  #f45828;
  transition: 0.5s;
  border-radius: 5px;
}

/*------- for cover & contain-img------------ */
.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-contain {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ----------common-text------ */
.common-title {
  color: #954535;
  font-weight: 700;
  font-size: 35px;
  line-height: 45px;
  text-align: center;
}

.sub-title {
  font-weight: 700;
  font-size: 25px;
  line-height: 32px;
  color: #585858;
}

.nav-link,
.navbar-btn-grup .btn {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #7C7A7A;
  padding: 0px;
  transition: 0.5s;
}

.nav-link:hover,
.nav-link.active,
.nav-link:focus {
  transition: 0.5s;
  color: #f45828 ;
}

.sub-text {
  font-weight: 500;
  font-size: 16px;
  color: #7C7A7A;
}

.sub-mutual-text {
  font-weight: 700;
  font-size: 25px;
  line-height: 37px;
  background: #f45727;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-transform: uppercase;
  margin-bottom: 05px;
}

.span-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #7C7A7A;
}

.footer-title {
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #f45828;
  margin-bottom: 15px;
}

.footer-iteam-text,
footer .span-text,
.span-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 27px;
  color: black;
  transition: 0.5s;
}

.footer-iteam-text {
  margin-bottom: 05px;
}

.product-list-name,
.add-text {
  font-weight: 700;
  font-size: 18px;
  color: #585858;
  margin-top: 20px;
  text-align: center;
}

.address-text .add-text {
  font-weight: 600;
  margin-top: 0px;
  color: #7C7A7A;
  text-align: start;
}

/* input  */
.input-wrap input,
.input-wrap .form-control,
.input-wrap select,
.input-wrap .form-select,
.input-wrap textarea,
.input-wrap .dropdown-toggle,
.input-wrap .select2-container--default .select2-selection--single {
  background-color: #FFFFFF;
  border-bottom: 1px solid #7C7A7A !important;
  color: #7C7A7A;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  height: 46px;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  border: unset;
  padding: 7px 10px;
}

/* overlay-content */
.overlay-shade {
  position: relative;

}

.overlay-shade::before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000ba;
  z-index: 1;
}

/* breadcrumb */
.breadcrumb.top {
  background: #f45727;
  padding: 10px 27px;
  border-radius: 5px;
  width: fit-content;
  margin-bottom: 0px;
}

.breadcrumb.top .span-title a {
  color: #FFFFFF !important;
}

.breadcrumb-item+.breadcrumb-item::before {
  color: #FFFFFF ;
}

/* -------------common-input----------------- */
.form-control:focus {
  background-color: #fff;
  border-color: unset;
  outline: none;
  box-shadow: none;
}

/* button-css */
.icon.btn {
  gap: 10px
}

/* banner css  */
.home-banner {
  width: 100%;
  background-position: center;
  background-size: cover;
  background-color: #fff;
  height: auto;
  padding-top: 125px;
  overflow: hidden;
  position: relative;
}

.home-banner-content::after,
.service-inner::after,
.terms-condition-wrap::after,
.feature-sec::after {
  content: ' ';
  background-image: url('/assets/front/images/ellipse.png');
  width: 600px;
  height: 600px;
  background-repeat: no-repeat;
  position: absolute;
  top: -91%;
  left: -46%;
  background-size: contain;
  z-index: -1;
}

.service-inner::after {
  top: -48%;
  left: -46%;
  z-index: 0;
}

.feature-sec::after {
  top: -50%;
  left: -16%;
}

.terms-condition-wrap::after {
  top: -30%;
  left: -50%;
}

.terms-condition-wrap.privecy::after {
  top: -20%;
}

.home-banner-content::before,
.service-inner::before,
.terms-condition-wrap::before,
.feature-sec::before {
  content: ' ';
  background-image: url('/assets/front/images/ellipse.png');
  width: 600px;
  height: 600px;
  background-repeat: no-repeat;
  position: absolute;
  top: -35%;
  right: -50%;
  background-size: contain;
  z-index: -1;
}

.feature-sec::before {
  top: 0%;
  right: -16%;
}

.service-inner::before {
  top: 30%;
  right: -42%;
  z-index: 0;
}

.terms-condition-wrap::before {
  top: -5%;
  right: -50%;
}

.terms-condition-wrap.privecy::before {
  top: -3%;
  right: -41%;
}

.banner-content {
  text-align: center;
  padding: 120px 100px;
  position: relative;
  z-index: 1;
}

.home-banner-content {
  display: flex;
  position: relative;
  z-index: 1;
  margin-top: 126px;
  gap: 10px;
  justify-content: space-between;
}

.home-banner-content .left-content {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 45px;
  width: 43%;
  z-index: 9;
  position: relative;
}

.home-banner-content .right-content {
  width: 57%;
}

/* banner-title */
/* why choose us section start  */
.why-us-content-list {
  display: flex;
  gap: 74px;
  flex-wrap: wrap;
}

.why-us-content-list .list-card {
  padding: 40px;
  max-width: 29%;
  transition: 0.4s;
  border-radius: 5px;
  flex: 0 0 auto;
  text-align: center;
}

.why-us-content-list .list-card:hover,
.why-us-content-list .list-card.active {
  transition: 0.4s;
  box-shadow: 9px 13px 29px 7px rgba(0, 0, 0, 0.05);
}

.why-us-content-list .list-card .icon-wrap {
  height: 76px;
  width: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 15px 10px;
  margin: auto;
}

.why-us-content-list .list-card:first-child .icon-wrap {
  background: #FFECEC;
}

.why-us-content-list .list-card:nth-child(2n) .icon-wrap {
  background: #ECFAFF;
}

.why-us-content-list .list-card:nth-child(3n) .icon-wrap {
  background: #F2ECFF;
}

.why-us-content-list .list-card:nth-child(4n) .icon-wrap {
  background: #D7FFD9;
}

.why-us-content-list .list-card:nth-child(5n) .icon-wrap {
  background: #FFECFD;
}

.why-us-content-list .list-card:nth-child(6n) .icon-wrap {
  background: #FFF4EC;
}

/* .why-us-content-list .list-card .sub-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
} */

/* why choose us section end */

/* core-feature sec */
.feature-sec {
  background: #F3FBFF;
  padding: 55px 0px;
}

.feature-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

}

.feature-content {
  padding: 0px 100px;
  position: relative;
  width: 50%;
  flex-shrink: 0;
}

.feature-content.our-vision {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 30px;
}

.feature-content.our-vision .feature-content-img {
  flex-shrink: 0;
  width: 50%;
  margin-bottom: 0px;
}

.feature-list .feature-content:nth-child(2n+1),
.service-list .service-list-card:nth-child(2n+1) {
  border-right: 1px solid #D9D9D9;
}

/* .service-list .service-list-card:nth-child(2n+1){
  border-right: 1px solid  #7C7A7A;
} */
.feature-content-img {
  width: 445px;
  height: auto;
  border-radius: 25px;
  overflow: hidden;
  margin-bottom: 60px;
}

.feature-content .sub-title,
.feature-content-2 .sub-title {
  margin-bottom: 40px;
}

.list-inform {
  position: relative;
}

.list-inform li {
  font-size: 16px;
  line-height: 40px;
  font-weight: 600;
  color: #7C7A7A;
  display: flex;
  align-items: flex-start;
}

.list-inform li::before {
  content: "\f00c";
  width: 17px;
  border-radius: 50%;
  background-color: #f45828  ;
  color: #FFFFFF;
  font-family: "font awesome 5 pro";
  font-size: 9px;
  display: flex;
  line-height: 21px;
  height: 17px;
  align-items: center;
  justify-content: center;
  margin: 11px 15px 0px 0px;
  flex-shrink: 0;
}

.list-inform {
  margin-bottom: 50px;
}

/* feature-list-2 */
.feature-list-2 .feature-content-img {
  width: 560px;
  height: 460px;
  margin-bottom: 0px;
}

.feature-content-2 {
  display: flex;
  gap: 135px;
  align-items: center;
}

.feature-list-2 {
  display: flex;
  gap: 130px;
  flex-direction: column;
}

.feature-content-2:nth-child(2n) {
  flex-direction: row-reverse;
  justify-content: space-between;
}

/* dow-app section */


.banner-right-img {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 23px;
}

.dow-app-text .common-title {
  text-align: start;
}

.dow-btn-grup {
  display: flex;
  gap: 15px;
}

.dow-btn-grup .dow-btn {
  width: 165px;
  height: 65px;
}

.dow-sec-inner {
  background: #F3FBFF;
  border-radius: 25px;
  padding: 30px 80px 30px;
  position: relative;
  background-image: url('/assets/front/images/dow-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
}

.banner-right-img {
  margin-top: -160px;
}

.dow-app-section {
  margin-top: 130px;
}

/* .dow-app-section.home-page{
  margin-top: 0px;
} */

.banner-right-img .right-img-1 {
  width: 182px;
  height: 366px;
}

.banner-right-img .right-img-2 {
  width: 201px;
  height: 398px;
}

.dow-app-section .dow-app-text {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  z-index: 9;
  gap: 15px;
}

/* dow-app sec end */
.feature-sec,
.managmet-sec-wrap,
.mutual-funds {
  overflow: hidden;
  position: relative;
  z-index: 9;
}

/* terms and condition */
.terms-condition-wrap {
  position: relative;
  z-index: 9;
}

.terms-condition,
.plan-page {
  position: relative;
  overflow: hidden;
}

.terms-condition .breadcrumb.top,
.plan-page .breadcrumb.top {
  margin-bottom: 35px;
}

.terms-condition .breadcrumb.contact,
.sub-title.about-us {
  margin-bottom: 20px;
}

.breadcrumb.top .span-title {
  color: #FFFFFF;
}

/* sub-banner content */
.sub-banner {
  background: #f45727;
  padding: 90px 0px;
  position: relative;
  z-index: 9;
}

.sub-banner .common-title {
  text-align: start;
  color: #FFFFFF;
  margin-right: 50px;
}

.btn-wrap {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.sub-banner-btn.btn {
  color: #f45828;
  background-color: #FFFFFF;
  border-radius: 5px;
  padding: 22px 42px;
  width: fit-content;
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
}

.sub-banner-btn.btn:hover {
  color: #fff;
  border: 1px solid #f45828;
  background: #f45828;
  transition: 0.5s;
}


/* blog-post-home-page section */
.blog-card-img {
  height: 100%;
  border-radius: 25px 25px 0px 0px;
  overflow: hidden;
}

.blog-card-body {
  padding: 30px;
  border: 1px solid #D9D9D9;
  border-radius: 0px 0px 25px 25px;
}

.blog-card .blog-card-body .sub-title {
  margin: 10px 0px;
  color: #f45828;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.blog-card-body p {
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.blog-date.sub-text{
  font-size: 14px;
}

/* blog-page card */
.blog-page-card {
  box-shadow: 9px 13px 29px rgba(0, 0, 0, 0.05);
  border-radius: 25px;
  overflow: hidden;
  margin-top: 50px;
  position: relative;
  z-index: 9;
  cursor: pointer;
}

.blog-page-card .blog-card-body {
  border: unset;
}

.read-more {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  align-items: center;
}

.read-more .span-text {
  color: #f45828;
  font-weight: 600;
}

.next-icon {
  width: 25px;
  height: 25px;
  font-size: 14px;
  background: #D9D9D9;
  color: #7C7A7A;
  border-radius: 50%;
  transition: 0.5s;
}

.blog-page-card:hover .next-icon {
  background: #f45828;
  color: #fff;
  transition: 0.5s;
}

/* blog-detail page */
.blog-detail-date.sub-text,
.blog-detail-description p {
  margin-bottom: 15px;
}

.blog-innner-detail p,
.blog-innner-detail li {
  font-weight: 500;
  font-size: 16px;
  color: #7C7A7A;
}

.blog-innner-detail h1,
.blog-innner-detail h2,
.blog-innner-detail h3,
.blog-innner-detail h4 ,
 .not-page-inner h2 ,
  .not-page-inner h3  {
  color: #f45828;
  margin-bottom: 20px;
}

.blog-innner-detail h2  , .not-page-inner h2  {
  font-weight: 700;
  font-size: 24px;
}

.blog-innner-detail h3 , .not-page-inner h3 {
  font-weight: 600;
  font-size: 20px;
}

.blog-innner-detail h4 {
  font-weight: 600;
  font-size: 18px;
}
.blog-main-content .blog-img {
  height: auto;
}
.blog-innner-detail {
  display: flex;
  gap: 60px;
}
.blog-detail-description ul {
  padding-left: 20px;
}

.blog-detail-description li {
  margin-bottom: 15px;
  list-style-type: disc;
  list-style: disc;
}

.blog-detail-description li::marker {
  color: #585858;
}

.blog-detail-description p:last-child {
  margin-bottom: 0px;
}

.blog-img.main-img {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.blog-img.main-img img {
  max-width: 48%;
}

.blog-detail-content{
  max-width: 920px;
  flex-shrink: 0;
}

/* blog-side-content ********************* */
.blog-side-content {
  margin-top: 90px;
}

.blog-related-portion ul li a{
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 25px 0px;
  border-bottom: 1px solid #d4d4d4;
}
.blog-related-portion ul li:first-child a{
  padding-top: 0px;
}
.blog-related-portion ul li:last-child a{
  border-bottom: 0px;
  padding-bottom: 0px;
}
.blog-related-portion ul li p{
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.relaed-post-img{
  flex-shrink: 0;
  max-width: 120px;
}

.blog-side-content .join-nivesh-card {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 0px 0px 1px #9999992e;
  margin: 20px 0px;
}
.blog-side-content .join-nivesh-card .img-head{
  clip-path: ellipse(115% 100% at 50% 0);
  -webkit-clip-path: ellipse(115% 100% at 50% 0);
}
.blog-side-content .join-nivesh-card .img-head img{
  width: 100%;
  max-height: 280px;
}
.blog-side-content .join-img-desc {
  padding: 20px;
  text-align: center;
}

.follow-us-card h2 ,
.blog-related-portion h2{
  font-size: 21px;
  margin-bottom: 20px;
}
.follow-us-card .link-img-wrap{
  display: flex;
  gap: 20px;
}
.follow-icon-detail{
  width: 25px;
  height: 25px;
}
/* get in touch */
.get-in-touch-sec {
  background: #F1F1F1;
  padding: 80px 0px;
}

.get-in-touch-sec .common-btn {
  padding: 15px 60px;
  font-size: 17px;
}

.get-in-touch-sec .sub-mutual-text {
  text-align: center;
  text-transform: none;
  margin-top: 10px;
}

/* get-in-touch modal */
.get-in-touch-sec.contact-modal {
  padding: 65px 48px;
  border-radius: 20px;
}

.btn-close.modal-close {
  position: absolute;
  right: 25px;
  top: 25px;
}

/* join-now modal */
.join-now-content.offcanvas-top {
  background-color: #f5f5ff;
  height: 100vh;
  z-index: 9999;
}

.join-now-content .offcanvas-body {
  padding: 30px;
}

.modal-logo-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.join-now-inner .input-wrap-home {
  margin-bottom: 15px;
}

.modal-logo {
  width: 200px;
}

.content-tab-wrap .nav {
  gap: 30px;
}

.tab-wrap {
  padding: 40px;
  background: #fff;
  border-radius: 20px;
}

.join-now-inner {
  position: relative;
}

.common-btn.btn.register,
.join.btn {
  transition: 0.5s;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}

.common-btn.btn.register {
  padding: 15px 60px;
}

.btn-close.join-close {
  margin: 15px 40px;
}

.join.btn {
  padding: 15px 30px;
  color: #77B942;
  border: 1px solid #77B942;
  background-color: #FFFFFF;
}

.join.btn.active,
.join.btn:hover {
  color: #fff;
  border: 1px solid #f45828 ;
  background-color: #f45828 ;
}

/* input  */
.input-wrap-home input,
.input-wrap-home .form-control,
.input-wrap-home select,
.input-wrap-home .form-select,
.input-wrap-home textarea,
.input-wrap-home .dropdown-toggle,
.input-wrap-home .select2-container--default .select2-selection--single {
  background-color: #FFFFFF;
  border: 1px solid #D9D9D9 !important;
  color: #6C6868;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  font-weight: 500;
  padding: 15px;
  font-size: 16px;
}
.input-wrap-home label{
  font-size: 16px;
  color: #7C7A7A;
  margin-bottom: 5px;
}
.input-group-text{
  height: 100% !important;
  border-radius: 0rem 0.375rem 0.375rem 0rem;

}

/* .input-wrap-home .form-control[type=file]{
  padding: 0px;
} */
.input-wrap-home {
  margin-bottom: 20px;
}

/* width */
.join-now-content.offcanvas-top .offcanvas-body::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.join-now-content.offcanvas-top .offcanvas-body::-webkit-scrollbar-track {
  background: #f45828;

}

/* Handle */
.join-now-content.offcanvas-top .offcanvas-body::-webkit-scrollbar-thumb {
  background: #f45828 ;
  border-radius: 25px;
}

/* Handle on hover */
.join-now-content.offcanvas-top .offcanvas-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}