* {
  margin: 0px;
  padding: 0px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --headingfont: ;
  --textfont: #363636;
  --brandcolor: #001548;
  --brandcolor2: #d8b228;
  --brandcolor3: #98ca3c;
  --font-jakarta: "Plus Jakarta Sans";
  --font-lato: "Lato";
  --font-nunito: "Nunito Sans";
}

ul {
  padding: 0px !important;
  margin: 0px !important;
}

img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

html a {
  text-decoration: none;
}

html body {
  background: #ffffff;
  font-family: var(--font-jakarta);
}

html h1 {
  color: #fff;
  font-family: var(--font-jakarta);
  font-size: 58px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0;
}

html h2 {
  color: #180d5b;
  font-family: var(--font-jakarta);
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

html h3 {
  font-weight: 400;
  font-size: 40px;
  line-height: 49px;
  /* identical to box height */
  text-transform: capitalize;
  color: #fff;
}

html h4 {
  color: #000;
  font-family: var(--font-lato);
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

html h5 {
  color: #000;
  font-family: var(--font-jakarta);
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

html h6 {
  color: #000;
  font-family: var(--font-jakarta);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  transition: 0.5s;
}

html span.brandTag {
  color: var(--brandcolor);
}

.plr {
  padding: 0px 50px;
}

.brandTag {
  color: var(--brandcolor);
}

.brandcolor2 {
  color: var(--brandcolor2);
}

.brandcolor3 {
  color: var(--brandcolor3);
}

.bg_brand2 {
  background-color: var(--brandcolor2);
}

.bg_brand3 {
  background-color: var(--brandcolor3);
}

html p {
  color: #484747;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.body_wrap {
  background-image: url(../images/body_icon.png);
  background-repeat: no-repeat;
  background-position: top;
}

/*start header css*/
.mobile_navbar {
  display: none;
}

header.main_header {
  position: relative;
  display: block;
  background-color: var(--brandcolor);
}

.main_header .menu_nav img {
  z-index: 9999;
  position: relative;
  width: 200px;
}

.main_header .navbar-collapse {
  justify-content: right;
}

.main_header ul.navbar-nav {
  gap: 32px;
}

.main_header a.nav-link {
  transition: 0.5s;
}

.main_header .menu_nav .nav-item .nav-link {
  color: #4a5d8a;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.main_header .menu_nav .nav-item .nav-link.active {
  color: var(--brandcolor2);
}

.main_header .menu_nav .nav-item .nav-link:hover {
  color: var(--brandcolor2);
}

.main_header .right_side_button {
  display: flex;
  align-items: center;
  height: 83px;
  gap: 15px;
  justify-content: right;
}

.form_header_btn {
  display: flex;
  gap: 15px;
}

.main_header .right_side_button .header_btn a {
  color: #fff;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 8px 18px;
  border-radius: 50px;
  transition: 0.5s;
}

.main_header .right_side_button .login_btn a {
  border: 1px solid #fff;
}

.main_header .right_side_button .Register_btn a {
  background-color: var(--brandcolor3);
  border: 1px solid var(--brandcolor3);
}

.main_header .right_side_button a:hover {
  border: 1px solid var(--brandcolor3);
  background-color: var(--brandcolor3);
}

/*language-picker Dropdown*/

.language-picker .dropdown-toggle {
  color: #fff !important;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background-color: transparent !important;
  border: none;
}

.language-picker .dropdown-toggle:after {
  content: url(../images/less-down.svg);
  vertical-align: middle;
  margin-left: 2px;
  border: none;

}

.main_header .language-picker {
  padding-left: 21px;
}

.main_header .language-picker select {
  background-color: transparent;
  color: #fff !important;
  border-color: transparent;
}

.main_header .language-picker select:focus-visible {
  outline: none !important;
}

.language-picker .dropdown-menu {
  z-index: 99999;
  background-color: transparent;
}

.language-picker .dropdown-menu li {
  width: 28px;
}

.language-picker .dropdown-menu li a {
  color: #fff;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background-color: transparent !important;
  transition: 0.5s;
}

.language-picker .dropdown-menu li a:hover {
  border: none;
  color: var(--brandcolor3);
}

/*end header css */
/*start banner*/
.banner_section {
  background: linear-gradient(134deg, #001548 0%, #180d5b 100%);
  position: relative;
  padding: 140px 0px 179px;
  z-index: 9999;
}

.banner_section:before {
  background-image: url(../images/white-wave.svg);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0px;
  right: 0;
  left: 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.banner_section .banner_description {
  text-align: center;
  margin: 0px auto;
  z-index: 11;
  position: relative;
}

.banner_section .banner_description h6 {
  color: var(--brandcolor2);
  text-align: center;
  font-family: var(--font-lato);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  text-transform: uppercase;
  margin: 12px 0px;
  border-bottom: 1px solid var(--brandcolor2);
  display: inline-block;
}

.banner_section .banner_description h6 a {
  color: var(--brandcolor2);
}

.banner_section .banner_description p {
  color: rgba(255, 255, 255, 0.59);
  text-align: center;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding-top: 5px;
}

.banner_section .search_bar {
  width: 100%;
  position: relative;
  display: flex;
}

.banner_section .searchTerm {
  width: 100%;
  border-radius: 43px;
  border: 1px solid #4a5d8a;
  background: rgba(217, 217, 217, 0);
  border-right: none;
  padding: 21px 30px;
  outline: none;
  color: #ffffff;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.banner_section .searchButton {
  width: 62px;
  height: 62px;
  border: 1px solid var(--brandcolor3);
  background: var(--brandcolor3);
  text-align: center;
  color: #fff;
  border-radius: 30px;
  cursor: pointer;
  font-size: 10px;
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner_section .card.search_card {
  background-color: transparent;
  width: 100%;
  text-align: center;
  margin: 0px auto;
  padding-top: 55px;
  border: none !important;
}

.banner_section .nav-link.active {
  background-color: var(--brandcolor2) !important;
  position: relative;
  border-color: var(--brandcolor2) !important;
}

.banner_section .nav-link {
  border-radius: 50px !important;
  border-color: #4a5d8a !important;
  border-radius: 20px;
  background: #4a5d8a;
  color: #fff !important;
  font-size: 14px !important;
  width: 50px;
  font-weight: 700;
  height: 23px;
  padding: 0px !important;
  line-height: 11px;
  margin-bottom: 15px !important;
}

.banner_section .nav.nav-tabs {
  gap: 6px;
  border-bottom: none;
  padding: 0px 30px;
  width: 63%;
  margin: 0px auto;
}

.banner_section .search_bar input.searchTerm::placeholder {
  color: #4a5d8a;
}

.banner_section .nav-link.active:after {
  content: "";
  background-color: var(--brandcolor2) !important;
  width: 7px;
  height: 7px;
  position: absolute;
  bottom: -5px;
  left: 0;
  rotate: 45deg;
  right: 0;
  margin: 0px auto;
}

.banner_section .trading_stock {
  display: flex;
  justify-content: center;
  padding-top: 39px;
  align-items: center;
  gap: 17px;
}

.banner_section .trading_stock ul {
  display: flex;
  list-style: none;
  gap: 30px;
  align-items: center;
}

.banner_section .trading_stock span {
  color: #fff;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.banner_section .trading_stock ul li {
  position: relative;
}

.banner_section .trading_stock ul li:after {
  content: "";
  border-right: 1px solid #4a5d8a;
  position: absolute;
  left: 15px;
  width: 100%;
  height: 100%;
  top: 1px;
}

.banner_section .trading_stock ul li:last-child:after {
  border-right: 0px solid #4a5d8a;
}

/*end banner*/

/* start Top selling shares */
.top_selling_shares .section-title {
  padding-bottom: 60px;
}

.top_selling_shares {
  padding: 38px 0px 66px;
}

.section-title {
  text-align: center;
}

.section-title p {
  color: #484747;
  font-family: var(--font-nunito);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.top_selling_shares .top_selling_box .top_selling {
  display: flex;
  justify-content: space-between;
  padding: 0px 24px;
}

.top_selling_shares .top_selling_box .top_selling .top_img img {
  width: 96px;
  height: 70px;
  object-fit: contain;
}

.top_selling_shares .top_selling_box .top_selling .imgprice span {
  color: #000;
  font-family: var(--font-lato);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.top_selling_shares .top_selling_box .top_selling .imgprice h3 {
  color: var(--brandcolor3);
  font-family: var(--font-lato);
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.top_selling_shares .top_selling_box {
  border-radius: 31px;
  border: 1px solid #bdbdbd;
  padding: 20px 0px;
  margin-bottom: 30px;
}

.top_selling_shares .bottom_selling .heading_bottom h4 {
  color: #000;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0px;
}

.top_selling_shares .bottom_selling .heading_bottom span {
  color: #737171;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.top_selling_shares .bottom_selling .heading_bottom {
  padding: 23px 14px 19px 19px;
}

.top_selling_shares .bottom_selling p {
  color: #000;
  font-family: var(--font-lato);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
  padding: 0px 14px 0px 19px;
}

.top_selling_shares .bottom_selling .selling_button a {
  color: #fff;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  font-weight: 400;
  text-align: center;
  padding: 7px 13px 10px;
  width: 96.677px;
  border-radius: 30px;
}

.top_selling_shares .bottom_selling .selling_button {
  display: flex;
  gap: 10px;
  justify-content: center;
}

/* end Top selling shares */

/* Start About Cash4Shares  */
.about_cash4shares {
  height: 487px;
  background-color: var(--brandcolor);
  position: relative;
  z-index: 1111;
}

.about_cash4shares .cash4shares_text h2 {
  color: #fff;
  margin-bottom: 1rem;
}

.light400 {
  font-weight: 400;
}

.about_cash4shares .cash4shares_text p {
  color: #fff;
  font-weight: 400;
  line-height: 29px;
  margin-bottom: 0px;
}

.about_cash4shares .cash4shares_para p {
  font-weight: 700;
  color: var(--brandcolor3);
}

.about_cash4shares .cash4shares_para {
  padding-top: 18px;
  padding-bottom: 23px;
}

.read_more a {
  color: #fff;
  font-family: var(--font-lato);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  padding: 18px 36px;
  border-radius: 50px;
  background: var(--brandcolor3);
  display: inline-block;
}

.cash4shares_box {
  display: flex;
  justify-content: right;
}

.about_cash4shares .cash4shares_text {
  padding-top: 53px;
}

.about_cash4shares:after {
  background-image: url(../images/white-wave.svg);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0px;
  right: 0;
  left: 0px;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  z-index: -1;
}

.cash4shares_box .about_cash_img {
  padding-top: 59px;
  text-align: center;
  margin: 0px 11px;
}

.cash4shares_box .cashtop_img {
  height: 236px;
  background-repeat: no-repeat;
  background-size: cover;
  width: 164px;
  border-radius: 6px;
  margin: 0px auto;
  margin-bottom: 22px;
}

.cash4shares_box .cashbottom_img {
  height: 132px;
  background-repeat: no-repeat;
  background-size: cover;
  width: 164px;
  border-radius: 6px;
  margin: 0px auto;
  margin-bottom: 22px;
}

/* End About Cash4Shares  */
/* start Latest blog */
.latest_blog_section {
  padding: 111px 0px 67px;
}

.latest_blog_section .row {
  padding-top: 68px;
}

.latest_blog_section .blog_heading h6 {
  color: #000;
  font-family: var(--font-jakarta);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 39px;
  font-style: italic;
}

.latest_blog_section .blog_heading h6 span {
  color: #469c4f;
  font-style: initial;
}

.latest_blog_section .blog_heading h4 {
  color: #000;
  font-family: var(--font-jakarta);
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 39px;
}

.latest_blog_section .blog_heading h4 a {
  color: #000;
}

.latest_blog_section .latest_blog_box {
  border-radius: 6px;
  height: 100%;
  overflow: hidden;
}

.latest_blog_box .blog_img img {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.latest_blog_section .blog_description {
  padding: 12px;
  border-radius: 6px;
  background: #f8f8ff;
  height: 100%;
}

.latest_blog_section .blog_description .blog_date {
  display: flex;
  align-items: center;
  gap: 35px;
}

.latest_blog_section .blog_description .blog_date p {
  color: #5b5b5b;
  font-family: var(--font-jakarta);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 39px;
}

/* end Latest blog */

/* start Hello, need assistance  */
section.need_assistance {
  height: 354px;
  background-color: var(--brandcolor);
  position: relative;
  text-align: center;
  z-index: 2222;
  display: block;
}

section.need_assistance:after {
  background-image: url(../images/white-wave.svg);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0px;
  right: 0;
  left: 0px;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  z-index: -1;
}

.need_assistance .assistace_text h2 {
  color: #fff;
  padding-top: 62px;
  margin-bottom: 0px;
}

.need_assistance .assistace_text p {
  color: #fff;
  font-weight: 400;
  width: 458px;
  margin: 0px auto;
  padding-top: 22px;
  line-height: 21px;
}

.need_assistance .assistance_button a {
  color: #fff;
  font-family: var(--font-lato);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  padding: 18px 36px;
  border-radius: 50px;
  display: inline-block;
}

.need_assistance .guide_btn {
  background: var(--brandcolor2);
}

.need_assistance a.support_btn {
  background-color: var(--brandcolor3);
}

.need_assistance .assistance_button {
  padding-top: 50px;
  display: flex;
  justify-content: center;
  gap: 20px;
}

/* end Hello, need assistance  */
/* Start Trending Shares section */
.trending_shares {
  background-color: #ebf1ff;
  position: relative;
  padding: 77px 0px 27px;
}

.trending_shares .trending_logo {
  border-radius: 13px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  padding: 21px;
}

.trending_shares .row {
  align-items: center;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.trending_shares .trending_logo img {
  height: 90px;
  object-fit: contain;
  width: 180px;
}

.trending_shares h2 {
  position: absolute;
  top: 28px;
}

/* End Trending Shares section */
/* start footer section */
.footer_section {
  padding-top: 67px;
}

.footer_section .footer_menu h5 {
  color: var(--brandcolor);
  font-family: var(--font-lato);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  padding-bottom: 20px;
  margin-bottom: 0px;
}

.footer_section .footer_menu ul li a {
  color: #77767f;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  transition: 0.5s;
}

.footer_section .footer_menu ul li a:hover {
  color: var(--brandcolor3);
}

.footer_section .social_footer ul li a {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer_section .social_footer ul li a img {
  width: 20px;
}

.footer_section .footer_menu ul li {
  padding-bottom: 5px;
}

.footer_section .footer_menu ul {
  list-style: none;
}

.footer_section .footer_logo img {
  width: 191px;
  padding-top: 30px;
}

.footer_section .policy_menu ul {
  display: flex;
  gap: 25px;
  padding-top: 11px !important;
  align-items: center;
  justify-content: right;
}

.copyrights_footer {
  margin-top: 45px;
  border-top: 1px solid #bdbdbd;
  padding-top: 14px;
  padding-bottom: 10px;
  text-align: center;
}

.copyrights_footer p {
  color: #000;
  font-weight: 400;
  line-height: 21px;
}

.copyrights_footer p span {
  color: var(--brandcolor2);
}

.footer_section .policy_menu {
  text-align: right;
}

/* end footer section */
/* start top seller section */
.top_seller_section .seller_slider_main {
  padding: 0px 80px;
}

.top_seller_section {
  padding-bottom: 55px;
}

/*.slick-prev:before {
  content: url(../images/slide_left.svg);
  opacity: 1 !important;
}*/
.slick-prev:before {
  background-image: url(../images/slide_left.svg);
  content: '';
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-position: center;
  width: 60px;
  height: 60px;
  position: absolute;
  opacity: 1 !important;
}

.slick-next:before {
  background-image: url(../images/slide_right.svg);
  content: '';
  background-repeat: no-repeat;
  background-size: 60px 60px;
  width: 60px;
  height: 60px;
  position: absolute;
  opacity: 1 !important;
}

.slick-prev {
  left: -4px;
}

.slick-next {
  right: 35px;
}

.slick-prev,
.slick-next {
  height: 0px;
}

.seller_box .seller_img img {
  width: 163px;
  height: 163px;
  border-radius: 50px;
  margin: 0px auto;
}

.seller_box {
  text-align: center;
}

.seller_box .seller_description h6 {
  color: #000;
  font-size: 16px;
  font-family: var(--font-jakarta);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 18px;
  margin-bottom: 0px;
}

.seller_box .seller_description p {
  color: #737171;
  font-size: 14px;
  font-weight: 400;
  padding: 9px 36px 0px;
}

.seller_slider_tab {
  padding-bottom: 71px;
}

.seller_slider_tab .nav-tabs {
  justify-content: center;
  border-bottom: none !important;
}

.seller_slider_tab .nav-link.active {
  color: var(--brandcolor2) !important;
  border: none;
  position: relative;
}

.seller_slider_tab .nav-link {
  color: #000;
  font-family: var(--font-jakarta);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border: none !important;
}

.seller_slider_tab .nav-link.active:before {
  content: "";
  width: 50px;
  height: 4px;
  background-color: var(--brandcolor2);
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: 0px auto;
}

.seller_slider_tab button#nav-profile-tab1:hover {
  color: var(--brandcolor2);
  border: none;
}

/* end top seller section */

/* start find trades */
.trade_share_section {
  padding: 75px 0px 105px;
}

.trade_share_section .find_shares_slider {
  padding: 55px 95px 0px;
}

.trade_activites_box .trade_img img {
  width: 70px;
  float: left;
}

.trade_activites_box .trade_box {
  width: 464px;
  height: 92px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px auto;
}

.trade_activites_box .box_purple {
  background: linear-gradient(180deg,
      rgba(234, 227, 227, 0.28) 34%,
      #9c4684 145%);
}

.trade_activites_box .box_green {
  background: linear-gradient(180deg,
      rgba(234, 227, 227, 0.28) 34%,
      #469c4f 150%);
}

.trade_description ul {
  display: flex;
  gap: 45px;
  list-style: none;
  padding-left: 30px !important;
}

.trade_activites_box .trade_description label {
  color: #000;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}

.trade_activites_box .trade_description .buy {
  color: #9c4684;
  font-family: var(--font-lato);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.trade_activites_box .trade_description .sell {
  color: #ff1304;
  font-family: var(--font-lato);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.trade_activites_box .trade_description .gaf {
  color: #949494;
  font-family: var(--font-lato);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.trade_activites_box .trade_description .ratting {
  color: #5b5b5b;
  font-family: var(--font-lato);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

/* end find trades */
/*start inner page*/
.inner_page_section ul.breadcrumb {
  list-style: none;
}

.inner_page_section ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}

.inner_page_section ul.breadcrumb li+li:before {
  padding: 8px;
  color: white;
  content: "/\00a0";
}

.inner_page_section ul.breadcrumb li a {
  color: #ffffff;
  text-decoration: none;
  text-transform: capitalize;
}

.inner_page_section ul.breadcrumb li a.active {
  color: var(--brandcolor2);
}

.inner_page_section .inner_page_text h2 {
  color: #fff;
  font-size: 45px;
  font-weight: 600;
  text-transform: capitalize;
}

section.inner_page_section {
  background: var(--brandcolor);
  padding: 39px 0px 54px;
  position: relative;
  z-index: 9999;
}

.inner_page_section:after {
  background-image: url(../images/white-wave.svg);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0px;
  right: 0;
  left: 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

/*end inner page*/
/*start about section*/
.about_page_section {
  padding: 65px 0px;
}

.about_page_section .about_content h2 {
  color: #000;
  font-weight: 600;
  text-transform: capitalize;
}

.about_content_bottom h4 {
  font-family: var(--font-jakarta);
  font-size: 23px;
  padding-bottom: 9px;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: center;
  color: var(--brandcolor3);
}

.about_content_bottom {
  padding-top: 80px;
}

/*team*/

.meet_our_management .meet_management_text h2 {
  margin-bottom: 22px;
  font-weight: 600;
}

section.meet_our_management {
  padding: 10px 0px 110px;
}

.meet_our_management .slider_arrow {
  position: relative;
  margin-top: 40px;
}

.meet_our_management .swiper-container {
  padding: 34px 0px;
}

.meet_our_management .swiper-button-prev {
  background-image: none;
  width: 40px !important;
  left: 0;
}

.meet_our_management .swiper-button-next {
  background-image: none;
  width: 40px !important;
  right: 72%;
}

.meet_our_management .swiper-button-next,
.meet_our_management .swiper-button-prev {
  margin-top: 0px;
  -moz-background-size: 44px 60px;
  -webkit-background-size: 44px 60px;
  background-size: 44px 60px;
}

.meet_our_management .meet_management_text {
  position: relative;
  top: 20%;
}

.meet_our_management .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--brandcolor3);
}

.meet_our_management .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
}

.meet_our_management .swiper-wrapper {
  padding-bottom: 65px;
}

.slider_arrow i {
  padding: 2px 12px;
  background-color: #000;
  border-radius: 7px;
  color: #fff;
  font-size: 40px;
  font-weight: 400;
  transition: 0.5s;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider_arrow i:hover {
  background-color: var(--brandcolor3);
}

/*end about section*/

/*start team section*/
.team_page_section {
  padding: 71px 0px 2px;
}

.team_page_section .team_member {
  margin-bottom: 69px;
}

.team_page_section .section-title h2 {
  margin-bottom: 22px;
  text-transform: capitalize;
}

.team_page_section .section-title p {
  width: 660px;
  margin: 0px auto;
}

.team_page_section .section-title {
  padding-bottom: 93px;
}

.team_member .team_img img {
  width: 254px;
  height: 254px;
  flex-shrink: 0;
  border-radius: 254px;
  border: 5px solid var(--brandcolor3);
  background: url(<path-to-image>), lightgray 50% / cover no-repeat;
  object-fit: cover;
  transition: 0.5s;
}

.team_member .team_content h6 {
  padding-top: 85px;
}

.team_member .team_content .team_designation {
  color: #000;
  font-family: var(--font-jakarta);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  padding-bottom: 42px;
  display: block;
  transition: 0.5s;
}

.team_member {
  width: 342px;
  height: 672px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  padding: 39px 20px 72px;
  border-radius: 180px;
  background: #fff;
  box-shadow: 0px 4px 45px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
  margin: 0px auto;
  z-index: 9999;
  transition: 0.5s;
}

.team_member .team_content p {
  color: #6f6969;
  text-align: center;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: 0.5s;
}

.team_social_media ul {
  display: flex;
  align-items: center;
  list-style: none;
  justify-content: center;
  gap: 9px;
  margin-top: 25px !important;
}

.team_member:after {
  background-image: url("../images/team_bg.svg");
  content: "";
  position: absolute;
  top: -25px;
  right: 0;
  z-index: -11;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right;
}

.team_member .team_content .read_more {
  color: var(--brandcolor3);
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: 0.5s;
  padding: 0px;
}

.team_member:hover {
  background-color: var(--brandcolor3);
}

.team_member:hover .team_img img {
  border-color: #fff;
}

.team_member:hover .team_content h6 {
  color: #fff;
}

.team_member:hover .team_content .team_designation {
  color: #fff;
}

.team_member:hover .team_content p {
  color: #fff;
}

.team_member:hover .team_content .read_more {
  color: #fff;
}

.team_member:hover .team_social_media ul img {
  filter: brightness(0) invert(1);
}

.team_member .team_social_media ul img {
  transition: 0.5s;
}

/*end team section*/

/*start team Popup*/
.model_popup {
  z-index: 9999;
}

.modal-backdrop.fade.show {
  display: none;
}

.model_popup .modal-content {
  border-radius: 11px;
  border: 2px solid var(--brandcolor3);
  background: rgba(255, 255, 255, 0.68);
  backdrop-filter: blur(21.5px);
  height: 491px;
  overflow: auto;
}

.team_member_popup {
  display: flex;
  align-items: start;
}

.model_popup .modal-dialog {
  max-width: 1157px;
  flex-shrink: 0;
}

.team_member_popup .modelteam_img img {
  border-radius: 96px;
  border: 3px solid var(--brandcolor3);
  width: 96px !important;
  height: 93.091px !important;
  object-fit: cover;
}

.team_member_popup .modelteam_img {
  width: 120px !important;
  flex-shrink: 0;
}

.model_content h4 {
  color: #000;
  font-family: var(--font-lato);
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.model_content p {
  font-weight: 400;
  color: #000;
  line-height: 27px;
  text-transform: capitalize;
}

.model_popup .modal-body {
  padding: 30px 16px 0px 51px;
}

.model_popup .modal-header {
  border-bottom: none;
}

.model_popup button.btn-close {
  background-image: url(../images/close_btn.svg);
  opacity: 1 !important;
  width: 50px !important;
  height: 50px !important;
  background-size: inherit;
}

.model_popup button.btn-close:focus {
  box-shadow: none;
}

.model_popup .modal-dialog {
  margin-top: 9rem;
}

.btn.read_more:active {
  border: none;
}

/*End team Popup*/

/*start contact us */
section.contact_us_section {
  background: #fff1bf;
  padding: 95px 0px;
}

.contact_us_section .contact_details h4 a {
  color: #000;
  border-bottom: 2px solid #000;
}

.contact_us_section .contact_details p {
  color: #000;
  font-family: var(--font-jakarta);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  padding-top: 25px;
}

.at_email span {
  color: #000;
  font-family: var(--font-jakarta);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.at_email {
  border-radius: 23px;
  background: #f8e6a9;
  padding: 21px 25px;
  margin: 45px 40px 82px 0px;
}

.at_email span a {
  color: #000;
  border-bottom: 2px solid #000;
}

.contact_information ul li a {
  color: #000;
  font-family: var(--font-jakarta);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.contact_information ul {
  list-style: none;
}

.contact_information ul li i {
  font-size: 32px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #f8e6a9;
  color: #000000;
  border: 1px solid var(--brandcolor2);
  width: 71px;
  height: 71px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact_information ul li {
  display: flex;
  align-items: center;
  gap: 22px;
  padding-bottom: 32px;
}

.contact_information ul li span {
  color: #000;
  font-family: var(--font-jakarta);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.contact_us_section .contact_form {
  border-radius: 21px;
  background: #fff;
  box-shadow: 0px 4px 68px 0px rgba(190, 171, 101, 0.38);
  padding: 36px 32px;
  height: 745px;
}

.contact_us_section .contact_form .form-group input,
.contact_us_section .contact_form .form-group textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #6a6666;
  padding-top: 37px;
  padding-bottom: 12px;
}

.contact_us_section .contact_form .form-group input:focus-visible,
.contact_us_section .contact_form .form-group textarea:focus-visible {
  outline: none;
}

.contact_us_section .contact_form button {
  border-radius: 41px;
  background: var(--brandcolor3);
  padding: 9px 29px;
  border: none;
  color: #fff;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 50px;
}

/*end contact us */
/*start vendors section */
section.vendors_section {
  padding: 59px 0px 219px;
  margin: 0px auto;
}

.vendors_section .search_wrap h6 {
  color: var(--brandcolor);
  font-weight: 500;
  padding-bottom: 28px;
}

.vendor_search {
  width: 100%;
  position: relative;
  display: flex;
}

.searchTerm {
  width: 100%;
  border: none;
  padding: 26px 32px;
  outline: navajowhite;
  border-radius: 60px;
  background: #e7e6e6;
  color: #000000;
}

.searchTerm:focus {
  color: #00b4cc;
}

.searchButton {
  position: absolute;
  right: 0;
  border-radius: 0px 60px 60px 0px;
  background: var(--brandcolor3);
  border: var(--brandcolor3);
  padding: 20px 24px;
  height: 76px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
}

.search_wrap {
  width: 810px;
  flex-shrink: 0;
  margin: 0px auto;
}

.searchButton i {
  font-size: 25px;
  font-weight: 300;
}

.searchTerm::placeholder {
  color: #8d8d8d;
  font-family: var(--font-jakarta);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

/*end vendors section */
/*start shop section*/
section.shop_section {
  padding: 59px 0px;
}

.shop_section .product_categories {
  display: flex;
  align-items: center;
  border-radius: 8px;
  background: #f2f2f2;
  padding: 17px 11px;
  gap: 29px;
  margin-bottom: 45px;
}

.product_option select {
  border-radius: 6px;
  border: 1px solid #b7b7b7;
  background: #fff;
  width: 256.22px;
  padding: 12px;
  color: #000;
  font-size: 16px;
  font-style: normal;
  cursor: pointer;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  flex-shrink: 0;
  background-image: url(../images/select_arrow.svg);
  background-position: 95% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  background-color: white;
  display: inline-block;
  appearance: none;
  -webkit-appearance: none;
}

.shop_section .product_categories .product_option select:focus-visible {
  outline: none;
}

.shop_section h6 {
  padding-bottom: 32px;
}

.product_reset .reset_btn {
  padding: 12px 44px;
  background-color: var(--brandcolor3);
  border: 1px solid #63920d;
  border-radius: 6px;
  color: #fff;
}

.shop_section .show_all_results .results_para {
  font-weight: 400;
  margin-bottom: 43px;
}

/*start show all*/
.results_box {
  height: 283px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  position: relative;
  border-radius: 7px;
}

.results_box .veiw_btn a {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  font-weight: 700;
  border-radius: 0px 0px 7px 7px;
  background: var(--brandcolor3);
  padding: 16px;
  text-align: center;
}

.results_content h6 {
  margin-top: 14px;
  font-weight: 700;
  line-height: 57px;
  /* 285% */
  padding-bottom: 0px;
  margin-bottom: 0;
}

.results_content p a {
  color: var(--brandcolor3);
  font-weight: 600;
}

.results_content p {
  color: #000;
}

.results_content {
  padding-bottom: 28px;
}

/*right side*/
.sort_total_assets {
  padding-left: 50px;
}

.sort_total_assets .assets_city_tab .assets_categories span {
  color: #676363;
  font-size: 14px;
  text-transform: capitalize;
  border-radius: 15px;
  background: #d9d9d9;
  padding: 5px 13px;
  margin-bottom: 10px;
  display: inline-block;
}

.sort_total_assets .assets_city_tab .assets_categories {
  margin: 33px 0px;
}

.sort_total_assets .assets_city_tab .assets_categories ul li a {
  color: var(--brandcolor3);
  font-size: 14px;
  text-decoration-line: underline;
  text-transform: capitalize;
}

.sort_total_assets .assets_city_tab .assets_categories ul {
  display: flex;
  list-style: none;
  gap: 10px;
}

.clear_all a {
  color: var(--brandcolor3);
  font-family: var(--font-jakarta);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  float: right;
}

.shop_section .col-md-9 {
  position: relative;
}

.shop_section .col-md-9:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  background: linear-gradient(90deg, #afafaf 0%, rgba(0, 0, 0, 0) 100%);
  right: -28px;
  top: 0;
}

/*end shop section*/

/*start single shop*/

section.single_product_section {
  padding: 62px 0px 95px;
}

.single_product_description {
  padding-left: 20px;
}

.single_product_description .single_categories {
  display: flex;
  gap: 10px;
  align-items: center;
}

.single_product_description .single_categories ul {
  display: flex;
  list-style: none;
  gap: 17px;
  align-items: center;
}

.single_product_description .single_categories ul li a {
  color: var(--brandcolor3);
  font-family: var(--font-jakarta);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  text-transform: capitalize;
}

.single_product_description .single_categories span {
  color: #676363;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.single_product_description h5 {
  padding-top: 19px;
}

.single_product_btn a {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 10px 19px;
  border-radius: 42px;
  background: var(--brandcolor3);
  color: #fff;
  font-family: var(--font-jakarta);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.single_product_btn a img {
  width: 30px;
}

.single_product_btn {
  display: flex;
  gap: 18px;
  margin: 42px 0px;
}

.single_product_description p {
  color: #6f6969;
  font-weight: 400;
}

.single_product_description h6 {
  padding-bottom: 14px;
}

/*single slider*/
.single_slider .swiper-shop-single {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding-bottom: 65px;
}

.single_slider .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
}

.single_slider .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--brandcolor3);
}

.single_slider .single_img {
  height: 495px;
}

.single_slider .single_img img {
  height: 100%;
  border-radius: 7px;
}

/*start Related Products*/
.related_products_slider {
  padding: 0px 110px;
}

.related_products h6 {
  padding-bottom: 26px;
  border-bottom: 1px solid #b6b6b6;
  margin-bottom: 31px;
}

.related_products_slider .main_results_box {
  padding: 12px;
}

.related_products_slider .slick-prev,
.related_products_slider .slick-next {
  top: 30%;
}

/*end single shop*/
/*start Terms of use*/
.terms_of_use_section {
  padding: 92px 0px 48px;
}

.terms_of_use_section .terms_text h2 {
  font-weight: 600;
  text-align: center;
  margin-bottom: 67px;
}

.terms_of_use_section p {
  color: #000;
  font-weight: 400;
  line-height: 28px;
}

.terms_of_use_section .terms_text p {
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 56px;
}

.terms_of_use_section .terms_div h5 {
  color: var(--brandcolor3);
  margin-bottom: 14px;
}

.terms_of_use_section .terms_div {
  margin-bottom: 75px;
}

.terms_of_use_section p a {
  color: var(--brandcolor3);
  text-decoration-line: underline;
}

/*end Terms of use*/
/*Start Login*/
.form_section {
  background: linear-gradient(134deg, #001548 0%, #180d5b 100%);
  position: relative;
  height: 743px;
  z-index: 9999;
  display: flex;
  align-items: center;
}

.form_section:after {
  background-image: url(../images/white-wave.svg);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0px;
  right: 0;
  left: 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.form_section .login_box {
  width: 560px;
  margin: 0px auto;
}

.content .text {
  font-size: 33px;
  font-weight: 600;
  margin-bottom: 35px;
  color: #595959;
}

.login_box .field {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.login_box .field:nth-child(2) {
  margin-top: 24px;
}

.login_box .field .input {
  width: 100%;
  border-radius: 51px;
  border: 1px solid #fff !important;
  background: rgba(217, 217, 217, 0);
  border-right: none;
  outline: none;
  color: #ffffff;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 18px 28px 18px 74px;
  z-index: 999;
}

.form_section .login_box .field .img_span {
  position: absolute;
  padding-left: 28px;
}

.two_login_btn a {
  width: 100%;
  padding: 15px 90px;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  border: none;
  outline: none;
  cursor: pointer;
  color: #ffffff;
}

.form_section .login_box h3 {
  font-weight: 700;
  margin-bottom: 64px;
  text-align: center;
  text-transform: inherit;
}

.login_box .field .input::placeholder {
  color: #fff;
  opacity: 0.5;
}

.two_login_btn {
  display: flex;
  gap: 23px;
}

.two_login_btn .login_btn {
  background: var(--brandcolor3);
}

.two_login_btn .register_btn {
  background: var(--brandcolor2);
}

.lost-remember {
  display: flex;
  justify-content: space-between;
  padding: 36px 0px;
}

.lost-remember .lost a {
  color: #fff;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.lost-remember .remember {
  display: flex;
  align-items: center;
}

.lost-remember .remember label {
  color: #fff;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-right: 20px;
}

.form_section .login_box input[type="checkbox"] {
  position: relative;
  border: 1px solid #fff;
  border-radius: 2px;
  background: none;
  cursor: pointer;
  line-height: 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
  opacity: 1;
}

.form_section .login_box input[type="checkbox"]:checked {
  opacity: 1;
}

.form_section .login_box input[type="checkbox"]:checked:before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  width: 4px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}

/*End Login*/

/*Start Register*/
.register_section .email_address p {
  width: 282px;
  color: var(--brandcolor3);
  margin-bottom: 0px;
}

/*End Register*/
/*start my account section*/

.myaccount_section {
  padding: 86px 0px 48px;
  background: #f3f7ff;
  height: 875px;
  overflow-y: auto;
}

.myaccount_section .card {
  width: 100%;
  background-color: transparent;
  border: none;
}

.myaccount_section .nav .nav-link {
  padding: 0px 20px 13px;
  margin-right: 40px;
  border: none;
  color: var(--brandcolor);
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  transition: 0.5s;
}

.myaccount_section .nav-tabs .nav-link.active {
  background-color: transparent;
  position: relative;
  border: none;
  color: var(--brandcolor3);
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
}

.myaccount_section .logout a {
  display: flex;
  align-items: center;
  gap: 3px;
  color: #ff1304;
  font-family: var(--font-jakarta);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 7px;
}

.myaccount_section .logout a img {
  width: 34px;
}

.myaccount_section .card nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #c4d5fd;
}

.nav.nav-tabs {
  border-bottom: 0px;
}

.myaccount_section .nav .nav-link:first-child {
  padding-left: 0px;
}

.myaccount_section .nav-tabs .nav-link.active:after {
  content: "";
  background-color: var(--brandcolor3);
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
}

/*dashboard*/
.dashboard_box {
  padding-top: 35px;
  padding-left: 10px;
}

.dashboard_box h6 {
  font-weight: 400;
  color: var(--brandcolor);
}

.dashboard_box .personal_info h6 {
  font-weight: 500;
  margin-bottom: 7px;
}

.dashboard_box .personal_info p {
  color: #8f8a8a;
  font-weight: 500;
}

.dashboard_box .personal_btn {
  padding-top: 37px;
  display: flex;
  justify-content: space-between;
}

.changes_btn .cancel {
  color: var(--brandcolor3);
  font-family: var(--font-jakarta);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 45px;
  border: 1px solid var(--brandcolor3);
  padding: 14px 27px;
  transition: 0.5s;
}

.changes_btn a.save_changes {
  color: #ffffff;
  background-color: var(--brandcolor3);
  font-family: var(--font-jakarta);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 45px;
  border: 1px solid var(--brandcolor3);
  padding: 14px 27px;
  transition: 0.5s;
}

.changes_btn a.save_changes:hover {
  background-color: var(--brandcolor2);
}

.dashboard_box .personal_btn .changes_btn {
  gap: 19px;
  display: flex;
  align-items: center;
}

.changes_btn .cancel:hover {
  background-color: var(--brandcolor3);
  color: #fff;
  border: 1px solid var(--brandcolor3);
}

.changes_btn a.save_changes:hover {
  background-color: var(--brandcolor2);
}

.dashboard_form .input_form {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 19px;
}

.dashboard_form .input_form input {
  width: 100%;
  padding: 21px 26px;
  border-radius: 6px;
  border: 1px solid #b7b7b7;
  background: #fff;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.dashboard_form .input_form input::placeholder {
  color: #bdbdbd;
}

.dash_name p {
  color: var(--brandcolor);
  font-weight: 700;
}

.dashboard_form .row {
  align-items: center;
}

.dashboard_form .input_form input:focus-visible {
  outline: none;
}

.dashboard_form.dash_email .input_form {
  grid-template-columns: 1fr;
}

.dashboard_box .dashboard_form {
  padding: 22px 0px;
  border-top: 1px solid #e1e1e1;
}

/*start order*/
.product-quantity {
  display: block;
  position: relative;
}

.product-quantity input {
  max-width: 85px;
  width: 93px;
  height: 51px;
  flex-shrink: 0;
  text-align: left;
  border: 1px solid #d8d8d8;
  background: #f1f2f3;
  padding-left: 24px;
}

.quantity-selectors-container {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 12px;
}

.quantity-selectors {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 2px;
  align-items: center;
}

.quantity-selectors button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
  color: #000;
}

.quantity-selectors button:hover {
  cursor: pointer;
}

.orders_section .order_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 8px;
  margin-bottom: 8px;
}

.order_details_left .order_img img {
  width: 100%;
  height: 85px;
  border-radius: 7px;
  flex-shrink: 0;
  object-fit: cover;
}

.order_quantity {
  width: 20rem;
  text-align: right;
}

.order_details_left {
  display: flex;
  align-items: center;
  gap: 46px;
}

.order_details_left .order_name h6 {
  font-weight: 400;
  text-transform: inherit;
}

.order_cross .fa-times {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}

.order_cross {
  background-color: #f0424e;
  padding: 8px 13px;
  border-radius: 4px;
  margin-right: 49px;
  cursor: pointer;
}

.orders_section {
  margin-top: 42px;
}

.quantity-selectors i.fa {
  font-size: 18px;
}

.order_details_right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-quantity input:focus-visible {
  outline: none;
}

.orders_section .order_box:nth-child(odd) {
  background-color: #fff;
}

.proceed-checkout a {
  padding: 15px 21px;
  border-radius: 45px;
  background-color: var(--brandcolor3);
  color: #fff;
  display: inline-block;
  margin-top: 53px;
  transition: 0.5s;
}

.proceed-checkout {
  text-align: right;
}

.proceed-checkout a:hover {
  background-color: var(--brandcolor2);
}

/*start address box*/
.address_box ul li {
  color: #4a5d8a;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  list-style: none;
  line-height: 23px;
}

.change_remove {
  display: flex;
  gap: 22px;
  align-items: center;
  margin-top: 33px;
}

.change_remove .Changes {
  color: var(--brandcolor3);
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.change_remove .removes {
  color: #ff1304;
  font-family: var(--font-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.address_box h6 {
  color: var(--brandcolor);
  font-weight: 700;
  margin-bottom: 16px;
}

.address_section {
  padding-top: 56px;
}

.address_section .address_box {
  padding-top: 20px;
  position: relative;
  margin-bottom: 45px;
}

.address_section .address_box:after {
  content: "";
  background-color: #c4d5fd;
  width: 1px;
  position: absolute;
  right: 55px;
  height: 100%;
  top: 0;
}

.address_section .col-md-4:last-child .address_box:after {
  display: none;
}

.address_section .add-address a {
  padding: 15px 31px;
  border-radius: 45px;
  background-color: var(--brandcolor3);
  color: #fff;
  display: inline-block;
  margin-top: 80px;
  transition: 0.5s;
}

.address_section .add-address a:hover {
  background-color: var(--brandcolor2);
}

/*end my account section*/

.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}

.model-open {
  z-index: 99999;
  opacity: 1;
  overflow: hidden;
}

.custom-model-inner {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    display: inline-block;
    vertical-align: middle;
    width: 730px;
    margin: 0px auto;
    max-width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    position: absolute !important;
}

.custom-model-wrap {
  display: block;
  width: 100%;
  border-radius: 9px;
  border: 1px solid var(--brandcolor3);
  background: #fff;
  box-shadow: 0px 4px 41px 0px rgba(0, 0, 0, 0.06);
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 58px 20px 83px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(100vh - 70px);
  overflow-y: auto;
}

.model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}

.model-open .bg-overlay {
  z-index: 99;
  background: rgba(255, 255, 255, 0.63);
  backdrop-filter: blur(17px);
}

.bg-overlay {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}

.logout_popup img {
  width: 82px;
  margin-bottom: 20px;
}

.logout_popup h5 {
  color: var(--brandcolor3);
}

.logout_popup .logout_box_button a {
  font-size: 16px;
  font-weight: 600;
  padding: 19px 74px;
  border-radius: 42px;
  display: block;
  transition: 0.5s;
}

.logout_popup .logout_box_button .cancel_btn a {
  color: var(--brandcolor3);
  border: 2px solid var(--brandcolor3);
}

.logout_popup .logout_box_button {
  display: flex;
  gap: 38px;
  margin-top: 39px;
  justify-content: center;
  align-items: center;
}

.logout_popup .logout_box_button .logout_btn a {
  color: #ff1304;
  border: 2px solid #ff1304;
}

.logout_popup .pop-up-content-wrap {
  text-align: center;
}

.logout_popup .logout_box_button .cancel_btn a:hover {
  background-color: var(--brandcolor3);
  color: #fff;
}

.logout_popup .logout_box_button .logout_btn a:hover {
  background-color: #ff1304;
  color: #fff;
}


/*Start FAQ Section*/
section.faq_section {
  background-color: #fff1bf;
  padding-bottom: 58px;
  padding-top: 22px;
}

.faq_section .faq_box h4 {
  font-family: var(--font-jakarta);
  margin-bottom: 35px;
}

.faq_section .accordion-item .accordion-button {
  background-color: transparent;
  box-shadow: none;
  text-transform: capitalize;
  border-bottom: 1px solid #BFA958;
  font-weight: 500;
  font-size: 20px;
  color: #000;
  padding-left: 0;
  padding-bottom: 28px;
  opacity: 1;
}

.faq_section .accordion-item .accordion-button.collapsed {
  color: #D1BA69;
  border-bottom: 1px solid #bfa95852;
}

.faq_section .accordion-item {
  background-color: transparent;
  border: none;
}

.accordion-collapse {}

.faq_section .accordion-item .accordion-body {
  padding-left: 0;
  font-weight: 400;
  font-size: 20px;
  color: #000;
  padding-top: 11px;
  padding-bottom: 35px;
}

.accordion-button:after {
  background-image: url(../images/plus.svg);
  width: 2rem;
  height: 2rem;
  background-size: 2rem;
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../images/minus.svg);
} 
  .footer_section .footer_menu .widget {
    list-style: none;
}
.copyrights_footer .widget {
    list-style: none;
}
/*End FAQ Section*/ 

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}

.tab_dropdown ul.dropdown-menu {
    background-color: #001548;
    padding-bottom: 22px !important;
}
.tab_dropdown .dropdown-menu li a:hover {
    background-color: #98ca3c;
    color: #fff;
}

.tab_dropdown .dropdown-menu li a {
    color: #fff;
    padding: 8px 20px;
    border-bottom: 1px solid #98ca3c47;
}