@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

@media (max-width: 1199px) {
  .container {
    padding: 0px 15px;
    max-width: 100%;
  }
}

body {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #3D3D3D !important;
}

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px #a5a3a3;
          box-shadow: inset 0 0 5px #a5a3a3;
}

::-webkit-scrollbar-thumb {
  background: #F7740C;
}

.select2-container--default .select2-selection--multiple {
  min-height: 40px !important;
  border: 1px solid #D2D2D2;
}

.select2-container--default .select2-selection--single {
  min-height: 40px !important;
  border: 1px solid #D2D2D2;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  left: -8px;
  top: -10px;
}

.select2-container .select2-search--inline .select2-search__field {
  height: 22px;
  border: 1px solid #D2D2D2;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #F7740C;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 43px;
}

.select2-container--open .select2-dropdown {
  left: -3px;
  top: 1px;
}

.select2-container--default {
  width: auto;
}

input,
select,
button,
textarea {
  border: none;
  outline: none;
  height: 40px;
  background: none;
  font-size: 15px !important;
  border-radius: 5px;
  font-weight: 400;
  color: #3D3D3D;
  text-indent: 10px;
  font-family: 'DM Sans', sans-serif !important;
}

textarea,
input {
  background: none;
}

textarea {
  padding: 3px 10px;
  border: 1px solid #D2D2D2 !important;
  text-indent: 0px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.selected input,
.selected select,
.selected textarea {
  border: 1px solid #F7740C !important;
  color: #3D3D3D;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Playfair Display', serif;
}

@media (max-width: 425px) {
  h1 br,
  h2 br,
  h3 br,
  h4 br,
  h5 br,
  h6 br {
    display: none;
  }
}

h1 {
  font-size: 25px;
  font-weight: 400;
}

.main-h1 {
  font-size: 55px;
  font-weight: 700;
  color: #FFFFFF !important;
}

@media (max-width: 425px) {
  .main-h1 {
    font-size: 33px;
  }
}

h2 {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 15px;
}

@media (max-width: 768px) {
  h2 {
    font-size: 40px;
  }
}

@media (max-width: 425px) {
  h2 {
    font-size: 30px;
    line-height: 37px;
  }
  h2 br {
    display: none;
  }
}

h3 {
  font-size: 23px;
  font-weight: 400;
}

h4 {
  font-size: 25px;
  font-weight: 700;
}

@media (max-width: 425px) {
  h4 {
    font-size: 22px;
  }
}

h5 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 5px;
}

h6 {
  font-size: 17px;
  font-weight: 500;
}

p {
  line-height: 146%;
  color: #555;
  font-size: 15px !important;
  font-weight: 400;
}

@media (max-width: 425px) {
  p br {
    display: none;
  }
}

.sm-p {
  font-size: 14px !important;
  font-weight: 400;
}

.mt-20 {
  margin-top: 50px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.fd-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.sub-head {
  display: block;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 425px) {
  .sub-head {
    font-size: 14px;
  }
}

button {
  border: none;
  background: none;
  font-size: 16px;
  border-radius: 54px !important;
  cursor: pointer;
}

.grey-filled-btn {
  height: 40px;
  border-radius: 23px;
  background: #B5B5B5;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.grey-filled-btn:hover {
  opacity: 0.6;
}

.filled-btn {
  width: 100%;
  height: 40px;
  border-radius: 54px !important;
  background: linear-gradient(102deg, #FBAA19 0%, #FF7A00 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #FFFFFF;
  font-size: 16px;
  cursor: pointer;
  background: #F7740C;
}

.filled-btn:hover {
  opacity: 0.6;
}

.outline-btn {
  padding: 8px 20px;
  border: 1px solid #F7740C;
  height: auto;
  background: none;
  text-decoration: none;
  color: #F7740C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  border-radius: 54px !important;
  text-indent: unset;
}

.shimmer {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 300;
  display: none;
}

#filter-button {
  width: 182px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: none;
  border-radius: 54px !important;
  border: 1px solid rgba(0, 0, 0, 0.11);
  color: rgba(0, 0, 0, 0.47);
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 425px) {
  #filter-button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

#filter-button .icon {
  width: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#filter-button .icon ion-icon {
  font-size: 20px;
  color: #F7740C;
}

#filter-button:hover {
  background: #8fc3d3;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: white;
  border: none;
}

#filter-button:hover span {
  color: white;
}

#filter-button:hover .icon ion-icon {
  color: white;
}

.searchbar {
  width: 163px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px;
  border-radius: 54px !important;
  border: 1px solid #BABABA;
  margin-right: 20px;
}

.searchbar:hover {
  border: 1px solid #F7740C;
}

.searchbar input {
  height: 100%;
  width: calc(100% - 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  outline: none;
  border: none;
  padding: 0px;
  padding-left: 4px;
}

.searchbar input[type="text"]::-webkit-input-placeholder {
  font-size: 13px;
}

.searchbar input[type="text"]:-ms-input-placeholder {
  font-size: 13px;
}

.searchbar input[type="text"]::-ms-input-placeholder {
  font-size: 13px;
}

.searchbar input[type="text"]::placeholder {
  font-size: 13px;
}

.searchbar button {
  border: none;
  background: none;
  width: 25px;
  height: 25px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.searchbar button ion-icon {
  color: #F7740C;
  text-align: center;
  font-size: 20px;
  margin-right: 0px;
}

.active-searchbar {
  border: 1px solid #F7740C;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 1000;
  display: none;
}

.preloader .loader-icon {
  width: 150px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

.preloader .loader-icon .front {
  overflow: hidden;
  width: 150px;
  position: relative;
  z-index: 5;
  -webkit-animation: wipe 1.5s forwards linear;
          animation: wipe 1.5s forwards linear;
  overflow-x: hidden;
}

.preloader .loader-icon .front img {
  width: 150px;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.preloader .loader-icon .back img {
  width: 150px;
}

@-webkit-keyframes wipe {
  from {
    width: 150px;
  }
  to {
    width: 0px;
  }
}

@keyframes wipe {
  from {
    width: 150px;
  }
  to {
    width: 0px;
  }
}

.split-2 {
  width: calc(100%/2 - 10px) !important;
}

.split-3 {
  width: calc(100%/3 - 10px) !important;
}

.full-width {
  width: 100% !important;
}

.align-fs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex::after {
  content: '';
  width: calc(100%/3 - 10px);
}

@media (max-width: 768px) {
  .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.card-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.card-wrapper:after {
  content: '';
  width: calc(100%/3 - 20px);
}

.card {
  width: calc(100%/3 - 20px);
  text-decoration: none;
  color: white;
}

.contact-button-sticky-desktop {
  position: fixed;
  bottom: 60px;
  right: 20px;
  z-index: 300;
  display: none;
}

@media (max-width: 768px) {
  .contact-button-sticky-desktop {
    bottom: 40px;
  }
}

.contact-button-sticky-desktop .options {
  width: 320px;
  height: 300px;
  position: absolute;
  top: -320px;
  right: 0;
  border-radius: 10px;
  padding: 20px;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: white;
}

.contact-button-sticky-desktop .options .close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 25px;
  color: .contact-button-sticky-desktop .options .close #3D3D3D;
  cursor: pointer;
  background: rgba(128, 128, 128, 0.082);
  width: 27px;
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
}

.contact-button-sticky-desktop .options .close ion-icon {
  width: 22px;
  height: 22px;
  color: #3D3D3D;
  border-radius: 100%;
}

.contact-button-sticky-desktop .options .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #3D3D3D;
}

.contact-button-sticky-desktop .options .head .icon {
  width: 52px;
  border-radius: 100%;
}

.contact-button-sticky-desktop .options .head .icon img {
  width: 100%;
}

.contact-button-sticky-desktop .options .head .info .title {
  margin-left: 10px;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0px;
}

.contact-button-sticky-desktop .options .head .info .position {
  font-size: 14px;
  margin-left: 10px;
  opacity: 0.7;
}

.contact-button-sticky-desktop .options .content {
  margin-top: 20px;
  font-weight: 400;
  line-height: 25px;
  color: #3D3D3D;
}

.contact-button-sticky-desktop .options .button {
  margin-top: 10px;
}

.contact-button-sticky-desktop .options .button a {
  text-decoration: none;
  font-size: 15px;
  display: block;
  background: black;
  color: white;
  padding: 13px 20px;
  text-align: center;
  font-weight: 500;
  border-radius: 10px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.contact-button-sticky-desktop .options .button a ion-icon {
  margin-right: 10px;
  font-size: 20px;
}

.contact-button-sticky-desktop .options .button a:nth-child(1) {
  background: #eee;
  color: #3D3D3D;
}

.contact-button-sticky-desktop .options .button a:nth-child(2) {
  background: #075e54;
  color: white;
}

.contact-button-sticky-desktop button {
  width: 150px;
  height: 50px;
  background: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  font-weight: 500;
  border: none;
  color: white;
  border-radius: 10px;
  -webkit-animation: borderPulse 2000ms infinite ease-out;
          animation: borderPulse 2000ms infinite ease-out;
  display: none;
}

.contact-button-sticky-desktop-active .options {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}

@keyframes borderPulse {
  0%,
  45% {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(120, 119, 142, 0.7);
            box-shadow: 0px 0px 0px 0px rgba(120, 119, 142, 0.7);
  }
  100% {
    -webkit-box-shadow: 0px 0px 0px 15px rgba(242, 242, 242, 0.01);
            box-shadow: 0px 0px 0px 15px rgba(242, 242, 242, 0.01);
  }
}

.sidemenu {
  width: 80%;
  height: 100%;
  position: fixed;
  right: -100%;
  top: 0;
  z-index: 300;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media (max-width: 425px) {
  .sidemenu {
    width: 100%;
  }
}

.sidemenu .close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 10px;
  padding-right: 5px;
  cursor: pointer;
}

.sidemenu .close .icon {
  background: #F5F5F5;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  margin-right: 5px;
  float: right;
}

.sidemenu .close .icon ion-icon {
  font-size: 24px;
  font-weight: 500;
}

.sidemenu ul {
  width: 100%;
  margin-top: 20px;
  height: calc(100% - 100px);
  overflow-y: scroll;
  padding: 0px 10px;
}

.sidemenu ul li {
  list-style: none;
  position: relative;
}

.sidemenu ul li .drop-down {
  padding-left: 20px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  display: none;
}

.sidemenu ul li .drop-down ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.sidemenu ul li .drop-down ul li {
  width: 100%;
}

.sidemenu ul li .drop-down ul li a {
  border-bottom: 1px solid #3636362d;
  padding: 0px;
  display: block;
  padding: 15px;
  font-size: 16px;
  position: relative;
}

.sidemenu ul li .drop-down ul li a b {
  color: #F7740C;
  font-size: 11px;
  -webkit-animation: blink 1s linear infinite;
          animation: blink 1s linear infinite;
}

.sidemenu ul li .drop-down ul li a b ion-icon {
  margin-left: 5px;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}

.sidemenu ul li .drop-down ul li:last-child a {
  border: none;
}

.sidemenu ul li .active-drop {
  display: block;
}

.sidemenu ul li a {
  text-decoration: none;
  display: block;
  font-size: 18px;
  font-weight: 400;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px;
  color: #3D3D3D;
}

.sidemenu ul li a::after {
  content: '>';
  font-size: 20px;
  position: absolute;
  top: 25%;
  right: 10px;
}

.sidemenu ul li a ion-icon {
  margin-left: 10px;
}

.sidemenu ul li:last-child a {
  border: none;
}

.sidemenu ul li .active {
  color: #F7740C;
}

.sidemenu-active {
  right: 0;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

header {
  width: 100%;
  height: 80px;
  background: #fefefe;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 250;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0px 0px 10px #3636364a;
          box-shadow: 0px 0px 10px #3636364a;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

header .header-wrap {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

header .header-wrap .left .logo {
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

header .header-wrap .left .logo a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

header .header-wrap .left .logo a img {
  width: 59%;
}

header .header-wrap .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .header-wrap .right nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  header .header-wrap .right nav {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

header .header-wrap .right nav ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 20px;
}

@media (max-width: 768px) {
  header .header-wrap .right nav ul {
    display: none;
  }
}

header .header-wrap .right nav ul li {
  margin-right: 20px;
  list-style: none;
  position: relative;
}

header .header-wrap .right nav ul li:last-child {
  margin-right: 0px;
}

header .header-wrap .right nav ul li a {
  display: block;
  text-decoration: none;
  color: #3D3D3D;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

header .header-wrap .right nav ul li a:hover {
  color: #F7740C;
}

header .header-wrap .right nav ul li a ion-icon {
  position: relative;
  top: 4px;
}

header .header-wrap .right nav ul .active {
  color: #F7740C;
}

@media (max-width: 768px) {
  header .header-wrap .right nav .searchbar {
    display: none;
  }
}

header .header-wrap .right .notification-bar {
  width: 31px;
  position: relative;
  margin-top: 5px;
  cursor: pointer;
  display: none;
}

header .header-wrap .right .notification-bar ion-icon {
  font-size: 28px;
  color: #F7740C;
}

header .header-wrap .right .notification-bar .count {
  background: #F7740C;
  color: #FFFFFF;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  font-size: 11px;
  position: absolute;
  top: -3px;
  right: -2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

header .header-wrap .hamburger {
  font-size: 30px;
  margin-top: 10px;
  margin-left: 20px;
}

@media (min-width: 768px) {
  header .header-wrap .hamburger {
    display: none;
  }
}

#login-btn {
  background: #F7740C;
  color: white;
  font-weight: bolder;
  border: none;
}

#login-btn:hover {
  background: #F7740C;
  color: #FFFFFF;
}

.bottom-nav-bar {
  display: none;
}

@media (max-width: 768px) {
  .bottom-nav-bar {
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    left: 19px;
    bottom: 10px;
    z-index: 250;
    padding: 10px 20px;
    border-radius: 100px;
    background: #FFF;
    -webkit-box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.26);
            box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.26);
  }
  .bottom-nav-bar ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .bottom-nav-bar ul li {
    list-style: none;
    color: #A4A4A4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    width: 100px;
  }
  .bottom-nav-bar ul li a {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: #A4A4A4;
  }
  .bottom-nav-bar ul li .drop-down {
    position: absolute;
    right: -18px;
    bottom: 54px;
    z-index: 350 !important;
    width: 95vw;
    padding: 20px;
    display: none;
    border-radius: 25px;
    background: #FFF;
    -webkit-box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.26);
            box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.26);
  }
  .bottom-nav-bar ul li .drop-down ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .bottom-nav-bar ul li .drop-down ul li {
    width: 100%;
    margin-right: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .bottom-nav-bar ul li .drop-down ul li a {
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    color: #3D3D3D;
  }
  .bottom-nav-bar ul li .drop-down ul li a:hover {
    background: rgba(217, 217, 217, 0.12);
    padding: 15px 10px !important;
    margin-bottom: 10px;
  }
  .bottom-nav-bar ul li .drop-down ul li .active-drop {
    background: rgba(217, 217, 217, 0.12);
  }
  .bottom-nav-bar ul li .drop-down ul li:last-child a {
    border: none;
    margin-bottom: 0px !important;
  }
  .bottom-nav-bar ul li .drop-down ul .active {
    background: rgba(217, 217, 217, 0.12);
    padding: 15px 10px !important;
  }
  .bottom-nav-bar ul li .drop-down-active {
    display: block;
  }
  .bottom-nav-bar ul li span {
    font-size: 13px !important;
    line-height: 12px;
  }
  .bottom-nav-bar ul li .icon {
    width: 19px;
    margin-bottom: 2px;
  }
  .bottom-nav-bar ul li .icon img {
    width: 100%;
  }
  .bottom-nav-bar ul li .active-icon {
    display: none;
  }
  .bottom-nav-bar ul .searchbar {
    border: none;
  }
  .bottom-nav-bar ul .active-li .icon {
    display: none;
  }
  .bottom-nav-bar ul .active-li .active-icon {
    width: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
  }
  .bottom-nav-bar ul .active-li .active-icon img {
    width: 100%;
  }
  .bottom-nav-bar ul .active-li span {
    color: #F7740C;
  }
}

#new-banner {
  position: relative;
}

#new-banner:after {
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.36);
  z-index: 1;
  position: absolute;
}

#new-banner h1 {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  z-index: 5;
  color: white;
  font-size: 70px;
  text-align: center;
  font-weight: 600;
}

@media (max-width: 1000px) {
  #new-banner h1 {
    font-size: 60px;
  }
}

@media (max-width: 768px) {
  #new-banner h1 {
    font-size: 35px;
    width: 100%;
    padding: 0px 20px;
  }
}

#new-banner .container {
  height: 100%;
}

#new-banner .container .banner-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 2;
}

#new-banner .container .banner-content h1 {
  text-align: center;
}

@media (max-width: 425px) {
  #new-banner .container .banner-content h1 {
    font-size: 49px;
    margin-top: -30px;
    line-height: 59px;
  }
}

#new-banner .container .banner-content .form-tab {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  bottom: -50px;
  z-index: 10;
  border-radius: 100px;
  background: white;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.09);
          box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.09);
  padding: 20px 40px;
}

@media (max-width: 1124px) {
  #new-banner .container .banner-content .form-tab {
    width: 100%;
    border-radius: 25px;
    padding: 30px 20px;
  }
}

@media (max-width: 768px) {
  #new-banner .container .banner-content .form-tab {
    width: 90%;
    bottom: -100px;
  }
}

@media (max-width: 525px) {
  #new-banner .container .banner-content .form-tab {
    width: 100%;
    bottom: -250px;
  }
}

#new-banner .container .banner-content .form-tab form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 768px) {
  #new-banner .container .banner-content .form-tab form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#new-banner .container .banner-content .form-tab form h2 {
  font-size: 22px;
  text-align: left;
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  width: 100%;
  line-height: 30px;
}

#new-banner .container .banner-content .form-tab form .input-wrap {
  width: calc(100% - 150px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  #new-banner .container .banner-content .form-tab form .input-wrap {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#new-banner .container .banner-content .form-tab form .input-wrap .col-20 {
  width: 20%;
}

#new-banner .container .banner-content .form-tab form .input-wrap .col-40 {
  width: 60%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 768px) {
  #new-banner .container .banner-content .form-tab form .input-wrap .col-40 {
    width: 100%;
  }
}

#new-banner .container .banner-content .form-tab form .input-wrap .col-40 label {
  margin-bottom: 10px;
}

#new-banner .container .banner-content .form-tab form .input-wrap .col-40 .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#new-banner .container .banner-content .form-tab form .input-wrap .col-40 .country-code {
  width: 80px !important;
  border-right: none;
  padding-right: 0px;
  margin-right: 10px !important;
}

#new-banner .container .banner-content .form-tab form .input-wrap .col-40 .phone-number {
  width: calc(100%);
  margin-top: 1px;
}

@media (max-width: 768px) {
  #new-banner .container .banner-content .form-tab form .input-wrap .col-40 .phone-number {
    width: 100%;
  }
}

#new-banner .container .banner-content .form-tab form .input-wrap .col-40 .phone-number input {
  width: 100%;
}

#new-banner .container .banner-content .form-tab form .input-wrap .input-holder {
  width: calc(100%/3 - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0px 0px;
  margin-right: 30px;
  margin-bottom: 10px;
  position: relative;
}

@media (max-width: 768px) {
  #new-banner .container .banner-content .form-tab form .input-wrap .input-holder {
    width: 100%;
    padding: 0px;
    border-right: 0px;
    margin-bottom: 20px;
    margin-right: 0px;
  }
}

#new-banner .container .banner-content .form-tab form .input-wrap .input-holder:last-child {
  border-right: none;
  padding-right: 0px;
}

#new-banner .container .banner-content .form-tab form .input-wrap .input-holder:nth-child(1) {
  padding-left: 0px;
}

#new-banner .container .banner-content .form-tab form .input-wrap .input-holder label {
  margin-bottom: 10px;
  display: block;
}

#new-banner .container .banner-content .form-tab form .input-wrap .input-holder span {
  font-size: 14px;
  font-weight: 500;
}

#new-banner .container .banner-content .form-tab form .input-wrap .input-holder select,
#new-banner .container .banner-content .form-tab form .input-wrap .input-holder input {
  font-size: 15px !important;
  border: none;
  border-bottom: 1px solid #D9D9D9;
  border-radius: 0px !important;
  font-weight: 400;
  height: unset;
  color: black !important;
  text-indent: 0px;
}

@media (max-width: 768px) {
  #new-banner .container .banner-content .form-tab form .input-wrap .input-holder select,
  #new-banner .container .banner-content .form-tab form .input-wrap .input-holder input {
    border-bottom: 1px solid #dfdfdf;
  }
}

#new-banner .container .banner-content .form-tab form .input-wrap .input-holder .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0px;
}

#new-banner .container .banner-content .form-tab form .input-wrap .input-holder .select2-container--default .select2-selection--single {
  border: none;
  border-bottom: 1px solid #D9D9D9;
  border-radius: 0px !important;
  min-height: 20px !important;
  height: 22px !important;
}

#new-banner .container .banner-content .form-tab form .input-wrap .input-holder .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 21px;
}

#new-banner .container .banner-content .form-tab form .input-wrap .input-holder .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: -2px;
}

@media (max-width: 768px) {
  #new-banner .container .banner-content .form-tab form .input-wrap .input-holder .select2-container--default {
    width: 100% !important;
  }
}

#new-banner .container .banner-content .form-tab form .filled-btn {
  width: 150px;
  height: 52px;
  border-radius: 46px;
  text-decoration: none;
  -webkit-animation: borderPulse 1500ms infinite ease-out;
          animation: borderPulse 1500ms infinite ease-out;
  font-weight: 600;
  background: #F7740C;
}

#new-banner .container .banner-content .form-tab form .filled-btn:hover {
  -webkit-animation: none;
}

@media (max-width: 768px) {
  #new-banner .container .banner-content .form-tab form .filled-btn {
    width: 100%;
    height: 40px;
  }
}

@keyframes borderPulse {
  0%,
  45% {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(119, 140, 142, 0.7);
            box-shadow: 0px 0px 0px 0px rgba(119, 140, 142, 0.7);
  }
  100% {
    -webkit-box-shadow: 0px 0px 0px 15px rgba(242, 242, 242, 0.01);
            box-shadow: 0px 0px 0px 15px rgba(242, 242, 242, 0.01);
  }
}

#premium-members {
  width: 100%;
  background: url(../assets/images/backgrounds/red-bg.png);
  background-position: center;
  background-size: cover;
  padding: 60px 0px;
  padding-top: 100px;
  display: none;
}

@media (max-width: 768px) {
  #premium-members {
    padding-top: 300px;
  }
}

@media (max-width: 425px) {
  #premium-members {
    padding-top: 250px;
  }
}

@media (max-width: 425px) {
  #premium-members {
    padding-top: 239px;
  }
}

#premium-members h2 {
  text-align: center;
}

#premium-members p {
  text-align: center;
  margin-bottom: 40px;
}

.image-with-details-card {
  width: 100%;
}

.image-with-details-card .thumbnail {
  width: 100%;
  height: 300px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.image-with-details-card .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.image-with-details-card .thumbnail .tag {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 83px;
}

.image-with-details-card .thumbnail .tag img {
  width: 100%;
}

.image-with-details-card .thumbnail .tag .tag-text {
  position: absolute;
  top: 4px;
  left: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #3D3D3D;
}

.image-with-details-card .thumbnail .fav-icon {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 25px;
}

.image-with-details-card .thumbnail .fav-icon ion-icon {
  font-size: 25px;
  color: red;
}

.image-with-details-card .thumbnail .gradient {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  border-radius: 0px 0px 25px 25px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(57.13%, rgba(0, 0, 0, 0.55)), to(#000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 57.13%, #000 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 10px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
}

.image-with-details-card .thumbnail .gradient .details {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.image-with-details-card .thumbnail .gradient .details span {
  border-right: 2px solid #626262;
  padding: 0px 3px;
  font-size: 14px;
}

.image-with-details-card .thumbnail .gradient .details span:last-child {
  border-right: none;
}

.image-with-details-card .thumbnail .gradient .place {
  font-size: 14px;
}

.about-section {
  width: 100%;
  margin-top: 60px;
  background: none;
}

.about-section .box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .about-section .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.about-section .box .right {
  width: 60%;
  text-align: left;
}

@media (max-width: 768px) {
  .about-section .box .right {
    width: 100%;
  }
}

.about-section .box .right h2 {
  margin-bottom: 20px;
}

.about-section .box .right p {
  line-height: 179% !important;
  margin-bottom: 20px;
}

.about-section .box .right h3 {
  margin-bottom: 20px;
}

.about-section .box .right .outlined-circle-list {
  list-style-type: none;
  padding-left: 1em;
}

.about-section .box .right .outlined-circle-list li {
  margin-bottom: 8px;
  line-height: 146%;
}

.about-section .box .right .outlined-circle-list li::before {
  content: '\25CB';
  color: blue;
  display: inline-block;
  width: 0.5em;
  margin-left: -1em;
  padding-right: 10px;
}

.about-section .box .right .outline-btn {
  margin-top: 25px;
  text-decoration: none;
}

.about-section .box .right .outline-btn:hover {
  background: #F7740C;
  color: #FFFFFF;
}

.about-section .box .left {
  width: 37%;
}

.about-section .box .left img {
  width: 100%;
}

@media (max-width: 768px) {
  .about-section .box .left {
    width: 100%;
    margin-bottom: 20px;
  }
}

#home-about {
  width: 100%;
  background: url(../assets/images/backgrounds/red-bg.png);
  background-position: center;
  background-size: cover;
  padding: 60px 0px;
  padding-top: 100px;
  margin-top: 0px;
}

@media (max-width: 768px) {
  #home-about {
    padding-top: 300px;
  }
}

#home-about .box {
  width: 100%;
}

#home-about .box .right {
  width: 100%;
}

#about {
  width: 100%;
  background: url(../assets/images/backgrounds/red-bg.png);
  background-position: center;
  background-size: cover;
  padding: 60px 0px;
}

#about .box .left {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media (max-width: 768px) {
  #about .box .left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

#about .box .right {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

#about .box .right p {
  margin-bottom: 20px;
  line-height: 179%;
}

@media (max-width: 768px) {
  #about .box .right {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

#testimonials {
  margin-top: 60px;
  width: 100%;
  background: url(../assets/images/backgrounds/red-bg.png);
  background-position: center;
  background-size: cover;
  padding: 60px 0px;
  display: none;
}

#testimonials h2 {
  margin-bottom: 40px;
  text-align: center;
}

#testimonials .card-wrapper .card {
  width: 100%;
}

#testimonials .card-wrapper .card .thumbnail {
  width: 100%;
  margin-bottom: 20px;
  border-radius: 25px;
  overflow: hidden;
}

#testimonials .card-wrapper .card .thumbnail img {
  width: 100%;
}

#testimonials .card-wrapper .card .name {
  text-align: center;
  margin-bottom: 8px;
}

#testimonials .card-wrapper .card .sm-p {
  text-align: center;
}

.owl-item {
  padding: 10px;
  border-radius: 15px;
}

.carousel-shadow {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

footer {
  width: 100%;
  padding: 60px 0px;
  background: #060808;
}

footer .box-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 768px) {
  footer .box-wrap .box {
    margin-bottom: 40px;
  }
  footer .box-wrap .box:last-child {
    margin-bottom: 0px;
  }
}

footer .box-wrap .box .logo {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 600;
  line-height: 24px;
  color: #FFFFFF;
  width: 170px;
}

@media (max-width: 425px) {
  footer .box-wrap .box .logo {
    font-size: 18px;
  }
}

footer .box-wrap .box .logo img {
  width: 59%;
}

footer .box-wrap .box p {
  margin-bottom: 20px;
  line-height: 30px;
  color: #FFFFFF;
  color: #f1eeee;
}

footer .box-wrap .box .filled-btn {
  width: 161px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  cursor: pointer;
}

footer .box-wrap .box .filled-btn:hover {
  opacity: 0.9;
}

footer .box-wrap .box h5 {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 20px;
  color: #FFFFFF !important;
  position: relative;
}

footer .box-wrap .box h5::after {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 10px;
  bottom: 0px;
  left: 0px;
  height: 5px;
  border: 5px solid #F7740C;
  background: #F7740C;
}

footer .box-wrap .box a {
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: block;
  color: #FFFFFF;
  color: #f1eeee;
}

footer .box-wrap .box a:hover {
  opacity: 0.8;
}

footer .box-wrap .box ul li {
  margin-bottom: 10px;
  list-style: none;
}

@media (max-width: 768px) {
  footer .box-wrap .box ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

footer .box-wrap .box ul li a {
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
  color: #FFFFFF;
  color: #f1eeee;
}

footer .box-wrap .box .flex-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .box-wrap .box .flex-ul li {
  margin-right: 20px;
}

@media (max-width: 425px) {
  footer .box-wrap .box .flex-ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

footer .box-wrap .b1 {
  width: 35%;
}

@media (max-width: 768px) {
  footer .box-wrap .b1 {
    width: 100%;
    margin-bottom: 30px;
  }
}

footer .box-wrap .b2 {
  width: 12%;
}

@media (max-width: 768px) {
  footer .box-wrap .b2 {
    width: 23%;
  }
}

@media (max-width: 425px) {
  footer .box-wrap .b2 {
    width: 100%;
  }
}

footer .box-wrap .b3 {
  width: 30%;
}

@media (max-width: 768px) {
  footer .box-wrap .b3 {
    width: 42%;
  }
}

@media (max-width: 425px) {
  footer .box-wrap .b3 {
    width: 100%;
  }
}

footer .box-wrap .b4 {
  width: 12%;
}

@media (max-width: 768px) {
  footer .box-wrap .b4 {
    width: 23%;
  }
}

@media (max-width: 425px) {
  footer .box-wrap .b4 {
    width: 100%;
  }
}

footer .bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 100px;
}

@media (max-width: 768px) {
  footer .bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 60px;
  }
}

@media (max-width: 425px) {
  footer .bottom {
    margin-bottom: 30px;
    margin-top: 60px;
  }
}

footer .bottom hr {
  width: 25%;
  background: #3E3E3E;
  border: 1px solid #3E3E3E;
  display: none;
}

@media (max-width: 768px) {
  footer .bottom hr {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    margin-bottom: 20px;
  }
}

footer .bottom p {
  color: #FFFFFF;
  margin-bottom: 0px;
}

@media (max-width: 4215px) {
  footer .bottom p {
    margin-bottom: 10px;
  }
}

footer .bottom p a {
  color: #FFFFFF;
  text-decoration: none;
}

@media (max-width: 768px) {
  footer .bottom p {
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

#login-popup {
  width: 1006px;
  height: 455px;
  position: fixed;
  z-index: 1000;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 20px;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: none;
}

@media (max-width: 768px) {
  #login-popup {
    width: 95%;
    height: 90%;
  }
}

#login-popup .left {
  width: 45%;
  height: 100%;
}

@media (max-width: 768px) {
  #login-popup .left {
    display: none;
  }
}

#login-popup .left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#login-popup .right {
  width: 55%;
  padding: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 768px) {
  #login-popup .right {
    width: 100%;
    padding: 20px 15px;
  }
}

#login-popup .right .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  background: #FAFAFA;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

@media (max-width: 768px) {
  #login-popup .right .close {
    top: 15px;
    right: 15px;
  }
}

#login-popup .right .close ion-icon {
  font-size: 22px;
}

#login-popup .right h1 {
  margin-bottom: 10px;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
}

#login-popup .right p {
  margin-bottom: 20px;
  text-align: center;
}

#login-popup .right p a {
  font-size: 15px;
  font-weight: 400;
  color: #F7740C;
  -webkit-text-decoration-color: #F7740C;
          text-decoration-color: #F7740C;
}

#login-popup .right form {
  width: 328px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 768px) {
  #login-popup .right form {
    width: 100%;
  }
}

#login-popup .right form .input-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
  width: 100%;
  position: relative;
}

#login-popup .right form .input-holder:last-child {
  margin-bottom: 0px;
}

#login-popup .right form .input-holder label {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}

#login-popup .right form .input-holder input {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #D2D2D2;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
  text-indent: 10px;
}

#login-popup .right form .input-holder .icon {
  position: absolute;
  top: 40px;
  right: 10px;
}

#login-popup .right form .flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  margin-top: -20px;
}

@media (max-width: 768px) {
  #login-popup .right form .flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

#login-popup .right form .flex .checkbox-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#login-popup .right form .flex .checkbox-holder input {
  margin-right: 10px;
  margin-bottom: 0px;
}

#login-popup .right form .flex .checkbox-holder label {
  font-size: 14px;
}

#login-popup .right form .flex .forget-pswd {
  font-size: 14px;
  font-weight: 400;
  color: rgba(184, 30, 39, 0.95);
  text-decoration: none;
}

#login-popup .right form .filled-btn {
  font-size: 16px;
  margin-bottom: 10px;
}

#login-popup .right form .filled-btn ion-icon {
  font-size: 20px;
  margin-left: 10px;
}

.toolbar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 425px) {
  .toolbar {
    display: none;
  }
}

.toolbar .left {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.toolbar .left .filter {
  width: 120px;
  height: 40px;
  padding: 0px 5px;
  cursor: pointer;
  border-radius: 59px;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 10px;
}

.toolbar .left .filter:hover {
  opacity: 0.7;
}

.toolbar .left .filter ion-icon {
  font-size: 18px;
  color: black;
  margin-left: 10px;
}

.toolbar .left .filter img {
  width: 17px;
  margin-left: 6px;
}

.toolbar .left .add_filter {
  background: #B8FFBB;
}

.toolbar .left .clear_filter {
  background: #dadada;
}

.toolbar .right {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.toolbar .right .searchbar {
  margin-right: 0px;
}

#profile-list {
  margin-top: 100px;
  margin-bottom: 100px;
}

#profile-list h1 {
  margin-top: 30px;
}

@media (max-width: 425px) {
  #profile-list h1 {
    display: block;
    margin-top: 0px;
  }
}

#profile-list .card-wrapper {
  margin-top: 30px;
}

#profile-list .card-wrapper .card {
  width: calc(100%/2 - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 20px;
  background: #FFF;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
  padding: 12px;
  margin-bottom: 20px;
  position: relative;
}

@media (max-width: 768px) {
  #profile-list .card-wrapper .card {
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (max-width: 425px) {
  #profile-list .card-wrapper .card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#profile-list .card-wrapper .card .icon1 {
  position: absolute;
  top: 12px;
  right: 12px;
}

@media (max-width: 525px) {
  #profile-list .card-wrapper .card .icon1 {
    display: none;
  }
}

#profile-list .card-wrapper .card .icon1 ion-icon {
  color: #F00;
  font-size: 18px;
}

#profile-list .card-wrapper .card .icon2 {
  position: absolute;
  top: 23px;
  right: 26px;
  display: none;
}

@media (max-width: 525px) {
  #profile-list .card-wrapper .card .icon2 {
    display: block;
  }
}

#profile-list .card-wrapper .card .icon2 img {
  width: 20px;
}

#profile-list .card-wrapper .card .copy {
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
}

#profile-list .card-wrapper .card .copy:hover {
  opacity: 0.75;
}

#profile-list .card-wrapper .card .copy ion-icon {
  font-size: 16px;
  margin-right: 5px;
}

#profile-list .card-wrapper .card .copy .tooltip {
  right: 80px;
  bottom: -18px;
}

#profile-list .card-wrapper .card .image {
  width: 36%;
  height: 215px;
  position: relative;
  border-radius: 20px !important;
  overflow: hidden;
}

@media (max-width: 450px) {
  #profile-list .card-wrapper .card .image {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
  }
}

#profile-list .card-wrapper .card .image .tag {
  position: absolute;
  top: 15px;
  left: 0px;
  width: 80px;
}

@media (max-width: 425px) {
  #profile-list .card-wrapper .card .image .tag {
    width: 90px;
    top: 20px;
  }
}

#profile-list .card-wrapper .card .image .tag img {
  width: 100%;
}

#profile-list .card-wrapper .card .image .tag .tag-text {
  position: absolute;
  top: 4px;
  left: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #3D3D3D;
}

#profile-list .card-wrapper .card .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#profile-list .card-wrapper .card .details .row {
  margin-bottom: 10px;
}

#profile-list .card-wrapper .card .details .row .title {
  font-size: 14px;
}

#profile-list .card-wrapper .card .details .row .title-sub {
  font-size: 14px;
}

#profile-list .card-wrapper .card .details .outline-btn {
  height: 35px;
  font-size: 14px;
  margin-top: 15px;
}

@media (max-width: 425px) {
  #profile-list .card-wrapper .card .details .outline-btn {
    width: 100%;
  }
}

#profile-list .res-filter {
  position: fixed;
  right: 20px;
  z-index: 100;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.18);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.18);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
}

@media (max-width: 425px) {
  #profile-list .res-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

#profile-list .res-add-filter {
  background: #B8FFBB;
  bottom: 100px;
}

#profile-list .res-add-filter ion-icon {
  font-size: 30px;
  color: black;
}

#profile-list .res-clear-filter {
  bottom: 170px;
  background: #dadada;
}

#profile-list .res-clear-filter img {
  width: 28px;
}

.details {
  width: 61%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 425px) {
  .details {
    width: 100%;
    margin-top: 20px;
  }
}

.details h1 {
  margin-bottom: 15px;
  font-weight: 600;
}

.details p {
  margin-bottom: 20px;
}

.details .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 25px;
  position: relative;
  z-index: 2;
}

.details .row .title {
  width: 33%;
  color: #676767;
  font-size: 16px;
}

.details .row .title-sub {
  width: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 16px;
  color: #3D3D3D;
  font-weight: 500;
}

.details .row .title-sub .copy {
  margin-right: 5px;
  margin-top: -2px;
  width: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.details .row .title-sub .copy:hover {
  opacity: 0.75;
}

.details .row .title-sub .copy ion-icon {
  color: #F7740C;
  font-size: 20px;
}

.details .row .title-sub .copy:hover .tooltip {
  visibility: visible;
  right: -16px;
  bottom: -20px;
}

.details .row .title-sub .copy .tooltip {
  visibility: hidden;
  width: 78px;
  background: white;
  color: #00000080;
  border: 1px solid #00000045;
  text-align: center;
  border-radius: 6px;
  padding: 1px 0;
  position: absolute;
  z-index: 500 !important;
  right: -35px;
  bottom: 28px;
  font-size: 14px;
}

.details .row .title-sub span {
  color: #F7740C;
}

.details .outline-btn {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.18);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.18);
  margin-top: 28px;
}

@media (max-width: 425px) {
  .details .outline-btn {
    width: 100%;
    background: #F7740C;
    color: #FFFFFF;
  }
}

.details .outline-btn:hover {
  background: #F7740C;
  color: #FFFFFF;
}

#profile-id {
  font-weight: 600;
}

.profile-details {
  width: 100%;
  position: relative;
  margin-top: 100px;
  border-radius: 20px;
  background: white;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
  padding: 10px;
}

.profile-details .icon {
  position: absolute;
  top: 20px;
  right: 20px;
  text-decoration: none;
  cursor: pointer;
}

.profile-details .icon ion-icon {
  color: #F00;
  font-size: 25px;
}

.profile-details .icon2 {
  display: none;
}

.profile-details .selected-icon {
  display: none;
}

@media (max-width: 425px) {
  .profile-details .icon1 {
    display: none;
  }
  .profile-details .icon2 {
    display: block;
    width: 25px;
    top: 35px;
    right: 35px;
  }
  .profile-details .icon2 img {
    width: 100%;
  }
}

.profile-details .box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .profile-details .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.profile-details .box .image {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .profile-details .box .image {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 425px) {
  .profile-details .box .image {
    padding: 0px;
  }
}

.profile-details .box .image .main-image {
  width: 100%;
  height: calc(100% - 65px);
  margin-bottom: 20px;
  border-radius: 10px;
  height: 380px;
  position: relative;
}

@media (min-width: 426px) and (max-width: 768px) {
  .profile-details .box .image .main-image {
    margin-bottom: 20px;
  }
}

@media (max-width: 425px) {
  .profile-details .box .image .main-image {
    margin-bottom: 10px;
    height: 280px;
  }
}

.profile-details .box .image .main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.profile-details .box .image .main-image .edit-icon {
  width: 100%;
  background: #3D3D3D;
  position: absolute;
  top: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  color: white;
  -webkit-box-shadow: 0px 0px 10px #3636364a;
          box-shadow: 0px 0px 10px #3636364a;
}

.profile-details .box .image .more-images {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.profile-details .box .image .more-images .image {
  width: calc(100% / 4 - 10px);
  position: relative;
  height: 80px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .profile-details .box .image .more-images .image {
    height: 120px !important;
  }
}

@media (max-width: 425px) {
  .profile-details .box .image .more-images .image {
    height: 60px !important;
  }
}

.profile-details .box .image .more-images .image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 10px;
}

.profile-details .box .image .more-images .image .edit-icon {
  width: 100%;
  background: #3D3D3D;
  position: absolute;
  top: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  color: white;
  -webkit-box-shadow: 0px 0px 10px #3636364a;
          box-shadow: 0px 0px 10px #3636364a;
}

.profile-details .box .image .more-images .selected img {
  border: 4px solid #F7740C !important;
  border-radius: 10px;
}

.profile-details .box .image .upload-photo-btn {
  width: 100%;
  background: #F7740C;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
  text-decoration: none;
  color: white;
}

.profile-details .box .details {
  width: 65%;
}

@media (max-width: 768px) {
  .profile-details .box .details {
    width: 100%;
  }
}

.profile-details .box .details p .read-more {
  font-weight: 600;
  color: #F7740C;
}

.profile-details .box .details .row .copy {
  width: auto;
  border-radius: 30px;
  color: #F7740C;
  cursor: pointer;
}

.profile-details .box .details .row .copy ion-icon {
  width: 15px;
  margin-right: 10px;
}

.profile-details .box .details .row .copy span {
  color: #F7740C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 425px) {
  .profile-details .box .details .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .profile-details .box .details .row .title {
    margin-bottom: 8px;
  }
}

.personal-details {
  width: 100%;
  margin-top: 20px;
}

.personal-details .box {
  border-radius: 20px;
  background: #FFF;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
  padding: 20px;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .personal-details .box {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .personal-details .box {
    padding: 20px 10px;
  }
}

.personal-details .box h6 {
  margin-bottom: 20px;
  color: #F7740C;
  position: relative;
  font-family: DM Sans;
}

.personal-details .box h6::after {
  background: #F7740C;
  width: 120px;
  height: 1px;
  border: 1px solid #F7740C;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

@media (max-width: 425px) {
  .personal-details .box .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.personal-details .box .row .title {
  width: 49%;
}

@media (max-width: 425px) {
  .personal-details .box .row .title {
    width: 100%;
    margin-bottom: 8px;
  }
}

.personal-details .box .row .title-sub {
  width: 49%;
}

@media (max-width: 425px) {
  .personal-details .box .row .title-sub {
    width: 100%;
  }
}

.personal-details .box .row .whatsAppNumber {
  background: #075e54;
  width: 230px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  color: white;
  padding: 10px;
  border-radius: 5px;
}

.personal-details .box .row .whatsAppNumber i {
  color: white;
}

.personal-details .box .row .whatsAppNumber span {
  color: white;
}

@media (max-width: 768px) {
  .personal-details .box .row .whatsAppNumber {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.personal-details .box .row .phoneno {
  background: #000000;
  width: 230px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  color: white;
  padding: 10px;
  border-radius: 5px;
}

.personal-details .box .row .phoneno i {
  color: white;
}

.personal-details .box .row .phoneno span {
  color: white;
}

@media (max-width: 768px) {
  .personal-details .box .row .phoneno {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.personal-details .full-width .row .title {
  width: 25%;
}

@media (max-width: 425px) {
  .personal-details .full-width .row .title {
    width: 100%;
  }
}

.personal-details .full-width .row .title-sub {
  width: 74%;
}

@media (max-width: 425px) {
  .personal-details .full-width .row .title-sub {
    width: 100%;
  }
}

.personal-details .full-width .flex .row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 25px;
}

.personal-details .full-width .flex .row .title {
  width: 49%;
  font-size: 16px !important;
}

.personal-details .full-width .flex .row .title-sub {
  width: 49%;
  font-size: 16px !important;
}

.personal-details .full-width .fd-column {
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.personal-details #personal_contact_details {
  position: relative;
  overflow: hidden;
}

.personal-details #personal_contact_details .hide-field {
  position: absolute;
  top: 55px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  background: rgba(255, 255, 255, 0.736);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  z-index: 10;
}

.personal-details #personal_contact_details .hide-field p {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

.personal-details #personal_contact_details .hide-field .filled-btn {
  width: 148px !important;
}

@media (max-width: 425px) {
  .personal-details #personal_contact_details .hide-field .filled-btn {
    width: 100% !important;
  }
}

.unsend {
  background: red;
}

#my-profile {
  width: 100%;
  margin-top: 100px;
}

#my-profile h1 {
  margin-bottom: 20px;
}

#my-profile .tab-wrap {
  width: 100%;
  min-height: 500px;
  margin-bottom: 20px;
  border-radius: 20px;
  background: #FFF;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
  padding: 20px;
}

@media (max-width: 425px) {
  #my-profile .tab-wrap {
    padding: 20px 15px;
  }
}

#my-profile .tab-wrap .tab-holder {
  width: 100%;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 315px;
  border: 1px solid #F7740C;
  background: rgba(0, 178, 186, 0.13);
  padding: 10px 10px;
}

@media (max-width: 768px) {
  #my-profile .tab-wrap .tab-holder {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

#my-profile .tab-wrap .tab-holder .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #FFFFFF;
  border-radius: 229px;
  padding: 10px;
  width: calc(100%/6 - 20px);
  color: #F7740C;
  cursor: pointer;
}

#my-profile .tab-wrap .tab-holder .tab:hover {
  background: #F7740C;
  color: #FFFFFF;
}

#my-profile .tab-wrap .tab-holder .tab:hover ion-icon {
  color: #FFFFFF;
}

@media (max-width: 768px) {
  #my-profile .tab-wrap .tab-holder .tab {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    padding: 0px;
    margin-right: 0px;
  }
  #my-profile .tab-wrap .tab-holder .tab:last-child {
    margin-right: 0px !important;
  }
  #my-profile .tab-wrap .tab-holder .tab ion-icon {
    margin-right: 0px !important;
  }
}

@media (max-width: 400px) {
  #my-profile .tab-wrap .tab-holder .tab {
    width: 30px;
    height: 30px;
  }
  #my-profile .tab-wrap .tab-holder .tab ion-icon {
    font-size: 20px;
  }
}

#my-profile .tab-wrap .tab-holder .tab ion-icon {
  font-size: 22px;
  margin-right: 10px;
  color: #F7740C;
}

@media (max-width: 768px) {
  #my-profile .tab-wrap .tab-holder .tab span {
    display: none;
  }
}

#my-profile .tab-wrap .tab-holder .active-tab {
  background: #F7740C;
  color: #FFFFFF;
}

#my-profile .tab-wrap .tab-holder .active-tab ion-icon {
  color: #FFFFFF;
}

#my-profile .tab-wrap .tab-body {
  margin-top: 40px;
  display: none;
}

#my-profile .tab-wrap .tab-body .breadcrumbs {
  width: 100%;
  margin-bottom: 30px;
  display: none;
}

@media (max-width: 768px) {
  #my-profile .tab-wrap .tab-body .breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

#my-profile .tab-wrap .tab-body .breadcrumbs ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#my-profile .tab-wrap .tab-body .breadcrumbs ul li {
  list-style: none;
  font-size: 16px !important;
}

#my-profile .tab-wrap .tab-body .breadcrumbs ul li a {
  text-decoration: none;
  color: #3D3D3D;
}

#my-profile .tab-wrap .tab-body .card-wrapper .image-with-details-card {
  width: calc(100%/4 - 20px);
  margin-bottom: 80px;
}

@media (max-width: 768px) {
  #my-profile .tab-wrap .tab-body .card-wrapper .image-with-details-card {
    width: calc(100%/3 - 10px);
    margin-bottom: 80px;
  }
}

@media (max-width: 425px) {
  #my-profile .tab-wrap .tab-body .card-wrapper .image-with-details-card {
    width: 100%;
  }
}

#my-profile .tab-wrap .tab-body .edit {
  border-radius: 54px;
  border: 1px solid #F7740C;
  width: 84px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 15px;
  color: #F7740C;
  top: 15px;
  right: 15px;
  position: absolute;
  cursor: pointer;
}

#my-profile .tab-wrap .tab-body .edit:hover {
  background: #F7740C;
  color: #FFFFFF;
}

#my-profile .tab-wrap .tab-body .edit:hover ion-icon {
  color: #FFFFFF;
}

#my-profile .tab-wrap .tab-body .edit ion-icon {
  font-size: 18px;
  color: #F7740C;
  margin-right: 5px;
  margin-top: -2px;
}

@media (max-width: 425px) {
  #my-profile .tab-wrap .tab-body .edit {
    width: 30px;
    height: 30px;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: -8px;
    margin-top: 0px;
    border: none;
  }
  #my-profile .tab-wrap .tab-body .edit span {
    display: none;
  }
  #my-profile .tab-wrap .tab-body .edit ion-icon {
    font-size: 20px;
  }
}

#my-profile .tab-wrap .tab-body .profile-details {
  background: #FFFAF6;
  margin-top: 0px;
}

#my-profile .tab-wrap .tab-body .profile-details .edit {
  cursor: pointer;
}

#my-profile .tab-wrap .tab-body .profile-details .edit:hover {
  background: #F7740C;
  color: #FFFFFF;
}

#my-profile .tab-wrap .tab-body .profile-details .edit:hover ion-icon {
  color: #FFFFFF;
}

@media (max-width: 768px) {
  #my-profile .tab-wrap .tab-body .profile-details .edit {
    top: 65%;
  }
}

@media (max-width: 525px) {
  #my-profile .tab-wrap .tab-body .profile-details .edit {
    top: 596px;
  }
}

#my-profile .tab-wrap .tab-body .profile-details .box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#my-profile .tab-wrap .tab-body .profile-details .box .image .main-image {
  position: relative;
}

#my-profile .tab-wrap .tab-body .profile-details .box .image .main-image .take-photo {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#my-profile .tab-wrap .tab-body .profile-details .box .image .main-image .take-photo ion-icon {
  color: #FFFFFF;
  font-size: 35px;
}

#my-profile .tab-wrap .tab-body .profile-details .box .image .main-image .take-photo button {
  background: #F7740C;
  color: white;
  padding: 10px 20px;
  margin-top: 10px;
}

#my-profile .tab-wrap .tab-body .profile-details .box .details .row .title-sub .copy {
  border: none;
  padding: 0px;
  color: unset;
}

#my-profile .tab-wrap .tab-body .personal-details .box {
  background: #FFFAF6;
  position: relative;
}

#my-profile .tab-wrap .tab-body .personal-details .box .edit {
  border-radius: 54px;
  border: 1px solid #F7740C;
  width: 84px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 15px;
  color: #F7740C;
  top: 15px;
  right: 15px;
  position: absolute;
  cursor: pointer;
}

#my-profile .tab-wrap .tab-body .personal-details .box .edit:hover {
  background: #F7740C;
  color: #FFFFFF;
}

#my-profile .tab-wrap .tab-body .personal-details .box .edit:hover ion-icon {
  color: #FFFFFF;
}

#my-profile .tab-wrap .tab-body .personal-details .box .edit ion-icon {
  font-size: 18px;
  color: #F7740C;
  margin-right: 5px;
  margin-top: -2px;
}

@media (max-width: 425px) {
  #my-profile .tab-wrap .tab-body .personal-details .box .edit {
    width: 30px;
    height: 30px;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: -8px;
    margin-top: 0px;
    border: none;
  }
  #my-profile .tab-wrap .tab-body .personal-details .box .edit span {
    display: none;
  }
  #my-profile .tab-wrap .tab-body .personal-details .box .edit ion-icon {
    font-size: 20px;
  }
}

#my-profile .tab-wrap .tab-body .personal-details .box .flex .input-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100%/2 - 10px);
}

@media (max-width: 768px) {
  #my-profile .tab-wrap .tab-body .personal-details .box .flex .input-holder {
    width: 100%;
    margin-bottom: 20px;
  }
  #my-profile .tab-wrap .tab-body .personal-details .box .flex .input-holder:last-child {
    margin-bottom: 0px;
  }
}

#my-profile .tab-wrap .tab-body .personal-details .box .flex .input-holder label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}

#my-profile .tab-wrap .tab-body .personal-details .box .flex .input-holder textarea {
  width: 100%;
  height: 73px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  background: #FFF;
  outline: none;
  padding: 10px;
}

#my-profile .tab-wrap .tab-body .acnt-settings {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 768px) {
  #my-profile .tab-wrap .tab-body .acnt-settings {
    font-display: column;
  }
  #my-profile .tab-wrap .tab-body .acnt-settings .logout-btn {
    width: 80% !important;
    margin-bottom: 20px;
    margin-right: 0px !important;
  }
  #my-profile .tab-wrap .tab-body .acnt-settings .filled-btn {
    width: 80% !important;
  }
}

#my-profile .tab-wrap .tab-body .acnt-settings .logout-btn {
  margin-right: 15px;
  width: 110px;
}

#my-profile .tab-wrap .tab-body .acnt-settings .filled-btn {
  width: 198px;
}

#my-profile .tab-wrap .active-tab-body {
  display: block;
}

.logout-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 110px;
  background: #ea0000 !important;
  color: #FFFFFF;
}

.logout-btn ion-icon {
  font-size: 20px;
  margin-right: 5px;
  margin-top: -2px;
}

.add-account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.add-account .registration {
  width: 100%;
  min-height: 494px;
  padding: 40px 40px;
  background: white;
  border-radius: 5px;
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 120px;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .add-account .registration {
    padding: 20px 10px;
  }
}

.add-account .registration .close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #FAFAFA;
  width: 37px;
  height: 37px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
  cursor: pointer;
}

.add-account .registration .close ion-icon {
  font-size: 22px;
}

.add-account .registration .popup-title {
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 425px) {
  .add-account .registration .popup-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
  }
}

.add-account .registration .popup-title .count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 3px solid #F7740C;
  border-radius: 100%;
  width: 65px;
  height: 65px;
  margin-right: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-transform: uppercase;
}

@media (max-width: 425px) {
  .add-account .registration .popup-title .count {
    margin-bottom: 20px;
  }
}

.add-account .registration .popup-title .count span {
  color: #F7740C;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}

.add-account .registration .popup-title .count b {
  font-size: 12px;
}

.add-account .registration .popup-title .heading h1 {
  margin-bottom: 6px;
  font-weight: 500;
}

@media (max-width: 425px) {
  .add-account .registration .popup-title .heading h1 {
    margin-bottom: 10px;
    text-align: center;
  }
}

@media (max-width: 425px) {
  .add-account .registration .popup-title .heading p {
    text-align: center;
  }
}

.add-account .registration .popup-body {
  width: 100%;
  height: calc(100% - 160px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
  padding: 0px 50px;
}

@media (max-width: 425px) {
  .add-account .registration .popup-body {
    padding: 10px;
  }
}

.add-account .registration .popup-body form {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.add-account .registration .popup-body form .flex {
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 768px) {
  .add-account .registration .popup-body form .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.add-account .registration .popup-body form .flex::after {
  content: '';
  width: calc(100%/2 - 20px);
  display: none;
}

@media (max-width: 768px) {
  .add-account .registration .popup-body form .flex::after {
    display: none;
  }
}

.add-account .registration .popup-body form .flex .input-holder {
  width: calc(100%/4 - 20px);
  margin-bottom: 30px;
  margin-right: 20px;
}

@media (max-width: 768px) {
  .add-account .registration .popup-body form .flex .input-holder {
    width: calc(100%/2 - 20px);
  }
}

@media (max-width: 425px) {
  .add-account .registration .popup-body form .flex .input-holder {
    width: 100%;
  }
}

.add-account .registration .popup-body form .flex .input-holder label {
  margin-bottom: 5px !important;
  display: block;
  font-size: 14px;
}

.add-account .registration .popup-body form .flex .input-holder label span {
  color: red;
  font-size: 16px;
}

.add-account .registration .popup-body form .flex .input-holder input,
.add-account .registration .popup-body form .flex .input-holder select,
.add-account .registration .popup-body form .flex .input-holder textarea {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #D2D2D2;
  text-indent: 10px;
  font-family: DM Sans;
}

.add-account .registration .popup-body form .flex .input-holder input:hover,
.add-account .registration .popup-body form .flex .input-holder select:hover,
.add-account .registration .popup-body form .flex .input-holder textarea:hover {
  border: 1px solid #F7740C;
}

.add-account .registration .popup-body form .flex .input-holder textarea {
  width: 100%;
  height: 58px;
  padding: 10px;
  text-indent: 0px;
}

@media (max-width: 425px) {
  .add-account .registration .popup-body form .flex .input-holder textarea {
    height: 102px;
  }
}

@media (max-width: 768px) {
  .add-account .registration .popup-body form .flex .split-2 {
    width: 100% !important;
  }
}

.add-account .registration .popup-body form .flex .disabled-inputs:hover input {
  border: 1px solid #D2D2D2;
}

.add-account .registration .popup-body form .flex .disabled-inputs label {
  color: #DDD;
}

.add-account .registration .popup-body form .align-fs input {
  margin-top: -10px;
}

.add-account .registration .popup-body form .checkbox-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.add-account .registration .popup-body form .checkbox-holder input {
  margin-right: 10px;
}

.add-account .registration .popup-body form .checkbox-holder label a {
  line-height: 22px;
  color: #AD4D00;
  -webkit-text-decoration-color: #AD4D00;
          text-decoration-color: #AD4D00;
}

.add-account .registration .popup-body .step2 form .flex::after {
  content: '';
  width: calc(100%/4 - 20px);
}

@media (max-width: 768px) {
  .add-account .registration .popup-body .step2 form .flex::after {
    display: none;
  }
}

.add-account .registration .popup-body .step5 {
  width: 100%;
}

@media (max-width: 425px) {
  .add-account .registration .popup-body .step5 .flex {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .add-account .registration .popup-body .step5 .flex .checkbox-holder {
    margin-right: 20px;
  }
}

.add-account .registration .popup-bottom {
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media (max-width: 768px) {
  .add-account .registration .popup-bottom {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    margin-top: 20px;
    position: fixed;
    bottom: 0px;
    background: white;
    padding: 20px 0px;
    -webkit-box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.26);
            box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.26);
  }
}

.add-account .registration .popup-bottom .wrapper {
  width: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  .add-account .registration .popup-bottom .wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}

.add-account .registration .popup-bottom .button-holder {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .add-account .registration .popup-bottom .button-holder {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.add-account .registration .popup-bottom .button-holder .grey-filled-btn {
  width: 134px;
  margin-right: 14px;
}

@media (max-width: 768px) {
  .add-account .registration .popup-bottom .button-holder .grey-filled-btn {
    width: calc(100%/2 - 20px);
  }
}

.add-account .registration .popup-bottom .button-holder .filled-btn {
  width: 134px;
  text-decoration: none;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);
  margin-right: 14px;
}

@media (max-width: 768px) {
  .add-account .registration .popup-bottom .button-holder .filled-btn {
    width: calc(100%/2 - 20px);
  }
}

.add-account .registration .popup-bottom .button-holder .continue-btn {
  margin-right: 14px !important;
  text-decoration: none;
}

.add-account .registration .popup-bottom .registered-user-login {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 30px;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .add-account .registration .popup-bottom .registered-user-login {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.add-account .registration .popup-bottom .registered-user-login a {
  text-align: center;
  margin-left: 5px;
  color: rgba(173, 77, 0, 0.83);
  -webkit-text-decoration-color: rgba(173, 77, 0, 0.83);
          text-decoration-color: rgba(173, 77, 0, 0.83);
}

.success-popup {
  width: 320px;
  height: 250px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  border-radius: 20px;
  background: white;
  display: none;
}

.success-popup .icon {
  width: 50px;
  margin-bottom: 20px;
}

.success-popup .icon img {
  width: 100%;
}

.success-popup p {
  font-size: 20px;
  font-weight: 600;
}

.success-popup .filled-btn {
  width: 100px;
  margin-top: 20px;
}

.sidebar {
  position: fixed;
  width: 350px;
  height: 100vh;
  top: 0px;
  left: 0px;
  z-index: 500;
  padding: 10px 16px;
  padding-right: 0px;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: none;
}

@media (max-width: 425px) {
  .sidebar {
    width: 100%;
    height: 100vh;
  }
}

.sidebar form {
  width: 100%;
  height: 100%;
}

.sidebar form .sidebar-title {
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 15px;
}

.sidebar form .sidebar-title ion-icon {
  font-size: 20px;
  margin-right: 10px;
}

.sidebar form .sidebar-title h5 {
  font-family: DM Sans;
  font-size: 21px;
  margin-bottom: 0px;
}

.sidebar form .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  background: #FAFAFA;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

@media (max-width: 768px) {
  .sidebar form .close {
    top: 15px;
    right: 15px;
  }
}

.sidebar form .close ion-icon {
  font-size: 22px;
  margin-top: 5px;
}

.sidebar form .sidebar-body {
  width: 100%;
  height: calc(100% - 160px);
  overflow-y: scroll;
  padding-right: 15px;
}

.sidebar form .sidebar-body .switch-wrap {
  width: 100%;
  padding: 13px 0px;
  border-bottom: 1px solid #E9E9E9;
}

.sidebar form .sidebar-body .switch-wrap:last-child {
  border-bottom: none;
}

.sidebar form .sidebar-body .switch-wrap .filter-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sidebar form .sidebar-body .switch-wrap .filter-switch .type-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sidebar form .sidebar-body .switch-wrap .filter-switch .type-wrap .icon {
  width: 20px;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sidebar form .sidebar-body .switch-wrap .filter-switch .type-wrap .icon .black-icon {
  width: 100%;
}

.sidebar form .sidebar-body .switch-wrap .filter-switch .type-wrap .icon .white-icon {
  display: none;
}

.sidebar form .sidebar-body .switch-wrap .filter-switch .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sidebar form .sidebar-body .switch-wrap .switch-data {
  width: 100%;
  padding: 0px 6px;
  padding-top: 8px;
  display: none;
}

.sidebar form .sidebar-body .switch-wrap .switch-data .checkbox-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
}

.sidebar form .sidebar-body .switch-wrap .switch-data .checkbox-holder input {
  margin-right: 10px;
  height: 32px;
}

.sidebar form .sidebar-body .switch-wrap .switch-data .input-holder input {
  width: 116px;
  border-radius: 37px;
  border: 1px solid #D2D2D2;
  text-indent: 10px;
}

.sidebar form .sidebar-body .switch-wrap .switch-data .input-holder span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.sidebar form .sidebar-body .switch-wrap .switch-data .input-holder .selected {
  border: 1px solid #F7740C;
}

@media (max-width: 768px) {
  .sidebar form .sidebar-body .switch-wrap .flex {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

.sidebar form .sidebar-body .switch-wrap .fd-col {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.sidebar form .sidebar-body .switch-on .filter-switch {
  background: #F7740C;
  border-radius: 132px;
  height: 40px;
  color: #FFFFFF;
  padding: 0px 10px;
}

.sidebar form .sidebar-body .switch-on .filter-switch .type-wrap .icon .black-icon {
  display: none;
}

.sidebar form .sidebar-body .switch-on .filter-switch .type-wrap .icon .white-icon {
  display: block;
  width: 100%;
}

.sidebar form .sidebar-body .switch-on .switch-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sidebar form .sidebar-footer {
  width: 100%;
  height: 80px;
  padding-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: white;
}

.sidebar form .sidebar-footer .btn {
  width: calc(100%/2 - 10px);
}

.sidebar-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#contact-details {
  width: 100%;
  padding: 60px 30px;
  margin-top: 100px;
  position: relative;
  z-index: 20 !important;
  border-radius: 20px;
  background: #FFF;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
  margin-bottom: 80px;
}

@media (max-width: 425px) {
  #contact-details {
    margin-top: 110px;
    padding: 30px 16px;
  }
}

#contact-details .box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  #contact-details .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#contact-details .box .left {
  width: 43%;
}

@media (max-width: 768px) {
  #contact-details .box .left {
    width: 100%;
  }
}

#contact-details .box .left h1 {
  margin-bottom: 10px;
}

#contact-details .box .left .contact-details-wrap {
  width: 100%;
}

#contact-details .box .left .contact-details-wrap .row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

#contact-details .box .left .contact-details-wrap .row .icon {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background: rgba(0, 178, 186, 0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 15px;
}

#contact-details .box .left .contact-details-wrap .row .icon ion-icon {
  font-size: 18px;
  font-weight: 800;
  color: #F7740C;
}

#contact-details .box .left .contact-details-wrap .row .icon img {
  width: 19px;
}

#contact-details .box .left .contact-details-wrap .row .desc {
  width: calc(100% - 40px);
  color: #555;
  text-decoration: none;
}

#contact-details .box .left .contact-details-wrap .row .desc a {
  color: #555;
  text-decoration: none;
}

#contact-details .box .left .contact-details-wrap .row .desc p {
  margin-bottom: 0px !important;
}

#contact-details .box .right {
  width: 50%;
}

@media (max-width: 768px) {
  #contact-details .box .right {
    width: 100%;
  }
}

#contact-details .box .right .box-style-form {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 425px) {
  #contact-details .box .right .box-style-form {
    padding: 25px 0px;
  }
}

#contact-details .box .right .box-style-form .input-wrap {
  margin-bottom: 0px;
}

#contact-details .box .right .box-style-form .input-wrap .input-holder {
  margin-bottom: 30px;
  width: calc(100%/2 - 20px);
}

@media (max-width: 425px) {
  #contact-details .box .right .box-style-form .input-wrap .input-holder {
    width: 100%;
  }
}

#contact-details .box .right .box-style-form textarea {
  width: 100%;
  height: 80px;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.13);
}

#contact-details .box .right .box-style-form .filled-btn {
  width: 133px;
  background: #F7740C;
  margin-top: 30px;
}

@media (max-width: 425px) {
  #contact-details .box .right .box-style-form .filled-btn {
    width: 100%;
  }
}

.box-style-form {
  border-radius: 11px;
  background: #FFF;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16);
  padding: 25px 15px;
}

.box-style-form .input-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}

.box-style-form .input-holder {
  width: calc(100%/3 - 20px);
}

@media (max-width: 425px) {
  .box-style-form .input-holder {
    width: 100%;
    margin-bottom: 16px;
  }
  .box-style-form .input-holder:last-child {
    margin-bottom: 0px;
  }
}

.box-style-form .input-holder label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #676767;
}

.box-style-form .input-holder input,
.box-style-form .input-holder select {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #D2D2D2;
  text-indent: 10px;
}

.box-style-form .button-holder {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.box-style-form .button-holder .filled-btn {
  width: 154px;
  font-size: 15px;
}

#map {
  margin-top: 60px;
}

#search-popup {
  width: 542px;
  height: 550px;
  position: fixed;
  left: 50%;
  top: 55%;
  z-index: 1000;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: white;
  padding: 60px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 20px;
  display: none;
}

@media (max-width: 425px) {
  #search-popup {
    width: 98%;
    height: 78vh;
    padding: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

#search-popup .close {
  width: 34px !important;
  height: 34px !important;
  top: 13px !important;
  right: 10px !important;
  cursor: pointer;
}

#search-popup h2 {
  text-align: center;
  margin-bottom: 10px;
}

@media (max-width: 425px) {
  #search-popup h2 {
    margin-bottom: 27px;
    font-size: 26px;
    line-height: 31px;
  }
}

#search-popup .close {
  width: 37px;
  height: 37px;
  border-radius: 100%;
  position: absolute;
  top: 20px;
  right: 20px;
  background: #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

#search-popup .close ion-icon {
  font-size: 22px;
}

#search-popup .flex {
  width: 100%;
}

#search-popup .flex .input-holder {
  width: calc(100%/2 - 20px);
}

#search-popup .flex .input-holder select {
  width: 100% !important;
}

#search-popup .flex .input-holder select .select2-container--default .select2-selection--single {
  width: 100%;
}

#search-popup .flex .input-holder .select2-container--default {
  width: 100% !important;
}

@media (max-width: 425px) {
  #search-popup .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

#search-popup .flex .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px;
}

#search-popup .input-holder {
  width: calc(100%/2 - 20px);
  margin-bottom: 30px;
}

@media (max-width: 425px) {
  #search-popup .input-holder {
    width: 100%;
    margin-bottom: 20px;
  }
}

#search-popup .input-holder label {
  display: block;
  margin-bottom: 8px;
}

#search-popup .input-holder input,
#search-popup .input-holder select {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #D2D2D2;
  text-indent: 10px;
}

#search-popup .input-holder .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-right: 10px;
}

#search-popup .input-holder .input-wrap input,
#search-popup .input-holder .input-wrap select {
  width: 80px;
}

#search-popup .input-holder .input-wrap .select2-container--default .select2-selection--single {
  width: 90%;
}

#search-popup .input-holder .input-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 10px;
}

#search-popup .resize-inputs {
  margin-bottom: 0px !important;
  width: calc(100%/2 - 20px);
}

@media (max-width: 425px) {
  #search-popup .resize-inputs {
    width: calc(100%/2 - 10px);
  }
}

#search-popup .for-line {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (max-width: 425px) {
  #search-popup .for-line {
    margin: 20px 0px;
  }
}

#search-popup .for-line hr {
  width: 45%;
  border: 1px solid #F7740C;
  display: block;
}

#search-popup .filled-btn {
  margin-top: 40px;
  font-size: 16px !important;
  font-weight: 500;
}

@media (max-width: 425px) {
  #search-popup .filled-btn {
    margin-top: 30px;
  }
}

#search-popup .filled-btn ion-icon {
  margin-left: 8px;
}

.popup-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.sidebar label {
  display: block !important;
}

@media (max-width: 768px) {
  .sidebar .flex {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

.sidebar .input-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
  position: relative;
}

.sidebar .input-holder .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.sidebar .input-holder .flex input {
  width: 45%;
  border: 1px solid #D2D2D2;
}

.sidebar .input-holder label {
  margin-bottom: 10px;
}

.sidebar .input-holder select {
  border: 1px solid #D2D2D2;
}

.sidebar .input-holder .styled-label {
  font-size: 14px;
  background: white;
  position: absolute;
  padding: 0px 5px;
  top: -10px;
  left: 0px;
  z-index: 100;
}

.sidebar .radio-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
}

.sidebar .radio-holder input {
  margin-right: 10px;
}

.edit-account .box-wrap {
  margin-bottom: 20px;
  background: white;
  border-radius: 10px;
  padding: 20px;
}

.edit-account .box-wrap input,
.edit-account .box-wrap select {
  border: 1px solid #D2D2D2;
}

.edit-account .box-wrap .input-holder {
  margin-bottom: 20px;
}

.edit-account .box-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px;
}

#edit_profileDetails {
  margin-top: 80px;
  margin-bottom: 100px;
}

#edit_profileDetails .box-wrap h3 {
  margin-bottom: 30px;
  font-size: 20px;
}

#edit_profileDetails .box-wrap .flex {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 768px) {
  #edit_profileDetails .box-wrap .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

#edit_profileDetails .box-wrap .flex .input-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100%/5 - 10px);
  margin-right: 10px;
}

@media (max-width: 768px) {
  #edit_profileDetails .box-wrap .flex .input-holder {
    width: calc(100%/3 - 10px);
  }
}

@media (max-width: 450px) {
  #edit_profileDetails .box-wrap .flex .input-holder {
    width: 100%;
  }
}

#edit_profileDetails .box-wrap .flex .input-holder label {
  margin-bottom: 6px;
}

#edit_profileDetails .box-wrap .flex .radio-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#edit_profileDetails .box-wrap .flex .radio-holder input {
  margin-right: 10px;
}

#edit_profileDetails .wrapper .button-holder {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#edit_profileDetails .wrapper .button-holder button {
  width: 148px;
}

@media (max-width: 450px) {
  #edit_profileDetails .wrapper .button-holder button {
    width: 100%;
  }
}

.exceed-popup {
  width: 400px;
  height: auto;
  background: white;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  left: 50%;
  top: 50%;
  position: fixed;
  z-index: 100;
  padding: 30px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0px 0px 10px #3636364a;
          box-shadow: 0px 0px 10px #3636364a;
}

.exceed-popup .close {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 30px;
  cursor: pointer;
}

.exceed-popup .icon {
  font-size: 50px;
  width: 70px;
  height: 70px;
  background: #fff7e7;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.exceed-popup .icon i {
  margin: 0;
}

.exceed-popup .text {
  font-size: 18px;
  margin: 20px 0px;
  text-align: center;
  font-weight: 500;
}

.exceed-popup .view_plan_button {
  background: #F7740C;
  padding: 10px 30px;
  border-radius: 30px;
  width: auto;
  font-weight: 500;
  color: white;
  text-decoration: none;
}

.exceed-popup-active {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  visibility: visible;
  left: 50%;
  top: 50%;
  z-index: 1000;
}

.profile-button-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .profile-button-holder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    flex-direction: column;
  }
}

.profile-button-holder .view-contact {
  width: 150px;
}

.profile-button-holder button {
  margin-right: 10px;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0px 20px;
}

@media (max-width: 768px) {
  .profile-button-holder button {
    margin-bottom: 10px;
    width: 100% !important;
  }
}

@-webkit-keyframes borderPulse {
  0%,
  45% {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(120, 119, 142, 0.7);
            box-shadow: 0px 0px 0px 0px rgba(120, 119, 142, 0.7);
  }
  100% {
    -webkit-box-shadow: 0px 0px 0px 15px rgba(242, 242, 242, 0.01);
            box-shadow: 0px 0px 0px 15px rgba(242, 242, 242, 0.01);
  }
}

@keyframes borderPulse {
  0%,
  45% {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(120, 119, 142, 0.7);
            box-shadow: 0px 0px 0px 0px rgba(120, 119, 142, 0.7);
  }
  100% {
    -webkit-box-shadow: 0px 0px 0px 15px rgba(242, 242, 242, 0.01);
            box-shadow: 0px 0px 0px 15px rgba(242, 242, 242, 0.01);
  }
}

.accept-btn {
  background: green;
}

.reject-btn {
  background: red;
}

.request-btn {
  -webkit-animation: borderPulse 1000ms infinite ease-out;
  animation: borderPulse 1000ms infinite ease-out;
}

.view-contact {
  background: #F7740C;
  -webkit-animation: borderPulse 1000ms infinite ease-out;
  animation: borderPulse 1000ms infinite ease-out;
}

.cancel-btn {
  background: red;
}

.notice .content {
  text-align: center;
  padding: 8px 20px;
  border-radius: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-weight: 500;
}

.notice .content ion-icon {
  font-size: 25px;
}

.notice .reject {
  background: #ffd2d2;
}

.notice .accept {
  background: #d5ffd2;
}

.id-error {
  padding: 3px 10px;
  background: #ff000026;
  display: block;
  border-radius: 5px;
}

.step1 {
  width: 100%;
}

.approval-notice {
  width: 100%;
  background: #c5ffcb;
  padding: 12px;
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
  border-radius: 100px;
}

#plans-banner {
  background: -webkit-gradient(linear, left top, right top, color-stop(31.57%, #000), color-stop(99.97%, #0f5869));
  background: linear-gradient(90deg, #000 31.57%, #0f5869 99.97%);
  width: 100%;
  height: 70vh;
  position: relative;
  margin-top: 75px;
  position: relative;
}

@media (max-width: 425px) {
  #plans-banner {
    background: -webkit-gradient(linear, left top, right top, color-stop(1.57%, #000), color-stop(99.97%, #0f5869));
    background: linear-gradient(90deg, #000 1.57%, #0f5869 99.97%);
  }
}

#plans-banner .float-image {
  position: absolute;
  right: 0px;
  bottom: 60px;
}

@media (max-width: 425px) {
  #plans-banner .float-image {
    display: none;
  }
}

#plans-banner .float-image img {
  width: 419px;
}

#plans-banner .banner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 50px;
}

#plans-banner .banner-content .left {
  width: 65%;
}

@media (max-width: 425px) {
  #plans-banner .banner-content .left {
    width: 100%;
  }
}

#plans-banner .banner-content .left h1 {
  font-size: 33px;
  font-weight: 500;
  line-height: 43px;
  text-align: left;
  margin-bottom: 20px;
}

#plans-banner .banner-content .left p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #FFFFFF;
}

#plans-banner {
  background: -webkit-gradient(linear, left top, right top, color-stop(31.57%, #000), color-stop(99.97%, #0f5869));
  background: linear-gradient(90deg, #000 31.57%, #0f5869 99.97%);
  width: 100%;
  height: 40vh;
  position: relative;
  margin-top: 75px;
  position: relative;
}

@media (max-width: 425px) {
  #plans-banner {
    background: -webkit-gradient(linear, left top, right top, color-stop(1.57%, #000), color-stop(99.97%, #00B2BA));
    background: linear-gradient(90deg, #000 1.57%, #00B2BA 99.97%);
  }
}

#plans-banner .float-image {
  position: absolute;
  right: 0px;
  bottom: 60px;
}

@media (max-width: 425px) {
  #plans-banner .float-image {
    display: none;
  }
}

#plans-banner .float-image img {
  width: 419px;
}

#plans-banner .banner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#plans-banner .banner-content .left {
  width: 65%;
}

@media (max-width: 425px) {
  #plans-banner .banner-content .left {
    width: 100%;
  }
}

#plans-banner .banner-content .left h1 {
  font-size: 33px;
  font-weight: 500;
  line-height: 43px;
  text-align: left;
  margin-bottom: 20px;
}

#plans-banner .banner-content .left p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #FFFFFF;
}

#plans {
  width: 100%;
  margin: 40px 0px 60px 0px;
  text-align: center;
}

#plans h2 {
  font-size: 33px;
  font-weight: 500;
  margin-bottom: 50px;
}

#plans .card-wrapper {
  width: 100%;
  gap: 20px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#plans .card-wrapper .card {
  width: calc(100%/4 - 15px);
  height: auto;
  min-height: 400px;
  background: #690f48;
  background-position: center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 15px;
  border-radius: 15px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-bottom: 30px;
}

#plans .card-wrapper .card:hover {
  -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
          box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

@media (max-width: 1024px) {
  #plans .card-wrapper .card {
    width: calc(100%/3 - 15px);
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  #plans .card-wrapper .card {
    width: calc(100%/2 - 15px);
    min-height: 380px;
  }
}

@media (max-width: 425px) {
  #plans .card-wrapper .card {
    width: 100%;
    min-height: 350px;
  }
}

#plans .card-wrapper .card .top {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding-bottom: 20px;
}

#plans .card-wrapper .card .bottom {
  width: 100%;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#plans .card-wrapper .card .bottom span {
  font-size: 15px !important;
  font-weight: 500 !important;
}

#plans .card-wrapper .card .bottom .get-plan-btn {
  width: 100% !important;
  height: 45px;
  border: 1px solid #000;
  color: black;
  font-weight: 600;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 8px;
}

#plans .card-wrapper .card h4 {
  font-family: DM Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  color: white;
  margin-bottom: 8px;
  text-align: center;
}

#plans .card-wrapper .card p {
  font-size: 13px;
  line-height: 1.4;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 20px;
  text-align: center;
  min-height: 35px;
}

#plans .card-wrapper .card .rate {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 8px;
  color: white;
  text-align: center;
}

#plans .card-wrapper .card .rate span {
  font-size: 24px;
}

#plans .card-wrapper .card .rate .icon {
  font-family: serif;
  font-size: 28px;
  margin-right: 2px;
}

#plans .card-wrapper .card .actual-rate {
  font-size: 16px !important;
  margin-bottom: 15px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
}

#plans .card-wrapper .card .actual-rate span {
  font-size: 16px;
}

#plans .card-wrapper .card .request_count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 30px;
  text-align: left;
}

#plans .card-wrapper .card .request_count ion-icon {
  font-size: 20px !important;
  margin-right: 5px;
  margin-top: 1px;
}

#plans .card-wrapper .card .request_count span {
  font-size: 18px;
  font-weight: 500;
}

#plans .card-wrapper .card .get-plan-btn {
  width: 100% !important;
  height: 40px;
  border: 1px solid #000;
  color: black;
  font-size: 15px;
  font-weight: 700;
}

#plans .card-wrapper .card:hover .get-plan-btn {
  background: black;
  color: white;
}

#plans .card-wrapper .card.basic-card {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

#plans .card-wrapper .card.basic-card .get-plan-btn {
  background: white;
  color: #667eea;
  border: 1px solid white;
}

#plans .card-wrapper .card.basic-card .get-plan-btn:hover {
  background: #667eea;
  color: white;
  border: 1px solid #667eea;
}

#plans .card-wrapper .card.silver-card {
  background: linear-gradient(135deg, #bdc3c7 0%, #2c3e50 100%);
}

#plans .card-wrapper .card.silver-card .get-plan-btn {
  background: white;
  color: #2c3e50;
  border: 1px solid white;
}

#plans .card-wrapper .card.silver-card .get-plan-btn:hover {
  background: #2c3e50;
  color: white;
  border: 1px solid #2c3e50;
}

#plans .card-wrapper .card.gold-card {
  background: linear-gradient(135deg, #f7971e 0%, #ffd200 100%);
}

#plans .card-wrapper .card.gold-card h4 {
  color: #333 !important;
}

#plans .card-wrapper .card.gold-card p {
  color: rgba(51, 51, 51, 0.8) !important;
}

#plans .card-wrapper .card.gold-card .bottom {
  border-top: 1px solid rgba(51, 51, 51, 0.2);
}

#plans .card-wrapper .card.gold-card .plan-details {
  color: #333;
}

#plans .card-wrapper .card.gold-card .plan-details .icon {
  color: rgba(51, 51, 51, 0.9);
}

#plans .card-wrapper .card.gold-card .plan-details span {
  color: rgba(51, 51, 51, 0.95);
}

#plans .card-wrapper .card.gold-card .rate {
  color: #333;
  font-weight: 800;
}

#plans .card-wrapper .card.gold-card .rate span {
  color: #333;
}

#plans .card-wrapper .card.gold-card .rate .icon {
  color: #333;
}

#plans .card-wrapper .card.gold-card .actual-rate {
  color: rgba(51, 51, 51, 0.8);
}

#plans .card-wrapper .card.gold-card .actual-rate span {
  color: rgba(51, 51, 51, 0.8);
}

#plans .card-wrapper .card.gold-card .get-plan-btn {
  background: #333;
  color: white;
  border: 1px solid #333;
}

#plans .card-wrapper .card.gold-card .get-plan-btn:hover {
  background: white;
  color: #333;
  border: 1px solid white;
}

#plans .card-wrapper .card.womens-card {
  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
}

#plans .card-wrapper .card.womens-card .get-plan-btn {
  background: white;
  color: #ee5a24;
  border: 1px solid white;
}

#plans .card-wrapper .card.womens-card .get-plan-btn:hover {
  background: #ee5a24;
  color: white;
  border: 1px solid #ee5a24;
}

#plans .card-wrapper .selected {
  color: white !important;
}

#plans .card-wrapper .selected h4 {
  color: white;
}

#plans .card-wrapper .selected p {
  color: white;
}

#plans .card-wrapper .selected .get-plan-btn {
  background: white;
  border: none !important;
}

.popup-menu {
  width: 423px;
  height: 262px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 100;
  background: white;
  padding: 20px 40px;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup-menu .close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: rgba(222, 222, 222, 0.446);
  width: 25px;
  height: 25px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup-menu .close ion-icon {
  font-size: 20px;
}

.credit-limit-exceeded-popup {
  display: none;
}

.credit-limit-exceeded-popup .icon {
  width: 51px;
  height: 51px;
  background: rgba(247, 116, 12, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  margin-bottom: 10px;
}

.credit-limit-exceeded-popup .icon ion-icon {
  font-size: 31px;
  color: #F7740C;
}

.credit-limit-exceeded-popup .filled-btn {
  width: 148px;
  background: #F7740C;
  color: white;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

.no-data {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.no-data .icon {
  width: 213px;
  margin-bottom: 20px;
}

.no-data .icon img {
  width: 100%;
}

.no-data span {
  text-align: center;
}

.popup-para {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.popup-sub-para {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
}

.whatsapp-verification {
  height: 400px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(-50, -50%) scale(0.5);
          transform: translate(-50, -50%) scale(0.5);
  z-index: 1000;
}

.whatsapp-verification .close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: black;
  color: white;
}

.whatsapp-verification .icon {
  width: 120px;
  margin-bottom: 20px;
}

.whatsapp-verification .icon img {
  width: 100%;
}

.whatsapp-verification span {
  margin-bottom: 20px;
}

.whatsapp-verification .input-otp {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}

.whatsapp-verification .input-otp input {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: rgba(219, 219, 219, 0.35);
  margin-right: 5px;
  font-family: DM Sans;
  font-size: 17px;
  font-weight: 700;
  text-indent: 18px;
}

.whatsapp-verification .input-otp input:last-child {
  margin-right: 0px;
}

.whatsapp-verification .input-otp .selected {
  border: 1px solid #D8D8D8;
  background: #F2F2F2;
}

.whatsapp-verification .resend-otp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 13px;
  font-weight: 400;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.whatsapp-verification .resend-otp .highlighted-text {
  color: #00D758;
  font-weight: 700;
  font-size: 13px;
  margin-left: 5px;
  cursor: pointer;
}

.whatsapp-verification .resend-otp .invalid-message {
  color: red;
  margin-bottom: 10px;
}

.whatsapp-verification .resend-otp .success-message {
  color: green;
  margin-bottom: 10px;
}

.whatsapp-verification-active {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.notifications {
  width: 410px;
  height: 100vh;
  background: #FFF;
  position: fixed;
  top: 75px;
  right: 1px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}

@media (max-width: 525px) {
  .notifications {
    width: 100%;
    height: calc(100% - 70px);
  }
}

.notifications .notification-header {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 10px;
}

.notifications .notification-header .title {
  font-size: 18px;
  font-weight: 500;
}

.notifications .notification-header .count {
  border-radius: 34px;
  border: 1px solid #F7740C;
  background: rgba(247, 116, 12, 0.32);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #F7740C;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 500;
}

.notifications .list-notifications {
  width: 100%;
  overflow-y: scroll;
  height: calc(100% - 60px);
}

.notifications .list-notifications .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #E7E7E7;
  padding: 10px 10px;
  text-decoration: none !important;
  color: #3D3D3D;
  justify-content: space-between;
}

.notifications .list-notifications .row .icon {
  width: 35px;
  height: 35px;
  border-radius: 34px;
  background: rgba(28, 165, 224, 0.19);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.notifications .list-notifications .row .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.notifications .list-notifications .row .desc {
  width: calc(100% - 40px);
}

.notifications .list-notifications .row .desc .heading {
  font-size: 14px;
  font-weight: 500;
}

.notifications .list-notifications .row .desc p {
  font-size: 13px !important;
  font-weight: 400;
}

.notifications-active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

#registration-completed {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 80vh;
}

#registration-completed .icon {
  width: 200px;
}

#registration-completed .icon img {
  width: 100%;
}

#registration-completed p {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

#registration-completed span {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 8px;
}

.start-chat-fixed {
  position: fixed;
  left: 0;
  bottom: 10px;
  background: #075e54;
  color: white;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90%;
  height: 45px;
  text-decoration: none;
  z-index: 30;
  font-size: 16px;
  border-radius: 5px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  font-weight: 600;
  -webkit-box-shadow: 0px 0px 10px #2828284a;
          box-shadow: 0px 0px 10px #2828284a;
  display: none;
}

.start-chat-fixed ion-icon {
  font-size: 20px;
  margin-right: 10px;
}

@media (min-width: 768px) {
  .start-chat-fixed {
    display: none;
  }
}

.iti__selected-flat {
  background: none !important;
}

.slider {
  position: relative;
  width: 100%;
}

.items {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 90vh;
}

@media (max-width: 768px) {
  .items {
    height: 100vh;
  }
}

.item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity .6s ease-in-out;
  transition: opacity .6s ease-in-out;
}

.item.current {
  opacity: 1;
}

.item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.buttons {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.button {
  width: 32px;
  height: 32px;
  border: none;
  outline: none;
  padding: 0;
  background: transparent center no-repeat;
  cursor: pointer;
  opacity: .4;
}

.button.prev {
  background-image: url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32.png);
}

.button.next {
  background-image: url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32-1.png);
}

.button:hover {
  opacity: .8;
}

.dots {
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}

.dot {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  outline: none;
  padding: 0;
  background: #777;
  cursor: pointer;
  opacity: .5;
  -webkit-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
}

.dot:nth-child(n+2) {
  margin-left: 5px;
}

.dot.current {
  opacity: 1;
}

.fiter-wrapper {
  width: 100%;
  height: 40px;
  background: red;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none;
  -webkit-box-shadow: 0px 0px 10px #36363675;
          box-shadow: 0px 0px 10px #36363675;
}

@media (max-width: 768px) {
  .fiter-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.fiter-wrapper button {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-weight: 600;
  width: calc(100% / 2);
  border-radius: 0px !important;
}

.fiter-wrapper button:nth-child(1) {
  background: black;
}

.fiter-wrapper button:nth-child(2) {
  background: #eee;
  color: #3D3D3D;
}

.not-approved-popup {
  width: 500px;
  background: white;
  position: fixed;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
  left: 50%;
  top: 50%;
  z-index: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 30px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px #3636362a;
          box-shadow: 0px 0px 10px #3636362a;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  visibility: hidden;
  text-align: center;
}

@media (max-width: 768px) {
  .not-approved-popup {
    width: 90%;
  }
}

.not-approved-popup .icon {
  font-size: 40px;
  background: #eee;
  width: 70px;
  height: 70px;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}

.not-approved-popup .title {
  font-size: 23px;
  margin-bottom: 10px;
}

.not-approved-popup .desc {
  font-size: 18px;
}

.not-approved-popup button {
  background: #F7740C;
  padding: 0px 20px;
  text-indent: 0px;
  margin-top: 20px;
  font-weight: 600;
  color: white;
}

.not-approved-active {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  opacity: 1;
}

.loader-container {
  width: 100%;
  height: calc(100% - 75px);
  position: fixed;
  left: 0;
  top: 75px;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 100000;
}

.loader-container .loader {
  width: 48px;
  height: 48px;
  border: 5px solid #F7740C;
  border-radius: 50%;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-animation: pulse 1s linear infinite;
          animation: pulse 1s linear infinite;
}

.loader-container .loader:after {
  content: '';
  position: absolute;
  width: 48px;
  height: 48px;
  border: 5px solid #F7740C;
  border-radius: 50%;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: scaleUp 1s linear infinite;
          animation: scaleUp 1s linear infinite;
}

@-webkit-keyframes scaleUp {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
  60%,
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes scaleUp {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
  60%,
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}

@-webkit-keyframes pulse {
  0%,
  60%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@keyframes pulse {
  0%,
  60%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  display: none;
}

.lds-ellipsis div {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #F7740C;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
          animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
          animation: lds-ellipsis3 0.6s infinite;
}

@-webkit-keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}

.error-msg {
  color: red;
  text-align: left;
  width: 100%;
  margin-top: 10px;
  font-weight: 600;
}

.referal-popup {
  background: white;
  position: fixed;
  -webkit-transform: translate(-50%, -50%) scale(0.7);
          transform: translate(-50%, -50%) scale(0.7);
  left: 50%;
  top: 50%;
  z-index: 10;
  padding: 50px;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
}

.referal-popup .txt {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
}

.referal-popup .input-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0px;
}

.referal-popup .input-holder input {
  border: 1px solid black !important;
  width: 200px;
}

.referal-popup .input-holder button {
  background: black;
  width: 100px;
  border-radius: 5px !important;
  color: white;
}

.referal-popup #withoutCode {
  background: #eee;
  width: 100%;
  border-radius: 5px !important;
  color: black;
  text-decoration: underline;
}

.referal-popup .close-popup {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 25px;
  cursor: pointer;
}

.referal-popup .close-popup ion-icon {
  width: 30px;
  height: 30px;
  background: #eee;
  border-radius: 100%;
}

.referal-popup-active {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 1000;
}

.copy-address {
  top: 28px;
  margin-left: 10px;
  color: black;
  border-radius: 5px;
  padding: 2px 10px;
  border: 1px solid rgba(0, 0, 0, 0.242);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.copy-address ion-icon {
  margin-right: 10px;
}

.copy-address:hover {
  background: #eee;
}

.ui-datepicker-calendar {
  display: none;
}

.credit-holder {
  margin-bottom: 30px;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.credit-holder span {
  padding: 5px 10px;
  background: green;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  margin-left: 10px;
  color: white;
  font-size: 14px;
}

.credit-btn {
  background: none;
  border: 2px solid black;
  text-decoration: none;
  padding: 3px 10px;
  border-radius: 30px;
  color: black;
  margin-left: 20px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .credit-btn {
    margin-top: 20px;
  }
}

.credit-btn:hover {
  background: #F7740C;
  color: white;
  border-color: #F7740C;
}

#plans .card-wrapper .selected {
  text-align: left;
}

.plan-details {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
}

.plan-details .icon {
  margin-right: 8px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
}

.plan-details span {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.95);
}

.plan-details div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/*# sourceMappingURL=style.css.map */