@font-face {
  font-family: "cairo";
  src: url("../fonts/Cairo-Regular.woff") format("woff"), url("../fonts/Cairo-Regular.otf") format("opentype"), url("../fonts/Cairo-Regular.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "cairo";
  src: url("../fonts/Cairo-SemiBold.woff") format("woff"), url("../fonts/Cairo-SemiBold.otf") format("opentype"), url("../fonts/Cairo-SemiBold.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "cairo";
  src: url("../fonts/Cairo-Bold.woff") format("woff"), url("../fonts/Cairo-Bold.otf") format("opentype"), url("../fonts/Cairo-Bold.ttf") format("truetype");
  font-weight: 700;
}
html {
  scroll-behavior: smooth;
}
html body {
  font-family: "cairo";
  animation: 1.2s ease 0s opacityOnload;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #002D6E;
}

@keyframes opacityOnload {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.address-list-page .buttons {
  position: absolute !important;
  top: 5px !important;
  right: 10px !important;
}

/* Start of select 2 styles */
.select2-selection {
  height: auto !important;
}

.select2-search__field {
  min-height: 0px !important;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  user-select: none;
  -webkit-user-select: none;
}

/* End of select 2 styles */
div.section-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

#back-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 15px;
  border: none;
  outline: none;
  background-color: white;
  color: #002F6C;
  cursor: pointer;
  border-radius: 97px;
  width: 65px;
  height: 65px;
  box-shadow: 0px 10px 30px rgba(0, 45, 110, 0.24);
  transition-duration: 0.5s;
}

#back-to-top:hover {
  background-color: #00B4E1;
  transition-duration: 0.5s;
  color: white;
}

.map-view-container, .list-view-container {
  display: flex;
  justify-content: flex-end;
}
.map-view-container .map-view, .list-view-container .map-view {
  position: absolute;
  right: 107px;
  top: 74px;
  color: white;
}
.map-view-container img:hover, .list-view-container img:hover {
  cursor: pointer;
}

.categories-modal {
  display: flex;
  border: 2px solid #00b4e1;
  border-top: none;
  font-weight: 900 !important;
  color: #00b4e1;
  z-index: 10000;
  position: absolute;
  background-color: white;
  left: 50%;
  transform: translate(-50%, 0%);
}
@media (max-width: 991px) {
  .categories-modal {
    flex-direction: column;
    display:contents;
  }
}
.categories-modal .nav-link.active {
  color: #002d6e !important;
  text-decoration: underline !important;
  background-color: transparent !important;
}
@media (max-width: 991px) {
  .categories-modal #v-pills-tab {
    display: flex;
    justify-content: flex-start;
    flex-direction: row !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    background-color: #eee;
  }
}
.categories-modal .content-wrapper {
  margin-inline-start: 40px;
}
@media (max-width: 991px) {
  .categories-modal .content-wrapper {
    margin-left: 0px;
  }
}
.categories-modal .content-wrapper .active-link {
  color: #00b4e1;
}
.categories-modal .content-wrapper .activeated-link {
  border-bottom: 1px solid #75787b;
  width: 120px;
}
@media (max-width: 991px) {
  .categories-modal .content-wrapper .activeated-link {
    display: none;
  }
}
.categories-modal .tab-content .categories-ul-list {
  color: #002d6e;
  font-weight: 300;
}
@media (max-width: 991px) {
  .categories-modal .tab-content .categories-ul-list {
    margin: 0px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

.master-wrapper-page {
  overflow: hidden;
}
.master-wrapper-page header {
  margin-bottom: 30px;
}
.master-wrapper-page header .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.master-wrapper-page header .sidenav {
  background-color: #00B4E1;
  /* @include respond-below(md) {
      background-color: #EEE !important;
  }*/
}
.master-wrapper-page header .sidenav .special-offers-secondary {
  background: url(../images/icons/offer-bg.png) no-repeat center center;
  background-size: cover;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 50px;
  padding-left: 50px;
}
@media (max-width: 991px) {
  .master-wrapper-page header .sidenav .special-offers-secondary {
    display: none;
  }
}
.master-wrapper-page header .sidenav-secondary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 78px;
  color: white;
}
/* Ahmad : #373 changing nav bar height in products*/
/*#products-and-services-nav {
  height: 230px !important;
}*/
.master-wrapper-page header .sidenav-secondary .title-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.master-wrapper-page header .sidenav-secondary .title-wrapper .topbar-title {
  margin-inline-start: 20px;
}
.master-wrapper-page header .sidenav-secondary .title-wrapper .topbar-title h4 {
  color: white;
  font-size: 20px;
}
.master-wrapper-page header .sidenav-secondary .global-search-wrapper input {
  border-radius: 20px;
  width: 400px;
}
.master-wrapper-page header .sidenav-secondary .global-search-wrapper .fa.fa-search {
  position: relative;
  right: 32px;
  color: black;
}
.master-wrapper-page .header-upper {
  font-size: 15px;
  background-color: #F8FEFF;
  border: 0 none;
  padding: 0 50px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .master-wrapper-page .header-upper {
    padding: 0;
  }
}
.master-wrapper-page .header-upper .header-user-menu {
  font-size: 22px;
  position: relative;
}
.master-wrapper-page .header-upper .header-user-menu .notification-icon {
  color: #FF585D !important;
  position: relative;
  left: 30px;
  bottom: 2px;
  font-size: 7px !important;
}
.master-wrapper-page .header-upper .header-user-menu span .notification-icon {
  position: absolute !important;
  left: 14px !important;
  top: 13px !important;
}
.master-wrapper-page .header-upper .header-user-menu span i {
  font-size: 22px;
  color: #002D6E;
  position: relative;
  left: -2px;
  top: 3px;
}
.master-wrapper-page .header-upper .header-user-menu span:hover + ul {
  opacity: 1;
  top: 35px;
  display: block;
}
.master-wrapper-page .header-upper .header-user-menu ul {
  display: none;
  transition: 0.2s ease;
  opacity: 0;
  position: absolute;
  z-index: 999;
  left: 0px;
  box-shadow: 0px 1px 18px rgba(0, 180, 225, 0.16);
  width: 150px;
  text-align: left;
  font-size: 13px;
  border-radius: 16px;
  top: 35px;
  background-color: #FFF;
  line-height: 1;
  padding: 5px;
  /*display: none;*/
}
.master-wrapper-page .header-upper .header-user-menu ul:hover {
  opacity: 1;
  top: 40px;
  display: block;
}
.master-wrapper-page .header-upper .header-user-menu ul li a {
  line-height: 33px;
}
.master-wrapper-page .header-upper .header-user-menu ul li a:hover {
  color: #00B4E1;
}
.master-wrapper-page .header-upper .header-links-wrapper {
  display: flex;
  justify-content: end;
}
@media (max-width: 991px) {
  .master-wrapper-page .header-upper .header-links-wrapper {
    padding: 0;
  }
}
.master-wrapper-page .header-upper .header-links-wrapper .header-links a {
  font-size: 15px;
  color: #002D6E;
}
.master-wrapper-page .header-upper .header-links-wrapper .header-links span {
  font-size: 15px;
  color: #002D6E;
}
.master-wrapper-page .header-upper .header-links-wrapper .header-links #topcartlink {
  background-color: transparent;
}
.master-wrapper-page .header-upper .header-links-wrapper .header-links #topcartlink span.cart-label {
  display: none !important;
}
.master-wrapper-page .header-upper .header-links-wrapper .header-links #topcartlink a {
  background-image: url("../images/icons/cart-icon.svg") !important;
}
.master-wrapper-page .header-upper .header-links-wrapper .header-links #topcartlink a span.cart-qty {
  color: #fff;
  font-size: 12px;
  text-align: center;
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  line-height: 12px;
  padding-top: 3px;
  top: -8px;
  left: -4px;
  background: #00AFA2;
}
.master-wrapper-page .header-upper .header-links-select {
  margin-top: 6px;
  position: relative;
}
.master-wrapper-page .header-upper .header-links-select.bold-list select {
  font-weight: bold;
}
.master-wrapper-page .header-upper .header-links-select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 4px 15px;
  outline: 0;
  border: 0px solid #000000;
  border-radius: 0px;
  background: #FFF;
  color: #002F6C;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 28px !important;
  line-height: 1;
  font-family: serif;
}
  .master-wrapper-page .header-upper .header-links-select select option {
    font-family: serif;
  }
.master-wrapper-page .header-upper .select select::-ms-expand {
  display: none;
}
.master-wrapper-page .header-upper .select select:hover,
.master-wrapper-page .header-upper .select select:focus {
  color: #000000;
  background: #cccccc;
}
.master-wrapper-page .header-upper .select select:disabled {
  opacity: 0;
  pointer-events: none;
}
.master-wrapper-page .header-upper .select_arrow {
  position: absolute;
  top: 12px;
  right: 14px;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0px 5px;
  border-color: #002D6E transparent transparent transparent;
}
.master-wrapper-page .header-lower {
  margin-bottom: 0;
  padding: 0 60px;
  padding-bottom: 12px;
}
@media (max-width: 991px) {
  .master-wrapper-page .header-lower {
    padding: 0 10px;
  }
  .master-wrapper-page .header-lower .container {
    max-width: 100%;
  }
}
.master-wrapper-page .header-lower .header-logo {
  display: block;
  margin-bottom: 0 !important;
}
@media (max-width: 991px) {
  .master-wrapper-page .header-lower .header-logo {
    float: right;
  }
}
.master-wrapper-page .header-lower .header-logo a {
  display: block;
  height: 50px;
}
.master-wrapper-page .header-lower .header-logo a img {
  height: 100%;
}
.master-wrapper-page #small-search-box-form {
  width: 100%;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.master-wrapper-page #small-search-box-form .search-block-container {
  max-width: 450px;
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  position: relative;
  padding-right: 32px;
  /*  .prize-image {
      width: 38px;
      height: 38px;
      background-color: #FF8F1C;
      box-shadow: 0px 6px 8px rgba(255, 143, 28, 0.2);
      border-radius: 65px;
      position: relative;
      text-align: center;
      padding-top: 4px;
      top: 6px;

      img {
          height: 20px;
      }
  }*/
  /*  .search-component {
      border: 1px solid #D2D2D2;
      max-height: 32px;
      border-radius: 16px;
      overflow: hidden;
      margin-top: 10px;
      width: 34px;
      transition: .2s ease;
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      background: #FFF;
      z-index: 999;
      //  justify-content: flex-end;
      flex-direction: row-reverse;

      &:hover {
          width: 192px;
      }

      .search-box-text {
          color: $main;
          font-size: 11px;
          max-width: 150px;
          border: 0 none !important;
          margin-right: auto;
          padding-left: 12px;
          height: 32px;
      }

      .search-box-button {
          min-width: 0;
          width: 32px;
          height: 32px;
          line-height: 30px;
          color: $main;
          background: transparent !important;
          border: 0 none !important;
          padding: 0;
          margin: 0;
          position: absolute;
          top: 0;
      }
  }*/
}
.master-wrapper-page #small-search-box-form .search-block-container .prize-image {
  width: 38px;
  height: 38px;
  background-color: #FF8F1C;
  box-shadow: 0px 6px 8px rgba(255, 143, 28, 0.2);
  border-radius: 65px;
  position: relative;
  text-align: center;
  padding-top: 4px;
  right: 9px;
  bottom: 3px;
}
.master-wrapper-page #small-search-box-form .search-block-container .prize-image img {
  height: 20px;
}
.master-wrapper-page #small-search-box-form .search-block-container .search-component {
  border: 1px solid #D2D2D2;
  max-height: 32px;
  border-radius: 16px;
  overflow: hidden;
  transition: 0.2s ease;
  position: relative;
  top: 0;
  right: 0;
  display: flex;
  background: #FFF;
  z-index: 999;
  flex-direction: row-reverse;
  width: 192px;
  opacity: 0;
}
.master-wrapper-page #small-search-box-form .search-block-container .search-component .search-box-text {
  color: #002D6E;
  font-size: 11px;
  max-width: 150px;
  border: 0 none !important;
  margin-right: auto;
  padding-left: 12px;
  height: 32px;
}
.master-wrapper-page #small-search-box-form .search-block-container .search-component .search-box-button {
  min-width: 0;
  width: 32px;
  height: 32px;
  line-height: 30px;
  color: #002D6E;
  background: transparent !important;
  border: 0 none !important;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
}
.master-wrapper-page #small-search-box-form + .ui-widget-content {
  border: 0 none;
  box-shadow: 0px 10px 30px #DBD8EA80;
  width: 200px !important;
  margin-top: 10px;
}
.master-wrapper-page #small-search-box-form + .ui-widget-content .ui-menu-item-wrapper {
  padding: 8px 12px !important;
  color: #999 !important;
  font-family: "cairo";
}
.master-wrapper-page .slinky-menu {
  margin: 0 !important;
  height: auto !important;
}
.master-wrapper-page .mobile-menu-icon {
  float: none;
}
@media (max-width: 991px) {
  .master-wrapper-page .search-icon {
    display: none !important;
  }
}
.master-wrapper-page .header-menu {
  padding: 0;
  border: 0 none;
  text-align: left;
  padding-top: 0;
  margin-bottom: 14px;
}
@media (max-width: 991px) {
  .master-wrapper-page .header-menu {
    width: 100%;
    margin: 0 !important;
    margin-top: 0px !important;
  }
}
.master-wrapper-page .header-menu ul.nav li.nav-item {
  border: 0;
  padding: 0;
}
.master-wrapper-page .header-menu ul.nav li.nav-item a.nav-link {
  color: #002D6E;
  text-transform: capitalize;
  font-size: 16px;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 991px) {
  .master-wrapper-page .header-menu ul.nav li.nav-item a.nav-link {
    font-size: 15px;
    padding: 0 6px;
  }
}
.master-wrapper-page .header-menu ul.nav li.nav-item:hover a {
  color: #00B4E1;
}
.master-wrapper-page .header-menu ul.nav li.nav-item.active a {
  color: #00B4E1;
  font-weight: 700;
}
.master-wrapper-page .header-menu ul.nav li.nav-item:last-child a {
  color: #00AFA2;
  font-weight: 700;
}
@media (max-width: 991px) {
  .master-wrapper-page .header-menu #menu {
    background-color: #EEE !important;
  }
  .master-wrapper-page .header-menu .closebtn {
    filter: invert(0%) !important;
  }
}

.header-register-btn {
  cursor: pointer;
  /*    &:hover {
      .register-links-list {
          opacity: 1;
          top: 20px;
      }
  }*/
}

.register-links-list {
  position: absolute;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 30px rgba(0, 45, 110, 0.14);
  border-radius: 20px;
  width: 1140px;
  right: calc(50vw - 620px);
  z-index: 99999;
  justify-content: space-around !important;
  text-align: center;
  align-items: center !important;
  padding: 30px;
  display: flex !important;
  opacity: 0;
  transition: 0.4s ease;
  top: 30px;
  overflow: hidden;
  height: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .register-links-list {
    width: 300px;
    flex-direction: column;
  }
  .register-links-list.active {
    padding: 20px 0 !important;
    left: 20px;
    right: auto;
    top: 60px !important;
  }
  .register-links-list.active li {
    order: 2;
    padding: 0px !important;
    width: 100% !important;
  }
  .register-links-list.active li a {
    font-size: 20px !important;
  }
  .register-links-list.active li.image-list {
    order: 1;
  }
}
.register-links-list li {
  width: 30% !important;
  height: auto;
}
.register-links-list li a {
  font-size: 20px !important;
  font-weight: bold;
}
.register-links-list li.image-list {
  width: 20%;
}
.register-links-list li.image-list span {
  display: block;
}
.register-links-list li.image-list span img {
  max-width: 100%;
}
.register-links-list.active {
  opacity: 1;
  top: 40px;
  height: auto;
  padding: 30px;
}

.nivoSlider {
  overflow: visible !important;
}

.theme-custom .nivo-directionNav a {
  width: 72px !important;
  height: 72px !important;
  border-radius: 50%;
  box-shadow: 0px 10px 30px rgba(0, 45, 110, 0.24);
}
.theme-custom .nivo-directionNav a.nivo-prevNav {
  left: -38px;
  background-position: 16px 7px;
}
.theme-custom .nivo-directionNav a.nivo-nextNav {
  right: -38px;
  background-position: -24px 7px;
}

.flyout-cart {
  border: 0 none;
  box-shadow: 0 0 transparent;
}

.mini-shopping-cart {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 18px rgba(0, 180, 225, 0.2);
  border: 0 none !important;
  color: #002D6E;
  border-radius: 16px;
  padding: 15px 30px !important;
}
.mini-shopping-cart .count {
  font-size: 12px;
  color: #002D6E;
  width: 100%;
  border-bottom: 2px solid #EEE;
}
.mini-shopping-cart .items {
  width: 100%;
  margin: 0 auto;
  border: 0 none !important;
  border-bottom: 2px solid #EEE !important;
}
.mini-shopping-cart .items .item {
  border-bottom: 1px solid #EEE;
}
.mini-shopping-cart .items .item.last {
  border-bottom: 0px solid #EEE;
}
.mini-shopping-cart .items .item .picture {
  width: 92px;
}
.mini-shopping-cart .items .item .picture a {
  display: block;
  width: 80px;
  height: 80px;
  box-shadow: 0px 1px 18px rgba(0, 180, 225, 0.2);
  border-radius: 20px;
}
.mini-shopping-cart .items .item .picture a img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.mini-shopping-cart .items .item .name {
  font-weight: 500;
  margin-bottom: 0 !important;
}
.mini-shopping-cart .items .item .price {
  text-align: right;
  padding-bottom: 4px;
}
.mini-shopping-cart .items .item .quantity span {
  float: right;
}
.mini-shopping-cart .buttons {
  width: 100%;
  margin-top: 10px;
}
.mini-shopping-cart .buttons .cart-button {
  width: 100%;
  height: 36px !important;
  background-color: #00B4E1 !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  text-transform: capitalize !important;
  transition: 0.2s ease;
  font-family: "cairo";
  line-height: 30px;
  padding: 0 !important;
}
.mini-shopping-cart .buttons .cart-button:hover {
  background-color: #008bae !important;
}

.home-page-container {
  margin-top: 40px;
}

/* navbar */
.std-store-navbar {
  z-index: 100;
  border-bottom: 1px solid #D2D2D22B;
  width: 100%;
  top: 0;
  height: 70px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  opacity: 0.9;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}
.std-store-navbar .nav-link {
  color: #002F6C !important;
  font-size: 14px !important;
}
@media (max-width: 767px) {
  .std-store-navbar .nav-link {
    border-bottom: 1px solid #ddd;
  }
}
@media (max-width: 991px) {
  .std-store-navbar ul.navbar-nav, .std-store-navbar .navbar-std-content {
    margin: auto;
  }
}
.std-store-navbar .navbar-brand img {
  max-height: 40px;
}
.std-store-navbar .language-selector select {
  border: 1px solid #002F6C;
  color: #002F6C;
}
@media (max-width: 767px) {
  .std-store-navbar .language-selector {
    display: inline-block;
    position: absolute;
    top: 25px;
    right: 25%;
    z-index: 11;
  }
}
@media (max-width: 575px) {
  .std-store-navbar .language-selector {
    right: calc(3% + 70px);
  }
}
@media (max-width: 991px) {
  .std-store-navbar {
    height: auto;
    padding: 15px !important;
  }
}

/* end navbar */
/* pricing section */
.pricing-section {
  color: #fff !important;
  text-align: center;
  padding-top: 170px;
  z-index: 2;
  position: relative;
}
.pricing-section h4 {
  color: #fff;
}

.bgcolor-sec1 {
  background: url(../images/subscribtion/bg_section1.png) top center no-repeat, linear-gradient(305deg, #002D6E 0%, #0042A2 100%);
  position: absolute;
  top: 0;
  width: 100%;
  height: 70%;
  z-index: -1;
}

.pricing-container-cards {
  margin: auto;
  top: 25px;
  position: relative;
  display: flex;
  justify-content: center;
  text-transform: capitalize;
  flex-direction: row;
  flex-wrap: wrap;
}

.pricing-container-cards .card, .subscrib-modal .card {
  min-width: 170px;
  min-height: 400px;
  max-width: 230px;
  margin-left: 25px;
  margin-right: 25px;
  border: 1px solid #00000000;
  border-radius: 20px;
  box-shadow: 0px 3px 6px #00B4E128;
}
@media (max-width: 991px) {
  .pricing-container-cards .card, .subscrib-modal .card {
    margin: 1rem auto !important;
  }
}

.pricing-container-cards .blue, .subscrib-modal .blue {
  background: transparent linear-gradient(206deg, #00CCFF 0%, #00CDFF 22%, #00BBE9 51%, #00ABEB 75%, #0087E1 100%) 0% 0% no-repeat padding-box;
}
.pricing-container-cards .blue .btn-subscribe, .subscrib-modal .blue .btn-subscribe {
  color: #00B4E1;
}

.pricing-container-cards .green, .subscrib-modal .green {
  background: transparent linear-gradient(180deg, #00E8D7 0%, #00D4C3 22%, #00C9BA 51%, #00BBAD 75%, #00AFA2 100%) 0% 0% no-repeat padding-box;
}
.pricing-container-cards .green .btn-subscribe, .subscrib-modal .green .btn-subscribe {
  color: #00AFA2;
}

.pricing-container-cards .purble, .subscrib-modal .purble {
  background: transparent linear-gradient(153deg, #740894 0%, #5A237A 53%, #452D5D 100%) 0% 0% no-repeat padding-box;
}
.pricing-container-cards .purble .btn-subscribe, .subscrib-modal .purble .btn-subscribe {
  color: #392D5D;
}

.pricing-container-cards .card-body {
  padding: 2rem 1.25rem;
}
.pricing-container-cards .card-body h5 {
  color: #fff !important;
}

.subscrib-modal .card-body {
  padding: 1rem 1.25rem;
}
.subscrib-modal .card-body h5 {
  color: #fff !important;
}

.pricing-container-cards .most-popular, .subscrib-modal .most-popular {
  position: absolute;
  transform: translate(-40%, 270%) rotate(-90deg);
  background: #FF4A4A 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 0px 0px 20px 20px;
  font-size: 11px;
  width: 120px;
  height: 30px;
  line-height: 2.5;
  font-weight: 500;
}

.pricing-container-cards .btn-subscribe, .subscrib-modal .btn-subscribe {
  background: #fff;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  width: 125px;
  text-transform: capitalize !important;
}
.pricing-container-cards .btn-subscribe:hover, .subscrib-modal .btn-subscribe:hover {
  background: #FF8F1C;
  color: #fff !important;
}

.pricing-container-cards .price-corner, .subscrib-modal .price-corner {
  background: transparent linear-gradient(213deg, #FFFFFF 0%, #EBEBEB 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 7px 12px #0000001c;
  width: 150px;
  height: 150px;
  margin: 1.5rem auto;
  border-radius: 50%;
  color: #002D6E;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pricing-container-cards .price-corner h4, .subscrib-modal .price-corner h4 {
  color: #002D6E;
}

.pricing-container-cards .old-price, .subscrib-modal .old-price {
  text-align: center;
  text-decoration: line-through;
  letter-spacing: 0px;
  color: #707070;
  text-transform: capitalize;
  opacity: 1;
}

.pricing-container-cards .per, .subscrib-modal .per {
  font-size: 14px;
}

.std-number {
  font-size: 14px;
  margin-bottom: 0.5rem;
}

.paid {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 1rem;
  display: block;
}

/* end pricing section */
/* start aboutus section */
.aboutus-section {
  position: relative;
}
.aboutus-section .bg-grey-about {
  min-height: 430px;
  height: 650px;
  width: 100%;
  background: #F9F9F9;
  top: -20em;
  z-index: 1;
  position: absolute;
}
.aboutus-section .bg-orange-square {
  position: absolute;
  right: 7%;
  top: 2%;
  max-width: 80px;
  z-index: 1;
}
.aboutus-section .bg-blue-square {
  position: absolute;
  left: 7%;
  top: 39%;
  max-width: 80px;
  z-index: 1;
}
.aboutus-section .content-about-div {
  display: inline-block;
  position: relative;
  z-index: 2;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 30px #dbd8ea80;
  border-radius: 20px;
  min-height: 100px;
  margin: 4.5rem auto 3.5rem;
  padding: 3rem;
  color: #002D6E;
  line-height: 2;
}
.aboutus-section .content-about-div h4 {
  color: #002D6E !important;
  margin: 2rem auto !important;
}
.aboutus-section .content-about-div p {
  width: 950px;
  margin: auto;
  font-size: 16px;
  display: table-footer-group;
}
.aboutus-section .bg-about-sec {
  background: url(../images/subscribtion/bg_section2.png) top center no-repeat;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-size: cover;
  height: 100px;
}
.aboutus-section .about-img-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 3rem auto;
}
.aboutus-section .about-img-row .jobs {
  background: url(../images/subscribtion/jobs.png) top center no-repeat;
}
.aboutus-section .about-img-row .contests {
  background: url(../images/subscribtion/contests.png) top center no-repeat;
}
.aboutus-section .about-img-row .library {
  background: url(../images/subscribtion/library.png) top center no-repeat;
}
.aboutus-section .about-img-row .std-product, .aboutus-section .about-img-row .std-service {
  background: url(../images/subscribtion/offers.png) top center no-repeat;
}
.aboutus-section .about-img-row .item-link {
  width: 150px;
  height: 225px;
  background-size: cover;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-decoration: none !important;
}
.aboutus-section .about-img-row .item-link:hover .title {
  margin-top: 0.85rem;
}
.aboutus-section .about-img-row .item-link:hover .icon-about {
  transform: scale(1.05);
  margin-top: 0;
}
.aboutus-section .about-img-row .icon-about {
  /* width:40px;
  height: 40px; */
  margin: 1rem auto;
  transition: 0.2s;
}
.aboutus-section .about-img-row .title {
  color: #000;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  margin: 1rem 0.5rem;
  margin: 1rem auto 0.5rem;
  transition: 0.3s;
}

/* end aboutus section */
/* start subscrib-modal */
.subscrib-modal .modal-content {
  background: transparent;
  border: transparent;
}
.subscrib-modal .modal-header {
  border-bottom: transparent;
}
.subscrib-modal .modal-body {
  display: flex;
  padding: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.subscrib-modal .subscribe-card.card {
  margin-left: 0;
  margin-right: 0;
  margin-inline-end: 1rem;
  top: 10px;
}
.subscrib-modal .btn-subscribe {
  display: none;
}
.subscrib-modal .modal-dialog {
  max-width: 550px;
}
.subscrib-modal .col-card {
  width: 45%;
}
.subscrib-modal .col-form {
  width: 55%;
}
.subscrib-modal .modal-body-footer {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 20px #0f28370f;
  border: 1px solid #EFEFEF;
  border-radius: 20px;
}
.subscrib-modal .modal-body-footer .modal-footer {
  justify-content: end;
}
.subscrib-modal .cancel-btn-modal {
  background: #D2D2D2;
  border-radius: 15px !important;
  color: #002D6E;
  text-transform: capitalize !important;
  width: 200px;
}

.subscrib-modal .send-btn-modal, .contact-content .send-btn-modal {
  background: #00B4E1;
  border-radius: 15px !important;
  width: 200px;
  color: #fff;
  text-transform: capitalize !important;
}

.form-container-subscribe .form-group {
  margin-bottom: 0.5rem;
  text-align: start;
  display: grid;
}
.form-container-subscribe label {
  margin-bottom: 0.25rem;
  font-size: 12px;
  color: #002D6E;
}
.form-container-subscribe .form-control {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #70707061;
  border-radius: 15px;
  line-height: 1.3;
}

/* end subscrib-modal */
/* start join platform */
.join-platform {
  padding: 5rem 0 0;
  position: relative;
  min-height: 750px;
  overflow: hidden;
  background: transparent linear-gradient(251deg, #00CCFF 0%, #00B4E1 100%) 0% 0% no-repeat padding-box;
}
.join-platform .plan-img {
  max-height: 200px;
}
.join-platform .plan-img img {
  position: relative;
  top: -250px;
}

.white-trapezoid {
  border-top: 155px solid transparent;
  border-right: 100vw solid #fff;
  height: 450px;
  width: 0px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.plan-text {
  color: #002D6E;
}
.plan-text h4 {
  font-weight: 700;
  color: #002D6E;
}
.plan-text p {
  font-size: 18px;
  max-width: 400px;
  padding-top: 1rem;
  line-height: 2;
}

.shapes {
  top: 1rem;
}

.element.blue {
  background: #00b4e1;
  border: 1px solid #ddd;
  z-index: 1;
}

.element.green {
  background: transparent linear-gradient(180deg, #00E8D7 0%, #00D4C3 22%, #00C9BA 51%, #00BBAD 75%, #00AFA2 100%) 0% 0% no-repeat padding-box;
  z-index: 2;
  top: -25px;
  left: 150px;
}

.element.purble {
  background: transparent linear-gradient(153deg, #740894 0%, #5A237A 53%, #452D5D 100%) 0% 0% no-repeat padding-box;
  z-index: 3;
  top: -90px;
  left: -35px;
}

.element {
  width: 220px;
  height: 155px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  color: #fff;
}
@media (max-width: 991px) {
  .element {
    margin: 0 20%;
  }
}
@media (max-width: 767px) {
  .element {
    margin: auto;
  }
}

.plan-img img {
  position: relative;
  top: -200px;
}
@media (max-width: 991px) {
  .plan-img img {
    top: -100px;
  }
}

@media (max-width: 767px) {
  .element.blue, .element.green, .element.purble {
    top: auto !important;
    left: auto !important;
    margin: 1rem auto !important;
  }

  .plan-img img {
    top: auto !important;
  }

  .contactus-section {
    padding: 1rem !important;
  }

  .contact-content {
    padding: 2rem !important;
  }

  .get-it-row, .copywrite {
    padding: 1.5rem !important;
  }

  .app-google {
    margin: 1rem 0 !important;
  }

  .join-platform .plan-img {
    max-height: initial;
  }
}
/* end join platform */
/* Start contact us */
.contact-light-title {
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}

.contactus-section {
  background-image: url(../images/subscribtion/contactusbg.jpg);
  background-size: cover;
  padding: 3rem;
}
.contactus-section .contact-content {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 20px;
  margin: 2rem auto;
  padding: 3rem;
  min-height: 400px;
}

.contact-content .form-container-subscribe label {
  margin-bottom: inherit;
}

.form-container-subscribe textarea {
  min-height: 100px;
  max-height: 300px !important;
}

.contact-content .send-btn-modal {
  width: 110px;
}

.page.contact-page {
  min-height: calc(100vh - 161px);
}
.page.contact-page .result {
  text-align: center;
}

.opacity-50 {
  opacity: 0.5;
}

.copywrite {
  font-size: 12px;
  color: #fff;
  background-color: #002D6E;
}

.social-ul {
  display: flex;
}
.social-ul li a i {
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  background: #fff;
  border-radius: 50%;
  color: #002d6e;
  margin: 0 0.25rem;
}

/* End contact us */
.form-container-subscribe .field-validation-error {
  padding: 0;
  text-align: start;
  margin: 0;
}

@media (max-width: 991px) {
  .search-box {
    display: block !important;
  }
}

.master-wrapper-page .header-upper .header-user-menu ul {
  width: auto;
  min-width: 150px;
  max-width: 195px;
}
.master-wrapper-page .header-upper .header-user-menu ul li {
  display: block;
}

.master-wrapper-page footer.footer {
  background-color: #F9F9F9;
  overflow: hidden;
}
.master-wrapper-page footer.footer .footer-heading {
  border-bottom: 1px solid #00b4e1;
}
.master-wrapper-page footer.footer .footer-block .title {
  margin-bottom: 4px;
}
.master-wrapper-page footer.footer .footer-block .title strong {
  font-weight: 500;
  color: #000;
  font-size: 28px;
}
@media (max-width: 991px) {
  .master-wrapper-page footer.footer .footer-block .title strong {
    font-size: 20px !important;
    color: #FFF !important;
  }
}
.master-wrapper-page footer.footer .footer-block .list li {
  line-height: 1;
  padding: 0;
}
.master-wrapper-page footer.footer .footer-block .list li a {
  color: #000;
  font-size: 14px;
  line-height: 35px;
  text-transform: capitalize;
}
.master-wrapper-page footer.footer .footer-block .list li a:hover {
  color: #00b4e1;
}
.master-wrapper-page footer.footer .newsletter .title {
  display: none;
}
.master-wrapper-page footer.footer .footer-upper {
  margin-top: 30px;
  padding: 0 !important;
}
.master-wrapper-page footer.footer .footer-lower {
  position: relative;
  background-color: #002D6E;
  padding: 10px !important;
  color: #FFF;
}
.master-wrapper-page footer.footer .footer-lower:after {
  content: "";
  position: absolute;
  width: 300%;
  left: -100%;
  top: 0;
  height: 100%;
  background-color: #002D6E;
}
.master-wrapper-page footer.footer .footer-lower .row {
  position: relative;
  z-index: 999;
}
.master-wrapper-page footer.footer .follow-us ul {
  border: 0 none !important;
}
.master-wrapper-page footer.footer .follow-us .networks li a {
  color: #FFF;
  border-radius: 20px;
  background-image: none !important;
  font-size: 14px !important;
  text-align: center !important;
  padding-top: 2px;
  background-color: #00b4e1 !important;
  width: 30px;
  height: 30px;
}
.master-wrapper-page footer.footer .follow-us .networks li a:hover {
  background-color: #15d0ff !important;
}
.master-wrapper-page footer.footer .follow-us .contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.master-wrapper-page footer.footer .follow-us .contact-list li {
  display: flex;
  justify-content: flex-start;
  margin-right: 0 !important;
  padding: 0 !important;
}
.master-wrapper-page footer.footer .follow-us .contact-list li i {
  font-size: 16px !important;
  color: #002D6E;
  vertical-align: top;
  position: relative;
  margin-right: 12px;
  line-height: 32px;
}
.master-wrapper-page footer.footer .follow-us .contact-list li span {
  font-weight: 500;
  padding-right: 12px;
  font-size: 15px;
  line-height: 32px;
  color: #000;
  position: relative;
  vertical-align: top;
  min-width: 72px;
}
.master-wrapper-page footer.footer .follow-us .contact-list li a, .master-wrapper-page footer.footer .follow-us .contact-list li address {
  background: none !important;
  font-size: 13px;
  color: #666;
  position: relative;
  width: auto !important;
  height: auto !important;
  vertical-align: top;
  padding-top: 7px;
  line-height: 1.4;
}
.master-wrapper-page footer.footer .follow-us .main-stores-container {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 16px;
}
.master-wrapper-page footer.footer .follow-us .main-stores-container div {
  min-width: 122px;
  margin: 5px;
  margin-left: 0px;
}
.master-wrapper-page footer.footer .follow-us .main-stores-container div a {
  background-image: none !important;
  display: block;
  width: 100%;
}
.master-wrapper-page footer.footer .follow-us .main-stores-container div a img {
  min-height: 38px;
}
.master-wrapper-page footer.footer .newsletter-email {
  position: relative;
  margin-top: 20px;
  float: right;
  height: 32px;
}
@media (max-width: 991px) {
  .master-wrapper-page footer.footer .newsletter-email {
    font-size: 15px;
    margin: 10px auto !important;
  }
}
.master-wrapper-page footer.footer .newsletter-email #newsletter-subscribe-button {
  width: 40px !important;
  background-color: transparent !important;
  border: 0 none !important;
  height: 28px;
  color: #00b4e1 !important;
  position: relative;
  left: 0px;
  top: 2px;
}
.master-wrapper-page footer.footer .newsletter-email #newsletter-email {
  background-color: transparent !important;
  height: 32px;
  padding-left: 10px;
  padding-top: 10px;
  border: 1px solid #D2D2D2 !important;
  font-size: 12px !important;
  color: #00b4e1 !important;
  border-radius: 20px;
  overflow: hidden;
  width: 200px !important;
  transition: 0.2s ease;
  left: 40px;
  max-width: 100% !important;
  margin-right: 2px !important;
}
.master-wrapper-page footer.footer .newsletter-email #newsletter-email:focus {
  border: 1px solid #00b4e1 !important;
  width: 220px !important;
}

.page-body .product-item .sku {
  display: none;
}

.page.product-details-page {
  padding-left: 60px;
  padding-right: 60px;
}
@media (max-width: 991px) {
  .page.product-details-page {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page.product-details-page .product-essential {
  border-bottom: 0;
  margin: 0;
}
.page.product-details-page .product-essential .gallery .picture:before {
  padding-top: 60%;
}
.page.product-details-page .overview {
  margin-bottom: 0;
}
.page.product-details-page .overview .product-name h1 {
  font-size: 25px;
  font-weight: 700;
  color: #002D6E;
}
.page.product-details-page .overview .product-name .book-author {
  font-weight: bold;
  color: #00AFA2;
}
.page.product-details-page .overview .short-description {
  color: #75787B;
  font-size: 18px;
  font-weight: normal;
}
.page.product-details-page .overview .prices {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .page.product-details-page .overview .prices {
    justify-content: center;
  }
}
.page.product-details-page .overview .prices .old-product-price {
  margin-right: 30px;
}
.page.product-details-page .overview .open-estimate-shipping-popup {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .page.product-details-page .overview .open-estimate-shipping-popup {
    justify-content: center;
  }
}
.page.product-details-page .overview .open-estimate-shipping-popup .shipping-title {
  margin-right: 30px;
}
.page.product-details-page .overview .product-reviews-overview {
  display: flex;
  justify-content: space-between;
}
.page.product-details-page .overview .product-reviews-overview .rate-container {
  display: flex;
}
@media (max-width: 991px) {
  .page.product-details-page .overview .product-reviews-overview {
    justify-content: center;
  }
}
.page.product-details-page .overview .product-reviews-overview .product-review-box {
  margin-inline-end: 20px;
  margin-top: 7px;
}
.page.product-details-page .overview .product-reviews-overview .product-no-reviews a {
  color: #75787B;
  font-size: 15px;
}
.page.product-details-page .overview .sku {
  margin-top: 15px;
  margin-bottom: 15px;
  color: #75787B;
  font-size: 15px;
}
.page.product-details-page .overview .service-period-container {
  border-top: 1px solid rgba(0, 45, 110, 0.2);
  border-bottom: 1px solid rgba(0, 45, 110, 0.2);
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 15px;
}
.page.product-details-page .overview .service-period-container .product-vendor {
  padding-bottom: 6px;
  padding-top: 6px;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
}
.page.product-details-page .overview .service-period-container .product-vendor .value {
  color: #002D6E;
  font-weight: 600;
  font-size: 16px;
}
.page.product-details-page .overview .service-period-container .product-vendor .value a {
  color: #002D6E;
}
.page.product-details-page .overview .service-period-container .product-vendor.location .value {
  color: #FF8F1C;
  font-size: 16px;
}
.page.product-details-page .overview .service-period-container .product-vendor.duration .value {
  color: #00B4E1;
  font-size: 16px;
}
.page.product-details-page .overview .value {
  color: #75787B;
}
.page.product-details-page .overview .value a {
  color: #75787B;
}
.page.product-details-page .overview .product-price {
  color: #00B4E1;
}
.page.product-details-page .overview .reward-points {
  min-width: 190px;
  height: 36px;
  padding-left: 40px;
  margin-left: 30px;
  background: url("../images/prize-icon.png") center left no-repeat;
  color: #666;
  position: relative;
  top: 2px;
}
.page.product-details-page .overview .reward-points span {
  padding-top: 3px;
  font-size: 16px;
}
.page.product-details-page .overview .reward-points .value {
  color: #FF8F1C;
  font-weight: 600;
  padding-left: 10px;
  padding-right: 10px;
}
.page.product-details-page .overview .manufacturers, .page.product-details-page .overview .additional-details, .page.product-details-page .overview .delivery-date {
  margin: 0 !important;
}
.page.product-details-page .product-collateral {
  margin: 0;
}
.page.product-details-page .product-collateral .product-specs-box {
  margin: 0;
}
.page.product-details-page .product-collateral .product-specs-box table th, .page.product-details-page .product-collateral .product-specs-box table td {
  border: 0;
}
.page.product-details-page .product-collateral .product-specs-box table thead th {
  color: #75787B;
  font-size: 25px;
  font-weight: 900;
}
.page.product-details-page .product-collateral .product-specs-box table tbody tr.even td {
  background-color: #f6f6f6;
}
.page.product-details-page .product-collateral .product-specs-box table tbody td {
  color: #000;
}
.page.product-details-page .product-collateral .product-specs-box table tbody td.spec-name {
  width: 10%;
  font-weight: 900;
  font-size: 15px;
  text-transform: capitalize;
}
.page.product-details-page .product-collateral .product-specs-box table tbody td.spec-value {
  font-size: 18px;
  font-weight: 400;
}
.page.product-details-page .product-tags-box {
  display: none;
}
.page.product-details-page .related-products-grid .title {
  font-size: 25px;
  font-weight: 700;
  color: #75787B;
  margin-bottom: 0;
}
.page.product-details-page .rental-product {
  border-top: 1px solid rgba(0, 45, 110, 0.2);
  border-bottom: 1px solid rgba(0, 45, 110, 0.2);
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 15px;
}
.page.product-details-page .rental-product .rent-duration {
  display: flex;
  justify-content: space-between;
}
.page.product-details-page .rental-product .rent-duration .rent {
  color: #00B4E1;
  font-weight: bold;
}
.page.product-details-page .rental-product .rent-insurance {
  display: flex;
  justify-content: space-between;
}
.page.product-details-page .rental-product .rent-insurance .insurance {
  color: #FF8F1C;
  font-weight: bold;
}
.page.product-details-page .used-product {
  display: flex;
  justify-content: space-between;
}
.page.product-details-page .used-product .publish-date {
  color: #002D6E;
  position: relative;
  top: 20px;
  font-size: 15px;
  font-family: "cairo";
  font-weight: bold;
  display: flex;
}
@media (max-width: 991px) {
  .page.product-details-page {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.page.product-details-page .reviews-and-quotes .nav-container {
  display: flex;
  justify-content: space-between;
}
.page.product-details-page .reviews-and-quotes .nav-container nav {
  font-size: 20px;
}
.page.product-details-page .reviews-and-quotes .nav-container nav .active {
  color: #00AFA2;
  font-weight: 900;
}
.page.product-details-page .reviews-and-quotes .nav-container nav .nav-tabs {
  border: 0px;
  display: flex;
  align-items: center;
}
.page.product-details-page .reviews-and-quotes .nav-container nav .nav-tabs .nav-link {
  border: 0px;
}
.page.product-details-page .reviews-and-quotes .nav-container nav .nav-tabs .nav-link:hover {
  border: 0px;
}
.page.product-details-page .reviews-and-quotes .nav-container nav .nav-tabs .vertical-line {
  width: 1px;
  height: 32px;
  background-color: #75787b;
  opacity: 0.5;
}
.page.product-details-page .reviews-and-quotes .nav-container button {
  border: 1px solid #00AFA2;
  border-radius: 15px;
  height: 40px;
  width: 202px;
  color: #00AFA2;
  font-weight: 500;
  background-color: white;
}

button:focus {
  outline: none;
}

.page.category-page .category-header {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .page.category-page .category-header .justify-content-between {
    justify-content: center !important;
  }
}
.page.category-page .page-title {
  border-bottom: 0;
  min-height: initial;
  margin: 0;
  padding: 0;
}
.page.category-page .page-title h1 {
  font-size: 25px;
  font-weight: 700;
  color: #002D6E;
}
.page.category-page .product-selectors {
  border-top: 0;
  border-bottom: 0;
  margin: 0;
  padding: 0;
}
.page.category-page .product-sorting {
  flex: 0 0 90% !important;
  max-width: 90% !important;
  width: 50% !important;
}
.page.category-page .product-page-size, .page.category-page .product-viewmode {
  display: none !important;
}

.overview .product-no-reviews, .overview .product-reviews-overview {
  margin-bottom: 0;
}
.overview .add-to-cart-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.overview .add-to-cart-container .direct-purchase {
  padding-left: 10px;
  padding-inline-start: 10px;
}
.overview .add-to-cart-container .direct-purchase .add-to-cart-button {
  border-radius: 20px !important;
  height: 40px;
  font-family: "cairo" !important;
  background-color: #ff8f1c;
}
.overview .add-to-cart-container .direct-purchase .add-to-cart-button:hover {
  background-color: #ff9c36;
}
.overview .add-to-cart-panel {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.overview .add-to-cart-panel .product-quantity-box {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .overview .add-to-cart-panel .product-quantity-box {
    margin-bottom: 7px;
  }
}
@media (max-width: 991px) {
  .overview .add-to-cart-panel {
    justify-content: center;
  }
}
.overview .add-to-cart-panel input::-webkit-outer-spin-button,
.overview .add-to-cart-panel input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.overview .add-to-cart-panel input[type=number] {
  -moz-appearance: textfield;
}
.overview .add-to-cart-panel .btn.add-to-cart-button {
  border-radius: 20px !important;
  height: 40px;
  width: 150px;
  background-color: #00B4E1;
  font-size: 15px;
}
.overview .add-to-cart-panel .circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #75787B;
  border: 2px solid #75787B;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.overview .add-to-cart-panel .circle.plus {
  color: #00B4E1;
  border-color: #00B4E1;
  margin-inline-end: 20px;
}

.overview .qty-input, .variant-overview .qty-input {
  width: 66px !important;
  height: 40px !important;
  border-radius: 15px;
  margin: 0 20px;
}

.overview {
  /*
      .product-share-button {
          display: none !important;
      }*/
}
.overview .overview-buttons > div {
  margin-right: 20px;
  transition: all 0.3s ease-in-out;
}
.overview .overview-buttons > div button.button-2 {
  background-image: none !important;
  background-color: #fff !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100% !important;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 !important;
}
.overview .overview-buttons > div button.button-2 span {
  display: inline-block;
}
.overview .overview-buttons > div button.button-2 span.btn-text {
  color: #75787B;
  font-size: 18px;
  text-decoration: none !important;
}
.overview .overview-buttons > div button.button-2 span.btn-social-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0px 3px 6px #DDD;
  color: #00B4E1;
  background-color: #fff;
  margin-right: 10px;
  border: 0 none !important;
  transition: 0.2s ease;
  font-size: 18px;
  padding-top: 1px;
}
.overview .overview-buttons > div:hover span.btn-text {
  text-decoration: underline;
}
.overview .overview-buttons > div:hover span.btn-social-icon {
  color: #fff !important;
  background-color: #00B4E1 !important;
}

.product-actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.product-actions .action-item-wishlist, .product-actions .action-item-store, .product-actions .action-item-ask-seller {
  display: flex;
  margin-bottom: 7px;
  justify-content: center;
  align-items: center;
}
.product-actions button {
  height: 40px;
  width: 40px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border: none;
  border-radius: 50%;
  background-color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-actions button .fa {
  color: #00B4E1;
}
.product-actions span {
  margin-left: 6px;
  font-size: 15px;
}

#quoteModal textarea {
  width: 100%;
  border-radius: 15px;
}
#quoteModal .modal-footer {
  justify-content: flex-end;
}
#quoteModal .modal-footer .dismiss-btn {
  border: none;
  border-radius: 15px;
  background-color: #75787B;
  color: white;
  height: 40px;
  width: 240px;
}
#quoteModal .modal-footer .send-btn {
  border: none;
  border-radius: 15px;
  background-color: #00B4E1;
  color: white;
  height: 40px;
  width: 240px;
}

.user-navigation {
  background-color: #FCFCFC;
  min-height: 100% !important;
}
.user-navigation .listbox .nav-list {
  line-height: 20px;
  list-style: none !important;
  padding: 10px 15px;
}
.user-navigation .listbox .nav-list li {
  display: flex;
  list-style: none !important;
}
.user-navigation .listbox .nav-list li ul {
  position: relative;
  top: 20px;
  right: 90px;
  padding: 10px;
}
.user-navigation .listbox .nav-list li.active a {
  font-weight: 500 !important;
}
.user-navigation .listbox .nav-list li i {
  color: #FF585D;
}
.user-navigation .listbox .nav-list li a {
  font-weight: 200;
  font-size: 14px;
  color: #002D6E !important;
  position: relative;
}
.user-navigation .listbox .nav-list li a:after {
  width: 0;
  height: 1px;
  background-color: #00B4E1;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.3s ease;
}
.user-navigation .listbox .nav-list li a:hover {
  color: #00B4E1 !important;
}
.user-navigation .listbox .nav-list li a:hover:after {
  width: 100%;
}
.user-navigation .listbox .nav-list li a:before {
  display: none !important;
}
.user-navigation .listbox .nav-list .list {
  display: block;
}
@media (max-width: 991px) {
  .user-navigation .listbox .nav-list {
    padding: 0;
  }
}

.tooltip-arrow,
.tooltip > .tooltip-inner {
  background-color: white;
  color: black;
  border-color: #002D6E;
  border: 1px solid;
  border-radius: 16px;
  font: "cairo";
}

/**/
.user-navigation .listbox .nav-list li ul {
  position: inherit !important;
  top: 0px !important;
  right: 0px !important;
  padding: 0px !important;
}

/*.block {
    .list {
        a {
            padding: 0px !important;
            color: #000000;
        }
    }
}*/
.user-navigation .listbox .nav-list .sub-li li a {
  font-weight: 200;
  font-size: 14px;
  color: #000000 !important;
  position: relative;
}

.user-navigation .listbox .nav-list li.active a {
  font-weight: 900 !important;
}

.product-review-list {
  margin-top: 20px;
}
.product-review-list .title {
  text-align: left !important;
  margin-bottom: 10px;
}
.product-review-list .title strong {
  color: #75787B;
  font-size: 20px;
  padding-bottom: 12px;
  font-weight: 500 !important;
}
.product-review-list .title a {
  padding-right: 12px;
  color: #00B4E1 !important;
  float: right;
  font-weight: 600;
}
.product-review-list .title a:hover {
  color: #002D6E !important;
}
.product-review-list .product-review-item {
  border: 1px solid #E6E6E6;
  margin-bottom: 20px;
  display: block !important;
  border-radius: 20px;
  background-color: #FFF;
  overflow: hidden;
}
.product-review-list .product-review-item .review-content {
  padding: 0 !important;
  clear: unset !important;
}
.product-review-list .product-review-item .review-item-head {
  border: 0 none !important;
  background-color: #FFF;
  display: flex;
  padding: 15px 30px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.product-review-list .product-review-item .review-item-head .review-title {
  color: #000;
  font-size: 15px;
}
.product-review-list .product-review-item .review-item-head .product-review-box {
  padding-inline-start: 30px;
}
.product-review-list .product-review-item .review-item-head .review-info {
  margin-left: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.product-review-list .product-review-item .review-item-head .review-info .user {
  display: block;
  color: #000;
  font-weight: 500;
  padding-inline-end: 20px;
  font-size: 15px;
}
.product-review-list .product-review-item .review-item-head .review-info .date {
  display: block;
  color: #777;
  font-size: 14px;
  padding-top: 2px;
}
@media (max-width: 991px) {
  .product-review-list .product-review-item .review-item-head {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 15px;
  }
  .product-review-list .product-review-item .review-item-head .review-info {
    flex-direction: column;
    align-items: baseline;
    margin-inline-start: 0 !important;
  }
  .product-review-list .product-review-item .review-item-head .review-info .user {
    padding-inline-end: initial;
  }
}
.product-review-list .pager {
  text-align: center;
}
.product-review-list .pager li span {
  border: 1px solid #00B4E1 !important;
  border-radius: 5px !important;
  color: #00B4E1 !important;
  background-color: #FFF !important;
  font-family: "cairo" !important;
  line-height: 1.4;
  color: #00B4E1 !important;
  background-color: #FFF !important;
  font-weight: bold;
}
.product-review-list .pager li a {
  border: 1px solid #00B4E1 !important;
  border-radius: 5px !important;
  color: #00B4E1 !important;
  background-color: #FFF !important;
  font-family: "cairo" !important;
  line-height: 1.4;
  color: #00B4E1 !important;
  background-color: #FFF !important;
}
.product-review-list .pager li a:hover {
  border-color: #002D6E !important;
}

.review-page-wrapper {
  border-bottom: 1px solid #CCC;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.review-page-wrapper .image-container {
  flex-grow: 1;
  text-align: right;
}
.review-page-wrapper .review-header-title {
  flex-grow: 1;
  padding-left: 50px;
}
.review-page-wrapper .review-header-title span {
  color: #002D6E;
  font-size: 12px;
  font-weight: bold;
  display: block;
}
.review-page-wrapper .review-header-title a {
  color: #00B4E1;
  font-size: 20px;
  display: block;
  text-decoration: none;
  font-weight: bold;
}

.review-form-section {
  max-width: 800px;
  margin: 80px auto 40px;
  border-radius: 20px;
  box-shadow: 0px 10px 30px rgba(219, 216, 234, 0.7);
  padding: 60px 20px;
}
.review-form-section .form-fields {
  background-color: #FFF;
}
.review-form-section .write-review .title strong {
  color: #00B4E1;
  font-weight: bold;
  font-size: 15px;
}
.review-form-section .form-group {
  max-width: 468px;
  margin: auto;
  margin-bottom: 15px;
}
.review-form-section .form-group .form-control {
  min-height: 40px;
  border-radius: 16px;
  border: 1px solid #D2D2D2;
  font-family: "cairo";
  padding-left: 15px;
  padding-right: 15px;
}
.review-form-section .form-group .form-control::placeholder {
  color: #75787B;
}
.review-form-section .write-product-review-button {
  border-radius: 15px !important;
  background-color: #00B4E1;
  font-size: 15px !important;
  text-transform: capitalize !important;
  font-family: "cairo";
  min-width: 240px;
  font-weight: bold !important;
  transition: 0.3s ease;
}
.review-form-section .write-product-review-button:hover {
  background-color: #008bae;
}
.review-form-section .review-rating {
  max-width: 240px;
  margin: auto;
  margin-bottom: 80px;
  text-align: center;
  display: flex;
  justify-content: space-evenly;
}
.review-form-section .face-star {
  width: 36px;
  height: 36px;
  position: relative;
}
.review-form-section .face-star .face-control {
  opacity: 0;
  position: absolute;
}
.review-form-section .face-star .face-control + label {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transition: 0.1s ease;
  filter: grayscale(100%);
  cursor: pointer;
}
.review-form-section .face-star .face-control + label:hover {
  filter: grayscale(60%);
}
.review-form-section .face-star .face-control + label.star-1 {
  background: url(../images/icons/faces/1star.png) center center no-repeat;
}
.review-form-section .face-star .face-control + label.star-2 {
  background: url(../images/icons/faces/2stars.png) center center no-repeat;
}
.review-form-section .face-star .face-control + label.star-3 {
  background: url(../images/icons/faces/3stars.png) center center no-repeat;
}
.review-form-section .face-star .face-control + label.star-4 {
  background: url(../images/icons/faces/4stars.png) center center no-repeat;
}
.review-form-section .face-star .face-control + label.star-5 {
  background: url(../images/icons/faces/5stars.png) center center no-repeat;
}
.review-form-section .face-star .face-control:checked {
  background-color: red;
}
.review-form-section .face-star .face-control:checked + label {
  filter: grayscale(0%);
}

.product-quote-list .product-quote-item {
  border: 1px solid #E6E6E6;
  margin-bottom: 20px;
  display: block !important;
  border-radius: 20px;
  background-color: #FFF;
  overflow: hidden;
}
.product-quote-list .product-quote-item .review-content {
  padding: 0 !important;
  clear: unset !important;
}
.product-quote-list .product-quote-item .review-item-head {
  border: 0 none !important;
  background-color: #FFF;
  padding: 15px 30px;
}
.product-quote-list .product-quote-item .review-item-head .review-title {
  color: #000;
  font-size: 15px;
}
.product-quote-list .product-quote-item .review-item-head .product-review-box {
  padding-inline-start: 30px;
}
.product-quote-list .product-quote-item .review-item-head .review-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-quote-list .product-quote-item .review-item-head .review-info .user {
  display: block;
  color: #000;
  font-weight: 500;
  padding-inline-end: 20px;
  font-size: 15px;
}
.product-quote-list .product-quote-item .review-item-head .review-info .date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #777;
  font-size: 14px;
  padding-top: 2px;
}
.product-quote-list .product-quote-item .review-item-head .review-info .date .vertical-line {
  width: 1px;
  height: 22px;
  background-color: #75787b;
  opacity: 0.5;
  margin-inline-end: 16px;
}

.filter-wrapper {
  width: 264px;
  background-color: #FCFCFC;
}
.filter-wrapper li {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  margin-left: 26px;
}
.filter-wrapper li input {
  margin-inline-end: 10px;
}
.filter-wrapper li label {
  color: #002D6E;
}
.filter-wrapper .heading h4 {
  color: #002F6C;
  font-size: 18px;
  margin-inline-start: 20px;
  margin-bottom: 20px !important;
  font-weight: 900;
  text-align: start;
}
.filter-wrapper .heading .hr {
  margin-left: auto;
  width: 92%;
  height: 1px;
  background-color: #E6E6E6;
}
.filter-wrapper .contest-types .contest-body li {
  margin-inline-start: 48px;
  margin-bottom: 10px;
}
.filter-wrapper .contest-types .contest-body li button {
  border: none;
  background: none;
  font-size: 15px;
  color: #002F6C;
}
.filter-wrapper .prize-types .prize-body li {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  margin-left: 20px;
}
.filter-wrapper .prize-types .prize-body li input {
  margin-inline-end: 10px;
}
.filter-wrapper .prize-types .prize-body li label {
  color: #002D6E;
}
.filter-wrapper .date .date-body .price-validation {
  color: red;
  text-align: center;
}
.filter-wrapper .date .date-body .date-inputs {
  display: flex;
  margin-left: 20px;
  align-content: center;
  justify-content: center;
}
.filter-wrapper .date .date-body .date-inputs input {
  width: 90px;
  height: 40px;
  border: 1px solid #00B4E1;
  border-radius: 15px;
  margin-left: 10px;
  border-color: #002D6E;
  text-align: end;
  text-align: center;
}
.filter-wrapper .date .date-body .date-inputs button {
  border-radius: 50%;
  background-color: #00B4E1;
  margin-inline-start: 10px;
  border: none;
  height: 24px;
  width: 24px;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px !important;
  /*padding: 3px;*/
}
.filter-wrapper .date .date-body .date-inputs button .fa {
  color: #FFF;
}
.filter-wrapper .date .date-body input:first-child {
  margin-left: 0px !important;
}
.filter-wrapper .event-types .event-types-body select {
  border-color: #002D6E;
  border-radius: 15px;
  width: 70%;
}
.filter-wrapper .event-types .event-types-body li {
  margin-left: 20px;
  margin-bottom: 10px;
}

.filtersPanel {
  background-color: #FCFCFC !important;
}
.filtersPanel div.filter-block {
  padding-bottom: 10px;
  margin-bottom: -2px;
}
.filtersPanel div.filter-block .title {
  margin-top: 0;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 10px !important;
  padding-left: 0 !important;
  background-color: transparent;
  border: 0 none;
  border-bottom: 1px solid rgba(0, 45, 110, 0.2);
}
.filtersPanel div.filter-block .title a.toggleControl {
  padding: 0;
  margin: 0;
  color: #002D6E;
}
.filtersPanel div.filter-block .filtersGroupPanel {
  padding: 0 20px !important;
}
.filtersPanel div.filter-block .filtersGroupPanel .priceRangeMinMaxPanel {
  margin-bottom: 10px;
  margin-top: 10px;
}
.filtersPanel div.filter-block .filtersGroupPanel .priceRangeMinPanel, .filtersPanel div.filter-block .filtersGroupPanel .priceRangeMaxPanel {
  color: #00AFA2;
  font-size: 12px;
}
.filtersPanel div.filter-block .filtersGroupPanel .price-range-slider .ui-slider-range {
  background-color: #002d6e;
  border: 0 none !important;
}
.filtersPanel div.filter-block .filtersGroupPanel .price-range-slider .ui-slider-handle {
  background-color: #00AFA2 !important;
  border-radius: 0px !important;
  width: 6px !important;
  border: 0 none !important;
}
.filtersPanel div.filter-block .filtersGroupPanel .priceRangeCurrentPricesPanel span {
  color: #002D6E;
  font-size: 13px;
}

.block-prices .listbox {
  display: flex !important;
  justify-content: space-between;
}
.block-prices .listbox .dash {
  margin: 0 10px 0 10px;
}
.block-prices .price-validation {
  color: red;
  text-align: center;
}

div.block-gtin {
  background-color: #FCFCFC !important;
  padding-bottom: 40px;
}
div.block-gtin .title {
  margin-top: 0;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 10px !important;
  padding-left: 0 !important;
  background-color: transparent;
  border: 0 none;
  font-size: 17px !important;
  border-bottom: 1px solid rgba(0, 45, 110, 0.2);
  color: #002D6E !important;
}
div.block-gtin .listbox {
  margin: 0 20px !important;
  padding: 0 !important;
  font-family: "cairo";
  font-size: 15px;
}
div.block-gtin .listbox i {
  font-size: 20px;
  color: #00B4E1;
  padding: 10px;
  position: absolute;
  left: 220px;
  cursor: pointer;
}
div.block-gtin .listbox .gtin {
  border-radius: 15px;
  border-color: #002D6E;
  width: 223px;
  height: 40px;
  border: solid 1px;
  position: absolute;
}

div.block-invest-type .title,
div.block-isused .title,
div.block-authors .title {
  margin-top: 0;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 10px !important;
  padding-left: 0 !important;
  background-color: transparent;
  border: 0 none;
  font-size: 17px !important;
  border-bottom: 1px solid rgba(0, 45, 110, 0.2);
  color: #002D6E !important;
}
div.block-invest-type .listbox .filter-item-name,
div.block-isused .listbox .filter-item-name,
div.block-authors .listbox .filter-item-name {
  font-size: 15px;
  color: #002D6E;
  padding-inline-start: 20px;
  padding-top: 0.5em;
  max-width: calc(100% - 20px);
}

div.block-category-navigation,
div.block-manufacturer-navigation,
div.block-recently-viewed-products,
div.block-popular-tags,
div.block-prices,
div.block-authors,
div.block-isused,
div.block-invest-type,
div.block-authors,
div.block-rating {
  background-color: #FCFCFC !important;
  padding-bottom: 15px;
  margin-bottom: -5px !important;
}
div.block-category-navigation .view-all .btn,
div.block-manufacturer-navigation .view-all .btn,
div.block-recently-viewed-products .view-all .btn,
div.block-popular-tags .view-all .btn,
div.block-prices .view-all .btn,
div.block-authors .view-all .btn,
div.block-isused .view-all .btn,
div.block-invest-type .view-all .btn,
div.block-authors .view-all .btn,
div.block-rating .view-all .btn {
  background-color: #00AFA2;
  padding: 8px;
  height: auto;
  font-size: 13px;
  text-transform: uppercase !important;
  width: 100%;
  text-decoration: none !important;
  border-radius: 4px !important;
  border: 0 none !important;
}
div.block-category-navigation .view-all .btn:hover,
div.block-manufacturer-navigation .view-all .btn:hover,
div.block-recently-viewed-products .view-all .btn:hover,
div.block-popular-tags .view-all .btn:hover,
div.block-prices .view-all .btn:hover,
div.block-authors .view-all .btn:hover,
div.block-isused .view-all .btn:hover,
div.block-invest-type .view-all .btn:hover,
div.block-authors .view-all .btn:hover,
div.block-rating .view-all .btn:hover {
  background-color: #007c73;
}
div.block-category-navigation .title,
div.block-manufacturer-navigation .title,
div.block-recently-viewed-products .title,
div.block-popular-tags .title,
div.block-prices .title,
div.block-authors .title,
div.block-isused .title,
div.block-invest-type .title,
div.block-authors .title,
div.block-rating .title {
  margin-top: 0;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 10px !important;
  padding-left: 0 !important;
  background-color: transparent;
  border: 0 none;
  font-size: 17px !important;
  border-bottom: 1px solid rgba(0, 45, 110, 0.2);
  color: #002D6E !important;
}
div.block-category-navigation .listbox,
div.block-manufacturer-navigation .listbox,
div.block-recently-viewed-products .listbox,
div.block-popular-tags .listbox,
div.block-prices .listbox,
div.block-authors .listbox,
div.block-isused .listbox,
div.block-invest-type .listbox,
div.block-authors .listbox,
div.block-rating .listbox {
  margin: 0 20px !important;
  padding: 0 !important;
  font-family: "cairo";
  font-size: 15px;
  /*  ul {
      background-color: #666 !important;
  }*/
}
div.block-category-navigation .listbox .rate-container,
div.block-manufacturer-navigation .listbox .rate-container,
div.block-recently-viewed-products .listbox .rate-container,
div.block-popular-tags .listbox .rate-container,
div.block-prices .listbox .rate-container,
div.block-authors .listbox .rate-container,
div.block-isused .listbox .rate-container,
div.block-invest-type .listbox .rate-container,
div.block-authors .listbox .rate-container,
div.block-rating .listbox .rate-container {
  display: flex;
  padding-bottom: 15px;
}
div.block-category-navigation .listbox .rate-container input,
div.block-manufacturer-navigation .listbox .rate-container input,
div.block-recently-viewed-products .listbox .rate-container input,
div.block-popular-tags .listbox .rate-container input,
div.block-prices .listbox .rate-container input,
div.block-authors .listbox .rate-container input,
div.block-isused .listbox .rate-container input,
div.block-invest-type .listbox .rate-container input,
div.block-authors .listbox .rate-container input,
div.block-rating .listbox .rate-container input {
  margin-inline-end: 20px;
}
div.block-category-navigation .listbox .rate-container .rating,
div.block-manufacturer-navigation .listbox .rate-container .rating,
div.block-recently-viewed-products .listbox .rate-container .rating,
div.block-popular-tags .listbox .rate-container .rating,
div.block-prices .listbox .rate-container .rating,
div.block-authors .listbox .rate-container .rating,
div.block-isused .listbox .rate-container .rating,
div.block-invest-type .listbox .rate-container .rating,
div.block-authors .listbox .rate-container .rating,
div.block-rating .listbox .rate-container .rating {
  background: url("/Themes/RootTheme/Content/images/rating1.png") repeat-x;
  width: 95px;
  height: 14px;
}
div.block-category-navigation .listbox .rate-container .rating div,
div.block-manufacturer-navigation .listbox .rate-container .rating div,
div.block-recently-viewed-products .listbox .rate-container .rating div,
div.block-popular-tags .listbox .rate-container .rating div,
div.block-prices .listbox .rate-container .rating div,
div.block-authors .listbox .rate-container .rating div,
div.block-isused .listbox .rate-container .rating div,
div.block-invest-type .listbox .rate-container .rating div,
div.block-authors .listbox .rate-container .rating div,
div.block-rating .listbox .rate-container .rating div {
  background: url(/Themes/RootTheme/Content/images/rating2.png) repeat-x;
  height: 14px;
}
div.block-category-navigation .listbox i,
div.block-manufacturer-navigation .listbox i,
div.block-recently-viewed-products .listbox i,
div.block-popular-tags .listbox i,
div.block-prices .listbox i,
div.block-authors .listbox i,
div.block-isused .listbox i,
div.block-invest-type .listbox i,
div.block-authors .listbox i,
div.block-rating .listbox i {
  font-size: 20px;
  color: #00B4E1;
  padding: 10px;
  cursor: pointer;
}
div.block-category-navigation .listbox .input,
div.block-manufacturer-navigation .listbox .input,
div.block-recently-viewed-products .listbox .input,
div.block-popular-tags .listbox .input,
div.block-prices .listbox .input,
div.block-authors .listbox .input,
div.block-isused .listbox .input,
div.block-invest-type .listbox .input,
div.block-authors .listbox .input,
div.block-rating .listbox .input {
  text-align: center;
}
div.block-category-navigation .listbox .price,
div.block-manufacturer-navigation .listbox .price,
div.block-recently-viewed-products .listbox .price,
div.block-popular-tags .listbox .price,
div.block-prices .listbox .price,
div.block-authors .listbox .price,
div.block-isused .listbox .price,
div.block-invest-type .listbox .price,
div.block-authors .listbox .price,
div.block-rating .listbox .price {
  text-align: center;
  border-radius: 15px;
  border-color: #002D6E;
  width: 90px;
  height: 40px;
  border: solid 1px;
}
div.block-category-navigation .listbox .nav-item,
div.block-manufacturer-navigation .listbox .nav-item,
div.block-recently-viewed-products .listbox .nav-item,
div.block-popular-tags .listbox .nav-item,
div.block-prices .listbox .nav-item,
div.block-authors .listbox .nav-item,
div.block-isused .listbox .nav-item,
div.block-invest-type .listbox .nav-item,
div.block-authors .listbox .nav-item,
div.block-rating .listbox .nav-item {
  padding: 0 !important;
  line-height: 18px;
}
div.block-category-navigation .listbox .nav-item ul,
div.block-manufacturer-navigation .listbox .nav-item ul,
div.block-recently-viewed-products .listbox .nav-item ul,
div.block-popular-tags .listbox .nav-item ul,
div.block-prices .listbox .nav-item ul,
div.block-authors .listbox .nav-item ul,
div.block-isused .listbox .nav-item ul,
div.block-invest-type .listbox .nav-item ul,
div.block-authors .listbox .nav-item ul,
div.block-rating .listbox .nav-item ul {
  margin-left: 15px !important;
}
div.block-category-navigation .listbox .nav-item.active > a.nav-link,
div.block-manufacturer-navigation .listbox .nav-item.active > a.nav-link,
div.block-recently-viewed-products .listbox .nav-item.active > a.nav-link,
div.block-popular-tags .listbox .nav-item.active > a.nav-link,
div.block-prices .listbox .nav-item.active > a.nav-link,
div.block-authors .listbox .nav-item.active > a.nav-link,
div.block-isused .listbox .nav-item.active > a.nav-link,
div.block-invest-type .listbox .nav-item.active > a.nav-link,
div.block-authors .listbox .nav-item.active > a.nav-link,
div.block-rating .listbox .nav-item.active > a.nav-link {
  color: #000000 !important;
  font-weight: 500 !important;
}
div.block-category-navigation .listbox .nav-item a.nav-link,
div.block-manufacturer-navigation .listbox .nav-item a.nav-link,
div.block-recently-viewed-products .listbox .nav-item a.nav-link,
div.block-popular-tags .listbox .nav-item a.nav-link,
div.block-prices .listbox .nav-item a.nav-link,
div.block-authors .listbox .nav-item a.nav-link,
div.block-isused .listbox .nav-item a.nav-link,
div.block-invest-type .listbox .nav-item a.nav-link,
div.block-authors .listbox .nav-item a.nav-link,
div.block-rating .listbox .nav-item a.nav-link {
  font-size: 14px;
  color: #002D6E !important;
  transition: 0.2s ease !important;
}
div.block-category-navigation .listbox .nav-item a.nav-link::before,
div.block-manufacturer-navigation .listbox .nav-item a.nav-link::before,
div.block-recently-viewed-products .listbox .nav-item a.nav-link::before,
div.block-popular-tags .listbox .nav-item a.nav-link::before,
div.block-prices .listbox .nav-item a.nav-link::before,
div.block-authors .listbox .nav-item a.nav-link::before,
div.block-isused .listbox .nav-item a.nav-link::before,
div.block-invest-type .listbox .nav-item a.nav-link::before,
div.block-authors .listbox .nav-item a.nav-link::before,
div.block-rating .listbox .nav-item a.nav-link::before {
  display: none !important;
}
div.block-category-navigation .listbox .nav-item a.nav-link:hover,
div.block-manufacturer-navigation .listbox .nav-item a.nav-link:hover,
div.block-recently-viewed-products .listbox .nav-item a.nav-link:hover,
div.block-popular-tags .listbox .nav-item a.nav-link:hover,
div.block-prices .listbox .nav-item a.nav-link:hover,
div.block-authors .listbox .nav-item a.nav-link:hover,
div.block-isused .listbox .nav-item a.nav-link:hover,
div.block-invest-type .listbox .nav-item a.nav-link:hover,
div.block-authors .listbox .nav-item a.nav-link:hover,
div.block-rating .listbox .nav-item a.nav-link:hover {
  color: #00AFA2 !important;
}
div.block-category-navigation .listbox ul,
div.block-manufacturer-navigation .listbox ul,
div.block-recently-viewed-products .listbox ul,
div.block-popular-tags .listbox ul,
div.block-prices .listbox ul,
div.block-authors .listbox ul,
div.block-isused .listbox ul,
div.block-invest-type .listbox ul,
div.block-authors .listbox ul,
div.block-rating .listbox ul {
  list-style: none !important;
  margin-top: 0 !important;
}
div.block-category-navigation .listbox li,
div.block-manufacturer-navigation .listbox li,
div.block-recently-viewed-products .listbox li,
div.block-popular-tags .listbox li,
div.block-prices .listbox li,
div.block-authors .listbox li,
div.block-isused .listbox li,
div.block-invest-type .listbox li,
div.block-authors .listbox li,
div.block-rating .listbox li {
  list-style: none !important;
  line-height: 1;
}
/* Ahmad add overflow to authos list box */
div.block-authors .listbox{
    height:300px;
    overflow-x:auto;
    
}
/* width */
  div.block-authors .listbox::-webkit-scrollbar {
    width: 100px;
  }
/*.listbox::-webkit-scrollbar-track {
    background: green !important;
    color:aquamarine !important;
  }

.listbox::-webkit-scrollbar-thumb {
    background-color: red !important;
    color:blue !important;
    border-radius: 6px !important;
    border: 3px solid blue !important;
  }*/
div.block-popular-tags {
  margin-bottom: 20px !important;
}

.pager.navigation {
  text-align: center;
}
.pager.navigation ul {
  text-align: center;
}
.pager.navigation ul li a {
  border-radius: 10px;
  line-height: 1.2;
  background-color: #FFF;
  color: #00B4E1;
  border: 1px solid;
  border-color: #00B4E1;
  transition: 0.2s ease;
}
.pager.navigation ul li a:hover {
  background-color: #00B4E1;
  color: #FFF;
}
.pager.navigation ul li span {
  border-radius: 10px;
  font-weight: 500;
  line-height: 1.2;
  background-color: #00AFA2;
  color: #FFF;
  border: 1px solid;
  border-color: #00AFA2;
}

.map {
  padding: 10px;
}

.tab-content {
  margin: 10px;
}

.info-window {
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
}
.info-window .info-window-details .info-window-price {
  color: #00afa2;
  text-align: left;
  font-weight: bold;
  margin-top: 14px;
}
.info-window .info-window-details .info-window-name {
  color: #002d6e;
  text-align: left;
  font-weight: 900;
  color: #002d6e;
}

.promotions-section {
  background-color: #FCFCFC;
  padding-top: 60px;
  padding-bottom: 20px;
  position: relative;
}
@media (max-width: 991px) {
  .promotions-section {
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
.promotions-section h3.main-title {
  font-size: 25px;
  font-weight: 600;
  color: #002D6E;
  margin-bottom: 20px !important;
}
@media (max-width: 991px) {
  .promotions-section h3.main-title {
    font-size: 20px;
  }
}
.promotions-section .promotions-item {
  width: 100%;
  background: #FFFFFF !important;
  box-shadow: 0px 15px 18px rgba(0, 180, 225, 0.16);
  border-radius: 20px;
  padding: 20px 0 20px 20px;
  display: flex;
  justify-content: flex-start;
  transition: 0.3s ease;
  align-items: center;
}
.promotions-section .promotions-item:hover {
  margin-top: -10px;
  transform: scale(1.05);
}
.promotions-section .promotions-item .image-container {
  width: 196px;
  height: 264px;
  border-radius: 20px;
  box-shadow: 0px 7px 11px rgba(117, 120, 123, 0.08);
  margin-inline-end: 20px;
  overflow: hidden;
}
.promotions-section .promotions-item .image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transition: 0.2s ease;
  backdrop-filter:blur(4px);
}
.promotions-section .promotions-item .details {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  position: relative;
  min-height: 170px;
}
@media (max-width: 991px) {
  .promotions-section .promotions-item .details {
    text-align: start;
  }
}
.promotions-section .promotions-item .details .price {
  padding-top: 10px;
  font-size: 20px !important;
  font-weight: bold !important;
  color: #00B4E1 !important;
}
.promotions-section .promotions-item .details .save {
  width: 98px;
  height: 30px;
  background: #FFDD00 0% 0% no-repeat padding-box;
  border-radius: 0px 0px 0px 10px;
  position: absolute;
  color: #000000;
  font-size: 13px;
  line-height: 28px;
  text-align: center;
  right: 0;
  top: 20px;
}
.promotions-section .promotions-item .details .name {
  color: #002D6E;
  transition: 0.1s ease;
  font-size: 18px;
  font-weight: 600;
  margin-top: 15px;
}
.promotions-section .promotions-item .details .name:hover {
  color: #00B4E1;
}
.promotions-section .promotions-item .details .rating i {
  color: #FFDD00;
}
.promotions-section .promotions-item .details .rating .rating-number {
  color: #002D6E;
  padding-left: 12px;
}
.promotions-section .promotions-item .details .location {
  padding-top: 15px;
}
.promotions-section .promotions-item .details .location i {
  color: #FF585D;
  padding-right: 6px;
}
.promotions-section .promotions-item .details .buttons {
  text-align: start;
  margin-top: 20px;
}
.promotions-section .promotions-item .details .buttons .like {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  width: 40px;
  height: 40px;
  border: 0 none !important;
  border-radius: 20px;
  color: #00AFA2;
  font-size: 16px;
}
.promotions-section .promotions-item .details .buttons .add-to-cart {
  height: 40px;
  padding: 0 40px;
  color: #FFF;
  background-color: #00B4E1;
  font-weight: bold;
  border: 0 none;
  border-radius: 20px;
  margin-inline-start: 10px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
.promotions-section .owl-stage-outer {
  padding-top: 20px;
  padding-bottom: 40px;
}
.promotions-section .owl-stage-outer .owl-stage {
  padding-left: 10px !important;
}
.promotions-section .owl-nav {
  margin-top: -20px !important;
  margin-bottom: 10px;
}
.promotions-section .owl-nav > button {
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  width: 30px;
  height: 30px;
  border-radius: 20px !important;
  opacity: 0.5;
  transition: 0.2s ease;
}
.promotions-section .owl-nav > button:hover {
  opacity: 1;
}
.promotions-section .owl-nav > button span {
  color: #00B4E1;
  font-size: 25px;
  line-height: 1;
}

html body {
  font-family: "cairo";
  animation: 1.2s ease 0s opacityOnload;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #002D6E;
}

@keyframes opacityOnload {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
div[class*=grid] .title {
  font-weight: 700;
  font-size: 25px;
  border: 0 none !important;
  color: #002D6E;
  text-align: left;
}

/* SLIDER  - START */
.master-wrapper-content .slider-wrapper.theme-custom {
  margin: 0 60px !important;
  margin-top: 30px !important;
  min-height: 200px !important;
}
@media (max-width: 767px) {
  .master-wrapper-content .slider-wrapper.theme-custom {
    margin: 0 !important;
  }
}
.master-wrapper-content .slider-wrapper.theme-custom .nivo-controlNav a {
  border-radius: 20px !important;
  box-shadow: 0px 10px 30px #DBD8EA80;
}
.master-wrapper-content .slider-wrapper.theme-custom .nivo-controlNav a.active {
  background-color: #002D6E !important;
}
.master-wrapper-content .slider-wrapper.theme-custom .nivo-directionNav {
  display: block !important;
}

/* SLIDER  - END */
/* Topic Block  - START */
.topic-block.homepage {
  text-align: center;
  margin-top: 70px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .topic-block.homepage {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.topic-block.homepage .topic-block-title {
  display: none;
}
.topic-block.homepage .topic-block-title h2 {
  font-weight: bold;
  font-family: "cairo";
  color: rgba(0, 45, 110, 0.5);
  font-size: 35px;
}
.topic-block.homepage .topic-block-body {
  text-align: center;
  max-width: 1400px;
  margin: auto;
}
.topic-block.homepage .topic-block-body p {
  text-align: center;
  font-size: 15px;
  line-height: 28px;
  color: #002D6E;
}

/* Topic Block  - END */
/* Circles Block  - START */
.circles-container {
  margin: auto;
  margin-top: -143px;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 9999;
}
@media (max-width: 1299px) {
  .circles-container {
    margin-top: -80px;
    justify-content: center;
  }
}
.circles-container .circle-link {
  display: block;
  border-radius: 50%;
  width: 220px;
  height: 220px;
  background: url("../images/colorful-bg.png") bottom center no-repeat #333;
  background-size: cover;
  text-align: center;
  display: flex;
  flex-direction: column;
  box-shadow: 0 16px 33px rgba(0, 45, 110, 0.08);
  transition: 0.2s ease;
  position: relative;
  top: 0;
}
@media (max-width: 1299px) {
  .circles-container .circle-link {
    width: 150px;
    height: 150px;
    margin: 5px;
  }
}
@media (max-width: 767px) {
  .circles-container .circle-link {
    flex-grow: 1;
    border-radius: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    height: auto;
    flex-direction: row-reverse;
  }
  .circles-container .circle-link span.image-container {
    height: auto !important;
    padding: 10px;
    width: 50px;
    height: 50px;
  }
  .circles-container .circle-link span.title {
    text-align: left;
    width: auto;
    flex-grow: 1;
    padding: 10px;
    line-height: 1;
    transform: none !important;
  }
}
.circles-container .circle-link span.image-container {
  height: 67%;
  text-align: center;
  padding-top: 30%;
}
@media (max-width: 1299px) {
  .circles-container .circle-link span.image-container {
    height: 60%;
  }
}
.circles-container .circle-link span.image-container img {
  width: 66px;
  height: 66px;
}
.circles-container .circle-link span.title {
  flex-grow: 1;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  transition: 0.2s ease;
}
@media (max-width: 1299px) {
  .circles-container .circle-link span.title {
    font-size: 14px;
  }
}
.circles-container .circle-link.library {
  background-color: #00AFA2;
}
.circles-container .circle-link.library .image-container {
  background: url("../images/library-border.png") center 70px no-repeat;
  background-size: 50px;
}
.circles-container .circle-link.students-offer {
  background-color: #00B4E1;
}
.circles-container .circle-link.students-offer .image-container {
  background: url("../images/products-and-services-border.png") center 70px no-repeat;
  background-size: 50px;
}
.circles-container .circle-link.jobs {
  background-color: #002D6E;
}
.circles-container .circle-link.jobs .image-container {
  background: url("../images/jobs-border.png") center 70px no-repeat;
  background-size: 50px;
}
.circles-container .circle-link.contests {
  background-color: #ff8f1c;
}
.circles-container .circle-link.contests .image-container {
  background: url("../images/contest-border.png") center 70px no-repeat;
  background-size: 50px;
}
.circles-container .circle-link .image-container {
  transition: 0.2s ease;
}
@media (max-width: 1299px) {
  .circles-container .circle-link .image-container {
    background-size: 40px !important;
    background-position: center 30px !important;
  }
}
.circles-container .circle-link:hover {
  top: -12px;
}
.circles-container .circle-link:hover span.title {
  transform: scale(1.25);
}
.circles-container .circle-link:hover.library .image-container {
  background-image: url("../images/library.png");
}
.circles-container .circle-link:hover.students-offer .image-container {
  background-image: url("../images/products-and-services.png");
}
.circles-container .circle-link:hover.jobs .image-container {
  background-image: url("../images/jobs.png");
}
.circles-container .circle-link:hover.contests .image-container {
  background-image: url("../images/contest.png");
}
.circles-container .circle-link .burst-circle {
  width: 25px;
  height: 25px;
  position: absolute;
  text-align: center;
  background: #FFD21F;
  right: 40px;
  top: 40px;
}
@media (max-width: 991px) {
  .circles-container .circle-link .burst-circle {
    left: 10px;
  }
}
.circles-container .circle-link .burst-circle span {
  z-index: 99;
  font-size: 9px;
  font-weight: 100;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  text-transform: uppercase;
  top: 4px;
  color: #002D6E;
}
.circles-container .circle-link .burst-circle:before, .circles-container .circle-link .burst-circle:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background: #FFD21F;
}
.circles-container .circle-link .burst-circle:before {
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.circles-container .circle-link .burst-circle:after {
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

/* Circles Block  - END */
/* Best Of Library - START */
.bestof-library {
  background-color: #FCFCFC;
  padding: 40px;
}
.bestof-library .product-item {
  /*max-width: 100%;*/
  max-width: 255px;
  margin: 0px auto 30px;
}
.bestof-library .product-item .product-container {
  width: 100%;
  height: 360px;
  position: relative;
  box-shadow: 0px 10px 30px rgba(219, 216, 234, 0.5);
  border: 0 none !important;
  border-radius: 20px;
  overflow: hidden;
}
.bestof-library .product-item .product-container + .details {
  padding: 0 !important;
}
.bestof-library .product-item .product-container:hover .picture img {
  filter: blur(4px);
  transform: scale(1.05);
  box-shadow: 0 0 0 none !important;
}
.bestof-library .product-item .product-container:hover .used-product {
  top: 60px;
}
.bestof-library .product-item .product-container:hover .buttons {
  opacity: 1;
  bottom: 0px;
}
.bestof-library .product-item .product-container .picture {
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
}
.bestof-library .product-item .product-container .picture a {
  display: block;
  width: 100%;
  height: 100%;
}
.bestof-library .product-item .product-container .picture a img {
  box-shadow: 0 0 0 none !important;
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
  opacity: 1 !important;
  transition: 0.6s ease;
  backdrop-filter:blur(4px);
}
.bestof-library .product-item .product-container .rental-product {
  position: absolute;
  top: 31px;
  background-color: #00AFA2;
  border-bottom-right-radius: 20px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  width: 108px;
}
.bestof-library .product-item .product-container .used-product {
  position: absolute;
  top: 75%;
  transition: 0.3s ease;
}
.bestof-library .product-item .product-container .used-product .publish-date {
  color: #fff;
  font-size: 15px;
  font-family: "cairo";
  font-weight: bold;
}
.bestof-library .product-item .product-container .buttons {
  position: absolute;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.35);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  width: 100%;
  height: 60%;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding: 10px 25px;
  opacity: 0;
  bottom: -30px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  transition: 0.4s ease;
  color: #FFF;
}
@media (max-width: 1299px) {
  .bestof-library .product-item .product-container .buttons {
    opacity: 1;
    bottom: 0;
    height: auto;
  }
}
.bestof-library .product-item .product-container .buttons .location {
  padding: 0 5px;
  border-bottom: 1px solid #FFF;
  color: #FFF !important;
  font-size: 12px;
}
@media (max-width: 1299px) {
  .bestof-library .product-item .product-container .buttons .location {
    padding-bottom: 10px;
    border: 0 none !important;
  }
}
.bestof-library .product-item .product-container .buttons .description {
  color: #FFF !important;
  font-size: 12px;
  padding: 0 5px;
}
@media (max-width: 1299px) {
  .bestof-library .product-item .product-container .buttons .description {
    display: none;
  }
}
.bestof-library .product-item .product-container .buttons .buttons-container {
  display: flex;
  justify-content: space-between;
}
.bestof-library .product-item .product-container .buttons .buttons-container .product-box-add-to-cart-button {
  background-color: #00AFA2;
  font-size: 14px;
  font-weight: bold;
  font-family: "cairo";
  height: 40px;
  border-radius: 20px !important;
  width: auto;
  flex-grow: 1;
  margin-inline-end: 15px;
  transition: 0.3s ease;
  border: 0 none !important;
  padding: 0 25px !important;
}
.bestof-library .product-item .product-container .buttons .buttons-container .product-box-add-to-cart-button:hover {
  background-color: #00c3b5;
}
.bestof-library .product-item .product-container .buttons .buttons-container .add-to-wishlist-button {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 20px !important;
  width: 40px;
  height: 40px;
  background: none !important;
  font-size: 15px !important;
  color: #00AFA2;
  background-color: #FFF !important;
  transition: 0.2s ease;
  border: 0 none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bestof-library .product-item .product-container .buttons .buttons-container .add-to-wishlist-button i {
  transition: 0.1s ease;
}
.bestof-library .product-item .product-container .buttons .buttons-container .add-to-wishlist-button:hover i {
  transform: scale(1.1);
}
.bestof-library .product-item .product-container .buttons .buttons-container .add-to-wishlist-button.favourite {
  background-color: #00e2d1 !important;
  color: #FFF !important;
}
.bestof-library .product-item .ratings-info {
  display: flex;
  justify-content: space-between;
  padding:  0;
  border-bottom: 1px solid rgba(0, 45, 110, 0.2);
  height: 45px;
}
.bestof-library .product-item .ratings-info .product-rating-box {
  margin: 0;
  line-height: 1 !important;
  position: relative;
  top: 4px;
}
.bestof-library .product-item .ratings-info .prices {
  line-height: 1 !important;
  font-size: 14px !important;
  min-height: 0 !important;
  font-family: "cairo";
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.bestof-library .product-item .ratings-info .prices .free-price {
  background-color: #FF585D;
  text-align: center;
  color: white;
  border-radius: 10px;
  padding: 5px;
  width: 51px;
}
.bestof-library .product-item .ratings-info .prices .old-price {
  margin-top: 4px !important;
}
.bestof-library .product-item .ratings-info .prices .actual-price {
  color: #00AFA2;
  font-weight: bold;
  margin-top: 4px !important;
}
.bestof-library .product-item .book-author {
  font-size: 14px;
  font-family: "cairo";
  color: black;
  text-align: center;
}
.bestof-library .product-item .product-title {
  text-align: center;
  display: flex;
  justify-content: center;
}
.bestof-library .product-item .product-title .prize-image {
  margin-right: 8px;
}
.bestof-library .product-item .product-title a {
  font-size: 16px;
  color: #002D6E;
  font-weight: 500;
  transition: 0.4s ease;
}
.bestof-library .product-item .product-title a:hover {
  color: rgba(0, 45, 110, 0.7) !important;
}
.bestof-library .sku {
  display: none;
}

/* Best Of Library - END */
/* Most Popular - START */
.product-grid.most-popular {
  background: url("../images/mp-left.png") no-repeat top left, url("../images/mp-right.png") no-repeat bottom right;
  background-color: #00b4e1;
  padding-top: 50px;
  padding-bottom: 50px;
}
.product-grid.most-popular .title {
  border: 0 none !important;
  color: #FFF;
  font-weight: 700 !important;
  text-align: start;
}
.product-grid.most-popular .owl-carousel.owl-loaded {
  overflow: hidden !important;
  /*position: relative;*/
  display: flex;
  justify-content: center;
  position: initial;
}
.product-grid.most-popular:hover .owl-nav {
  opacity: 1;
}
.product-grid.most-popular .owl-nav {
  position: absolute;
  width: 110%;
  top: 60px;
  opacity: 0;
  transition: 0.3s ease;
}
@media (max-width: 1299px) {
  .product-grid.most-popular .owl-nav {
    width: 110%;
  }
}
.product-grid.most-popular .owl-nav .owl-prev {
  float: left;
  font-size: 40px;
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 0;
  background-image: url("../images/arrows.png") !important;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 0;
  opacity: 1;
  transition: all 200ms ease-in-out;
  left: -38px;
  background-position: 10px 2px;
}
.product-grid.most-popular .owl-nav .owl-prev:hover {
  background-color: #FFF !important;
  background-position: 10px 2px !important;
}
.product-grid.most-popular .owl-nav .owl-next {
  float: right;
  font-size: 40px;
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 0;
  background-image: url("../images/arrows.png") !important;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 0;
  opacity: 1;
  transition: all 200ms ease-in-out;
  right: -38px;
  background-position: 50px 2px;
}
.product-grid.most-popular .owl-nav .owl-next:hover {
  background-color: #FFF !important;
  background-position: 50px 2px !important;
}
.product-grid.most-popular .bestseller-item {
  margin: auto;
}
.product-grid.most-popular .bestseller-item .image-container {
  width: 190px !important;
  height: 190px !important;
  overflow: hidden;
  background-color: #FFF;
  box-shadow: 0px 10px 30px rgba(0, 45, 110, 0.24);
  border-radius: 50%;
  margin: auto;
}
.product-grid.most-popular .bestseller-item .image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.product-grid.most-popular .bestseller-item h4 {
  font-weight: bold !important;
  color: #FFF;
  text-align: center;
  margin-top: 40px;
  font-size: 25px;
}
@media (max-width: 991px) {
  .product-grid.most-popular {
    background-color: #00b4e1 !important;
  }
  .product-grid.most-popular h4, .product-grid.most-popular .title {
    color: #FFF !important;
  }
}

/* Most Popular - END */
/* category  - START */
.category-grid.home-page-category-grid .category-item h2.title {
  color: #002D6E;
  font-weight: 700;
  font-family: "cairo";
}

/* category  - END */
/* products  - START */
.product-grid.home-page-product-grid .sku {
  display: none;
}
.product-grid.home-page-product-grid .description {
  display: block;
}

.item-box .product-item {
  /*max-width: 100%;*/
  max-width: 255px;
  margin: 0px auto 30px;
}
.item-box .product-item .product-container {
  width: 100%;
  height: 360px;
  position: relative;
  box-shadow: 0px 10px 30px rgba(219, 216, 234, 0.5);
  border: 0 none !important;
  border-radius: 20px;
  overflow: hidden;
}
.item-box .product-item .product-container + .details {
  padding: 0 !important;
}
.item-box .product-item .product-container:hover .picture img {
  filter: blur(4px);
  transform: scale(1.05);
  box-shadow: 0 0 0 none !important;
}
.item-box .product-item .product-container:hover .used-product {
  top: 60px;
}
.item-box .product-item .product-container:hover .buttons {
  opacity: 1;
  bottom: 0px;
}
.item-box .product-item .product-container .picture {
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
}
.item-box .product-item .product-container .picture a {
  display: block;
  width: 100%;
  height: 100%;
}
  .item-box .product-item .product-container .picture a img {
    box-shadow: 0 0 0 none !important;
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
    opacity: 1 !important;
    transition: 0.6s ease;
    backdrop-filter: blur(4px);
  }
.item-box .product-item .product-container .rental-product {
  position: absolute;
  top: 31px;
  background-color: #00AFA2;
  border-bottom-right-radius: 20px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  width: 108px;
}
.item-box .product-item .product-container .used-product {
  position: absolute;
  top: 75%;
  transition: 0.3s ease;
}
.item-box .product-item .product-container .used-product .publish-date {
  color: #fff;
  font-size: 15px;
  font-family: "cairo";
  font-weight: bold;
}
.item-box .product-item .product-container .buttons {
  position: absolute;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.35);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  width: 100%;
  height: 60%;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding: 10px 25px;
  opacity: 0;
  bottom: -30px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  transition: 0.4s ease;
  color: #FFF;
}
@media (max-width: 1299px) {
  .item-box .product-item .product-container .buttons {
    opacity: 1;
    bottom: 0;
    height: auto;
  }
}
.item-box .product-item .product-container .buttons .location {
  padding: 0 5px;
  border-bottom: 1px solid #FFF;
  color: #FFF !important;
  font-size: 12px;
}
@media (max-width: 1299px) {
  .item-box .product-item .product-container .buttons .location {
    padding-bottom: 10px;
    border: 0 none !important;
  }
}
.item-box .product-item .product-container .buttons .description {
  color: #FFF !important;
  font-size: 12px;
  padding: 0 5px;
}
@media (max-width: 1299px) {
  .item-box .product-item .product-container .buttons .description {
    display: none;
  }
}
.item-box .product-item .product-container .buttons .buttons-container {
  display: flex;
  justify-content: space-between;
}
.item-box .product-item .product-container .buttons .buttons-container .product-box-add-to-cart-button {
  background-color: #00AFA2;
  font-size: 14px;
  font-weight: bold;
  font-family: "cairo";
  height: 40px;
  border-radius: 20px !important;
  width: auto;
  flex-grow: 1;
  margin-inline-end: 15px;
  transition: 0.3s ease;
  border: 0 none !important;
  padding: 0 25px !important;
}
.item-box .product-item .product-container .buttons .buttons-container .product-box-add-to-cart-button:hover {
  background-color: #00c3b5;
}
.item-box .product-item .product-container .buttons .buttons-container .add-to-wishlist-button {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 20px !important;
  width: 40px;
  height: 40px;
  background: none !important;
  font-size: 15px !important;
  color: #00AFA2;
  background-color: #FFF !important;
  transition: 0.2s ease;
  border: 0 none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.item-box .product-item .product-container .buttons .buttons-container .add-to-wishlist-button i {
  transition: 0.1s ease;
}
.item-box .product-item .product-container .buttons .buttons-container .add-to-wishlist-button:hover i {
  transform: scale(1.1);
}
.item-box .product-item .product-container .buttons .buttons-container .add-to-wishlist-button.favourite {
  background-color: #00e2d1 !important;
  color: #FFF !important;
}
.item-box .product-item .ratings-info {
  display: flex;
  justify-content: space-between;
  padding: 0;
  border-bottom: 1px solid rgba(0, 45, 110, 0.2);
  height: 45px;
}
.item-box .product-item .ratings-info .product-rating-box {
  margin: 0;
  line-height: 1 !important;
  position: relative;
  top: 4px;
}
.item-box .product-item .ratings-info .prices {
  line-height: 1 !important;
  font-size: 14px !important;
  min-height: 0 !important;
  font-family: "cairo";
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.item-box .product-item .ratings-info .prices .free-price {
  background-color: #FF585D;
  text-align: center;
  color: white;
  border-radius: 10px;
  padding: 5px;
  width: 51px;
}
.item-box .product-item .ratings-info .prices .old-price {
  margin-top: 4px !important;
}
.item-box .product-item .ratings-info .prices .actual-price {
  color: #00AFA2;
  font-weight: bold;
  margin-top: 4px !important;
}
.item-box .product-item .book-author {
  font-size: 14px;
  font-family: "cairo";
  color: black;
  text-align: center;
}
.item-box .product-item .product-title {
  text-align: center;
  display: flex;
  justify-content: center;
}
.item-box .product-item .product-title .prize-image {
  margin-right: 8px;
}
.item-box .product-item .product-title a {
  font-size: 16px;
  color: #002D6E;
  font-weight: 500;
  transition: 0.4s ease;
}
.item-box .product-item .product-title a:hover {
  color: rgba(0, 45, 110, 0.7) !important;
}
.item-box .product-item .product-title {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  min-height: initial;
  line-height: 1.2;
}

/* products  - END */
/* Last Careers - START */
.lastcareers-container .last-career {
  max-width: 100%;
  margin: 0 auto 30px;
  max-width: 255px;
}
.lastcareers-container .last-career .box-content {
  width: 100%;
  height: 360px;
  position: relative;
  box-shadow: 0 10px 30px rgba(219, 216, 234, 0.5);
  border: 0 none !important;
  border-radius: 20px;
}
.lastcareers-container .last-career .box-content .box-picture {
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
  border-radius: 20px;
  overflow: hidden;
}
.lastcareers-container .last-career .box-content .box-picture img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  opacity: 1 !important;
  transition: 0.6s ease;
}
.lastcareers-container .last-career .box-content .details {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  background-color: rgba(255, 255, 255, 0.32);
  border-radius: 20px;
  height: 0;
  transition: 0.5s ease;
}
.lastcareers-container .last-career .box-content .details p {
  display: block;
  padding: 0px 20px;
  font-weight: 500;
  color: transparent;
  height: 0px;
  overflow: hidden;
  position: relative;
  top: 20px;
}
.lastcareers-container .last-career .box-content .details a {
  display: block;
  margin: 0px auto;
  width: 70%;
  border-radius: 20px;
  line-height: 40px;
  height: 0px;
  background-color: #002D6E;
  color: #FFF;
  text-align: center;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  left: 15%;
  opacity: 0;
}
.lastcareers-container .last-career .box-content .details .company-image {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50px;
  margin: auto;
  margin-top: -50px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  transition: 0.2s ease;
  background-color: #FFF;
}
.lastcareers-container .last-career .box-content .details .company-image img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.lastcareers-container .last-career .title h3 {
  font-weight: 100;
  line-height: 50px;
  font-size: 18px;
  border-bottom: 1px solid #EEE;
  transition: 0.3s ease;
  opacity: 0;
}
.lastcareers-container .last-career .title p {
  padding-top: 8px;
  font-weight: 500;
  color: #002D6E;
  font-weight: 18px;
}
.lastcareers-container .last-career:hover .title h3 {
  opacity: 1;
}
.lastcareers-container .last-career:hover .box-picture img {
  filter: blur(4px);
  transform: scale(1.05);
}
.lastcareers-container .last-career:hover .details {
  background-color: rgba(255, 255, 255, 0.82);
  height: 260px;
}
.lastcareers-container .last-career:hover .details .company-image {
  transform: scale(1.25);
  box-shadow: 0 7px 6px rgba(0, 0, 0, 0.2);
}
.lastcareers-container .last-career:hover .details p {
  color: #000;
  height: auto;
  transition: 0.4s ease 0.2s;
  top: 0px;
  margin-top: 20px;
}
.lastcareers-container .last-career:hover .details a {
  height: 40px;
  transition: 0.3s ease 0.3s;
  display: block;
  opacity: 1;
  bottom: 15px;
}
@media (max-width: 1299px) {
  .lastcareers-container .last-career .title h3 {
    opacity: 1;
  }
  .lastcareers-container .last-career .box-picture img {
    filter: blur(4px);
    transform: scale(1.05);
  }
  .lastcareers-container .last-career .details {
    background-color: rgba(255, 255, 255, 0.82) !important;
    height: 260px !important;
  }
  .lastcareers-container .last-career .details .company-image {
    transform: scale(1.25) !important;
    box-shadow: 0 7px 6px rgba(0, 0, 0, 0.2) !important;
  }
  .lastcareers-container .last-career .details p {
    color: #000 !important;
    height: auto !important;
    transition: 0.4s ease 0.2s;
    top: 0px !important;
    margin-top: 20px !important;
  }
  .lastcareers-container .last-career .details a {
    height: 40px !important;
    transition: 0.3s ease 0.3s;
    display: block;
    opacity: 1 !important;
    bottom: 15px !important;
  }
}

/* Last Careers - END */
/*List View - START*/
.product-list .product-container {
  width: initial;
  box-shadow: none;
}
.product-list .item-box .product-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 10px 30px rgba(219, 216, 234, 0.5);
}

/*List View - END*/
.order-completed-page .page-title {
  background: url(../images/cart-mask.png) left center no-repeat;
  background-color: #00b4e1;
  min-height: 110px;
  padding-left: 40px;
}
.order-completed-page .page-title h1 {
  line-height: 110px;
  text-align: left !important;
  margin: auto;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
}
.order-completed-page .page-title h1 i {
  padding-right: 20px;
}
.order-completed-page .checkout-data {
  background: url(../images/student_congrats.png) right bottom no-repeat;
  padding-top: 120px;
  min-height: 380px;
}
.order-completed-page .checkout-data .order-completed .title {
  color: #002D6E;
  font-size: 18px;
}
.order-completed-page .checkout-data .order-completed .order-number a {
  color: #FF8F1C !important;
  font-weight: bold;
}
.order-completed-page .checkout-data .order-completed .buttons {
  margin-top: 80px;
  display: flex;
  justify-content: center;
}
.order-completed-page .checkout-data .order-completed .buttons .order-completed-continue-button {
  border: 0 none;
  height: 40px;
  border-radius: 20px;
  background-color: #00B4E1;
  color: #FFF;
  width: 220px;
  font-family: "cairo";
  font-weight: 500;
  margin-right: 20px;
}
.order-completed-page .checkout-data .order-completed .buttons .back-btn {
  border: 0 none;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 20px;
  background-color: #D2D2D2;
  color: #002D6E;
  width: 220px;
  font-family: "cairo";
  font-weight: 500;
}

.center-1 {
  margin: 0 !important;
}

.navbar-expand-lg {
  padding: 0 !important;
  background-color: #00B4E1;
}
.navbar-expand-lg .navbar-nav {
  text-align: left;
  background-color: #00B4E1;
}
.navbar-expand-lg .navbar-nav li {
  border: 0 none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
}
@media (min-width: 991px) {
  .navbar-expand-lg .navbar-nav li {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}
.navbar-expand-lg .navbar-nav li a {
  color: #fff !important;
  font-size: 15px;
  transition: all 0.2s ease-in-out;
  font-weight: 700;
  text-transform: capitalize;
}
.navbar-expand-lg .navbar-nav li a:hover {
  color: #fff !important;
}
@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav li a:hover {
    color: #002D6E !important;
  }
}
.navbar-expand-lg .navbar-nav li .dropdown-menu {
  border: 0px;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 3px 1px -2px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
}
@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav li .dropdown-menu {
    box-shadow: none;
  }
}
.navbar-expand-lg .navbar-nav li .dropdown-menu li {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.navbar-expand-lg .navbar-nav li .dropdown-menu a {
  color: #00B4E1 !important;
}
@media (min-width: 991px) {
  .navbar-expand-lg .navbar-nav li .dropdown-menu a {
    background-color: #fff !important;
  }
}
.navbar-expand-lg .navbar-nav li ul.dropdown-menu.sub-menusublist.first-level li:hover > a {
  background-color: #00B4E1;
}
.navbar-expand-lg .navbar-nav li.special-offers {
  padding-inline-start: 35px !important;
  background: url(../images/icons/offer-bg.png) no-repeat center center;
  background-size: cover;
}
@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav li.special-offers {
    background: none;
    padding-left: 0 !important;
  }
  .navbar-expand-lg .navbar-nav li.special-offers img {
    display: none;
  }
}
.navbar-expand-lg .navbar-nav li.special-offers a {
  font-weight: normal;
}
.navbar-expand-lg .navbar-nav li.special-offers a img {
  margin-right: 8px;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .navbar-expand-lg .slinky-theme-default {
    background-color: #00B4E1 !important;
  }
}
.navbar-expand-lg .slinky-theme-default a.back {
  background-color: transparent !important;
}

#mySidenav {
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  #mySidenav {
    z-index: 11110;
  }
}

.topic-block-body {
  padding: 20px;
}

.product-grid .description {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.latest-used .product-title a {
  font-weight: 700 !important;
}

a.view-all {
  font-size: 15px;
  color: #00B4E1;
  text-transform: capitalize;
  font-weight: 900;
}

.book {
  padding: 0 !important;
  background-color: #00AFA2 !important;
}
.book .navbar-nav {
  text-align: left;
  background-color: #00AFA2;
}
.book .navbar-nav li {
  border: 0 none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
}
@media (min-width: 991px) {
  .book .navbar-nav li {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}
.book .navbar-nav li a {
  color: #fff !important;
  font-size: 15px;
  transition: all 0.2s ease-in-out;
  font-weight: 700;
  text-transform: capitalize;
}
.book .navbar-nav li a:hover {
  color: #fff !important;
}
@media (max-width: 991px) {
  .book .navbar-nav li a:hover {
    color: #002D6E !important;
  }
}
.book .navbar-nav li .dropdown-menu {
  border: 0px;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 3px 1px -2px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
}
@media (max-width: 991px) {
  .book .navbar-nav li .dropdown-menu {
    box-shadow: none;
  }
}
.book .navbar-nav li .dropdown-menu li {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.book .navbar-nav li .dropdown-menu a {
  color: #00AFA2 !important;
}
@media (min-width: 991px) {
  .book .navbar-nav li .dropdown-menu a {
    background-color: #fff !important;
  }
}
.book .navbar-nav li ul.dropdown-menu.sub-menusublist.first-level li:hover > a {
  background-color: #00AFA2;
}
.book .navbar-nav li.special-offers {
  padding-inline-start: 35px !important;
  background: url(../images/icons/offer-bg.png) no-repeat center center;
  background-size: cover;
}
@media (max-width: 991px) {
  .book .navbar-nav li.special-offers {
    background: none;
    padding-left: 0 !important;
  }
  .book .navbar-nav li.special-offers img {
    display: none;
  }
}
.book .navbar-nav li.special-offers a {
  font-weight: normal;
}
.book .navbar-nav li.special-offers a img {
  margin-right: 8px;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .book .slinky-theme-default {
    background-color: #00B4E1 !important;
  }
}
.book .slinky-theme-default a.back {
  background-color: transparent !important;
}

.topic-block-body {
  padding: 20px;
}

.product-grid .description {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.latest-used .product-title a {
  font-weight: 700 !important;
}

a.view-all {
  font-size: 15px;
  color: #00B4E1;
  text-transform: capitalize;
  font-weight: 900;
}

.requested-books .header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #E6E6E6;
}
@media (max-width: 991px) {
  .requested-books .header {
    display: block;
  }
}
.requested-books .header .image-container img {
  width: 454px;
  height: 208px;
}
.requested-books .header .header-title {
  text-align: left;
}
@media (max-width: 991px) {
  .requested-books .header .header-title {
    margin-top: 40px;
  }
}
.requested-books .header .header-title h4 {
  font-size: 25px;
  color: #00B4E1;
  font-weight: 900;
}
.requested-books .header .header-title p {
  font-size: 15px;
  color: #002D6E;
  margin-top: 30px;
}
.requested-books .search-btn {
  height: 40px;
  width: 200px;
  border: none;
  border-radius: 16px;
  background-color: #00AFA2;
  font-size: 12px;
  color: #FFFFFF;
}
.requested-books .request-btn {
  height: 40px;
  width: 200px;
  border: 1px solid #00AFA2;
  border-radius: 16px;
  background-color: #FFFFFF;
  font-size: 15px;
  color: #00AFA2;
}
.requested-books .book-card {
  background-color: #FFFFFF;
  box-shadow: 0px 15px 18px rgba(0, 175, 162, 0.1);
  border-radius: 20px;
  padding: 20px;
}
.requested-books .book-card .card-body {
  display: flex;
  align-items: center;
  padding: 0px;
}
.requested-books .book-card .card-body .image-container img {
  height: 100px;
  width: 100px;
  border-radius: 20px;
}
.requested-books .book-card .card-body .card-info {
  margin-inline-start: 20px;
  text-align: start;
}
.requested-books .book-card .card-body .card-info h3 {
  font-size: 18px;
  color: #002D6E;
  font-weight: 900;
}
.requested-books .book-card .card-body .card-info .writer {
  font-size: 15px;
  color: #75787B;
}
.requested-books .book-card .card-body .card-info .writer span {
  font-size: 15px;
  color: #00AFA2;
}
.requested-books .book-card .card-body .card-info p {
  font-size: 15px;
  color: #75787B;
  margin-bottom: 0px;
}
.requested-books .book-card .card-footer {
  text-align: start;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #FFFFFF;
  padding: 15px 0px 0px 0px;
  margin-top: 15px;
}
.requested-books .book-card .card-footer .isbn {
  display: flex;
  font-size: 15px;
  color: #000000;
  opacity: 0.5;
}
.requested-books .book-card .card-footer .isbn p {
  color: #FF8F1C;
  font-weight: 900;
  font-size: 15px;
  margin-bottom: 0px;
}
.requested-books .book-card .card-footer .notification {
  display: flex;
  align-items: center;
  color: #75787B;
  font-size: 15px;
  word-break: break-word;
}
.requested-books .book-card .card-footer .notification p {
  color: #00B4E1;
  font-weight: 900;
  font-size: 15px;
  margin-bottom: 0px;
}
.requested-books .book-card .card-footer .notification .far {
  color: #00B4E1;
  cursor: pointer;
}
.requested-books .search-wrapper {
  display: flex;
  justify-content: flex-end;
}
.requested-books .search-wrapper .search-bar-container {
  border: none;
}
.requested-books .search-wrapper .search-bar-container input {
  border: 1.5px solid #D2D2D2;
  border-radius: 16px;
  width: 500px;
  height: 40px;
}
@media (max-width: 991px) {
  .requested-books .search-wrapper .search-bar-container input {
    width: 75%;
  }
}
.requested-books .search-wrapper .search-bar-container button {
  background-color: #00AFA2;
  border-radius: 16px;
  color: #FFFFFFFF;
  height: 40px;
  width: 36px;
  border: none;
}
.requested-books .request-book-form {
  background-color: #FCFCFC;
}
@media (max-width: 991px) {
  .requested-books .request-book-form .col-md-6 {
    text-align: center;
  }
}
.requested-books .request-book-form .form-inputs {
  max-width: 600px;
}
.requested-books .request-book-form .form-inputs input {
  border: 1px solid #002D6E;
  border-radius: 15px;
  height: 40px;
  width: 270px;
}
.requested-books .request-book-form .form-inputs .upload-book-image {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*  @include respond-above(md) {
        width: 54%;
        margin: auto;
    }*/
}
.requested-books .request-book-form .form-inputs .upload-book-image button {
  background-color: #FFFFFF;
  width: 96px;
  height: 96px;
  border: none;
  border-radius: 20px;
  box-shadow: 0px 5px 20px rgba(219, 216, 234, 0.5);
}
.requested-books .request-book-form .form-inputs .upload-book-image button .fas {
  background-color: #e6e6e6;
  color: #FFFFFF;
  padding: 8px;
  border-radius: 6px;
}
.requested-books .request-book-form .form-inputs .cancel-btn {
  height: 40px;
  width: 270px;
  border: none;
  background-color: #D2D2D2;
  color: #FFFFFF;
  font-size: 15px;
  border-radius: 15px;
  margin-top: 10px;
}
.requested-books .request-book-form .form-inputs .submit-btn {
  height: 40px;
  width: 270px;
  border: none;
  background-color: #00AFA2;
  color: #FFFFFF;
  font-size: 15px;
  border-radius: 15px;
  margin-top: 10px;
  font-family: cairo;
}
.requested-books .request-book-form .request-book-required {
  color: red;
  position: absolute;
  top: 1px;
  right: 36px;
  font-size: 25px;
}

.books-footer {
  background: transparent linear-gradient(270deg, #002D6E 0%, #00B4E1 100%) 0% 0% no-repeat padding-box;
  height: 316px;
  position: relative;
}
@media (max-width: 991px) {
  .books-footer {
    height: 100%;
  }
}
.books-footer .books-footer-container {
  display: flex;
  width: 76%;
  height: 100%;
  margin: auto;
}
@media (max-width: 991px) {
  .books-footer .books-footer-container {
    display: block;
  }
}
.books-footer .books-footer-container .section-1 {
  display: flex;
  margin-inline-end: 26px;
  /*white-space: nowrap;*/
  width: 48%;
}
@media (max-width: 991px) {
  .books-footer .books-footer-container .section-1 {
    display: block;
    padding-top: 30px;
    margin: auto;
    width: 100%;
  }
}
.books-footer .books-footer-container .section-1 .section-details {
  position: relative;
  top: 60px;
}
@media (max-width: 991px) {
  .books-footer .books-footer-container .section-1 .section-details {
    margin-top: 30px;
    top: 0px;
    position: inherit;
  }
}
.books-footer .books-footer-container .section-1 .section-details .title {
  border: 1px solid #FFFFFF;
  border-radius: 27px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 900;
  padding: 6px;
  white-space: nowrap;
}
.books-footer .books-footer-container .section-1 .section-details p {
  color: #FFFFFF;
  text-align: right;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .books-footer .books-footer-container .section-1 .section-details p {
    text-align: center;
  }
}
.books-footer .books-footer-container .section-1 .image-container {
  margin-top: auto;
  text-align: center;
}
.books-footer .books-footer-container .section-1 .image-container img {
  height: 184px;
  width: 406px;
}
.books-footer .books-footer-container .divider {
  width: 2px;
  height: 70%;
  background-color: #FFFFFF;
  opacity: 0.5;
  margin: auto;
  margin-inline: 10px;
}
@media (max-width: 991px) {
  .books-footer .books-footer-container .divider {
    display: none;
  }
}
.books-footer .books-footer-container .section-2 {
  display: flex;
  margin-inline-start: 26px;
  /*white-space: nowrap;*/
  width: 48%;
}
@media (max-width: 991px) {
  .books-footer .books-footer-container .section-2 {
    display: block;
    margin: auto;
    width: 100%;
  }
}
.books-footer .books-footer-container .section-2 .section-details {
  position: relative;
  top: 60px;
}
@media (max-width: 991px) {
  .books-footer .books-footer-container .section-2 .section-details {
    margin-top: 30px;
    top: 0px;
    position: inherit;
  }
}
.books-footer .books-footer-container .section-2 .section-details .title {
  border: 1px solid #FFFFFF;
  border-radius: 27px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 900;
  padding: 6px;
  white-space: nowrap;
}
.books-footer .books-footer-container .section-2 .section-details p {
  color: #FFFFFF;
  text-align: left;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .books-footer .books-footer-container .section-2 .section-details p {
    text-align: center;
  }
}
.books-footer .books-footer-container .section-2 .image-container {
  margin-top: auto;
  text-align: center;
}
.books-footer .books-footer-container .section-2 .image-container img {
  height: 184px;
  width: 406px;
}

.shopping-cart-page .cart-title {
  background: url(../images/cart-mask.png) left center no-repeat;
  background-color: #00B4E1;
}
.shopping-cart-page .header-container {
  display: flex;
  align-items: center;
  justify-content: start;
}
.shopping-cart-page .header-container .icon {
  padding: 60px 30px;
}
.shopping-cart-page .header-container h1 {
  color: #FFF;
  font-size: 25px;
}
.shopping-cart-page .order-summary-content .empty-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
}
@media (max-width: 991px) {
  .shopping-cart-page .order-summary-content .empty-cart {
    display: block;
    margin-bottom: 0px;
  }
}
.shopping-cart-page .order-summary-content .empty-cart .empty-cart-info h3 {
  color: #75787B;
  font-size: 20px;
}
.shopping-cart-page .order-summary-content .empty-cart .empty-cart-info button {
  background-color: #00C9FB;
  width: 240px;
  height: 50px;
  border: none;
  border-radius: 20px;
  color: #FFFFFF;
  font-size: 15px;
  margin-top: 30px;
}
.shopping-cart-page .order-summary-content .empty-cart img {
  height: 196px;
  width: 366px;
}

#shopping-cart-form {
  background-color: #FCFCFC;
  margin-top: 10px;
}

.seller-container {
  margin-bottom: 0;
}
.seller-container:last-child {
  margin-bottom: 0;
}
.seller-container .seller-title {
  background-color: rgba(0, 180, 225, 0.1);
  padding: 16px 26px;
  font-weight: 600;
  font-size: 15px;
  color: #002D6E;
  display: flex;
}
.seller-container .seller-title span {
  padding-inline-start: 12px;
  color: #00B4E1;
  text-decoration: underline;
}
.seller-container .seller-products .product-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: scroll;
  /*.delivery-type {
                  min-width: 300px;
                  opacity: 0.2;
                  border: 1px dashed #666;
                  border-radius: 12px;

                  * {
                      opacity: 0;
                  }
              }

  */
}
.seller-container .seller-products .product-row .select-row {
  min-width: 50px;
  margin-inline-start: 10px;
  text-align: center;
}
.seller-container .seller-products .product-row .select-row .custom-checkbox {
  width: 18px;
  margin: auto;
  padding: 0;
}
.seller-container .seller-products .product-row .select-row .text-danger {
  font-size: 11px;
  line-height: 1.5;
}
.seller-container .seller-products .product-row .product-details {
  display: flex;
  align-items: center;
  padding: 10px;
  flex-grow: 1;
  flex-wrap: wrap;
}
.seller-container .seller-products .product-row .product-details .image-container {
  min-width: 134px;
  max-width: 134px;
  height: 134px;
  margin: 0 10px;
  border-radius: 12px;
  border-radius: 20px;
  box-shadow: 0px 7px 11px rgba(117, 120, 123, 0.2);
  overflow: hidden;
}
.seller-container .seller-products .product-row .product-details .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.seller-container .seller-products .product-row .product-details .name-description {
  padding-left: 20px;
  flex-grow: 1;
}
.seller-container .seller-products .product-row .product-details .name-description .product-name {
  color: #00B4E1;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  padding-bottom: 10px;
  transition: 0.3s ease;
}
.seller-container .seller-products .product-row .product-details .name-description .product-name:hover {
  color: #15d0ff !important;
}
.seller-container .seller-products .product-row .product-details .name-description .return-date-label {
  font-size: 14px;
  color: #002D6E;
}
.seller-container .seller-products .product-row .product-details .name-description .return-date-amount {
  font-size: 14px;
  color: #FF8F1C;
  margin-right: 5px;
}
.seller-container .seller-products .product-row .product-details .name-description .product-description {
  color: #75787B;
  font-size: 13px;
}
.seller-container .seller-products .product-row .delivery-type {
  width: 200px;
}
.seller-container .seller-products .product-row .delivery-type .pickup-address {
  margin-top: 8px;
  height: 100px;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0px 7px 11px rgba(0, 175, 162, 0.08);
  overflow: hidden;
  display: flex;
  align-items: center;
}
.seller-container .seller-products .product-row .delivery-type .pickup-address .map-button {
  background: #00B4E1;
  width: 50%;
  border-radius: 20px;
  color: white;
  margin-left: 50px;
  text-align: center;
  padding: 10px 40px;
  font-weight: 500;
  font-family: "cairo";
}
.seller-container .seller-products .product-row .delivery-type .pickup-address img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.seller-container .seller-products .product-row .delivery-type .shipping-address {
  min-height: 80px;
  margin-top: 8px;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0px 7px 11px rgba(0, 175, 162, 0.08);
  position: relative;
  background: url(../images/address_but_bg.png) bottom right no-repeat #FFF;
  /*select {
      width: 90px;
      height: 30px;
      color: $main;
      border: 1px solid #EEE;
      border-radius: 5px;
  }*/
}
.seller-container .seller-products .product-row .delivery-type .shipping-address .price {
  position: relative;
  top: -2px;
  float: right;
  color: #00B4E1;
  font-weight: 500;
}
.seller-container .seller-products .product-row .delivery-type .shipping-address .vendor-name {
  display: block;
  font-size: 12px;
  padding-top: 4px;
  padding-right: 40px;
}
.seller-container .seller-products .product-row .delivery-type .shipping-address .delivery-select {
  margin-top: -10px;
  position: relative;
  width: 160px;
  display: inline-block;
  border: 1px dashed #e1f9ff;
}
.seller-container .seller-products .product-row .delivery-type .shipping-address .delivery-select .select_arrow {
  position: absolute;
  top: 12px;
  right: 14px;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #002D6E transparent transparent transparent;
}
.seller-container .seller-products .product-row .delivery-type .shipping-address .delivery-select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 4px 15px;
  outline: 0;
  border: 0px solid #000000;
  border-radius: 0px;
  background: #FFF;
  color: #002F6C;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 28px !important;
  line-height: 1;
  font-family: "cairo";
}
.seller-container .seller-products .product-row .delivery-type .shipping-address .delivery-select select option {
  font-family: "cairo";
}
.seller-container .seller-products .product-row .delivery-type .shipping-address .address-add {
  display: block;
  color: #002F6C;
  position: absolute;
  right: 8em;
  top: 1.5em;
  font-size: 11px;
}
.seller-container .seller-products .product-row .product-quantity {
  min-width: 120px;
  text-align: center;
  display: grid;
  justify-content: center;
  height: 129px;
}
.seller-container .seller-products .product-row .product-quantity .rent-quantity-label {
  color: #00B4E1;
}
.seller-container .seller-products .product-row .product-quantity input[type=text] {
  height: 40px;
  border: 1px solid #00B4E1;
  text-align: center;
  width: 66px;
  border-radius: 8px;
  color: #002D6E;
}
.seller-container .seller-products .product-row .product-quantity .product-quantity-input {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.seller-container .seller-products .product-row .product-quantity .product-quantity-input .minus {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 2px solid #75787B;
  width: 30px;
  height: 30px;
  background-color: #FFFFFF;
}
.seller-container .seller-products .product-row .product-quantity .product-quantity-input .minus .fas {
  color: #75787B;
}
.seller-container .seller-products .product-row .product-quantity .product-quantity-input .plus {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 2px solid #00B4E1;
  width: 30px;
  height: 30px;
  background-color: #FFFFFF;
}
.seller-container .seller-products .product-row .product-quantity .product-quantity-input .plus .fas {
  color: #00B4E1;
}
.seller-container .seller-products .product-row .product-quantity .product-quantity-input .minus:hover, .seller-container .seller-products .product-row .product-quantity .product-quantity-input .plus:hover {
  cursor: pointer;
}
.seller-container .seller-products .product-row .product-quantity .product-quantity-input .item-quantity {
  height: 40px;
  border: 1px solid #00B4E1;
  text-align: center;
  width: 66px;
  border-radius: 8px;
  color: #002D6E;
}
.seller-container .seller-products .product-row .product-quantity .product-quantity-input input::-webkit-outer-spin-button, .seller-container .seller-products .product-row .product-quantity .product-quantity-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.seller-container .seller-products .product-row .product-quantity .product-quantity-input input[type=number] {
  -moz-appearance: textfield;
}
.seller-container .seller-products .product-row .product-price {
  min-width: 120px;
  color: #00B4E1;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}
.seller-container .seller-products .product-row .product-price .product-free {
  color: #FF585D;
  font-size: 15px;
  font-weight: 700;
}
.seller-container .seller-products .product-row .product-price .product-deposit {
  font-size: 13px;
  font-weight: normal;
  display: flex;
}
.seller-container .seller-products .product-row .product-price .product-deposit .product-deposit-label {
  color: #FF585D;
  margin-inline-end: 5px;
}
.seller-container .seller-products .product-row .product-price .product-deposit .product-deposit-amount {
  color: #75787b;
}
.seller-container .note-for-seller {
  background-color: #FFF;
  padding: 25px;
}
.seller-container .note-for-seller textarea {
  width: 100%;
  min-height: 80px;
  border: 1px solid #E2E2E2;
  border-radius: 16px;
  padding: 16px 26px;
  font-size: 12px;
  line-height: 1.2px;
  color: #75787B;
  max-height: 300px;
}

.cart-options {
  background-color: #FFF;
}
.cart-options .common-buttons {
  background: rgba(252, 252, 252, 0.5) !important;
  border-top: 1px solid #00B4E1;
  border-bottom: 1px solid #00B4E1;
  margin-bottom: 30px;
}
.cart-options .common-buttons .update-cart-button {
  background-color: #00B4E1 !important;
  border-radius: 20px !important;
  font-weight: 500;
  height: 50px;
  font-family: "cairo";
  padding: 10px 40px;
}
.cart-options .common-buttons .empty-cart-button {
  background-color: #e9394c !important;
  border-radius: 20px !important;
  font-weight: 500;
  height: 50px;
  font-family: "cairo";
  padding: 10px 40px;
}
.cart-options .common-buttons .continue-shopping-button {
  color: #002D6E !important;
  font-weight: 100;
  background-color: transparent !important;
  height: 50px;
  font-family: "cairo";
}

.cart-footer {
  background-color: #FFF !important;
  border: 0 none !important;
  /*div.total {
      background-color: $primary;
      border-radius: 20px;
      padding: 28px;
      color: #FFF;
  }*/
}
.cart-footer .checkout-buttons {
  padding: 0 !important;
}
.cart-footer div.total-info {
  padding: 0;
  margin: auto;
  border: 0 none !important;
}
.cart-footer .order-total {
  border-top: 1px solid #CCC;
  /* label {
       color: #FFF !important;
   }

   .value-summary {
       color: #FFF !important;
       font-weight: 700 !important;
   }*/
}

.award-points {
  background: url(../images/award-cart.svg) center center no-repeat;
  margin: auto;
  margin-top: 150px;
  width: 178px;
  height: 120px;
  position: relative;
  text-align: center;
  display: block;
}
.award-points span {
  color: #fff;
  font-weight: 700;
  display: block;
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
}

.award-text {
  text-align: center !important;
  margin-top: 10px;
  font-size: 12px;
  color: #002D6E;
}

.giftcard-box, .coupon-box {
  max-width: 450px;
  margin: 15px auto !important;
  display: none;
}
.giftcard-box input[type=text], .coupon-box input[type=text] {
  border: #E6E6E6 1px solid !important;
  border-radius: 15px;
  color: #999;
  min-height: 50px;
  min-width: 70%;
}
.giftcard-box input[type=text]:focus, .coupon-box input[type=text]:focus {
  color: #002D6E;
  border: #00B4E1 1px solid !important;
}
.giftcard-box .hint, .coupon-box .hint {
  font-weight: 500;
  color: #000;
  font-size: 14px;
  font-size: 14px;
  margin-bottom: 4px !important;
}
.giftcard-box input[type=submit], .coupon-box input[type=submit] {
  background-color: #D2D2D2;
  max-width: 120px;
  border-radius: 15px !important;
  margin-left: 12px;
  font-size: 13px;
  min-height: 50px;
  font-weight: 500;
  font-family: "cairo";
}
.giftcard-box input[type=submit]:hover, .coupon-box input[type=submit]:hover {
  background-color: #00B4E1;
}

.checkout-buttons {
  text-align: left;
  overflow: hidden !important;
  padding: 12px;
}
.checkout-buttons button.checkout-button {
  float: left;
  font-weight: 500;
  border-radius: 12px !important;
  background-color: #00B4E1;
  color: #FFF;
  transition: 0.2s ease;
}
.checkout-buttons button.checkout-button:hover {
  background-color: #002D6E;
  box-shadow: 2px 2px 8px rgba(0, 45, 110, 0.3);
}

.payment-type .reward-points-info {
  padding: 0 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  background-color: #FF8F1C;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-content: center;
  border-radius: 0px;
}
.payment-type .reward-points-info.danger {
  background-color: #FF0000;
}
.payment-type .reward-points-info.danger span.not-enough {
  display: block;
}
.payment-type .reward-points-info span {
  color: #FFF;
  display: block;
  padding: 12px;
  font-size: 13px;
  padding-top: 15px;
  display: block;
  flex-grow: 1;
}
.payment-type .reward-points-info span.not-enough {
  display: none;
}
.payment-type .reward-points-info span.points-count {
  padding-top: 11px;
  font-size: 18px;
  font-weight: 500;
  text-align: right;
}

.delivery-type {
  margin-top: 10px;
  min-width: 308px;
  height: 160px;
  padding: 10px;
  position: relative;
  overflow: hidden;
}
.delivery-type .main-title {
  color: #00B4E1;
  display: flex;
  justify-content: space-between;
}
.delivery-type .main-title .radio-content {
  font-size: 12px;
  flex-grow: 1;
  min-width: 100px;
  justify-content: center;
  display: flex;
}
.delivery-type .main-title .radio-content label {
  color: #002D6E;
  position: relative;
  top: 2px;
  max-width: 100px;
  word-break: break-word;
  max-height: 50px;
  overflow: hidden;
}
.delivery-type .main-title .radio-content input {
  position: relative;
  top: 8px;
  max-width: 20px;
}

.total-section {
  border: 1px solid #D2D2D2;
  background: #FBFBFB 0% 0% no-repeat padding-box;
  padding: 12px;
}

.mini-shopping-cart.row .buttons input {
  display: flex;
  justify-content: center;
}

.modal-content {
  border-radius: 20px !important;
  border: none !important;
}
.modal-content .modal-body {
  text-align: center;
  font-family: "cairo";
  font-size: 20px;
}
.modal-content .modal-body i {
  color: #FF8F1C;
  font-size: 36px;
}
.modal-content .modal-footer {
  display: flex;
  justify-content: space-between;
}
.modal-content .modal-footer .btn-primary {
  margin: 10px !important;
  border: 0 none !important;
  min-height: 40px;
  background-color: #00B4E1;
  border-radius: 15px !important;
  font-family: "cairo";
}
.modal-content .modal-footer .btn-default {
  margin: 10px !important;
  border: 0 none !important;
  min-height: 40px;
  border-radius: 15px !important;
  font-family: "cairo";
}

.product-deposit {
  font-size: 13px;
  font-weight: normal;
  display: flex;
}
.product-deposit .product-deposit-label {
  color: #FF585D;
  margin-inline-end: 5px;
}
.product-deposit .product-deposit-amount {
  color: #75787b;
}

.remaining-duration {
  color: #00AF00;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.return-date-label {
  font-size: 14px;
  color: #002D6E;
}

.return-date-amount {
  font-size: 14px;
  color: #FF8F1C;
  margin-right: 5px;
}

.return-request-list-page .page-title {
  background: url(../images/cart-mask.png) left bottom no-repeat #FF585D;
  padding: 0;
  background-size: 50%;
}
.return-request-list-page .page-title h1 {
  color: #FFF;
  padding: 0 40px;
  font-weight: bold;
  font-size: 20px;
  min-height: 100px;
  line-height: 100px;
}
.return-request-list-page .page-title h1 span {
  position: relative;
  top: 4px;
  padding-inline-end: 10px;
}
.return-request-list-page .order-list .single-order .order-header {
  background-color: rgba(0, 180, 225, 0.1);
  padding: 12px 20px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  justify-content: space-between;
}
.return-request-list-page .order-list .single-order .order-header .order-no {
  font-weight: 900;
  color: #FF8F1C;
  padding-inline-end: 8px;
}
.return-request-list-page .order-list .single-order .order-header .order-no span {
  color: #002D6E;
  padding-inline-end: 8px;
}
.return-request-list-page .order-list .single-order .order-header .order-date {
  font-size: 12px;
}
.return-request-list-page .order-list .single-order .order-header .order-link {
  margin: 0px !important;
}
.return-request-list-page .order-list .single-order .order-header .order-link .order-details-button {
  color: #002D6E !important;
  text-transform: capitalize !important;
  background: none !important;
  transition: 0.3s ease;
  font-size: 14px;
}
.return-request-list-page .order-list .single-order .order-header .order-link .order-details-button i {
  transition: 0.3s ease;
  top: 1px;
  font-size: 17px;
  position: relative;
  right: -4px;
}
.return-request-list-page .order-list .single-order .order-header .order-link .order-details-button:hover {
  color: #00B4E1 !important;
}
.return-request-list-page .order-list .single-order .order-header .order-link .order-details-button:hover i {
  color: #002D6E !important;
  transform: scale(1.2);
  right: -8px;
  opacity: 0.4;
}
.return-request-list-page .order-list .single-order .order-footer {
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #D2D2D2;
  background-color: #FBFBFB;
  margin-top: 10px;
}
.return-request-list-page .order-list .single-order .order-footer .order-seller {
  font-weight: 500;
  color: #00B4E1;
}
.return-request-list-page .order-list .single-order .order-footer .order-seller span {
  color: #002D6E;
}
.return-request-list-page .order-list .single-order .order-footer .order-total {
  font-weight: 500;
  color: #002D6E;
}
.return-request-list-page .order-list .single-order .order-footer .order-total span {
  color: #00B4E1;
  display: inline-flex;
}
.return-request-list-page .order-list .single-order .order-seller {
  padding: 0px 20px 10px 20px;
}
.return-request-list-page .order-list .single-order .order-seller .title {
  color: #002D6E;
  padding-bottom: 10px;
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
}
.return-request-list-page .order-list .single-order .order-seller .title span {
  color: #00B4E1;
}
.return-request-list-page .order-list .single-order .order-seller:nth-child(odd) {
  background-color: #FCFCFC;
}
.return-request-list-page .order-list .single-order .order-details-row {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  word-break: break-word;
  flex-wrap: wrap;
}
.return-request-list-page .order-list .single-order .order-details-row .image-container {
  width: 96px;
  height: 96px;
  overflow: hidden;
  box-shadow: 0px 7px 11px rgba(117, 120, 123, 0.2);
  border-radius: 20px;
  min-width: 96px;
  margin-inline-end: 15px;
}
.return-request-list-page .order-list .single-order .order-details-row .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.return-request-list-page .order-list .single-order .order-details-row .name-description {
  width: 25%;
}
.return-request-list-page .order-list .single-order .order-details-row .name-description h4 {
  color: #00B4E1;
  font-size: 15px;
  margin-bottom: 6px;
  padding-bottom: 0;
}
.return-request-list-page .order-list .single-order .order-details-row .name-description p {
  font-size: 13px;
  color: #75787B;
  margin: 0;
  line-height: 18px;
}
.return-request-list-page .order-list .single-order .order-details-row .address {
  width: 25%;
}
.return-request-list-page .order-list .single-order .order-details-row .address p {
  font-weight: 100;
  color: #002D6E;
  margin: 0;
  line-height: 18px;
  font-size: 13px;
}
.return-request-list-page .order-list .single-order .order-details-row .price-status .cancel-reason {
  color: #FF585D;
  font-size: 14px;
  text-align: center;
}
.return-request-list-page .order-list .single-order .order-details-row .price-status span {
  display: block;
  text-align: center;
}
.return-request-list-page .order-list .single-order .order-details-row .price-status .shipping {
  text-align: center;
}
.return-request-list-page .order-list .single-order .order-details-row .price-status .shipping span {
  display: inline-block;
  text-align: center;
}
.return-request-list-page .order-list .single-order .order-details-row .price-status .shipping .shipped-via {
  color: #00B4E1;
  font-family: "cairo";
  font-weight: bold;
}
.return-request-list-page .order-list .single-order .order-details-row .price-status .shipping .company-name {
  font-family: "cairo";
}
.return-request-list-page .order-list .single-order .order-details-row .price-status .shipping .marker {
  border: 1px solid #00B4E1;
  border-radius: 12px;
  background-color: #00B4E1;
}
.return-request-list-page .order-list .single-order .order-details-row .price-status .shipping .marker i {
  padding: 9px;
  color: #FFF;
}
.return-request-list-page .order-list .single-order .order-details-row .price-status .code {
  display: flex;
  color: #002D6E;
  justify-content: space-around;
}
.return-request-list-page .order-list .single-order .order-details-row .price-status .code .code-value {
  font-weight: bold;
}
.return-request-list-page .order-list .single-order .order-details-row .price-status .tracking-number {
  border: 1px solid #00B4E1;
  border-radius: 10px;
  display: flex;
  justify-content: space-around;
}
.return-request-list-page .order-list .single-order .order-details-row .price-status .tracking-number i {
  position: relative;
  top: 7px;
  color: #00B4E1;
}
.return-request-list-page .order-list .single-order .order-details-row .price-status .status {
  font-weight: 600;
  font-size: 15px;
  color: #FF585D;
}
@media (max-width: 991px) {
  .return-request-list-page .order-list .single-order .order-details-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: start !important;
  }
  .return-request-list-page .order-list .single-order .order-details-row .address,
.return-request-list-page .order-list .single-order .order-details-row .name-description {
    width: 100%;
    margin: 10px 0px !important;
  }
  .return-request-list-page .order-list .single-order .order-details-row .price-status {
    margin: 10px 0px !important;
    text-align: start !important;
  }
  .return-request-list-page .order-list .single-order .order-details-row .price-status .status {
    text-align: start !important;
  }
  .return-request-list-page .order-list .single-order .order-details-row .price-status .code {
    justify-content: flex-start !important;
  }
}
@media (min-width: 767px) {
  .return-request-list-page .order-list .single-order .order-details-row .image-container {
    margin: 15px 0;
  }
}
.return-request-list-page .order-list .pager.navigation {
  margin-bottom: 20px;
}
.return-request-list-page .order-list .pager.navigation ul {
  text-align: center;
}
.return-request-list-page .order-list .pager.navigation ul li a {
  border-radius: 10px;
  border: #D2D2D2 1px solid;
  background-color: transparent !important;
}
.return-request-list-page .order-list .pager.navigation ul li a:hover {
  color: #00B4E1;
  border: 1px solid #00B4E1;
}
.return-request-list-page .order-list .pager.navigation ul .current-page span {
  font-weight: bold;
  color: #00B4E1;
  border-radius: 10px;
  border: 1px solid #00B4E1;
  background-color: #FFF !important;
}

.order-details-page .page-title {
  background: url(../images/cart-mask.png) left bottom no-repeat #002D6E;
  padding: 0;
  background-size: 50%;
}
.order-details-page .page-title h1 {
  color: #FFF;
  padding: 0 40px !important;
  font-weight: bold;
  font-size: 20px;
  min-height: 100px;
  line-height: 100px;
}
.order-details-page .page-title h1 span {
  position: relative;
  top: 4px;
  padding-inline-end: 10px;
}
.order-details-page .backto-orders {
  color: #002D6E;
}
.order-details-page .credit-card-section {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #d2d2d2;
  padding: 30px;
}
.order-details-page .credit-card-section h4 {
  color: #d2d2d2;
  font-weight: 600;
  font-size: 15px;
}
.order-details-page .order-details-container .order-header {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(0, 180, 225, 0.1);
  padding: 15px 24px;
}
.order-details-page .order-details-container .order-header .image-container {
  width: 70px;
  height: 70px;
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  overflow: hidden;
  margin-inline-end: 30px;
}
.order-details-page .order-details-container .order-header .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.order-details-page .order-details-container .order-header .name-address .name-rating {
  display: flex;
}
.order-details-page .order-details-container .order-header .name-address h4 {
  color: #002D6E;
  font-size: 15px;
  font-weight: bold;
}
.order-details-page .order-details-container .order-header .name-address .rating {
  color: #000000;
  font-weight: 500;
  font-size: 12px;
}
.order-details-page .order-details-container .order-header .name-address .rating i {
  color: #FFDD00;
  padding-inline-start: 10px;
  padding-inline-end: 8px;
}
.order-details-page .order-details-container .order-header .name-address .address {
  margin-top: 2px;
  color: #000;
  font-size: 12px;
}
.order-details-page .order-details-container .order-header .name-address .address i {
  color: #FF585D;
  padding-inline-end: 10px;
}
.order-details-page .order-details-container .order-header .number-date {
  max-width: 180px;
  padding-inline-end: 20px;
  margin-left: auto;
}
.order-details-page .order-details-container .order-header .number-date .number {
  font-size: 14px;
  color: #002D6E;
  font-weight: bold;
  margin-bottom: 0px;
}
.order-details-page .order-details-container .order-header .number-date .number span {
  color: #FF8F1C;
  padding-left: 8px;
}
.order-details-page .order-details-container .order-header .number-date .date {
  color: #75787B;
  font-weight: 100;
  font-size: 13px;
}

#extendRentModal .modal-dialog {
  max-width: 700px !important;
}
#extendRentModal .modal-dialog .modal-header {
  justify-content: center;
}
#extendRentModal .modal-dialog .modal-header .modal-title {
  font-size: 22px;
  font-weight: bold;
  line-height: 4;
}
#extendRentModal .modal-dialog .extend-info .extend-reason {
  margin-bottom: 30px;
}
#extendRentModal .modal-dialog .extend-info .extend-reason textarea {
  border: 1px solid #002D6E;
  border-radius: 15px;
  min-height: 40px;
  width: 584px;
  min-height: 104px;
}
#extendRentModal .modal-dialog .extend-info .extend-time {
  margin-bottom: 30px;
}
#extendRentModal .modal-dialog .extend-info .extend-time .extend-rent-label {
  margin: 61px 0px 13px 0px;
  display: flex;
  justify-content: space-between;
  color: #00B4E1;
  font-size: 18px;
  font-weight: bold;
}
#extendRentModal .modal-dialog .extend-info .extend-time .extend-rent-label .line {
  position: relative;
  top: 17px;
  height: 1px;
  width: 70%;
  border-bottom: 1px solid #E6E6E6;
}
#extendRentModal .modal-dialog .extend-info .extend-time .date-picker-wrapper select {
  border: 1px solid #002D6E;
  border-radius: 15px;
  min-height: 40px;
}
#extendRentModal .modal-dialog .modal-content {
  max-width: 100% !important;
}
#extendRentModal .modal-dialog .modal-content .modal-body {
  text-align: left !important;
  padding: 58px;
}
#extendRentModal .modal-dialog .order-single-item {
  border: 1px solid #E6E6E6;
  border-radius: 16px;
}
#extendRentModal .modal-dialog .order-single-item .upper-row {
  border: none;
}

.return-link {
  border: 1px solid #ff585d;
  border-radius: 10px;
  text-align: center;
  color: #ff585d;
  margin-top: 0.5rem;
}

.order-single-item .item-row {
  display: flex;
  padding: 28px;
  padding-bottom: 0px;
  align-items: center;
}
.order-single-item .item-row .image-container {
  width: 118px;
  min-width: 118px;
  max-width: 118px;
  height: 118px;
  box-shadow: 0px 7px 11px rgba(117, 120, 123, 0.1);
  border-radius: 20px;
  overflow: hidden;
  margin-inline-end: 28px;
}
.order-single-item .item-row .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.order-single-item .item-row .delivery-type {
  width: 118px;
  min-width: 118px;
  max-width: 118px;
  height: 60px;
  padding: 0;
  margin: 0;
  margin-inline-end: 28px;
}
.order-single-item .item-row .delivery-type h4 {
  color: #D2D2D2;
  font-weight: 600;
  font-size: 15px;
}
.order-single-item .item-row .upper-row {
  flex-grow: 1;
  display: flex;
  border-bottom: 1px solid #D2D2D2;
  padding-bottom: 15px;
  align-items: center;
  justify-content: space-between;
}
.order-single-item .item-row .upper-row .price-status .status {
  color: #FF8F1C;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}
  .order-single-item .item-row .upper-row .price-status .code {
    display: flex;
    color: #00af00;
    font-size: 25px;
    font-weight: 600;
    justify-content: space-around;
  }
.order-single-item .item-row .upper-row .price-status .code .code-value {
  font-weight: bold;
}
.order-single-item .item-row .upper-row .price-status .cancel-reason {
  color: #FF585D;
  color: #FF585D;
  font-size: 14px;
  text-align: center;
}
.order-single-item .item-row .upper-row .price-status .price {
  width: 200px;
  max-width: 200px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #002D6E;
}
.order-single-item .item-row .upper-row .price-status .product-free {
  color: #FF585D;
  font-size: 15px;
  font-weight: 700;
}
.order-single-item .item-row .upper-row .price-status .rating {
  width: 200px;
  display: flex;
  justify-content: center;
}
.order-single-item .item-row .upper-row .price-status .rating .rate-link {
  width: 60%;
  background-color: #FFDD00;
  border: solid;
  border-color: #FFDD00;
  border-radius: 10px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #002D6E;
}
.order-single-item .item-row .upper-row .price-status .rating .rate-link i {
  position: relative;
  right: 25px;
  color: #FFFFFF;
}
.order-single-item .item-row .upper-row .price-status .activate-service {
  width: 200px;
  display: flex;
  justify-content: center;
}
.order-single-item .item-row .upper-row .price-status .activate-service i {
  position: relative;
  color: #FFFFFF;
  text-align: center;
  left: 20px;
  margin-block: auto;
}
.order-single-item .item-row .upper-row .price-status .activate-service .activate-service-btn {
  width: 140px;
  height: 30px;
  background-color: #FF585D;
  border: solid;
  border-color: #FF585D;
  border-radius: 10px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #FFFFFF;
}
.order-single-item .item-row .upper-row .details .name {
  color: #00B4E1;
  font-size: 15px;
  font-weight: 600;
}
.order-single-item .item-row .upper-row .details .description {
  color: #75787B;
  font-size: 14px;
}
.order-single-item .item-row .upper-row .details .cancel-reason {
  color: #FF585D;
  font-size: 14px;
}
.order-single-item .item-row .bottom-row {
  flex-grow: 1;
  display: flex;
  border-bottom: 1px solid #D2D2D2;
  padding-bottom: 15px;
  align-items: center;
  justify-content: space-between;
}
.order-single-item .item-row .bottom-row .delivery-via {
  flex-grow: 1;
  margin-inline-end: 30px;
}
.order-single-item .item-row .bottom-row .delivery-via h5 {
  font-weight: 500;
  color: #000;
  font-size: 14px;
}
.order-single-item .item-row .bottom-row .delivery-via p {
  font-size: 13px;
  color: #666;
}
.order-single-item .item-row .bottom-row .shipping-online {
  min-height: 92px;
  margin-top: 8px;
  padding: 10px;
  max-width: 300px;
  width: 300px;
  border-radius: 10px;
  position: relative;
  background: url(../images/location_online.png) bottom right no-repeat #fff;
}
.order-single-item .item-row .bottom-row .shipping-address {
  min-height: 80px;
  margin-top: 8px;
  padding: 10px;
  max-width: 300px;
  width: 300px;
  border-radius: 10px;
  box-shadow: 0 7px 11px rgba(0, 175, 162, 0.08);
  position: relative;
  background: url(../images/address_but_bg.png) bottom right no-repeat #fff;
}
.order-single-item .item-row .bottom-row .shipping-address .price {
  position: relative;
  top: -2px;
  float: right;
  color: #00b4e1;
  font-weight: 500;
}
.order-single-item .item-row .bottom-row .shipping-address .delivery-select {
  margin-top: -10px;
  position: relative;
  width: 100px;
  display: inline-block;
  border: 1px dashed #e1f9ff;
}
.order-single-item .item-row .bottom-row .shipping-address .delivery-select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 4px 15px;
  outline: 0;
  border: 0 solid #000;
  border-radius: 0;
  background: #fff;
  color: #002f6c;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 28px !important;
  line-height: 1;
  font-family: "cairo";
}
.order-single-item .item-row .bottom-row .shipping-address .delivery-select .select_arrow {
  position: absolute;
  top: 12px;
  right: 14px;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #002d6e transparent transparent transparent;
}
.order-single-item .item-row .bottom-row .shipping-address .vendor-name {
  display: block;
  font-size: 12px;
  padding-top: 4px;
  padding-right: 40px;
}
.order-single-item .item-row .btns-container {
  flex-grow: 1;
  padding: 20px 0;
  display: flex;
  justify-content: flex-end;
  text-transform: uppercase;
}
.order-single-item .item-row .btns-container .extend-rent-button {
  border: 0 none !important;
  background: transparent;
  margin: 10px !important;
  background-color: transparent;
  font-family: "cairo";
  min-height: 40px;
  color: #75787B;
}
.order-single-item .item-row .btns-container .delete-address-button {
  color: red;
  border-radius: 12px;
  border: 0 none !important;
  background: transparent;
  margin: 10px !important;
  background-color: transparent;
  font-family: "cairo";
  min-height: 40px;
}
.order-single-item .item-row .btns-container .change-shipping, .order-single-item .item-row .btns-container .confirm {
  margin: 10px !important;
  text-transform: uppercase;
  border-radius: 12px;
  border: 0 none !important;
  min-height: 40px;
  background-color: #00B4E1;
  border-radius: 15px !important;
  font-family: "cairo";
}

.order-details-page .total-info {
  border: #D2D2D2 1px solid;
  color: #002D6E !important;
}
.order-details-page .total-info .award-points {
  margin-top: 0px;
}

.payment-card {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 10px;
}
.payment-card .payment-add {
  margin-left: 12px;
  width: 92px;
  height: 96px;
  border: 2px dashed #E6E6E6;
  border-radius: 13px;
  color: #6ee6e6;
  text-align: center;
}
.payment-card .payment-add a {
  display: block;
  color: #D2D2D2 !important;
  padding-top: 20px;
  transition: 0.2s ease;
}
.payment-card .payment-add a:hover {
  color: #c2c2c2 !important;
}
.payment-card .payment-add a i {
  font-size: 30px;
  padding-bottom: 10px;
  display: block;
}
.payment-card .payment-add a span {
  display: block;
  font-size: 12px;
  text-align: center;
}
.payment-card .payment-view {
  flex-grow: 1;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 7px 11px rgba(0, 175, 162, 0.1);
  border: 1px solid #D2D2D2;
  border-radius: 16px;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.payment-card .payment-view .delivery-select {
  margin-top: -10px;
  position: relative;
  width: 90px;
  max-width: 90px;
  display: inline-block;
  border: 1px dashed #e1f9ff;
  margin-left: 10px;
}
.payment-card .payment-view .delivery-select .select_arrow {
  position: absolute;
  top: 12px;
  right: 14px;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #002d6e transparent transparent transparent;
}
.payment-card .payment-view .delivery-select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 4px 15px;
  outline: 0;
  border: 0 solid #000;
  border-radius: 0;
  background: #fff;
  color: #002D6E;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 28px !important;
  line-height: 1;
  font-family: "cairo";
}
.payment-card .payment-view .payment-card-info {
  flex-grow: 1;
}
.payment-card .payment-view .payment-card-info span {
  display: block;
}
.payment-card .payment-view .payment-card-info .vendor-name {
  font-weight: bold;
  color: #002D6E;
  font-size: 15px;
}
.payment-card .payment-view .payment-card-info .card-number {
  color: #000;
  font-size: 13px;
  font-weight: 100;
}

.checkout-page .section.order-summary {
  margin: 0 auto !important;
}

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

.order-confirm-page .buttons {
  text-align: right !important;
}
.order-confirm-page .buttons .confirm-order-next-step-button {
  min-height: 40px;
  background-color: #00B4E1;
  color: #FFF;
  border: 0 none;
  border-radius: 16px !important;
  min-width: 200px !important;
  text-transform: capitalize !important;
  font-family: "cairo" !important;
  transition: 0.2s ease;
}
.order-confirm-page .buttons .confirm-order-next-step-button:hover {
  background-color: #00a0c8;
}

.order-list-page .page-title {
  background: url(../images/cart-mask.png) left bottom no-repeat #002D6E;
  padding: 0;
  background-size: 50%;
}
.order-list-page .page-title h1 {
  color: #FFF;
  padding: 0 40px;
  font-weight: bold;
  font-size: 20px;
  min-height: 100px;
  line-height: 100px;
}
.order-list-page .page-title h1 span {
  position: relative;
  top: 4px;
  padding-inline-end: 10px;
}
.order-list-page .order-list .single-order .order-header {
  background-color: rgba(0, 180, 225, 0.1);
  padding: 12px 20px;
  display: flex;
  align-items: center;
  margin-top: 10px;
  justify-content: space-between;
}
.order-list-page .order-list .single-order .order-header .order-no {
  font-weight: 900;
  color: #FF8F1C;
  padding-right: 8px;
}
.order-list-page .order-list .single-order .order-header .order-no span {
  color: #002D6E;
  padding-inline-end: 8px;
}
.order-list-page .order-list .single-order .order-header .order-date {
  font-size: 12px;
}
.order-list-page .order-list .single-order .order-header .order-link {
  margin: 0px !important;
}
.order-list-page .order-list .single-order .order-header .order-link .order-details-button {
  color: #002D6E !important;
  text-transform: capitalize !important;
  background: none !important;
  transition: 0.3s ease;
  font-size: 14px;
}
.order-list-page .order-list .single-order .order-header .order-link .order-details-button i {
  transition: 0.3s ease;
  top: 1px;
  font-size: 17px;
  position: relative;
  right: -4px;
}
.order-list-page .order-list .single-order .order-header .order-link .order-details-button:hover {
  color: #00B4E1 !important;
}
.order-list-page .order-list .single-order .order-header .order-link .order-details-button:hover i {
  color: #002D6E !important;
  transform: scale(1.2);
  right: -8px;
  opacity: 0.4;
}
.order-list-page .order-list .single-order .order-footer {
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #D2D2D2;
  background-color: #FBFBFB;
}
.order-list-page .order-list .single-order .order-footer .order-seller {
  font-weight: 500;
  color: #00B4E1;
}
.order-list-page .order-list .single-order .order-footer .order-seller span {
  color: #002D6E;
}
.order-list-page .order-list .single-order .order-footer .order-points {
  display: flex;
  align-items: center;
}
.order-list-page .order-list .single-order .order-footer .order-points h6 {
  color: #FF8F1C;
  font-weight: 900;
}
.order-list-page .order-list .single-order .order-footer .order-points span {
  font-size: 15px;
  color: #000000;
  opacity: 0.5;
  margin-left: 6px;
}
.order-list-page .order-list .single-order .order-footer .order-points img {
  width: 25px;
  height: 25px;
  margin-left: 4px;
}
.order-list-page .order-list .single-order .order-footer .order-total {
  font-weight: 500;
  color: #002D6E;
}
.order-list-page .order-list .single-order .order-footer .order-total a {
  display: flex;
}
.order-list-page .order-list .single-order .order-footer .order-total span {
  color: #00B4E1;
}
.order-list-page .order-list .single-order .order-seller {
  padding: 0px;
}
.order-list-page .order-list .single-order .order-seller .order-seller-body {
  padding: 10px 20px 0px 20px;
}
.order-list-page .order-list .single-order .order-seller .order-seller-body .title {
  color: #002D6E;
  padding-bottom: 10px;
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
}
.order-list-page .order-list .single-order .order-seller .order-seller-body .title span {
  color: #00B4E1;
}
.order-list-page .order-list .single-order .order-seller .order-seller-body:nth-child(odd) {
  background-color: #FCFCFC;
}
.order-list-page .order-list .single-order .order-details-row {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  word-break: break-word;
  flex-wrap: wrap;
}
.order-list-page .order-list .single-order .order-details-row .image-container {
  width: 96px;
  height: 96px;
  overflow: hidden;
  box-shadow: 0px 7px 11px rgba(117, 120, 123, 0.2);
  border-radius: 20px;
  min-width: 96px;
  margin-inline-end: 15px;
}
.order-list-page .order-list .single-order .order-details-row .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 991px) {
  .order-list-page .order-list .single-order .order-details-row .image-container {
    margin: 15px 0;
  }
}
.order-list-page .order-list .single-order .order-details-row .name-description h4 {
  color: #00B4E1;
  font-size: 15px;
  margin-bottom: 6px;
  padding-bottom: 0;
}
.order-list-page .order-list .single-order .order-details-row .name-description p {
  font-size: 13px;
  color: #75787B;
  margin: 0;
  line-height: 18px;
}
.order-list-page .order-list .single-order .order-details-row .name-description .return-date-label {
  font-size: 14px;
  color: #002D6E;
}
.order-list-page .order-list .single-order .order-details-row .name-description .return-date-amount {
  font-size: 14px;
  color: #FF8F1C;
  margin-right: 5px;
}
.order-list-page .order-list .single-order .order-details-row .address p {
  font-weight: 100;
  color: #002D6E;
  margin: 0;
  line-height: 18px;
  font-size: 13px;
}
.order-list-page .order-list .single-order .order-details-row .price-status {
  min-width: 200px;
}
.order-list-page .order-list .single-order .order-details-row .price-status span {
  display: block;
  text-align: center;
}
.order-list-page .order-list .single-order .order-details-row .price-status .price {
  font-weight: 600;
  font-size: 15px;
  color: #002D6E;
}
.order-list-page .order-list .single-order .order-details-row .price-status .status {
  font-weight: 600;
  font-size: 15px;
  color: #FF8F1C;
}
.order-list-page .order-list .single-order .order-details-row .price-status .status-orange {
  font-weight: 600;
  font-size: 15px;
  color: #FF8F1C;
}
.order-list-page .order-list .single-order .order-details-row .price-status .status-success {
  font-weight: 600;
  font-size: 15px;
  color: #00AF00;
}
.order-list-page .order-list .single-order .order-details-row .price-status .status-gray {
  font-weight: 600;
  font-size: 15px;
  color: #D2D2D2;
}
.order-list-page .order-list .single-order .order-details-row .price-status .status-red {
  font-weight: 600;
  font-size: 15px;
  color: #FF585D;
}
.order-list-page .order-list .single-order .order-details-row .price-status .product-free {
  color: #FF585D;
  font-size: 15px;
  font-weight: 700;
}
.order-list-page .order-list .single-order .order-details-row .price-status .rating {
  width: 200px;
  display: flex;
  justify-content: center;
}
.order-list-page .order-list .single-order .order-details-row .price-status .rating .rate-link {
  width: 60%;
  background-color: #FFDD00;
  border: solid;
  border-color: #FFDD00;
  border-radius: 10px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #002D6E;
}
.order-list-page .order-list .single-order .order-details-row .price-status .rating .rate-link i {
  position: relative;
  right: 25px;
  color: #FFFFFF;
}
.order-list-page .order-list .single-order .order-details-row .price-status .activate-service {
  width: 200px;
  display: flex;
  justify-content: center;
}
.order-list-page .order-list .single-order .order-details-row .price-status .activate-service i {
  position: relative;
  color: #FFFFFF;
  text-align: center;
  left: 20px;
  margin-block: auto;
}
.order-list-page .order-list .single-order .order-details-row .price-status .activate-service .activate-service-btn {
  width: 140px;
  height: 30px;
  background-color: #FF585D;
  border: solid;
  border-color: #FF585D;
  border-radius: 10px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #FFFFFF;
}
.order-list-page .order-list .single-order .order-details-row .price-status .product-deposit {
  font-size: 13px;
  font-weight: normal;
  display: flex;
}
.order-list-page .order-list .single-order .order-details-row .price-status .product-deposit .product-deposit-label {
  color: #FF585D;
  margin-inline-end: 5px;
}
.order-list-page .order-list .single-order .order-details-row .price-status .product-deposit .product-deposit-amount {
  color: #75787b;
}
.order-list-page .order-list .single-order .order-details-row .price-status .code-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-list-page .order-list .single-order .order-details-row .price-status .code-wrapper .pickup-btn {
  border: none;
  border-radius: 10px;
  background-color: #00B4E1;
  color: white;
  width: 140px;
  height: 30px;
  display: flex;
  align-items: center;
  word-break: break-word;
  line-height: 1;
  justify-content: center;
}
.order-list-page .order-list .single-order .order-details-row .price-status .code-wrapper .pickup-btn .fa {
  color: white;
}
.order-list-page .order-list .single-order .order-details-row .price-status .code-wrapper .mini-btn {
  border: none;
  border-radius: 10px;
  background-color: #00B4E1;
  width: 30px;
  height: 30px;
}
.order-list-page .order-list .single-order .order-details-row .price-status .code-wrapper .mini-btn .fa {
  color: white;
}
.order-list-page .order-list .pager.navigation {
  margin-bottom: 20px;
}
.order-list-page .order-list .pager.navigation ul {
  text-align: center;
}
.order-list-page .order-list .pager.navigation ul li a {
  border-radius: 10px;
  border: #D2D2D2 1px solid;
  background-color: transparent !important;
}
.order-list-page .order-list .pager.navigation ul li a:hover {
  color: #00B4E1;
  border: 1px solid #00B4E1;
}
.order-list-page .order-list .pager.navigation ul .current-page span {
  font-weight: bold;
  color: #00B4E1;
  border-radius: 10px;
  border: 1px solid #00B4E1;
  background-color: #FFF !important;
}

.hr {
  height: 1px;
  background-color: #E6E6E6;
  margin-top: 14px;
  margin-bottom: 14px;
}

.login-section-container {
  width: 100%;
}
.login-section-container .login-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.login-section-container .login-header .image-container {
  width: 390px;
  min-width: 390px;
  height: 235px;
  position: relative;
  right: -50px;
}
@media (max-width: 767px) {
  .login-section-container .login-header .image-container {
    right: 0px;
  }
}
.login-section-container .login-header .image-container img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}
.login-section-container .login-header .title {
  color: #002D6E;
  font-size: 25px;
  font-weight: 600;
}
.login-section-container .login-card {
  margin: auto;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 30px rgba(219, 216, 234, 0.6);
  border-radius: 20px;
  margin-top: -40px;
  position: relative;
  z-index: 99;
  min-height: 140px;
  padding-top: 70px;
  padding-bottom: 70px;
}
.login-section-container .login-card .login-form .title {
  font-size: 18px;
  color: #00B4E1;
  font-weight: bold;
}
.login-section-container .login-card .login-form .title .label {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 15px;
  font-weight: 100;
  color: #002D6E;
}
.login-section-container .login-card .login-form .form-group {
  max-width: 300px;
  margin: auto;
  padding-bottom: 20px;
}
.login-section-container .login-card .login-form .form-group .form-control {
  min-height: 40px;
  border: 1px solid #002D6E;
  color: #888;
  border-radius: 16px;
}
.login-section-container .login-card .login-form .buttons {
  max-width: 300px;
  margin: 20px auto;
}
.login-section-container .login-card .login-form .login-button {
  min-height: 35px;
  border: 0 none;
  background-color: #00B4E1 !important;
  color: #FFF;
  border-radius: 16px !important;
  width: 100%;
  font-family: "cairo";
  text-transform: capitalize;
  transition: 0.3s ease;
}
.login-section-container .login-card .login-form .login-button:hover {
  background-color: #00a0c8 !important;
}
.login-section-container .login-card .login-form .fa {
  position: relative;
  top: -32px;
  margin-inline-start: 270px;
}
.login-section-container .login-card .login-form .fa:hover {
  cursor: pointer;
}
.login-section-container .login-card .register-links {
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0 0 0 transparent !important;
  width: 100%;
  margin: auto;
  justify-content: space-around !important;
  text-align: center;
  align-items: center !important;
  padding: 30px;
  display: flex !important;
  transition: 0.4s ease;
  margin-top: 30px;
  overflow: hidden;
  height: auto;
  position: relative;
  left: auto;
  right: auto;
}
.login-section-container .login-card .register-links li {
  width: 30% !important;
  height: auto;
}
.login-section-container .login-card .register-links li a {
  font-size: 20px !important;
  font-weight: bold;
  color: #002D6E;
  transition: 0.2s ease;
}
.login-section-container .login-card .register-links li a:hover {
  color: #00B4E1;
}
.login-section-container .login-card .register-links span img {
  max-width: 100%;
}

.vendor-page .vendor-header {
  background: url(../images/cart-mask.png) left bottom no-repeat #00B4E1;
  padding: 0;
  background-size: 55%;
  min-height: 155px;
  text-align: end;
  padding-right: 15px;
  padding-top: 12px;
}
.vendor-page .vendor-header .license {
  color: #FFF;
  font-size: 13px;
}
.vendor-page .vendor-header .license span {
  padding-right: 12px;
  font-weight: 500;
}
.vendor-page .vendor-details {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -78px;
  flex-wrap: wrap;
}
.vendor-page .vendor-details .image-container {
  width: 155px;
  height: 155px;
  margin-left: 35px;
  margin-right: 30px;
  border-radius: 80px;
  overflow: hidden;
  background-color: #002D6E;
}
.vendor-page .vendor-details .image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.vendor-page .vendor-details .details {
  flex-grow: 1;
}
.vendor-page .vendor-details .details .top-row {
  margin-top: 24px;
  margin-bottom: 10px;
}
.vendor-page .vendor-details .details .top-row p {
  margin: 0;
  color: #FFF;
  font-size: 12px;
}
.vendor-page .vendor-details .details .top-row h4 {
  display: inline;
  color: #002D6E;
  font-size: 20px;
  font-weight: 600;
  padding-right: 10px;
}
.vendor-page .vendor-details .details .top-row .rating {
  color: #000;
  font-weight: 600;
}
.vendor-page .vendor-details .details .top-row .rating i {
  margin-right: 6px;
  color: #FFDD00;
}
.vendor-page .vendor-details .details .bottom-row {
  border-bottom: 1px solid #E6E6E6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vendor-page .vendor-details .details .bottom-row .location {
  color: #75787B;
  font-size: 15px;
}
.vendor-page .vendor-details .details .bottom-row .location i {
  color: #FF585D;
  padding-right: 10px;
}
.vendor-page .vendor-details .details .bottom-row .btns {
  display: flex;
  margin-bottom: 5px;
}
.vendor-page .vendor-details .details .bottom-row .btns .view-map {
  min-width: 140px;
  background-color: #D2D2D2;
  color: #FFF;
  height: 30px;
  text-align: center;
  font-size: 15px;
  line-height: 29px;
  border-radius: 10px;
  margin-inline-end: 10px;
}
.vendor-page .vendor-details .details .bottom-row .btns .view-map i {
  padding-inline-end: 6px;
}
.vendor-page .vendor-details .details .bottom-row .btns .message-btn {
  min-width: 140px;
  background-color: #FFF;
  color: #00B4E1;
  border: 1px solid #00B4E1;
  height: 30px;
  text-align: center;
  font-size: 15px;
  line-height: 29px;
  border-radius: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.vendor-page .vendor-details .details .bottom-row .btns .message-btn:hover {
  color: #002D6E;
  border-color: #002D6E;
}
.vendor-page .vendor-details .details .bottom-row .btns .message-btn i {
  font-size: 13px;
  padding-right: 6px;
  position: relative;
  top: 1px;
}
.vendor-page .about-vendor {
  margin-top: 30px;
  margin-bottom: 30px;
}
.vendor-page .about-vendor h3 {
  color: #75787B;
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 22px;
}
.vendor-page .about-vendor p {
  color: #75787B;
  font-size: 15px;
  font-weight: 100;
  line-height: 1.6;
}
.vendor-page .product-selectors {
  display: none;
}
.vendor-page .list-title {
  /*border-top: 1px solid #E6E6E6;*/
  padding-top: 40px;
  font-size: 15px;
  color: #75787B;
  font-weight: bold;
  padding-bottom: 20px;
}
.vendor-page .pager.navigation {
  margin-bottom: 20px;
}
.vendor-page .pager.navigation ul {
  text-align: center;
}
.vendor-page .pager.navigation ul li a {
  border-radius: 10px;
  border: #D2D2D2 1px solid;
  background-color: transparent !important;
}
.vendor-page .pager.navigation ul li a:hover {
  color: #00B4E1;
  border: 1px solid #00B4E1;
}
.vendor-page .pager.navigation ul .current-page span {
  font-weight: bold;
  color: #00B4E1;
  border-radius: 10px;
  border: 1px solid #00B4E1;
  background-color: #FFF !important;
}

.registration-page {
  margin-top: 80px;
  margin-bottom: 50px;
}
.registration-page .page-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.registration-page .page-header .title {
  font-weight: 600;
  z-index: 1;
}
.registration-page .page-header .title h1 {
  color: #002D6E;
  font-size: 25px;
}
.registration-page .page-header .image-container {
  width: 390px;
  min-width: 390px;
  height: 235px;
  position: relative;
  right: -50px;
}
.registration-page .page-header .image-container img {
  width: 100%;
  height: 100%;
  object-position: center right;
  object-fit: contain;
}
.registration-page .page-container {
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0 10px 30px rgba(219, 216, 234, 0.6);
  border-radius: 20px;
  margin-top: -40px;
  position: relative;
  z-index: 99;
  min-height: 140px;
  padding-top: 70px;
  padding-bottom: 70px;
}
.registration-page .page-container h1 {
  color: #00B4E1 !important;
  font-size: 15px !important;
  text-align: center;
  font-weight: 700;
}
.registration-page .page-container h2 {
  padding-top: 10px;
  font-weight: 100;
  color: #002D6E !important;
  font-size: 15px !important;
  text-align: center;
  margin-bottom: 50px !important;
}
.registration-page .page-container .form-fields {
  background-color: transparent;
}
.registration-page .page-container .date-picker-wrapper select {
  border: 1px solid #002D6E;
  border-radius: 15px;
  min-height: 40px;
}
.registration-page .page-container .form-control {
  border: 1px solid #002D6E;
  border-radius: 15px;
  min-height: 40px;
  font-size: 150px;
  color: #75787B;
}
.registration-page .page-container .form-control:focus {
  border: 1px solid #00B4E1;
}
.registration-page .page-container .fieldset {
  margin: auto;
  max-width: 640px;
}
.registration-page .page-container .fieldset .title {
  margin-top: 40px;
  text-align: left;
  color: #00B4E1;
  font-size: 18px;
  background-color: #FFF;
  font-weight: bold;
  position: relative;
  padding-left: 0;
  margin-bottom: 40px;
}
.registration-page .page-container .fieldset .title strong {
  background-color: #FFF;
  position: relative;
  z-index: 9;
  padding-right: 20px;
}
.registration-page .page-container .fieldset .title::after {
  content: "";
  position: absolute;
  border-top: 1px solid rgba(0, 45, 110, 0.2);
  width: 100%;
  top: 18px;
  left: 0;
}
.registration-page .page-container .fieldset .verify-phone-button {
  float: right;
  background-color: #002D6E !important;
  border-radius: 15px !important;
  min-height: 40px;
  color: #FFF;
  width: 100%;
  font-family: "cairo";
}
.registration-page .page-container .fieldset .verify-phone-button:hover {
  background-color: #0042a1 !important;
}
.registration-page .page-container .fieldset #time {
  text-align: center;
  color: #00B4E1;
  margin-bottom: 20px;
}
.registration-page .page-container .fieldset .resend-code {
  width: 100%;
  color: #002D6E;
  background-color: transparent !important;
  border: 0 none !important;
  margin-bottom: 20px;
  padding-top: 10px;
}
.registration-page .page-container .fieldset .send-code-button {
  background-color: #002D6E;
  color: #FFF;
  border-radius: 16px;
  height: 40px;
  width: 100%;
  border-radius: 16px !important;
}
.registration-page .page-container .fieldset .send-code-button:hover {
  background-color: #0042a1;
}
.registration-page .page-container .fieldset .phone-code {
  border-radius: 14px;
  width: 100%;
  background-color: #FFF;
  margin-top: 7px;
  height: 40px;
}
.registration-page .page-container .fieldset .phone-code:focus {
  border-color: #00B4E1;
}
.registration-page .page-container .fieldset .date-of-birth label {
  margin-bottom: 0 !important;
  padding-top: 5px;
}
.registration-page .page-container .fieldset .date-of-birth .col-md-8 {
  padding-left: 0;
}
.registration-page .page-container .fieldset .date-of-birth div[class^=col] select {
  font-size: 12px !important;
  padding-left: 0 !important;
}
.registration-page .page-container .fieldset .date-of-birth div[class^=col] select + select {
  margin: 0 0 0 8px;
}
.registration-page .page-container .fieldset .student-card-col {
  height: 100px;
}
.registration-page .page-container .fieldset .student-number-col {
  align-self: center;
}
.registration-page .page-container .fieldset .upload-picture-block {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.registration-page .page-container .fieldset .upload-picture-block .upload-button-container .qq-uploader-selector {
  display: flex !important;
  justify-content: center !important;
}
.registration-page .page-container .fieldset .upload-picture-block .upload-button-container .qq-uploader-selector li {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.registration-page .page-container .fieldset .upload-picture-block .upload-button-container .qq-uploader-selector .qq-upload-button {
  background-color: #00B4E1 !important;
  border-radius: 15px !important;
  min-height: 40px;
  color: #FFF;
  font-family: "cairo";
  cursor: pointer;
  min-width: 110px;
}
.registration-page .page-container .fieldset .upload-picture-block .upload-button-container .qq-uploader-selector .qq-upload-button:hover {
  background-color: #15d0ff !important;
}
.registration-page .page-container .fieldset .upload-picture-block .upload-button-container .qq-uploader-selector .qq-upload-list-selector {
  max-height: 40px;
  margin-left: 10px;
}
.registration-page .page-container .fieldset .upload-picture-block .upload-button-container .qq-uploader-selector .qq-upload-list-selector .qq-upload-spinner-selector {
  display: none !important;
}
.registration-page .page-container .fieldset .upload-picture-block .upload-button-container .qq-uploader-selector .qq-upload-list-selector > li {
  font-family: "cairo";
  background-color: #002D6E !important;
  border-radius: 16px !important;
  font-size: 10px !important;
  min-height: 40px;
}
.registration-page .read {
  text-decoration: underline;
  color: #00b6d8;
  cursor: pointer;
}
.registration-page .register-buttons .cancel-btn {
  display: block;
  height: 40px;
  color: #002D6E;
  line-height: 38px;
  font-size: 15px;
  text-align: center;
  background-color: #D2D2D2;
  border-radius: 16px;
  transition: 0.2s ease;
}
.registration-page .register-buttons .cancel-btn:hover {
  background-color: #dfdfdf;
}
.registration-page .register-buttons .register-next-step-button {
  display: block;
  height: 40px;
  background-color: #002D6E !important;
  font-size: 15px;
  text-align: center;
  color: #FFF;
  width: 100%;
  border: 0 none !important;
  margin-top: 0;
  font-family: "cairo";
  border-radius: 16px !important;
  transition: 0.2s ease;
}
.registration-page .register-buttons .register-next-step-button:hover {
  background-color: #0042a1 !important;
}

.registration-result-page .store-card {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 30px rgba(219, 216, 234, 0.5);
  border-radius: 20px;
  margin-top: 80px;
  margin-bottom: 60px;
}
.registration-result-page .store-card .registration-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 20px;
}
.registration-result-page .store-card .content {
  padding-left: 120px;
}
.registration-result-page .store-card .content h1 {
  color: #00B4E1;
  font-weight: bold;
  margin-bottom: 40px !important;
  font-size: 30px;
}
.registration-result-page .store-card .content p {
  color: #002D6E;
  font-weight: 500;
  margin-bottom: 40px;
  font-size: 15px;
  max-width: 170px;
}
.registration-result-page .store-card .store-btn {
  height: 40px;
  width: 180px;
  background-color: #002D6E;
  color: #FFF !important;
  border-radius: 16px;
  display: block;
  transition: 0.2s ease;
  text-align: center;
  padding-top: 8px;
  text-decoration: none !important;
}
.registration-result-page .store-card .store-btn:hover {
  background-color: #0042a1;
}

.password-container i {
  position: relative;
  margin-inline-start: 270px;
  top: -34px;
  position: relative;
  cursor: pointer;
}

.notifications-page {
  margin-top: 80px;
  margin-bottom: 50px;
}
.notifications-page .page-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notifications-page .page-header .title {
  font-weight: 600;
  z-index: 1;
}
.notifications-page .page-header .title h1 {
  color: #002D6E;
  font-size: 25px;
}
.notifications-page .page-header .image-container {
  width: 390px;
  min-width: 390px;
  height: 235px;
  position: relative;
  right: -50px;
}
.notifications-page .page-header .image-container img {
  width: 100%;
  height: 100%;
  object-position: center right;
  object-fit: contain;
}
.notifications-page .page-container {
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0 10px 30px rgba(219, 216, 234, 0.6);
  border-radius: 20px;
  margin-top: -40px;
  position: relative;
  z-index: 99;
  min-height: 140px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.notifications-page .page-container .notifications-list {
  padding: 30px;
  display: flex;
  flex-direction: column;
}
.notifications-page .page-container .notifications-list .notification-item {
  width: 100%;
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  order: 2;
  word-break: break-word;
}
.notifications-page .page-container .notifications-list .notification-item:last-child {
  margin-bottom: 0;
}
.notifications-page .page-container .notifications-list .notification-item.new {
  order: 1;
  box-shadow: 0px 15px 18px rgba(0, 180, 225, 0.16);
}
.notifications-page .page-container .notifications-list .notification-item .date {
  color: #666;
  padding-top: 15px;
  font-size: 12px;
}
.notifications-page .page-container .notifications-list .notification-item .date i {
  color: red;
  font-size: 8px;
  margin-right: 10px;
}
.notifications-page .page-container .notifications-list .notification-item .details {
  width: 70%;
  display: flex;
  align-items: center;
  text-align: start;
  flex-wrap: wrap;
}
.notifications-page .page-container .notifications-list .notification-item .details .product-details a {
  color: #002D6E !important;
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 16px;
}
.notifications-page .page-container .notifications-list .notification-item .details .product-details .description {
  color: #888;
  font-size: 14px;
  word-break: break-word;
}
.notifications-page .page-container .notifications-list .notification-item .image-container {
  width: 72px;
  height: 72px;
  border-radius: 16px;
  background: #F6F6F6 0% 0% no-repeat padding-box;
  margin-right: 30px;
  padding: 8px;
  min-width: 72px;
}
.notifications-page .page-container .notifications-list .notification-item .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.return-request {
  margin-top: 40px;
  margin-bottom: 40px;
}
.return-request .return-request-header {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid #e5eaf0;
  margin-bottom: 30px;
}
.return-request .image-container {
  text-align: right;
  width: 240px;
  flex-grow: 1;
}
.return-request .image-container img {
  width: 240px;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.return-request .main-title {
  flex-grow: 2;
  margin-left: 60px;
}
.return-request .main-title h5 {
  color: #002D6E;
  font-weight: 600;
  font-size: 12px;
}
.return-request .main-title h3 a {
  color: #00B4E1;
  margin-top: 20px;
  font-weight: bold;
  font-size: 20px;
}
.return-request .return-content {
  box-shadow: 0px 10px 30px rgba(219, 216, 234, 0.5);
  border-radius: 20px;
  padding: 55px;
  width: 80%;
  margin: auto;
}
.return-request .return-content .product-row {
  margin-top: 20px;
  background: #FBFBFB 0% 0% no-repeat padding-box;
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  padding: 30px 20px;
}
.return-request .return-content .product-row .product-info {
  display: flex;
  align-items: center;
}
.return-request .return-content .product-row .product-info .image-container {
  min-width: 96px;
  max-width: 96px;
  height: 96px;
  border-radius: 20px;
  box-shadow: 0px 7px 11px rgba(117, 120, 123, 0.08);
  overflow: hidden;
  margin-right: 30px;
}
.return-request .return-content .product-row .product-info .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.return-request .return-content .product-row .product-info .info {
  flex-grow: 1;
}
.return-request .return-content .product-row .product-info .info h5 {
  text-align: left;
  color: #00B4E1;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 8px !important;
}
.return-request .return-content .product-row .product-info .info p {
  font-size: 14px;
  color: #75787B;
  line-height: 1.6;
  margin: 0;
}
.return-request .return-content .product-row .return-info {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 2px;
}
.return-request .return-content .product-row .return-info .price {
  color: #002D6E;
  font-size: 14px;
  font-weight: bold;
  flex-grow: 2;
  text-align: center;
  padding-top: 35px;
}
.return-request .return-content .product-row .return-info .return-input {
  flex-grow: 1;
}
.return-request .return-content .product-row .return-info .return-input h6 {
  color: #002D6E;
  font-weight: 100;
  text-align: center;
  width: 100%;
  font-size: 13px;
  padding-bottom: 14px !important;
}
.return-request .return-content .product-row .return-info .return-input input {
  margin: auto;
  border: 1px solid #00B4E1;
  background-color: #FFF;
  font-size: 13px;
  border-radius: 8px;
  text-align: center;
  max-width: 70px;
}
.return-request .return-content .return-form {
  max-width: 486px;
  margin: 50px auto 20px;
}
.return-request .return-content .return-form select {
  color: black !important;
}
.return-request .return-content .return-form .form-control {
  width: 100%;
  border: 1px solid #002D6E;
  border-radius: 15px;
  height: 40px !important;
  margin-bottom: 20px;
  padding-left: 20px;
  font-weight: "cairo";
}
.return-request .return-content .return-form .form-control::placeholder {
  color: #CCC;
}
.return-request .return-content .return-form .form-control option:disabled {
  color: #CCC !important;
}
.return-request .return-content .return-form .btns-container {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.return-request .return-content .return-form .btns-container .cancel-btn {
  background-color: #D2D2D2;
  border: 0 none !important;
  border-radius: 16px;
  width: calc(50% - 7px);
  color: #002D6E;
  font-weight: "cairo";
  min-height: 40px;
  transition: 0.2s ease;
  text-align: center;
  padding-top: 7px;
}
.return-request .return-content .return-form .btns-container .cancel-btn:hover {
  background-color: #b9b9b9;
}
.return-request .return-content .return-form .btns-container .submit-btn {
  min-height: 40px;
  background-color: #00B4E1;
  border: 0 none !important;
  border-radius: 16px;
  width: calc(50% - 7px);
  color: #FFF;
  font-weight: "cairo";
  transition: 0.2s ease;
}
.return-request .return-content .return-form .btns-container .submit-btn:hover {
  background-color: #00a0c8;
}
.return-request .return-content .by-hand-map {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  display: flex;
  padding: 5px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
  margin-top: 50px;
}
.return-request .return-content .by-hand-map .info-block {
  text-align: left;
  padding-right: 10px;
  padding-left: 10px;
}
.return-request .return-content .by-hand-map .info-block h5 {
  font-weight: bold;
  font-size: 15px;
  color: #002D6E;
}
.return-request .return-content .by-hand-map .info-block p {
  font-size: 14px;
  color: #000;
  margin-bottom: 5px !important;
}
.return-request .return-content .by-hand-map .map-container {
  width: 590px;
  max-width: 590px;
  height: 180px;
  border-radius: 16px;
  overflow: hidden;
}
.return-request .return-content .by-hand-map .map-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.return-request .return-content .return-tabs-container .nav-tabs {
  max-width: 418px;
  border-bottom: 1px solid #002D6E;
  display: flex;
  margin: auto;
  margin-bottom: 40px;
}
.return-request .return-content .return-tabs-container .nav-tabs .nav-item {
  text-align: center;
  width: 50%;
}
.return-request .return-content .return-tabs-container .nav-tabs .nav-item a {
  display: block;
  color: #002D6E;
  border: 0 none !important;
  border-bottom: 3px solid transparent !important;
  padding-bottom: 12px;
  transition: 0.2s ease;
}
.return-request .return-content .return-tabs-container .nav-tabs .nav-item a.active {
  border-bottom: 3px solid #002D6E !important;
  font-weight: bold;
}
.return-request .return-content .return-tabs-container .tab-content {
  max-width: 680px;
  margin: auto;
}
.return-request .return-content .return-tabs-container .tab-content .address-row {
  margin-bottom: 50px;
}
.return-request .return-content .return-tabs-container .tab-content .address-row .attention-block {
  max-width: 270px;
  color: #000;
  font-size: 15px;
  line-height: 1.6;
  text-align: left;
}
.return-request .return-content .return-tabs-container .tab-content .address-row .attention-block .title {
  color: #002D6E;
  text-align: left;
  font-weight: bold;
  margin-bottom: 14px;
}
.return-request .return-content .return-tabs-container .tab-content .address-row .attention-block .title i {
  position: relative;
  top: 6px;
  color: #FF8F1C;
  font-size: 30px;
  padding-right: 20px;
}
.return-request .return-content .return-tabs-container .tab-content .address-row .address-block {
  background: url(../images/address_but_bg.png) bottom right no-repeat #fff;
  border: 1px solid #EEE;
  padding: 20px;
  border-radius: 20px;
}
.return-request .return-content .return-tabs-container .tab-content .address-row .address-block h4 {
  color: #002D6E;
  font-size: 15px;
  font-weight: bold;
}
.return-request .return-content .return-tabs-container .tab-content .address-row .address-block p {
  font-size: 14px;
  font-weight: 100;
  color: #000;
}

.contest {
  background-color: #FF8F1C !important;
}
.contest .navbar-nav {
  text-align: left;
  background-color: #FF8F1C;
}
/* Ahmad : #30 */
.contest-page {
  padding-left: 4rem !important;
}
.contest-page .title {
  color: #002D6E;
  font-size: 25px;
  text-align: left !important;
  font-weight: 900;
}
.contest-page .newest-contest-card {
  border-radius: 20px;
  box-shadow: 0px 6px 8px rgba(255, 143, 28, 0.2);
  padding: 20px 20px 10px 20px;
  height: 100%;
}
.contest-page .newest-contest-card .image-container {
  /*padding: 20px 20px 10px 20px;*/
}
.contest-page .newest-contest-card .image-container .contest-image {
  border-radius: 20px;
  height: 206px;
  max-width: 320px;
  width: auto;
  display: block;
  margin: auto;
}
.contest-page .newest-contest-card .contest-card-body {
  margin-top: 10px;
}
.contest-page .newest-contest-card .contest-card-body .mt-4 {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
}
.contest-page .newest-contest-card .contest-card-body p {
  color: #75787B;
  font-size: 12px;
  margin: auto;
}
.contest-page .newest-contest-card .contest-card-body .contest-card-prize {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.contest-page .newest-contest-card .contest-card-body .contest-card-prize img {
  height: 18px;
  width: 18px;
  margin-inline-end: 10px;
}
.contest-page .newest-contest-card .contest-card-body .contest-card-prize h6 {
  font-size: 15px;
  color: #FF8F1C;
  font-weight: 900;
  margin-inline-start: 0px;
}
.contest-page .newest-contest-card .contest-card-body .free {
  color: #00AF00;
  font-size: 15px;
  margin-inline-end: 30px;
}
.contest-page .newest-contest-card .contest-card-body h4 {
  color: #002D6E;
  font-size: 15px;
  margin-inline-start: 20px;
  font-weight: 900;
}
.contest-page .newest-contest-card .contest-card-body h6 {
  /*margin-left: 80px;*/
  /*margin-right: 20px;*/
  font-size: 15px;
  font-weight: 100;
  color: #FF8F1C;
}
.contest-page .newest-contest-card .contest-card-body .contest-type {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.contest-page .newest-contest-card .contest-card-body .contest-type p {
  margin-inline-start: 20px;
  margin-top: 6px;
  font-size: 12px;
  color: #000000;
}
.contest-page .newest-contest-card .contest-card-body .contest-type .label {
  border: none;
  border-radius: 1rem;
  width: 55px;
  height: 34px;
  margin-inline-end: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contest-page .newest-contest-card .contest-card-body .contest-type .blue-label {
  background-color: #00B4E1;
}
.contest-page .newest-contest-card .contest-card-body .contest-type .red-label {
  background-color: #FF585D;
}
.contest-page .newest-contest-card-full {
  width: 100%;
  height: auto;
  border-radius: 20px;
  box-shadow: 0px 6px 8px #e6e6e6;
  overflow: hidden;
  display: flex;
  flex-direction:row;
  justify-content: space-between;
}
.contest-page .newest-contest-card-full .image-container {
  float: left;
}
@media (max-width: 991px) {
  .contest-page .newest-contest-card-full .image-container {
    float: none !important;
  }
}
.contest-page .newest-contest-card-full .image-container .contest-image-full {
  height: 166px;
  width: auto;
  max-width: 240px;
  border-radius: 20px;
  margin: 20px auto;
  display: block;
}
@media (max-width: 991px) {
  .contest-page .newest-contest-card-full .image-container .contest-image-full {
    margin: 20px auto;
  }
}
.contest-page .newest-contest-card-full .contest-card-body {
  padding: 15px;
  width: calc(100% - 300px);
}
@media (max-width: 991px) {
  /* Ahmad : #30 responsive contenst card*/
    .contest-page .newest-contest-card-full{
      flex-direction:column;
  }
    
    .contest-page .newest-contest-card-full .contest-card-body {
      clear: both;
      padding: 20px;
      overflow: hidden;
      /* Ahmad : #30 responsive contenst card*/
      width:100%;
    }
}
.contest-page .newest-contest-card-full .contest-card-body h4 {
  color: #002D6E;
  font-size: 15px;
  font-weight: 900;
}
.contest-page .newest-contest-card-full .contest-card-body .free {
  color: #00AF00;
  font-size: 15px;
  margin-inline-end: 30px;
}
.contest-page .newest-contest-card-full .contest-card-body h6 {
  margin-inline-start: 80px;
  margin-inline-end: 20px;
  font-size: 15px;
  font-weight: 100;
  color: #FF8F1C;
}
.contest-page .newest-contest-card-full .contest-card-body p {
  color: #75787B;
  font-size: 12px;
  margin: auto;
}
.contest-page .newest-contest-card-full .contest-card-body .custom-height {
  height: 40px !important;
}
.contest-page .newest-contest-card-full .contest-card-body .contest-card-prize {
  display: flex;
  margin-top: 8px;
  justify-content: flex-start;
}
.contest-page .newest-contest-card-full .contest-card-body .contest-card-prize img {
  height: 18px;
  width: 18px;
  margin-inline-end: 10px;
}
.contest-page .newest-contest-card-full .contest-card-body .contest-card-prize h6 {
  font-size: 15px;
  color: #FF8F1C;
  font-weight: 900;
  margin-inline-start: 0px;
}
.contest-page .newest-contest-card-full .contest-card-body .contest-type {
  margin-top: 10px;
}
.contest-page .newest-contest-card-full .contest-card-body .contest-type p {
  margin-top: 6px;
  font-size: 12px;
  color: #000000;
}
.contest-page .newest-contest-card-full .contest-card-body .contest-type .label {
  border: none;
  border-radius: 1rem;
  width: 55px;
  height: 34px;
  margin-inline-end: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contest-page .newest-contest-card-full .contest-card-body .contest-type .blue-label {
  background-color: #00B4E1;
}
.contest-page .newest-contest-card-full .contest-card-body .contest-type .red-label {
  background-color: #FF585D;
}
.contest-page .contest-details {
  /* .participation-info {
       display: flex;
       justify-content: flex-start;
       align-items: center;

       p {
           color: #75787B;
           font-size: 15px;
           margin: 0px;
       }

       h5 {
           color: #FF585D;
           font-size: 15px;
           margin: 0px;
           margin-left: 16px;
       }
   }*/
}
.contest-page .contest-details .image-container {
  /*padding: 20px 20px 10px 20px;*/
}
.contest-page .contest-details .image-container img {
  border-radius: 20px;
  max-width: 100%;
  height: 370px;
  width: auto;
  margin: auto;
  display: block;
}
.contest-page .contest-details .contest-details-body {
  margin-inline-start: 40px;
}
@media (max-width: 991px) {
  .contest-page .contest-details .contest-details-body {
    margin: 20px;
  }
}
.contest-page .contest-details .contest-details-body .contest-details-prize {
  display: flex;
  justify-content: start;
  margin-top: 5px;
  align-content: center;
}
.contest-page .contest-details .contest-details-body .contest-details-prize img {
  height: 18px;
  width: 18px;
  margin-inline-end: 10px;
}
.contest-page .contest-details .contest-details-body .contest-details-prize h6 {
  font-size: 15px;
  color: #75787B;
  margin-inline-start: 4px;
}
.contest-page .contest-details .contest-details-body .contest-details-prize h5 {
  font-size: 20px;
  color: #FF8F1C;
  font-weight: 900;
  margin-inline-start: 50px;
}
.contest-page .contest-details .contest-details-body .contest-details-name {
  display: flex;
  justify-content: start;
  margin-top: 5px;
}
.contest-page .contest-details .contest-details-body .contest-details-name h4 {
  color: #002D6E;
  font-size: 20px;
  font-weight: 900;
}
.contest-page .contest-details .contest-details-body .contest-details-date {
  display: flex;
  justify-content: start;
  margin-top: 14px;
}
.contest-page .contest-details .contest-details-body .contest-details-date p {
  font-size: 12px;
  color: #75787B;
}
.contest-page .contest-details .contest-details-body .contest-details-type {
  display: flex;
  justify-content: start;
  align-content: center;
}
.contest-page .contest-details .contest-details-body .contest-details-type p {
  font-size: 12px;
  color: #75787B;
}
.contest-page .contest-details .contest-details-body .contest-details-type h6 {
  font-size: 15px;
  color: #00B4E1;
}
.contest-page .contest-details .contest-details-body .contest-details-location {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.contest-page .contest-details .contest-details-body .contest-details-location span {
  display: flex;
}
.contest-page .contest-details .contest-details-body .contest-details-location p {
  font-size: 12px;
  color: #75787B;
}
.contest-page .contest-details .contest-details-body .contest-details-location h6 {
  font-size: 15px;
  color: #00B4E1;
}
.contest-page .contest-details .contest-details-body .contest-details-location .label {
  border: none;
  border-radius: 1rem;
  width: 55px;
  height: 34px;
  margin-inline-end: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contest-page .contest-details .contest-details-body .contest-details-location .blue-label {
  background-color: #00B4E1;
}
.contest-page .contest-details .contest-details-body .contest-details-location .red-label {
  background-color: #FF585D;
}
.contest-page .contest-details .contest-details-body .hr {
  margin-inline-start: auto;
  height: 2px;
  background-color: #E6E6E6;
}
.contest-page .contest-details .contest-details-body .subscription-fees {
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin-top: 16px;
}
.contest-page .contest-details .contest-details-body .subscription-fees h4 {
  font-size: 15px;
  color: #75787B;
}
.contest-page .contest-details .contest-details-body .subscription-fees .subscription-fees-prize {
  font-size: 15px;
  color: #FF8F1C;
}
.contest-page .contest-details .contest-details-body .cancelation-policy {
  border: 1px solid #FF585D;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
}
.contest-page .contest-details .contest-details-body .cancelation-policy h6 {
  font-size: 12px;
  color: #FF585D;
  width: 60%;
}
.contest-page .contest-details .contest-details-body .cancelation-policy .cancelation-policy-table th, .contest-page .contest-details .contest-details-body .cancelation-policy .cancelation-policy-table td {
  border: none;
  font-size: 12px;
  color: #000000;
  font-weight: 500;
  padding: 0px;
}
.contest-page .contest-details .participation {
  /* display: flex;
  justify-content: space-between;
  align-content: center;*/
}
      /*
@media (max-width: 991px) {
  .contest-page .contest-details .participation {
    display: block !important;
  }
  .contest-page .contest-details .participation div {
   
          modal covering the cashe payment page
   display: block !important;

  }
   */
.qq-uploader {
  position: relative;
  width: 100%;
  top:20px !important;
}
  .contest-page .contest-details .participation div h5, .contest-page .contest-details .participation div h6, .contest-page .contest-details .participation div button {
    margin: 20px !important;
  }
  .contest-page .contest-details .participation div button {
    padding: 6px 30px 6px 30px;
  }
}
.contest-page .contest-details .participation div {
  display: flex;
}
.contest-page .contest-details .participation h6 {
  font-size: 15px;
  color: #75787B;
  align-self: center;
}
.contest-page .contest-details .participation h5 {
  font-size: 15px;
  color: #FF585D;
  margin-inline-start: 20px;
  align-self: center;
}
.contest-page .contest-details .participation button {
  border: none;
  border-radius: 20px;
  background-color: #E6E6E6;
  font-size: 15px;
  padding: 6px 100px 6px 100px;
  box-shadow: 0px 4px 9px rgba(0, 45, 110, 0.07);
  color: #75787B;
}
.contest-page .contest-details .participation-completed {
  /*  button.upload-file {
      height: 40px;
      width: 240px;
      background-color: $secondary;
      border: none;
      border-radius: 15px;
      box-shadow: 0px 4px 9px rgba(0, 45, 110, 0.07);
      color: #FFFFFF;
  }*/
  /* modal covering the cashe payment page */
  padding-left: 34px;
  padding-right: 34px;
}
.contest-page .contest-details .participation-completed P {
  color: #75787B;
  font-size: 15px;
  margin-bottom: 0px;
}
.contest-page .contest-details .participation-completed p.date {
  color: #FF8F1C;
  font-size: 15px;
  margin-bottom: 0px;
}
.contest-page .contest-details .participation-completed .panel-body .label-wrapper {
  display: none;
}
.contest-page .contest-details .participation-completed .qq-uploader .qq-upload-button {
  height: 40px !important;
  width: 240px !important;
  background-color: #00AFA2 !important;
  border: none !important;
  border-radius: 15px !important;
  box-shadow: 0px 4px 9px rgba(0, 45, 110, 0.07) !important;
  color: #FFFFFF !important;
}
.contest-page .contest-details .participation-completed .qq-uploader .qq-upload-list-selector {
  margin-top: 20px;
}
.contest-page .contest-details .participation-completed button.cancel-sub {
  height: 40px;
  width: 240px;
  background-color: #FF585D;
  border: none;
  border-radius: 15px;
  box-shadow: 0px 4px 9px rgba(0, 45, 110, 0.07);
  color: #FFFFFF;
}
.contest-page .contest-details .contest-details-description {
  background-color: #FCFCFC;
  padding: 20px;
}
.contest-page .contest-details .contest-details-description h3 {
  font-size: 20px;
  color: #75787B;
  font-weight: 900;
  margin-top: 32px;
}
.contest-page .contest-details .contest-details-description p {
  font-size: 15px;
  color: #75787B;
}
.contest-page .contest-details .contest-details-table th {
  color: #000000;
}
.contest-page .contest-details .contest-details-table .td-sponsor {
  color: #00AF00;
  font-weight: 900;
  font-size: 15px;
}
.contest-page .contest-details .contest-details-table .td-application-start {
  color: #000000;
  font-size: 15px;
}
.contest-page .contest-details .contest-details-table .td-application-end {
  color: #FF585D;
  font-size: 15px;
}
.contest-page .contest-details .contest-details-table .td-contest-date-time {
  color: #000000;
  font-size: 15px;
}
.contest-page .contest-details .contest-details-table .td-event-location {
  color: #000000;
  font-size: 15px;
}
.contest-page .contest-details .contest-details-table .td-event-location .label {
  border: none;
  border-radius: 1rem;
  padding: 5px 30px 5px 30px;
  width: 55px;
  height: 34px;
  margin-inline-end: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contest-page .contest-details .contest-details-table .td-event-location .blue-label {
  background-color: #00B4E1;
}
.contest-page .contest-details .contest-details-table .td-event-location .red-label {
  background-color: #FF585D;
}
.contest-page .contest-details .contest-details-table .td-participants {
  color: #000000;
  font-size: 15px;
}
.contest-page .contest-details .contest-details-table .td-conditions {
  color: #000000;
  font-size: 15px;
}
.contest-page .contest-details .contest-details-table .td-created-by .created-by-card {
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 20px;
  display: flex;
  max-width: 300px;
}
@media (max-width: 767px) {
  /* Ahmad : #30 responsive contenst card*/
  .contest-page{
      padding-left:0rem !important;
  }
  .contest-page .newest-contest-card-full .image-container {
    width: 100% !important;
  }
  .contest-page .contest-details .contest-details-table .td-created-by .created-by-card {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 15px;
  }
}
.contest-page .contest-details .contest-details-table .td-created-by .created-by-card .image-container {
  display: flex;
  align-items: center;
  margin-inline-start: 15px;
}
.contest-page .contest-details .contest-details-table .td-created-by .created-by-card .image-container img {
  border-radius: 20px;
  height: 70px;
  width: 70px;
}
.contest-page .contest-details .contest-details-table .td-created-by .created-by-card .card-body h4 {
  color: #002D6E;
  font-size: 15px;
  font-weight: 900;
}
.contest-page .contest-details .contest-details-table .td-created-by .created-by-card .card-body .card-rating {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.contest-page .contest-details .contest-details-table .td-created-by .created-by-card .card-body .card-rating .fa-star {
  height: 14px;
  width: 14px;
  color: #FFDD00;
}
.contest-page .contest-details .contest-details-table .td-created-by .created-by-card .card-body .card-rating p {
  font-size: 12px;
  font-weight: 900;
  color: #000000;
}
.contest-page .contest-details .contest-details-table .td-created-by .created-by-card .card-body .card-location {
  display: flex;
  align-items: center;
}
.contest-page .contest-details .contest-details-table .td-created-by .created-by-card .card-body .card-location .fa-map-marker-alt {
  color: #FF585D;
}
.contest-page .contest-details .contest-details-table .td-created-by .created-by-card .card-body .card-location p {
  font-size: 12px;
  color: #000000;
  font-weight: 100;
}

.filter-wrapper {
  width: 264px;
  background-color: #FCFCFC;
}
.filter-wrapper li {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  margin-inline-start: 26px;
}
.filter-wrapper li input {
  margin-inline-end: 10px;
}
.filter-wrapper li label {
  color: #002D6E;
}
.filter-wrapper li:hover {
  cursor: pointer;
}
.filter-wrapper .heading h4 {
  color: #002F6C;
  font-size: 18px;
  margin-inline-start: 20px;
  margin-bottom: 20px !important;
  font-weight: 900;
  text-align: start;
}
.filter-wrapper .heading .hr {
  margin-inline-start: auto;
  width: 92%;
  height: 1px;
  background-color: #E6E6E6;
}
.filter-wrapper .contest-types .contest-body li {
  margin-inline-start: 48px;
  margin-bottom: 10px;
}
.filter-wrapper .contest-types .contest-body li h5 {
  font-size: 15px;
  color: #002F6C;
}
.filter-wrapper .prize-types .prize-body li {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  margin-inline-start: 20px;
}
.filter-wrapper .prize-types .prize-body li input {
  margin-inline-end: 10px;
}
.filter-wrapper .prize-types .prize-body li label {
  color: #002D6E;
}
.filter-wrapper .date .date-body .date-inputs {
  display: flex;
  margin-inline-start: 20px;
  align-content: center;
  justify-content: center;
}
.filter-wrapper .date .date-body .date-inputs input {
  width: 96px;
  height: 40px;
  border: 1px solid #00B4E1;
  border-radius: 15px;
  margin-inline-start: 10px;
  border-color: #002D6E;
  text-align: end;
  font-size: 12px !important;
  text-align: center;
}
.filter-wrapper .date .date-body .date-inputs button {
  border-radius: 50%;
  background-color: #00B4E1;
  margin-inline-start: 6px;
  border: none;
  height: 24px;
  width: 24px;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px !important;
  /*padding: 3px;*/
}
.filter-wrapper .date .date-body .date-inputs button .fa {
  color: #FFF;
}
.filter-wrapper .date .date-body input:first-child {
  margin-inline-start: 0px !important;
}
.filter-wrapper .event-types .event-types-body li {
  margin-inline-start: 20px;
  margin-bottom: 10px;
}

.completed-contest-card {
  border-radius: 1rem;
  box-shadow: 0px 6px 8px rgba(255, 143, 28, 0.2);
  padding: 20px 20px 20px 20px;
}
.completed-contest-card .image-container .contest-image {
  border-radius: 1rem;
  height: 206px;
  max-width: 310px;
  width: auto;
  display: block;
  margin: auto;
}
.completed-contest-card .contest-card-body p {
  color: #75787B;
  font-size: 12px;
}
.completed-contest-card .contest-card-body .winner-wrapper {
  border: 1px solid #E6E6E6;
  border-radius: 1rem;
  padding: 10px;
  height: 60px;
}
.completed-contest-card .contest-card-body .winner-wrapper .winner-name {
  margin-inline-start: 6px;
}
@media (max-width: 991px) {
  .completed-contest-card .contest-card-body .winner-wrapper .winner-name.mr-5 {
    margin-right: 1rem !important;
  }
}
.completed-contest-card .contest-card-body .winner-wrapper .winner-image {
  border-radius: 12px;
  height: 38px;
  width: 38px;
}
.completed-contest-card .contest-card-body .winner-wrapper h5 {
  color: #002D6E;
  font-size: 15px;
}
.completed-contest-card .contest-card-body .winner-wrapper p {
  color: #75787B;
  font-size: 12px;
}
.completed-contest-card .contest-card-body .winner-wrapper .winner-prize {
  height: 28px;
  width: 28px;
}
.completed-contest-card .contest-card-body .winner-wrapper .winner-text {
  color: #FF8F1C;
  font-size: 10px;
  margin: 0px;
  font-weight: 900;
}

.contest-payemnts a {
  text-decoration: underline !important;
}
.contest-payemnts .created-by {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  background-color: #e5f7fc;
}
.contest-payemnts .created-by .label {
  color: #002D6E;
  font-size: 15px;
  font-weight: 900;
}
.contest-payemnts .created-by .value {
  color: #00B4E1;
  font-size: 15px;
  font-weight: 900;
  text-decoration: underline;
}
.contest-payemnts .contest-payemnts-details {
  background-color: #FCFCFC;
}
.contest-payemnts .contest-payemnts-details .image-container {
  padding: 20px 20px 10px 10px;
}
.contest-payemnts .contest-payemnts-details .image-container img {
  border-radius: 20px;
  height: 90px;
  width: 90px;
}
.contest-payemnts .contest-payemnts-details .prize-value {
  display: flex;
  justify-content: flex-start;
  padding-top: 36px;
}
@media (max-width: 991px) {
  .contest-payemnts .contest-payemnts-details .prize-value {
    justify-content: center;
    padding-top: 20px;
  }
}
.contest-payemnts .contest-payemnts-details .prize-value img {
  height: 18px;
  width: 18px;
  margin-inline-end: 10px;
}
.contest-payemnts .contest-payemnts-details .prize-value h4 {
  color: #FF8F1C;
  font-size: 20px;
  font-weight: 900;
}
.contest-payemnts .contest-payemnts-details .prize-value h6 {
  color: #75787B;
  font-size: 15px;
}
.contest-payemnts .contest-payemnts-details .prize-type {
  padding-top: 20px;
}
.contest-payemnts .contest-payemnts-details .prize-type h5 {
  font-size: 15px;
  font-weight: 900;
  color: #002D6E;
}
.contest-payemnts .contest-payemnts-details .event-location {
  display: flex;
  justify-content: flex-start;
  padding-top: 36px;
}
@media (max-width: 991px) {
  .contest-payemnts .contest-payemnts-details .event-location {
    justify-content: center;
  }
}
.contest-payemnts .contest-payemnts-details .event-location .key {
  font-size: 14px;
  color: #000000;
}
.contest-payemnts .contest-payemnts-details .event-location .value {
  font-size: 14px;
  color: #00B4E1;
  font-weight: 900;
  margin-inline-start: 10px;
}
.contest-payemnts .contest-payemnts-details .event-location p {
  color: "#75787Bl";
}
.contest-payemnts .contest-payemnts-details .date-label {
  padding-top: 36px;
  color: #D2D2D2;
  font-size: 14px;
}
@media (max-width: 991px) {
  .contest-payemnts .contest-payemnts-details .date-label {
    padding-top: 10px;
  }
}
.contest-payemnts .contest-payemnts-details .date-label p {
  margin: 0px;
}
.contest-payemnts .contest-payemnts-details .prize-value {
  color: #002D6E;
  font-size: 15px;
  font-weight: 900;
}

.winner-details {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.winner-details h3 {
  font-size: 15px;
  color: #002D6E;
  font-weight: 900;
  margin-inline-end: 18%;
}
.winner-details .winner-wrapper {
  border: 1px solid #E6E6E6;
  border-radius: 1rem;
  padding: 10px;
  height: 60px;
}
.winner-details .winner-wrapper .winner-name {
  margin-inline-start: 6px;
}
@media (max-width: 991px) {
  .winner-details .winner-wrapper .winner-name.mr-5 {
    margin-right: 1rem !important;
  }
}
.winner-details .winner-wrapper .winner-image {
  border-radius: 12px;
  height: 38px;
  width: 38px;
}
.winner-details .winner-wrapper h5 {
  color: #002D6E;
  font-size: 15px;
}
.winner-details .winner-wrapper p {
  color: #75787B;
  font-size: 12px;
}
.winner-details .winner-wrapper .winner-prize {
  height: 28px;
  width: 28px;
}
.winner-details .winner-wrapper .winner-text {
  color: #FF8F1C;
  font-size: 10px;
  margin: 0px;
  font-weight: 900;
}

.upload-contest-file .upload-contest-container {
  margin: auto;
  background-image: url("/Themes/RootTheme/Content/student-store/images/student_congrats.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 376px 366px;
}
@media (max-width: 991px) {
  .upload-contest-file .upload-contest-container {
    background-image: none;
  }
}
.upload-contest-file .upload-contest-container img {
  width: 42px;
  height: 25px;
}
.upload-contest-file .upload-contest-container h3 {
  color: #002D6E;
  font-size: 18px;
}
.upload-contest-file .upload-contest-container .file-btn {
  background-color: #FFFFFF;
  border: 1px solid #002D6E;
  border-radius: 15px;
  height: 40px;
  width: 290px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: auto;
}
.upload-contest-file .upload-contest-container .file-btn span {
  margin-inline-end: 20px;
  font-weight: 500;
}
.upload-contest-file .upload-contest-container .submit-btn {
  background-color: #00B4E1;
  border: none;
  border-radius: 15px;
  height: 40px;
  width: 290px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  font-size: 15px;
  margin: auto;
}
.upload-contest-file .upload-contest-container h6 {
  text-decoration: underline !important;
  font-size: 15px;
  color: #002D6E;
  margin-top: 20px;
}
.upload-contest-file .upload-contest-container h6:hover {
  font-weight: 900;
  cursor: pointer;
}
.upload-contest-file .upload-contest-container .qq-uploader {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.upload-contest-file .upload-contest-container .qq-uploader .qq-upload-button {
  border: 2px solid #002D6E;
  border-radius: 15px;
  background-color: white;
  width: 290px;
  height: 40px;
  color: #002D6E;
}
.upload-contest-file .upload-contest-container .qq-uploader .qq-upload-list-selector {
  margin-top: 20px;
}

.prize-value {
  color: #002D6E;
  font-size: 15px;
  font-weight: 900;
}

.overme {
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  .overme {
    width: 140px;
  }
}

.overme-2 {
  width: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.overme-3 {
  width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.overme-4 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.why-to-join-us .main-header {
  background: url(../images/join-us/header-bg-left.png) top left no-repeat, url(../images/join-us/header-bg-right.png) bottom right no-repeat;
  background-color: #00B4E1;
}
.why-to-join-us .main-header .header-content {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.why-to-join-us .main-header .header-content .center-content {
  max-width: 368px;
  padding-bottom: 50px;
}
.why-to-join-us .main-header .header-content .center-content h3 {
  color: #FFF;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.9;
  padding-bottom: 20px;
}
.why-to-join-us .main-header .header-content .center-content ul {
  color: #002D6E;
  list-style: disc;
  padding-left: 25px;
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 991px) {
  .why-to-join-us .main-header .header-content {
    flex-wrap: wrap;
  }
  .why-to-join-us .main-header .header-content .center-content {
    margin: 15px auto 0;
  }
}
.why-to-join-us .header-center-text {
  max-width: 80%;
  margin: auto;
  padding-bottom: 50px;
  padding-top: 60px;
  text-align: center;
  line-height: 2.4;
  font-size: 16px;
  color: #002D6E;
}
.why-to-join-us .colorful-links {
  background: #F9F9F9 0% 0% no-repeat padding-box;
  padding: 100px 0;
}
.why-to-join-us .colorful-links .links-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.why-to-join-us .colorful-links .links-container .link-block {
  width: 210px;
  height: 300px;
  background: url(../images/join-us/offers-bg.png) center center no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.why-to-join-us .colorful-links .links-container .link-block .title {
  color: #000;
  font-weight: bold;
  display: block;
  max-width: 100px;
  margin: 0 auto;
  padding-top: 20px;
  line-height: 1.5;
  font-size: 15px;
}
.why-to-join-us .colorful-links .links-container .link-block.library {
  background: url(../images/join-us/library-bg.png) center center no-repeat;
}
.why-to-join-us .colorful-links .links-container .link-block.contest-bg {
  background: url(../images/join-us/contest-bg.png) center center no-repeat;
}
.why-to-join-us .colorful-links .links-container .link-block.jobs {
  background: url(../images/join-us/jobs-bg.png) center center no-repeat;
}
@media (max-width: 991px) {
  .why-to-join-us .colorful-links .links-container {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.why-to-join-us .contact-us {
  background-color: #00B4E1;
  padding: 80px 0;
  color: #FFF;
}
.why-to-join-us .contact-us .contact-content h5 {
  font-size: 20px;
  font-weight: 100;
  color: #FFF;
  padding-bottom: 30px;
}
.why-to-join-us .contact-us .contact-content a.call-us {
  display: block;
  width: 172px;
  height: 40px;
  border: 1px solid #FFFFFF;
  border-radius: 15px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 20px;
  line-height: 40px;
}
@media (max-width: 991px) {
  .why-to-join-us .contact-us .contact-content a.call-us {
    margin: 0 auto 20px !important;
  }
}
.why-to-join-us .contact-us .contact-content ul a {
  text-decoration: underline;
  line-height: 1.7;
  font-size: 16px;
  color: #FFF;
}
.why-to-join-us .brands-sections {
  padding: 60px 0;
}
.why-to-join-us .brands-sections .title {
  text-align: center;
  color: #002D6E;
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 40px;
}
.why-to-join-us .brands-sections .brands-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.why-to-join-us .brands-sections .brand-block {
  width: 96px;
  height: 96px;
  border-radius: 50px;
  box-shadow: 0px 7px 20px rgba(0, 45, 110, 0.1);
  background-color: #FFF;
  margin: 10px;
}
.why-to-join-us .brands-sections .brand-block span.icon {
  margin: auto;
  margin-top: 5px;
  display: block;
  width: 86px;
  height: 86px;
  overflow: hidden;
  border-radius: 50%;
}
.why-to-join-us .brands-sections .brand-block span.icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.why-to-join-us .ready-signup {
  background: url(../images/join-us/ready-to-signup.png) right bottom no-repeat;
  background-color: #002D6E;
  color: #FFF;
  background-size: 80%;
  min-height: 500px;
  clip-path: polygon(0 0, 100% 22%, 100% 100%, 0% 100%);
}
.why-to-join-us .ready-signup .content {
  margin-top: 170px;
  max-width: 500px;
  color: #FFF;
}
.why-to-join-us .ready-signup .content h1 {
  font-size: 22px;
  color: #FFF;
  font-weight: bold;
  padding-bottom: 25px;
}
.why-to-join-us .ready-signup .content p {
  font-size: 16px;
  line-height: 1.7;
  color: #FFF;
}
.why-to-join-us .ready-signup .content .stores {
  margin-top: 30px;
}
.why-to-join-us .ready-signup .content .stores img {
  max-height: 50px;
}
.why-to-join-us .student-card {
  margin-top: 80px;
  position: relative;
}
.why-to-join-us .student-card:after {
  content: "";
  width: 100%;
  left: 0;
  position: absolute;
  height: 80%;
  top: 10%;
  background-color: #F9F9F9;
  clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0% 100%);
}
.why-to-join-us .student-card h2 {
  color: #002D6E;
  font-size: 25px;
  font-weight: bold;
  padding-left: 20px;
  margin-bottom: 0px !important;
  position: relative;
  top: 70px;
}
.why-to-join-us .student-card .content-container {
  position: relative;
  z-index: 9;
  padding-top: 110px;
  min-height: 570px;
  background: url(../images/join-us/student-card.png) bottom right no-repeat;
}
.why-to-join-us .student-card .content-container p {
  max-width: 400px;
  color: #002D6E !important;
  font-size: 16px;
  line-height: 2.4;
  margin-inline-end: auto;
}
.why-to-join-us .student-card .content-container p.full-width {
  max-width: 100%;
  margin-inline-end: 330px;
}
@media (max-width: 991px) {
  .why-to-join-us .student-card {
    margin-top: 10px;
  }
  .why-to-join-us .student-card h2 {
    margin-right: auto;
  }
  .why-to-join-us .student-card .content-container {
    background-size: contain;
  }
  .why-to-join-us .student-card .content-container p.full-width,
.why-to-join-us .student-card .content-container p {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    background: #f4f4f4db;
    width: 100%;
    max-width: initial;
    border-radius: 10px;
    padding: 10px;
  }
  .why-to-join-us .student-card::after {
    background-color: transparent;
  }
}
.why-to-join-us .services-tabs-section {
  margin-top: 50px;
}
.why-to-join-us .services-tabs-section.st .tabs-content:after {
  content: "";
  position: absolute;
  width: 120%;
  height: 120%;
  background-color: #002D6E;
  left: -10%;
  top: -10%;
  transform: rotate(2deg);
}
.why-to-join-us .services-tabs-section.st #student-tab-content {
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
  padding: 40px 0;
}
.why-to-join-us .services-tabs-section.st .images-container img.sp {
  filter: grayscale(100%);
  transform: scale(0.9);
}
.why-to-join-us .services-tabs-section.st .moreinfo-container .container.st {
  display: block;
}
.why-to-join-us .services-tabs-section.sp .tabs-content:after {
  content: "";
  position: absolute;
  width: 120%;
  height: 120%;
  background-color: #00B4E1;
  left: -10%;
  top: -10%;
  transform: rotate(-2deg);
}
.why-to-join-us .services-tabs-section.sp #sp-tab-content {
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
  padding: 40px 0;
}
.why-to-join-us .services-tabs-section.sp .images-container img.st {
  filter: grayscale(100%);
  transform: scale(0.9);
}
.why-to-join-us .services-tabs-section.sp .moreinfo-container .container.sp {
  display: block;
}
.why-to-join-us .services-tabs-section .tabs-content {
  transition: 0.8s ease;
  position: relative;
  padding: 50px 0;
  margin-bottom: 120px;
}
.why-to-join-us .services-tabs-section .tabs-content:after {
  content: "";
  transition: 0.8s ease;
}
.why-to-join-us .services-tabs-section .tabs-header-list {
  text-align: center;
  max-width: 500px;
  margin: auto;
}
.why-to-join-us .services-tabs-section .tabs-header-list ul {
  border-bottom: 1px solid #002D6E;
  display: flex;
  justify-content: space-between;
}
.why-to-join-us .services-tabs-section .tabs-header-list ul li {
  cursor: pointer;
  width: 50%;
  font-size: 25px;
  color: #00B4E1;
  border-bottom: 3px solid transparent;
  transition: 0.8s ease;
}
.why-to-join-us .services-tabs-section .tabs-header-list ul li:hover {
  color: #002D6E;
}
.why-to-join-us .services-tabs-section .tabs-header-list ul li.active {
  color: #002D6E;
  font-weight: 600;
  border-bottom: 3px solid #002D6E;
}
.why-to-join-us .services-tabs-section .tab-section {
  display: none;
}
.why-to-join-us .services-tabs-section .tab-section {
  color: #FFF;
  font-size: 16px;
  line-height: 2;
  z-index: 1;
  position: relative;
}
.why-to-join-us .services-tabs-section .tab-section h1 {
  color: #FFF;
  font-size: 25px;
}
.why-to-join-us .services-tabs-section .tab-section h3 {
  color: #FFF;
  font-size: 20px;
}
.why-to-join-us .services-tabs-section .moreinfo-container .container {
  display: none;
}
.why-to-join-us .services-tabs-section .moreinfo-container .container h3 {
  color: #00B4E1;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px !important;
  margin-top: 30px !important;
}
.why-to-join-us .services-tabs-section .moreinfo-container .container p {
  color: #002D6E !important;
  font-size: 16px;
  line-height: 2;
}
.why-to-join-us .services-tabs-section .moreinfo-container .container img {
  max-width: 100%;
}
.why-to-join-us .images-container {
  margin-top: 120px;
  position: relative;
  height: 250px;
  overflow: hidden;
}
.why-to-join-us .images-container img {
  transition: 1.2s ease;
}
.why-to-join-us .images-container:after {
  content: "";
  z-index: 0;
  width: 100%;
  position: absolute;
  width: 0;
  height: 0;
}
.why-to-join-us .general-tabs-section .tabs-header-list-2 {
  text-align: center;
  max-width: 460px;
  /*margin: auto;*/
}
.why-to-join-us .general-tabs-section .tabs-header-list-2 ul {
  border-bottom: 1px solid #002D6E;
  display: flex;
  justify-content: space-between;
}
.why-to-join-us .general-tabs-section .tabs-header-list-2 ul li {
  cursor: pointer;
  /*width: 50%;*/
  font-size: 16px;
  color: #00B4E1;
  /*border-bottom: 3px solid transparent;*/
  /*transition: .8s ease;*/
  /* &.active {
      color: $main;
      font-weight: 600;
      border-bottom: 3px solid $main;
  }*/
}
.why-to-join-us .general-tabs-section .tabs-header-list-2 ul li:hover {
  color: #002D6E;
}
.why-to-join-us .general-tabs-section .tabs-header-list-2 ul li a {
  color: #000000;
}
.why-to-join-us .general-tabs-section .tabs-header-list-2 ul li a.active {
  border: none;
  font-weight: 900;
  color: #002D6E;
}
.why-to-join-us .general-tabs-section .tabs-header-list-2 ul li a.nav-link.active {
  border-bottom: 2px solid #002D6E;
}
.why-to-join-us .general-tabs-section .tabs-header-list-2 ul li align-content:hover {
  border: none;
}
.why-to-join-us .general-tabs-section .tabs-header-list-2 ul li a.nav-link {
  border: none;
}
.why-to-join-us .general-tabs-section .tab-section {
  height: 460px;
  display: flex;
  align-items: center;
}
.why-to-join-us .general-tabs-section .tab-section .tab-content-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #FFFFFF;
  justify-content: center;
}
@media (max-width: 991px) {
  .why-to-join-us .general-tabs-section .tab-section .tab-content-block {
    flex-direction: column;
  }
}
.why-to-join-us .general-tabs-section .tab-section .tab-content-block p {
  font-size: 16px;
}
.why-to-join-us .general-tabs-section .tab-section .tab-content-block .tab-content-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 70px;
}
@media (max-width: 991px) {
  .why-to-join-us .general-tabs-section .tab-section .tab-content-block .tab-content-right {
    padding-left: 0px;
  }
  .why-to-join-us .general-tabs-section .tab-section .tab-content-block .tab-content-right img {
    width: 250px;
  }
}
.why-to-join-us .general-tabs-section .tab-section .tab-content-block .tab-content-right p {
  font-size: 16px;
  color: #FFFFFF;
}
.why-to-join-us .general-tabs-section .tab-section .tab-content-block .tab-content-right .explore-library-btn {
  background-color: #00AFA2;
  border-radius: 12px;
  width: 270px;
  height: 40px;
  color: #ffffff;
  border: none;
}
.why-to-join-us .general-tabs-section .tab-section .tab-content-block .tab-content-right .explore-contest-btn {
  background-color: #FF8F1C;
  border-radius: 12px;
  width: 270px;
  height: 40px;
  color: #ffffff;
  border: none;
}
.why-to-join-us .general-tabs-section .tab-section .tab-content-block .tab-content-right .explore-job-btn {
  background-color: #FFFFFF;
  border-radius: 12px;
  width: 270px;
  height: 40px;
  color: #392D5D;
  border: none;
}
.why-to-join-us .general-tabs-section #library-tab-content {
  background: url(../images/join-us/library-wide-bg.png) no-repeat;
}
.why-to-join-us .general-tabs-section #contests-tab-content {
  background: url(../images/join-us/contests-wide-bg.png) no-repeat;
}
.why-to-join-us .general-tabs-section #jobs-tab-content {
  background: url(../images/join-us/Jobs-wide-bg.png) no-repeat;
}
.why-to-join-us .general-tabs-section #rewards-tab-content {
  background: url(../images/join-us/rewards-wide-bg.png) no-repeat;
}
.why-to-join-us #student-tab-content {
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
  padding: 40px 0;
}
.why-to-join-us #student-tab-content button {
  border: 1px solid #FFFFFF;
  font-size: 15px;
  color: #FFFFFF;
  width: 270px;
  height: 40px;
  border-radius: 15px;
  background-color: transparent;
  margin: auto;
  margin-top: 30px;
}
.why-to-join-us #sp-tab-content {
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
  padding: 40px 0;
}
.why-to-join-us #sp-tab-content button {
  border: 1px solid #FFFFFF;
  font-size: 15px;
  color: #FFFFFF;
  width: 270px;
  height: 40px;
  border-radius: 15px;
  background-color: #FF8F1C;
  margin-right: auto;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .why-to-join-us #sp-tab-content button {
    margin: 30px auto 0;
  }
}

.about-us-page {
  background: url(../images/about-us/footer-bg.png) bottom center no-repeat;
  padding-bottom: 80px;
}
.about-us-page .main-header {
  background: url(../images/about-us/header-bg.png) top center no-repeat;
  background-color: #002D6E;
  color: #FFF;
  text-align: center;
  min-height: 40px;
  padding-top: 170px;
}
.about-us-page .main-header h4 {
  color: #FFF;
  font-size: 28px;
  font-weight: 100;
  padding-bottom: 40px;
}
.about-us-page .main-header p {
  margin: auto;
  margin-bottom: 50px;
  max-width: 900px;
  font-size: 15px;
  line-height: 2;
}
.about-us-page .main-header span {
  display: block;
  padding-bottom: 20px;
}
.about-us-page .contact-us {
  background-color: #00B4E1;
  padding: 80px 0;
  color: #FFF;
}
.about-us-page .contact-us .contact-content h5 {
  font-size: 20px;
  font-weight: 100;
  color: #FFF;
  padding-bottom: 30px;
}
.about-us-page .contact-us .contact-content a.call-us {
  display: block;
  width: 172px;
  height: 40px;
  border: 1px solid #FFFFFF;
  border-radius: 15px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 20px;
  line-height: 40px;
}
@media (min-width: 991px) {
  .about-us-page .contact-us .contact-content a.call-us {
    margin: 0 auto 20px !important;
  }
}
.about-us-page .contact-us .contact-content ul a {
  text-decoration: underline;
  line-height: 1.7;
  font-size: 16px;
  color: #FFF;
}
.about-us-page .brands-sections {
  padding: 60px 0;
}
.about-us-page .brands-sections .title {
  text-align: center;
  color: #002D6E;
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 40px;
}
.about-us-page .brands-sections .brands-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.about-us-page .brands-sections .brand-block {
  width: 96px;
  height: 96px;
  border-radius: 50px;
  box-shadow: 0px 7px 20px rgba(0, 45, 110, 0.1);
  background-color: #FFF;
  margin: 10px;
}
.about-us-page .brands-sections .brand-block span.icon {
  margin: auto;
  margin-top: 5px;
  display: block;
  width: 86px;
  height: 86px;
  overflow: hidden;
  border-radius: 50%;
}
.about-us-page .brands-sections .brand-block span.icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.about-us-page .vision-mission-tabs {
  margin-bottom: 50px;
  margin-top: 60px;
}
.about-us-page .vision-mission-tabs .image-container {
  max-width: 360px;
}
.about-us-page .vision-mission-tabs .image-container img {
  max-width: 100%;
}
.about-us-page .vision-mission-tabs .tabs-list {
  text-align: center;
  max-width: 400px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.about-us-page .vision-mission-tabs .tabs-list .nav-item {
  width: 50%;
}
.about-us-page .vision-mission-tabs .tabs-list .nav-item a {
  display: block;
  border-bottom: 1px solid #002D6E;
  line-height: 48px;
  color: #75787B;
  font-size: 25px;
  font-weight: 100;
}
.about-us-page .vision-mission-tabs .tabs-list .nav-item a.active {
  font-weight: bold;
  color: #002D6E;
  border-bottom: 3px solid #002D6E;
}
.about-us-page .vision-mission-tabs .tab-content {
  padding-top: 50px;
}
.about-us-page .vision-mission-tabs .tab-content .tab-pane {
  text-align: center;
}
.about-us-page .vision-mission-tabs .tab-content .tab-pane p {
  font-size: 18px;
  color: #002D6E;
  line-height: 2.3;
}
.about-us-page .our-values-container {
  margin-top: 160px;
  background-color: #F9F9F9;
  padding-bottom: 60px;
}
.about-us-page .our-values-container .title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: -130px;
}
.about-us-page .our-values-container .title img {
  max-width: 314px;
}
.about-us-page .our-values-container .title div {
  padding-left: 25px;
  color: #002D6E;
  font-size: 25px;
  font-weight: bold;
}
.about-us-page .our-values-container .title div span {
  color: #FF8F1C;
}
.about-us-page .our-values-container .tabs-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
}
.about-us-page .our-values-container .tabs-container .tabs-list {
  display: flex;
  flex-direction: column;
  min-width: 220px;
}
.about-us-page .our-values-container .tabs-container .tabs-list .nav-item {
  text-align: left !important;
}
.about-us-page .our-values-container .tabs-container .tabs-list .nav-item a {
  text-align: left !important;
  font-size: 22px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 100;
  color: #002D6E;
}
.about-us-page .our-values-container .tabs-container .tabs-list .nav-item a.active {
  font-weight: bold;
  color: #00B4E1;
}
.about-us-page .our-values-container .tabs-container .tab-content {
  flex-grow: 1;
}
.about-us-page .our-values-container .tabs-container .tab-content .tab-pane .tab-content-block {
  background: url(../images/about-us/bg-tabs.png) bottom right no-repeat;
  background-size: 300px;
  background-color: #FFF;
  padding: 20px 30px;
  box-shadow: 0px 10px 30px rgba(219, 216, 234, 0.5);
  border-radius: 20px;
  min-height: 260px;
  padding-right: 360px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.about-us-page .our-values-container .tabs-container .tab-content .tab-pane .tab-content-block p {
  color: #002D6E;
  font-size: 15px;
  line-height: 2.2;
  font-weight: 100;
}
@media (min-width: 991px) {
  .about-us-page .our-values-container .tabs-container .tab-content .tab-pane .tab-content-block p {
    background-color: #f4f4f4db;
    border-radius: 15px;
  }
}

.select2-selection {
  height: 40px;
}
.select2-selection .select2-selection__rendered {
  display: block !important;
  white-space: normal;
  word-break: break-all;
}

.select2 {
  width: 50% !important;
}

.job {
  background-color: #392D5D !important;
}
.job .navbar-nav {
  text-align: left;
  background-color: #392D5D;
}

.job-vacancy-card {
  /*navbar-nav : $accent;*/
}
.job-vacancy-card .created-by-card {
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  box-shadow: 0px 6px 8px rgba(57, 45, 93, 0.1);
  height: 210px;
}
@media (max-width: 991px) {
  .job-vacancy-card .created-by-card {
    text-align: left;
  }
}
.job-vacancy-card .created-by-card .job-vacancy-card-header {
  display: flex;
  border: none;
  margin: 10px 15px 10px 15px;
}
.job-vacancy-card .created-by-card .job-vacancy-card-header .image-container {
  display: flex;
  align-items: center;
}
.job-vacancy-card .created-by-card .job-vacancy-card-header .image-container img {
  border-radius: 20px;
  height: 60px;
  width: 60px;
}
.job-vacancy-card .created-by-card .job-vacancy-card-header .card-body {
  padding: 14px;
  display: flex;
  flex-direction: column;
}
.job-vacancy-card .created-by-card .job-vacancy-card-header .card-body a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.job-vacancy-card .created-by-card .job-vacancy-card-header .card-body a h4 {
  color: #002D6E;
  font-size: 15px;
  font-weight: 900;
  float: left;
}
.job-vacancy-card .created-by-card .job-vacancy-card-header .card-body .card-rating {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.job-vacancy-card .created-by-card .job-vacancy-card-header .card-body .card-rating .fa-star {
  height: 14px;
  width: 14px;
  color: #FFDD00;
}
.job-vacancy-card .created-by-card .job-vacancy-card-header .card-body .card-rating p {
  font-size: 12px;
  font-weight: 900;
  color: #000000;
}
.job-vacancy-card .created-by-card .job-vacancy-card-header .card-body .card-location {
  display: flex;
  align-items: center;
}
.job-vacancy-card .created-by-card .job-vacancy-card-header .card-body .card-location .fa-map-marker-alt {
  color: #FF585D;
}
.job-vacancy-card .created-by-card .job-vacancy-card-header .card-body .card-location p {
  font-size: 12px;
  color: #000000;
  font-weight: 100;
}
.job-vacancy-card .created-by-card .hr {
  height: 1px;
  background-color: #f6f6f6;
  width: 90%;
  margin: auto;
}
.job-vacancy-card .created-by-card .card-body-details {
  margin: 15px 24px 15px 24px;
}
.job-vacancy-card .created-by-card .card-body-details h4 {
  font-size: 15px;
  font-weight: 900;
  color: #002F6C;
  margin-bottom: 16px !important;
  text-align: start;
}
.job-vacancy-card .created-by-card .card-body-details th, .job-vacancy-card .created-by-card .card-body-details td {
  border: none;
  font-size: 12px;
  color: #000000;
  font-weight: 500;
  padding: 0px;
}
.job-vacancy-card .created-by-card .card-body-details table .table-key {
  font-size: 12px;
  color: black;
  text-align: start;
}
.job-vacancy-card .created-by-card .card-body-details table .table-value {
  font-size: 12px;
  color: black;
  font-weight: 900;
}
.job-vacancy-card .created-by-card .card-body-details table .fa-desktop {
  color: #00B4E1;
}
.job-vacancy-card .created-by-card .card-body-details table .fa-building {
  color: #00AFA2;
}
.job-vacancy-card-full .created-by-card-full {
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  /*width: 360px;*/
  /*max-width: 360px;*/
  box-shadow: 0px 6px 8px rgba(57, 45, 93, 0.1);
  padding: 24px 20px 0px 24px;
}
.job-vacancy-card-full .created-by-card-full .job-vacancy-card-header-full {
  display: flex;
  justify-content: space-between;
}
.job-vacancy-card-full .created-by-card-full .job-vacancy-card-header-full h4 {
  font-size: 15px;
  color: #002D6E;
  font-weight: 900;
}
.job-vacancy-card-full .created-by-card-full .job-vacancy-card-header-full p {
  font-size: 12px;
  color: #75787B;
}
.job-vacancy-card-full .created-by-card-full .hr {
  margin: auto;
  height: 2px;
  background-color: #E6E6E6;
}
.job-vacancy-card-full .created-by-card-full .card-body-full {
  display: flex;
  margin-top: 20px;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .image-container {
  /*padding: 20px 20px 10px 20px;*/
}
.job-vacancy-card-full .created-by-card-full .card-body-full .image-container img {
  border-radius: 20px;
  max-width: 100%;
  height: 90px;
  width: 96px;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container {
  width: 94% !important;
  /*margin-left: 24px;*/
}
@media (max-width: 767px) {
  .job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container {
    display: none;
  }
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container th, .job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container td {
  border: none;
  font-size: 12px;
  color: #000000;
  font-weight: 500;
  padding: 4px;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container .table-key {
  font-size: 12px;
  color: #000000;
  width: 20%;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container .table-value {
  font-size: 12px;
  color: #000000;
  font-weight: 900;
  width: 70%;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container .table-value .card-rating {
  display: flex;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container .table-key-name {
  font-size: 15px;
  color: #392D5D;
  font-weight: 900;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container .fa-desktop {
  color: #00B4E1;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container .fa-building {
  color: #00AFA2;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container tr .card-rating {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container tr .card-rating .fa-star {
  height: 14px;
  width: 14px;
  color: #FFDD00;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container tr .card-rating p {
  font-size: 12px;
  font-weight: 900;
  color: #000000;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container tr .card-location {
  display: flex;
  align-items: center;
  text-align: start;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container tr .card-location .fa-map-marker-alt {
  color: #FF585D;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container tr .card-location p {
  font-size: 12px;
  color: #000000;
  font-weight: 100;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container-sm {
  display: none;
  margin-top: 14px;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container-sm {
    display: block;
  }
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container-sm .specialiaztion, .job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container-sm .work-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container-sm .specialiaztion h5, .job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container-sm .work-type h5 {
  font-size: 12px;
  color: #000;
  text-align: start;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container-sm .specialiaztion h4, .job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container-sm .work-type h4 {
  font-size: 12px;
  color: #000;
  font-weight: 900;
  text-align: start;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container-sm .store-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container-sm .store-details .card-rating {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container-sm .store-details .card-rating .fa-star {
  height: 14px;
  width: 14px;
  color: #FFDD00;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container-sm .store-details .card-rating p {
  font-size: 12px;
  font-weight: 900;
  color: #000000;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container-sm .store-details .card-location {
  display: flex;
  align-items: center;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container-sm .store-details .card-location .fa-map-marker-alt {
  color: #FF585D;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container-sm .store-details .card-location p {
  font-size: 12px;
  color: #000000;
  font-weight: 100;
}
.job-vacancy-card-full .created-by-card-full .card-body-full .card-body-container-sm .store-details a {
  font-size: 15px;
  color: #392D5D;
  font-weight: 900;
}

.at-office {
  display: flex;
  align-items: center;
  color: #00AFA2;
}

.at-desktop {
  display: flex;
  align-items: center;
  color: #00B4E1;
}

.job-vacancy-details .job-vacancy-header {
  background-color: #FCFCFC;
  height: 156px;
  padding: 20px 28px 20px 28px;
  border-bottom: 1px solid #E6E6E6;
}
.job-vacancy-details .job-vacancy-header .image-container {
  display: flex;
  align-items: center;
}
.job-vacancy-details .job-vacancy-header .image-container img {
  border-radius: 50%;
  height: 116px;
  width: 116px;
}
.job-vacancy-details h3 {
  color: #002D6E;
  font-weight: 900;
  font-size: 20px;
  margin-top: 30px;
}
.job-vacancy-details .job-vacancy-rating {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
}
@media (max-width: 991px) {
  .job-vacancy-details .job-vacancy-rating {
    margin-top: 30px;
    justify-content: center;
  }
}
.job-vacancy-details .job-vacancy-rating h6 {
  color: #002D6E;
  font-size: 15px;
}
.job-vacancy-details .job-vacancy-rating .rating {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 26px;
}
.job-vacancy-details .job-vacancy-rating .rating .fa-star {
  height: 14px;
  width: 14px;
  color: #FFDD00;
}
.job-vacancy-details .job-vacancy-rating .rating p {
  font-size: 12px;
  font-weight: 900;
  color: #000000;
}
.job-vacancy-details .job-description h4 {
  color: #000000;
  font-size: 15px;
  margin-top: 40px;
  font-weight: 900;
}
.job-vacancy-details .job-description p {
  color: #75787B;
  font-size: 15px;
  margin-top: 30px;
}
.job-vacancy-details .vacancy-location {
  display: flex;
  align-items: center;
}
.job-vacancy-details .vacancy-location .fa {
  color: red;
}
.job-vacancy-details .vacancy-location p {
  color: #002D6E;
  font-size: 15px;
}
.job-vacancy-details .custom-table-border {
  border-bottom: 1px solid #E6E6E6;
}
.job-vacancy-details .duties h4 {
  color: #000000;
  font-size: 15px;
  margin-bottom: 30px !important;
  margin-top: 40px;
  font-weight: 900;
}
.job-vacancy-details .duties p {
  color: #75787B;
  font-size: 15px;
  margin-bottom: 10px !important;
}
.job-vacancy-details .job-details-tags h4 {
  color: #000000;
  font-size: 15px;
  margin-bottom: 30px !important;
  margin-top: 40px;
  font-weight: 900;
}
.job-vacancy-details .job-details-tags button {
  border-radius: 20px;
  border: none;
  background-color: #392D5D;
  height: 36px;
  /*width: 128px;*/
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 12px;
}
.job-vacancy-details .job-details-tags button span {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 900;
}
.job-vacancy-details .cv-management {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100px;
  border-bottom: 1px solid #E6E6E6;
  border-top: 1px solid #E6E6E6;
  background-color: #FCFCFC;
}
@media (max-width: 991px) {
  .job-vacancy-details .cv-management {
    justify-content: center;
    height: auto;
    padding: 20px;
  }
}
.job-vacancy-details .cv-management p {
  color: #FF585D;
  font-size: 12px;
  margin-bottom: 0px;
  margin-right: 12px;
}

.btn-outline {
  border-radius: 15px;
  background-color: #FCFCFC;
  border: 1px solid #392D5D;
  height: 40px;
  width: 194px;
  margin-right: 20px;
}
@media (max-width: 991px) {
  .btn-outline {
    margin-right: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.btn-outline span {
  font-size: 15px;
  color: #392D5D;
  font-weight: 900;
}

.btn-filled {
  border-radius: 15px;
  background-color: #00B4E1;
  height: 40px;
  width: 194px;
  border: none;
}
.btn-filled span {
  font-size: 15px;
  color: #FFFFFF;
  font-weight: 900;
}

.card-cv {
  background-color: #392d5d;
  border-radius: 20px;
  width: 280px;
  height: 110px;
  padding: 18px;
}
.card-cv span {
  font-size: 20px;
  font-weight: 900;
  color: #FFFFFF;
}

.spec-name {
  font-weight: 900;
  font-size: 15px;
  color: #000000;
}

.questionnaire {
  display: flex;
}
.questionnaire aside {
  background-color: #FCFCFC;
  padding: 28px;
  width: 264px;
}
.questionnaire aside ul li {
  color: #002F6C;
  font-size: 15px;
  margin-bottom: 8px;
}
.questionnaire section {
  width: 100%;
}
.questionnaire section .questionnaire-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E6E6E6;
  margin-left: 40px;
}
.questionnaire section .questionnaire-header .header-title h3 {
  color: #00B4E1;
  font-size: 25px;
  font-weight: 900;
}
.questionnaire section .questionnaire-header .header-title h6 {
  color: #002D6E;
  font-size: 12px;
}
.questionnaire section .questionnaire-header img {
  width: 250px;
  height: 150px;
}
.questionnaire section .questionnaire-card {
  background-color: #FFFFFF;
  padding: 10px 30px 30px 30px;
  margin: 30px;
  box-shadow: 0px 6px 8px rgba(0, 180, 225, 0.16);
  border-radius: 16px;
}
.questionnaire section .questionnaire-card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 4px 6px 4px;
}
.questionnaire section .questionnaire-card .card-header h6 {
  color: #000000;
  font-size: 14px;
  opacity: 0.5;
}
.questionnaire section .questionnaire-card .card-header .card-date {
  display: flex;
  align-items: center;
}
.questionnaire section .questionnaire-card .card-header .card-date p {
  margin-bottom: 0px;
  color: #000000;
  font-size: 12px;
  opacity: 0.5;
}
.questionnaire section .questionnaire-card .card-header .card-date .red-dot {
  background-color: red;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  margin-inline-start: 10px;
}
.questionnaire section .questionnaire-card .card-body h4 {
  color: #002F6C;
  font-size: 15px;
  font-weight: 900;
}
.questionnaire section .questionnaire-card .card-body p {
  color: #000000;
  font-size: 14px;
}
.questionnaire section .hr {
  margin: auto;
  width: 92%;
  height: 1px;
  background-color: #E6E6E6;
}

.questionnaire-details .back-btn {
  text-decoration: underline;
  color: #002D6E;
  font-size: 14px;
}
.questionnaire-details .questionnaire-details-card {
  box-shadow: 0px 15px 18px rgba(0, 180, 225, 0.16);
  border-radius: 20px;
  padding: 60px;
}
.questionnaire-details .questionnaire-details-card .card-top-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E6E6E6;
  flex-wrap: wrap;
}
.questionnaire-details .questionnaire-details-card .card-top-header h6 {
  color: #000000;
  font-size: 14px;
}
.questionnaire-details .questionnaire-details-card .card-top-header p {
  color: #000000;
  opacity: 0.5;
  font-size: 14px;
  margin-bottom: 0px;
}
.questionnaire-details .questionnaire-details-card .card-header {
  border: none;
  padding: 0px;
}
.questionnaire-details .questionnaire-details-card .card-header h4 {
  font-size: 18px;
  color: #002F6C;
  font-weight: 900;
}
.questionnaire-details .questionnaire-details-card .card-header p {
  color: #000000;
  font-size: 15px;
}
.questionnaire-details .questionnaire-details-body .question {
  margin-top: 50px;
}
.questionnaire-details .questionnaire-details-body .question .question-heading {
  display: flex;
  align-items: center;
}
.questionnaire-details .questionnaire-details-body .question .question-heading h4 {
  color: #00B4E1;
  font-size: 18px;
  font-weight: 900;
}
.questionnaire-details .questionnaire-details-body .question .question-heading .hr {
  margin-left: auto;
  width: 82%;
  height: 1px;
  background-color: #E6E6E6;
}
.questionnaire-details .questionnaire-details-body .question .question-body h4 {
  font-size: 18px;
  color: #002F6C;
  margin-top: 20px;
  margin-bottom: 20px !important;
}
.questionnaire-details .questionnaire-details-body .question .question-body label {
  margin-bottom: 0px;
  font-size: 15px;
  color: #002F6C;
}
.questionnaire-details .actions {
  text-align: center;
  margin-top: 60px;
}
.questionnaire-details .actions .cancel-btn {
  border: none;
  background-color: #D2D2D2;
  border-radius: 15px;
  font-size: 15px;
  color: #002D6E;
  width: 230px;
  height: 40px;
}
.questionnaire-details .actions .submit-btn {
  border: none;
  background-color: #00B4E1;
  border-radius: 15px;
  font-size: 15px;
  color: #FFFFFF;
  width: 230px;
  height: 40px;
}
.questionnaire-details .actions .btns-questionaire-div {
  display: flex;
  justify-content: center;
}

.questionaire-thanks-card {
  box-shadow: 0px 0px 20px rgba(15, 40, 55, 0.06);
  border: 1px solid #EFEFEF;
  border-radius: 24px;
  padding: 40px 60px 60px 60px;
  background-image: url("/Themes/RootTheme/Content/student-store/images/well_done_bg@2x.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 34%;
}
@media (max-width: 991px) {
  .questionaire-thanks-card {
    padding: 40px 30px 60px 30px;
  }
}
.questionaire-thanks-card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
}
.questionaire-thanks-card .card-header h3 {
  color: #000000;
  font-size: 14px;
  margin-bottom: 0px;
}
.questionaire-thanks-card .card-header p {
  color: #000000;
  font-size: 14px;
  opacity: 0.5;
  margin-bottom: 0px;
}
.questionaire-thanks-card .card-body {
  padding: 0px;
}
.questionaire-thanks-card .card-body h1 {
  font-size: 30px;
  color: #00B4E1;
  font-weight: 900;
}
.questionaire-thanks-card .card-body p {
  font-size: 15px;
  color: #002F6C;
}

.printers {
  background-color: #002D6E !important;
}
.printers .navbar-nav {
  text-align: left;
  background-color: #002D6E;
}

.printing-section .printing-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #E6E6E6;
}
.printing-section .printing-header img {
  height: 182px;
  width: 406px;
}
.printing-section .printing-header .header-title h3 {
  color: #00B4E1;
  font-size: 25px;
  font-weight: 900;
}
.printing-section .printing-header .header-title h6 {
  color: #002D6E;
  font-size: 12px;
  margin-top: 30px;
}
.printing-section .printing-card {
  box-shadow: 0px 15px 18px rgba(0, 175, 162, 0.1);
  padding: 14px 12px 20px 12px;
  border-radius: 20px;
  border: 1px solid #E6E6E6;
}
.printing-section .printing-card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 6px 14px 0px 14px;
  border: none;
}
.printing-section .printing-card .card-header h3 {
  color: #002D6E;
  font-size: 18px;
  font-weight: 900;
}
.printing-section .printing-card .card-header .card-rating {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.printing-section .printing-card .card-header .card-rating .fa-star {
  height: 14px;
  width: 14px;
  color: #FFDD00;
}
.printing-section .printing-card .card-header .card-rating p {
  font-size: 12px;
  font-weight: 900;
  color: #000000;
}
.printing-section .printing-card .image-container {
  padding: 8px 0px 8px 0px;
}
.printing-section .printing-card .image-container img {
  border-radius: 20px;
  max-width: 100%;
  height: 206px;
  width: 320px;
}
.printing-section .printing-card .card-info {
  margin: 10px 10px 10px 10px;
}
.printing-section .printing-card .card-info .printer-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.fa-map-marker-alt {
  color: #FF585D;
}

.fa-envelope {
  height: 14px;
  width: 14px;
  color: #00AFA2;
}

.fa-phone {
  height: 14px;
  width: 14px;
  color: #00B4E1;
}

.printer-details .printing-and-packaging {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E6E6E6;
  border-top: 1px solid #E6E6E6;
  padding-top: 40px;
}
@media (max-width: 991px) {
  .printer-details .printing-and-packaging {
    justify-content: center;
    display: block;
    justify-content: center;
  }
}
.printer-details .printing-and-packaging h4 {
  color: #75787B;
  font-size: 15px;
}
.printer-details .printing-and-packaging .printing-info {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .printer-details .printing-and-packaging .printing-info {
    justify-content: center;
  }
}
.printer-details .printing-and-packaging .printing-info .printer-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #002D6E;
}
.printer-details .printing-and-packaging img {
  height: 182px;
  width: 406px;
}
@media (max-width: 991px) {
  .printer-details .printing-and-packaging img {
    margin-top: 30px;
  }
}
.printer-details .printing-and-packaging .new-resquest-btn {
  background-color: #00AFA2;
  color: #FFFFFF;
  height: 40px;
  width: 240px;
  border: none;
  border-radius: 15px;
  font-weight: 900;
}

.wrap-request .wrap-header {
  height: 100px;
  /*background-color: $main;*/
  display: flex;
  align-items: center;
  background: url(../images/cart-mask.png) left bottom no-repeat #002D6E;
  padding: 0;
  min-height: 155px;
  text-align: right;
  padding-right: 15px;
  padding-top: 12px;
}
.wrap-request .wrap-header .wrap-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 42px;
}
.wrap-request .wrap-header h3 {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 900;
}
.wrap-request .wrap-header .fa-print {
  width: 26px;
  height: 26px;
  color: #FFFFFF;
}
.wrap-request .request-card-wrapper {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 30px;
}
.wrap-request .request-card-wrapper .request-card .card-header {
  background-color: #e5f7fc;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  border-bottom: none;
}
.wrap-request .request-card-wrapper .request-card .card-header .card-title {
  display: flex;
  margin-bottom: 0px;
}
.wrap-request .request-card-wrapper .request-card .card-header .card-title h4 {
  color: #D2D2D2;
  font-size: 15px;
  font-weight: 900;
}
.wrap-request .request-card-wrapper .request-card .card-header .card-title h3 {
  color: #002D6E;
  font-size: 15px;
  font-weight: 900;
}
.wrap-request .request-card-wrapper .request-card .card-header .card-date p {
  color: #75787B;
  font-size: 12px;
  margin: 0px;
}
.wrap-request .request-card-wrapper .request-card .card-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #FCFCFC;
}
@media (max-width: 991px) {
  .wrap-request .request-card-wrapper .request-card .card-body {
    display: block;
    justify-content: center;
    justify-content: center;
  }
}
.wrap-request .request-card-wrapper .request-card .card-body img {
  width: 95px;
  height: 96px;
  border-radius: 20px;
}
.wrap-request .request-card-wrapper .request-card .card-body .card-info {
  margin-inline-start: 40px;
}
.wrap-request .request-card-wrapper .request-card .card-body .card-info .card-rating {
  display: flex;
  align-items: center;
}
.wrap-request .request-card-wrapper .request-card .card-body .card-info .card-rating h3 {
  color: #00B4E1;
  font-size: 15px;
  font-weight: 900;
}
.wrap-request .request-card-wrapper .request-card .card-body .card-info .card-rating .rating {
  display: flex;
  align-items: center;
}
.wrap-request .request-card-wrapper .request-card .card-body .card-info .card-rating .rating .fa-star {
  height: 14px;
  width: 14px;
  color: #FFDD00;
}
.wrap-request .request-card-wrapper .request-card .card-body .card-info .card-rating .rating p {
  color: #000000;
  font-size: 15px;
  font-weight: 900;
}
.wrap-request .request-card-wrapper .request-card .card-body .card-info p {
  font-size: 15px;
  color: #75787B;
}
.wrap-request .request-card-wrapper .request-card .card-body .card-info .card-location {
  display: flex;
  align-items: center;
}
.wrap-request .request-card-wrapper .request-card .card-body .card-info .card-location .fa-map-marker-alt {
  color: #FF585D;
}
.wrap-request .request-card-wrapper .request-card .card-body .card-info .card-location p {
  font-size: 15px;
  color: #75787B;
  font-weight: 100;
}
.wrap-request .request-card-wrapper .request-card .card-body .deliver-by {
  align-items: center;
}
.wrap-request .request-card-wrapper .request-card .card-body .deliver-by h4 {
  color: #002D6E;
  font-size: 14px;
  font-weight: 900;
}
.wrap-request .request-card-wrapper .request-card .card-body .deliver-by p {
  color: #000000;
  font-size: 14px;
}
.wrap-request .request-card-wrapper .request-card .card-body .status-pending {
  color: #FF8F1C;
  font-size: 15px;
  font-weight: 900;
}
.wrap-request .request-card-wrapper .request-card .card-body .status-answered {
  color: #00AF00;
  font-size: 15px;
  font-weight: 900;
}
.wrap-request .request-card-wrapper .request-card .card-body .status-rejected {
  color: #FF585D;
  font-size: 15px;
  font-weight: 900;
}
.wrap-request .request-card-wrapper .request-card .card-body .status-expired {
  color: #FF585D;
  font-size: 15px;
  font-weight: 900;
}

.request-form {
  /*max-height: 868px;*/
  /*max-width: 1140px;*/
  box-shadow: 0px 10px 30px rgba(219, 216, 234, 0.5);
  border-radius: 20px;
  padding: 60px 0px 60px 44px;
}
.request-form .request-header {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .request-form .request-header {
    justify-content: center;
    flex-direction: column;
  }
}
.request-form .request-header .image-container {
  padding: 20px 20px 10px 10px;
  margin-inline-start: 40px;
  /*    @include respond-below(md) {
          margin: 0px;
      }*/
}
.request-form .request-header .image-container img {
  border-radius: 50%;
  height: 156px;
  width: 156px;
}
@media (max-width: 991px) {
  .request-form .request-header .request-title {
    margin: 0px !important;
  }
}
.request-form .request-header .request-title h3 {
  color: #00B4E1;
  font-size: 20px;
  font-weight: 900;
}
.request-form .request-header .request-title .card-rating {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .request-form .request-header .request-title .card-rating {
    justify-content: center;
  }
}
.request-form .request-header .request-title .card-rating .fa-star {
  height: 14px;
  width: 14px;
  color: #FFDD00;
}
.request-form .request-header .request-title .card-rating p {
  font-size: 20px;
  font-weight: 900;
  color: #000000;
}
.request-form .request-header .request-title .card-rating h3 {
  font-size: 20px;
  font-weight: 900;
  color: #002D6E;
}
.request-form .request-header .request-title p {
  color: #002D6E;
  font-size: 12px;
}
.request-form .hr {
  margin-left: auto;
  width: 77%;
  height: 1px;
  background-color: #E6E6E6;
}
@media (max-width: 991px) {
  .request-form .hr {
    margin: auto;
  }
}
.request-form .request-form-body select, .request-form .request-form-body input, .request-form .request-form-body textarea {
  border: 1px solid #002D6E;
  border-radius: 15px;
  width: 270px;
  height: 40px !important;
  text-align: center;
}
@media (max-width: 991px) {
  .request-form .request-form-body select, .request-form .request-form-body input, .request-form .request-form-body textarea {
    width: 85%;
  }
}
.request-form .request-form-body textarea {
  width: 100%;
}
.request-form .request-form-body .display-grid {
  display: grid;
}
.request-form .request-form-body .copies-number {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
@media (max-width: 991px) {
  .request-form .request-form-body .copies-number {
    justify-content: center;
  }
}
.request-form .request-form-body .copies-number .minus-btn {
  border-radius: 50%;
  border: 1px solid #75787B;
  width: 30px;
  height: 30px;
  background-color: #FFFFFF;
}
.request-form .request-form-body .copies-number .minus-btn .fa {
  color: #75787B;
}
.request-form .request-form-body .copies-number .plus-btn {
  border-radius: 50%;
  border: 1px solid #00B4E1;
  width: 30px;
  height: 30px;
  background-color: #FFFFFF;
}
.request-form .request-form-body .copies-number .plus-btn .fa {
  color: #00B4E1;
}
.request-form .request-form-body .copies-number input {
  height: 40px;
  width: 120px;
}
.request-form .request-form-body .copies-number ::placeholder {
  font-size: 10px !important;
}
.request-form .request-form-body .copies-number input::-webkit-outer-spin-button,
.request-form .request-form-body .copies-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.request-form .request-form-body .copies-number input[type=number] {
  -moz-appearance: textfield;
}
.request-form .request-form-body label {
  font-size: 15px;
  color: #002D6E;
}
.request-form .request-form-body .submit-btn {
  border-radius: 15px;
  border: none;
  background-color: #00AFA2;
  width: 240px;
  height: 40px;
  color: #FFFFFF;
  font-size: 15px;
}
.request-form .request-form-body .date-picker-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 991px) {
  .request-form .request-form-body .date-picker-wrapper {
    justify-content: center;
  }
}
.request-form .request-form-body .date-picker-wrapper select {
  border: 1px solid #002d6e;
  border-radius: 15px;
  min-height: 40px;
  width: 30%;
  margin-left: 8px;
}
.request-form .request-form-body .button-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 991px) {
  .request-form .request-form-body .button-wrapper {
    justify-content: center;
  }
}

.wrap-request-details .request-card-wrapper {
  border-bottom: none;
  padding-bottom: 0px;
}
.wrap-request-details .wrap-request-details-table th {
  width: 35%;
  font-size: 15px;
  color: #000000;
  font-weight: 900;
}
.wrap-request-details .wrap-request-details-table .td-printing-number {
  color: #00AF00;
  font-size: 15px;
  font-weight: 900;
}
.wrap-request-details .wrap-request-details-table .td-table-size {
  display: flex;
  align-items: baseline;
  color: #75787B;
  font-size: 15px;
}
.wrap-request-details .wrap-request-details-table .td-table-size h4 {
  font-weight: 900;
  font-size: 15px;
}
.wrap-request-details .wrap-request-details-table .td-num-copies {
  color: #FF585D;
  font-size: 15px;
  font-weight: 900;
}
.wrap-request-details .wrap-request-details-table .td-normal {
  color: #000000;
  font-size: 15px;
  font-weight: 900;
}
.wrap-request-details .request-details-note {
  background-color: #FCFCFC;
}
.wrap-request-details .request-details-note h3 {
  font-size: 20px;
  color: #75787B;
  font-weight: 900;
}
.wrap-request-details .request-details-note p {
  color: #75787B;
  font-size: 15px;
  font-weight: 500;
}
.wrap-request-details .request-details-offer h3 {
  color: #75787B;
  font-size: 20px;
  font-weight: 900;
}
.wrap-request-details .request-details-offer .offer-details .offer-card {
  padding: 10px 25px 10px 25px;
  border-radius: 16px;
  height: 170px;
  width: 330px;
}
.wrap-request-details .request-details-offer .offer-details .offer-card .card-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #FFFFFF;
  padding-left: 0px;
  padding-right: 0px;
}
.wrap-request-details .request-details-offer .offer-details .offer-card .card-header h3 {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 900;
}
.wrap-request-details .request-details-offer .offer-details .offer-card .card-body {
  padding: 20px 0px 20px 0px;
}
.wrap-request-details .request-details-offer .offer-details .offer-card .card-body .image-container {
  margin-inline-end: 40px;
}
.wrap-request-details .request-details-offer .offer-details .offer-card .card-body h2 {
  color: #FFFFFF;
  font-size: 38px;
  font-weight: 900;
}
.wrap-request-details .request-details-offer .offer-details .offer-card .card-body .card-body-price {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.wrap-request-details .request-details-offer .offer-details .offer-card .card-body .card-body-price h3 {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 900;
}
.wrap-request-details .request-details-offer .offer-details .offer-card .card-body .card-body-price .body-price-number {
  display: flex;
}
.wrap-request-details .request-details-offer .offer-details .offer-card .card-body .card-body-price .body-price-number h3 {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 900;
}
.wrap-request-details .request-details-offer .offer-details .offer-card .card-body .card-body-price .body-price-number h3:first-child {
  color: #000000;
  font-size: 15px;
  font-weight: 900;
}
.wrap-request-details .request-details-offer .offer-details .offer-card-success {
  background-color: #00AFA2;
}
.wrap-request-details .request-details-offer .offer-details .offer-card-gray {
  background-color: #E6E6E6;
}
.wrap-request-details .request-details-offer .offer-details .offer-card-gray .card-header h3 {
  color: #FF585D;
}
.wrap-request-details .request-details-offer .offer-details .offer-card-gray .card-body h2 {
  color: #75787B;
}
.wrap-request-details .request-details-offer .offer-details .offer-card-gray .card-body .card-body-price h3 {
  color: #75787B;
}
.wrap-request-details .request-details-offer .offer-details .offer-card-gray .card-body .card-body-price .body-price-number h3 {
  color: #75787B;
}
.wrap-request-details .request-details-offer .offer-note h5 {
  color: #000000;
  font-size: 15px;
  font-weight: 900;
}
.wrap-request-details .request-details-offer .offer-note p {
  color: #75787B;
  font-size: 15px;
  font-weight: 500;
}
.wrap-request-details .offer-details-contact {
  display: flex;
  justify-content: space-between;
}
.wrap-request-details .offer-details-contact h3 {
  color: #75787B;
  font-size: 20px;
  font-weight: 900;
}
.wrap-request-details .offer-details-contact p {
  font-weight: 500;
  color: #002D6E;
}
.wrap-request-details .offer-details-contact .phone-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 320px;
  border: 1px solid #00B4E1;
  background-color: #FFFFFF;
  border-radius: 15px;
}
.wrap-request-details .offer-details-contact .message-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 320px;
  border: 1px solid #00AFA2;
  background-color: #FFFFFF;
  border-radius: 15px;
}
.wrap-request-details .request-new-offer button {
  height: 40px;
  width: 320px;
  border: none;
  background-color: #00B4E1;
  border-radius: 15px;
  color: #FFFFFF;
  opacity: 0.5;
}
.wrap-request-details .request-new-offer + h2 {
  font-size: 20px;
  color: #75787B;
  font-weight: 900;
}
.wrap-request-details .rejection-reason {
  padding: 22px;
  border: 1px solid #FF585D;
  border-radius: 16px;
}
.wrap-request-details .rejection-reason p {
  color: #75787B;
  font-size: 15px;
  margin-bottom: 0px;
}

.chat-seller h3 {
  font-size: 20px;
  color: #00B4E1;
  font-weight: 900;
}
.chat-seller .chat-card {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 1px solid #EFEFEF;
  border-radius: 20px;
  box-shadow: 0px 0px 20px rgba(15, 40, 55, 0.06);
}
.chat-seller .chat-card .card-info {
  display: flex;
  align-items: center;
}
.chat-seller .chat-card .card-info button {
  background-color: #FCFCFC;
  border: 1px solid #D2D2D2;
  border-radius: 16px;
  height: 40px;
  width: 40px;
  margin-inline-start: 20px;
}
.chat-seller .chat-card .card-info .product-info {
  display: flex;
  align-items: center;
}
.chat-seller .chat-card .card-info .product-info .image-container {
  margin: 20px;
}
.chat-seller .chat-card .card-info .product-info .image-container img {
  width: 80px;
  height: 84px;
  border-radius: 16px;
}
.chat-seller .chat-card .card-info .product-info .product-details h4 {
  color: #75787B;
  font-size: 15px;
  font-weight: 900;
}
.chat-seller .chat-card .card-info .product-info .product-details h3 {
  color: #002F6C;
  font-size: 18px;
  font-weight: 900;
}
.chat-seller .chat-card .card-info .product-info .product-details p {
  color: #000000;
  font-size: 12px;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .chat-seller .chat-card .card-info .product-info {
    flex-wrap: wrap;
    padding: 10px;
    justify-content: center;
  }
}
.chat-seller .chat-card .image-container img {
  width: 208px;
}
.chat-seller .hr {
  height: 1px;
  background-color: #E6E6E6;
}
.chat-seller .chat-form-card {
  border-radius: 20px;
  box-shadow: 0px 0px 20px rgba(15, 40, 55, 0.06);
  background-color: #FFFFFF;
}
.chat-seller .chat-form-card .chat-form {
  max-width: 400px;
  margin: auto;
}
.chat-seller .chat-form-card .chat-form label {
  color: #75787B;
  font-size: 15px;
}
.chat-seller .chat-form-card .chat-form input {
  height: 40px;
  border: 1px solid #002D6E;
  border-radius: 15px;
}
.chat-seller .chat-form-card .chat-form textarea {
  border: 1px solid #002D6E;
  border-radius: 15px;
}
.chat-seller .chat-form-card .chat-form .submit-btn {
  background-color: #00B4E1;
  color: #FFFFFF;
  font-size: 15px;
  width: 240px;
  height: 40px;
  border: none;
  border-radius: 15px;
  margin: 0 15px;
}

.received-chat-messages {
  display: flex;
}
.received-chat-messages .aside {
  background-color: #FCFCFC;
  width: 25%;
  padding-top: 30px;
  padding-left: 28px;
}
.received-chat-messages .aside ul li {
  font-size: 15px;
  color: #002F6C;
  margin-bottom: 10px;
}
.received-chat-messages .aside ul .sub-li ul li {
  margin-left: 12px;
  color: #000000;
  font-size: 15px;
}
.received-chat-messages .aside ul li:hover {
  cursor: pointer;
}
.received-chat-messages .aside ul .active {
  font-size: 15px;
  font-weight: 900;
}
.received-chat-messages .dot-danger {
  height: 8px;
  width: 8px;
  background-color: #FF0008;
  border-radius: 50%;
}
.received-chat-messages .dot-blue {
  height: 8px;
  width: 8px;
  background-color: #00B4E1;
  border-radius: 50%;
}
.received-chat-messages section {
  padding: 16px;
}
@media (max-width: 991px) {
  .received-chat-messages section {
    padding: 0px;
  }
}
.received-chat-messages section .received-chat-header {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  border-bottom: 1px solid #E6E6E6;
}
@media (max-width: 767px) {
  .received-chat-messages section .received-chat-header {
    display: block;
    border-bottom: 0px;
  }
}
.received-chat-messages section .received-chat-header img {
  height: 158px;
  width: 216px;
  margin-bottom: 10px;
}
.received-chat-messages section .received-chat-header .header-info {
  margin-inline-start: 40px;
}
@media (max-width: 991px) {
  .received-chat-messages section .received-chat-header .header-info {
    margin-inline-start: 0px;
  }
}
.received-chat-messages section .received-chat-header .header-info .main-title h5 {
  font-size: 24px;
  color: #18bbe4;
  font-weight: 900;
}
.received-chat-messages section .received-chat-header .header-info .favorite-tabs-container {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .received-chat-messages section .received-chat-header .header-info .favorite-tabs-container {
    display: flex;
    justify-content: center;
  }
}
.received-chat-messages section .received-chat-header .header-info .favorite-tabs-container .nav-tabs {
  border-bottom: 1px solid #002d6e;
}
.received-chat-messages section .received-chat-header .header-info .favorite-tabs-container .nav-tabs .nav-item {
  text-align: center;
}
.received-chat-messages section .received-chat-header .header-info .favorite-tabs-container .nav-tabs .nav-item .nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
}
.received-chat-messages section .received-chat-header .header-info .favorite-tabs-container .nav-tabs .nav-item .nav-link span {
  margin-inline-end: 20px;
}
@media (max-width: 991px) {
  .received-chat-messages section .received-chat-header .header-info .favorite-tabs-container .nav-tabs .nav-item .nav-link span {
    margin-inline-end: 4px;
    font-size: 10px;
  }
}
.received-chat-messages section .received-chat-header .header-info .favorite-tabs-container .nav-tabs .nav-item a {
  display: block;
  color: #002d6e;
  border: 0 none !important;
  border-bottom: 3px solid transparent !important;
  padding-bottom: 12px;
  transition: 0.2s ease;
  width: 210px;
}
@media (max-width: 991px) {
  .received-chat-messages section .received-chat-header .header-info .favorite-tabs-container .nav-tabs .nav-item a {
    width: 140px;
    padding-bottom: 0px;
  }
}
.received-chat-messages section .received-chat-header .header-info .favorite-tabs-container .nav-tabs .nav-item a.active {
  border-bottom: 3px solid #002d6e !important;
  font-weight: bold;
}
.received-chat-messages section .messages .message-card {
  display: flex;
  justify-content: space-between;
  border: 1px solid #E9E9E9;
  border-radius: 16px;
  box-shadow: 0px 15px 18px rgba(0, 180, 225, 0.16);
  background-color: white;
  padding: 20px;
}
@media (max-width: 767px) {
  .received-chat-messages section .messages .message-card {
    display: block;
  }
}
.received-chat-messages section .messages .message-card .card-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .received-chat-messages section .messages .message-card .card-info {
    display: block;
  }
}
.received-chat-messages section .messages .message-card .card-info .image-container img {
  height: 84px;
  width: 80px;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .received-chat-messages section .messages .message-card .card-info .image-container img {
    height: 260px;
    width: 100%;
  }
}
.received-chat-messages section .messages .message-card .card-info .card-details {
  margin-inline-start: 20px;
}
@media (max-width: 767px) {
  .received-chat-messages section .messages .message-card .card-info .card-details {
    margin-inline-start: 0px;
  }
}
.received-chat-messages section .messages .message-card .card-info .card-details h4 {
  font-size: 15px;
  color: #002F6C;
  font-weight: 900;
}
@media (max-width: 767px) {
  .received-chat-messages section .messages .message-card .card-info .card-details h4 {
    text-align: center;
    margin-top: 16px;
  }
}
.received-chat-messages section .messages .message-card .card-info .card-details h6 {
  color: #000000;
  font-size: 14px;
  opacity: 0.5;
  margin-top: 6px;
}
@media (max-width: 767px) {
  .received-chat-messages section .messages .message-card .card-info .card-details h6 {
    text-align: start;
    margin-top: 16px;
  }
}
.received-chat-messages section .messages .message-card .card-info .card-details h6:last-child {
  color: #000000;
  font-size: 14px;
  opacity: 1;
  margin-top: 6px;
}
@media (max-width: 767px) {
  .received-chat-messages section .messages .message-card .card-info .card-details h6:last-child {
    text-align: start;
  }
}
.received-chat-messages section .messages .message-card .card-date {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .received-chat-messages section .messages .message-card .card-date {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
  }
}
.received-chat-messages section .messages .message-card .card-date p {
  color: #000000;
  font-size: 12px;
  opacity: 0.5;
  margin-bottom: 0px;
  margin-inline-end: 20px;
}
@media (max-width: 767px) {
  .received-chat-messages section .messages .message-card .card-date p {
    margin-inline-end: 6px;
  }
}
.received-chat-messages section .messages .hr {
  margin: auto;
  height: 1px;
  background-color: #E6E6E6;
}
.received-chat-messages section .chat-search-header {
  display: flex;
  justify-content: space-between;
}
.received-chat-messages section .chat-search-header input, .received-chat-messages section .chat-search-header select {
  border: none;
  border-bottom: 1px solid #ddd;
}
.received-chat-messages section .chat-search-header .fa-search {
  position: relative;
  right: 20px !important;
}

.chat-details {
  display: flex;
}
.chat-details .aside {
  background-color: #FCFCFC;
  width: 25%;
  padding-top: 30px;
  padding-left: 28px;
}
.chat-details .aside ul li {
  font-size: 15px;
  color: #002F6C;
  margin-bottom: 10px;
}
.chat-details .aside ul li:hover {
  cursor: pointer;
}
.chat-details .aside ul .active .active {
  font-size: 15px;
  font-weight: 900;
}
.chat-details .aside .back-btn {
  color: #002D6E;
  font-size: 14px;
  text-decoration: underline;
}
.chat-details .aside .back-btn:hover {
  cursor: pointer;
}
.chat-details section {
  padding: 16px;
}
@media (max-width: 991px) {
  .chat-details section {
    padding: 0px;
  }
}
.chat-details section .hr {
  margin: auto;
  height: 1px;
  width: 98%;
  background-color: #E6E6E6;
}
.chat-details section .messages-container {
  width: 700px;
  border: 1px solid #EEE;
  margin-top: 40px;
  border-radius: 20px;
  background-color: #EEE;
  overflow: hidden;
}
@media (max-width: 991px) {
  .chat-details section .messages-container {
    width: 100%;
  }
}
.chat-details section .messages-container .messages-header, .chat-details section .messages-container .messages-footer {
  width: 100%;
  background-color: #FFF;
  padding: 20px;
  font-size: 30px;
  box-shadow: 0px 0 4px #DDD;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #E6E6E6;
}
.chat-details section .messages-container .messages-footer {
  background-color: #F6F6F6;
  padding: 34px 26px 34px 26px;
}
.chat-details section .messages-container .messages-footer textarea {
  border-radius: 15px;
  border: 1px solid #002D6E;
  width: 100%;
  min-height: 0px;
  height: 50px;
}
.chat-details section .messages-container .messages-footer .submit-btn {
  background-color: #00B4E1;
  border: none;
  border-radius: 15px;
  box-shadow: 0px 4px 9px rgba(0, 45, 110, 0.07);
  font-size: 15px;
  color: #FFFFFF;
  width: 140px;
  height: 40px;
}
.chat-details section .messages-container .messages-header {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .chat-details section .messages-container .messages-header {
    display: block;
  }
}
.chat-details section .messages-container .messages-header .header-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.chat-details section .messages-container .messages-header .header-info .image-container img {
  height: 84px;
  width: 80px;
  border-radius: 16px;
}
@media (max-width: 991px) {
  .chat-details section .messages-container .messages-header .header-info .image-container img {
    width: 100px;
  }
}
.chat-details section .messages-container .messages-header .header-info .header-details {
  margin-left: 20px;
}
.chat-details section .messages-container .messages-header .header-info .header-details h4 {
  font-size: 15px;
  color: #002F6C;
  font-weight: 900;
}
@media (max-width: 991px) {
  .chat-details section .messages-container .messages-header .header-info .header-details h4 {
    text-align: start;
  }
}
.chat-details section .messages-container .messages-header .header-info .header-details h6 {
  color: #000000;
  font-size: 14px;
  opacity: 0.5;
  margin-top: 6px;
}
@media (max-width: 991px) {
  .chat-details section .messages-container .messages-header .header-info .header-details h6 {
    text-align: start;
  }
}
.chat-details section .messages-container .messages-header .header-date {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .chat-details section .messages-container .messages-header .header-date {
    display: block;
    text-align: end;
  }
}
.chat-details section .messages-container .messages-header .header-date p {
  color: #000000;
  font-size: 12px;
  opacity: 0.5;
  margin-bottom: 0px;
  margin-right: 20px;
}
.chat-details section .messages-container .messages-content {
  height: 500px;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  overflow-y: auto;
  /*justify-content: flex-end;*/
}
.chat-details section .messages-container .messages-content .single-message {
  padding: 10px 20px 10px 20px;
  display: flex;
  justify-content: flex-start;
}
.chat-details section .messages-container .messages-content .single-message .message-container {
  box-shadow: 2px 2px 7px #DDD;
  background-color: #FFF;
  border-radius: 10px;
  padding: 10px 20px 10px 20px;
}
.chat-details section .messages-container .messages-content .single-message .message-container .message-content {
  max-width: 95%;
  padding: 10px 0px 10px 0px;
  margin: 0;
  width: auto;
  font-weight: 500;
  color: #000000;
}
.chat-details section .messages-container .messages-content .single-message .message-container .message-header-me {
  border-bottom: 1px solid #8DE8FF;
}
.chat-details section .messages-container .messages-content .single-message .message-container .message-header-me p {
  font-size: 12px;
  color: #000000;
  margin-bottom: 0px;
  opacity: 0.5;
}
.chat-details section .messages-container .messages-content .single-message .message-container .message-header-friend {
  display: flex;
  justify-content: space-between;
  align-items: center center;
  border-bottom: 1px solid #F6F6F6;
}
.chat-details section .messages-container .messages-content .single-message .message-container .message-header-friend p {
  font-size: 12px;
  color: #000000;
  opacity: 0.5;
  margin-right: 10px;
  margin-bottom: 0px;
}
.chat-details section .messages-container .messages-content .single-message .message-container .message-header-friend .message-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chat-details section .messages-container .messages-content .single-message .message-container .message-header-friend .message-date .dot-danger {
  height: 8px;
  width: 8px;
  background-color: #FF0008;
  border-radius: 50%;
}
.chat-details section .messages-container .messages-content .single-message .message-container .message-header-friend .message-date .dot-blue {
  height: 8px;
  width: 8px;
  background-color: #00B4E1;
  border-radius: 50%;
}
.chat-details section .messages-container .messages-content .me {
  justify-content: flex-end;
}
.chat-details section .messages-container .messages-content .me .message-container {
  background-color: #E1F9FF;
  min-width: 200px;
}
.chat-details section .messages-container .messages-content .friend .message-container {
  background-color: #FFFFFF;
  min-width: 260px;
  box-shadow: 0px 15px 18px rgba(0, 180, 225, 0.16);
}
@media (max-width: 991px) {
  .chat-details section .messages-container .messages-content .friend .message-container {
    min-width: 238px;
  }
}

.contact-page .page-body .container .contact-us-header {
  border-bottom: 1px solid #E6E6E6;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .contact-page .page-body .container .contact-us-header .image-container {
    display: none;
  }
  .contact-page .page-body .container .contact-us-header h2 {
    margin: auto;
  }
}
.contact-page .page-body .container .contact-us-header h2 {
  font-size: 20px;
  color: #00B4E1;
  font-weight: 900;
  margin-left: 110px;
}
.contact-page .page-body .container .contact-us-header .image-container {
  text-align: right;
  width: 240px;
  margin-left: -200px;
}
.contact-page .page-body .container .contact-us-header .image-container .contest-image {
  height: 160px;
  width: 250px;
}
.contact-page .page-body .container .fieldset .contact-us-card {
  box-shadow: 0px 0px 20px rgba(15, 40, 55, 0.06);
  border: 1px solid #EFEFEF;
  border-radius: 20px;
  padding: 100px 40px 100px 40px;
  max-width: 860px;
  margin: auto;
}
.contact-page .page-body .container .fieldset .contact-us-card .form-group input, .contact-page .page-body .container .fieldset .contact-us-card .form-group textarea {
  border: 1px solid #002D6E;
  border-radius: 15px;
}
.contact-page .page-body .container .fieldset .contact-us-card .upload-document {
  /*  display: flex;
  align-items: center;
  justify-content: center;*/
  /* button {
       background-color: #FFFFFF;
       width: 96px;
       height: 96px;
       border: none;
       border-radius: 20px;
       box-shadow: 0px 5px 20px rgba(219, 216, 234, 0.5);
       float: right;

       .fas {
           background-color: rgba(230, 230, 230, 1);
           color: #FFFFFF;
           padding: 8px;
           border-radius: 6px;
       }
   }*/
}
@media (min-width: 991px) {
  .contact-page .page-body .container .fieldset .contact-us-card .upload-document {
    width: 54%;
    margin: auto;
  }
}
.contact-page .page-body .container .fieldset .contact-us-card .upload-document h5 {
  font-size: 15px;
  color: #75787B;
}
.contact-page .page-body .container .fieldset .contact-us-card .upload-document h6 {
  font-size: 12px;
  color: #FF8F1C;
  margin-top: 10px;
}
.contact-page .page-body .container .fieldset .contact-us-card .qq-uploader .qq-upload-button {
  height: 40px !important;
  width: 240px !important;
  background-color: #00AFA2 !important;
  border: none !important;
  border-radius: 15px !important;
  box-shadow: 0px 4px 9px rgba(0, 45, 110, 0.07) !important;
  color: #FFFFFF !important;
}
.contact-page .page-body .container .fieldset .contact-us-card .qq-uploader .qq-upload-list-selector {
  margin-top: 20px;
}
.contact-page .page-body .container .fieldset .contact-us-card .buttons .contact-us-button {
  background-color: #00B4E1;
  border-radius: 15px;
  height: 40px;
  width: 240px;
}

.student-favorites .my-favorite .my-favorite-header {
  display: flex;
  align-items: flex-end;
  border-bottom: 2px solid #e5eaf0;
  margin-bottom: 30px;
}
.student-favorites .my-favorite .my-favorite-header img {
  margin-bottom: -3px;
  width: 216px;
  height: 160px;
}
.student-favorites .my-favorite .my-favorite-header .header-info {
  margin-inline-start: 50px;
  margin-bottom: -1px;
}
.student-favorites .my-favorite .my-favorite-header .header-info .main-title h5 {
  font-size: 25px;
  color: #00B4E1;
  font-weight: 900;
}
.student-favorites .my-favorite .my-favorite-header .header-info .favorite-tabs-container {
  margin-top: 40px;
}
.student-favorites .my-favorite .my-favorite-header .header-info .favorite-tabs-container .nav-tabs {
  border-bottom: 1px solid #002d6e;
}
.student-favorites .my-favorite .my-favorite-header .header-info .favorite-tabs-container .nav-tabs .nav-item {
  text-align: center;
}
.student-favorites .my-favorite .my-favorite-header .header-info .favorite-tabs-container .nav-tabs .nav-item a {
  display: block;
  color: #002d6e;
  border: 0 none !important;
  border-bottom: 3px solid transparent !important;
  padding-bottom: 12px;
  transition: 0.2s ease;
  width: 110px;
}
.student-favorites .my-favorite .my-favorite-header .header-info .favorite-tabs-container .nav-tabs .nav-item a.active {
  border-bottom: 3px solid #002d6e !important;
  font-weight: bold;
}

.customer-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: start;
}
.customer-info img {
  height: 20px;
  width: 20px;
}
.customer-info form input, .customer-info form select, .customer-info form textarea {
  border: 1px solid #002D6E;
  border-radius: 15px;
}
.customer-info form .buttons #save-info-button {
  height: 40px;
  width: 240px;
  background-color: #00B4E1;
  border: none;
  border-radius: 15px !important;
  float: right;
  margin: 0px 15px 15px;
  font-family: "cairo";
}
.customer-info .custom-uploadbtn {
  border-radius: 15px;
  height: 40px;
  margin: 10px 0;
}
.customer-info .uploaded-image img {
  height: 75px;
  width: 75px;
}

.customer-addresses {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customer-addresses img {
  height: 20px;
  width: 20px;
}

.marketplace .marketplace-header {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #002D6E;
  padding-bottom: 10px;
}
.marketplace .marketplace-header h2 {
  color: #002D6E;
  font-size: 30px;
  font-weight: 900;
}
.marketplace .marketplace-header .blue-heading {
  color: #00B4E1;
}
.marketplace .marketplace-body .body-title {
  margin-top: 40px;
}
.marketplace .marketplace-body .body-title h4 {
  color: #75787B;
  font-size: 15px;
}
.marketplace .marketplace-body .body-title h4:first-child {
  color: #FF8F1C;
  margin-bottom: 8px !important;
}
.marketplace .marketplace-body .row {
  background-color: #FCFCFC;
}
.marketplace .marketplace-body .body-subtitle {
  margin-top: 40px;
}
.marketplace .marketplace-body .body-subtitle h4 {
  color: #000000;
  font-size: 15px;
  font-weight: 900;
}
.marketplace .marketplace-body .body-subtitle h4:first-child {
  color: #00B4E1;
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 8px !important;
}
.marketplace .marketplace-body .body-paragraph {
  margin-top: 40px;
}
.marketplace .marketplace-body .body-paragraph h4 {
  color: #000000;
  font-size: 15px;
  font-weight: 900;
}
.marketplace .marketplace-body .body-paragraph h4:first-child {
  color: #00B4E1;
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 8px !important;
}
.marketplace .marketplace-body input[type=text] {
  border: 1px solid #002D6E;
  border-radius: 15px;
  width: 294px;
  height: 40px;
}
.marketplace .marketplace-body textarea {
  width: 294px;
  height: 164px;
  margin-top: 20px;
  border: 1px solid #002D6E;
  border-radius: 15px;
}
.marketplace .marketplace-body .conds-and-terms {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.marketplace .marketplace-body .conds-and-terms p {
  margin: 0px;
  margin-left: 6px;
}
.marketplace .marketplace-body .conds-and-terms a {
  margin-left: 6px;
  text-decoration: underline;
  color: #00B4E1;
}
.marketplace .marketplace-body .conds-and-terms a:hover {
  text-decoration: underline;
  color: #00B4E1;
}
.marketplace .marketplace-body button {
  background-color: #002D6E;
  width: 240px;
  height: 50px;
  color: #FFFFFF;
  border-radius: 20px;
  border: none;
  margin-top: 20px;
}
@media (max-width: 560px) {
  .master-wrapper-page .header-menu ul.nav li.why-to-join-us {
    display: none;
  }
  .categories-modal{
      display:none !important;
  }
}