@charset "UTF-8";
/*Font Family*/
/*Font Size*/
/*color*/
/*Radius*/
/*Padding*/
/*Margin*/
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
@import url(style2024.css);

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #fff;
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  font-size: 14px;
  top: 0px !important;
  scroll-behavior: smooth;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

p,
span {
  line-height: 24px;
}

img {
  max-width: 100%;
}

.fw-bold {
  font-weight: 700;
}

.site_content {
  display: block;
}

.site_content:after,
.site_content:before {
  display: table;
  clear: both;
  content: "";
}

header,
footer,
section {
  display: block;
}

header:after,
header:before,
footer:after,
footer:before,
section:after,
section:before {
  display: table;
  clear: both;
  content: "";
}

.container {
  margin: auto;
  width: 1170px;
  max-width: 100%;
}

.container:after,
.container:before {
  display: table;
  clear: both;
  content: "";
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #0055a0;
  border-radius: 100%;
  background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #0055a0;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

[type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

.switch label input[type="checkbox"]:checked+.lever:after {
  background-color: #000;
  left: 1.5rem;
}

.switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #f1f1f1;
  -webkit-border-radius: 1.3125rem;
  border-radius: 1.3125rem;
  left: -.3125rem;
  top: -.1875rem;
  -webkit-box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4);
  box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4);
  width: 1.3125rem;
  height: 1.3125rem;
  -webkit-transition: left .3s ease, background .3s ease, -webkit-box-shadow 1s ease;
  transition: left .3s ease, background .3s ease, -webkit-box-shadow 1s ease;
  -o-transition: left .3s ease, background .3s ease, box-shadow 1s ease;
  transition: left .3s ease, background .3s ease, box-shadow 1s ease;
  transition: left .3s ease, background .3s ease, box-shadow 1s ease, -webkit-box-shadow 1s ease;
}

.switch label input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch label input[type="checkbox"]:checked+.lever {
  background-color: #000;
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  background-color: #818181;
  -webkit-border-radius: .9375rem;
  border-radius: .9375rem;
  margin-right: .625rem;
  vertical-align: middle;
  margin: 0 1rem;
  width: 2.5rem;
  height: .9375rem;
  -webkit-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}

button:focus {
  border: none;
  outline: none;
}

select {
  appearance: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-collapse: collapse;
  display: table;
  text-align: left;
  border: 1px solid #c9c9c9;
}

table th {
  padding: 15px;
  border-top: 1px solid #c9c9c9;
  text-transform: capitalize;
  background: #f4f4f6;
  border-right: 1px solid #c9c9c9;
}

table td {
  padding: 15px;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
  font-size: 14px;
  color: #1b1b1b;
}

.transition,
a,
.search_button input,
.home_slider_section .front_slider .owl-prev,
.home_slider_section .front_slider .owl-next,
.product_slider .owl-prev,
.product_slider .owl-next,
.product_box,
.work_box,
.work_box .work_number span,
.work_box h4,
.total_box,
.wrapCarouselFull,
.wrapCarouselThumbs .owl-item,
.quantity_box .quantity button {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.transform-scale0 {
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.transform-scale {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.shadow {
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}

.ShadowBlue {
  box-shadow: 0px 0px 30px #ebf2fc;
}

.padding {
  padding: 80px 0px;
}

.object-fit {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 0;
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.form-check-input[type="checkbox"]+label,
label.btn input[type="checkbox"]+label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 1.5625rem;
  line-height: 1.5625rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-input[type="checkbox"]+label::before,
.form-check-input[type="checkbox"]:not(.filled-in)+label::after,
label.btn input[type="checkbox"]+label::before,
label.btn input[type="checkbox"]:not(.filled-in)+label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #8a8a8a;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  margin-top: 2px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}

.form-check-input[type="checkbox"]:not(.filled-in)+label::after,
label.btn input[type="checkbox"]:not(.filled-in)+label::after {
  border: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.form-check-input[type="checkbox"]:checked+label::before,
label.btn input[type="checkbox"]:checked+label::before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 1.375rem;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #0055a0;
  border-bottom: 2px solid #0055a0;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

@font-face {
  font-family: 'ProximaNova-Regular';
  src: url("../font/ProximaNova-Regular_0.eot");
  src: local("☺"), url("../font/ProximaNova-Regular_0.woff") format("woff"), url("../font/ProximaNova-Regular_0.ttf") format("truetype"), url("../font/ProximaNova-Regular_0.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url("../font/ProximaNova-Semibold_latin+latin-ext_gdi.eot");
  src: url("../font/ProximaNova-Semibold_latin+latin-ext_gdi.eot?#iefix") format("embedded-opentype"), url("../font/ProximaNova-Semibold_latin+latin-ext_gdi.woff") format("woff"), url("../font/ProximaNova-Semibold_latin+latin-ext_gdi.ttf") format("truetype"), url("../font/ProximaNova-Semibold_latin+latin-ext_gdi.svg#ProximaNova-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-20AC;
}

@font-face {
  font-family: 'ProximaNova-Light';
  src: url("../font/ProximaNova-Light_gdi.eot");
  src: url("../font/ProximaNova-Light_gdi.eot?#iefix") format("embedded-opentype"), url("../font/ProximaNova-Light_gdi.woff") format("woff"), url("../font/ProximaNova-Light_gdi.ttf") format("truetype"), url("../font/ProximaNova-Light_gdi.svg#ProximaNova-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2666;
}

@font-face {
  font-family: 'ProximaNova-Bold';
  src: url("../font/ProximaNova-Bold_gdi.eot");
  src: url("../font/ProximaNova-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("../font/ProximaNova-Bold_gdi.woff") format("woff"), url("../font/ProximaNova-Bold_gdi.ttf") format("truetype"), url("../font/ProximaNova-Bold_gdi.svg#ProximaNova-Bold") format("svg");
  font-family: 'ProximaNova-Bold';
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2666;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }

  to {
    -webkit-mask-position: -50%;
  }
}

@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes float-bob {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }

  33.3% {
    transform: translateY(-6px);
  }

  49.95% {
    transform: translateY(4px);
  }

  66.6% {
    transform: translateY(-2px);
  }

  83.25% {
    transform: translateY(1px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes Fwrite {
  0% {
    width: 100%;
  }

  100% {
    width: 0;
  }
}

@keyframes Wbar {
  0% {
    border-left-color: transparent;
  }

  50% {
    border-left-color: black;
  }

  100% {
    border-left-color: transparent;
  }
}

@-webkit-keyframes Fwrite {
  0% {
    width: 100%;
  }

  100% {
    width: 0;
  }
}

@-webkit-keyframes Wbar {
  0% {
    border-left-color: transparent;
  }

  50% {
    border-left-color: black;
  }

  100% {
    border-left-color: transparent;
  }
}

/*Font Family*/
/*Font Size*/
/*color*/
/*Radius*/
/*Padding*/
/*Margin*/
/*--------------------------------------------------------------------
home-landing-page-css-here
--------------------------------------------------------------------*/
.landing_page {
  padding-top: 84px;
}

.landing_page header {
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  box-shadow: 1px 1.732px 10px rgba(0, 0, 0, 0.1);
  padding: 15px 0px;
}

.landing_page header .logo {
  float: left;
}

.landing_page header nav {
  float: right;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 8px;
}

.landing_page header nav ul li a {
  font-size: 16px;
  font-family: "ProximaNova-Semibold";
  color: #404040;
  text-transform: uppercase;
  padding: 10px 15px !important;
}

.landing_page header nav ul li a:hover {
  -webkit-mask-image: linear-gradient(-75deg, rgba(226, 96, 61, 0.6) 30%, #e2603d 50%, rgba(226, 96, 61, 0.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
  color: #0055a0;
}

.home_page_bg {
  padding-top: 0;
}

.home_page_bg .home_header {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  box-shadow: 0px 0px 8px #cccaca;
}

.slider_section {
  position: relative;
  min-height: calc(100vh - 84px);
  background: #f7f7f6;
  background-size: cover;
  padding-top: 30px;
  overflow: hidden;
}

.slider_section .owl-nav {
  opacity: 0;
}

.slider_section .col-md-6 {
  display: flex;
}

.slider_section .slider_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 84px);
}

.slider_section .connecting-dots {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: calc(100vh - 84px);
}

.slider_des {
  display: block;
  max-width: 470px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider_des .slider_des_inner {
  display: block;
  width: 100%;
}

.slider_des h5 {
  color: #1c1c1c;
  font-size: 28px;
  text-transform: uppercase;
}

.slider_des h2 {
  font-size: 66px;
  font-family: "ProximaNova-Bold";
  text-transform: uppercase;
  color: #0055a0;
  margin: 0;
}

.slider_des h2:after {
  display: table;
  clear: both;
  content: "";
}

.slider_des h2:before {
  display: table;
  clear: both;
  content: "";
}

.slider_des h4 {
  font-size: 38px;
  color: #1c1c1c;
  text-transform: uppercase;
  font-family: "ProximaNova-Semibold";
}

.slider_des p {
  font-size: 19px;
  color: #1c1c1c;
  font-family: "ProximaNova-Light";
}

.slider_ger_image {
  animation: float-bob 3s infinite;
}

.btn {
  font-size: 16px;
  border-radius: 50px;
  color: #fff;
  text-transform: uppercase;
  font-family: "ProximaNova-Semibold";
  height: 45px;
  line-height: 45px;
  padding: 0px 25px;
  background: #71c8bb;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}

.btn:hover {
  color: #fff;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  background: #eda8b5;
}

#rectangle {
  position: relative;
  float: left;
  background-color: #f7f7f6;
}

#rectangle>span {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: #f7f7f6;
  border-left: 1px solid transparent;
  animation: Fwrite 3s steps(14, start) infinite, Wbar 0.5s step-end infinite;
  -webkit-animation: Fwrite 3s steps(14, start) infinite, Wbar 0.5s step-end infinite;
}

#rectangle>p:hover {
  animation-play-state: paused;
}

.about_section {
  padding: 100px 0px;
  background: #fff;
}

.about_section .col-md-6 {
  display: flex;
}

.about_ger_img {
  width: 100%;
  display: block;
  background: #fff;
  box-shadow: 2px 3.464px 30px rgba(0, 0, 0, 0.2);
  border: solid 10px #f9f9f9;
  height: 353px;
}

.about_ger_img iframe {
  width: 100% !important;
}

.txt {
  display: none;
}

.tile {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform .5s ease-out;
}

.about_des {
  width: 100%;
  display: flex;
  align-items: center;
}

.about_des .about_des_box {
  display: block;
  width: 100%;
}

.heading_box {
  display: block;
  background: url(../img/head_sap.png) no-repeat left bottom;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.heading_box h2 {
  font-size: 35px;
  color: #343437;
  font-family: "ProximaNova-Bold";
}

.heading_box h2 span {
  color: #262626;
  font-family: "ProximaNova-Regular";
}

.about_des_inner {
  display: block;
}

.about_des_inner p {
  color: #79848f;
  font-size: 16px;
  font-family: "ProximaNova-Light";
}

.aboutus-color h4 {
  color: #000 !important;
}

.our_service_section {
  /* background: url(../img/service_bg.png) no-repeat; */
  background-color:#fff;
  background-size: cover;
  background-attachment: fixed;
}

.our_service_section .heading_box {
  margin: 40px 0px;
  text-align: center;
  background-position: bottom center;
}

.our_service_tab {
  border-bottom: solid 2px #71c8bb;
  padding-bottom: 15px;
}

.our_service_tab ul.nav-tabs {
  border-bottom: none;
}

.our_service_tab ul {
  display: block;
  margin: 0px -5px;
}

.our_service_tab ul:after {
  display: table;
  clear: both;
  content: "";
}

.our_service_tab ul:before {
  display: table;
  clear: both;
  content: "";
}

.our_service_tab ul li {
  float: left;
  width: 25%;
  padding: 0px 5px;
}

.our_service_tab ul li a {
  display: block;
  border: none;
  background: #eda8b5;
  color: #fff;
  font-size: 16px;
  text-transform: capitalize;
  border-radius: 50px !important;
  text-align: center;
  height: 45px;
  line-height: 45px;
  padding: 0px 15px;
}

.our_service_tab ul li a:hover {
  color: #000;
}

.our_service_tab ul li a.active {
  border: none !important;
  background: #71c8bb !important;
  color: #fff !important;
  box-shadow: none !important;
}

.our_service_tab ul li .dropdown .dropdown-toggle {
  background: #0055a0;
  border: none;
  position: relative;
  padding-right: 20px;
  cursor: pointer;
  width: 100%;
}

.our_service_tab ul li .dropdown .dropdown-toggle:after {
  position: absolute;
  right: 15px;
  top: 20px;
  color: #fff;
}

.our_service_tab ul li .dropdown .dropdown-menu {
  display: none;
  padding: 0 !important;
  border: solid 1px #e5eef5;
  width: 100%;
  margin: 0;
  border-radius: 0;
}

.our_service_tab ul li .dropdown .dropdown-menu li {
  padding: 0;
  border-bottom: solid 1px #e5eef5;
  float: none;
  width: 100%;
}

.our_service_tab ul li .dropdown .dropdown-menu li a {
  background: #fff;
  padding: 0px 10px;
  color: #000;
  text-align: left;
}

.our_service_tab ul li .dropdown .dropdown-menu li a:hover {
  background: #fabb00;
  color: #fff;
}

.our_service_tab ul li .dropdown .dropdown-menu li:last-child {
  border-bottom: none;
}

.our_service_tab ul li .dropdown.show .dropdown-menu {
  display: block;
}

.our_service_tab_bg {
  display: block;
}

.our_service_tab_bg .tab-content {
  box-shadow: 1px 1.732px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  border-radius: 0;
  padding: 30px;
}

.calculate_form_box {
  display: block;
}

.calculate_form_box:after {
  display: table;
  clear: both;
  content: "";
}

.calculate_form_box:before {
  display: table;
  clear: both;
  content: "";
}

.calculate_form_box .calculate_fild {
  float: left;
  margin-right: 15px;
  width: 265px;
}

.calculate_form_box .calculate_fild label {
  font-size: 16px;
  color: #262626;
}

.calculate_form_box .calculate_fild .form-control {
  height: 42px;
  width: 100%;
  font-size: 16px;
  color: #262626;
  border-radius: 0 !important;
  border: solid 1px #e6e6e6 !important;
}

.to_arrow {
  float: left;
  margin-top: 40px;
  margin-right: 15px;
  margin-left: 3px;
}

.calculate_button {
  margin-top: 26px;
}

.calculate_button input {
  height: 42px;
}

.dm_eur_box {
  display: block;
  text-align: center;
  padding: 30px 0px;
  border-bottom: solid 1px #e5eef5;
}

.dm_eur_box h5 {
  font-size: 24px;
  color: #262626;
}

.dm_eur_box h2 {
  font-size: 42px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}

.dm_eur_box h2 span {
  color: #fabb00;
}

.get_your_box {
  display: block;
  text-align: center;
}

.get_your_box h2 {
  font-size: 28px;
  color: #343437;
  text-transform: capitalize;
  font-family: "ProximaNova-Semibold";
  padding: 25px 0px 8px;
  text-align: center;
}

.get_your_box h3 {
  font-size: 20px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  padding-bottom: 15px;
}

.form_fild {
  margin-bottom: 15px;
}

.form_fild .form-control {
  height: 42px;
  width: 100%;
  font-size: 16px;
  color: #262626;
  border-radius: 50px !important;
  border: solid 1px #e6e6e6 !important;
  box-shadow: 0.5px 0.866px 1px rgba(0, 0, 0, 0.05);
}

.form_fild select.form-control[multiple] {
  border-radius: 0 !important;
}

.form_fild textarea.form-control {
  height: 102px;
}

.accept_box {
  text-align: left;
  margin-bottom: 25px;
  margin-top: 5px;
}

.accept_box label {
  font-size: 16px;
  color: #262626;
  text-align: left;
}

.accept_box label a {
  color: #0055a0;
}

.accept_box label a:hover {
  text-decoration: underline;
}

.contact_section {
  display: block;
  padding-top: 40px;
  padding-bottom: 80px;
}

.contact_section .contact_sec_inner {
  padding: 0px 120px;
}

.contact_section .heading_box {
  margin: 40px 0px;
  text-align: center;
  background-position: bottom center;
}

.contact_content .col-md-6 {
  padding: 40px;
  display: flex;
  align-items: center;
}

.contact_content .cont_left {
  background: #2a2a2a;
  text-align: center;
}

.contact_content .cont_inner {
  display: block;
  width: 100%;
}

.var_code {
  display: block;
  margin: 35px 0px;
}

.share_box {
  display: block;
  text-align: center;
}

.share_box ul {
  display: inline-block;
}

.share_box ul li {
  float: left;
  margin-right: 15px;
}

.share_box ul li a {
  display: block;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}

.share_box ul li a:hover {
  opacity: 0.7;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.share_box ul li:last-child {
  margin-right: 0;
}

.cont_right {
  background: #f3f8fc;
}

.director_head_box {
  display: block;
  padding-bottom: 25px;
}

.director_head_box h3 {
  font-size: 25px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  opacity: 0.7;
  margin: 0;
}

.director_head_box span {
  font-size: 16px;
  color: #262626;
  opacity: 0.7;
}

.contact_list {
  display: block;
}

.contact_list ul li {
  display: block;
}

.contact_list ul li:after {
  display: table;
  clear: both;
  content: "";
}

.contact_list ul li:before {
  display: table;
  clear: both;
  content: "";
}

.contact_list ul li figure {
  float: left;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  box-shadow: 1px 1.732px 2px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  text-align: center;
  padding: 10px 0px;
}

.contact_list ul li figure i {
  color: #8685bb;
  font-size: 18px;
}

.contact_list ul li figcaption {
  float: left;
  width: calc(100% - 38px);
  padding-left: 15px;
  padding-top: 10px;
  font-size: 16px;
  color: #262626;
  opacity: 0.7;
}

.contact_map_section {
  position: relative;
  height: 480px;
}

.contact_map_section iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

footer {
  background: #000;
  padding: 20px 0px;
}

.socail_button {
  text-align: center;
}

.socail_button ul {
  display: inline-block;
}

.socail_button ul li {
  float: left;
  margin-right: 8px;
}

.socail_button ul li a {
  display: block;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}

.socail_button ul li a:hover {
  opacity: 0.7;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.socail_button ul li:last-child {
  margin-right: 0;
}

.copyright_box {
  display: block;
  text-align: center;
  padding-top: 15px;
}

.copyright_box p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #fff;
  opacity: 0.5;
}

/*--------------------------------------------------------------------
home-page-css-here
--------------------------------------------------------------------*/
.home_header {
  padding: 0;
}

.home_header .top_header {
  background: #fff;
}

.home_header .top_header nav.navbar {
  margin: 0;
  float: none;
  padding: 0;
}

.home_header .top_header nav.navbar ul li a {
  font-size: 14px;
  color: #7E868D;
  font-family: "ProximaNova-Regular";

  padding: 10px 15px !important;
}

.home_header .top_header nav.navbar ul li .register {
  color: #eda8b5;
  background: url(../img/sap.png) no-repeat right center;
}

.home_header .top_header nav.navbar ul li .signin {
  color: #fff;
  background: #EDA6B3;
}

.home_header .top_header nav.navbar ul li .signin:hover {
  color: #fff;
}

.home_header .top_header nav.navbar ul .profile_box .dropdown-toggle {
  font-size: 14px;
  color: #fff;
  background: none;
  border: none;
  padding: 10px 10px;
  cursor: pointer;
}

.home_header .top_header nav.navbar ul .profile_box .dropdown-menu {
  padding: 0;
  border: solid 1px #e5eef5;
}

.home_header .top_header nav.navbar ul .profile_box .dropdown-menu li {
  float: none;
  display: block;
  border-bottom: solid 1px #e5eef5;
}

.home_header .top_header nav.navbar ul .profile_box .dropdown-menu li a {
  float: none;
  display: block;
  width: 100%;
  color: #000;
}

.home_header .top_header nav.navbar ul .profile_box .dropdown-menu li a:hover {
  color: #042a4b;
}

.home_header .top_header nav.navbar ul .language_box .dropdown-toggle {
  font-size: 14px;
  color: #EDA6B3;
  background: #fff;
  border: solid 1px #EDA6B3;
  padding: 10px 10px;
  cursor: pointer;
  border-radius: 100px;
}

.home_header .top_header nav.navbar ul .language_box .dropdown-menu {
  padding: 0;
  border: solid 1px #e5eef5;
}

.home_header .top_header nav.navbar ul .language_box .dropdown-menu li {
  float: none;
  display: block;
  border-bottom: solid 1px #e5eef5;
}

.home_header .top_header nav.navbar ul .language_box .dropdown-menu li a {
  float: none;
  display: block;
  width: 100%;
  color: #000;
}

.home_header .top_header nav.navbar ul .language_box .dropdown-menu li a:hover {
  color: #042a4b;
}

.home_header .bottom_header {
  background: #f1f3f6;
  padding: 15px 0px;
}

.home_header .bottom_header .logo {
  float: left;
}

.home_header .bottom_header .logo a {
  display: inline-block;
  width: 150px;
}

.allcategories_search_bg {
  float: left;
  border: solid 1px #e6e6e6;
  margin-left: 40px;
  margin-right: 20px;
  border-radius: 50px;
}

.allcategories_search_bg .allcategories {
  float: left;
}

.allcategories_search_bg .allcategories .dropdown-toggle {
  float: left;
  border: none;
  color: #262626;
  font-size: 15px;
  height: 45px;
  padding: 0px 15px;
}

.allcategories_search_bg .allcategories .dropdown-menu {
  padding: 0;
  border: solid 1px #e5eef5;
}

.allcategories_search_bg .allcategories .dropdown-menu li {
  float: none;
  display: block;
  border-bottom: solid 1px #e5eef5;
}

.allcategories_search_bg .allcategories .dropdown-menu li a {
  float: none;
  display: block;
  width: 100%;
  color: #000;
  padding: 10px 10px;
}

.allcategories_search_bg .allcategories .dropdown-menu li a:hover {
  color: #042a4b;
}

.search_fild {
  float: left;
}

.search_fild .form-control {
  border: none;
  height: 45px;
  font-size: 15px;
  color: #042a4b;
  min-width: 480px;
}

.search_button {
  float: right;
  position: relative;
  z-index: 9;
}

.search_button input {
  height: 45px;
  border: none;
  padding: 0px 15px;
  background: #71c8bb;
  border: none;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  border-radius: 0px 50px 50px 0px;
}

.search_button input:hover {
  background: #eda8b5;
}

.shop_categories_box {
  float: left;
}

.shop_categories_box .dropdown-toggle {
  background: #eda8b5;
  font-size: 16px;
  color: #262626;
  border: none;
  height: 45px;
  padding: 0px 15px;
}

.shop_categories_box .dropdown-menu {
  padding: 0;
  border: solid 1px #e5eef5;
  width: 100%;
}

.shop_categories_box .dropdown-menu li {
  float: none;
  display: block;
  border-bottom: solid 1px #e5eef5;
}

.shop_categories_box .dropdown-menu li a {
  float: none;
  display: block;
  width: 100%;
  color: #000;
  padding: 10px 10px;
}

.shop_categories_box .dropdown-menu li a:hover {
  color: #042a4b;
}

.home_page_content {
  background: #fff;
}

.home_slider_section {
  display: block;
  padding: 0 0px 40px;
}

.home_slider_section .front_slider {
  position: relative;
}

.home_slider_section .front_slider .owl-prev,
.aupairs-families .owl-prev {
  position: absolute;
  border-radius: 50px;
  left: 12px;
  top: 45%;
  width: 40px;
  height: 40px;
  background: #fff !important;
  box-shadow: 1px 1.732px 5px rgba(0, 0, 0, 0.3);
  font-size: 60px !important;
  color: #262626;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}

.home_slider_section .front_slider .owl-prev:hover,
.aupairs-families .owl-prev:hover {
  background: #0055a0 !important;
  color: #fff !important;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.home_slider_section .front_slider .owl-prev span,
.aupairs-families .owl-prev span {
  position: relative;
  top: -2px;
}

.home_slider_section .front_slider .owl-next,
.aupairs-families .owl-next {
  position: absolute;
  border-radius: 50px;
  right: 12px;
  top: 45%;
  width: 40px;
  height: 40px;
  background: #fff !important;
  box-shadow: 1px 1.732px 5px rgba(0, 0, 0, 0.3);
  font-size: 60px !important;
  color: #262626;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}

.home_slider_section .front_slider .owl-next:hover,
.aupairs-families .owl-next:hover {
  background: #eda6b3 !important;
  color: #fff !important;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.home_slider_section .front_slider .owl-next span,
.aupairs-families .owl-next span {
  position: relative;
  top: -2px;
}

.home_slider_section .item {
  position: relative;
}

.home_slider_section .front_slider_new {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 145px;
  width: 100%;
}

.home_slider_section .home_slide_des h1 {
  font-size: 45px;
  color: #fff;
  font-family: "ProximaNova-Bold";
}

.home_slider_section .home_slide_des h3 {
  font-size: 36px;
  color: #fff;
}

.home_slider_section .home_slide_des h3 span {
  font-family: "ProximaNova-Semibold";
}

.home_slider_section .home_slide_des .shop_now_button {
  display: block;
}

.home_slider_section .home_slide_des .row {
  width: 100%;
}

.product_row {
  display: block;
  margin-bottom: 15px;
}

.product_slider {
  position: relative;
}

.product_slider .owl-prev {
  position: absolute;
  left: -15px;
  top: 34%;
  width: 40px;
  height: 40px;
  background: #fff !important;
  font-size: 55px !important;
  color: #262626;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
  border-radius: 50px;
}

.product_slider .owl-prev:hover {
  background: #eda6b3 !important;
  color: #fff !important;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.product_slider .owl-prev span {
  position: relative;
  top: -3px;
}

.product_slider .owl-next {
  position: absolute;
  border-radius: 50px;
  right: -15px;
  top: 34%;
  width: 40px;
  height: 40px;
  background: #fff !important;
  font-size: 50px !important;
  color: #262626;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}

.product_slider .owl-next:hover {
  background: #eda6b3 !important;
  color: #fff !important;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.product_slider .owl-next span {
  position: relative;
  top: -3px;
}

.product_head {
  display: block;
  padding: 20px 0px;
}

.product_head:after {
  display: table;
  clear: both;
  content: "";
}

.product_head:before {
  display: table;
  clear: both;
  content: "";
}

.product_head h2 {
  float: left;
  width: 70%;
  font-size: 28px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  text-transform: capitalize;
}

.product_head .view_all {
  float: right;
}

.product_head .view_all a {
  font-size: 16px;
  color: #000;
  font-family: "ProximaNova-Semibold";
  text-decoration: underline;
}

.product_head .view_all a:hover {
  color: #eda6b3;
  text-decoration: none;
}

.product_box {
  border: solid 1px transparent;
  display: block;
  box-shadow: 1px 1.732px 5px rgba(0, 0, 0, 0.05);
  background: #fff;
  border-radius: 8px;
  margin-bottom: 15px;
}

.product_box:hover {
  border: solid 1px #eda6b3;
}

.product_box figure {

  position: relative;
  margin: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product_box figure .product_over_box {
  position: absolute;
  padding-left: 5px;
  width: 100%;
  top: 5px;
}

.product_box figure .product_over_inner {
  display: block;
  padding: 0px;
}

.product_box figure .product_over_inner .add_to_cart {
  float: left;
}

.product_box figure .product_over_inner .add_to_cart a {
  display: block;
  border: solid 2px #0055a0;
  background: #0055a0;
  width: 46px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding: 10px 0px;
  margin: 0 10px 0 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 20px;
}

.product_box figure .product_over_inner .add_to_cart a:hover {
  background: #0055a0;
}

.product_box figure .product_over_inner .fav_box {
  float: right;
  margin-left: 0px;
  margin-right: 5px;
}

.product_box figure .product_over_inner .fav_box a {
  display: block;
  border: solid 2px #fabb00;
  background: #fabb00;
  width: 46px;
  height: 45px;
  text-align: center;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}

.product_box figure .product_over_inner .fav_box a:hover {
  border: solid 2px #eda6b3;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.product_box figure .product_over_inner .fav_box a:hover i {
  color: #eda6b3;
}


.product_box figure .product_over_inner .fav_box a i {
  font-size: 20px;
  color: #a6a6a6;
}

.product_box figcaption {
  border-top: solid 1px #f1f3f6;
}

.product_box .product_des_top {
  display: block;
  padding: 14px 14px 5px;
}

.product_box .product_des_top h4 {
  font-size: 15px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}

.product_box .product_des_top h5 {
  font-size: 16px;
  color: #db202b;
  font-family: "ProximaNova-Semibold";
  margin: 0;
}

.product_box .product_des_top p {
  font-size: 13px;
  color: #a2acbb;
  margin: 0;
  padding: 0;
}

.product_box .product_des_top p span {
  text-decoration: line-through;
  padding-right: 10px;
}

.product_box .total_remaining_box {
  display: block;

  padding: 4px 14px 13px;
}

.product_box .total_remaining_box:after {
  display: table;
  clear: both;
  content: "";
}

.product_box .total_remaining_box:before {
  display: table;
  clear: both;
  content: "";
}

.product_box .total_remaining_box p {
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #464646;
}

.product_box .total_remaining_box .total_bid {
  float: left;
  width: 50%;
}

.product_box .total_remaining_box .total_bid span {
  display: block;
  font-size: 15px;
  color: #51b594;
  font-family: "ProximaNova-Semibold";
}

.product_box .total_remaining_box .remaining_box span {
  font-size: 16px;
  color: #fabb00;
  font-family: "ProximaNova-Semibold";
}

.howit_work_section {
  display: block;
  padding: 30px 0 50px 0px;
}

.howit_work_inner {


  padding: 0px 15px;
}

.work_head {
  display: block;
  text-align: center;
  padding: 35px 0px;
}

.work_head h2 {
  font-size: 28px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}

.work_box {
  display: block;
  text-align: center;
  padding: 0px 5px;
}

.work_box:hover {
  margin-top: -15px;
}

.work_box:hover h4 {
  color: #fabb00;
}

.work_box:hover .work_number span {
  background: #fabb00;
}

.work_box .work_number {
  display: block;
  text-align: center;
  margin-bottom: 15px;
}

.work_box .work_number span {
  display: inline-block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  background: #51b594;
  border-radius: 100%;
  font-size: 24px;
  color: #fff;
}

.work_box h4 {
  font-size: 24px;
  color: #51b594;
  font-family: "ProximaNova-Semibold";
  margin: 15px 0 5px 0px;
}

.work_box p {
  font-size: 16px;
  color: #464646;
}

.work_list {
  padding-bottom: 30px;
}

footer.home_footer {
  padding: 0;
  background: url(../img/footer_bg.png) no-repeat left top #171717;
  background-size: 100% 11px;
}

.top_footer {
  padding: 65px 0 50px 0px;
}

.top_footer h3 {
  background: url(../img/yellow_sap.png) no-repeat left bottom;
  padding-bottom: 15px;
  margin-bottom: 30px;
  font-size: 22px;
  color: #fff;
  font-family: "ProximaNova-Semibold";
}

.top_foot_left {
  display: block;
}

.foot_des {
  display: block;
  padding: 20px 0px;
}

.foot_des p {
  font-size: 12px;
  font-family: "ProximaNova-Light";
  color: #fff;
  opacity: 0.5;
  line-height: normal;
  margin: 0;
}

.foot_social {
  display: block;
}

.foot_social h4 {
  font-size: 18px;
  color: #fff;
  font-family: "ProximaNova-Semibold";
  padding-bottom: 10px;
}

.foot_social ul {
  display: block;
}

.foot_social ul:after {
  display: table;
  clear: both;
  content: "";
}

.foot_social ul:before {
  display: table;
  clear: both;
  content: "";
}

.foot_social ul li {
  float: left;
  margin-right: 15px;
}

.foot_social ul li a {
  font-size: 20px;
  display: block;
  color: #fff;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}

.foot_social ul li a:hover {
  color: #fabb00;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.foot_social ul li:last-child {
  margin-right: 0;
}

.f_menu {
  display: block;
}

.f_menu ul li {
  padding-bottom: 10px;
}

.f_menu ul li a {
  display: block;
  font-size: 14px;
  color: #fff;
}

.f_menu ul li a:hover {
  color: #fabb00;
}

.f_menu ul li:last-child {
  padding-bottom: 0;
}

.cont_list {
  display: block;
}

.cont_list ul li {
  display: block;
  padding-bottom: 15px;
}

.cont_list ul li:after {
  display: table;
  clear: both;
  content: "";
}

.cont_list ul li:before {
  display: table;
  clear: both;
  content: "";
}

.cont_list ul li figure {
  float: left;
  width: 30px;
}

.cont_list ul li figure i {
  font-size: 22px;
  color: #8685bb;
}

.cont_list ul li figcaption {
  float: left;
  width: calc(100% - 30px);
  font-size: 15px;
  color: #fff;
  font-family: "ProximaNova-Light";
}

.cont_list ul li li:last-child {
  padding-bottom: 0;
}

.bottom_footer {
  background: #070707;
  padding: 15px 0px;
  text-align: center;
}

.bottom_footer p {
  font-size: 12px;
  color: #fff;
  opacity: 0.5;
  margin: 0;
  padding: 0;
}

/*--------------------------------------------------------------------
login-page-css-here
--------------------------------------------------------------------*/
.gray_bg {
  background: #f1f3f6;
  min-height: 610px;
}

.form_inner {
  display: block;
  padding: 60px 138px;
}

.form_box {
  box-shadow: 0 0 30px #e8edf5;
  background: #fff;
  padding: 30px;
  border-bottom: solid 5px #71c8bb;
}

.form_head {
  text-align: center;
  padding-bottom: 40px;
  padding-top: 15px;
}

.form_head h2 {
  font-size: 26px;
  color: #464646;
  font-family: "ProximaNova-Semibold";
}

.form_head span {
  font-size: 14px;
  color: #464646;
}

.remember_box {
  display: block;
  margin-bottom: 15px;
}

.remember_box:after {
  display: table;
  clear: both;
  content: "";
}

.remember_box:before {
  display: table;
  clear: both;
  content: "";
}

.remember_box .form-check {
  float: left;
}

.remember_box .form-check .form-check-label {
  font-size: 15px;
  color: #262626;
}

.remember_box .form-check .form-check-label a {
  color: #0055a0;
}

.form_box .form_submit span {
  width: 100%;
}

.form_box .form_submit input {
  width: 98%;
  box-shadow: none !important;
}

.recover_password {
  display: block;
  text-align: center;
  padding: 15px 0px;
}

.recover_password a {
  font-size: 15px;
  color: #0055a0;
  font-family: "ProximaNova-Semibold";
}

.create_account {
  display: block;
  text-align: center;
  font-family: "ProximaNova-Light";
}

.create_account p {
  font-size: 18px;
  color: #464646;
}

.create_account p a {
  color: #71c8bb;
  font-family: "ProximaNova-Semibold";
}

.create_account p a:hover {
  color: #0055a0;
}

.form_fild_bg {
  display: block;
  padding-right: 15px;
}

.share_bg {
  display: flex;
  border-left: solid 1px #dbdee3;
  position: relative;
}

.share_bg .or_box {
  position: absolute;
  left: -20px;
  top: 44.5%;
  background: #eceef0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  border: none;
  color: #464646;
  border-radius: 100%;
}

.share_bg {
  display: flex;
}

.form_share_button {
  display: flex;
  align-items: center;
  padding-left: 15px;
  width: 100%;
}

.form_share {
  display: block;
  text-align: center;
  width: 100%;
}

.form_share a {
  margin-bottom: 10px;
  display: block;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}

.form_share a:hover {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.form_share a:last-child {
  margin-bottom: 0;
}

.register_user_box {
  display: block;
  padding: 30px 0px;
}

.register_user_box ul {
  display: block;
}

.register_user_box ul:after {
  display: table;
  clear: both;
  content: "";
}

.register_user_box ul:before {
  display: table;
  clear: both;
  content: "";
}

.register_user_box ul li {
  float: left;
  width: 50%;
  text-align: center;
  padding: 0px 10px;
}

.register_user_box ul li a:hover h2 {
  color: #0055a0;
}

.register_user_box ul li a h2 {
  font-size: 18px;
  color: #464646;
}

.modal-body .close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 28px;
}

.accept_box {
  padding-bottom: 20px;
}

.login_account {
  padding-top: 25px;
}

.reset_password .form_box {
  width: 500px;
  margin: auto;
}

.reset_password .form_box .form_head {
  padding-top: 0;
  padding-bottom: 25px;
}

/*--------------------------------------------------------------------
dashboard-page-css-here
--------------------------------------------------------------------*/
.dashboard_menu {
  border-bottom: solid 1px #fabb00;
}

.dashboard_menu nav {
  box-shadow: none;
  border: none;
  padding: 0 !important;
  margin: 0 !important;
}

.dashboard_menu nav ul {
  display: flex;
  width: 100%;
}

.dashboard_menu nav ul li {
  padding: 0 2px;
  width: 100%;
}

.dashboard_menu nav ul li a {
  display: block;
  background: #dce1e7;
  padding: 0px 45px;
  height: 45px;
  line-height: 45px;
  width: 100%;
  text-align: center;
  font-size: 15px;
  color: #5b5d5f;
  text-transform: capitalize;
}

.dashboard_menu nav ul li a:hover {
  color: #fff;
  background: #fabb00;
}

.dashboard_menu nav ul li .dropdown .dropdown-toggle {
  background: #dce1e7;
  border: none;
  position: relative;
  padding-right: 20px;
  cursor: pointer;
  width: 100%;
}

.dashboard_menu nav ul li .dropdown .dropdown-toggle:after {
  position: absolute;
  right: 8px;
  top: 20px;
}

.dashboard_menu nav ul li .dropdown .dropdown-menu {
  display: none;
  padding: 0 !important;
  border: solid 1px #e5eef5;
}

.dashboard_menu nav ul li .dropdown .dropdown-menu li {
  padding: 0;
  border-bottom: solid 1px #e5eef5;
}

.dashboard_menu nav ul li .dropdown .dropdown-menu li a {
  background: #fff;
  padding: 0px 10px;
  text-align: left;
}

.dashboard_menu nav ul li .dropdown .dropdown-menu li a:hover {
  background: #fabb00;
}

.dashboard_menu nav ul li .dropdown .dropdown-menu li:last-child {
  border-bottom: none;
}

.dashboard_menu nav ul li .dropdown.show .dropdown-menu {
  display: block;
}

.dashboard_menu nav ul li.active a {
  background: #fabb00;
  color: #fff;
}

.dashboard_menu nav ul li.active .dropdown-toggle {
  background: #fabb00;
}

.dashboard_menu nav ul li.active .dropdown-menu li a {
  color: #000;
}

.dashboard_menu nav ul li.active .dropdown-menu li a:hover {
  color: #fff;
}

.dashboard_menu nav ul li:last-child {
  margin-right: 0;
}

.total_bg {
  padding: 40px 0px;
}

.total_box {
  background: #fff;
  box-shadow: 1px 1.732px 4px rgba(0, 0, 0, 0.05);
  padding: 20px;
  border: solid 1px transparent;
}

.total_box:after {
  display: table;
  clear: both;
  content: "";
}

.total_box:before {
  display: table;
  clear: both;
  content: "";
}

.total_box:hover {
  border: solid 1px #fabb00;
}

.total_box .total_left {
  float: left;
  width: calc(100% - 85px);
  padding-right: 10px;
}

.total_box .total_left h4 {
  font-size: 22px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  padding-bottom: 15px;
}

.total_box .total_left span {
  font-size: 40px;
  color: #262626;
  font-family: "ProximaNova-Bold";
}

.total_box .total_right {
  float: right;
  width: 85px;
}

.notifications_message {
  padding: 10px 0px 40px 0px;
}

.notifications_message .btn {
  background: #71c8bb;
}

.notifications_message .btn:hover {
  background: #eda8b5;
}

.notifications_message h2 {
  color: #71c8bb;
  font-size: 25px;
  font-family: "ProximaNova-Bold";
  text-transform: capitalize;
  margin: 0;
  padding-bottom: 15px;
}

.notifications_message .col-md-6 {
  display: flex;
}

.notifications_message .notifications_box {
  background: #fff;
  width: 100%;
  border-radius: 15px;
  padding: 15px;
}

.notifications_message .notifications_box ul {
  max-height: 380px;
  min-height: 380px;
  overflow: auto;
}

.notifications_message .notifications_box ul li {
  display: block;
  position: relative;
  border-bottom: solid 1px #ececec;
  margin-bottom: 10px;
}

.notifications_message .notifications_box ul li:after {
  display: table;
  clear: both;
  content: "";
}

.notifications_message .notifications_box ul li:before {
  display: table;
  clear: both;
  content: "";
}

.notifications_message .notifications_box ul li figure {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 100%;
}

.notifications_message .notifications_box ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.notifications_message .notifications_box ul li figcaption {
  float: left;
  width: calc(100% - 40px);
  padding-left: 15px;
}

.notifications_message .notifications_box ul li h3 {
  font-size: 16px;
  color: #333333;
  font-family: "ProximaNova-Bold";
  margin: 0;
  padding: 0 100px 10px 0;
}

.notifications_message .notifications_box ul li p {
  font-size: 12px;
  color: #333333;
  opacity: 0.8;
  line-height: normal;
}

.notifications_message .notifications_box ul li span {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #333333;
  opacity: 0.8;
}

.notifications_message .notifications_box ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.view_all_button {
  text-align: center;
}

/*--------------------------------------------------------------------
create-listing2-page-css-here
--------------------------------------------------------------------*/
.create_listing_bg {
  padding-bottom: 50px;
}

.create_listing_head {
  display: block;
  padding: 30px 0px;
}

.create_listing_head h2 {
  font-size: 24px;
  color: #464646;
  font-family: "ProximaNova-Semibold";
  margin: 0;
  padding: 0;
}

.listing_fields_inner {
  border: solid 1px #f4f2f1;
}

.listing_fields_box {
  background: #fff;
  padding: 15px;
  box-shadow: 1px 1.732px 4px rgba(0, 0, 0, 0.05);
}

.listing_fields_head {
  display: block;
  border-bottom: solid 1px #f4f2f1;
  padding: 15px;
}

.listing_fields_head h3 {
  font-size: 24px;
  color: #262626;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.listing_fields_head h3 sup {
  color: #ff0000;
}

.listing_fields {
  padding: 30px;
  text-align: center;
}

.listing_fields .listing_fields_form {
  display: inline-block;
  text-align: left;
  width: 580px;
}

.price_box {
  position: relative;
}

.price_box .form-control {
  padding-left: 55px;
}

.price_box .dolor {
  position: absolute;
  top: 0;
  left: 0;
  background: #f5f5f5;
  width: 42px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  font-size: 18px;
  color: #757575;
}

.upload_box {
  position: relative;
}

.upload_box .upload_button {
  position: absolute;
  right: 0;
  top: 0;
}

.upload_box .upload_button a {
  display: block;
  font-size: 16px;
  background: #fabb00;
  color: #262626;
  height: 42px;
  line-height: 42px;
  padding: 0px 25px;
  text-transform: uppercase;
  font-family: "ProximaNova-Semibold";
}

.upload_box .upload_button a input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.upload_box p {
  font-size: 14px;
  font-style: italic;
  margin: 0;
}

.create_listing {
  display: block;
  text-align: center;
  padding-top: 15px;
}

.create_listing input {
  display: inline-block;
}

/*--------------------------------------------------------------------
create-listing1-page-css-here
--------------------------------------------------------------------*/
.multiple_slect_box {
  padding: 0px 15px;
}

.multiple_slect_box .mdb-select {
  width: 100%;
  margin: 0;
  border: solid 1px #f2f2f2;
  height: 190px;
  box-shadow: 0.5px 0.866px 1px rgba(0, 0, 0, 0.1);
}

.multiple_slect_box .mdb-select option {
  padding: 5px;
  font-size: 14px;
  color: #464646;
}

.multiple_slect_box #catlistboxes {
  position: relative;
  min-height: 240px;
  padding-top: 10px;
}

.multiple_slect_box #catlistboxes:after {
  display: table;
  clear: both;
  content: "";
}

.multiple_slect_box #catlistboxes:before {
  display: table;
  clear: both;
  content: "";
}

.multiple_slect_box #catlistboxes .first_select {
  position: absolute;
  left: 13px;
  top: 25px;
  width: 245px;
}

.multiple_slect_box #catlistboxes .awe-category-group .first_select {
  position: relative;
  float: left;
  left: 0;
  margin: 15px 13px;
  top: 0;
}

#spanFor999>.first_select {
  margin-left: 277px !important;
}

.listing_fields_inner.listing_type_box {
  margin-top: 20px;
}

.listing_radio_list {
  display: block;
  padding: 15px;
}

.listing_radio_list ul:after {
  display: table;
  clear: both;
  content: "";
}

.listing_radio_list ul:before {
  display: table;
  clear: both;
  content: "";
}

.listing_radio_list ul li {
  float: left;
  padding-right: 40px;
}

.listing_radio_list ul li label {
  font-size: 16px;
  color: #262626;
}

.listing_radio_list ul li:last-child {
  padding-right: 0;
}

/*--------------------------------------------------------------------
my-products-page-css-here
--------------------------------------------------------------------*/
.my_product_content {
  display: block;
  padding-bottom: 50px;
}

.my_product_head {
  display: block;
  padding: 25px 0px;
}

.my_product_head:after {
  display: table;
  clear: both;
  content: "";
}

.my_product_head:before {
  display: table;
  clear: both;
  content: "";
}

.my_product_head .my_product_title {
  float: left;
  padding-top: 11px;
}

.my_product_head .my_product_title h2 {
  font-size: 24px;
  color: #464646;
  font-family: "ProximaNova-Semibold";
}

.my_product_head .create_form_box {
  float: right;
}

.my_product_head .create_form_box .list_select_box {
  float: left;
  margin-right: 10px;
  border: solid 1px #e6e6e6;
  background: #e9e9ea;
  border-radius: 50px;
}

.my_product_head .create_form_box .list_select_box label {
  float: left;
  font-size: 14px;
  color: #464646;
  height: 42px;
  line-height: 42px;
  min-width: 75px;
  padding: 0px 10px;
  text-align: center;
  margin: 0;
}

.my_product_head .create_form_box .list_select_box .form-control {
  background: #fff;
  height: 42px;
  float: left;
  width: 130px;
  border: none;
  border-radius: 0px 50px 50px 0px;
  box-shadow: none;
}

.my_product_head .create_form_box .create_listing_button {
  float: left;
}

.my_product_head .create_form_box .create_listing_button .btn {
  margin: 0 !important;
  height: 42px;
  background: #fabb00;
}

.my_product_head .create_form_box .create_listing_button .btn:hover {
  background: #0055a0;
}

.total_product_list {

  box-shadow: 1px 1.732px 4px rgba(0, 0, 0, 0.05);
}

.total_product_list ul li {
  display: block;
  padding: 5px;
  border-bottom: solid 1px #f1f3f6;
}

.total_product_list ul li:after {
  display: table;
  clear: both;
  content: "";
}

.total_product_list ul li:before {
  display: table;
  clear: both;
  content: "";
}

.total_product_left {
  float: left;
  width: 80%;
}

.total_product_left figure {
  float: left;
}

.total_product_left figure a {
  display: block;
  width: 137px;
  height: 137px;
  overflow: hidden;
  border: solid 1px #f1f3f6;
}

.total_product_left figure a:hover {
  border: solid 1px #fabb00;
}

.total_product_left figure a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.total_product_left figcaption {
  float: left;
  width: calc(100% - 137px);
  padding-left: 25px;
}

.total_product_left figcaption p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #262626;
}

.total_product_left figcaption p.offer_price {
  font-size: 19px;
  color: #51b594;
}

.total_product_left figcaption h3 {
  font-size: 18px;
  color: #0055a0;
  font-family: "ProximaNova-Semibold";
  font-weight: normal;
}

.total_product_left figcaption .date_time_box {
  display: block;
}

.total_product_left figcaption .date_time_box:after {
  display: table;
  clear: both;
  content: "";
}

.total_product_left figcaption .date_time_box:before {
  display: table;
  clear: both;
  content: "";
}

.total_product_left figcaption .date_time_box .date {
  float: left;
  font-size: 14px;
  color: #262626;
  opacity: 0.7;
}

.total_product_left figcaption .date_time_box .time {
  float: left;
  font-size: 14px;
  color: #262626;
  padding-left: 10px;
  opacity: 0.7;
}

.setting_box {
  float: right;
  position: relative;
  z-index: 9;
}

.setting_box .dropdown-menu {
  padding: 0;
  border: solid 1px #e5eef5;
  width: 100%;
  right: 0 !important;
  left: auto !important;
}

.setting_box .dropdown-menu li {
  float: none;
  display: block;
  border-bottom: solid 1px #e5eef5;
  padding: 0 !important;
}

.setting_box .dropdown-menu li a {
  float: none;
  display: block;
  width: 100%;
  color: #000;
  padding: 10px 10px;
}

.setting_box .dropdown-menu li a:hover {
  color: #042a4b !important;
}

.setting_box .dropdown-menu li:last-child {
  border-bottom: none !important;
}

.setting_box .setting_button {
  display: block;
}

.setting_box .setting_button a {
  display: block;
  background: #fff;
  color: #0055a0;
  border: solid 1px #f1f3f6;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 18px;
  padding: 5px 0px;
}

.setting_box .setting_button a:hover {
  background: #0055a0;
  border: solid 1px #0055a0;
  color: #fff;
}

/*--------------------------------------------------------------------
detail-page-page-css-here
--------------------------------------------------------------------*/
.wrapCarouselThumbs figure {
  overflow: hidden;
}

.detail_bg {
  padding: 30px 0px;
}

.product_detail_bg {
  display: block;
  background: #fff;
  box-shadow: 0 0 30px #e8edf5;
  padding: 15px;
}

.wrapCarouselFull {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  background: #fff;
  border: solid 1px #f4f2f1;
}

.wrapCarouselFull:hover {
  border: solid 1px #fabb00;
}

.wrapCarouselFull figure {
  height: 411px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.wrapCarouselFull figure img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.wrapCarouselThumbs {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  padding: 20px 0 0 0;
  margin-top: 0px;
}

.wrapCarouselThumbs figure {
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.wrapCarouselThumbs figure img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  height: 100%;
}

.wrapCarouselThumbs .owl-item {
  border: solid 1px #f4f2f1;
}

.wrapCarouselThumbs .owl-item:hover {
  border: solid 1px #fabb00;
}

.wrapCarouselThumbs .owl-item.current {
  border: solid 1px #eda8b5;
}

.fav_box2 {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}

.fav_box2 a {
  display: block;
  border-radius: 100%;
  background: #f9f9f9;
  padding-top: 9px;
  width: 36px;
  height: 36px;
  border: solid 1px #ebebeb;
  color: #e2e1e1;
  font-size: 18px;
  text-align: center;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}

.fav_box2 a:hover {
  color: #fff;
  background: #fabb00;
  border: solid 1px #fabb00;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.breadcrumb_active_box {
  display: block;
}

.breadcrumb_active_box:after {
  display: table;
  clear: both;
  content: "";
}

.breadcrumb_active_box:before {
  display: table;
  clear: both;
  content: "";
}

.breadcrumb_active_box .breadcrumb_box {
  float: left;
  width: 80%;
  padding-top: 6px;
}

.breadcrumb_active_box .breadcrumb_box ul li {
  float: left;
  padding-right: 5px;
  font-size: 14px;
  color: #cacaca;
}

.breadcrumb_active_box .breadcrumb_box ul li a {
  font-size: 14px;
  color: #262626;
}

.breadcrumb_active_box .breadcrumb_box ul li:last-child {
  padding-right: 0;
}

.breadcrumb_active_box .active_button {
  float: right;
}

.breadcrumb_active_box .active_button a {
  display: block;
  font-size: 12px;
  color: #fff;
  font-family: "ProximaNova-Semibold";
  background: #66cc52;
  text-transform: uppercase;
  height: 29px;
  line-height: 29px;
  padding: 0px 25px;
  margin: 0;
}

.product_full_view_des h2 {
  font-size: 26px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  padding: 15px 0px;
  margin: 0;
}

.price_box {
  display: block;
}

.price_box h4 {
  font-size: 22px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}

.price_box h4 font {
  color: #ff0000;
}

.price_box h4 span {
  font-size: 16px;
}

.quantity_box {
  display: block;
  padding: 20px 0px;
}

.quantity_box:after {
  display: table;
  clear: both;
  content: "";
}

.quantity_box:before {
  display: table;
  clear: both;
  content: "";
}

.quantity_box label {
  float: left;
  font-size: 16px;
  color: #262626;
  padding-right: 15px;
  padding-top: 10px;
}

.quantity_box .quantity {
  float: left;
  border: solid 1px #e9e9ea;
  background: #e9e9ea;
  border-radius: 50px;
  overflow: hidden;
}

.quantity_box .quantity button {
  float: left;
  border: none;
  background: #e9e9ea;
  width: 60px;
  height: 42px;
  line-height: 42px;
  font-size: 35px;
  color: #464646;
  font-family: "ProximaNova-Bold";
  cursor: pointer;
}

.quantity_box .quantity button:hover {
  background: #fabb00;
  color: #fff;
}

.quantity_box .quantity input {
  float: left;
  width: 90px;
  background: #fff;
  height: 42px;
  border: none;
  text-align: center;
  font-size: 16px;
  color: #464646;
}

.addtocart_buynow {
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #f4f2f1;
}

.addtocart_buynow:after {
  display: table;
  clear: both;
  content: "";
}

.addtocart_buynow:before {
  display: table;
  clear: both;
  content: "";
}

.addtocart_buynow a {
  float: left;
  margin-right: 15px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  font-family: "ProximaNova-Semibold";
  min-width: 184px;
}

.addtocart_buynow a.addtocart {
  background: #0055a0;
}

.addtocart_buynow a.buynow {
  background: #fabb00;
  color: #464646;
}

.addtocart_buynow a:last-child {
  margin-right: 0;
}

.contact_seller_box {
  display: block;
  background: #f1f3f6;
  padding: 20px;
}

.contact_seller_box:after {
  display: table;
  clear: both;
  content: "";
}

.contact_seller_box:before {
  display: table;
  clear: both;
  content: "";
}

.contact_seller_box figure {
  float: left;
  width: 54px;
  height: 54px;
  border-radius: 100%;
  overflow: hidden;
  margin: 0;
}

.contact_seller_box figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact_seller_box figcaption {
  float: left;
  width: 60%;
  padding-left: 20px;
}

.contact_seller_box figcaption .seller_name_rate {
  display: block;
}

.contact_seller_box figcaption .seller_name_rate:after {
  display: table;
  clear: both;
  content: "";
}

.contact_seller_box figcaption .seller_name_rate:before {
  display: table;
  clear: both;
  content: "";
}

.contact_seller_box figcaption .seller_name_rate h4 {
  font-size: 20px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  float: left;
}

.contact_seller_box figcaption .seller_name_rate .rating_box {
  float: left;
  padding: 1px 10px;
}

.contact_seller_box figcaption p {
  font-size: 14px;
  color: #262626;
  margin: 0;
  padding: 0;
}

/* Rating Star Widgets Style */
.rating-stars ul {
  list-style-type: none;
  padding: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  text-align: left;
}

.rating-stars ul>li.star {
  display: inline-block;
}

/* Idle State of the stars */
.rating-stars ul>li.star>i.fa {
  font-size: 18px;
  /* Change the size of the stars */
  color: #d3d4d5;
  /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul>li.star.hover>i.fa {
  color: #eda8b5;
}

/* Selected state of the stars */
.rating-stars ul>li.star.selected>i.fa {
  color: #fabb00;
}

.review {
  float: left;
}

.review a {
  font-size: 18px;
  color: #0055a0;
}

.view_seller {
  display: block;
}

.view_seller a {
  font-size: 14px;
  color: #0055a0;
  font-family: "ProximaNova-Semibold";
}

.contact_seller {
  float: right;
  margin-top: 10px;
}

.contact_seller a {
  font-size: 16px;
  color: #fff;
  font-family: "ProximaNova-Semibold";
  text-transform: uppercase;
  height: 42px;
  line-height: 42px;
  background: #8685bb;
  padding: 0px 10px;
  margin: 0;
}

.product_details_box {
  border: solid 1px #f4f2f1;
  margin: 30px 0px;
}

.product_details_head {
  display: block;
  border-bottom: solid 1px #f4f2f1;
  padding: 15px;
}

.product_details_head h2 {
  font-size: 24px;
  color: #343437;
  margin: 0;
}

.product_details_head h2 span {
  color: #fabb00;
}

.product_details_des {
  display: block;
  padding: 15px;
}

.product_details_des p {
  font-size: 15px;
  color: #262626;
}

.product_details_des p span {
  font-family: "ProximaNova-Semibold";
}

.product_details_des h5 {
  font-size: 15px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}

.rating_review_list {
  display: block;
}

.rating_review_list ul li {
  display: block;
  padding: 20px;
  border-bottom: solid 1px #f4f2f1;
}

.rating_review_list ul li:after {
  display: table;
  clear: both;
  content: "";
}

.rating_review_list ul li:before {
  display: table;
  clear: both;
  content: "";
}

.rating_review_list ul li figure {
  float: left;
  width: 54px;
  height: 54px;
  overflow: hidden;
}

.rating_review_list ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rating_review_list ul li figcaption {
  float: left;
  width: calc(100% - 54px);
  padding-left: 20px;
  position: relative;
}

.rating_review_list ul li figcaption .user_name_rating {
  display: block;
}

.rating_review_list ul li figcaption .user_name_rating:after {
  display: table;
  clear: both;
  content: "";
}

.rating_review_list ul li figcaption .user_name_rating:before {
  display: table;
  clear: both;
  content: "";
}

.rating_review_list ul li figcaption .user_name_rating h3 {
  float: left;
  font-size: 20px;
  color: #262626;
}

.rating_review_list ul li figcaption .user_name_rating .rating_box {
  float: left;
  padding-left: 10px;
  padding-top: 1px;
}

.rating_review_list ul li figcaption .user_name_rating .rating_box ul li {
  padding: 0;
  border: none;
}

.rating_review_list ul li figcaption p {
  font-size: 14px;
  color: #262626;
}

.rating_review_list ul li figcaption span {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #0055a0;
}

.rating_review_list ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.similar_product .product_row {
  margin: 0;
  padding: 30px;
}

.similar_product .product_row .btn {
  padding: 0px 10px;
}

/*--------------------------------------------------------------------
listing-page-css-here
--------------------------------------------------------------------*/
.product_listing_bg {
  display: block;
  padding: 30px 0px;
}

.product_categories {
  float: left;
  width: 300px;
  box-shadow: 0 0 30px #e8edf5;
  background: #fff;
}

.product_categories .card {
  box-shadow: none;
  border-bottom: solid 1px #f1f3f6 !important;
}

.product_categories .card-header {
  padding: 0;
  border: none;
  box-shadow: none !important;
  background: #fff;
  padding-bottom: 15px;
}

.product_categories .card-header a {
  display: block;
  box-shadow: none;
  font-size: 14px;
  color: #464646;
  font-family: "ProximaNova-Semibold";
  padding: 10px;
}


.categories_head {
  display: block;
  background: #fabb00;
}

.categories_head h2 {
  font-size: 20px;
  color: #464646;
  padding: 10px;
  margin: 0;
}

.categories_list {
  display: block;
}

.categories_list ul li {
  display: block;
  padding: 5px 10px;
}

.categories_list ul li a {
  font-size: 14px;
  color: #464646;
  padding: 10px;
}

.product_right_box {
  float: left;
  width: calc(100% - 300px);
  padding-left: 30px;
}

.product_right_box .my_product_head {
  padding-top: 0;
}

.product_right_box .product_list {
  display: block;
}

.product_right_box .product_list ul {
  display: block;
  margin: 0px -15px;
}

.product_right_box .product_list ul:after {
  display: table;
  clear: both;
  content: "";
}

.product_right_box .product_list ul:before {
  display: table;
  clear: both;
  content: "";
}

.product_right_box .product_list ul li {
  float: left;
  width: 33.3%;
  padding: 15px;
}

/*--------------------------------------------------------------------
my-account-page-css-here
--------------------------------------------------------------------*/
.my_account_bg {
  padding: 20px 0px;
}

.change_password_box {
  display: block;
  text-align: center;
}

.change_password_box .change_password_inner {}

.change_password_box .change_password_inner h2 {
  text-align: center;
  font-size: 24px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  padding-bottom: 20px;
  padding-top: 20px;
}

.change_password_box .change_password_inner .form_submit span {
  display: block;
}

.change_password_box .change_password_inner .form_submit input {
  width: 100%;
}

.notification_list {
  display: block;
}

.notification_list ul li {
  display: block;
  padding: 15px;
}

.notification_list ul li:after {
  display: table;
  clear: both;
  content: "";
}

.notification_list ul li:before {
  display: table;
  clear: both;
  content: "";
}

.notification_list ul li .notification_left {
  float: left;
  font-size: 16px;
  color: #2e2e2e;
  max-width: 70%;
}

.notification_list ul li .swith_box {
  float: right;
}

.notification_list ul li .swith_box .bs-switch input:checked+.slider {
  background-color: #fabb00;
}

.profile_box2 {
  display: block;
  text-align: center;
  margin-bottom: 15px;
}

.profile_box2 .profile_inner2 {
  display: inline-block;
  width: 130px;
  height: 130px;
  border-radius: 100%;
  border: solid 3px #71c8bb;
  position: relative;
}

.profile_box2 .profile_inner2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile_box2 .profile_inner2 .add_plus {
  position: absolute;
  right: -15px;
  top: 45%;
  overflow: hidden;
}

.profile_box2 .profile_inner2 .add_plus a {
  display: inline-block;
  width: 39px;
  height: 39px;
  border: solid 2px #fff;
  background: #eda8b5;
  font-size: 28px;
  color: #000;
  line-height: 39px;
  text-align: center;
  border-radius: 100%;
  font-family: "ProximaNova-Bold";
  position: relative;
}

.profile_box2 .profile_inner2 .add_plus a input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  opacity: 0;
  cursor: pointer;
}

/*--------------------------------------------------------------------
verification-code-page-css-here
--------------------------------------------------------------------*/
.verification_code {
  display: block;
  text-align: center;
}

.verification_code ul {
  display: inline-block;
}

.verification_code ul li {
  float: left;
  width: 43px;
  margin-right: 15px;
}

.verification_code ul li input {
  text-align: center;
}

.verification_code ul li:last-child {
  margin-right: 0;
}

.resend_box {
  display: block;
  text-align: center;
}

.resend_box p {
  font-size: 14px;
  color: #464646;
}

.resend_box p a {
  color: #0055a0;
  font-family: "ProximaNova-Semibold";
}

/*--------------------------------------------------------------------
customer-auction-detail-page-css-here
--------------------------------------------------------------------*/
.quantity_submit_row {
  display: block;
}

.quantity_submit_row:after {
  display: table;
  clear: both;
  content: "";
}

.quantity_submit_row:before {
  display: table;
  clear: both;
  content: "";
}

.quantity_submit_box {
  display: block;
}

.quantity_submit_box:after {
  display: table;
  clear: both;
  content: "";
}

.quantity_submit_box:before {
  display: table;
  clear: both;
  content: "";
}

.quantity {
  float: left;
  border: solid 1px #e9e9ea;
  border-radius: 50px;
}

.quantity .euro {
  float: left;
  font-size: 19px;
  color: #464646;
  font-family: "ProximaNova-Semibold";
  background: #e9e9ea;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50px 0px 0px 50px;
}

.quantity .form-control {
  float: left;
  height: 45px;
  border: none;
  text-align: center;
  width: 168px;
  font-size: 16px;
  color: #464646;
  border-radius: 50px;
}

.submit_bid {
  float: left;
  margin-left: 20px;
}

.submit_bid .btn {
  margin: 0;
}

.form_fild .datepicker {
  background: url(../img/cal.png) no-repeat right center;
  padding: .375rem .75rem;
}

.datepicker.datepicker-dropdown.dropdown-menu {
  z-index: 9;
}

.minimum_bid {
  display: block;
  font-size: 12px;
  color: #464646;
  padding-top: 5px;
}

.remaining_time_box {
  display: block;
  font-size: 22px;
  color: #262626;
  padding: 30px 0px;
  border-bottom: solid 1px #f4f2f1;
  margin-bottom: 30px;
}

.remaining_time_box:after {
  display: table;
  clear: both;
  content: "";
}

.remaining_time_box:before {
  display: table;
  clear: both;
  content: "";
}

.remaining_time_box .remaining_left {
  float: left;
  max-width: 70%;
}

.remaining_time_box .remaining_right {
  float: right;
  max-width: 25%;
}

.remaining_time_box span {
  color: #ff0000;
  font-family: "ProximaNova-Bold";
}

.bid_history_box {
  display: block;
  background: #fff;
  box-shadow: 0 0 30px #e8edf5;
  padding: 0px;
  margin-top: 20px;
}

.bid_history_list {
  display: block;
}

.bid_history_list ul li {
  display: block;
  padding: 15px;
  border-bottom: solid 1px #f4f2f1;
}

.bid_history_list ul li:after {
  display: table;
  clear: both;
  content: "";
}

.bid_history_list ul li:before {
  display: table;
  clear: both;
  content: "";
}

.bid_history_list ul li .bid_history_left {
  float: left;
  width: 70%;
}

.bid_history_list ul li .bid_history_left figure {
  float: left;
  width: 66px;
  height: 66px;
  overflow: hidden;
  margin: 0;
}

.bid_history_list ul li .bid_history_left figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bid_history_list ul li .bid_history_left figcaption {
  float: left;
  width: calc(100% - 66px);
  padding-left: 20px;
  padding-top: 10px;
}

.bid_history_list ul li .bid_history_left figcaption h3 {
  font-size: 20px;
}

.bid_history_list ul li .bid_history_left figcaption .bid_date {
  display: block;
  font-size: 14px;
  color: #262626;
}

.bid_amount_box {
  float: right;
  max-width: 25%;
  background: #8685bb;
  padding: 10px 40px;
  border-radius: 50px;
}

.bid_amount_box h4 {
  font-size: 16px;
  color: #fff;
  font-family: "ProximaNova-Semibold";
}

.bid_amount_box span {
  display: block;
  font-size: 24px;
  color: #fabb00;
  font-family: "ProximaNova-Semibold";
}

/*--------------------------------------------------------------------
manage-cards-page-css-here
--------------------------------------------------------------------*/
.manage_cards_bg {
  display: block;
}

.manage_cards_head {
  display: block;
  padding-bottom: 30px;
}

.manage_cards_head:after {
  display: table;
  clear: both;
  content: "";
}

.manage_cards_head:before {
  display: table;
  clear: both;
  content: "";
}

.manage_cards_head .manage_cards_left {
  float: left;
  max-width: 50%;
  padding-top: 9px;
}

.manage_cards_head .manage_cards_left h2 {
  font-size: 24px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  margin: 0;
  padding: 0;
}

.manage_cards_head .add_card_button {
  float: right;
  max-width: 50%;
}

.manage_cards_head .add_card_button .btn {
  margin: 0;
}

.card_box {
  border: solid 1px #e0e0e0;
  padding: 15px;
  margin-bottom: 30px;
}

.card_box_top {
  display: block;
}

.card_box_top:after {
  display: table;
  clear: both;
  content: "";
}

.card_box_top:before {
  display: table;
  clear: both;
  content: "";
}

.card_top_left {
  float: left;
  width: 65%;
}

.card_top_left .card_icon {
  margin-bottom: 10px;
}

.card_top_left .card_number {
  padding-bottom: 5px;
  font-size: 16px;
  color: #464646;
}

.card_top_left .card_date {
  padding-bottom: 10px;
  font-size: 16px;
  color: #464646;
}

.card_top_left .card_date span {
  padding-left: 25px;
  color: #aca9a9;
}

.card_box_bottom {
  display: block;
  border-top: solid 1px #e0e0e0;
  padding: 15px 0 0 0px;
}

.card_box_bottom:after {
  display: table;
  clear: both;
  content: "";
}

.card_box_bottom:before {
  display: table;
  clear: both;
  content: "";
}

.card_box_bottom .set_primary {
  float: left;
}

.card_box_bottom .set_primary a {
  font-size: 16px;
  color: #0055a0;
  font-family: "ProximaNova-Semibold";
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
  display: block;
}

.card_box_bottom .set_primary a:hover {
  color: #fabb00;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.card_box_bottom .card_delete {
  float: right;
}

.card_box_bottom .card_delete a {
  font-size: 18px;
  display: block;
  color: #aca9a9;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}

.card_box_bottom .card_delete a:hover {
  color: #fabb00;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.card_top_right {
  float: right;
  font-size: 14px;
  color: #b9b9b9;
  font-family: "ProximaNova-Semibold";
}

.manage_card_list .row:last-child .card_box {
  margin-bottom: 0;
}

.bid_price {
  display: block;
  color: #676767;
  font-size: 20px;
  font-family: "ProximaNova-Bold";
}

.bid_price span {
  font-family: "ProximaNova-Regular";
  color: #676767;
}

.remaining_time {
  display: block;
  font-size: 16px;
  color: #262626;
  padding-top: 10px;
}

.remaining_time span {
  color: #ff0000;
  font-family: "ProximaNova-Bold";
}

.contact_button {
  float: right;
  position: relative;
}

.favourite_cart {
  float: right;
}

.favourite_cart .btn {
  display: block;
}

.favourite_cart .add_cart_fav {
  background: #fabb00;
}

.favourite_cart .add_cart_fav:hover {
  background: #0055a0 !important;
}

/*--------------------------------------------------------------------
notification-list-page-css-here
--------------------------------------------------------------------*/
.notification_list {
  display: block;
  background: #fff;
  margin: 20px;
}

a.btn-clear:hover {
  color: #fff;
}

.notification_list ul li {
  display: block;
  background: #fff;
  padding: 15px;
  position: relative;
  border-bottom: solid 1px #f1f3f6;
}

.notification_list ul li:after {
  display: table;
  clear: both;
  content: "";
}

.notification_list ul li:before {
  display: table;
  clear: both;
  content: "";
}

.notification_list ul li .notification_icon {
  float: left;
  background: #71c8bb;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: #464646;
  padding-top: 10px;
}

.notification_list ul li .profile_icon_message {
  float: left;
  background: #ffffff;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  text-align: center;
  line-height: 50px;
  font-size: 30px;
  color: #464646;
  padding-top: 0px;
}

.notification_list ul li .notification_des {
  float: left;
  width: calc(100% - 50px);
  padding-right: 95px;
  padding-left: 25px;
}

.notification_list ul li .notification_des h4 {
  font-size: 16px;
  color: #464646;
  margin-bottom: 4px;
  font-weight: 500;
}

.notification_list ul li .notification_des p {
  margin: 0;
  font-size: 13px;
  color: #262626;
  margin: 0;
  opacity: 0.7;
}

.notification_list ul li time {
  position: absolute;
  right: 25px;
  top: 30px;
  font-size: 13px;
  color: #262626;
  font-style: italic;
}

.notification_list ul li.active {
  background: #f5f5f5;
  border-bottom: solid 1px white;
}

/*--------------------------------------------------------------------
my-cart-page-css-here
--------------------------------------------------------------------*/
.white_bg {
  background: #fff;
  box-shadow: 1px 1.732px 4px rgba(0, 0, 0, 0.05);
}

.my_cart_bg {
  padding: 20px;
  margin: 30px 0px;
}

.cart_head {
  display: block;
  padding-bottom: 15px;
}

.cart_head h2 {
  font-size: 24px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}

.cart_table_bg {
  display: block;
  overflow: auto;
}

.cart_table_bg table {
  border: none;
}

.cart_table_bg table tr th {
  font-size: 16px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  border: none;
  background: none;
  border-bottom: solid 1px #dbe0e6;
}

.cart_table_bg table tr td {
  border: none;
  background: none !important;
  border-bottom: solid 1px #dbe0e6;
  color: #262626;
}

.cart_product {
  display: block;
  width: 135px;
}

.cart_product:after {
  display: table;
  clear: both;
  content: "";
}

.cart_product:before {
  display: table;
  clear: both;
  content: "";
}

.cart_product figure {
  float: left;
  width: 80px;
  height: 80px;
  margin: 0;
  overflow: hidden;
  border: solid 1px #f1f3f6;
}

.cart_product figure a {
  display: block;
}

.cart_product figure a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cart_product figcaption {
  float: left;
  width: calc(100% - 80px);
  padding-left: 15px;
  padding-top: 23px;
}

.cart_product figcaption h4 {
  margin: 0;
  padding: 0;
}

.cart_product figcaption h4 a {
  font-size: 14px;
  color: #0055a0;
}

.current_price {
  font-size: 14px;
  color: #262626;
}

.current_price strong {
  font-family: "ProximaNova-Bold";
}

.total_price {
  font-size: 18px;
  color: #262626;
  font-family: "ProximaNova-Bold";
}

.order_summary_bg {
  display: block;
  padding-top: 15px;
}

.order_summary_bg:after {
  display: table;
  clear: both;
  content: "";
}

.order_summary_bg:before {
  display: table;
  clear: both;
  content: "";
}

.order_summary_bg .order_summary_box {
  float: right;
  width: 453px;
  border: solid 1px #e0e0e0;
  padding: 15px;
}

.order_summary_bg .order_summary_box h3 {
  font-size: 24px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  padding-bottom: 0px;
}

.order_table_box {
  display: block;
  overflow: auto;
}

.order_table_box table {
  font-size: 14px;
  color: #262626;
  border: none;
}

.order_table_box table tr td {
  border: none;
  border-bottom: solid 1px #f1f3f6;
  padding-left: 0;
  padding-right: 0;
}

.checkout_button {
  display: block;
  padding-top: 15px;
}

.checkout_button:after {
  display: table;
  clear: both;
  content: "";
}

.checkout_button:before {
  display: table;
  clear: both;
  content: "";
}

.checkout_button a {
  float: right;
}

/*--------------------------------------------------------------------
make-payment-page-css-here
--------------------------------------------------------------------*/
.make_payment_bg {
  display: block;
  padding: 70px 115px;
}

.update_cart_des {
  display: block;
  padding: 30px;
}

.update_cart_button {
  display: block;
  text-align: right;
  padding-bottom: 15px;
}

.update_cart_button a {
  font-size: 16px;
  color: #0055a0;
  font-family: "ProximaNova-Semibold";
}

.address_box {
  display: block;
}

.address_box h3 {
  font-size: 16px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}

.address_box h3 i {
  color: #0055a0;
  font-size: 25px;
  position: relative;
  top: 4px;
  margin-left: 5px;
}

.address_box p {
  font-size: 14px;
  color: #262626;
}

.product_price_box {
  display: block;
  overflow: auto;
}

.product_price_box table {
  width: 100%;
  border: none !important;
}

.product_price_box table tr th {
  border: none;
  background: none !important;
  font-size: 16px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  padding-left: 0;
  padding-right: 0;
  border-bottom: solid 1px #dbe0e6;
}

.product_price_box table tr td {
  border: none;
  background: none !important;
  font-size: 14px;
  color: #262626;
  padding-left: 0;
  padding-right: 0;
  border-bottom: solid 1px #f1f3f6;
}

.product_price_box table tr td a {
  font-size: 14px;
  color: #0055a0;
  font-family: "ProximaNova-Semibold";
}

.product_price_box table tr td strong {
  font-size: 17px;
  color: #000;
  font-family: "ProximaNova-Semibold";
}

.payment_details_box {
  background: #0055a0;
  padding: 30px;
}

.payment_details_box h3 {
  font-size: 22px;
  color: #fff;
  font-family: "ProximaNova-Semibold";
  padding: 10px 0px;
}

.payment_details_box .form_fild label {
  color: #fff;
  font-size: 14px;
}

.expiry_box h5 {
  font-size: 14px;
  color: #fff;
  margin: 0;
}

.payment_button .btn {
  margin: 0;
  width: 100%;
  background: #fabb00;
}

.or_box {
  display: block;
  text-align: center;
  border-top: solid 1px #2c71ae;
  margin: 30px 0px;
}

.or_box span {
  display: inline-block;
  width: 33px;
  height: 33px;
  border-radius: 100%;
  font-size: 13px;
  color: #464646;
  background: #fff;
  line-height: 33px;
  position: relative;
  z-index: 9;
  top: -17px;
}

.checkout_paypal_button {
  display: block;
  text-align: center;
}

.checkout_paypal_button a {
  display: block;
  background: #fff;
}

.cancel_payment {
  display: block;
  text-align: center;
  padding-top: 15px;
}

.cancel_payment a {
  color: #fabb00;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "ProximaNova-Semibold";
}

.add_cart_button {
  margin-left: 10px;
  float: left;
}

.add_cart_button .btn {
  margin: 0;
  background: #fabb00;
}

/*--------------------------------------------------------------------
checkout-page-css-here
--------------------------------------------------------------------*/
.chekout_bg {
  padding: 30px 0px;
}

.checkout_form_box {
  display: block;
  padding: 15px;
  margin-bottom: 20px;
}

.checkout_form_box h3 {
  font-size: 24px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  padding-bottom: 10px;
}

.checkout_form_box h3 sub {
  font-size: 16px;
  color: #fabb00;
}

.checkout_form_box:last-child {
  margin-bottom: 0;
}

.placeorder_button {
  display: block;
  text-align: center;
  padding: 20px 0 10px 0px;
}

.placeorder_button .btn {
  margin: 0;
}

/*--------------------------------------------------------------------
checkout-page-css-here
--------------------------------------------------------------------*/
.accept_reject_box {
  float: right;
}

.accept_reject_box .btn {
  display: block;
  min-width: 156px;
}

.accept_reject_box .accept_btn {
  background: #51b594;
}

.accept_reject_box .reject_btn {
  background: #db202b;
}

.acc_rej_butto {
  float: right;
}

.accepted a {
  color: #51b594;
  font-size: 19px;
  font-family: "ProximaNova-Bold";
}

.accepted a:hover {
  color: #fabb00;
}

.pending a {
  color: #0055a0;
  font-size: 19px;
  font-family: "ProximaNova-Bold";
}

.pending a:hover {
  color: #fabb00;
}

.acc_rej_butto {
  float: right;
}

.rejected a {
  color: #db202b;
  font-size: 19px;
  font-family: "ProximaNova-Bold";
}

.rejected a:hover {
  color: #fabb00;
}

/*--------------------------------------------------------------------
payment-history-page-css-here
--------------------------------------------------------------------*/
.customer_payment_history_bg {
  display: block;
}

.payment_history_head {
  display: block;
}

.payment_history_head h2 {
  font-size: 24px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}

.successfull {
  color: #51b594;
}

.failure {
  color: #ff0000;
}

/*--------------------------------------------------------------------
Purchase-history-page-css-here
--------------------------------------------------------------------*/
.customer_purchase_history_bg .my_product_head {
  padding-top: 0;
}

.rate_now_button a {
  height: 35px;
  line-height: 35px;
  font-size: 13px;
}

/*--------------------------------------------------------------------
rate-step-1-page-css-here
--------------------------------------------------------------------*/
.step_bg {
  text-align: center;
  padding: 50px 0px;
}

.step_bg .step_inner {
  display: inline-block;
  width: 566px;
  padding: 30px;
  min-height: 300px;
}

.step_title {
  display: block;
  padding-bottom: 30px;
}

.step_title h2 {
  font-size: 24px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}

.step_head {
  display: block;
  text-align: center;
  min-height: 85px;
}

.step_head ul {
  display: inline-block;
  width: 265px;
  height: auto;
  position: relative;
}

.step_head ul:before {
  width: 100%;
  content: "";
  height: 2px;
  background: #cccaca;
  position: absolute;
  left: 0;
  top: 1px;
}

.step_head ul li {
  float: left;
  position: relative;
  width: 50%;
}

.step_head ul li span {
  display: block;
  position: relative;
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 35px;
  background: #999999;
  border: solid 6px #dcdada;
  border-radius: 100%;
  color: #fff;
  font-family: "ProximaNova-Semibold";
  font-size: 16px;
  top: -22px;
}

.step_head ul li h4 {
  position: relative;
  left: -70px;
  top: 0px;
  margin-top: 0px;
  font-size: 16px;
  color: #999999;
  width: 200px;
}

.step_head ul li:last-child {
  float: right;
  text-align: right;
}

.step_head ul li:last-child span {
  display: inline-block;
}

.step_head ul li:last-child h4 {
  left: 0;
  right: -70px;
}

.step_head ul li.active span {
  background: #0055a0;
  border: solid 6px #fabb00;
}

.step_head ul li.active h4 {
  color: #0055a0;
}

.service_rating_box {
  display: block;
  padding: 30px 0px;
  text-align: center;
}

.service_rating_box ul {
  display: inline-block;
}

.service_rating_box ul li {
  display: block;
}

.service_rating_box ul li:after {
  display: table;
  clear: both;
  content: "";
}

.service_rating_box ul li:before {
  display: table;
  clear: both;
  content: "";
}

.service_rating_box ul li label {
  float: left;
  background: url(../img/dot.png) no-repeat right center;
  font-size: 14px;
  color: #262626;
  width: 148px;
  padding-top: 4px;
  text-align: left;
}

.service_rating_box ul li .serv_rating {
  float: left;
  padding-left: 25px;
}

.back_next_button {
  display: block;
  text-align: center;
  padding: 20px 0px;
}

.back_next_button ul {
  display: inline-block;
}

.back_next_button ul li {
  float: left;
  margin-right: 15px;
}

.back_next_button ul li a.btn {
  font-size: 16px;
  min-width: 133px;
}

.back_next_button ul li a.next {
  background: #fabb00;
}

.skip_button {
  display: block;
  text-align: center;
}

.skip_button a {
  font-size: 16px;
  color: #0055a0;
}

.skip_button a:hover {
  color: #fabb00;
}

.service_profile {
  display: block;
  text-align: center;
  padding-bottom: 25px;
}

.service_profile figure {
  display: inline-block;
  width: 96px;
  height: 96px;
  overflow: hidden;
}

.service_profile figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service_profile h4 {
  font-size: 18px;
  font-family: "ProximaNova-Semibold";
}

.service_profile h4 a {
  color: #0055a0;
}

/*--------------------------------------------------------------------
chat-page-css-here
--------------------------------------------------------------------*/
.chat_bg {
  display: block;
  background: #fff;
}

.chat_bg:after {
  display: table;
  clear: both;
  content: "";
}

.chat_bg:before {
  display: table;
  clear: both;
  content: "";
}

.chat_left {
  float: left;
  width: 300px;
  background: #fff;
  border-right: solid 1px #d7d7d7;
}

.chat_left_head {
  display: block;
  background: #0055a0;
  padding: 15px;
  border-bottom: solid 2px #fabb00;
}

.chat_left_head:after {
  display: table;
  clear: both;
  content: "";
}

.chat_left_head:before {
  display: table;
  clear: both;
  content: "";
}

.chat_left_head figure {
  float: left;
  margin: 0;
  width: 50px;
  height: 50px;
}

.chat_left_head figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}

.chat_left_head figcaption {
  float: left;
  width: calc(100% - 50px);
  padding-left: 15px;
  font-size: 14px;
  color: #fff;
  padding-top: 15px;
}

.chat_user_list {
  display: block;
  overflow: auto;
}

.chat_user_list ul li {
  display: block;
  padding: 15px;
  border-bottom: solid 1px #d7d7d7;
}

.chat_user_list ul li:after {
  display: table;
  clear: both;
  content: "";
}

.chat_user_list ul li:before {
  display: table;
  clear: both;
  content: "";
}

.chat_user_list ul li figure {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0;
}

.chat_user_list ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chat_user_list ul li figcaption {
  float: left;
  width: calc(100% - 50px);
  padding-left: 15px;
  padding-top: 8px;
  position: relative;
}

.chat_user_list ul li figcaption h4 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #262626;
  padding-right: 60px;
}

.chat_user_list ul li figcaption p {
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #7e7e7e;
  padding-right: 40px;
}

.chat_user_list ul li figcaption time {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #7e7e7e;
}

.chat_user_list ul li figcaption .notif_number {
  position: absolute;
  right: 0;
  top: 20px;
  width: 18px;
  height: 18px;
  background: #fabb00;
  border-radius: 100%;
  text-align: center;
  font-size: 10px;
  padding-top: 2px;
  color: #fff;
}

.chat_user_list ul li:last-child {
  border-bottom: none;
}

.chat_user_list ul li.active {
  background: #ebebeb;
}

.chat_right {
  float: left;
  width: calc(100% - 300px);
}

.chat_right_head {
  display: block;
  background: #ebebeb;
  padding: 10px;
}

.chat_right_head:after {
  display: table;
  clear: both;
  content: "";
}

.chat_right_head:before {
  display: table;
  clear: both;
  content: "";
}

.chat_right_head figure {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0;
  overflow: hidden;
}

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

.chat_right_head figcaption {
  float: left;
  width: calc(100% - 50px);
  padding-left: 20px;
  padding-top: 5px;
}

.chat_right_head figcaption h4 {
  font-size: 18px;
  color: #262626;
  margin: 0;
  padding: 0;
}

.chat_right_head figcaption p {
  font-size: 13px;
  color: #7e7e7e;
  margin: 0;
  padding: 0;
}

.chat_message_list {
  display: block;
  padding: 25px 15px;
  overflow: auto;
}

.chat_message_list ul li {
  display: block;
}

.chat_message_list ul li:after {
  display: table;
  clear: both;
  content: "";
}

.chat_message_list ul li:before {
  display: table;
  clear: both;
  content: "";
}

.chat_message_list ul li .message_box {
  margin-bottom: 35px;
  width: 100%;
}

.chat_message_list ul li .message_img_des {
  display: block;
}

.chat_message_list ul li .message_img_des:after {
  display: table;
  clear: both;
  content: "";
}

.chat_message_list ul li .message_img_des:before {
  display: table;
  clear: both;
  content: "";
}

.chat_message_list ul li .message_img_des figure {
  float: left;
  margin: 0;
  width: 38px;
  height: 38px;
  overflow: hidden;
}

.chat_message_list ul li .message_img_des figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chat_message_list ul li .message_img_des figcaption {
  float: left;
  max-width: calc(100% - 55px);
  margin-left: 15px;
  background: #f6f6f6;
  display: inline-block;
  padding: 8px 10px;
  border-radius: 4px;
  box-shadow: 0px 0px 10px #79848f;
  min-width: 250px;
  position: relative;
}

.chat_message_list ul li .message_time {
  position: absolute;
  right: 0;
  bottom: -25px;
  font-size: 12px;
  color: #7e7e7e;
}

.chat_message_list ul .chat_message_right .message_box {
  float: right;
}

.chat_message_list ul .chat_message_right .message_box figure {
  float: right;
}

.chat_message_list ul .chat_message_right .message_box figcaption {
  float: right;
  margin-left: 0;
  margin-right: 15px;
  background: #fabb00;
  color: #fff;
}

.message_send_box {
  display: block;
  background: #f7f7f7;
  padding: 25px;
  position: relative;
  margin-bottom: 0;
}

.message_send_box .form-control {
  width: 100%;
  height: 50px;
  background: #fff !important;
  border: solid 1px #d7d7d7;
  border-radius: 5px;
  resize: none;
  padding-top: 10px;
  font-size: 14px;
  color: #c5c1c1;
  padding-right: 75px;
}

.message_send_box input[type="submit"] {
  width: 48px;
  height: 49px;
  background: url(../img/send.png) no-repeat;
  position: absolute;
  right: 28px;
  top: 26px;
  border: none;
  text-indent: -9999px;
  z-index: 9;
  cursor: pointer;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}

.message_send_box input[type="submit"]:hover {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.all-cat-drop {
  background: #fff;
  border-radius: 50px;
}

/*--------------------------------------------------------------------
Order-summary-details-page-css-here
--------------------------------------------------------------------*/
.order_summary_bg {
  background: #f8f8f8;
  margin: 30px 0px;
  padding: 40px 85px;
}

.order_summary_head {
  display: block;
}

.order_summary_head:after {
  display: table;
  clear: both;
  content: "";
}

.order_summary_head:before {
  display: table;
  clear: both;
  content: "";
}

.summary_head_left {
  float: left;
  width: 50%;
}

.summary_logo {
  display: block;
}

.summary_logo a {
  display: inline-block;
  max-width: 103px;
}

.Aupair_address_box {
  display: block;
  padding-top: 15px;
}

.Aupair_address_box p {
  font-size: 16px;
  color: #cccccc;
}

.summary_head_right {
  float: right;
  min-width: 315px;
  max-width: 315px;
  background: #fabb00;
  padding: 15px;
  text-align: right;
}

.summary_head_right h3 {
  font-size: 32px;
  color: #fff;
  text-transform: uppercase;
  font-family: "ProximaNova-Semibold";
}

.summary_head_right p {
  font-size: 18px;
  color: #fff;
  margin: 0;
  padding: 0;
}

.Aupair_address_list {
  display: block;
  padding: 70px 0px;
}

.Aupair_address_list:after {
  display: table;
  clear: both;
  content: "";
}

.address_list {
  display: block;
}

.address_list ul {
  display: block;
}

.address_list ul:after {
  display: table;
  clear: both;
  content: "";
}

.address_list ul:before {
  display: table;
  clear: both;
  content: "";
}

.address_list ul li {
  float: left;
  width: 33.3%;
}

.address_list ul li h3 {
  font-size: 18px;
  color: #fabb00;
}

.address_list ul li p {
  font-size: 15px;
  color: #262626;
}

.invocie_amount_box {
  display: block;
  text-align: right;
}

.invocie_amount_box h3 {
  font-size: 18px;
  color: #222222;
  font-family: "ProximaNova-Semibold";
}

.invocie_amount_box p {
  font-size: 26px;
  color: #222222;
  font-family: "ProximaNova-Semibold";
}

.invoice_table {
  display: block;
  overflow: auto;
}

.invoice_table table {
  border: solid 1px #d7d7d7;
}

.invoice_table table tr th {
  font-size: 18px;
  text-align: center;
  color: #fff;
  background: #0055a0;
  border: none;
}

.invoice_table table tr th:first-child {
  text-align: left;
}

.invoice_table table tr td {
  border: none;
  text-align: center;
  border-bottom: solid 1px #d7d7d7;
  font-size: 14px;
  color: #222222;
}

.invoice_table table tr td strong {
  color: #0055a0;
  font-family: "ProximaNova-Bold";
  font-size: 18px;
}

.invoice_table table tr td:first-child {
  text-align: left;
}

.invoice_footer {
  display: block;
  text-align: center;
  padding-top: 50px;
}

.invoice_footer p {
  margin: 0;
  font-size: 14px;
  color: #0055a0;
  margin: 0;
}

.grid_list {
  float: left;
}

.grid_list a {
  float: left;
  margin-right: 10px;
  padding: 0 !important;
  background: none !important;
}

.grid_list a:last-child {
  margin-right: 0;
}

.user_listing_des {
  display: block;
  text-align: center;
  padding-top: 15px;
}

.user_listing_des .rating-stars {
  width: 100% !important;
}

.user_listing_des .contact_seller {
  float: none;
}



.cont_list ul li figure i {
  color: #fff !important;
}

.chat_user_button {
  display: none;
}

.user_close {
  display: none;
}

.profile_user_des {
  display: block;
  text-align: center;
  padding-top: 15px;
}

.profile_user_des .jq-ry-container {
  width: 100% !important;
}

.js-cookie-consent .modal-body .form_fild.form-group {
  padding-right: 30px;
}

.form_fild {
  position: relative;
}

.form_fild span {
  position: absolute;
  left: -8px;
  top: 0;
}

.rating-box-section {
  padding: 60px 0px;
}

#gallery {
  padding-top: 40px;
}

@media screen and (min-width: 991px) {
  #gallery {
    padding: 60px 0px 60px 0px;
    background: #fff;
  }
}

.img-wrapper {
  position: relative;
  margin-top: 15px;
}

.img-wrapper img {
  width: 100%;
}

.img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

.img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  object-fit: contain;
  padding: 5%;
}

@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}

@media screen and (min-width: 1200px) {
  #overlay img {
    width: 50%;
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  cursor: pointer;
}

#nextButton:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  #nextButton {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  cursor: pointer;
  transition: opacity 0.8s;
}

#prevButton:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  #prevButton {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  cursor: pointer;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}

#exitButton:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  #exitButton {
    font-size: 3em;
  }
}

.blk1 .list_select_box {
  margin-left: 10px;
}

.my_product_head .create_form_box .list_select_box.listsearch .form-control {
  border-radius: 50px 0px 0px 50px;
  outline: none;
  box-shadow: none;
}

.submit_search_button {
  height: 42px;
  border: none;
  border-radius: 0px 50px 50px 0px;
  background: #0055a0;
  font-size: 14px;
  color: #fff;
  padding: 0px 15px;
}

/*# sourceMappingURL=style.css.map */

button.btn-track {
  background: #FFFFFF;
  box-shadow: 15px 20px 45px rgb(233 233 233 / 25%);
  border-radius: 12px;
  position: absolute;
  bottom: -8%;
  left: 15%;
  right: 15%;
  padding: 18px 30px;
  border: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #0055A0;
  cursor: pointer;
}

h3.home-new-heading {
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  text-align: center;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: 30px;
}

.color_blue {
  color: #0055A0 !important;
}

.rnd-radius {
  border-radius: 20px;
}

.home-new-heading:after {
  content: "";
  height: 3px;
  width: 205px;
  background: #0055A0 !important;
  position: absolute;
  bottom: inherit;
  left: 44%;
  /* right: 50%; */
  margin-top: 39px;
}

.sign-up-sec .form_box {
  padding: 25px 75px;
}


.form_fild select.form-control {
  background: #fff url(../img/select-arrow.png);
  background-repeat: no-repeat;
  background-position: center right 15px;
}

.form_box h2 {
  margin-bottom: 20px;
  font-family: 'ProximaNova-Semibold';
  font-size: 24px;
}

.match-footer-sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 10px 20px;
  border-top: 1px solid #f0f0f0;
}

.match-footer-sec p {
  margin: 0;
}

.match-sec .form_box {
  padding: 0;
}

.match-sec-head {
  padding: 30px;
}

.match-sec-body {
  padding: 10px 30px 10px;
}

.match-sec-head h2 {
  margin-bottom: 0;
}


.match-sec-head {
  padding: 15px 30px 15px;
}

.match-sec>h2 {
  font-family: 'ProximaNova-Semibold';
}

.match-footer-sec p {
  font-family: 'ProximaNova-Semibold';
}

.match-sec-body ul li {
  position: relative;
}

.match-sec-body ul li input[type="checkbox"]:not(:checked)+label::before {
  content: "";
  background: #E2E2E2;
  border: 1px solid #E2E2E2;
  left: 8px !important;
  top: 6px !important;
  width: 18px;
  height: 18px;
  position: absolute;
  border-radius: 18px;
}

.match-sec-body ul li input[type="checkbox"]:checked+label::before {
  content: "";
  background: #71c8bb;
  border: 1px solid #71c8bb;
  left: 8px !important;
  top: 6px !important;
  width: 18px;
  height: 18px;
  position: absolute;
  border-radius: 18px;
}


.match-sec-body ul li input[type="checkbox"]:checked+label::after {
  content: "";
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 0;
  top: 9px;
  left: 15px;
  background: #71c8bb;
  position: absolute;
}

.match-sec-body ul li input[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after,
.match-sec-body ul li [type="checkbox"]:checked+label:after,
[type="checkbox"]:not(:checked)+label:after {
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 0;
  top: 8px;
  left: 15px;
  background: #71c8bb;
  position: absolute;

}

.match-sec-body ul li [type="radio"]:checked+label:before,
.match-sec-body ul li [type="radio"]:not(:checked)+label:before,
.match-sec-body ul li [type="checkbox"]:checked+label:before,
.match-sec-body ul li [type="checkbox"]:not(:checked)+label:before {
  background: #71c8bb;
  border: 1px solid #71c8bb;
}


.match-sec-body ul li [type="radio"]+label,
.match-sec-body ul li [type="checkbox"]+label {
  border: 1px solid #E2E2E2;
  display: inline-flex;
  align-items: center;
  border-radius: 33px;
  height: 30px;
  padding-right: 16px;
  padding-left: 37px;
}

.match-sec-body ul li [type="radio"]:checked+label,
.match-sec-body ul li [type="checkbox"]:checked+label {
  border: 1px solid #71c8bb;
  color: #71c8bb;
}

.match-sec-body ul li [type="radio"]:checked+label,
.match-sec-body ul li [type="checkbox"]:checked+label {
  border: 1px solid #71c8bb;
}


.match-sec-body ul li [type="radio"]:checked+label:before,
.match-sec-body ul li [type="radio"]:not(:checked)+label:before,
.match-sec-body ul li [type="checkbox"]:checked+label:before,
.match-sec-body ul li [type="checkbox"]:not(:checked)+label:before {
  left: 8px !important;
  top: 5px !important;
}

.match-sec-body ul li [type="radio"]:not(:checked)+label:before,
.match-sec-body ul li [type="checkbox"]:not(:checked)+label:before {
  background: #E2E2E2;
  border: 1px solid #E2E2E2;
}


a.nav-link.btn.btn-dark {
  background: #042A4B !important;
}

.academy-banner.mb-5 img {
  margin-top: 14px;
}

.form_fild label {
  margin-right: 10px;
}

.sign-up-sec .form_head h2 {
  margin-bottom: 0;
}

.form_fild.form-group a i {
  color: #f1c94b;
  padding-right: 2px;
}

.form_fild.form-group a {
  padding-top: 9px;
  display: block;
  font-size: 13px;
  color: #000;
}

.rating-list {
  display: flex;
  justify-content: center;
}

.rating-list li {
  padding: 0 5px;
}

.modal-body ul li i {
  font-size: 25px;
  color: #ddd;
}

ul.rating-list li a:hover i {
  color: #f1c94b;
}

.rating-modal .close {
  padding: 1rem;
  margin: 0;
  font-size: 34px;
}

.modal-title {
  font-size: 20px;
  font-family: 'ProximaNova-Bold';
}

.inner-modal-title {
  font-size: 14px;
  text-transform: capitalize;
  color: rgb(0 0 0 / 80%);
}



.rating-modal .modal-dialog {
  max-width: 400px;
}

.rating-modal textarea.form-control.textarea-box {
  height: 180px;
  border-radius: 8px;
}

.rating-modal .modal-dialog .modal-content {
  border: 0;
  border-radius: 8px;
  box-shadow: none;
}


.product_categories .card-header a {
  padding: 0;
}

.product_categories .card {
  padding: 15px 15px 15px;
}

.product_box figure a {
  display: block;
  height: 100%;
}

.academy figure a {
  pointer-events: none;
}

.product_box figure .mainproduct-img {
  height: 200px;
  width: 200px ! important;
  margin: auto;
  border-radius: 50%;
  object-fit: cover;
}




.product_box .product_des_top h4 {
  margin-bottom: 0;
}

.product_box .product_des_top h4 a {
  font-size: 15px;
}

.product_des_top span {
  color: rgb(0 0 0 / 40%);
  font-weight: 600;
}

.product_listing .my_product_title h2 {
  text-align: left !important;
  padding-bottom: 10px;
  font-weight: 500;
}

.drop-coustom .dropdown-toggle::after {
  display: none;
}

.allcategories_search_bg .allcategories .dropdown-menu {
  max-height: 250px;
  overflow-y: auto !important;
  width: 100%;
}

.active-wish {
  background-color: #fff !important;
  border: solid 1px #0055a0;
}


.fav_box2 .wishlist.active-wish {
  border: 1px solid #71c8bb;
}

.remaining_box .aupair-color-x {
  color: rgb(0 0 0 / 39%) !important;
}

ul.total-fav-list li {
  width: 33%;
  background: #fff;
}

.total_product_left {
  float: none;
  width: 100%;
}



ul.total-fav-list {
  display: flex;
  flex-wrap: wrap;

}

ul.total-fav-list li {
  margin: 0 10px 10px;
}

.favourite_cart {
  float: left;
  margin-left: 14px;
}

ul.total-fav-list li {
  width: 31%;
  background: #fff;
}

.total_product_list {
  box-shadow: none;
}

.umm-frame-buo7p6 {
  background-color: rgb(113 200 187) !important;
}


.profile_inner2 img {
  border-radius: 50%;
}

.jq-ry-normal-group.jq-ry-group {
  margin-bottom: 8px;
}

.rating-review-list-wrap .product_details_box {
  background: #fff;
}


.notification_list ul li .swith_box .bs-switch input:checked+.slider {
  background-color: #71c8bb;
}

.upload-img-sec img {
  width: 100%;
  height: 270px;
}

.upload-img-sec {
  margin-bottom: 15px;
}

.upload-btn {
  width: 310px;
  margin: auto;
  margin-top: 30px;
}

.ajax-file-upload {
  background-color: #71c8bb !important;
  box-shadow: 0 2px 0 0 #71c8bb !important;
}

.upload-img-sec .ajax-file-upload-red {
  position: absolute;
  height: 30px;
  border-radius: 50%;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -15px;
  right: -6px;
}

.btn-primary {
  background-color: #71c8bb !important;
}



.form_fild_select span {
  position: static;
  left: 0;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  margin-left: 3px;
}

.select2-container--default .select2-selection--multiple {
  text-align: left;
}



.select2-container--default .select2-selection--multiple {
  border-radius: 50px !important;
  border: 1px solid #e6e6e6 !important;
  box-shadow: 0.5px 0.866px 1px rgba(0, 0, 0, 0.05);
  background: #fff url(../img/select-arrow.png);
  background-repeat: no-repeat;
  background-position: center right 15px
}

.edit-profile-info .form_fild label {
  width: 100%;
  text-align: left;
}


.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #eda6b3 !important;
  color: white;
}

.verify-info label {
  width: 100%;
}

span.check-icon {
  position: absolute;
  left: 12px;
  top: 12px;
  background: #71c8bb;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

span.check-icon_favorites {
  position: absolute;
  left: -12px;
  top: -12px;
  background: #71c8bb;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

span.already_match_detail {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 10;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

span.already_match_similar {
  position: absolute;
  left: 12px;
  bottom: 100px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

span.already_match_favorites {
  position: absolute;
  right: 30px;
  top: 25px;

  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

span.already_match_rating {
  position: absolute;
  left: 102px;
  top: 11px;

  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

span.already_match {
  position: absolute;
  left: 12px;
  bottom: 12px;

  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

span.already_match img {
  height: 30px;
  width: 30px;
}

.wishlist.active-wish img {
  border-radius: 50%;
}

.umm-frame-buo7p6 {
  background-color: rgb(241, 201, 75) !important;
}


.fav_box2 .wishlist.active-wish i {
  color: #71c8bb;
}

.product_box figure .product_over_inner .fav_box a.active-wish {
  border-color: #71c8bb;
}

.not-found-img p {
  font-size: 20px;
  color: #71c8bb;
  margin-top: 20px;
  display: block;
}

.not-found-img {
  margin-top: 80px !important;
  margin: 0 auto;
  display: block;
}

.work_box:hover h4 {
  color: #eda6b3;
}

.work_box:hover .work_number span {
  background: #eda6b3;
}

.loader_logo img {
  width: 280px;
}

.get_your_box.home_info p {
  text-align: justify;
}

.product_box figcaption {
  min-height: 80px;
}

.product_box figure .product_over_inner .fav_box a.active-wish i {
  color: #71c8bb;
}


.plan-sec {
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  overflow: hidden;
}

.plan-sec-head {
  padding: 15px 20px 20px;
}

.plan-sec-body {
  padding: 25px 20px 20px;
}

.plan-sec.free-plan .plan-sec-head {
  background: #eda6b3;
}

.plan-sec-head h5 {
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
}

.plan-sec .plan-sec-head h2 {
  color: #fff;
  margin-bottom: 0;
  font-size: 30px;
  margin-top: 15px;
  font-weight: 600;
}

ul.plan-buget-list li {
  padding-bottom: 8px;
  color: rgb(0 0 0 / 56%);
  position: relative;
  padding-left: 25px;
}

.plan-buget-list li:after {
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  content: "\f058";
  left: 0;
  top: 0;
}

.plan-sec.free-plan .plan-buget-list li:after {
  color: #eda6b3;
}

.plan-sec.standard-plan .plan-sec-head {
  background: #71c8bb;
}

.plan-sec.premium-plan .plan-sec-head {
  background: #8685bb;
}

.plan-sec.exclusive-plan .plan-sec-head {
  background: #ff6803;
}



.plan-sec.standard-plan .plan-buget-list li:after {
  color: #71c8bb;
}


.plan-sec.premium-plan .plan-buget-list li:after {
  color: #8685bb;
}

.plan-sec.exclusive-plan .plan-buget-list li:after {
  color: #ff6803;
}

.plan-sec .plan-sec-head h2 sub {
  font-size: 14px;
  font-weight: 400;
}


.coustom-accordion .btn-link {
  border: 0;
  width: 100%;
  text-align: left;
  text-decoration: none;
  color: #000;
  font-weight: 500;
  background: #fff !important;
  padding: 16px 17px;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 0;
  font-size: 16px;
  cursor: pointer;
}

.coustom-accordion .btn-link::after {
  transition: transform .2s ease-in-out;
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  content: "\f067";
  right: 16px;
  top: 15px;
  color: rgb(0 0 0 / 77%);
  font-size: 14px;
  font-weight: 900;

}

.coustom-accordion .btn-link:not(.collapsed)::after {
  content: "\f068";
}

.coustom-accordion .card-header {
  padding: 0;
  background: #fff;
  border: 0;
}

.coustom-accordion .card {
  box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
  border-radius: 10px !important;
  overflow: hidden;
}

.coustom-accordion .btn-link:hover {
  text-decoration: none;
  color: #000;
}

.coustom-accordion .btn-link:not(.collapsed) {
  /* background: #71c8bb !important; */
  color: #71c8bb;
}

.faq-body {
  background: #fff !important;
  border-top: solid 1px #efefef;
}



.contact-us.image img {
  height: 400px;
  width: 100%;
  object-fit: cover;
  object-position: 100% 25%;
  border-radius: 8px;
}

.contact-us.image {
  margin-bottom: 45px;
}

.not-found-ratings {
  text-align: center;
  width: 100%;
  padding-top: 85px;
  padding-bottom: 90px;
}

.not-found-ratings p {
  font-size: 18px;
  color: #71c8bb;
}


.coustom-sec p {
  font-size: 14px;
  color: #2b2421;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1.4;
}

.coustom-sec {
  margin-bottom: 0;
  display: block;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.coustom-sec input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

.coustom-sec .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  border-radius: 2px;
  border: 1px solid #c7ccd2
}

.coustom-sec input:checked~.checkmark {
  background: #71c8bb;
  border-color: #71c8bb;
}

.coustom-sec .checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.coustom-sec input:checked~.checkmark:after {
  display: block
}

.coustom-sec .checkmark:after {
  left: 0;
  top: -2px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 0;
  bottom: 0;
  margin: auto
}


.js-cookie-consent .modal-dialog {
  max-width: 1000px;
}


.js-cookie-consent .modal {
  background: rgb(0 0 0 / 53%);
  padding-top: 100px;
}

.Cookies-checks {
  background: rgb(140 130 130 / 26%);
  padding: 20px 23px;
}

.confirm-btn {
  padding: 10px 17px;
  font-size: 14px;
  color: #000;
  border: 1px solid #000;
  text-transform: capitalize;
  border-radius: 3px;
}

.confirm-btn:focus {
  color: #000;
  border: 1px solid #000;
}

.confirm-btn:hover {
  color: #fff;
  cursor: pointer;
  border-color: #eda8b5;
  background: #eda8b5;
}

.why-cookies-sec h3 {
  font-size: 28px;
  color: #000;
  margin-bottom: 20px;
  font-weight: 600;
}

.js-cookie-consent .modal-body {
  padding: 35px 20px;
}

.card-header a {
  display: flex !important;
  align-items: center;
}

.card-header a .btn {
  margin-left: auto;
}

.product_categories .card-header a h5 {
  font-size: 20px;
}

.about-banner {
  padding: 60px 0;
  /* background-color: #F1F3F6; */
}

.about-banner h4 {
  font-size: 45px;
  font-family: "ProximaNova-Bold";
}

.about-banner p {
  font-size: 14px;
  color: #676767;
  line-height: 140%;
}

.about-banner-process {
  padding: 60px 0;
  background-color: #ffffff;
}

.about-banner-process h4 {
  font-size: 45px;
  font-family: "ProximaNova-Bold";
}

.about-banner p {
  font-size: 14px;
  color: #676767;
  line-height: 140%;
}

.about-us {
  background: #fff;
}

.about-video-box {
  width: 925px;
  height: 500px;
  margin: auto;
}

.about-video-box video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.about-video {
  padding: 50px 0;
}

.about-info-timeline-in li {
  position: relative;
  margin-bottom: 50px;
  padding: 0px 72px;
}

.about-info-timeline-in li:last-child {
  margin-bottom: 0px;
}

.about-info-timeline-in {
  position: relative;
  margin-bottom: 100px;
  margin-top: 100px;
}

.about-info-timeline-in:before {
  content: "";
  left: 48.3%;
  bottom: auto;
  width: 40px;
  height: 122px;
  position: absolute;
  background: #F6ACBA;
  top: -100px;
}

.about-info-timeline-in li:after {
  content: "";
  left: 48.3%;
  bottom: -50px;
  width: 40px;
  height: 122px;
  position: absolute;
  background: #71C8BB;
}

/* .about-info-timeline-in li:last-child::after {display:none;} */
.contact-from-partner {
  margin-top: 100px !important;
}

.about-sec-2 {
  margin-top: 65px;
}

.about-info-timeline-in li:nth-child(even):after {
  background: #F6ACBA;
}

.about-info-timeline-in li figure {
  min-width: 518px;
  max-width: 518px;
  height: 315px;
  overflow: hidden;
}

.about-sec-1 video {
  height: 315px;
}

.about-info-timeline-in li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-info-timeline-in li figcaption {
  width: 100%;
  padding: 40px;
  display: flex;
  align-items: center;
}

.about-info-timeline-in li figcaption h4 {
  font-size: 30px;
  font-family: "ProximaNova-semibold";
  color: #71C8BB;
}

.about-info-timeline-in li figcaption p {
  font-size: 16px;
  color: #676767;
  margin-bottom: 0;
}

.about-info-timeline-in li:nth-child(even) {
  flex-direction: row-reverse;
}

.about-info-timeline-in li:nth-child(even) figcaption h4 {
  color: #F6ACBA;
}

.heading_box {
  margin-bottom: 40px;
}

.heading_box_center {
  text-align: center;
  background-position: bottom center;
}

.lates-blog {
  padding: 10px 0px;
}

.about-blog .col-md-4 a {
  display: block;
  border-radius: 10px;
  background-color: #F9F9F9;
  width: 100%;
}

.about-blog .col-md-4 a figcaption {
  padding: 20px;
}

.about-blog .col-md-4 a figcaption p {
  margin-bottom: 0;
  font-size: 16px;
  color: #676767;
}

.about-blog .col-md-4 a figcaption h4 {
  margin-bottom: 10px;
  font-size: 20px;
  color: #1E1C1C;
  font-family: "ProximaNova-bold";
}

.about-blog .col-md-4 a figcaption time {
  color: #71C8BB;
  display: block;
  margin-bottom: 5px;
  font-family: "ProximaNova-semibold";
}

.about-blog .col-md-4 {
  display: flex;
}

.btn-pink {
  background: #EDA6B3 !important;
}

.listing-sort button {
  color: #555;
  border-radius: 10px;
  background: none;
  color: #000000;
  font-size: 24px;
  border: none;
  margin-left: 10px;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.listing-sort button.active {
  background: #EDA6B3;
  color: #fff;
}

.row-list {
  display: block;
}

.row-list .col-md-4 {
  max-width: 100%;
}

.row-list .col-md-4 .product_box {
  display: flex;
  align-items: center;
}

.row-list .col-md-4 .product_box figure a.clicked {
  width: 100px;
  height: 100px;
}

.row-list .col-md-4 .product_box figure a.clicked img {
  width: 100% !important;
  height: 100% !important;
}

.row-list .col-md-4 .product_box figcaption {
  border: none;
  display: flex;
  align-items: center;
  margin-left: 15px;
}

.row-list .col-md-4 .product_box figcaption .product_des_top {
  padding: 0;
}

.row-list .col-md-4 .product_box .product_des_top h4 a {
  font-size: 22px;
}

.heading-new h4 {
  font-size: 40px;
  font-family: "ProximaNova-bold";
  margin-top: 40px;
}

.heading-new p {
  font-size: 18px;
  font-family: "ProximaNova-semibold";
}

.heading-new {
  text-align: center;
  margin-bottom: 40px;
}

.contact-3-block .card {
  padding: 40px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.contact-3-block .card h4 {
  font-size: 26px;
  font-family: "ProximaNova-bold";
}

.contact-3-block .card p {
  font-size: 16px;
}

.table-layout-fixed {
  table-layout: fixed;
}

.notifications_box .show_view_button {
  height: 56px;
}

.countdown-timer {
  text-align: center;
}

.countdown-timer h1 {
  font-size: 48px;
  margin-bottom: 20px;
}

.countdown {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.countdown div {
  background-color: #ffffff;
  color: #ffffff;
  padding: 20px;
  border-radius: 8px;
  width: 70px;
  height: 70px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.countdown div span {
  display: block;
  font-size: 26px;
  font-weight: bold;
}

.countdown div small {
  display: block;
  font-size: 12px;
  margin-top: 8px;
  color: #ffffff;
  margin-left: -10px;
}

.dashboard_quick_access {
  background: #eda8b5 !important;
  color: #ffffff;
  padding: 10px 20px;
  text-decoration: none;
  display: inline-block;
  border-radius: 5px;
  transition: background-color 0.3s;
  font-size: 16px;
  border-radius: 50px;
  color: #fff;
  text-transform: uppercase;
  font-family: "ProximaNova-Semibold";
  height: 45px;
  line-height: 45px;
  padding: 0px 25px;

  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}

.dashboard_quick_access:hover {
  background: #71c8bb !important;
}

.home_slider_section_new {
  display: block;
  height: 592px;
}

.home_slider_section_new .front_slider_new {
  position: relative;
}

.home_slider_section_new .item {
  position: relative;
}

.home_slider_section_new .home_slide_des {
  position: absolute;
  right: 0 !important;
  top: 0;
  display: flex;
  height: 100%;
  padding-left: 145px;
  width: 100%;
  align-items: flex-end;
  padding-bottom: 16px;
}

.home_slider_section_new .front_slider_new .row {
  width: 100%;
}

.home_slider_section_new .front_slider_new .shop_now_button {
  display: block;
}

.categories-fild {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.home_slider_section_new .item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.margin-minus-wrap {
  margin-top: -50px;
}

.heading-img {
  text-align: center;
  margin-bottom: 0;
}

.heading-img img {
  width: 50px
}

.search-course .form-control {
  height: 45px;
  border-radius: 45px;
  border-color: #E6E6E6;
  width: 400px;
}

.search-categorie {
  display: flex;
}

.search-course {
  position: relative;
}

.search-course button {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  top: 4px;
  right: 5px;
  background: #71c8bb;
  color: #fff;
  margin: 4px 4px;
}

.academy-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.academy-header h4 {
  font-family: "ProximaNova-Semibold";
}

.course-list-ui a {
  border-radius: 10px;
  background-color: #ffffff;
  display: block;
}

.course-list-ui a figure {
  border-radius: 10px;
  margin: 0;
  height: 262px;
  overflow: hidden;
  POSITION: relative;
}

.course-list-ui a figure img {
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.course-list-ui a figcaption {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.course-list-ui a figcaption h4 {
  margin: 0;
  color: #3E3737;
  font-size: 16px;
  text-align: center;
  font-family: "ProximaNova-Semibold";
}

.course-list-ui .row>* {
  margin-bottom: 20px;
}

.course-right ul {
  list-style: square;
  margin-left: 40px;
  margin-bottom: 30px;
}

.course-view {
  padding: 40px;
  background-color: #ffffff;
  border-radius: 15px;
}

.course-view-in {
  display: flex;
}

.course-view .course-left {
  width: 550px;
  min-width: 550px;
}

.course-view .course-right {
  width: 100%;
  padding-left: 40px;
}

.course-left figcaption .btn {
  margin: 0;
  width: 100%;
}

.course-left figcaption .row {
  justify-content: center;
  row-gap: 15px;
}

.course-left figure {
  height: 340px;
  border-radius: 10px;
  overflow: hidden;
}

.course-left figure img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.academy_course_globel_text {
  margin: 0 !important;
  padding: 30px;
  background: #fff;
  margin-top: 15px !important;
  border-radius: 10px;
  font-size: 16px;
}

.heading_box.heading_box_center.space {
  margin-bottom: 0px;
}

.task-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
}

.task-list-header h2 {
  margin: 0;
  padding: 0;
  font-size: 34px;
  color: #71C8BB;
  font-family: 'ProximaNova-Bold';
}

.task-list {
  padding: 0px 15px 15px 15px;
}

.task-list ul li {
  margin-bottom: 30px;
}

.task-list ul li:last-child {
  margin-bottom: 0;
}

.task-list ul li h3 {
  font-size: 24px;
  color: #000;
  font-family: 'ProximaNova-Bold';
  margin-bottom: 15px;
}

.task-list-box {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  border: solid 1px #E6E6E6;
  margin-bottom: 15px;
}

.task-list-box:last-child {
  margin-bottom: 0;
}

.task-list-box h4 {
  font-size: 22px;
  color: #000;
  font-family: 'ProximaNova-Bold';
}

.assign-task-status {
  margin-bottom: 5px;
}

.assign-task-status p {
  font-size: 16px;
  color: #000000 !important;
  margin: 0;
  font-weight: normal;
}

.assign-task-status p span {
  font-size: 16px;
  color: #777777;
}

.assign-task-status {
  gap: 30px;
}

.task-attachment {
  display: flex;
  margin-bottom: 15px;
}

.task-attachment button {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  gap: 5px;
  color: #71C8BB;
  font-size: 16px;
  font-family: 'ProximaNova-Semibold';
}

.task-attachment button i {
  font-size: 20px;
}

.task-list-box p {
  font-size: 16px;
  color: #676767;
  margin: 0;
  font-weight: normal;
}

.icon-badge {
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #71c8bb !important;
  background: #71c8bb29 !important;
  border: none;
  font-size: 16px;
}

.icon-badge:after {
  display: none;
}

.task-list-row-content {
  display: flex;
  align-items: center;
  gap: 10px;
}

.task-list-row-content .task-title-row {
  position: relative;
  width: 100%;
  font-size: 16px;
  font-family: 'ProximaNova-Bold';
  cursor: pointer;
}

.accordion-radio {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  min-width: 15px;
  border: 2px solid #333;
  cursor: pointer;
}

.accordion-radio.active {
  background: #71c8bb;
}

.task-list-row-content .task-title-row b {
  margin-right: 10px;
}

.task-list-row-content .dropdown {
  width: auto;
}

.task-list-row-content .dropdown-toggle,
.task-list-row-content .attachment-badge {
  cursor: pointer;
}

.task-list-row-content .badge {
  border-radius: 14px;
  padding: 5px 15px;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  height: 26px;
}

.task-list-row-main {
  padding: 5px 15px;
  border: solid 1px #E6E6E6;
  border-radius: 10px;
}

.task-list-row-main:hover {
  background: #F5F5F5;
}

.task-list-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.task-list-box-wraper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.task-list-row time {
  font-size: 14px;
  color: #777777;
  font-family: 'ProximaNova-Semibold';
}

.task-time {
  flex: none;
}

.task-view-box-wraper h4 {
  font-size: 18px;
  color: #000;
  font-family: 'ProximaNova-Bold';
  margin-bottom: 0px;
}

.task-view-box-wraper p {
  margin: 0;
}

.task-view-box-wraper .row {
  row-gap: 30px;
}

.task-attachment-img {
  width: 175px;
  height: 175px;
  overflow: hidden;
}

.task-attachment-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.custom-btn {
  background-color: #eda8b5;
  border-color: #eda8b5;
  color: #fff;
  /* Optional: Adjust text color for better contrast */
}

.task-list-row-content .dropdown-menu.show {
  right: 0;
  left: auto !important;
  transform: none !important;
  top: 31px !important;
}

.community-list-item .dropdown-menu.show {
  right: 0;
  left: auto !important;
  transform: none !important;
  top: 31px !important;
}

.card-top-profile-bg figure {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  overflow: hidden;
}

.card-top-profile-bg figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-title {
  font-family: 'ProximaNova-Bold';
}

.profile-info-list div {
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  gap: 10px;
}

.profile-info-list div i {
  font-size: 24px;
  color: var(--green);
}

.profile-info-list div span {
  font-weight: bold;
  font-size: 14px;
}

.proofile-user-list-bg {
  margin-top: 30px;
}

.profile-list-box img {
  width: 80px;
  height: 80px;
  border-radius: 100px;
  object-fit: cover;
  margin-bottom: 15px;
}

.profile-list-box p {
  font-size: 16px;
  font-family: 'ProximaNova-Bold';
  margin-bottom: 5px;
}

.profile-list-box small {
  font-size: 14px;
}

.dashborad-top-section .card-site {
  background: #FBFAF8;
}

.profile-mid-box.profile-list-box {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}

.profile-mid-box.profile-list-box img {
  margin-bottom: 0;
}

.ultra-benefits-bg {
  background: #DEF3EE;
  padding: 20px;
  border-radius: 10px;
}

.ultra-benefits-bg .product_box {
  box-shadow: none;
  background: transparent;
}

.ultra-benefits-bg .product_box figure {
  background: #fff;
  border-radius: 10px;
}

.text-black {
  color: #000 !important;
}

.metting-webinars-section .card-site>.card-body {
  padding: 0;
}

.metting-webinars-section .card {
  box-shadow: none;
  border: solid 1px #DCE3E9;
  border-radius: 10px;
}

.metting-webinars-section .me-3 {
  padding: 0px 15px;
  text-align: center;
  border-right: solid 1px #DCE3E9;
  margin-right: 15px;
  font-size: 14px;
}

.metting-webinars-section .row {
  row-gap: 30px;
}


.dashborad-inner-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.dashborad-profile-bg {
  position: relative;
}

.dashborad-profile-bg>img {
  width: 100%;
  border-radius: 15px 15px 0px 0px;
  object-fit: cover;
  min-height: 200px;
  aspect-ratio: 11/3;
}

.dashborad-profile-bg:after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 87.1%);
  filter: drop-shadow(0px 3.5px 5.5px rgba(0, 0, 0, 0.02));
  border-radius: 0px 0px 15px 0px;
  height: 93px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
}

.membership-btn {
  position: absolute;
  right: 15px;
  top: 15px;
}

.membership-btn .btn {
  background: #EDA6B3;
  text-transform: capitalize;
}

.user-profile-box {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  z-index: 1;
}

.user-profile-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.user-profile-inner figure {
  width: 140px;
  height: 140px;
  flex: 0 0 140px;
  border-radius: 100px;
  position: relative;
}

.user-profile-inner figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
  border: solid 3px #fff;
  box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.19);
}

.user-status {
  position: absolute;
  right: 12px;
  bottom: 23;
  width: 10px;
  height: 10px;
  border-radius: 100px;
  background: #16E824;
  border: solid 2px #fff;
}

.user-profile-box figcaption {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.user-profile-box figcaption h3 {
  font-size: 24px;
  color: #fff;
  font-family: 'ProximaNova-Bold';
  margin: 0;
}

.user-profile-box figcaption ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.user-profile-box figcaption ul li {
  font-size: 14px;
  color: #fff;
}


.dashborad-profile-des .btn {
  background-color: #F6ACBA !important;
  border: none !important;
  border-radius: 5px;
  box-shadow: none;
  margin: 0;
  padding: 0px 15px !important;
  color: #fff !important;
  font-family: 'ProximaNova-Bold';
  text-transform: capitalize;
}

.dashborad-profile-des .btn i {
  font-size: 24px;
}

.profile-btn-list {
  gap: 15px;
}

body .dashborad-profile-des .btn.active {
  background-color: transparent !important;
  color: #71C8BB !important;
  box-shadow: none !important;
}

.user-card-box {
  width: 122px;
  max-width: 122px;
  padding: 10px;
  background: #F5F4F8;
  border-radius: 16px;
}

.user-card-box div {
  font-size: 14px;
}

.user-card-box div strong {
  font-size: 16px;
  font-family: 'ProximaNova-Bold';
  font-weight: normal;
}

.user-card-box div .text-muted {
  color: #A0AEC0;
}

.row-gap-30 {
  row-gap: 30px;
}

.meeting-list-info h5 {
  margin-bottom: 5px;
}

.meeting-list-info span {
  margin-bottom: 5px;
  display: block;
  color: #7E7E7E;
}

.meeting-list-info .bullet-list-hw {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.meeting-list-info .bullet-list-hw span {
  display: inline-block;
  margin: 0;
}

.card-site {
  width: 100%;
}

.notifications-left-box {
  gap: 15px;
}

.notifications-icon-box {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  background: #71C8BB;
  color: #fff;
}

.notification-des h4 {
  font-size: 14px;
  color: #000000;
  font-family: 'ProximaNova-Semibold';
}

.notification-des p {
  margin: 0;
  font-size: 13px;
  color: #7E7E7E;
}

.notification-date-box {
  font-size: 14px;
  color: #7E7E7E;
}

.ultra-benefits-dashborad-bg .product_box {
  background: #F5F4F8;
  border-radius: 16px;
  border: none;
}

.ultra-benefits-dashborad-bg .product_box figure .mainproduct-img {
  width: 135px !important;
  height: 135px;
}

.ultra-benefits-dashborad-bg .product_box .product_des_top {
  text-align: center;
}

.header-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px;
}

.header-inner .logo {
  width: 130px;
  margin-right: 15px;
}

.header-inner nav.navbar {
  flex: 1;
}

.header-inner .search_fild .form-control {
  border: none;
  min-width: 10px;
}

.header-inner .allcategories_search_bg {
  width: auto;
  flex: 1;
}

.header-inner .allcategories_search_bg .allcategories .dropdown-toggle {
  min-width: 100px;
}

.header-inner .allcategories_search_bg .allcategories .dropdown-menu {
  top: 50px;
}

.header-inner .allcategories_search_bg {
  border: none;
}

.allcategories_search_bg form {
  background: #fff;
  border-radius: 50px;
  margin: auto;
  border: solid 1px #ECECEC;
}

.header-inner .collapse {
  gap: 15px;
}

div#exampleModal a {
  word-wrap: break-word;
}

.signup-form-box {
  height: 100vh;
  overflow: auto;
  padding: 15px;
}

.signup-form-inner {
  width: 100%;
  max-width: 615px;
  margin: auto;
}

.signup-form-box .logo {
  margin-bottom: clamp(15px, 4vw, 30px);
}

.signup-form-box .logo a {
  max-width: 189px;
  display: block;
}

.signup-form-box .form_head h2 {
  font-size: 42px;
}

.signup-form-box .form_head p {
  font-size: 16px;
  color: #7E7E7E;
}

.signup-form-box .form_fild {
  position: relative;
}

.signup-form-box .form_fild label {
  font-size: 14px;
  color: #000000;
  font-family: 'ProximaNova-Semibold';
  display: block;
  margin-bottom: 5px;
}

.signup-form-box .form_fild .form-control {
  background: #F5F5F5;
  border: solid 1px #ECECEC;
  border-radius: 4px !important;
  height: 44px;
  font-size: 14px;
  box-shadow: none !important;
}

.signup-form-box .form_fild select.form-control {
  appearance: auto;
}

.fild_icon {
  position: absolute;
  right: 10px;
  top: 39px;
  background: none;
  border: none;
  font-size: 20px;
}

.with_icon .form-control {
  padding-right: 40px;
}

.signup-form-box .form_head {
  padding-bottom: 15px;
}

.sign-up-form-image img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.contact-from-partner-section {
  background: url(../img/partner-left.png) no-repeat left center, url(../img/partner-right.png)no-repeat right top, #F4F7FB;
  padding: 50px 0px;
}

.partnership-form-head h2 {
  font-size: 42px;
  color: #212A28;
  font-family: 'ProximaNova-Bold';
}

.partnership-form-inner h3 {
  font-size: 30px;
  color: #212A28;
  font-family: 'ProximaNova-Semibold';
}

.partnership-form-inner p {
  font-size: 16px;
  color: #7E7E7E;
}

.partnership-form-bg .form_fild label {
  font-size: 14px;
  color: #000000;
  font-family: 'ProximaNova-Semibold';
  display: block;
  margin-bottom: 5px;
}

.partnership-form-bg .form_fild .form-control {
  box-shadow: none;
  border: solid 1px #ECECEC !important;
  background: #fff;
  border-radius: 4px !important;
  height: 44px;
}

.partnership-form-head {
  margin-bottom: 30px;
}

.blog-top-head {
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.blog-top-head h2 {
  font-size: 42px;
  color: #212A28;
  font-family: 'ProximaNova-Bold';
  margin: 0;
}

.blog-search-box {
  position: relative;
}

.blog-search-box button {
  position: absolute;
  right: 11px;
  top: 12px;
  background: none;
  border: none;
}

.blog-search-box .form-control {
  height: 44px;
  border-radius: 124px !important;
  box-shadow: none !important;
  border: solid 1px #ECECEC;
  padding-left: 20px;
  font-size: 14px;
  color: #000000;
  width: 385px;
}

.blog-tab-button {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.blog-tab-button li button {
  font-size: 16px;
  font-family: 'ProximaNova-Bold';
  color: #2D3748;
  background: #F5F4F8;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}

.blog-tab-button li button.active {
  background: #71C8BB !important;
}

.pagination-parent {
  margin-top: 30px;
}

.pagination-parent .left {
  font-size: 16px;
  color: #000000;
  font-family: 'ProximaNova-Semibold';
}


.section-padding {
  padding: 30px 0px;
}

.about-hero-section {
  background: url(../img/about-shape1.svg) no-repeat left center, url(../img/about-shape2.svg) no-repeat right top;
}

.about-hero-section .col-md-6 {
  display: flex;
  align-items: center;
}

.about-hero-des {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.about-logo {
  margin-bottom: 15px;
}

.about-logo a {
  display: block;
  max-width: 150px;
}

.about-hero-des h1 {
  font-size: 52px;
  color: #212A28;
  font-family: 'ProximaNova-Semibold';
  margin: 0;
}

.about-hero-des p {
  font-size: 18px;
  color: #7E7E7E;
  line-height: 24px;
}

.section-title {
  font-size: 42px;
  color: #212A28;
  font-family: 'ProximaNova-Bold';
  margin-bottom: 40px;
  text-align: center;
}

.core-values-section .col-lg-3 {
  display: flex;
}

.core-values-section .card {
  width: 100%;
  padding: 0;
  box-shadow: none;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.core-values-section .card-body {
  box-shadow: none;
  width: 100%;
  padding: 25px;
}

.core-values-section .card-body h5 {
  font-size: 20px;
  color: #fff;
  font-family: 'ProximaNova-Bold';
  margin-bottom: 10px;
}

.core-values-section .card-body p {
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  margin-bottom: 0;
}

.mission-section {
  margin: 0px 30px;
  border-radius: 30px;
  background: url(../img/misson-shape.png) no-repeat left top, rgba(246, 172, 186, 0.17);
}

.mission-des h2 {
  font-size: 42px;
  color: #212A28;
  font-family: 'ProximaNova-Bold';
}

.mission-des p {
  font-size: 16px;
  color: #7E7E7E;
}

.mission-des ul li {
  gap: 15px;
}

.mission-des ul li span {
  font-size: 15px;
  color: #212A28;
  line-height: normal;
}

.mission-video-box video {
  width: 100%;
  height: 312px;
  object-fit: cover;
  border-radius:15px !important;
}

.accordion-header {
  margin: 0;
}

.accordion-header button {
  font-size: 22px;
  color: #000000;
  font-family: 'ProximaNova-Semibold';
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
}

.accordion {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.accordion-item {
  padding: 15px;
  border-radius: 10px;
  border: solid 1px #E6E6E6;
  cursor: pointer;
  padding-left: 25px;
}

.accordion-body {
  margin-top: 15px;
  font-size: 16px;
  color: #676767;
}

.accordion-body p {
  font-size: 16px;
  color: #676767;
}

.accordion-header button[aria-expanded="true"] {
  color: #71C8BB;
}

.accordion-item:has(.accordion-collapse.show) {
  border-color: #71C8BB !important;
}

.home-hero-banner-box {
  position: relative;
}

.home-hero-banner-box img {
  aspect-ratio: 11/4;
  border-radius: 30px;
  overflow: hidden;
  width: 100%;
  object-fit: cover;
}

.hero-strip {
  background: rgba(113, 200, 187, 0.5);
  backdrop-filter: blur(12px);
  border-radius: 30px 30px 5px 5px;
  padding: 10px 15px;
  font-size: 16px;
  font-family: 'ProximaNova-Bold';
  text-align: center;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.home-hero-banner-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  padding: 0px 30px;
}

.home-hero-banner-content h1 {
  font-size: 62px;
  color: #fff;
  font-family: 'ProximaNova-Bold';
  line-height: normal;
}

.home-hero-banner-content .btn {
  color: #fff !important;
}

.hero-section-category {
  display: flex;
  justify-content: center;
  margin-top: -70px;
  position: relative;
  z-index: 1;
}

.hero-section-category ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.hero-section-category ul li {
  position: relative;
  border-radius: 20px;
  overflow: auto;
}

.hero-section-category figure {
  aspect-ratio: 5/4;
  margin: 0;
}

.hero-section-category figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.hero-section-category figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  padding: 15px;
  text-align: center;
  width: 100%;
}

.hero-section-category figcaption a {
  font-size: 22px;
  color: #fff;
  font-family: 'ProximaNova-Bold';
  text-decoration: none;
}


.aupairs-families-section .card-body {
  padding-left: 0;
  padding-right: 0;
}

.card-head-home h5 {
  font-size: 22px;
  color: #1E1C1C;
  font-family: 'ProximaNova-Bold';
}

.card-head-home .badge {
  box-shadow: none;
  font-size: 14px;
  font-family: 'ProximaNova-Semibold';
  background: rgba(246, 172, 186, 0.12);
  border: 1px solid #F6ACBA;
  border-radius: 135px;
  padding: 5px 11px;
  color: #F6ACBA !important;
}

.aupairs-families-section .card-body .text-muted.small {
  font-size: 15px;
  color: #7E7E7E;
}

.card-date {
  gap: 10px;
}

.card-date span {
  font-size: 15px;
  color: #1E1C1C;
}

.card-rating {
  font-size: 24px;
}

.top-badge {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #71C8BB;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  font-family: 'ProximaNova-Semibold';
  border-radius: 5px;
  padding: 5px 10px;
}

.text-link {
  font-size: 18px;
  color: #71C8BB;
  font-family: 'ProximaNova-Bold';
}


.how-it-work-section {
  background: #F4F7FB;
}

.how-it-work-section .row {
  row-gap: 65px;
}

.how-it-work-section .col-lg-3 {
  display: flex;
}

.how-it-work-section .card {
  border: solid 1px #E9E9E9;
  border-radius: 10px;
  padding: 25px;
  text-align: center;
  width: 100%;
  box-shadow: none;
}

.number-box {
  right: 20px;
  top: 20px;
  /* -webkit-text-stroke: 1px #E9E9E9;  */
  -webkit-text-fill-color: #71c8bb;
  font-size: 45px;
}

.how-it-work-section .card figure {
  margin-bottom: 30px;
  margin-top: 15px;
}

.how-it-work-section .card h5 {
  font-size: 20px;
  color: #212A28;
  font-family: 'ProximaNova-Bold';
  margin-bottom: 10px;
}

.how-it-work-section .card p {
  font-size: 15px;
  color: #7E7E7E;
}

.aupairs-families-section .card img {
  aspect-ratio: 15/12;
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: auto;
}

.hero-section-category ul {
  flex: 1;
}

.ideal-host-section {
  margin-top: -100px;
}

.ideal-host-head-box {
  padding: 0px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -55px;
  position: relative;
  z-index: 1;
  pointer-events: none;
}

.ideal-host-head-box h1 {
  margin: 0;
  background: #fff;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 42px;
  color: #212A28;
  font-family: 'ProximaNova-Bold';
  max-width: 850px;
  box-shadow: 15px 20px 45px rgb(233 233 233 / 25%);
  max-width: 860px;
}

.ideal-host-head-box h1:after {
  display: none;
}

.d-flex.flex-wrap.gap-2 {
  gap: 12px;
}

.contact-from-partner-bg .about-info-timeline-in:before {
  display: none;
}

.contact-from-partner-bg .about-info-timeline-in li:after {
  display: none;
}

/* .contact-from-partner-bg .heading_box {
  background: none;
} */

.contact-from-partner-bg .about-info-timeline-in {
  margin: 50px 0px;
}

.contact-from-partner-bg .about-sec-2 {
  padding-top: 0;
}

.contact-from-partner-bg .about-info-timeline-in li {
  align-items: center;
  gap: 50px;
  padding: 0;
}

.contact-from-partner-bg .about-info-timeline-in li figcaption {
  padding: 0;
}

.user-card-box div strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
}

.card-list-row {
  margin-bottom: 30px;
}

.card-list-row ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(262px, 1fr));
  gap: 30px;
}

.card-list-row .small {
  background: transparent !important;
}

.card-list-row ul figure {
  margin: 0;
}

.card-list-row .card-body {
  padding: 15px;
}

.card-list-row .card {
  border-radius: 10px;
}

.card-list-row .card img {
  border-radius: 10px 10px 0px 0px !important;
}

.quiz-bg {
  padding: 30px;
}

.quiz-bg .match-sec-inner {
  background: transparent;
  padding: 0;
  margin: 0;
}

.step-head-bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 30px 0px 30px;
}

.step-head-left {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.step-head-left h2 {
  font-size: 26px;
  color: #212A28;
  font-family: 'ProximaNova-Bold';
  margin: 0;
  padding: 0;
}

.quiz-step-box {
  display: flex;
  align-items: center;
  gap: 15px;
}

.quiz-step-box ul {
  display: flex;
  align-items: center;
  gap: 5px;
}

.quiz-step-box ul li {
  width: 77px;
  height: 5px;
  background: #E9E9E9;
}

.quiz-step-box ul li.active {
  background: #71C8BB;
}

.quiz-step-box span {
  font-size: 14px;
  color: #212A28;
}

.step-head-right a {
  margin: 0;
}

.step-form-bg {
  width: 100%;
}

.step-banner-image {
  width: 100%;
  position: relative;
}

.step-banner-image img {
  aspect-ratio: 40/51;
  object-fit: cover;
  width: 100%;
  border-radius: 30px;
}

.step-prev-next-box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.step-prev-next-box .btn {
  color: #fff !important;
  margin-left: auto;
}

.step-prev-next-box .btn.white-btn {
  background: #fff;
  color: #71C8BB !important;
  margin-right: auto;
  margin-left: inherit;
}

.step-content-bg {
  padding: 30px;
}

.step-form-bg .match-sec-head {
  padding: 0;
  margin-bottom: 10px;
}

.step-form-bg .match-sec-body {
  padding: 0;
}

.step-form-bg .match-sec-head h2 {
  font-size: 20px;
}

.step-form-bg .match-sec-body ul li [type="radio"]+label,
.step-form-bg .match-sec-body ul li [type="checkbox"]+label {
  border: none;
}

.step-form-bg .select2-selection__choice {
  background: #EEF8F6 !important;
  color: #71C8BB;
  border: solid 1px #71C8BB;
}

.step-form-bg .matching-question {
  margin-bottom: 15px;
}


.card-box {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  box-shadow: 0px 4px 5.1px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
}

.icon-box svg {
  width: 94px;
}

.card-box h3 {
  font-size: 26px;
  color: #212A28;
  font-family: 'ProximaNova-Bold';
}

.graph-card-bg {
  background: #F5F4F8;
  border-radius: 16px;
  padding: 30px;
  width: 100%;
  max-width: 625px;
}

.graph-des .text-secondary {
  font-size: 14px;
  color: #676767 !important;
}

.graph-des .text-secondary span {
  font-size: 14px;
  color: #212A28 !important;
  font-family: 'ProximaNova-Bold';
}

.graph-box h5 {
  font-size: 14px;
  color: #212A28;
  font-family: 'ProximaNova-Semibold';
  margin-bottom: 10px;
}

.graph-percent {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0px 10px;
  font-size: 20px;
  color: #212A28;
  font-family: 'ProximaNova-Bold';
  top: 33%;
}








/* .live-with-family-box{display: flex; background-color: #F6ACBA; padding: 70px 50px; border-radius: 30px; gap: 20px;} */
.h2-headline {
  font-size: 52px;
  font-weight: 600;
  color: #212A28;
}

.btn-commonly {
  background-color: #71C8BB;
  border-radius: 35px;
}

.btn-commonly:hover {
  background-color: #71C8BB;
}

/* .btn{color: white; font-weight: 600; font-size: 22px; text-transform: capitalize;} */
.card-box {
  padding: 30px 21px;
}

.pragrap-text {
  font-size: 15px;
  font-weight: 400;
  color: #7E7E7E;
}

.card-trial-day video {
  width: 100%;
}

/* .meet-family video{width: 100%;} */
.meet-family video {
  height: auto;
  width: 100%;
}

.chat-btn {
  background-color: #FFFFFF;
  padding: 12px 20px;
  height: 45px;
  border-radius: 37px;
  color: #71C8BB;
  font-size: 16px;
  font-weight: 500;
}

.chat-btn:hover {
  color: #71C8BB;
  font-size: 16px;
  font-weight: 500;
}





.video-box {
  width: 100%;
  margin: auto;
}

.video-box video {
  aspect-ratio: 11/11;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* .video-section video { object-fit: cover;object-position: center; } */



.card-trial-day {
  background-color: rgb(246, 172, 186, 17%);
  padding: 20px;
  border-radius: 30px;
  gap: 20px;
  box-shadow: none;
}

.card-trial-day .h5-headline {
  font-size: 26px;
  font-family: 'ProximaNova-Bold';
  ;
  color: #212A28;
}

.heading-pending {
  font-size: 26px;
  font-family: 'ProximaNova-Bold';
  color: #212A28;
}

.meet-family .h5-headline {
  font-size: 26px;
  font-family: 'ProximaNova-Bold';
  color: #212A28;
}

.body-1 {
  font-size: 18px;
  font-weight: 400;
  color: #7E7E7E;
  line-height: 28px;
}

.meet-family {
  background-color: #f5f4f8;
  padding: 20px 30px;
  border-radius: 16px;
}

.body-2 {
  font-size: 14px;
  font-weight: 400;
  color: #7E7E7E;
}

.meet-family .h6-headline {
  font-size: 22px;
  color: #1E1C1C;
  font-family: 'ProximaNova-Bold';
}

.chat-btn-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.btn-chat {
  background-color: #71C8BB;
  border-radius: 27px;
  font-size: 15px;
  margin: 0px !important;
  text-align: center;
  align-items: center;
}

.meet-family img {
  width: 100%;
  height: auto !important;
  object-fit: cover;
}

.card-task {
  background-color: rgb(113, 200, 187, 100%);
  padding: 36px 25px;
  border-radius: 10px;
}

.card-safety-training {
  background-color: rgb(246, 172, 186, 100%);
  padding: 36px 25px;
  border-radius: 10px;
}

.sub-headline {
  font-size: 20px;
  font-family: 'ProximaNova-Bold';
  color: #FFFFFF;
  margin-top: 30px;
}

.pending-heading {
  font-size: 16px;
  font-family: 'ProximaNova-Bold';
  color: #212A28;
  text-align: center;
}

.text-scale {
  font-size: 15px;
  font-weight: 400;
  color: white;
}

.box-one ul {
  display: flex;
  gap: 15px;
  align-items: end;
}

/* .btn {margin: 0px;} */
.section-peding {
  padding: 54px 0px;
}

.meet-family .read-mome {
  color: #71C8BB;
  font-weight: 600;
  font-size: 15px;
}

.meet-family .read-mome:hover {
  color: #71C8BB;
}

.btn-chat {
  display: flex;
  gap: 6px;
  font-size: 16px;
  font-family: 'ProximaNova-Bold';
  color: white;
}

.btn-meetin {
  display: flex;
  gap: 6px;
  font-size: 16px;
  font-family: 'ProximaNova-Bold';
  color: white;
  margin-top: 30px;
  text-align: center;
  justify-content: center;
  margin: auto;
}

.card-task .small {
  font-size: 14px;
  font-weight: 500;
  color: #212A28;
}

.card-task ul li {
  text-align: left;
  list-style: disc;
  color: white;
  font-size: 15px;
}

.card-safety-training ul li {
  text-align: left;
  list-style: disc;
  color: white;
  font-size: 15px;
}

.progress-steps {
  position: relative;
  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 0;
}

.progress-steps::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: calc((100% / 6) * 2.5);
  height: 4px;
  background: #61c3b0;
  z-index: 1;
}

.progress-steps::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  height: 4px;
  background: #ffffff;
  z-index: 1;
  width: 100%;
}

.progress-steps li {
  text-align: center;
  position: relative;
  z-index: 2;
  width: 100%;
  cursor: pointer;
}

.tracker-box .small {
  font-size: 14px;
  font-family: 'ProximaNova-Bold';
  color: #212A28;
}

.progress-steps li::before {
  content: "";
  width: 20px;
  height: 20px;
  background: #fff;
  border: 4px solid #FFFFFF;
  border-radius: 50%;
  display: block;
  margin: 0;
}

.progress-steps li.active::before {
  border-color: #61c3b0;
  background-color: #61c3b0;
}

.progress-steps li p {
  font-size: 14px;
  font-weight: 500;
  color: #1E1C1C;
  line-height: 1.3;
  margin-bottom: 0;
  margin-top: 7px;
  text-align: justify;
}

.tracker-box .progress-circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  position: relative;
  background: #fff;
  border: 6px solid #fcecef;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tracker-box .progress-circle::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(#61c3b0 0% 30%, transparent 30% 100%);
}

.tracker-box .progress-circle span {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.progress-info {
  text-align: center;
  font-size: 14px;
  margin-top: 8px;
}

li {
  list-style: none;
}

.user-image-about {
  width: 100%;
  margin: auto
}

.user-image-about img {
  aspect-ratio: 11/10;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: auto;
  border-radius: 10px;
}



.progress-steps li::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  height: 5px;
  background: #71c8bb;
  top: 9px;
  z-index: -1;
  opacity: 0;
}

.progress-steps li.active::after {
  opacity: 1;
  position: absolute;
  width: 100%;
}

/* .progress-circle { width: 97px;   height: 97px;  background-color: rgb(246, 172, 186, 17%); position: relative;  margin: auto; font-weight: bold;  justify-content: center; display: flex;  align-items: center;  font-size: 20px;  font-family: 'ProximaNova-Bold';  color: #212A28;  border-radius: 50%;  border: 6px solid white;  border-top-color: #3bb5a5;} */

.tracker-box .progress-circle-wrapper {
  width: 130px;
  /* increased from 100px */
  height: 130px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tracker-box .progress-circle {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: conic-gradient(#3bb5a5 calc(var(--percent) * 1%), #e5e5e5 0%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.tracker-box .progress-circle::before {
  content: '';
  position: absolute;
  width: 100px;
  /* adjust inner white circle proportionally */
  height: 100px;
  background-color: #fff;
  border-radius: 50%;
  z-index: 1;
}

.tracker-box .progress-circle span {
  position: absolute;
  font-weight: bold;
  font-size: 22px;
  /* increased font size */
  z-index: 2;
  color: #212A28;
}

.meet-family-section {
  padding: 20px;
  background-color: #f5f4f8;
  border-radius: 16px;
}

.meet-family-section .video-box video {
  aspect-ratio: 11/5;
}

.meet-family-bg {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.video-box-meet-family {
  max-width: 312px;
  aspect-ratio: 12/7;
  width: 100%;
}

.video-box-meet-family video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.meet-family-des {
  flex: 1;
}


.visa-about-box {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  padding: 20px;
}

.visa-about-box figure {
  aspect-ratio: 20/18;
  max-width: 202px;
  width: 100%;
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
  margin: auto;
}

.visa-about-box figure img {
  width: 100%;
  height: 100% !important;
  object-fit: contain;
}

.visa-about-box figcaption {
  flex: 1;
}

.select-submit-box {
  display: flex;
  margin-bottom: 15px;
  gap: 15px;
  flex-wrap: wrap;
  max-width: 700px;
}

.select-box-aupair {
  flex: 1;
}

.home_slider_section .front_slider .owl-prev:hover,
.aupairs-families .owl-prev:hover {
  background-color: #eda6b3 !important;
}

#ageRestrictionModal .modal-content {
  border-radius: 15px;
}

#ageRestrictionModal .modal-body {
  font-size: 16px;
  line-height: 24px;
}

.toast {
  opacity: 1 !important;
  /* Fix fading issue */
  transition: opacity 0.5s ease-in-out !important;
}

.toast-success {
  background-color: var(--green) !important;
  color: white !important;
}

.toast-message {
  font-size: 16px;
}

.toast:hover {
  opacity: 1 !important;
}

div#collapse5 .card-body ol {
  margin-left: 15px;
}

.card.faq-card.active-border {
  border: 1px solid #71c8bb !important;
}

.step-head-bg {
  padding: 30px;
}

.dash-banner-left p:empty {
  display: none;
}

.current-vacancies-section {
  background: #faf5f1;
}

.auost-des h3 {
  color: #005b63;
}

.auost-des h4 {
  color: #00524c;
}

.auost-des p {
  font-size: 16px;
  color: #00524c;
  line-height: 24px;
}

.job-card {
  display: flex;
  align-items: center;
  gap: 15px;
  background: #fff;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
}

.job-card figure {
  margin: 0;
}

.job-card figcaption h3 {
  font-size: 20px;
  font-family: 'ProximaNova-Bold';
  color: #005b63;
  margin-bottom: 0px;
}

.job-card figcaption p {
  margin: 0;
  font-size: 16px;
  color: #005b63;
}

.auost-send-box {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 15px;
}

.career-img-box img {
  width: 100%;
  height: auto !important;
  object-fit: cover;
  border-radius: 10px;
}

.academy-section {
  background: #fff;
}

.academy-des h3 {
  color: #005b63
}

.academy-des h4 {
  font-size: 28px;
  font-family: 'ProximaNova-Bold';
  color: #202222;
}

.academy-des p {
  font-size: 18px;
  color: #101110;
}

.top_header .navbar {
  box-shadow: none !important;
}

.login_signup {
  gap: 15px;
}

.login_signup li a {
  /* border: solid 1px #EDA6B3; */
  color: #EDA6B3;
  border-radius: 6px;
}

.before_login .register{
  border: solid 1px #EDA6B3; 
}

.dropdown-toggle {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

.dropdown-toggle:after {
  border: none;
  /*background: url(../img/drop-arrow.svg) no-repeat;*/
  content: "\f107";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 5px;
  width: auto;
  height: auto;
}

.dropdown-toggle[aria-expanded="true"]:after {
  transform: rotate(-180deg);
}

.dropdown-menu .dropdown-toggle:after {
  transform: rotate(-90deg);
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -5px;
}

header .dropdown .dropdown-menu {
  padding: 0;
  width: 217px;
  background: #fff;
  border: none;
  border-top: solid 3px #73C3B8;
  padding: 5px;
  border-radius: 0;
  margin-top: 11px;
}

.bread-crumb-menu {
  border-bottom: solid 1px #E6E6E6;
  padding: 15px 0px;
}

.bread-crumb-menu .breadcrumb {
  margin: 0;
  background: none;
}

.bread-crumb-menu li .text-active {
  color: #EDA6B3;
}

.gray-bg {
  background: #F7F8F9;
}

.costs-germany-inner {
  background: #FFFFFF;
  box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 30px;
}

.costs-germany-inner h2 {
  font-size: 40px;
  color: #71C8BB;
}

.costs-germany-inner .text-muted {
  font-size: 24px;
  color: #000;
  font-style: italic;
}

.key-cost-bg {
  background: #FFF0F3;
  border-left: solid 6px #EDA6B3;
  border-radius: 10px;
  padding: 40px 30px;
}

.fw-bold {
  font-family: 'ProximaNova-Bold';
  font-weight: normal;
}

.costs-germany-inner h5 {
  font-size: 30px;
  color: #000000;
  font-family: 'ProximaNova-Bold';
  font-weight: normal;
}

.costs-germany-inner .table {
  border: none;
}

.costs-germany-inner .table th {
  background: #71C8BB;
  border: none;
  color: #fff;
  font-size: 14px;
  font-family: 'ProximaNova-Semibold';
}

.costs-germany-inner .table td {
  font-size: 16px;
  color: #0C0B0B;
  border: none;
}

.costs-germany-inner .table-striped tbody tr:nth-of-type(2n+1) {
  background: #FBFBFB;
}

.requirements-bg .card {
  background: #F8F8F8;
  border-radius: 10px;
  padding: 20px;
  box-shadow: none;
}

.requirements-bg .card h5 {
  font-size: 26px;
  color: #71C8BB;
  font-family: 'ProximaNova-Semibold';
}

.requirements-bg .card ul {
  padding-left: 15px;
}

.requirements-bg .card ul li {
  list-style: disc;
  font-size: 16px;
  color: #676767;
}

.requirements-bg .card-body {
  padding: 0;
}

.costs-germany-inner h6 {
  color: #71C8BB;
  font-size: 26px;
  font-family: 'ProximaNova-Semibold';
}

.legal-notes-bg ul {
  padding-left: 15px;
}

.legal-notes-bg ul li {
  font-size: 16px;
  color: #676767;
  list-style: disc;
}

.legal-notes-bg p {
  font-size: 16px;
  color: #676767;
}

.costs-germany-inner .accordion-item {
  background: #F8F8F8;
  padding-left: 15px;
}

.costs-germany-inner .accordion-header button {
  font-size: 18px;
  color: #71C8BB;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.ready-host-bg {
  background: #F8F8F8;
  border-radius: 10px;
  box-shadow: none;
}

.ready-host-bg p {
  font-size: 18px;
  color: #7E7E7E;
}

.see-visa-menu {
  background: #FEF7F8;
  border-radius: 10px;
  box-shadow: none;
  padding: 20px;
  border-radius: 10px;
}

.see-visa-menu ul li a {
  font-size: 15px;
  color: #EDA6B3 !important;
}


.footer-location-bg ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
  padding-left: 0;
  margin-bottom: 0;
}

.footer-location-bg ul li {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-location-bg ul li a {
  font-size: 16px;
  color: #fff;
}

#seo-content .seo-desc h1,
#seo-content .seo-desc h2,
#seo-content .seo-desc h3,
#seo-content .seo-desc h4,
#seo-content .seo-desc h5,
#seo-content .seo-desc h6 {
  color: #71C8BB;
  font-weight: 600;
}

#seo-content .seo-desc h1 {
  font-size: 27px;
}

#seo-content .seo-desc h2 {
  font-size: 20px;
}

#seo-content .seo-desc h3 {
  font-size: 16px;
}

#seo-content .seo-desc h4 {
  font-size: 14px;
}

#seo-content .seo-desc h5 {
  font-size: 13px;
}

#seo-content .seo-desc h6 {
  font-size: 10px;
}


.french-adventure-bg {
  background: #fff;
}

.french-adventure-description h1 {
  color: #0bb5b4;
  font-family: 'ProximaNova-Bold';
  font-size: 38px;
}

.french-adventure-description p {
  font-size: 18px;
  line-height: 28px;
}

.highlight-section {
  margin-top: -60px;
  position: relative;
  z-index: 1;
}

.highlight-box {
  background: #e5fafb;
  border-radius: 15px;
  margin: auto;
  max-width: 80%;
  padding: 30px;
}

.highlight-box h2 {
  font-family: 'ProximaNova-Bold';
  color: #1a262d;
  font-size: 28px;
}

.highlight-box p {
  font-size: 18px;
  line-height: 28px;
}

.benefits-section h3 {
  font-family: 'ProximaNova-Bold';
  color: #1a262d;
  font-size: 28px;
}

.benefits-section ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
  padding-left: 15px;
}

.benefits-section ul li {
  list-style: initial;
}

.benefits-section ul li i {
  font-size: 20px;
  color: #71C8BB;
}

.btn-danger-custom {
  background: #ff6c73 !important;
}

.destinations-adventure-bg .card-text {
  font-size: 16px !important;
}

.flag-icon {
  width: 20px;
  margin-right: 10px;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
}

.full-height-card {
  min-height: 100%;
}

.list-group-item {
  padding: 8px 16px;
  border: none;
}

.list-unstyled-custom>li {
  padding: 5px 0;
}

.destinations-row {
  /* border: solid 1px #efefef; */
  border-radius: 15px !important;
  overflow: hidden;
}

.flag-icon .card-img-top {
  border-radius: 0 !important;
}



.card-equal-height {
  height: 100%;
}

.emoji-icon {
  font-size: 3rem;
  margin-bottom: 10px;
  line-height: 1;
}

.globe-emoji {
  font-size: 3.5rem;
}

.card-content-area {
  min-height: 100px;
}

.emoji-icon img {
  max-width: 110px;
}

.lh-normal {
  line-height: 25px;
  padding: 10px !important;
}

.how-it-work-section {
  /* background: #fffcef; */
}

.how-it-work-section .section-title {
  color: #19514b;
}

.active-country {
  color: #71c8bb !important;
}


.how-it-work-section .row {
  position: relative;
}

/* .how-it-work-section .row::before {
  content: "";
  background: url(../img/line-shape1.png) no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
 */


/* --- Line Styling Setup --- */
.how-it-works-row {
  position: relative;

  padding-bottom: 50px;

}

.how-it-works-step {
  position: relative;

}


.how-it-works-step:not(.end-of-flow)::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -15px;
  width: 29px;
  height: 4px;
  background-color: #1d5650;
  z-index: 0;
}


.how-it-works-step:nth-child(4)::after {
  content: '';
  position: absolute;
  bottom: -35px;
  top: auto;
  right: 50%;
  width: 4px;
  height: 35px;
  background-color: #1d5650;
  transform: translateX(50%);
}

.how-it-works-step:nth-child(4)::before {
  width: 100%;
  height: 4px;
  background-color: #1d5650;
  content: "";
  position: absolute;
  right: 145px;
  bottom: -35px;
}

.how-it-works-step:nth-child(3)::before {
  width: 100%;
  height: 4px;
  background-color: #1d5650;
  content: "";
  position: absolute;
  right: 145px;
  bottom: -35px;
}

.how-it-works-step:nth-child(2)::before {
  width: 100%;
  height: 4px;
  background-color: #1d5650;
  content: "";
  position: absolute;
  right: 145px;
  bottom: -35px;
}

.how-it-works-step:nth-child(5)::before {
  content: '';
  position: absolute;
  top: -34px;
  right: 50%;
  width: 4px;
  height: 35px;
  background-color: #1d5650;
  transform: translateX(50%);
}


.how-it-work-section .col-lg-3:last-child:after {
  display: none;
}


.white-card-box{background: #fff; border-radius: 10px; padding: 30px; box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.05);}
.blog-slidebar-bg .card-title{font-size: 26px;}
.blog-slidebar-bg .list-group li{border-bottom: solid 1px #E6E6E6 !important; margin-bottom: 0; padding: 10px 0px;}
.blog-slidebar-bg .list-group li a{font-size: 16px; color: #676767 !important;} 
.blog-slidebar-bg .list-group li a:hover{text-decoration: underline;}
body .blog-body .container{max-width: 100% !important;}
.contact-us p{line-height: inherit !important;}
.contact-us span{line-height: inherit !important;}

.form_submit span{width:100%;}

.feature-block {padding: 4rem 0; position: relative; border-bottom: 1px solid #0bb5b4;}
.feature-block:last-child{border-bottom: none;}
.feature-image{width: 100%; height: 300px; object-fit: cover; border-radius:20px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);}
.feature-content{padding: 1rem 2rem; display: flex; flex-direction: column; justify-content: center; padding-right:20px;}
.about-hero-image img{ border-radius:10px;}
@media (max-width: 767px) {
.feature-block::before,.feature-block::after{display: none;}
}


.feature-image-container{position: relative;}
/* .feature-image-container:after{content: ''; position: absolute; top: 50%; left: -60px; width: 60px; height:2px; background: #71C8BB;}
.feature-list-bg .feature-block:nth-child(even) .feature-content{padding-left: 50px; padding-right: 2rem;}
.feature-list-bg .feature-block:nth-child(even) .feature-image-container:after{left: auto; right: -60px; background: #F6ACBA;}  */
.service-top-video{ border-radius:20px;}
.service-heading-main{ margin-top:30px; margin-bottom:20px;}

.working-bg .product_details_box{background: #f6f6f6; padding: 30px; border-radius: 16px;}
.working-with-bg h1{font-family: 'ProximaNova-Bold'; font-size: 38px; color: #212A28; margin-bottom: 20px;}
.working-with-form{box-shadow: 0px 0px 8px #eaeaea; background: #fff; border-radius: 15px; padding: 15px;}
.working-bg img{border-radius: 16px;}
.working-bg .select-submit-box{margin-bottom: 0;}
.working-bg .select-box-aupair{display: flex; align-items: center;}
.working-bg .select-submit-box{max-width: 100%;}
.working-bg .select2-container--default .select2-selection--single{border-color: #e3e3e3;}


#auost-community .main-heading{ text-align: center; padding:35px 0px;}
#auost-community .main-heading h1{ font-weight:700;}
#auost-community .main-heading p{font-size:16px; font-weight:600;}
#auost-community .image img{border-radius:20px;}
#auost-community .card{border-radius:20px; margin-top:20px; border:2px solid #0bb5b4;}
/* #auost-community .content-group{margin-top:40px;} */
#auost-community .content-group h4{font-size:25px;}
#auost-community .content-group p{font-size:14px; font-weight:600; margin-bottom:0px;}

#auost-community .card h3{font-size:20px; font-weight:600;}
#auost-community .card p{font-size:16px; font-weight:600; margin-bottom:0px;}
#auost-community .image-heading{font-size:22px; font-weight:600; margin-bottom:3px;}
#auost-community .ready-host-bg{border:none !important; background:transparent;}
#auost-community .upcoming-webinar{box-shadow: 0 4px 12px rgba(200, 200, 200, 0.4);}
#auost-community .webinar-auost-community-section{margin-top:30px;}

#auost-community .card-auost-two{background-color:#71c8bb; border:2px solid #EDA6B3; color:#fff;}
#auost-community .card-auost-one{background-color:#EDA6B3; border:2px solid #71c8bb; color: #fff;}



footer .destinations-viewAll-btn{ background-color:#0bb5b4; color:#fff; border-radius:20px;}
.radius{border-radius:10px;}
