@import url(https://necolas.github.io/normalize.css/8.0.1/normalize.css);
@charset "UTF-8";
body {
  font-family: "Montserrat", sans-serif !important;
}

button:hover {
  cursor: pointer;
}

.bluebtn {
  border: 0px;
  color: white;
  background: #4172ED 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
}

.seperator {
  width: 100%;
  height: 1px;
  background-color: #F2F2F2;
}

.selectbox {
  -webkit-appearance: none;
  background-image: url(/images/arrow.svg?82026edc4785981b1caa2ed106e9e80d) !important;
  background-repeat: no-repeat !important;
  background-position-x: 90% !important;
  background-position-y: center !important;
  padding-right: 2.5rem !important;
}

.cursorpointer:hover {
  cursor: pointer !important;
}

.number-spinner {
  background: #efefef;
  width: 134px;
  padding: 4px;
  border-radius: 8px;
  display: inline-flex;
}
.number-spinner .form-control {
  background: transparent;
  border: transparent;
  font-weight: 500;
  padding: 0px;
  font-weight: 700;
  font-size: 20px;
}
.number-spinner .btn:focus {
  box-shadow: 2px 2px 2px transparent !important;
}
.number-spinner .btn img {
  width: 15px;
}

.free-cargo {
  color: white;
  background: #2a3253;
  padding: 11px;
  font-size: 12px;
  border-radius: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.free-cargo img {
  width: 20px;
  margin-right: 10px;
  border-radius: 0px !important;
}

.price-content {
  text-align: right;
}

.price {
  font-weight: 700;
  color: #2a3253;
  font-size: 25px;
}

.old-price {
  text-decoration: line-through;
  font-weight: 300;
  color: #2A325382;
}

.grey-content {
  background: #f0f0f382;
  border-radius: 10px;
  padding: 20px;
}

.product-submit-button {
  background-image: linear-gradient(to right, #466AE7, #7246C5);
  color: white;
  font-weight: 600;
  border-radius: 10px;
  padding: 15px 20px;
  text-align: center;
  margin-top: 20px;
}

.award-section {
  text-align: center;
  border-radius: 5px;
  padding: 25px;
}
.award-section .awards-content .award {
  color: #2a3253;
  font-weight: 600;
  font-size: 15px;
}
.award-section .awards-content .award img {
  width: 85px;
  margin-bottom: 10px;
}
.award-section .awards-content .award small {
  display: inherit;
}
.award-section .awards-content .sub-awards {
  display: flex;
  justify-content: space-around;
  font-weight: 600;
  font-size: 15px;
}

.gamification-submit-button {
  color: white;
  font-weight: 600;
  border-radius: 10px;
  padding: 15px 20px;
  text-align: center;
  margin-top: 20px;
  display: inline-block;
  background-image: linear-gradient(#FF9300, #FF6E00) !important;
}
.gamification-submit-button:hover {
  color: white;
  text-decoration: none !important;
}

.modal-dialog {
  max-width: 1000px !important;
  color: #2a3253;
}
.modal-dialog .modal-body {
  padding: 2.5rem !important;
}

.modalbutton {
  background: transparent;
  border: transparent;
}
.modalbutton:focus {
  outline: 0;
}

.dropdown-menu-center {
  right: auto;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  top: 60px !important;
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}

.dropdown-menu {
  background-color: #2a3253;
  border: 0px;
  margin-top: 16px;
}

.btn-content {
  width: 100%;
}

.submit-button {
  border: 0px;
  outline: 0px;
  padding: 16px 30px;
  border-radius: 10px;
  background: #4172ed;
  color: white !important;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  text-align: center;
}
.submit-button:focus {
  border: 0px;
  outline: 0px;
}
.submit-button:hover {
  cursor: pointer;
}

.show-more-text {
  text-align: right;
  text-decoration: underline;
  font-weight: 600;
}
.show-more-text:hover {
  cursor: pointer;
}

input select:focus {
  border: 0;
  outline: 0;
}

.section-container {
  margin-left: 100px;
  margin-right: 100px;
}
@media (max-width: 1024px) {
  .section-container {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media (max-width: 768px) {
  .section-container {
    margin-left: 35px;
    margin-right: 35px;
  }
}

.italic {
  font-style: italic !important;
}

.bold {
  font-weight: 700;
}

.link-button {
  display: inline-block;
  font-weight: 600;
  color: #2a3253;
  text-decoration: underline;
}
.link-button:hover {
  color: #2a3253 !important;
}

.search-input {
  border: 1px solid #2a325330;
  padding: 10px 15px;
  padding-right: 45px;
  background-image: url(/images/search.svg?dc1c25e09ef46acfac4b8541326bcc58);
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 92%;
  margin-right: 18px;
  color: #2A3253;
}

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

textarea {
  resize: none;
}

.double-form-item {
  display: flex;
  justify-content: space-between;
}

.form-item {
  margin-bottom: 12px;
  width: 100%;
}
.form-item .select-item,
.form-item .input-item,
.form-item .textarea-item,
.form-item .file-item {
  display: inherit !important;
}
.form-item .select-item,
.form-item .input-item,
.form-item .textarea-item {
  display: inherit !important;
  padding: 10px 15px;
  border: 0px;
  background: #2a325312;
  border-radius: 5px;
  font-size: 15px;
  width: 100%;
  min-height: 50px;
}
.form-item .select-item:focus,
.form-item .input-item:focus,
.form-item .textarea-item:focus {
  border: 0px;
  outline: 0px;
}
.form-item .custom-file-item {
  border-radius: 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 25px;
  border: 1px solid #4172ed;
  display: inherit;
}
.form-item .custom-file-item:hover {
  background: #4172ed;
  color: white;
  cursor: pointer;
}
.form-item .textarea-item {
  min-height: 130px;
}
.form-item.with-50 {
  width: 48% !important;
  display: inline-block;
}
.form-item input[type=file] {
  display: none !important;
}

.virtual-bag-btn {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 40px;
  height: 40px;
  background: #2a325357;
  border-radius: 5px;
}
.virtual-bag-btn.active {
  background: #4172ed !important;
}
.virtual-bag-btn:hover {
  cursor: pointer;
}

.zoomin img {
  transition: transform 5s;
  /* Animation */
}
.zoomin img:hover {
  /* IE 9 */
  /* Safari 3-8 */
  transform: scale(1.2);
}

.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 26px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: -4px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #f67501;
}

input:focus + .slider {
  box-shadow: 0 0 1px #f67501;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.navbar-section {
  width: 100%;
  height: 78px;
  background: #2a3253 0% 0% no-repeat padding-box;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 0px 40px;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 3;
}
.navbar-section .logo-content {
  align-self: center;
}
.navbar-section .logo-content .logo {
  background: url(/images/vef-logo-white.svg?94b0721672cf1ad26a50d487853b81f8);
  width: 67px;
  height: 40px;
  background-size: 100% 100%;
  display: inline-block;
  background-repeat: no-repeat;
}
.navbar-section .logo:hover {
  cursor: pointer;
}
.navbar-section .menu-item {
  margin-left: 10px;
  padding: 10px 20px;
  text-decoration: none;
  color: white !important;
  display: inline-block;
  list-style: none !important;
}
.navbar-section .menu-item:hover {
  cursor: pointer;
  text-decoration: underline !important;
}
.navbar-section .menu-item-content {
  align-self: center;
}
.navbar-section .menu-item.dropdown {
  padding: 0px !important;
  text-decoration: underline !important;
}
.navbar-section .menu-item .nav-link {
  color: white !important;
}
.navbar-section .menu-item .show-more-content {
  background-color: #2a3253;
  border: 0px;
  margin-top: 16px;
  padding-left: 10px;
  padding-right: 10px;
}
.navbar-section .menu-item .show-more-content .grid-content {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
}
.navbar-section .menu-item .show-more-content .dropdown-item {
  color: white !important;
  padding: 10px 23px !important;
}
.navbar-section .menu-item .show-more-content .dropdown-item:hover {
  background-color: transparent !important;
  text-decoration: underline !important;
}
.navbar-section .menu-item.basket {
  position: relative;
  margin-left: 15px !important;
}
.navbar-section .menu-item.basket img {
  width: 30px;
}
.navbar-section .menu-item.basket .noti {
  right: 19px;
  width: 15px;
  height: 15px;
  background: #f55555;
  border-radius: 10px;
  position: absolute;
  z-index: 99;
  top: 4px;
  justify-content: center;
  font-size: 10px;
  align-items: center;
  border: 1px solid white;
  display: inline-flex;
}
.navbar-section .control-item-content {
  align-self: center;
}
.navbar-section .control-item-content .menu-item {
  margin-left: 0px !important;
  text-decoration: underline !important;
}
.navbar-section .control-item-content .menu-item:last-child {
  margin-left: 20px !important;
}
.navbar-section .control-item-content .dropdown {
  text-decoration: none !important;
}
.navbar-section .control-item-content .dropdown .dropdown-menu {
  margin-top: 0px !important;
}
.navbar-section .control-item-content .dropdown .nav-link {
  padding: 10px !important;
}
.navbar-section .control-item-content .dropdown .avatar-img {
  width: 35px;
}
.navbar-section .control-item-content .dropdown .notification-img {
  width: 25px;
}
.navbar-section .control-item-content .language-dropdown-content .list-content {
  display: grid;
}
.navbar-section .control-item-content .language-dropdown-content .list-content a {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  text-align: center;
  color: white;
}
.navbar-section .control-item-content .language-dropdown-content .list-content a:nth-last-child(1) {
  border-bottom: 0px;
}
.navbar-section .control-item-content .language-dropdown-content .list-content a:hover {
  color: white;
  background: #ededed12;
}
.navbar-section .show-navbar {
  background: #2A325340;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  position: relative;
  border-radius: 5px;
  display: none;
}
.navbar-section .show-navbar:hover {
  cursor: pointer;
}
.navbar-section .show-navbar img {
  max-width: 38px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.building-section {
  height: 100vh;
}
.building-section .video-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.building-section .video-content video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.building-section .video-content .shadow-content {
  height: 90px;
  width: 100%;
  background: #333B52A7 0% 0% no-repeat padding-box;
  opacity: 1;
  filter: blur(21px);
  position: absolute;
  z-index: 2;
  bottom: 0px;
}
.building-section .video-content .scroll-content {
  width: 100%;
  height: 90px;
  position: absolute;
  z-index: 3;
  bottom: 0px;
  display: flex;
  justify-content: center;
}
.building-section .video-content .scroll-content a {
  align-self: center;
}
.building-section .video-content .scroll-content a img {
  width: 28px;
}
.building-section .video-content .scroll-content a img:hover {
  cursor: pointer;
}

.lobby-section {
  width: 100%;
  height: auto;
  position: relative;
}
.lobby-section .hall {
  width: 100%;
  height: 100%;
}
.lobby-section .hall img {
  width: 100%;
  height: 100%;
}
.lobby-section .hall .hole-stand {
  position: absolute;
  z-index: 14;
}
.lobby-section .hall .hole-stand:hover {
  cursor: pointer;
}
.lobby-section .shadow-content {
  height: 90px;
  width: 100%;
  background: #333B52A7 0% 0% no-repeat padding-box;
  opacity: 1;
  filter: blur(21px);
  position: absolute;
  z-index: 4;
  bottom: 0px;
}
.lobby-section .hole-buttons-content {
  position: absolute;
  width: 100%;
  bottom: 0px;
  display: flex;
  justify-content: center;
  z-index: 4;
  height: 90px;
}
.lobby-section .hole-buttons-content .button-item {
  padding: 10px 45px;
  align-self: center;
  background: #4172ed;
  color: white;
  margin: 5px;
  border-radius: 50px;
}
.lobby-section .hole-buttons-content .button-item:hover {
  cursor: pointer;
}

.company-card-section {
  width: 100%;
  padding-top: 30px;
  background: #9DB9FF10;
  position: relative;
}
.company-card-section .filter-content {
  text-align: center;
}
.company-card-section .filter-content .search-items {
  margin-top: 35px;
  display: flex;
  justify-content: space-around;
}
.company-card-section .filter-content .search-items .search-button {
  border: 0px;
  color: white;
  width: 170px;
  height: 70px;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 600;
  background: #4172ED 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
}
.company-card-section .filter-content .search-items .hallfilter {
  min-width: 153px !important;
}
.company-card-section .filter-content .search-items .input-item {
  height: 70px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #EDF1FC;
  border-radius: 13px;
  opacity: 1;
  min-width: 245px;
  font-size: 14px;
  padding: 0px 20px;
}
.company-card-section .filter-content .search-items .input-item:focus {
  border: 1px solid #EDF1FC;
  outline: 0px;
}
.company-card-section .cards-content {
  width: 100%;
  padding: 50px 0px;
}
.company-card-section .cards-content .card-grid-content {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  width: calc(100% - 45px);
  grid-gap: 15px;
}
.company-card-section .cards-content .card-grid-content .card-item {
  width: 100%;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #EDF1FC;
  border-radius: 13px;
  margin-bottom: 45px;
}
.company-card-section .cards-content .card-grid-content .card-item .img-content {
  height: 165px;
  width: 100%;
  padding: 20px 20px 0px 20px;
}
.company-card-section .cards-content .card-grid-content .card-item .img-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.company-card-section .cards-content .card-grid-content .card-item .desc-content {
  padding: 0px 20px 20px 20px;
  text-align: center;
  position: relative;
}
.company-card-section .cards-content .card-grid-content .card-item .desc-content .seperator {
  margin: 10px 0px;
}
.company-card-section .cards-content .card-grid-content .card-item .desc-content .company-name {
  font-size: 25px;
  font-weight: 700;
  margin-top: 20px;
}
.company-card-section .cards-content .card-grid-content .card-item .desc-content .slogan {
  letter-spacing: -0.14px;
  color: #767676;
  font-size: 14px;
  margin-bottom: 35px;
  margin-top: 5px;
}
.company-card-section .cards-content .card-grid-content .card-item .desc-content .btn {
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto 30px;
  padding: 13px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}

.footer-section {
  padding: 0px 80px;
  background: #2a3253;
  color: white;
  height: 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  position: relative;
}
.footer-section .tab-content {
  text-align: center;
  margin: 20px 0px;
}
.footer-section .tab-content .tab-item {
  padding: 20px;
  color: white;
}
.footer-section .tab-content .social-media {
  position: absolute;
  right: 100px !important;
  bottom: 60px;
}
.footer-section .tab-content .social-media .social-item {
  margin-right: 5px;
}
.footer-section .copyright {
  color: #8190BF;
  font-size: 12px;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #8190BF;
}

.lobby-tooltip-content {
  background: #4172ed;
  padding: 10px;
  border-radius: 10px;
  color: white;
  opacity: 1;
  margin: -10px;
}
.lobby-tooltip-content .img-content img {
  width: 100%;
  border-radius: 5px;
}
.lobby-tooltip-content .text-content {
  text-align: left;
}
.lobby-tooltip-content .text-content h3 {
  font-size: 18px;
  margin-top: 10px;
  font-weight: 700;
}
.lobby-tooltip-content .text-content .dsc-content {
  font-size: 13px;
  color: white;
  font-weight: 300;
}

.tooltip.show {
  opacity: 1 !important;
}
.tooltip .tooltip-inner {
  background-color: #2a3253 !important;
}
.tooltip .arrow {
  display: none !important;
}

.notification-content {
  color: white;
  width: 422px;
  font-family: "Montserrat", sans-serif;
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.notification-content .subject-section {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 10px;
  padding-bottom: 10px;
}
.notification-content .subject-section:nth-last-child(1) {
  border-bottom: 0px;
}
.notification-content .subject-section .link-btn-content {
  width: 100%;
  text-align: right;
  font-size: 15px;
  margin-bottom: 20px;
}
.notification-content .subject-section .link-btn-content .link-button {
  color: white;
}
.notification-content .subject-section .link-btn-content .link-button:hover {
  color: white !important;
}
.notification-content .subject-section .title {
  margin-bottom: 13px;
  font-weight: 500;
}
.notification-content .flex-content {
  display: flex;
  margin-bottom: 30px;
}
.notification-content .flex-content:nth-last-child(1) {
  margin-bottom: 10px;
}
.notification-content .flex-content .pp-img {
  margin-right: 10px;
}
.notification-content .flex-content .hour {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.38);
}
.notification-content .flex-content .text {
  letter-spacing: 0px;
  font-weight: 200;
  font-size: 15px;
}
.notification-content .flex-content .text a {
  display: inline-block;
  text-decoration: underline;
  color: white;
}
.notification-content .flex-content .text a:hover {
  color: white;
}

.notification-page-section {
  width: 80%;
  background: white;
  min-height: 500px;
  position: relative;
  margin-top: 80px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0px 3px 6px #00000029;
  color: #2a3253;
}
.notification-page-section .title {
  font-size: 20px;
  font-weight: 600;
}
.notification-page-section .sub-title {
  font-weight: 300;
  margin-bottom: 30px;
}
.notification-page-section .notification-card {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
  align-items: center;
  border-bottom: 1px solid #2a325314;
}
.notification-page-section .notification-card:nth-last-child(1) {
  border-bottom: 0px;
}
.notification-page-section .notification-card .noti-text {
  margin-left: 20px;
}
.notification-page-section .notification-card .noti-text a {
  font-weight: 500;
  text-decoration: underline;
}
.notification-page-section .notification-card .time {
  font-weight: 300;
  font-size: 14px;
  color: #1a202c;
}

.profile-dropdown-content {
  width: 250px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.profile-dropdown-content a {
  color: white;
}
.profile-dropdown-content a:hover {
  color: white;
}
.profile-dropdown-content .grid-content {
  display: grid;
  grid-template-columns: 20% 80%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 26px !important;
  padding-right: 26px !important;
}
.profile-dropdown-content .grid-content:nth-last-child(1) {
  border-bottom: 0px;
}
.profile-dropdown-content .grid-content .icon {
  margin-right: 28px;
}
.profile-dropdown-content .grid-content:hover {
  background: #ededed12;
}

.color-content {
  background: #4E5671;
  height: 450px;
  width: 100%;
  position: absolute;
  top: 0;
}

.profile-container {
  position: relative;
  margin-top: 80px;
  padding-left: 100px;
  padding-right: 100px;
  display: grid;
  grid-template-columns: 321px calc(100% - 381px);
  grid-gap: 60px;
  margin-bottom: 60px;
  font-family: "Montserrat", sans-serif;
}
.profile-container .left-control-content {
  font-family: "Montserrat", sans-serif;
  max-width: 321px;
  position: relative;
}
.profile-container .left-control-content .control-content {
  width: 100%;
  background: white;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  display: grid;
}
.profile-container .left-control-content .control-content .img-content {
  padding-top: 22px;
  padding-left: 18px;
  padding-right: 18px;
  position: relative;
  margin-bottom: 60px;
}
.profile-container .left-control-content .control-content .img-content img {
  width: 100%;
  -o-object-fit: none;
     object-fit: none;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000029;
}
.profile-container .left-control-content .control-content .menu-items-content .grid-content {
  display: grid;
  grid-template-columns: 20% 80%;
  border-bottom: 1px solid #2a32531a;
  padding: 25px 30px;
}
.profile-container .left-control-content .control-content .menu-items-content .grid-content .text {
  color: #2A3253 !important;
}
.profile-container .left-control-content .control-content .menu-items-content .grid-content:hover {
  text-decoration: none;
  background: #4e56710d;
  cursor: pointer;
}
.profile-container .left-control-content .control-content .menu-items-content .grid-content.active {
  text-decoration: none;
  background: #4e56710d;
}
.profile-container .right-content {
  background: white;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  padding: 30px;
  font-family: "Montserrat", sans-serif;
}
.profile-container .right-content .profile-content {
  display: none;
}
.profile-container .right-content .profile-content.active {
  display: block;
}
.profile-container .right-content .title {
  font-weight: 600;
}
.profile-container .right-content .search-input {
  border: 1px solid #2a325330;
  padding: 10px 15px;
  padding-right: 45px;
  background-image: url(/images/search.svg?dc1c25e09ef46acfac4b8541326bcc58);
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 92%;
  margin-right: 18px;
  color: #2A3253;
}
.profile-container .right-content .selectbox {
  border: 1px solid #2a325330;
  padding: 10px 15px;
  color: #2A3253;
}
.profile-container .right-content .gamification-section {
  text-align: center;
  color: #2a3253;
}
.profile-container .right-content .gamification-section .tab-sections {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  color: #2a3253;
  text-align: left;
}
.profile-container .right-content .gamification-section .tab-sections .gamification-tab-item {
  margin-right: 10px;
}
.profile-container .right-content .gamification-section .tab-sections .gamification-tab-item.active {
  font-weight: 700;
  border-bottom: 1px solid #2a3253;
}
.profile-container .right-content .gamification-section .title {
  font-size: 25px;
  font-weight: 600;
}
.profile-container .right-content .gamification-section .subtitle {
  font-size: 13px;
  font-weight: 300;
  width: 60%;
  margin: auto;
  border-bottom: 1px solid #efefef;
  padding-bottom: 20px;
}
.profile-container .right-content .gamification-section .badges-section {
  margin-top: 100px;
  margin-bottom: -100px;
}
.profile-container .right-content .gamification-section .badges-section .badge-card-section {
  display: grid;
  grid-template-columns: 31% 31% 31%;
  grid-gap: 20px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #FF6D00;
  padding-top: 50px;
  padding-bottom: 30px;
}
.profile-container .right-content .gamification-section .badges-section .badge-card {
  opacity: 0.3;
}
.profile-container .right-content .gamification-section .badges-section .badge-card img {
  width: 90px;
  height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
}
.profile-container .right-content .gamification-section .badges-section .badge-card .text-content {
  background: white;
  box-shadow: 0px 6px 23px #00000016;
  border-radius: 10px;
  padding: 15px;
  padding-top: 55px;
  margin-top: -45px;
  border: 1px solid;
}
.profile-container .right-content .gamification-section .badges-section .badge-card.active {
  opacity: 1;
}
.profile-container .right-content .gamification-section .badges-section .gamification-submit-button {
  margin-bottom: 50px;
  font-size: 13px;
}
.profile-container .right-content .gamification-section .award-section {
  margin-top: 100px;
  margin-bottom: -100px;
  background: #f7f7f7;
  border-radius: 5px;
  padding: 25px;
}
.profile-container .right-content .gamification-section .award-section .awards-content {
  margin-top: 30px;
}
.profile-container .right-content .gamification-section .award-section .awards-content .award {
  color: #2a3253;
  font-weight: 600;
  font-size: 15px;
}
.profile-container .right-content .gamification-section .award-section .awards-content .award img {
  width: 85px;
  margin-bottom: 10px;
}
.profile-container .right-content .gamification-section .award-section .awards-content .award small {
  display: inherit;
}
.profile-container .right-content .gamification-section .award-section .awards-content .sub-awards {
  display: flex;
  justify-content: space-evenly;
  font-weight: 600;
  font-size: 15px;
}
.profile-container .right-content .gamification-section .gamification-tab-content {
  display: none;
}
.profile-container .right-content .gamification-section .gamification-tab-content.active {
  display: block !important;
}
.profile-container .right-content .information-tag-content {
  display: flex;
  justify-content: space-between;
  padding: 25px 14px;
  /* border: 1px solid $border; */
  align-self: center;
  background: #f6f6f8;
  margin-top: 20px;
  margin-bottom: 45px;
  border-radius: 4px;
}
.profile-container .right-content .information-tag-content .info-text {
  display: flex;
  justify-content: center;
}
.profile-container .right-content .information-tag-content .info-text .desc {
  align-self: center;
}
.profile-container .right-content .information-tag-content .info-text .desc .title {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 300;
}
.profile-container .right-content .information-tag-content .info-text .desc .change-img {
  text-decoration: underline;
  font-weight: 600;
}
.profile-container .right-content .information-tag-content .info-text .img-content {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 20px;
}
.profile-container .right-content .information-tag-content .change-pass {
  text-decoration: underline;
  font-weight: 600;
  align-self: center;
}
.profile-container .right-content .form-content {
  padding-left: 100px;
  padding-right: 100px;
}
.profile-container .right-content .form-content .check-item {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  margin-right: 10px;
  margin-top: 10px;
}
.profile-container .right-content .form-content .submit-button {
  margin-top: 10px;
}
.profile-container .right-content .applications-content .sub-title {
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 300;
}
.profile-container .right-content .applications-content .application-item-list {
  margin-top: 20px;
  display: grid;
  grid-gap: 20px;
}
.profile-container .right-content .applications-content .application-item-list .application-item {
  border: 1px solid var(--dark);
  border-radius: 10px;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  padding: 25px 50px;
  font-weight: 400;
}
.profile-container .right-content .applications-content .application-item-list .application-item .icon {
  margin-right: 15px;
}
.profile-container .right-content .applications-content .application-item-list .application-item .hour {
  text-align: right;
}
.profile-container .right-content .applications-content .application-item-list .application-item .cancel {
  text-align: right;
}
.profile-container .right-content .applications-content .application-item-list .application-item .cancel a {
  color: #FF3939 !important;
  font-weight: 700;
  text-decoration: underline;
}
.profile-container .right-content .documents-section-content .search-content {
  margin-top: 20px;
}
.profile-container .right-content .documents-section-content .card-items-content {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  width: calc(100% - 60px);
  grid-gap: 20px;
  margin-top: 28px;
  margin-bottom: 30px;
}
.profile-container .right-content .documents-section-content .card-items-content .card-item {
  background: white;
  box-shadow: 0px 3px 6px #00000029;
  padding: 10px;
}
.profile-container .right-content .documents-section-content .card-items-content .card-item .top-img {
  max-width: 100%;
}
.profile-container .right-content .documents-section-content .card-items-content .card-item .control-items {
  display: flex;
  justify-content: space-around;
  margin-top: 15px;
}
.profile-container .right-content .documents-section-content .card-items-content .card-item .control-items .item:hover {
  cursor: pointer;
}
.profile-container .right-content .documents-section-content .card-items-content .card-item .img-content {
  background: #F7F7F7;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
.profile-container .right-content .documents-section-content .card-items-content .card-item .date {
  text-align: right;
  font-weight: 300;
  font-size: 9px;
  margin-top: 7px;
  margin-bottom: 15px;
}
.profile-container .right-content .documents-section-content .card-items-content .card-item .title {
  font-size: 12px;
  font-weight: 400;
}
.profile-container .right-content .virtualbag-section-content .search-content {
  display: flex;
  justify-content: space-between;
}
.profile-container .right-content .virtualbag-section-content .search-content .text {
  font-weight: 500;
  text-decoration: underline;
  margin-left: 10px;
}
.profile-container .right-content .favorite-section-content .tab-filter-content {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.profile-container .right-content .favorite-section-content .tab-filter-content .tab-filters {
  display: flex;
  align-self: center;
}
.profile-container .right-content .favorite-section-content .tab-filter-content .tab-filters .tab-item {
  align-self: center;
  padding: 10px 40px;
  border: 1px solid #2A3253;
  border-radius: 50px;
  margin-right: 25px;
}
.profile-container .right-content .favorite-section-content .tab-filter-content .tab-filters .tab-item.active {
  border: 1px solid #EFF3FD;
  background: #EFF3FD;
  color: #8C92A8;
}
.profile-container .right-content .favorite-section-content .tab-filter-content .tab-filters .tab-item:hover {
  border: 1px solid #EFF3FD;
  background: #EFF3FD;
  color: #8C92A8;
  cursor: pointer;
}
.profile-container .right-content .favorite-section-content .tab-filter-content .all-delete {
  align-self: center;
}
.profile-container .right-content .favorite-section-content .tab-filter-content .all-delete .text {
  color: #FF3939 !important;
  margin-left: 10px;
  font-weight: 500;
}
.profile-container .right-content .favorite-section-content .tab-filter-content .all-delete .text:hover {
  text-decoration: underline;
}
.profile-container .right-content .favorite-section-content .favorite-card-content {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
  grid-gap: 15px;
  width: calc(100% - 30px);
}
.profile-container .right-content .favorite-section-content .favorite-card-content .favorite-card {
  width: 100%;
  background: #39426A;
  color: white;
  padding: 15px 15px;
}
.profile-container .right-content .favorite-section-content .favorite-card-content .favorite-card .title-ctn {
  display: flex;
  justify-content: space-between;
}
.profile-container .right-content .favorite-section-content .favorite-card-content .favorite-card .title-ctn .hour {
  font-size: 14px;
  font-weight: 300;
}
.profile-container .right-content .favorite-section-content .favorite-card-content .favorite-card .text {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 14px;
}
.profile-container .right-content .favorite-section-content .favorite-card-content .favorite-card .bottom-content {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}
.profile-container .right-content .favorite-section-content .favorite-card-content .favorite-card .bottom-content .img-content {
  text-align: center;
}
.profile-container .right-content .favorite-section-content .favorite-card-content .favorite-card .bottom-content .text {
  margin-top: 3px;
  margin-bottom: 0px;
}

@font-face {
  font-family: "Krungthep";
  src: url(/fonts/Krungthep.ttf?9545f0ceefb78a42f2a06f89db13e243) format("truetype");
  /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
.seminars-tab-content {
  padding-left: 100px;
  padding-right: 100px;
  margin-top: 40px;
}
.seminars-tab-content .hall-tab-content {
  font-family: "Krungthep", sans-serif;
  display: flex;
  justify-content: center;
}
.seminars-tab-content .hall-tab-content .hall-tab {
  padding: 8px 50px;
  font-size: 30px;
  color: white;
  background-color: #4172ed;
  margin: 15px;
}
.seminars-tab-content .hall-tab-content .hall-tab.active {
  color: #7C8195;
  background-color: #F7F7F7;
}
.seminars-tab-content .hall-tab-content .hall-tab:hover {
  cursor: pointer;
}
.seminars-tab-content .day-tab-content {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.seminars-tab-content .day-tab-content .day-tab {
  margin: 25px;
  font-weight: 300;
  padding-bottom: 10px;
}
.seminars-tab-content .day-tab-content .day-tab.active {
  border-bottom: 3px solid #4172ed;
}
.seminars-tab-content .day-tab-content .day-tab:hover {
  cursor: pointer;
}
.seminars-tab-content .day-tab-content .day-tab .day {
  font-size: 30px;
  margin-bottom: 8px;
}
.seminars-tab-content .day-tab-content .day-tab .date {
  font-size: 18px;
}

.seminars {
  display: none;
}
.seminars.active {
  display: block;
}

.seminars-card-content {
  margin-bottom: 100px;
}
.seminars-card-content .title-flex {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  margin-bottom: 40px;
  margin-top: 60px;
}
.seminars-card-content .title-flex .title {
  align-self: center;
  font-size: 24px;
}
.seminars-card-content .title-flex .tabs {
  display: flex;
  align-self: center;
}
.seminars-card-content .title-flex .tabs .speaker-list-text {
  align-self: flex-end;
  text-decoration: underline;
}
.seminars-card-content .title-flex .tabs .speaker-list-text:hover {
  cursor: pointer;
}
.seminars-card-content .title-flex .tabs .change-seminar-type {
  margin-left: 40px;
}
.seminars-card-content .title-flex .tabs .change-seminar-type:hover {
  cursor: pointer;
}
.seminars-card-content .card-content-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 60px;
  margin-bottom: 70px;
  font-family: "Montserrat", sans-serif;
  margin-top: 140px;
  margin-bottom: -100px;
}
.seminars-card-content .card-content-grid .card-item {
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  background: white;
  position: relative;
  color: #2a3253;
}
.seminars-card-content .card-content-grid .card-item:hover {
  text-decoration: none !important;
}
.seminars-card-content .card-content-grid .card-item .img-content {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.seminars-card-content .card-content-grid .card-item .img-content img {
  width: 100%;
  max-height: 157px;
}
.seminars-card-content .card-content-grid .card-item .flex-content {
  display: flex;
  justify-content: space-between;
  margin-top: -30px;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
}
.seminars-card-content .card-content-grid .card-item .flex-content .speaker-info {
  text-align: center;
}
.seminars-card-content .card-content-grid .card-item .flex-content .hall-name {
  align-self: center;
  margin-top: 15px;
  display: flex;
}
.seminars-card-content .card-content-grid .card-item .flex-content .hall-name .text {
  align-self: center;
  margin-left: 5px;
  margin-left: 5px;
  font-weight: 600;
}
.seminars-card-content .card-content-grid .card-item .flex-content .hour {
  align-self: center;
  margin-top: 15px;
}
.seminars-card-content .card-content-grid .card-item .flex-content .hour .text {
  align-self: center;
  margin-left: 5px;
  margin-left: 5px;
}
.seminars-card-content .card-content-grid .card-item .text-content {
  padding: 20px;
  font-size: 14px;
}
.seminars-card-content .card-content-grid .card-item .speaker-content {
  font-size: 14px;
  display: flex;
  margin-bottom: 42px;
}
.seminars-card-content .card-content-grid .card-item .speaker-content .speaker-imgs {
  margin-right: 8px;
  padding-left: 20px;
  padding-right: 5px;
  margin-bottom: 17px;
}
.seminars-card-content .card-content-grid .card-item .speaker-content .speaker-imgs .speaker {
  width: 26px;
  height: 26px;
  border-radius: 60px;
  margin-left: -13px;
}
.seminars-card-content .card-content-grid .card-item .speaker-content .speaker-imgs .speaker:nth-child(1) {
  margin-left: 0px;
}
.seminars-card-content .card-content-grid .card-item .submit-button {
  max-width: 172px;
  position: absolute;
  bottom: -27px;
  left: 0;
  right: 0;
  font-weight: 600;
}
.seminars-card-content .card-content-grid .card-item .submit-button.passive {
  background: #707070;
  color: #9B9B9B;
}
.seminars-card-content .list-content-grid {
  display: grid;
  grid-gap: 20px;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 70px;
  margin-top: 140px;
  margin-bottom: -100px;
}
.seminars-card-content .list-content-grid .list-item {
  padding: 35px 22px;
  display: grid;
  grid-template-columns: auto 1fr auto auto 1fr auto;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  color: #2a3253;
}
.seminars-card-content .list-content-grid .list-item:hover {
  text-decoration: none !important;
}
.seminars-card-content .list-content-grid .list-item .img-content {
  align-self: center;
  margin-right: 40px;
}
.seminars-card-content .list-content-grid .list-item .img-content img {
  width: 89px;
  height: 89px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100px;
}
.seminars-card-content .list-content-grid .list-item .speaker-info {
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}
.seminars-card-content .list-content-grid .list-item .speaker-info .name {
  display: inline-block;
  margin-bottom: 10px !important;
}
.seminars-card-content .list-content-grid .list-item .hall-name {
  align-self: center;
  text-align: center;
  padding: 0px 30px;
  font-weight: 600;
}
.seminars-card-content .list-content-grid .list-item .hall-name .text {
  margin-left: 10px;
}
.seminars-card-content .list-content-grid .list-item .hour {
  align-self: center;
  padding: 0px 30px;
}
.seminars-card-content .list-content-grid .list-item .hour .text {
  margin-left: 10px;
}
.seminars-card-content .list-content-grid .list-item .speaker-content {
  font-size: 14px;
  display: flex;
  align-self: center;
  justify-content: center;
}
.seminars-card-content .list-content-grid .list-item .speaker-content .speaker-imgs {
  margin-right: 10px;
}
.seminars-card-content .list-content-grid .list-item .speaker-content .speaker-imgs .speaker {
  width: 45px;
  height: 45px;
  border-radius: 60px;
  margin-left: -25px;
}
.seminars-card-content .list-content-grid .list-item .speaker-content .speaker-imgs .speaker:nth-child(1) {
  margin-left: 0px;
}
.seminars-card-content .list-content-grid .list-item .speaker-content .plus-text {
  align-self: center;
}
.seminars-card-content .list-content-grid .list-item .submit-button {
  align-self: center;
  font-weight: 600;
}

.seminars-detail {
  overflow-x: hidden;
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 68px;
}
.seminars-detail .title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
}
.seminars-detail .join-confarance .conferance-img {
  width: 100%;
  max-height: 500px;
  position: relative;
}
.seminars-detail .join-confarance .conferance-img img {
  width: 100%;
  max-height: 370px;
}
.seminars-detail .join-confarance .conferance-img .banner-shadow {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #2a32531c;
  display: flex;
}
.seminars-detail .join-confarance .conferance-img .banner-shadow .text-content {
  background: #2a325357 0% 0% no-repeat padding-box;
  border-radius: 5px;
  max-width: 555px;
  margin: auto;
  color: white;
  padding: 35px 50px;
  font-size: 30px;
  text-align: center;
  font-weight: 300;
}
.seminars-detail .join-confarance .conferance-img .banner-shadow .text-content .join {
  font-weight: 600;
  text-decoration: underline;
}
.seminars-detail .speakers-list {
  margin-top: 60px;
  margin-bottom: 60px;
}
.seminars-detail .speakers-list .speakers-card-list {
  display: grid;
  grid-gap: 20px;
  overflow-y: scroll;
  padding-bottom: 30px;
  grid-auto-flow: column;
  margin-left: -20px;
  padding-right: 21px;
  padding-left: 20px;
}
.seminars-detail .speakers-list .speakers-card-list .speaker-card {
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  position: relative;
  min-width: 293px;
}
.seminars-detail .speakers-list .speakers-card-list .speaker-card .img-content {
  width: 100%;
}
.seminars-detail .speakers-list .speakers-card-list .speaker-card .dsc-content {
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.seminars-detail .speakers-list .speakers-card-list .speaker-card .dsc-content .name {
  font-size: 20px;
  font-weight: 600;
}
.seminars-detail .speakers-list .speakers-card-list .speaker-card .dsc-content .speaker-title {
  font-style: italic;
}
.seminars-detail .speakers-list .speakers-card-list .speaker-card .dsc-content .email {
  text-align: right;
  margin-top: 10px;
}
.seminars-detail .programs {
  margin-bottom: 60px;
}
.seminars-detail .programs .banner-shadow {
  background: #2a325370 !important;
}

.speaker-cards-content {
  display: grid;
  grid-template-columns: 20% 20% 20% 20% 20%;
  grid-gap: 30px;
  width: calc(100% - 120px);
  margin-top: 60px;
  margin-bottom: 60px;
}
.speaker-cards-content .speaker-card img {
  width: 100%;
  border-radius: 5px;
}
.speaker-cards-content .speaker-card .dsc-content {
  margin-top: 20px !important;
}
.speaker-cards-content .speaker-card .seminar-name {
  margin-top: 20px !important;
}

.speakers-list-section .search-content {
  text-align: center;
  margin-top: 70px;
}
.speakers-list-section .search-content .search-input {
  min-width: 500px;
  font-size: 15px;
  padding: 20px 30px;
  border-color: #2a3253 !important;
}
.speakers-list-section .search-content .search-input::-moz-placeholder {
  color: #BDBFCA;
}
.speakers-list-section .search-content .search-input:-ms-input-placeholder {
  color: #BDBFCA;
}
.speakers-list-section .search-content .search-input::placeholder {
  color: #BDBFCA;
}

.speaker-detail-card .card-content {
  display: grid;
  grid-template-columns: 530px auto;
  grid-gap: 42px;
  margin-bottom: 20px;
  margin-top: 90px;
  box-shadow: 0px 3px 6px #00000029;
  margin-left: 100px;
  margin-right: 100px;
  padding: 50px 25px;
}
.speaker-detail-card .card-content .img-content img {
  max-width: 100%;
}
.speaker-detail-card .card-content p,
.speaker-detail-card .card-content span {
  margin-bottom: 30px !important;
  font-weight: 600;
}
.speaker-detail-card .card-content span {
  display: inline-block;
}
.speaker-detail-card .card-content .speaker-title {
  margin-right: 40px;
}
.speaker-detail-card .card-content .dsc-content {
  font-weight: 300;
  letter-spacing: 0px;
  color: #2A3253;
}

.button-content {
  text-align: center;
  margin-bottom: 40px;
}
.button-content .link-button {
  margin-right: 60px;
}

.announcements-section .section-container {
  margin-top: 70px;
  margin-bottom: 70px;
}
.announcements-section .section-container .title {
  font-size: 30px;
  margin-bottom: 30px;
}
.announcements-section .section-container .filter-section {
  display: flex;
  margin-bottom: 33px;
}
.announcements-section .section-container .filter-section .filter-item {
  padding: 12px 22px;
  padding-right: 60px;
  border-radius: 100px;
  border: 1px solid #4172ed;
  font-size: 17px;
  margin-right: 35px;
  background-image: url(/images/next.svg?ed47be4c80cda01a9039fdedcafa4a27);
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 92%;
  margin-right: 18px;
}
.announcements-section .section-container .filter-section .filter-item:hover {
  cursor: pointer;
  background: #4172ed;
  color: white;
  background-image: url(/images/next-white.svg?94e06a5c2127466d2d6be30ee160e5ff);
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 92%;
}
.announcements-section .section-container .filter-section .filter-item.active {
  background: #4172ed;
  color: white;
  background-image: url(/images/next-white.svg?94e06a5c2127466d2d6be30ee160e5ff);
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 92%;
}
.announcements-cards-content {
  margin-top: 150px;
  margin-bottom: -150px;
  display: grid;
  grid-template-columns: 33% 33% 33%;
  grid-gap: 20px;
  width: calc(100% - 40px);
}
.announcements-cards-content .announcements-cards .img-content {
  width: 100%;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  margin-bottom: 25px;
}
.announcements-cards-content .announcements-cards .card-title {
  font-size: 22px;
  margin-bottom: 15px;
}
.announcements-cards-content .announcements-cards .effective-date {
  margin-bottom: 40px;
}

.login-register-section {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
  min-height: 100vh;
}
.login-register-section .left-content {
  padding: 70px 50px;
  display: flex;
}
.login-register-section .left-content .logo-content {
  position: absolute;
  top: 20px;
}
.login-register-section .left-content .logo-content img {
  max-width: 100px;
}
.login-register-section .right-content {
  padding: 25px 50px;
  display: flex;
  background-color: #2a3253;
  color: white;
  flex-direction: column;
  justify-content: center;
}
.login-register-section .right-content .content .title {
  margin-bottom: 20px;
  font-size: 27px;
  font-weight: 500;
}
.login-register-section .right-content .content .img-content {
  margin-top: 50px;
  max-width: 65%;
}
.login-register-section .gamification-right-content {
  background-image: url(/images/gamification-right-bg-orange.png?ab982008c9cc2223540567a761b2f1a5) !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  color: #2a3253;
}
.login-register-section .gamification-right-content .content .title {
  font-size: 25px;
  font-weight: 600;
}
.login-register-section .gamification-right-content .content .dsc-text {
  font-size: 12px;
  font-weight: 300;
}
.login-register-section .gamification-right-content .content .img-content {
  max-width: 80%;
}

.login-register-form-container {
  align-self: center;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
}
.login-register-form-container .title {
  font-size: 25px;
  margin-bottom: 10px;
}
.login-register-form-container .sub-title {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 10px;
}
.login-register-form-container .language-content {
  margin-bottom: 20px;
}
.login-register-form-container .language-content .lang-item {
  padding: 5px;
}
.login-register-form-container .language-content .lang-item.active {
  color: #4172ed;
}
.login-register-form-container .form-content .control-items {
  display: flex;
  justify-content: space-between;
}
.login-register-form-container .form-content .control-items .forgot-pass {
  color: #4172ed;
}
.login-register-form-container .form-content .btn-content {
  margin-top: 25px;
}
.login-register-form-container .form-content .btn-content .submit-button {
  margin-bottom: 20px;
}
.login-register-form-container .form-content .btn-content .sign-in {
  color: #2a3253;
}

.forgot-pass-form-content .information-text {
  text-align: center;
  position: relative;
  font-size: 14px;
  margin-top: 20px;
}
.forgot-pass-form-content .information-text img {
  width: 27px;
  margin-right: 15px;
}
.forgot-pass-form-content .information-text a {
  font-weight: 500;
  text-decoration: underline;
}
.forgot-pass-form-content .btn-content {
  margin-top: 30px;
}
.forgot-pass-form-content .text-content {
  margin-bottom: 30px;
}

.change-pass-form-content .text-content {
  margin-bottom: 20px;
}

.login-modal .modal-dialog,
.register-modal .modal-dialog,
.forgot-pass-modal .modal-dialog,
.change-pass-modal .modal-dialog {
  max-width: 700px !important;
}
.login-modal .login-register-form-container,
.register-modal .login-register-form-container,
.forgot-pass-modal .login-register-form-container,
.change-pass-modal .login-register-form-container {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.right-menu-section {
  background: #2a3253;
  color: white;
  position: absolute;
  right: 0;
  height: 100vh;
  z-index: 999999999999;
  top: 0;
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.right-menu-section .show-right-content {
  background: #2A325340;
  width: 60px;
  height: 60px;
  position: relative;
  border-radius: 5px;
  margin-left: -10px;
  margin-top: 35px;
  display: none;
}
.right-menu-section .show-right-content:hover {
  cursor: pointer;
}
.right-menu-section .show-right-content img {
  max-width: 38px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.right-menu-section.closes {
  width: 90px;
  opacity: 1;
  padding-top: 45px;
  padding-bottom: 45px;
}
.right-menu-section.closes .control-items {
  height: 100%;
}
.right-menu-section.closes .icon-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.right-menu-section.closes .icon-content .icon-item {
  background: #4172ed;
  padding: 10px;
  border-radius: 10px;
  width: 46px;
  height: 40px;
  margin-bottom: 5px;
}
.right-menu-section.closes .icon-content .programs-icon {
  padding: 5px !important;
}
.right-menu-section.closes .icon-content .sub-title {
  font-weight: 300;
  font-size: 12px;
  text-shadow: 0 0px 0 transparent;
  margin-bottom: 25px;
}
.right-menu-section.closes .icon-content .menu-item:hover {
  cursor: pointer;
}
.right-menu-section.closes .link-button {
  color: white;
  font-weight: 400;
  display: inline-block;
}
.right-menu-section.closes .link-button:hover {
  color: white !important;
}
.right-menu-section.closes .rm-show-hide-btn {
  margin-bottom: 40px;
}
.right-menu-section.closes .rm-show-hide-btn:hover {
  cursor: pointer;
}
.right-menu-section.closes .item-content {
  display: none !important;
}
.right-menu-section.closes .item-content.active {
  display: none !important;
}
.right-menu-section.open {
  padding: 40px 30px 20px 30px;
  justify-content: flex-start !important;
  width: 507px;
}
.right-menu-section.open .link-button {
  display: none;
}
.right-menu-section.open .top-menu-content .rm-show-hide-btn {
  position: absolute;
}
.right-menu-section.open .top-menu-content .rm-show-hide-btn img {
  transform: rotate(180deg);
}
.right-menu-section.open .top-menu-content .rm-show-hide-btn:hover {
  cursor: pointer;
}
.right-menu-section.open .top-content {
  display: flex;
  justify-content: space-evenly;
  padding-right: 15%;
  padding-left: 15%;
  align-items: center;
}
.right-menu-section.open .top-content .menu-item {
  text-align: center;
}
.right-menu-section.open .top-content .menu-item .programs-icon {
  padding: 5px !important;
}
.right-menu-section.open .top-content .menu-item .sub-title {
  font-size: 12px;
  font-weight: 300;
}
.right-menu-section.open .top-content .menu-item .icon-item {
  box-shadow: 0px 3px 6px #00000029;
  background: #39426A 0% 0% no-repeat padding-box;
  padding: 10px;
  border-radius: 10px;
  width: 46px;
  height: 40px;
  margin-bottom: 5px;
  transition: 0.3s;
}
.right-menu-section.open .top-content .menu-item.active .icon-item {
  background: #4172ed;
}
.right-menu-section.open .top-content .menu-item.active .sub-title {
  font-size: 20px !important;
  font-weight: 300;
}
.right-menu-section.open .top-content .menu-item:hover {
  cursor: pointer;
}
.right-menu-section.open .top-content .menu-item:hover .icon-item {
  background: #4172ed;
}
.right-menu-section.open .item-content {
  display: none !important;
}
.right-menu-section.open .item-content.active {
  display: block !important;
}
.right-menu-section .item-content {
  margin-top: 150px;
  margin-bottom: -100px;
  overflow-y: scroll;
}
.right-menu-section .item-content#chat {
  overflow: hidden;
}
.right-menu-section .item-content .programs-section .select-box {
  padding: 20px;
  width: 100%;
  border: 0px;
  background: #39426A 0% 0% no-repeat padding-box;
  color: white;
  margin-bottom: 30px;
}
.right-menu-section .item-content .programs-section .select-box:focus {
  border: 0px;
  outline: 0px;
}
.right-menu-section .item-content .programs-section .flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.right-menu-section .item-content .programs-section .flex .radio-item {
  display: flex;
}
.right-menu-section .item-content .programs-section .flex .radio-item .radio-btn {
  width: 35px;
  height: 35px;
  border: 0px !important;
}
.right-menu-section .item-content .programs-section .flex .radio-item .radio-btn:hover {
  cursor: pointer;
}
.right-menu-section .item-content .programs-section .flex .radio-item label {
  font-size: 20px !important;
  font-size: 20px !important;
  margin-bottom: 0px;
  align-self: center;
  margin-left: 15px;
}
.right-menu-section .item-content .programs-section .programs-cards-list .cards {
  margin-bottom: 25px;
  letter-spacing: 0px;
}
.right-menu-section .item-content .programs-section .programs-cards-list .cards .date {
  margin-bottom: 15px;
}
.right-menu-section .item-content .programs-section .programs-cards-list .card-container {
  background: #39426A;
  padding: 15px 30px;
  position: relative;
}
.right-menu-section .item-content .programs-section .programs-cards-list .card-container .title {
  margin-bottom: 25px;
}
.right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .speaker-list {
  display: flex;
  align-items: flex-end;
}
.right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .speaker-list .speakers-item {
  text-align: center;
  font-size: 12px;
  margin-right: 20px;
  margin-top: 25px;
}
.right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .speaker-list .speakers-item img {
  width: 37px;
  height: 37px;
}
.right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .control-button {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  margin-right: -10px;
}
.right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .control-button .add-to-calendar-content {
  width: 30px;
}
.right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .control-button .add-to-calendar-content .calendar-button:after {
  display: none !important;
}
.right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .control-button .add-to-calendar-content img {
  width: 100%;
}
.right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .control-button .add-to-calendar-content .dropdown-menu {
  background-color: white;
  padding: 10px;
  margin-right: 5px;
}
.right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .control-button .add-to-calendar-content .dropdown-menu .item {
  border-bottom: 1px solid #ededed;
  padding: 2px 0px;
}
.right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .control-button .add-to-calendar-content .dropdown-menu .item:hover {
  background: #f7f7f7;
}
.right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .control-button .add-to-calendar-content .dropdown-menu .item:nth-last-child(1) {
  border-bottom: 0px !important;
}
.right-menu-section .item-content .programs-section .programs-cards-list .card-container .sticket {
  position: absolute;
  top: -15px;
  right: 0px;
  border-radius: 5px;
  background: #4172ed;
  color: white;
  padding: 15px 25px;
  letter-spacing: 0px;
  font-weight: 300;
}
.right-menu-section .item-content .programs-section .programs-cards-list .card-container .sticket:before {
  content: "";
  position: absolute;
  left: -7px;
  top: 6px;
  border-color: transparent #4172ed transparent transparent;
  border-style: solid;
  border-width: 9px;
  transform: rotate(-137deg);
  width: 0;
  height: 0;
}
.right-menu-section .item-content .questionnaire-section .top-information {
  display: flex;
}
.right-menu-section .item-content .questionnaire-section .top-information .back-icon {
  align-self: center;
}
.right-menu-section .item-content .questionnaire-section .top-information .back-icon:hover {
  cursor: pointer;
}
.right-menu-section .item-content .questionnaire-section .top-information .pagination-info {
  align-self: center;
  margin-right: auto;
  margin-left: auto;
}
.right-menu-section .item-content .questionnaire-section .top-information .pagination-info .page-number {
  font-size: 25px;
  font-weight: 500;
}
.right-menu-section .item-content .questionnaire-section .question {
  margin-bottom: 30px;
}
.right-menu-section .item-content .questionnaire-section .question-content {
  font-size: 20px;
  padding-top: 35px;
}
.right-menu-section .item-content .questionnaire-section .question-content .options {
  margin: 10px 40px;
  border: 1px solid #707070;
  border-radius: 5px;
  background: white;
  color: #2a3253;
  padding: 15px 25px;
  font-size: 17px;
}
.right-menu-section .item-content .questionnaire-section .question-content .options:hover {
  background: #e8e8e8;
  cursor: pointer;
}
.right-menu-section .item-content .questionnaire-section .button-content {
  margin-top: 25px;
}
.right-menu-section .item-content .right-chat-section .title {
  font-size: 20px;
  font-weight: 500;
}
.right-menu-section .item-content .right-chat-section .chat-content {
  width: 100%;
  height: 500px;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #39426A;
  border-radius: 5px;
  position: relative;
}
.right-menu-section .item-content .right-chat-section .chat-content .messages-content {
  height: calc(100% - 70px);
  padding: 20px 20px 0px 20px;
  display: flex;
  flex-direction: column-reverse;
  overflow-y: auto;
}
.right-menu-section .item-content .right-chat-section .chat-content .messages-content .time {
  align-self: center;
  font-size: 12px;
  font-weight: 300;
  color: #B4B7C6;
}
.right-menu-section .item-content .right-chat-section .chat-content .messages-content .incoming-content {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-bottom: 30px;
}
.right-menu-section .item-content .right-chat-section .chat-content .messages-content .incoming-msg {
  background: #F8F8F8 0% 0% no-repeat padding-box;
  border-radius: 40px;
  padding: 20px;
  color: #2a3253;
  font-size: 15px;
  max-width: 87%;
  margin-right: 25px;
}
.right-menu-section .item-content .right-chat-section .chat-content .messages-content .outgoing-content {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
}
.right-menu-section .item-content .right-chat-section .chat-content .messages-content .outgoing-msg {
  background: #566191 0% 0% no-repeat padding-box;
  border-radius: 40px;
  padding: 20px;
  color: white;
  font-size: 15px;
  max-width: 87%;
  margin-left: 25px;
}
.right-menu-section .item-content .right-chat-section .chat-content .send-message-content {
  width: 100%;
  min-height: 70px;
  background: white;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  padding: 10px 25px;
}
.right-menu-section .item-content .right-chat-section .chat-content .send-message-content .send-msg-input {
  resize: none;
  width: 65%;
  border: 0px;
  align-self: center;
  min-height: 25px;
  max-height: 90px !important;
  overflow-y: scroll !important;
}
.right-menu-section .item-content .right-chat-section .chat-content .send-message-content .send-msg-input:focus {
  outline: 0;
  border: 0px;
}
.right-menu-section .item-content .right-chat-section .chat-content .send-message-content .control-item {
  align-self: center;
}
.right-menu-section .item-content .right-chat-section .chat-content .send-message-content .control-item img {
  margin: 4px;
}
.right-menu-section .item-content .right-chat-section .chat-content .send-message-content .control-item img:hover {
  cursor: pointer;
}

.stand-container {
  position: relative;
}
.stand-container .stand-background {
  width: 100%;
  height: auto;
}
.stand-container .modal-button-items-content {
  display: flex;
  position: absolute;
  bottom: 0px;
  height: 100px;
  justify-content: center;
  width: 100%;
  box-shadow: inset 0px -20px 60px -38px #fff7ef;
}
.stand-container .modal-button-items-content .button-items {
  align-self: center;
  background: rgba(42, 50, 83, 0.7);
  width: 60px;
  height: 60px;
  border-radius: 200px;
  position: relative;
  margin: 8px;
  box-shadow: -1px 5px 23px -13px #fff9f3ba;
}
.stand-container .modal-button-items-content .button-items:hover {
  background: #2a3253;
  cursor: pointer;
}
.stand-container .modal-button-items-content .button-items img {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.stand-container .modal-button-items-content .button-items span {
  display: none;
}
.stand-container .stand-items-container .button-items-content {
  display: flex;
  justify-content: space-between;
  color: white;
  background: #2a3253;
}
.stand-container .stand-items-container .button-items-content .button-content {
  display: flex;
}
.stand-container .stand-items-container .button-items-content .prev {
  content: "";
  background: url(/images/stand-btn-prev.svg?16aa8d693246132d193a9428868da683);
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
}
.stand-container .stand-items-container .button-items-content .prev .content {
  width: 30px;
}
.stand-container .stand-items-container .button-items-content .prev:hover {
  cursor: pointer;
}
.stand-container .stand-items-container .button-items-content .next {
  content: "";
  background: url(/images/stand-btn-next.svg?340010e74cb141aa05a5bf29759e6d9f);
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
}
.stand-container .stand-items-container .button-items-content .next .content {
  width: 30px;
}
.stand-container .stand-items-container .button-items-content .next:hover {
  cursor: pointer;
}
.stand-container .stand-items-container .button-items-content .button-content {
  width: calc(100% - 60px);
  overflow: hidden;
  margin-bottom: 0px;
}
.stand-container .stand-items-container .button-items-content .button-items {
  padding: 20px 0px;
  background: #2a3253;
  display: flex;
  min-width: 16.66%;
  justify-content: center;
}
.stand-container .stand-items-container .button-items-content .button-items svg {
  max-width: 27px;
  margin-right: 10px;
  fill: #ffffff !important;
  align-self: center;
}
.stand-container .stand-items-container .button-items-content .button-items.active {
  background: #EAEAEA;
  color: #2a3253;
  font-weight: 600;
}
.stand-container .stand-items-container .button-items-content .button-items.active svg {
  fill: #2a3253 !important;
}
.stand-container .stand-items-container .button-items-content .button-items.active:hover {
  background: #EAEAEA;
  color: #2a3253;
  cursor: pointer;
}
.stand-container .stand-items-container .button-items-content .button-items:hover {
  background: #cecece12;
  cursor: pointer;
}
.stand-container .stand-items-container .button-items-content .button-items span {
  align-self: center;
}
.stand-container .stand-items-container .container-for-button-items {
  height: calc(100vh - 65px);
}
.stand-container .stand-items-container .container-for-button-items .content-item {
  display: none;
}
.stand-container .stand-items-container .container-for-button-items .content-item.active {
  display: block;
}

.content-item {
  padding: 30px 50px;
  overflow-y: scroll;
  margin-bottom: 130px;
  height: 100%;
}

.stand-section .title {
  font-weight: 600;
  margin-bottom: 20px;
}
.stand-section .title .sub-title {
  font-weight: 300;
  margin-top: 10px;
}

.stand-gallery-section-grid-content {
  display: grid;
  grid-template-columns: 20% 20% 20% 20% 20%;
  grid-gap: 15px;
  width: calc(100% - 60px);
  margin-top: 140px;
  margin-bottom: -100px;
}
.stand-gallery-section-grid-content .img-item {
  position: relative;
  overflow: hidden;
}
.stand-gallery-section-grid-content .img-item a {
  position: relative;
}
.stand-gallery-section-grid-content .img-item .video-icon {
  z-index: 9999999;
  position: absolute;
  left: 0;
  width: 50px;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
.stand-gallery-section-grid-content .img-item img {
  width: 100%;
}

.documantation-content-section .card-items-content {
  display: grid;
  grid-template-columns: 20% 20% 20% 20% 20%;
  grid-gap: 15px;
  width: calc(100% - 60px);
  margin-top: 128px;
  margin-bottom: -70px;
}
.documantation-content-section .card-items-content .card-item {
  background: white;
  box-shadow: 0px 3px 6px #00000029;
  padding: 10px;
  transition: box-shadow 0.3s ease-in-out;
}
.documantation-content-section .card-items-content .card-item:hover {
  box-shadow: 0px 5px 20px -6px #313131b8 !important;
}
.documantation-content-section .card-items-content .card-item .top-img {
  max-width: 100%;
}
.documantation-content-section .card-items-content .card-item .control-items {
  display: flex;
  justify-content: space-evenly;
  margin-top: 15px;
  margin-bottom: 10px;
}
.documantation-content-section .card-items-content .card-item .control-items .item:hover {
  cursor: pointer;
}
.documantation-content-section .card-items-content .card-item .img-content {
  background: #F7F7F7;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
.documantation-content-section .card-items-content .card-item .date {
  text-align: right;
  font-weight: 300;
  font-size: 9px;
  margin-top: 7px;
  margin-bottom: 15px;
}
.documantation-content-section .card-items-content .card-item .title {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
}
.documantation-content-section .card-items-content .card-item .subject {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 10px;
}

.company-info-content .information-section {
  margin-top: 140px;
  margin-bottom: -100px;
}
.company-info-content .information-section .information-content {
  display: grid;
  grid-template-columns: 33% auto;
  padding: 20px;
  border: 1px solid #2a32531a;
  margin-top: 20px;
}
.company-info-content .information-section .information-content .img-content {
  display: flex;
  align-self: center;
  margin-right: 30px;
}
.company-info-content .information-section .information-content .img-content img {
  max-height: 100px;
  max-width: 100%;
}
.company-info-content .information-section .information-content .text-content {
  display: flex;
  flex-flow: wrap;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.company-info-content .information-section .information-content .text-content .item {
  width: 50%;
  margin-bottom: 5px;
  font-size: 14px;
}
.company-info-content .information-section .information-content .text-content .item .label {
  font-weight: 600;
  margin-right: 15px;
  color: #2a3253;
}
.company-info-content .information-section .information-content .text-content .item .text {
  font-weight: 300;
  color: #9CA6C1;
}
.company-info-content .information-section .information-content .text-content .item .text a {
  color: #9CA6C1 !important;
}
.company-info-content .information-section .information-content .text-content .item .label,
.company-info-content .information-section .information-content .text-content .item .text {
  display: inline-block;
}
.company-info-content .information-section .information-text-content {
  background: #b0b8cd0f;
  border: 1px solid #2a32531a;
  border-top: 0px;
  padding: 30px;
  font-weight: 400;
  line-height: 24px;
  color: #2a3253;
  font-size: 14px;
}
.company-info-content .social-media-content {
  margin: 20px 0px;
  text-align: right;
  margin-top: 120px;
  margin-bottom: -100px;
}

.give-opinion-content .title {
  margin: auto;
}
.give-opinion-content .form {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.give-opinion-content .link-content {
  margin: auto;
  text-align: right;
  margin-top: 30px;
  margin-bottom: 15px;
}
.give-opinion-content .link-content .link-button {
  font-weight: 300 !important;
}

.stand-links-content .stand-links-section {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  grid-gap: 20px;
  width: calc(100% - 40px);
  margin-top: 140px;
  margin-bottom: -100px;
}
.stand-links-content .stand-links-section img {
  margin-right: 10px;
}
.stand-links-content .stand-links-section a {
  color: #4172ed !important;
}

.programs-content {
  margin-top: 130px;
  margin-bottom: -100px;
}
.programs-content .program-item {
  padding: 20px;
  color: #4172ed;
  border: 1px solid #EDF1FC;
  border-radius: 13px;
  margin-bottom: 8px;
  font-weight: 600;
}
.programs-content .program-item:hover {
  cursor: pointer;
}

.programs-detail-content {
  display: none;
  border-radius: 10px;
  background: #2a32530a;
}
.programs-detail-content .img-content {
  margin: auto;
}
.programs-detail-content .img-content img {
  max-height: 100px;
}
.programs-detail-content .top-content {
  position: relative;
  padding: 30px 25px 40px 25px;
  display: flex;
  justify-content: space-between;
}
.programs-detail-content .top-content .virtual-bag-btn {
  top: 30px;
  right: 25px;
}
.programs-detail-content .top-content .back-programs {
  transform: rotate(-90deg);
  position: absolute;
}
.programs-detail-content .top-content .back-programs:hover {
  cursor: pointer;
}
.programs-detail-content .top-content .back-programs img {
  width: 30px;
}
.programs-detail-content .desc-content {
  padding: 40px;
  padding-top: 0px;
  font-weight: 300;
}
.programs-detail-content .desc-content .title {
  font-weight: 600;
  margin-bottom: 15px;
  padding-top: 40px;
  border-top: 1px solid #2a325321;
}
.programs-detail-content .desc-content p {
  margin-bottom: 20px !important;
}

.stand-accordion-content {
  margin-bottom: 70px;
}
.stand-accordion-content .accorion-item {
  border: 0px !important;
  margin-bottom: 10px;
}
.stand-accordion-content .search-content {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.stand-accordion-content .search-content .search-input {
  border: 1px solid #edf1fc;
  padding: 15px 20px;
  padding-right: 80px;
  background-image: url(/images/search.svg?dc1c25e…);
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 92%;
  margin-right: 18px;
  color: #2A3253;
}
.stand-accordion-content .search-content .search-input:focus {
  outline: 0;
}
.stand-accordion-content .card-header {
  text-align: left;
  background: transparent;
  border: 1px solid #EDF1FC;
  color: #4172ed;
  padding: 20px 25px;
  border-radius: 13px;
  font-size: 18px;
}
.stand-accordion-content .card-header[aria-expanded=true] {
  border-bottom: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.stand-accordion-content .card-header:focus {
  outline: 0px;
}
.stand-accordion-content .card-body {
  border: 1px solid #EDF1FC;
  border-top: 0px;
}
.stand-accordion-content .card-body .img-content {
  display: flex;
  justify-content: space-evenly;
  max-width: 100%;
  flex-wrap: wrap;
}
.stand-accordion-content .card-body .img-content img {
  border-radius: 13px;
  width: 24%;
}
.stand-accordion-content .card-body .text-content {
  padding: 10px;
  font-size: 16px;
  font-weight: 300;
  margin-top: 20px;
}

.puan-section-content {
  padding-top: 50px;
}
.puan-section-content .title {
  text-align: center;
}
.puan-section-content .stars-content {
  display: flex;
  justify-content: space-evenly;
  width: 25%;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 40px;
}
.puan-section-content .stars-content .star:hover {
  cursor: pointer;
}
.puan-section-content .stars-content .star:hover svg {
  fill: #FDF500 !important;
}

#modal-stand-introduction .modal-dialog {
  max-width: 800px !important;
}
#modal-stand-introduction .introduction-content {
  color: #2a3253;
}
#modal-stand-introduction .introduction-content .title {
  color: #0b1548;
  text-align: center;
  font-weight: 600;
  font-size: 25px;
}
#modal-stand-introduction .introduction-content .subtitle {
  font-weight: 300;
  text-align: center;
  margin-bottom: 30px;
  font-size: 15px;
}

.stand-modal .close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.stand-modal .button-items-content {
  display: flex;
  border: 1px solid #ededed;
  margin-bottom: 20px;
}
.stand-modal .button-items-content .prev {
  content: "";
  background: url(/images/stand-btn-prev-dark.svg?89a4e8727f95283d0f1e5bba58dd021e);
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
}
.stand-modal .button-items-content .prev .content {
  width: 30px;
}
.stand-modal .button-items-content .prev:hover {
  cursor: pointer;
}
.stand-modal .button-items-content .next {
  content: "";
  background: url(/images/stand-btn-next-dark.svg?ed90d964f4256a4be5c11039e9a8dd93);
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
}
.stand-modal .button-items-content .next .content {
  width: 30px;
}
.stand-modal .button-items-content .next:hover {
  cursor: pointer;
}
.stand-modal .button-items-content .button-content {
  display: flex;
  width: calc(100% - 60px);
  overflow: hidden;
  margin-bottom: 0px;
}
.stand-modal .button-items-content .button-content .button-items {
  min-width: 20%;
  display: flex;
  padding: 5px 0px;
  align-items: center;
  justify-content: center;
}
.stand-modal .button-items-content .button-content .button-items.active {
  background: #EAEAEA;
}
.stand-modal .button-items-content .button-content .button-items.active:hover {
  background: #EAEAEA;
}
.stand-modal .button-items-content .button-content .button-items:hover {
  background: #eaeaea70;
  cursor: pointer;
}
.stand-modal .button-items-content .button-content .button-items svg {
  fill: #2A3253;
  max-width: 20px;
  margin-right: 5px;
}
.stand-modal .stand-gallery-section-grid-content {
  grid-template-columns: 25% 25% 25% 25%;
  width: calc(100% - 45px);
  margin-bottom: -100px;
}
.stand-modal .modal-button-items-content {
  display: flex;
  position: absolute;
  bottom: 0px;
  height: 100px;
  justify-content: center;
  width: 100%;
  box-shadow: inset 0px -20px 60px -38px #fff7ef;
}
.stand-modal .modal-button-items-content .button-items {
  align-self: center;
  background: rgba(42, 50, 83, 0.7);
  width: 60px;
  height: 60px;
  border-radius: 200px;
  position: relative;
  margin: 8px;
  box-shadow: -1px 5px 23px -13px #fff9f3ba;
}
.stand-modal .modal-button-items-content .button-items:hover {
  background: #2a3253;
  cursor: pointer;
}
.stand-modal .modal-button-items-content .button-items img {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.stand-modal .documantation-content-section .card-items-content {
  grid-template-columns: 25% 25% 25% 25% !important;
  width: calc(100% - 45px) !important;
}

.conference-content img {
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 425px) {
  .conference-content {
    height: 100vh;
  }
  .conference-content img {
    height: auto;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.chat-section .chat-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  margin: auto;
  height: 65px;
  width: 71px;
  z-index: 1040;
  background: #4172ed;
  border-radius: 13px;
  border: 0px;
  box-shadow: 0px 4px 37px -6px #333333;
}
.chat-section .chat-btn:focus {
  outline: 0px;
}
.chat-section .noti {
  width: 22px;
  height: 22px;
  border-radius: 40px;
  background: #ED4637;
  position: absolute;
  top: -6px;
  right: -6px;
  color: white;
  font-size: 10px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
}
.chat-section .header-content {
  height: 136px;
  background: #4172ed;
  border-radius: 10px 10px 0px 0px;
}
.chat-section .header-content .header-text-content {
  font-weight: 600;
  color: white;
  font-size: 20px;
  padding-top: 30px;
  justify-content: center;
}
.chat-section .header-content .button-content {
  display: flex;
  justify-content: space-between;
  padding: 0px 10px;
  margin-bottom: 0px;
  position: absolute;
  width: 100%;
  top: 90px;
}
.chat-section .header-content .button-content .button-item {
  background: #364572;
  display: flex;
  width: 48%;
  height: 70px;
  align-self: flex-start;
  color: white;
  justify-content: space-evenly;
  font-weight: 500;
  border-radius: 6px;
  align-items: center;
  box-shadow: 0px 6px 9px -2px #8c8c8c;
}
.chat-section .header-content .button-content .button-item.active {
  background: white !important;
  color: #364572 !important;
  box-shadow: 0px 0px 0px transparent !important;
  height: 81px !important;
  border: 1px solid #ededed;
  border-radius: 6px 6px 0px 0px;
  border-bottom: 0px;
  padding-bottom: 11px;
}
.chat-section .header-content .button-content .button-item.active svg {
  fill: #364572;
}
.chat-section .header-content .button-content .button-item:hover {
  cursor: pointer;
}
.chat-section .header-content .header-item {
  display: flex;
}
.chat-section .header-content .header-item .flex-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chat-section .header-content .info-content {
  display: none;
  align-items: center;
  padding: 0px 10px;
  justify-content: space-between;
  padding-top: 6px;
}
.chat-section .header-content .info-content .left-content {
  display: flex;
  align-items: center;
}
.chat-section .header-content .info-content .left-content .back-btn-content {
  position: relative;
  width: 30px;
  margin-right: 10px;
}
.chat-section .header-content .info-content .left-content .back-btn-content:hover {
  cursor: pointer;
}
.chat-section .header-content .info-content .message-item {
  margin: 5px;
  border-radius: 5px;
  display: flex;
  padding: 10px;
  position: relative;
}
.chat-section .header-content .info-content .message-item:hover {
  cursor: pointer;
}
.chat-section .header-content .info-content .message-item .img-content {
  width: 45px;
  height: 45px;
  background-color: white;
  border-radius: 40px;
  position: relative;
  margin-right: 13px;
}
.chat-section .header-content .info-content .message-item .img-content img {
  width: 45px;
  height: 45px;
  border-radius: 40px;
}
.chat-section .header-content .info-content .message-item .img-content .status {
  bottom: 0px;
  right: 0px;
  width: 15px;
  height: 15px;
}
.chat-section .header-content .info-content .message-item .text-content {
  width: 100%;
  display: flex;
  padding-top: 0px;
}
.chat-section .header-content .info-content .message-item .text-content .top-info {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-self: center;
  color: white;
  text-align: left;
}
.chat-section .header-content .info-content .message-item .text-content .top-info .name {
  font-weight: 600;
  font-size: 16px;
}
.chat-section .header-content .info-content .message-item .text-content .top-info .personel-title {
  font-size: 12px;
  font-weight: 400;
}
.chat-section .header-content .info-content .take-agent-puan {
  width: 23px;
  margin-right: 15px;
}
.chat-section .header-content .info-content .take-agent-puan img {
  width: 100%;
  height: 23px;
}
.chat-section .header-content .info-content .take-agent-puan:hover {
  cursor: pointer;
}
.chat-section .header-content .info-content .take-agent-puan:after {
  display: none !important;
}
.chat-section .header-content .info-content .chat-dropdown-content {
  margin-top: 13px !important;
  background: white !important;
  box-shadow: 0px 10px 29px -6px #1111119c !important;
}
.chat-section .header-content .info-content .chat-dropdown-content .dropdown-item {
  text-align: left;
  font-size: 14px;
}
.chat-section .header-content .info-content .chat-dropdown-content .dropdown-item img {
  width: 20px;
  margin-right: 5px;
}
.chat-section .header-content .close {
  position: absolute;
  top: 10px;
  right: 13px;
  font-weight: 400;
  color: white;
  width: 10px;
  height: 10px;
  background-image: url(/images/close.svg?8132d309850974251acfc834f3043aaf);
}
.chat-section .status {
  position: absolute;
  bottom: -3px;
  right: -3px;
  width: 20px;
  height: 20px;
  z-index: 12;
  border-radius: 20px;
}
.chat-section .status.online {
  background: #5DFF48;
}
.chat-section .chat-content {
  display: none;
  background: #ffffff;
  border-radius: 12px;
  position: fixed;
  width: 420px;
  height: 610px;
  bottom: 20px;
  right: 20px;
  z-index: 1040;
  margin-top: 100px;
  margin-bottom: -100px;
  box-shadow: 2px 2px 20px -5px #3e3e3e82;
  overflow: hidden;
}
.chat-section .chat-content .content-section {
  margin: 10px;
  margin-top: 34px;
  border: 1px solid #f3f3f3;
  border-bottom: 0px;
  border-radius: 5px 5px 0px 0px;
  height: calc(100% - 186px);
  padding-top: 4px;
}
.chat-section .chat-content .content-section .search-content {
  margin: 5px;
}
.chat-section .chat-content .content-section .search-content .search-input {
  width: 100%;
  margin: 0px;
  background-color: #f5f5f5;
  border-radius: 5px;
  border: 0px;
  font-size: 14px;
  padding: 13px 15px;
}
.chat-section .chat-content .content-section .search-content .search-input:focus {
  outline: 0;
  border: 0px;
}
.chat-section .chat-content .content-section .messages-content {
  height: calc(100% - 55px);
  padding: 20px 20px 0px 20px;
  display: flex;
  flex-direction: column-reverse;
  overflow-y: auto;
  margin-top: 100px;
  margin-bottom: -100px;
  display: none;
}
.chat-section .chat-content .content-section .messages-content .time {
  align-self: center;
  font-size: 12px;
  font-weight: 300;
  color: #B4B7C6;
}
.chat-section .chat-content .content-section .messages-content .msg-content:nth-last-child(1) {
  margin-bottom: 30px !important;
}
.chat-section .chat-content .content-section .messages-content .incoming-msg-content {
  position: relative;
  padding-top: 30px;
}
.chat-section .chat-content .content-section .messages-content .incoming-msg-content .control-icons {
  display: none;
  margin-left: -50px;
  padding-left: 20px;
  position: absolute;
  top: 6px;
}
.chat-section .chat-content .content-section .messages-content .incoming-msg-content .control-icons .link-button {
  font-size: 13px;
  margin-right: 11px;
  margin-bottom: 4px;
}
.chat-section .chat-content .content-section .messages-content .incoming-msg-content .control-icons .link-button:hover {
  cursor: pointer;
}
.chat-section .chat-content .content-section .messages-content .incoming-msg-content:hover .control-icons {
  display: block;
}
.chat-section .chat-content .content-section .messages-content .incoming-content {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.chat-section .chat-content .content-section .messages-content .incoming-msg {
  background: #F8F8F8 0% 0% no-repeat padding-box;
  border-radius: 25px;
  padding: 15px 20px;
  color: #6F6F6F;
  font-size: 14px;
  max-width: 87%;
  margin-right: 25px;
}
.chat-section .chat-content .content-section .messages-content .outgoing-msg-content {
  position: relative;
  padding-top: 30px;
}
.chat-section .chat-content .content-section .messages-content .outgoing-msg-content .control-icons {
  right: -50px;
  padding-right: 20px;
  position: absolute;
  width: 100%;
  text-align: right;
  top: 6px;
  display: none;
}
.chat-section .chat-content .content-section .messages-content .outgoing-msg-content .control-icons .link-button {
  font-size: 13px;
  margin-right: 11px;
  margin-bottom: 4px;
}
.chat-section .chat-content .content-section .messages-content .outgoing-msg-content .control-icons .link-button:hover {
  cursor: pointer;
}
.chat-section .chat-content .content-section .messages-content .outgoing-msg-content:hover .control-icons {
  display: block;
}
.chat-section .chat-content .content-section .messages-content .outgoing-content {
  display: flex;
  justify-content: flex-end;
}
.chat-section .chat-content .content-section .messages-content .outgoing-msg {
  background: #D5E0FC 0% 0% no-repeat padding-box;
  border-radius: 25px;
  padding: 15px 20px;
  color: #6F6F6F;
  font-size: 14px;
  max-width: 87%;
  margin-left: 25px;
}
.chat-section .chat-content .content-section .institutions-content {
  height: 100%;
  margin-top: 100px;
  margin-bottom: -100px;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list {
  height: calc(100% - 42px);
  overflow: scroll;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .card {
  border: 0px;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .card:hover {
  cursor: pointer;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .card-body {
  padding: 0px 10px;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .institutions-item {
  border: 0px;
  margin: 5px;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .institutions-item[aria-expanded=true] .accordion-content {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom: 2px solid #364572;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .accordion-content {
  background: #f5f5f5;
  border-radius: 5px;
  display: flex;
  padding: 10px;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .accordion-content .img-content {
  width: 60px;
  background: white;
  border-radius: 30px;
  margin-right: 15px;
  position: relative;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .accordion-content .img-content img {
  width: 100%;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .accordion-content .text-content {
  display: flex;
  flex-flow: column;
  align-self: center;
  text-align: left;
  color: #364572;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .accordion-content .text-content .title {
  font-weight: 600;
  text-decoration: none !important;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .accordion-content .text-content .link-button {
  display: inline-block;
  font-weight: 400;
  color: #888888;
  font-size: 14px;
  text-decoration: underline;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .message-item {
  background: #f5f5f5;
  margin: 5px;
  border-radius: 5px;
  display: flex;
  padding: 10px;
  position: relative;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .message-item:hover {
  cursor: pointer;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .message-item .img-content {
  width: 50px;
  height: 50px;
  background-color: white;
  border-radius: 40px;
  position: relative;
  margin-right: 13px;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .message-item .img-content img {
  width: 50px;
  height: 50px;
  border-radius: 40px;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .message-item .img-content .status {
  bottom: 0px;
  right: 0px;
  width: 15px;
  height: 15px;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .message-item .text-content {
  width: 100%;
  display: flex;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .message-item .text-content .top-info {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-self: center;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .message-item .text-content .top-info .name {
  font-weight: 500;
  color: #364572;
  font-size: 15px;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .message-item .text-content .top-info .personel-title {
  font-size: 12px;
  font-weight: 400;
  color: #6F6F6F;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .message-item .text-content .top-info .noti-content {
  display: flex;
  flex-direction: column;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .message-item .text-content .top-info .noti-content.active .noti {
  display: inline-block !important;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .message-item .text-content .top-info .noti-content.active .time {
  color: #ED4637;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .message-item .text-content .top-info .noti-content .time {
  font-size: 11px;
  font-weight: 400;
  color: #6F6F6F;
  margin-bottom: 3px;
}
.chat-section .chat-content .content-section .institutions-content .institutions-list .message-item .text-content .top-info .noti-content .noti {
  display: none;
  position: relative;
  top: 0px;
  right: 0px;
}
.chat-section .chat-content .content-section .message-list-content {
  margin-top: 100px;
  margin-bottom: -100px;
  display: none;
}
.chat-section .chat-content .content-section .message-list-content .message-lists {
  overflow: auto;
  height: 373px;
}
.chat-section .chat-content .content-section .message-list-content .message-item {
  background: #f5f5f5;
  margin: 5px;
  border-radius: 5px;
  display: flex;
  padding: 10px;
  position: relative;
}
.chat-section .chat-content .content-section .message-list-content .message-item:hover {
  cursor: pointer;
}
.chat-section .chat-content .content-section .message-list-content .message-item .img-content {
  width: 60px;
  height: 60px;
  background-color: white;
  border-radius: 40px;
  position: relative;
  margin-right: 10px;
}
.chat-section .chat-content .content-section .message-list-content .message-item .img-content img {
  width: 60px;
  height: 60px;
  border-radius: 40px;
}
.chat-section .chat-content .content-section .message-list-content .message-item .text-content {
  width: 100%;
}
.chat-section .chat-content .content-section .message-list-content .message-item .text-content .top-info {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.chat-section .chat-content .content-section .message-list-content .message-item .text-content .top-info .name {
  font-weight: 600;
  color: #364572;
  font-size: 16px;
}
.chat-section .chat-content .content-section .message-list-content .message-item .text-content .top-info .personel-title {
  font-size: 12px;
  font-weight: 400;
  color: #6F6F6F;
}
.chat-section .chat-content .content-section .message-list-content .message-item .text-content .top-info .noti-content {
  display: flex;
  flex-direction: column;
}
.chat-section .chat-content .content-section .message-list-content .message-item .text-content .top-info .noti-content.active .noti {
  display: inline-block !important;
}
.chat-section .chat-content .content-section .message-list-content .message-item .text-content .top-info .noti-content.active .time {
  color: #ED4637;
}
.chat-section .chat-content .content-section .message-list-content .message-item .text-content .top-info .noti-content .time {
  font-size: 11px;
  font-weight: 400;
  color: #6F6F6F;
  margin-bottom: 3px;
}
.chat-section .chat-content .content-section .message-list-content .message-item .text-content .top-info .noti-content .noti {
  display: none;
  position: relative;
  top: 0px;
  right: 0px;
}
.chat-section .chat-content .content-section .message-list-content .message-item .text-content .last-msj-content {
  font-weight: 300;
  font-size: 13px;
  line-height: 18px;
  color: #656565;
  margin-top: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}
.chat-section .chat-content .send-message-content {
  width: 100%;
  min-height: 70px;
  background: white;
  box-shadow: -2px -1px 23px -4px #00000026;
  border-radius: 5px;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  padding: 10px 25px;
  visibility: hidden;
}
.chat-section .chat-content .send-message-content .send-msg-input {
  resize: none;
  width: 65%;
  border: 0px;
  align-self: center;
  min-height: 25px;
  max-height: 90px !important;
  overflow-y: scroll !important;
}
.chat-section .chat-content .send-message-content .send-msg-input:focus {
  outline: 0;
  border: 0px;
}
.chat-section .chat-content .send-message-content .control-item {
  align-self: center;
}
.chat-section .chat-content .send-message-content .control-item .video-chat {
  width: 30px;
}
.chat-section .chat-content .send-message-content .control-item img {
  margin: 4px;
}
.chat-section .chat-content .send-message-content .control-item img:hover {
  cursor: pointer;
}

.call-request-section {
  z-index: 9999999;
  position: fixed;
  bottom: 20px;
  right: 20px;
  margin: auto;
  background: white;
  box-shadow: 2px 2px 20px -5px #3e3e3e82;
  border-radius: 12px;
  height: 450px;
  width: 350px;
  display: none;
  margin-top: 100px;
  margin-bottom: -100px;
}
.call-request-section .header {
  background: #4172ed;
  border-radius: 12px 12px 0px 0px;
  color: white;
  display: flex;
  justify-content: center;
  padding: 20px 0px;
  font-size: 14px;
  font-weight: 500;
}
.call-request-section .header img {
  width: 30px;
  margin-right: 10px;
}
.call-request-section .content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 60px);
  text-align: center;
}
.call-request-section .content .name {
  font-size: 30px;
}
.call-request-section .content img {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  margin-bottom: 30px;
}
.call-request-section .content .control-btn {
  display: flex;
  justify-content: space-evenly;
  margin-top: 40px;
}
.call-request-section .content .control-btn:hover {
  cursor: pointer;
}
.call-request-section .content .control-btn .call-btn {
  color: white;
  background: #E54949;
  border-radius: 7px;
  padding: 10px 30px;
  margin: 7px;
}
.call-request-section .content .control-btn .cancel-btn {
  background: #E54949;
}
.call-request-section .content .control-btn .accept-btn {
  background: #26B17C;
}

.appointment-section .tab-sections {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  color: #2a3253;
}
.appointment-section .tab-sections .appointment-tab-item {
  margin-right: 10px;
}
.appointment-section .tab-sections .appointment-tab-item.active {
  font-weight: 700;
  border-bottom: 1px solid #2a3253;
}
.appointment-section .tab-sections .appointment-tab-item:nth-last-child(0) {
  margin-right: 0px;
}
.appointment-section .content {
  display: none;
}
.appointment-section .content.active {
  display: block;
}
.appointment-section .content .state-tooltip {
  position: absolute;
  z-index: 20;
  background: #2a3253;
  color: white;
  box-shadow: 0px 9px 20px -5px #11111147;
  display: none;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 400;
  padding: 10px 25px;
}
.appointment-section .school-list-section .search-content {
  margin-top: 30px;
  margin-bottom: 30px;
}
.appointment-section .school-list-section .card-body {
  border-top: 0px !important;
  padding: 0px !important;
}
.appointment-section .school-list-section .school-card {
  margin-bottom: 10px;
  border: 1px solid #F0F2F7;
  border-radius: 5px;
}
.appointment-section .school-list-section .school-item .accordion-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  height: 70px;
}
.appointment-section .school-list-section .school-item .accordion-content:hover {
  cursor: pointer;
}
.appointment-section .school-list-section .school-item .accordion-content .img-content {
  max-width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
}
.appointment-section .school-list-section .school-item .accordion-content .img-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.appointment-section .school-list-section .school-item .accordion-content .info-content {
  display: flex;
  gap: 40px;
  justify-content: space-between;
}
.appointment-section .school-list-section .agent-item {
  display: grid;
  grid-template-columns: 8% 18% auto auto 3% auto 16%;
  align-items: center;
  font-size: 13px;
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.appointment-section .school-list-section .agent-item .image {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 40px;
  background-color: white;
}
.appointment-section .school-list-section .agent-item .name-stars {
  text-align: left;
}
.appointment-section .school-list-section .agent-item .name-stars .name {
  text-decoration: underline;
}
.appointment-section .school-list-section .agent-item .name-stars .stars img {
  width: 13px;
  height: 13px;
}
.appointment-section .school-list-section .agent-item .video {
  width: 20px;
  height: 20px;
}
.appointment-section .school-list-section .agent-item .submit-button {
  margin-left: inherit;
  margin-right: inherit;
  padding: 12px 20px;
}
.appointment-section .school-list-section .agent-item[aria-expanded=true] {
  background: #F2F2F2;
}
.appointment-section .school-list-section .agent-lists .agent-date-content {
  padding: 10px;
  padding-bottom: 20px;
  max-height: 516px;
  overflow: scroll;
}
.appointment-section .school-list-section .agent-lists .agent-date-content .date-info {
  margin-top: 10px;
  background: #F7F9FD;
  padding: 5px 17px;
  font-size: 13px;
}
.appointment-section .school-list-section .agent-lists .agent-date-content .hours-content {
  display: flex;
  gap: 7px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.appointment-section .school-list-section .agent-lists .agent-date-content .hours-content .hour-item {
  background: #F7F9FD;
  font-size: 14px;
  color: #A3AABF;
  font-weight: 300;
  width: 19.28%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.appointment-section .school-list-section .agent-lists .agent-date-content .hours-content .hour-item.selected {
  background: white !important;
  border: 1px solid #4AF217;
}
.appointment-section .school-list-section .agent-lists .agent-date-content .hours-content .hour-item[data-status=available]:hover {
  cursor: pointer;
}
.appointment-section .school-list-section .agent-lists .agent-date-content .hours-content .hour-item[data-status=full] {
  background: #F2F2F2;
}
.appointment-section .school-list-section .agent-lists .agent-date-content .hours-content .hour-item[data-status=waiting] {
  background: #fbe2031c !important;
}
.appointment-section .calendar-section {
  margin-top: 30px;
  color: #2a3253;
}
.appointment-section .calendar-section .fc-toolbar-title {
  font-size: 1.4em;
}
.appointment-section .calendar-section .fc-button {
  background-color: #4e5671;
  border-color: #4e5671;
}
.appointment-section .calendar-section .fc-button:hover {
  background-color: #414965;
  border-color: #414965;
}
.appointment-section .calendar-section .fc-button:focus {
  border: 0px;
}
.appointment-section .calendar-section .fc-day-today {
  background-color: #ededed !important;
}
.appointment-section .appointment-modal .title {
  font-size: 20px;
}
.appointment-section .appointment-modal .sub-title {
  font-size: 14px;
  font-weight: 300;
  color: #6e7279;
  margin-bottom: 15px;
}
.appointment-section .appointment-modal .button-content {
  margin-bottom: 0px;
  margin-top: 30px;
}

.thank-you-page-section {
  background-image: url(/images/thankyou-bg.png?a1e32862505b0d24d8adc01a66e09fda);
  background-color: #2a3253;
  width: 100%;
  height: 100vh;
  background-size: 100% 100%;
  color: white;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.thank-you-page-section .logo-content {
  position: absolute;
  top: 30px;
  left: 30px;
}
.thank-you-page-section .text-content {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin-top: -120px;
}
.thank-you-page-section .text-content .img img {
  width: 55px;
}
.thank-you-page-section .text-content .small-text {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 300;
}
.thank-you-page-section .text-content .title {
  font-size: 60px;
  font-weight: 500;
  margin-top: 25px;
}
.thank-you-page-section .text-content hr {
  border-color: #ffffff0d;
  width: 80%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.thank-you-page-section .text-content .sub-title {
  font-size: 17px;
  font-weight: 300;
}
.thank-you-page-section .text-content .add-to-calendar-content .dropdown-menu {
  background: #e8e8ec !important;
  color: #2A3253;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0px 30px 27px #00000016;
  font-weight: 500;
}
.thank-you-page-section .text-content .add-to-calendar-content .dropdown-menu .item {
  padding: 7px 10px;
  border-bottom: 1px solid #2a325312;
}
.thank-you-page-section .text-content .add-to-calendar-content .dropdown-menu .item:nth-last-child(1) {
  border-bottom: 0px;
}
.thank-you-page-section .text-content .add-to-calendar-content .dropdown-menu .item:hover {
  background: #2a325312;
  cursor: pointer;
}
.thank-you-page-section .text-content .calendar-button {
  margin-left: auto;
  margin-right: auto;
  background: #ffffffe3;
  display: inline-block;
  border-radius: 10px;
  padding: 15px 30px;
  color: #2a3253;
  font-weight: 500;
  font-size: 17px;
  margin-top: 30px;
  box-shadow: 0px 30px 27px #00000016;
}
.thank-you-page-section .text-content .calendar-button:hover {
  cursor: pointer;
}
.thank-you-page-section .text-content .calendar-button img {
  margin-right: 15px;
  width: 35px;
}
.thank-you-page-section .control-buttons {
  margin-top: 50px;
}
.thank-you-page-section .control-buttons .btn-on-thanks {
  background: white;
  font-weight: 600;
  padding: 15px 20px;
  border-radius: 10px;
  margin: 8px;
  font-size: 16px;
}
.thank-you-page-section .control-buttons .btn-on-thanks:hover {
  color: #2a3253;
  text-decoration: none !important;
}
.thank-you-page-section .social-media {
  position: absolute;
  bottom: 40px;
  text-align: center;
  width: 100%;
}
.thank-you-page-section .social-media .title {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 12px;
}
.thank-you-page-section .social-media .social-icons img {
  margin-right: 6px;
}

.explore-section .slider-banner {
  background: #2A3253;
  color: white;
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 60px 100px;
}
.explore-section .slider-banner .text-content {
  width: 70%;
}
.explore-section .slider-banner .text-content .title {
  font-size: 30px;
  font-weight: 500;
}
.explore-section .slider-banner .text-content .time-content {
  margin-top: 15px;
}
.explore-section .slider-banner .text-content .time-content .now {
  padding: 6px 10px;
  border: 1px solid #4172ed;
  margin-right: 15px;
}
.explore-section .slider-banner .text-content .text {
  margin-top: 20px;
  font-weight: 300;
  margin-bottom: 30px;
}
.explore-section .slider-banner .text-content .button-content {
  text-align: left;
}
.explore-section .slider-banner .text-content .button-content .submit-button {
  box-shadow: 0px 30px 27px #00000016;
}
.explore-section .slider-banner .text-content .button-content .link-button {
  color: white;
  margin-left: 20px;
}
.explore-section .slider-banner .text-content .button-content .link-button:hover {
  color: white !important;
  cursor: pointer;
}
.explore-section .slider-banner .slide-content .big-img-content img {
  width: 100%;
  border: 6px solid #4172ed;
  border-radius: 4px;
}
.explore-section .slider-banner .slide-content .small-imgs-content {
  display: flex;
  width: 100%;
}
.explore-section .slider-banner .slide-content .small-imgs-content img {
  width: 80px;
  height: 80px;
  margin: 12px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.explore-section .videos-content {
  background: white;
  padding: 30px 30px 50px 30px;
  color: #2a3253;
  box-shadow: 0px 30px 27px #00000016;
}
.explore-section .videos-content .title {
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 18px;
}
.explore-section .videos-content .videos-slide {
  display: flex;
  gap: 10px;
}
.explore-section .videos-content .videos-slide .card {
  border: 0px;
  display: flex;
  flex-direction: row;
  width: 33%;
}
.explore-section .videos-content .videos-slide .card .img-content {
  margin-right: 15px;
  position: relative;
}
.explore-section .videos-content .videos-slide .card .img-content .submit-button {
  position: absolute;
  right: 12px;
  bottom: -19px;
  padding: 10px 20px;
  box-shadow: 0px 30px 27px #00000016;
}
.explore-section .videos-content .videos-slide .card .img-content .submit-button img {
  width: 15px;
  margin-left: 10px;
}
.explore-section .videos-content .videos-slide .card .dsc {
  font-size: 12px;
}
.explore-section .videos-content .videos-slide .card .dsc .name {
  font-weight: 600;
  font-size: 14px;
}
.explore-section .videos-content .videos-slide .card .dsc .title {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 15px;
}
.explore-section .videos-content .videos-slide .card .dsc .conversation-title {
  margin-bottom: 5px;
  font-weight: 400;
}
.explore-section .videos-content .videos-slide .card .dsc .conversation-text {
  font-size: 12px;
  font-weight: 400;
}
.explore-section .content-sections .join-confarance {
  margin-bottom: 30px;
}
.explore-section .content-sections .join-confarance .banner-shadow {
  background: #2a325370 !important;
}
.explore-section .content-sections .join-confarance .conferance-img {
  width: 100%;
  max-height: 560px;
  position: relative;
}
.explore-section .content-sections .join-confarance .conferance-img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.explore-section .content-sections .join-confarance .conferance-img .banner-shadow {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #2a32531c;
  display: flex;
}
.explore-section .content-sections .join-confarance .conferance-img .banner-shadow .text-content {
  background: #2a325357 0% 0% no-repeat padding-box;
  border-radius: 5px;
  max-width: 555px;
  margin: auto;
  color: white;
  padding: 35px 50px;
  font-size: 30px;
  text-align: center;
  font-weight: 300;
}
.explore-section .content-sections .join-confarance .conferance-img .banner-shadow .text-content .join {
  font-weight: 600;
  text-decoration: underline;
}

.basket-section .icon-content {
  background-image: url(/images/grey-icon-content.svg?4b40eed456a0c637b57a70cb555f2b35);
  background-color: #4E5671;
  width: 100%;
  height: 450px;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
}
.basket-section .basket-products-content {
  position: relative;
  background: white;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
  min-height: 500px;
  border-radius: 10px;
  margin-bottom: 80px;
  box-shadow: 0px 3px 6px #00000029;
  padding: 40px;
}
.basket-section .basket-products-content .title {
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 10px;
}
.basket-section .basket-products-content .sub-title {
  text-align: center;
  font-weight: 300;
  margin-bottom: 36px;
}
.basket-section .basket-products-content .back-shopping {
  float: right;
  margin-bottom: 15px;
}
.basket-section .basket-products-content .product-basket-card {
  display: flex;
  width: 100%;
  padding: 10px 0px;
  border-bottom: 1px solid #2a32531a;
  justify-content: space-between;
  align-items: center;
}
.basket-section .basket-products-content .product-basket-card:nth-last-child(1) {
  border-bottom: 0px !important;
  margin-bottom: 30px !important;
}
.basket-section .basket-products-content .product-basket-card img {
  max-width: 173px;
  border-radius: 8px;
}
.basket-section .basket-products-content .product-basket-card .prd-info-content {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.basket-section .basket-products-content .product-basket-card .prd-info-content .name {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 7px;
}
.basket-section .basket-products-content .product-basket-card .prd-info-content .dsc {
  font-size: 14px;
  margin-bottom: 23px;
  font-weight: 300;
}
.basket-section .basket-products-content .product-basket-card .quantity span {
  margin-left: 10px;
  font-weight: 300;
}
.basket-section .basket-products-content .product-basket-card .delete {
  text-align: center;
  margin-right: 10px;
}
.basket-section .basket-products-content .product-basket-card .delete div {
  color: #f46166;
  font-size: 18px;
  margin-top: 4px;
}
.basket-section .basket-products-content .grey-content {
  margin-top: 30px;
}
.basket-section .basket-products-content .grey-content .total-price-content {
  display: flex;
  text-align: right;
  justify-content: flex-end;
}
.basket-section .basket-products-content .grey-content .total-price-content.extra {
  color: #75B471;
  padding-top: 10px;
}
.basket-section .basket-products-content .grey-content .total-price-content.extra .total-title {
  font-weight: 300;
}
.basket-section .basket-products-content .grey-content .total-price-content.extra .price-content {
  margin-right: 60px;
  margin-left: 40px;
}
.basket-section .basket-products-content .grey-content .total-price-content.extra .price-content .price {
  color: #75B471;
  font-size: 16px;
  font-weight: 300;
  padding-top: 5px;
}
.basket-section .basket-products-content .grey-content .total-price-content .total-title {
  font-weight: 600;
  padding-top: 5px;
}
.basket-section .basket-products-content .grey-content .total-price-content .price-content {
  margin-right: 60px;
  margin-left: 40px;
}

.product-list-section .product-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  grid-gap: 15px;
  margin-left: -15px;
  margin-top: 100px;
  margin-bottom: -100px;
}
.product-list-section .product-grid .filter-content {
  background: #F0F0F3;
  border-radius: 10px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
}
.product-list-section .product-grid .filter-content .tab-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.product-list-section .product-grid .filter-content .tab-section .tab-item {
  width: 50%;
  padding: 5px;
  text-align: center;
  font-weight: 600;
  border-bottom: 1px solid #CBCDD5;
  border-radius: 5px 5px 0px 0px;
}
.product-list-section .product-grid .filter-content .tab-section .tab-item img {
  margin-right: 10px;
}
.product-list-section .product-grid .filter-content .tab-section .tab-item.active {
  background: #D8D9E0;
}
.product-list-section .product-grid .filter-content .tab-content {
  display: none;
}
.product-list-section .product-grid .filter-content .tab-content.filter .item-header {
  padding: 14px 7px;
  font-weight: 600;
  font-size: 15px;
  border-bottom: 1px solid #cbcdd5;
}
.product-list-section .product-grid .filter-content .tab-content.filter .item-header[aria-expanded=true] {
  border-bottom: 2px solid #2a3253;
}
.product-list-section .product-grid .filter-content .tab-content.filter .filter-body-content {
  background: #FBFBFB;
  padding: 10px;
  font-weight: 300;
}
.product-list-section .product-grid .filter-content .tab-content.filter .filter-body-content .form-check {
  border-bottom: 1px solid #2a32531c;
  padding-top: 8px;
  padding-bottom: 8px;
}
.product-list-section .product-grid .filter-content .tab-content.filter .filter-body-content .form-check:nth-last-child(2) {
  border-bottom: 0px;
}
.product-list-section .product-grid .filter-content .tab-content.filter .filter-body-content .form-check-label {
  font-weight: 400;
  margin-bottom: 3px;
}
.product-list-section .product-grid .filter-content .tab-content.filter .filter-body-content .product-submit-button {
  margin-top: 20px;
}
.product-list-section .product-grid .filter-content .tab-content.sort .form-check {
  padding-bottom: 8px;
  border-bottom: 1px solid #2a325314;
  margin-bottom: 8px;
}
.product-list-section .product-grid .filter-content .tab-content.sort .form-check:nth-last-child(1) {
  border-bottom: 0px;
}
.product-list-section .product-grid .filter-content .tab-content.sort .form-check-label {
  font-weight: 400;
  font-size: 15px;
}
.product-list-section .product-grid .filter-content .tab-content.active {
  display: block;
}
.product-list-section .product-grid .filter-content .tab-content .product-submit-button {
  padding: 6px;
  font-size: 14px;
  margin-top: 30px;
}
.product-list-section .product-grid .product-list-content {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-gap: 20px;
  width: calc(100% - 60px);
}
.product-list-section .product-grid .product-list-content .product-card {
  width: 100%;
  background: white;
  padding: 8px;
  border-radius: 10px;
  box-shadow: 0px 10px 28px #00000013;
  position: relative;
}
.product-list-section .product-grid .product-list-content .product-card .discount {
  position: absolute;
  background: #FF7E0F;
  color: white;
  padding: 3px 13px;
  border-radius: 5px 5px 5px 0px;
  left: -7px;
  font-weight: 500;
  font-size: 15px;
  box-shadow: 9px 7px 6px #00000028;
  top: 14px;
}
.product-list-section .product-grid .product-list-content .product-card .discount:before {
  content: "";
  position: absolute;
  left: -7px;
  top: 21px;
  border-color: transparent #FF7E0F transparent transparent;
  border-style: solid;
  border-width: 7px;
  transform: rotate(-357deg);
  width: 0;
  height: 0;
}
.product-list-section .product-grid .product-list-content .product-card .product-img {
  width: 100%;
  border-radius: 5px;
}
.product-list-section .product-grid .product-list-content .product-card .dsc-content .title {
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.product-list-section .product-grid .product-list-content .product-card .dsc-content .dsc-text {
  font-size: 13px;
  font-weight: 300;
}
.product-list-section .product-grid .product-list-content .product-card .dsc-content .bottom-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 15px;
}
.product-list-section .product-grid .product-list-content .product-card .dsc-content .bottom-content .price {
  font-size: 15px;
}
.product-list-section .product-grid .product-list-content .product-card .dsc-content .bottom-content .old-price {
  font-size: 12px;
}
.product-list-section .product-grid .product-list-content .product-card .dsc-content .bottom-content .product-submit-button {
  font-size: 13px;
  padding: 10px;
  margin-top: 0px;
}

.product-detail-section {
  display: none;
}
.product-detail-section .product-breadcrump {
  margin-bottom: 15px;
}
.product-detail-section .grid-content {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-gap: 30px;
  width: calc(100% - 30px);
}
.product-detail-section .grid-content .product-images .big-img img {
  width: 100%;
  max-height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.product-detail-section .grid-content .product-images .sub-imgs {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 10px;
  width: 100%;
  margin-top: 20px;
}
.product-detail-section .grid-content .product-images .sub-imgs img {
  width: 100%;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 105px;
}
.product-detail-section .grid-content .product-information {
  background: #F0F0F3;
  border-radius: 10px;
  padding: 25px;
  position: relative;
}
.product-detail-section .grid-content .product-information .discount {
  position: absolute;
  background: #FF7E0F;
  color: white;
  padding: 5px 15px;
  border-radius: 0px 5px 5px 5px;
  right: 21px;
  font-weight: 500;
  font-size: 15px;
  box-shadow: 0px 6px 6px #00000028;
  top: -8px;
}
.product-detail-section .grid-content .product-information .discount:before {
  content: "";
  position: absolute;
  left: -8px;
  top: -8px;
  border-color: transparent #FF7E0F transparent transparent;
  border-style: solid;
  border-width: 8px;
  transform: rotate(90deg);
  width: 0;
  height: 0;
}
.product-detail-section .grid-content .product-information .product-title {
  font-size: 18px;
  font-weight: 500;
}
.product-detail-section .grid-content .product-information .double-content {
  display: flex;
  justify-content: space-between;
}
.product-detail-section .grid-content .product-information .double-content .left-content,
.product-detail-section .grid-content .product-information .double-content .right-content {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.product-detail-section .grid-content .product-information .double-content .free-cargo {
  margin-top: 20px;
}
.product-detail-section .grid-content .product-information .product-code {
  font-weight: 500;
  margin-bottom: 10px;
}
.product-detail-section .grid-content .product-information .product-point {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-bottom: 40px;
}
.product-detail-section .grid-content .product-information .product-point .point-content {
  display: flex;
}
.product-detail-section .grid-content .product-information .product-point .star-content {
  margin-right: 10px;
}
.product-detail-section .grid-content .product-information .product-point .star-content img {
  width: 16px;
  margin: 2px;
}
.product-detail-section .grid-content .product-information .description-content {
  margin-bottom: 20px;
}
.product-detail-section .grid-content .product-information .description-content .title {
  font-weight: 500;
  margin-bottom: 10px;
}
.product-detail-section .grid-content .product-information .description-content .text {
  font-weight: 300;
}
.product-detail-section .grid-content .product-information .description-content .text ul {
  padding-left: 20px;
  margin-bottom: 0px;
}
.product-detail-section .grid-content .product-information .quantity .number-spinner {
  background: white;
}
.product-detail-section .grid-content .product-information .quantity .number-spinner .input-group-btn .btn {
  background: white;
}
.product-detail-section .grid-content .product-information .quantity span {
  font-weight: 300;
  font-size: 14px;
  margin-left: 10px;
}
.product-detail-section .grid-content .bottom-content .button-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 20px;
  margin-bottom: 0px;
}
.product-detail-section .grid-content .bottom-content .button-content .product-submit-button {
  margin-top: 0px;
  width: 100%;
  margin-right: 20px;
}
.product-detail-section .grid-content .bottom-content .button-content .add-favorite img {
  height: 54px;
}
.product-detail-section .grid-content .bottom-content .info-content {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  margin-top: 20px;
}
.product-detail-section .grid-content .bottom-content .info-content img {
  width: 17px;
}
.product-detail-section .section-last-seen {
  margin-top: 40px;
  background: #f0f0f3;
  padding: 20px;
  border-radius: 20px;
}
.product-detail-section .section-last-seen .title {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 18px;
}
.product-detail-section .section-last-seen .grid-content {
  grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6%;
  grid-gap: 10px;
  width: calc(100% - 50px);
}
.product-detail-section .section-last-seen .grid-content .last-product-content {
  background: white;
  border-radius: 8px;
}
.product-detail-section .section-last-seen .grid-content .last-product-content img {
  width: 100%;
  height: 130px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px 8px 0px 0px;
}
.product-detail-section .section-last-seen .grid-content .last-product-content .dsc-content {
  height: calc(100% - 130px);
  padding: 10px;
}
.product-detail-section .section-last-seen .grid-content .last-product-content .dsc-content .title {
  font-weight: 500;
}
.product-detail-section .section-last-seen .grid-content .last-product-content .dsc-content .bottom-content {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.product-detail-section .section-last-seen .grid-content .last-product-content .dsc-content .bottom-content .price {
  font-size: 20px;
}
.product-detail-section .section-last-seen .grid-content .last-product-content .dsc-content .bottom-content .discount {
  background: url(/images/discount-bg.svg?fd59fc70965d9f4655becc9e88ce0910);
  background-size: 100% 100%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 52px;
  font-size: 14px;
  font-weight: 600;
}

.payment-section .icon-content {
  background-image: url(/images/grey-icon-content.svg?4b40eed456a0c637b57a70cb555f2b35);
  background-color: #4E5671;
  width: 100%;
  height: 450px;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
}
.payment-section .grid-content {
  position: relative;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
  display: grid;
  grid-template-columns: 70% 30%;
  grid-gap: 20px;
}
.payment-section .grid-content .content {
  background: white;
  min-height: 500px;
  border-radius: 10px;
  margin-bottom: 80px;
  box-shadow: 0px 3px 6px #00000029;
  padding: 25px;
  width: 100%;
  color: #2a3253;
}
.payment-section .grid-content .content .title {
  font-size: 21px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
}
.payment-section .grid-content .content .speacial-breadcrump {
  text-align: center;
}
.payment-section .grid-content .content .bg-content {
  background: #F8F8F9;
  margin-top: 20px;
  padding: 20px;
  border-radius: 10px;
}
.payment-section .grid-content .content .bg-content .sub-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
.payment-section .grid-content .content .delivery-address {
  margin-top: 45px;
}
.payment-section .grid-content .content .billing-address .sub-title {
  display: flex;
  justify-content: space-between;
}
.payment-section .grid-content .content .billing-address .change-billing-address {
  font-weight: 400;
  color: #F46166;
  text-decoration: underline;
  font-size: 15px;
}
.payment-section .grid-content .content .billing-address .address-info {
  font-weight: 300;
}
.payment-section .grid-content .content .credit-card-information .card-section {
  background-image: linear-gradient(to right, #466AE7, #7246C5);
  color: white;
  border-radius: 10px;
}
.payment-section .grid-content .content .credit-card-information .credit-grid-content {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 20px;
  width: calc(100% - 20px);
}
.payment-section .grid-content .left-content .button-content {
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 10px;
}
.payment-section .grid-content .left-content .button-content .product-submit-button {
  margin-top: 0px;
  margin-bottom: 0px;
}
.payment-section .grid-content .right-content {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.payment-section .grid-content .right-content .order-list {
  margin-top: 40px;
}
.payment-section .grid-content .right-content .order-list .order-product-item {
  padding: 10px 0px;
  display: grid;
  grid-template-columns: 30% 70%;
  grid-gap: 15px;
  width: calc(100% - 15px);
  border-bottom: 1px solid #2a32530f;
}
.payment-section .grid-content .right-content .order-list .order-product-item .order-product-img {
  width: 100%;
}
.payment-section .grid-content .right-content .order-list .order-product-item .text-content .title {
  font-size: 15px;
  text-align: left;
}
.payment-section .grid-content .right-content .order-list .order-product-item .price-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.payment-section .grid-content .right-content .order-list .order-product-item .price-content .old-price {
  font-size: 13px;
}
.payment-section .grid-content .right-content .order-list .order-product-item .price-content .price {
  margin-left: 10px;
  font-size: 18px;
}
.payment-section .grid-content .right-content .total-price-content {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  align-items: flex-end;
}
.payment-section .grid-content .right-content .total-price-content .total-title {
  margin-bottom: 7px;
  font-weight: 500;
}
.payment-section .grid-content .right-content .total-price-content .old-price {
  font-size: 15px;
}
.payment-section .grid-content .right-content .total-price-content .price {
  font-size: 20px;
}
.payment-section .grid-content .right-content .total-price-content.extra {
  margin-top: 10px;
}
.payment-section .grid-content .right-content .total-price-content.extra .total-title {
  color: #F46166;
  margin-bottom: 7px;
  font-weight: 300;
  font-size: 14px;
}
.payment-section .grid-content .right-content .total-price-content.extra .price {
  font-weight: 300;
  color: #F46166;
  font-size: 14px;
}

.order-section {
  min-height: 73vh;
  padding-top: 50px;
  padding-bottom: 50px;
}
.order-section .top-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #2a3253;
}
.order-section .top-content .title {
  font-weight: 600;
  font-size: 25px;
}
.order-section .top-content .filter select {
  padding: 8px 15px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
}
.order-section .order-list-content {
  margin-top: 40px;
}
.order-section .order-list-content .order-item {
  margin-bottom: 20px;
  font-size: 15px;
}
.order-section .order-list-content .order-item .product-submit-button {
  margin: 0px;
}
.order-section .order-list-content .order-item .top-section {
  display: flex;
  justify-content: space-between;
  background: #2a32530d;
  padding: 15px;
  border-radius: 10px 10px 0px 0px;
  align-items: center;
}
.order-section .order-list-content .order-item .top-section .content-detail {
  display: flex;
}
.order-section .order-list-content .order-item .top-section .content-detail .content a:hover {
  color: white !important;
  text-decoration: none !important;
}
.order-section .order-list-content .order-item .top-section .content-detail .content .title {
  font-weight: 600;
}
.order-section .order-list-content .order-item .top-section .content-detail .content .price {
  font-size: 15px;
  font-weight: 400;
  color: #4172ed;
}
.order-section .order-list-content .order-item .desc-section {
  min-height: 40px;
  border: 1px solid #ececec;
  border-top: 0px;
  border-radius: 0px 0px 10px 10px;
}
.order-section .order-list-content .order-item .desc-section .product-item {
  height: 100px;
  display: flex;
  gap: 25px;
}
.order-section .order-list-content .order-item .desc-section .product-item .information {
  margin-left: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.order-section .order-list-content .order-item .desc-section .product-item .information .return {
  border: 1px solid #4172ed;
  padding: 10px;
  border-radius: 9px;
  color: #4172ed;
}
.order-section .order-list-content .order-item .desc-section .product-item .information .date-info {
  font-weight: 300;
  font-size: 12px;
}
.order-section .order-list-content .order-item .desc-section .product-item .information .state-text {
  margin-bottom: 10px !important;
}
.order-section .order-list-content .order-item .desc-section .product-item .information .state-text.waiting {
  color: #dca51e;
}
.order-section .order-list-content .order-item .desc-section .product-item .information .state-text.delivered {
  color: #0bc15c;
  padding-left: 20px;
}
.order-section .order-list-content .order-item .desc-section .product-item .information .state-text.delivered:before {
  content: url(https://cdn.dsmcdn.com/web/production/delivered.svg);
  margin-right: 10px;
}
.order-section .order-list-content .order-item .desc-section .product-item img {
  height: 100%;
}

.order-detail-section {
  padding-top: 50px;
  padding-bottom: 50px;
  min-height: 73vh;
}
.order-detail-section .page-title {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 30px;
  text-align: center;
}
.order-detail-section .go-back {
  margin-bottom: 20px;
  text-decoration: none;
  font-size: 14px;
}
.order-detail-section .double-content {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 20px;
  width: calc(100% - 20px);
  margin-bottom: 20px;
}
.order-detail-section .detail-content .top-content {
  display: flex;
  justify-content: space-between;
  background: #2a32530d;
  padding: 15px;
  border-radius: 10px 10px 0px 0px;
  align-items: center;
}
.order-detail-section .detail-content .top-content .left-content {
  display: flex;
  gap: 60px;
  font-weight: 300;
}
.order-detail-section .detail-content .top-content .left-content .title {
  font-weight: 600;
}
.order-detail-section .detail-content .top-content .right-content {
  display: flex;
  gap: 20px;
}
.order-detail-section .detail-content .top-content .right-content a:hover {
  text-decoration: none !important;
}
.order-detail-section .detail-content .top-content .right-content .card-type {
  height: 20px;
}
.order-detail-section .detail-content .desc-content {
  min-height: 40px;
  border: 1px solid #ececec;
  border-top: 0px;
  border-radius: 0px 0px 10px 10px;
  padding: 20px;
}
.order-detail-section .detail-content .desc-content .address {
  margin-top: 15px;
  font-weight: 300;
}
.order-detail-section .detail-content .desc-content .item {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 7px 0px;
  border-bottom: 1px solid #ededed;
}
.order-detail-section .detail-content .desc-content .item:nth-last-child(1) {
  border-bottom: 0px;
}
.order-detail-section .detail-content .desc-content .item .price {
  font-size: 14px;
  font-weight: 400;
}
.order-detail-section .detail-content .desc-content .item .price.total {
  color: #4172ed;
}
.order-detail-section .detail-content .desc-content .item .price.comingout {
  color: #e42626;
}
.order-detail-section .detail-content .desc-content .state-content {
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 30px;
}
.order-detail-section .detail-content .desc-content .state-content .state-text {
  margin-bottom: 3px !important;
}
.order-detail-section .detail-content .desc-content .state-content .state-text.waiting {
  color: #dca51e;
}
.order-detail-section .detail-content .desc-content .state-content .state-text.delivered {
  color: #0bc15c;
  padding-left: 20px;
}
.order-detail-section .detail-content .desc-content .state-content .state-text.delivered:before {
  content: url(https://cdn.dsmcdn.com/web/production/delivered.svg);
  margin-right: 10px;
}
.order-detail-section .detail-content .desc-content .state-content .date-info {
  font-weight: 300;
  font-size: 12px;
  padding-left: 25px !important;
}
.order-detail-section .detail-content .desc-content .change-address {
  margin-top: 30px;
  color: #b1b1b1;
}
.order-detail-section .order-step-by-step {
  display: flex;
  justify-content: center;
  text-align: center;
  gap: 15px;
  margin-top: 30px;
  margin-bottom: 50px;
}
.order-detail-section .order-step-by-step .line {
  height: 2px;
  margin-top: 23px;
  border-radius: 5px;
  width: 51px;
  background: #ededed;
}
.order-detail-section .order-step-by-step .step {
  font-weight: 300;
  color: #a5a5a5;
}
.order-detail-section .order-step-by-step .step .icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background: #b6b6b7;
  color: white;
  margin: auto;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.order-detail-section .order-step-by-step .step.check .icon {
  content: " ";
  background: url(/images/check.svg?3f85bbf05893db4e4c675324919a5bf8) !important;
}
.order-detail-section .order-step-by-step .step.check .icon span {
  display: none;
}
.order-detail-section .order-step-by-step .step.check .text {
  color: #3bb54a;
}

.product-order-item-card {
  height: 80px;
  display: flex;
  gap: 5px;
  margin-bottom: 20px;
}
.product-order-item-card .information {
  margin-left: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.product-order-item-card .information .product-title {
  font-weight: 500;
  margin-bottom: 3px;
}
.product-order-item-card .information .product-subtitle {
  font-size: 13px;
  margin-bottom: 6px;
}
.product-order-item-card .information .quantity {
  font-size: 13px;
  font-weight: 300;
}
.product-order-item-card img {
  height: 100%;
}

.credit-card-information {
  /* CREDIT CARD IMAGE STYLING */
  /* CHANGEABLE CARD ELEMENTS */
  /* FRONT OF CARD */
  /* BACK OF CARD */
  /* FLIP ANIMATION */
}
.credit-card-information .payment-title {
  width: 100%;
  text-align: center;
}
.credit-card-information .form-container .field-container:first-of-type {
  grid-area: name;
}
.credit-card-information .form-container .field-container:nth-of-type(2) {
  grid-area: number;
}
.credit-card-information .form-container .field-container:nth-of-type(3) {
  grid-area: expiration;
}
.credit-card-information .form-container .field-container:nth-of-type(4) {
  grid-area: security;
}
.credit-card-information .field-container input {
  box-sizing: border-box;
}
.credit-card-information .field-container {
  position: relative;
}
.credit-card-information .form-container {
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: auto auto;
  grid-template-rows: 90px 90px 90px;
  grid-template-areas: "name name" "number number" "expiration security";
  max-width: 400px;
  padding: 20px;
  color: #707070;
}
.credit-card-information label {
  padding-bottom: 5px;
  font-size: 13px;
  color: #2a3253;
}
.credit-card-information input {
  display: inherit !important;
  padding: 10px 15px;
  border: 0px;
  background: #2a325312;
  border-radius: 5px;
  font-size: 15px;
  width: 100%;
  min-height: 50px;
}
.credit-card-information .ccicon {
  height: 38px;
  position: absolute;
  right: 6px;
  top: calc(50% - 17px);
  width: 60px;
}
.credit-card-information .preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
.credit-card-information .card-container {
  width: 100%;
  max-width: 400px;
  max-height: 251px;
  height: 54vw;
  padding: 20px;
}
.credit-card-information #ccsingle {
  position: absolute;
  right: 15px;
  top: 20px;
}
.credit-card-information #ccsingle svg {
  width: 100px;
  max-height: 60px;
}
.credit-card-information .creditcard svg#cardfront,
.credit-card-information .creditcard svg#cardback {
  width: 100%;
  box-shadow: 1px 5px 8px 0px #00000047;
  border-radius: 22px;
}
.credit-card-information #generatecard {
  cursor: pointer;
  float: right;
  font-size: 12px;
  color: #fff;
  padding: 2px 4px;
  background-color: #909090;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}
.credit-card-information .creditcard .lightcolor,
.credit-card-information .creditcard .darkcolor {
  transition: fill 0.5s;
}
.credit-card-information .creditcard .lightblue {
  fill: #03a9f4;
}
.credit-card-information .creditcard .lightbluedark {
  fill: #0288d1;
}
.credit-card-information .creditcard .red {
  fill: #ef5350;
}
.credit-card-information .creditcard .reddark {
  fill: #d32f2f;
}
.credit-card-information .creditcard .purple {
  fill: #ab47bc;
}
.credit-card-information .creditcard .purpledark {
  fill: #7b1fa2;
}
.credit-card-information .creditcard .cyan {
  fill: #26c6da;
}
.credit-card-information .creditcard .cyandark {
  fill: #0097a7;
}
.credit-card-information .creditcard .green {
  fill: #66bb6a;
}
.credit-card-information .creditcard .greendark {
  fill: #388e3c;
}
.credit-card-information .creditcard .lime {
  fill: #d4e157;
}
.credit-card-information .creditcard .limedark {
  fill: #afb42b;
}
.credit-card-information .creditcard .yellow {
  fill: #ffeb3b;
}
.credit-card-information .creditcard .yellowdark {
  fill: #f9a825;
}
.credit-card-information .creditcard .orange {
  fill: #ff9800;
}
.credit-card-information .creditcard .orangedark {
  fill: #ef6c00;
}
.credit-card-information .creditcard .grey {
  fill: #bdbdbd;
}
.credit-card-information .creditcard .greydark {
  fill: #616161;
}
.credit-card-information #svgname {
  text-transform: uppercase;
}
.credit-card-information #cardfront .st2 {
  fill: #ffffff;
}
.credit-card-information #cardfront .st3 {
  font-family: "Source Code Pro", monospace;
  font-weight: 600;
}
.credit-card-information #cardfront .st4 {
  font-size: 54.7817px;
}
.credit-card-information #cardfront .st5 {
  font-family: "Source Code Pro", monospace;
  font-weight: 400;
}
.credit-card-information #cardfront .st6 {
  font-size: 33.1112px;
}
.credit-card-information #cardfront .st7 {
  opacity: 0.6;
  fill: #ffffff;
}
.credit-card-information #cardfront .st8 {
  font-size: 24px;
}
.credit-card-information #cardfront .st9 {
  font-size: 36.5498px;
}
.credit-card-information #cardfront .st10 {
  font-family: "Source Code Pro", monospace;
  font-weight: 300;
}
.credit-card-information #cardfront .st11 {
  font-size: 16.1716px;
}
.credit-card-information #cardfront .st12 {
  fill: #4c4c4c;
}
.credit-card-information #cardback .st0 {
  fill: none;
  stroke: #0f0f0f;
  stroke-miterlimit: 10;
}
.credit-card-information #cardback .st2 {
  fill: #111111;
}
.credit-card-information #cardback .st3 {
  fill: #f2f2f2;
}
.credit-card-information #cardback .st4 {
  fill: #d8d2db;
}
.credit-card-information #cardback .st5 {
  fill: #c4c4c4;
}
.credit-card-information #cardback .st6 {
  font-family: "Source Code Pro", monospace;
  font-weight: 400;
}
.credit-card-information #cardback .st7 {
  font-size: 27px;
}
.credit-card-information #cardback .st8 {
  opacity: 0.6;
}
.credit-card-information #cardback .st9 {
  fill: #ffffff;
}
.credit-card-information #cardback .st10 {
  font-size: 24px;
}
.credit-card-information #cardback .st11 {
  fill: #eaeaea;
}
.credit-card-information #cardback .st12 {
  font-family: "Rock Salt", cursive;
}
.credit-card-information #cardback .st13 {
  font-size: 37.769px;
}
.credit-card-information .card-container {
  perspective: 1000px;
}
.credit-card-information .creditcard {
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  transition: transform 0.6s;
  cursor: pointer;
}
.credit-card-information .creditcard .front,
.credit-card-information .creditcard .back {
  position: absolute;
  width: 100%;
  max-width: 400px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  color: #47525d;
}
.credit-card-information .creditcard .back {
  transform: rotateY(180deg);
}
.credit-card-information .creditcard.flipped {
  transform: rotateY(180deg);
}

.sitemap-section {
  padding: 30px 100px;
  color: #2a3253;
}
.sitemap-section .page-title {
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  width: 60%;
  border-bottom: 1px solid #ededed;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.sitemap-section .flex-section {
  display: flex;
  flex-wrap: wrap;
}
.sitemap-section .section {
  margin-top: 30px;
  min-width: 33.3%;
}
.sitemap-section .section-title {
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 10px;
}
.sitemap-section .section-subtitle {
  font-weight: 300;
  font-size: 16px;
  display: inherit;
  font-style: italic;
}

.gamification-modal .modal-body {
  background-image: url(/images/gamification-modal-bg.svg?4a2aa666bc4193d6e89f1800cc837da9) !important;
  border-radius: 10px;
  padding: 1.2rem !important;
}
.gamification-modal .button-content {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
  left: 0;
  right: 0;
  position: absolute;
  bottom: -30px;
}
.gamification-modal .button-content .gamification-submit-button {
  margin-top: 0px;
}

.gamification-welcome-modal .modal-dialog {
  max-width: 950px !important;
}
.gamification-welcome-modal .modal-body {
  background-image: url(/images/gamification-modal-bg.svg?4a2aa666bc4193d6e89f1800cc837da9) !important;
  border-radius: 10px;
  padding: 1.2rem !important;
}
.gamification-welcome-modal .modal-body:before {
  content: "";
  background-image: url(/images/gamification-modal-left.svg?af4ba3f008891d62dc6713ab618d5cb4);
  width: 211px;
  height: 366px;
  display: inline-block;
  background-size: contain;
  position: absolute;
  left: 0px;
  margin-left: -60px;
  bottom: 0px;
  background-repeat: no-repeat;
}
.gamification-welcome-modal .modal-body:after {
  content: " ";
  background-image: url(/images/gamification-modal-right.svg?3772070f855a7c5e2dfe4093587e5254);
  width: 211px;
  height: 415px;
  display: inline-block;
  background-size: contain;
  position: absolute;
  right: 0px;
  margin-right: -70px;
  bottom: -7px;
  background-repeat: no-repeat;
}
.gamification-welcome-modal .award-section {
  width: 80%;
  margin: auto;
}
.gamification-welcome-modal .award-section .award img {
  width: 60px;
  margin-bottom: 5px;
}
.gamification-welcome-modal .text-content {
  text-align: center;
  color: #2a3253;
  margin-bottom: 40px;
  margin-top: 40px;
}
.gamification-welcome-modal .text-content .title {
  font-size: 20px;
  font-weight: 600;
}
.gamification-welcome-modal .text-content .subtitle {
  font-weight: 300;
  font-size: 15px;
}
.gamification-welcome-modal .text-content .subtitle small {
  display: inherit;
  font-style: italic;
  font-weight: 200;
  margin-top: 10px;
}
.gamification-welcome-modal .award-content {
  text-align: center;
  color: #2a3253;
}
.gamification-welcome-modal .award-content .title {
  font-size: 20px;
  font-weight: 600;
  padding-top: 20px;
  border-top: 1px solid #ededed;
  width: 50%;
  margin: auto;
}
.gamification-welcome-modal .award-content .subtitle {
  font-size: 13px;
  font-weight: 300;
}
.gamification-welcome-modal .award-content .sub-awards {
  margin-top: -45px;
}

.gamification-award-mug-modal-section .modal-content {
  border-radius: 20px;
}
.gamification-award-mug-modal-section .modal-dialog {
  max-width: 550px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.gamification-award-mug-modal-section .modal-dialog img {
  width: 85%;
  margin-bottom: -20px;
}
.gamification-award-mug-modal-section .modal-dialog .cup-img {
  height: 120px;
  margin: auto;
  width: auto;
  left: 0;
  right: 0;
  position: absolute;
  top: -45px;
}
.gamification-award-mug-modal-section .modal-dialog .modal-body {
  padding: 4rem 1.2rem !important;
  min-height: 400px;
}
.gamification-award-mug-modal-section .modal-dialog .modal-body:before {
  content: "";
  background-image: url(/images/gamification-modal-left.svg?af4ba3f008891d62dc6713ab618d5cb4);
  width: 211px;
  height: 366px;
  display: inline-block;
  background-size: contain;
  position: absolute;
  left: 0px;
  margin-left: -60px;
  bottom: 0px;
  background-repeat: no-repeat;
}
.gamification-award-mug-modal-section .modal-dialog .modal-body:after {
  content: " ";
  background-image: url(/images/gamification-modal-right.svg?3772070f855a7c5e2dfe4093587e5254);
  width: 211px;
  height: 415px;
  display: inline-block;
  background-size: contain;
  position: absolute;
  right: 0px;
  margin-right: -70px;
  bottom: -7px;
  background-repeat: no-repeat;
}
.gamification-award-mug-modal-section .text-content {
  text-align: center;
  color: #2a3253;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.gamification-award-mug-modal-section .text-content .score {
  font-weight: 300;
}
.gamification-award-mug-modal-section .text-content .score bold {
  font-weight: 600;
}
.gamification-award-mug-modal-section .text-content .title {
  font-weight: 600;
  font-size: 25px;
  margin: 10px 0px;
}
.gamification-award-mug-modal-section .text-content .information-text {
  font-weight: 300;
  font-style: italic;
  font-size: 12px;
  margin-bottom: 30px;
  margin-top: 10px;
}

.gamification-badge-section .gamification-badge-modal {
  background: url(/images/badge-modal-bg.svg?e15f85cf9d4173758d2cfa4b7cad6af6);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
}
.gamification-badge-section .modal-dialog {
  display: flex;
  flex-direction: column;
}
.gamification-badge-section .modal-content {
  width: 50% !important;
}
.gamification-badge-section .modal-body {
  text-align: center;
}
.gamification-badge-section .modal-body img {
  height: 100px;
  top: -50px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.gamification-badge-section .modal-body .text-content {
  margin-top: 50px;
  margin-bottom: 40px;
  font-size: 15px;
}
.gamification-badge-section .modal-body .text-content .score {
  font-weight: 300;
}
.gamification-badge-section .modal-body .text-content .title {
  font-size: 20px;
  font-weight: 600;
  margin: 8px 0px;
}
.gamification-badge-section .badges-content {
  margin-bottom: 100px;
  position: relative;
  display: flex;
  gap: 20px;
  align-items: center;
}
.gamification-badge-section .badges-content .badge-top {
  background: #FFD0AD;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  position: relative;
}
.gamification-badge-section .badges-content .badge-top img {
  position: absolute;
  height: 87%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0.5;
}
.gamification-badge-section .badges-content .badge-top.active {
  width: 90px;
  height: 90px;
  border: 1px dashed white;
  background: linear-gradient(45deg, #FF6D00, #FFAB6C);
}
.gamification-badge-section .badges-content .badge-top.active img {
  position: absolute;
  height: 114%;
  left: -5px;
  top: -15px;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
  opacity: 1;
}
.gamification-badge-section .badges-content .line {
  position: absolute;
  width: 90%;
  margin: auto;
  height: 3px;
  left: 0;
  right: 0;
  top: 0 !important;
  bottom: 0 !important;
  z-index: -1;
  background: #f3cfb3;
}

.section-leaderboard {
  position: relative;
}
.section-leaderboard .leaderboard-content {
  padding: 10px;
  background: white;
}
.section-leaderboard .leaderboard-content {
  border-bottom-left-radius: 10px;
}
.section-leaderboard .leaderboard-button {
  color: white;
  background: #00000030;
  display: flex;
  align-items: center;
  padding: 10px;
  font-weight: 600;
  justify-content: space-between;
}
.section-leaderboard .leaderboard-button.active {
  background: white;
  color: #2a3253;
  border-top-left-radius: 10px;
}
.section-leaderboard .leaderboard-button .btn {
  background: #885AFA;
  margin-left: 15px;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-leaderboard .person-list {
  background: white;
}
.section-leaderboard .person-list .person-item {
  display: flex;
  align-items: center;
  font-size: 15px;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #ededed;
}
.section-leaderboard .person-list .person-item .badge span {
  margin-top: 4px;
}
.section-leaderboard .person-list .person-item .img-content {
  display: flex;
}
.section-leaderboard .person-list .person-item .img-content img {
  margin-right: 20px;
}
.section-leaderboard .person-list .person-item .img-content .info .name {
  font-weight: 600;
}
.section-leaderboard .person-list .person-item .img-content .info .score {
  font-weight: 300;
  font-size: 13px;
  text-align: left;
}
.section-leaderboard .person-list .button-section {
  text-align: center;
  font-size: 13px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.section-leaderboard .control-content {
  text-align: right;
  font-size: 11px;
}
.section-leaderboard .control-content .switch {
  margin-left: 8px;
  margin-right: 8px;
}

.gamification-bottom-left-modal-section .modal-dialog {
  max-width: 100% !important;
}
.gamification-bottom-left-modal-section .modal-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40%;
  height: 300px;
  border-radius: 20px;
}
.gamification-bottom-left-modal-section .modal-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gamification-bottom-left-modal-section .modal-body img {
  position: absolute;
  bottom: 10px;
}
.gamification-bottom-left-modal-section .modal-body .text-content {
  padding-left: 30%;
  text-align: center;
}
.gamification-bottom-left-modal-section .modal-body .text-content .social-media-img {
  top: -32px;
  bottom: auto;
  right: 30%;
  margin: auto;
}
.gamification-bottom-left-modal-section .modal-body .text-content b {
  margin-bottom: 15px;
  display: inline-block;
}
.gamification-bottom-left-modal-section .modal-body .text-content .color {
  color: #FF6D00;
}
.gamification-bottom-left-modal-section .modal-body .text-content .social-content {
  display: flex;
  margin: 5px 0px;
  justify-content: center;
  gap: 5px;
}
.gamification-bottom-left-modal-section .modal-body .text-content .social-content a {
  width: 30px;
  height: 30px;
}
.gamification-bottom-left-modal-section .modal-body .text-content .social-content img {
  bottom: 0px;
  position: relative;
}
.gamification-bottom-left-modal-section .modal-body .text-content .copy-link {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.gamification-bottom-left-modal-section .modal-body .text-content .copy-link input {
  border: 1px solid #FFAE71;
  background: #FFE5D1;
  color: black;
  font-weight: 500;
  font-size: 14px;
  border-right: 0px;
  border-radius: 5px 0px 0px 5px;
  padding-left: 10px;
}
.gamification-bottom-left-modal-section .modal-body .text-content .copy-link .copy-btn {
  background: #FF6D00;
  font-weight: 600;
  font-size: 14px;
  color: white;
  height: 35px;
  line-height: 35px;
  padding: 0px 10px;
  border-radius: 0px 5px 5px 0px;
}

.gamification-buttons {
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 5;
}
.gamification-buttons .gami-button {
  background: #ffffffb0;
  padding: 5px 20px;
  border-radius: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-weight: 500;
  margin-bottom: 10px;
  margin-left: 10px;
}
.gamification-buttons .badge-modal {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: white;
  bottom: -120px;
  left: 0px;
  right: 0px;
  margin: auto;
  position: absolute;
  box-shadow: 4px -3px 20px -5px #4e4e4e4d;
}
.gamification-buttons .badge-modal img {
  position: absolute;
  right: 0px;
  left: 0px;
  margin: auto;
  top: -50px;
  height: 130px;
}

@media (max-width: 1200px) {
  .navbar-section .menu-item {
    padding: 10px !important;
    font-size: 14px;
  }
  .navbar-section .menu-item.basket img {
    width: 25px;
  }

  .dropdown .avatar-img {
    width: 25px;
  }
  .dropdown .notification-img {
    width: 21px;
  }
}
@media (max-width: 992px) {
  .navbar-section {
    padding: 0px 15px !important;
  }
  .navbar-section .logo-content .logo {
    width: 55px !important;
  }
  .navbar-section .menu-item {
    padding: 5px !important;
    font-size: 13px;
    margin-left: 3px;
  }
  .navbar-section .menu-item.basket img {
    width: 25px !important;
  }
  .navbar-section .dropdown .nav-link {
    padding: 5px !important;
  }
  .navbar-section .dropdown .avatar-img {
    width: 25px !important;
  }
  .navbar-section .dropdown .notification-img {
    width: 21px !important;
  }
}
@media (max-width: 768px) {
  .navbar-section {
    padding: 0px 20px;
  }
  .navbar-section .menu-item {
    padding: 5px;
    font-size: 12px;
    margin-left: 2px;
  }
  .navbar-section .menu-item:last-child {
    margin-left: 0px !important;
  }
  .navbar-section .menu-item.basket img {
    width: 20px;
  }
  .navbar-section .menu-item.basket .noti {
    right: 15px;
    width: 11px;
    height: 11px;
    background: #f55555;
    border-radius: 10px;
    position: absolute;
    z-index: 99;
    top: 2px;
    justify-content: center;
    font-size: 7px;
    align-items: center;
    border: 1px solid white;
    display: inline-flex;
  }
  .navbar-section .menu-item .nav-link {
    padding: 5px !important;
  }
  .navbar-section .control-item-content .menu-item:last-child {
    margin-left: 0px !important;
  }
  .navbar-section .control-item-content .dropdown .nav-link {
    padding: 5px !important;
  }
  .navbar-section .control-item-content .dropdown .avatar-img {
    width: 22px !important;
  }
  .navbar-section .control-item-content .dropdown .notification-img {
    width: 20px !important;
  }
  .navbar-section .control-item-content .language-dropdown-content .list-content {
    display: grid;
  }
  .navbar-section .control-item-content .language-dropdown-content .list-content a {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    text-align: center;
    color: white;
  }
  .navbar-section .control-item-content .language-dropdown-content .list-content a:nth-last-child(1) {
    border-bottom: 0px;
  }
  .navbar-section .control-item-content .language-dropdown-content .list-content a:hover {
    color: white;
    background: #ededed12;
  }
}
@media (max-width: 576px) {
  .navbar-section {
    padding: 0px 10px;
    height: 50px;
    align-items: center;
    position: fixed;
    z-index: 99;
  }
  .navbar-section .logo-content {
    position: absolute;
    left: 69px;
    display: flex;
    align-items: center;
  }
  .navbar-section .logo-content .logo {
    background: url(/images/vef-logo-white-mobile.svg?2539ed3149a2fdec7c922bba6c148b36);
    width: 35px;
    height: 35px;
    background-size: 100% 100%;
    display: inline-block;
    background-repeat: no-repeat;
  }
  .navbar-section .logo:hover {
    cursor: pointer;
  }
  .navbar-section .menu-item-content {
    display: none;
    position: fixed;
    top: 50px;
    background: #2a3253;
    z-index: 9999;
    width: 70%;
    flex-direction: column;
    grid-template-columns: 100%;
    left: 0px;
    overflow-x: scroll;
    height: calc(100vh - 50px);
    padding: 30px;
  }
  .navbar-section .menu-item-content .dropdown {
    height: 0px;
  }
  .navbar-section .menu-item-content .dropdown-toggle {
    display: none;
  }
  .navbar-section .menu-item {
    width: 100%;
    margin-left: 0px;
    border-bottom: 1px solid #ffffff14;
    padding: 15px 0px;
  }
  .navbar-section .menu-item:nth-last-child(1) {
    border-bottom: 0px;
  }
  .navbar-section .menu-item .show-more-content {
    background-color: #2a3253;
    border: 0px;
    margin-top: 16px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0px;
    padding: 0px;
    width: 100%;
  }
  .navbar-section .menu-item .show-more-content .grid-content {
    display: grid;
    grid-template-columns: 100%;
  }
  .navbar-section .menu-item .show-more-content .dropdown-item {
    color: white !important;
    padding: 15px 0px !important;
    border-bottom: 1px solid #ffffff14 !important;
  }
  .navbar-section .menu-item .show-more-content .dropdown-item:hover {
    background-color: transparent !important;
    text-decoration: underline !important;
  }
  .navbar-section .menu-item.basket {
    position: relative;
    margin-left: 15px !important;
  }
  .navbar-section .menu-item.basket img {
    width: 30px;
  }
  .navbar-section .menu-item.basket .noti {
    right: 19px;
    width: 15px;
    height: 15px;
    background: #f55555;
    border-radius: 10px;
    position: absolute;
    z-index: 99;
    top: 4px;
    justify-content: center;
    font-size: 10px;
    align-items: center;
    border: 1px solid white;
    display: inline-flex;
  }
  .navbar-section .control-item-content {
    width: 24%;
    display: flex;
    align-items: center;
    position: absolute;
    right: 15px;
  }
  .navbar-section .control-item-content .lang,
.navbar-section .control-item-content .basket,
.navbar-section .control-item-content #hide-navbar {
    display: none;
  }
  .navbar-section .control-item-content .profile,
.navbar-section .control-item-content .noti {
    border-bottom: 0px !important;
  }
  .navbar-section .control-item-content .dropdown-toggle::after {
    display: none;
  }
  .navbar-section .control-item-content .notification-content {
    border-radius: 0px 0px 0.25rem 0.25rem;
    right: 0% !important;
    left: auto !important;
    transform: translate(0%, 0) !important;
    color: white;
    width: 350px;
    font-family: "Montserrat", sans-serif;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .navbar-section .control-item-content .profile-dropdown-content {
    width: 300px;
    border-radius: 0px 0px 0.25rem 0.25rem;
    right: 0% !important;
    left: auto !important;
    transform: translate(0%, 0) !important;
  }
  .navbar-section .control-item-content .dropdown-menu-center {
    position: fixed !important;
    margin-top: -10px !important;
  }
  .navbar-section .show-navbar {
    width: 40px;
    height: 40px;
    margin-top: 0px;
    position: absolute;
    border-radius: 5px;
    display: block;
    left: 15px;
  }
  .navbar-section .show-navbar img {
    max-width: 38px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}
@media (max-width: 576px) {
  .building-section {
    height: auto;
    width: 100%;
  }
  .building-section .video-content {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .building-section .video-content video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .building-section .video-content .shadow-content {
    height: 50px;
  }
  .building-section .video-content .scroll-content {
    width: 100%;
    height: 50px;
  }
}
@media (max-width: 576px) {
  .lobby-section {
    width: 100%;
    height: auto;
    position: relative;
  }
  .lobby-section .hall {
    width: 100%;
    height: 100%;
  }
  .lobby-section .hall img {
    width: 100%;
    height: 100%;
  }
  .lobby-section .hall .hole-stand {
    position: absolute;
    z-index: 14;
  }
  .lobby-section .hall .hole-stand:hover {
    cursor: pointer;
  }
  .lobby-section .shadow-content {
    height: 37px;
  }
  .lobby-section .hole-buttons-content {
    height: 40px;
  }
  .lobby-section .hole-buttons-content .button-item {
    font-size: 12px;
    padding: 5px 20px;
  }
}
@media (max-width: 1200px) {
  .company-card-section {
    width: 100%;
    padding-top: 30px;
    background: #9DB9FF10;
    position: relative;
  }
  .company-card-section .filter-content {
    text-align: center;
  }
  .company-card-section .filter-content .search-items {
    margin-top: 25px;
    flex-wrap: wrap;
  }
  .company-card-section .filter-content .search-items .search-button {
    width: 110px;
    height: 49px;
    font-size: 16px;
  }
  .company-card-section .filter-content .search-items .input-item {
    height: 49px;
    margin-bottom: 10px;
    min-width: 100px;
    font-size: 14px;
  }
  .company-card-section .cards-content {
    padding: 40px 0px;
  }
  .company-card-section .cards-content .container {
    max-width: 1140px !important;
  }
  .company-card-section .cards-content .card-grid-content {
    grid-template-columns: 25% 25% 25% 25%;
    width: calc(100% - 45px);
  }
  .company-card-section .cards-content .card-grid-content .card-item {
    border-radius: 10px;
    margin-bottom: 20px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .img-content {
    height: 130px;
    padding: 10px 10px 0px 10px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content {
    padding: 0px 10px 10px 10px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content .seperator {
    margin: 5px 0px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content .company-name {
    font-size: 23px;
    font-weight: 700;
    margin-top: 13px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content .slogan {
    font-size: 13px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content .btn {
    padding: 10px;
    font-size: 11px;
  }
}
@media (max-width: 992px) {
  .company-card-section {
    width: 100%;
    padding-top: 30px;
    background: #9DB9FF10;
    position: relative;
  }
  .company-card-section .filter-content {
    text-align: center;
  }
  .company-card-section .filter-content .search-items {
    margin-top: 25px;
    flex-wrap: wrap;
  }
  .company-card-section .filter-content .search-items .search-button {
    width: 110px;
    height: 49px;
    font-size: 16px;
  }
  .company-card-section .filter-content .search-items .input-item {
    height: 49px;
    margin-bottom: 10px;
    min-width: 100px;
    font-size: 14px;
  }
  .company-card-section .cards-content {
    padding: 40px 0px;
  }
  .company-card-section .cards-content .container {
    max-width: 890px !important;
  }
  .company-card-section .cards-content .card-grid-content {
    grid-template-columns: 25% 25% 25% 25%;
    width: calc(100% - 45px);
  }
  .company-card-section .cards-content .card-grid-content .card-item {
    border-radius: 10px;
    margin-bottom: 20px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .img-content {
    height: 100px;
    padding: 10px 10px 0px 10px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content {
    padding: 0px 10px 10px 10px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content .seperator {
    margin: 5px 0px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content .company-name {
    font-size: 20px;
    font-weight: 700;
    margin-top: 13px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content .slogan {
    font-size: 13px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content .btn {
    padding: 10px;
    font-size: 11px;
  }
}
@media (max-width: 768px) {
  .company-card-section {
    width: 100%;
    padding-top: 30px;
    background: #9DB9FF10;
    position: relative;
  }
  .company-card-section .filter-content {
    text-align: center;
  }
  .company-card-section .filter-content .search-items {
    margin-top: 25px;
    flex-wrap: wrap;
  }
  .company-card-section .filter-content .search-items .search-button {
    width: 110px;
    height: 49px;
    font-size: 16px;
  }
  .company-card-section .filter-content .search-items .input-item {
    height: 49px;
    margin-bottom: 10px;
    min-width: 100px;
    font-size: 14px;
  }
  .company-card-section .cards-content {
    padding: 40px 0px;
  }
  .company-card-section .cards-content .card-grid-content {
    grid-template-columns: 33.3% 33.3% 33.3%;
    width: calc(100% - 30px);
  }
  .company-card-section .cards-content .card-grid-content .card-item {
    border-radius: 10px;
    margin-bottom: 20px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .img-content {
    height: 100px;
    padding: 10px 10px 0px 10px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content {
    padding: 0px 10px 10px 10px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content .seperator {
    margin: 5px 0px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content .company-name {
    font-size: 20px;
    font-weight: 700;
    margin-top: 13px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content .slogan {
    font-size: 13px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content .btn {
    padding: 10px;
    font-size: 11px;
  }
}
@media (max-width: 576px) {
  .company-card-section {
    width: 100%;
    padding-top: 30px;
    background: #9DB9FF10;
    position: relative;
  }
  .company-card-section .filter-content {
    text-align: center;
  }
  .company-card-section .filter-content .search-items {
    margin-top: 25px;
    flex-wrap: wrap;
  }
  .company-card-section .filter-content .search-items .search-button {
    width: 110px;
    height: 49px;
    font-size: 16px;
  }
  .company-card-section .filter-content .search-items .input-item {
    height: 49px;
    margin-bottom: 10px;
    min-width: 100px;
    font-size: 14px;
  }
  .company-card-section .cards-content {
    padding: 40px 0px;
  }
  .company-card-section .cards-content .card-grid-content {
    grid-template-columns: 50% 50%;
    width: calc(100% - 15px);
  }
  .company-card-section .cards-content .card-grid-content .card-item {
    border-radius: 10px;
    margin-bottom: 20px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .img-content {
    height: 100px;
    padding: 10px 10px 0px 10px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content {
    padding: 0px 10px 10px 10px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content .seperator {
    margin: 5px 0px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content .company-name {
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content .slogan {
    font-size: 11px;
    margin-bottom: 27px;
  }
  .company-card-section .cards-content .card-grid-content .card-item .desc-content .btn {
    margin: auto 20px;
    padding: 10px 6px;
    font-size: 10px;
    font-weight: 600;
  }
}
@media (max-width: 576px) {
  .footer-section {
    padding: 0px 10px;
    font-size: 13px;
  }
  .footer-section .tab-content {
    text-align: center;
    margin: 20px 0px;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .footer-section .tab-content .tab-item {
    padding: 10px;
    color: white;
  }
  .footer-section .tab-content .social-media {
    position: inherit;
    right: 100px !important;
    bottom: 60px;
  }
  .footer-section .tab-content .social-media .social-item {
    margin-right: 5px;
  }
  .footer-section .tab-content .social-media .social-item img {
    width: 24px;
    height: 24px;
  }
  .footer-section .copyright {
    font-size: 9px;
    border-bottom: 1px solid #8190bf14;
  }
}
@media (max-width: 576px) {
  .announcements-section {
    padding-top: 1px;
  }
  .announcements-section .section-container {
    margin-top: 25px;
    margin-bottom: 70px;
  }
  .announcements-section .section-container .title {
    font-size: 21px;
    margin-bottom: 30px;
  }
  .announcements-cards-content {
    margin-top: 130px;
    margin-bottom: -130px;
    display: grid;
    margin-top: 130px;
    margin-bottom: -130px;
    display: grid;
    grid-template-columns: 100%;
    width: 100%;
    grid-gap: 20px;
  }
  .announcements-cards-content .announcements-cards .img-content {
    margin-bottom: 20px;
  }
  .announcements-cards-content .announcements-cards .card-title {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .announcements-cards-content .announcements-cards .effective-date {
    margin-bottom: 10px;
  }
}
@media (max-width: 576px) {
  .section-container {
    margin-left: 10px;
    margin-right: 10px;
  }

  .modal-dialog .modal-body {
    padding: 1rem !important;
  }

  .form-item.with-50 {
    width: 100% !important;
    display: inline-block;
  }

  .double-form-item {
    display: block;
  }

  .product-submit-button {
    font-size: 12px;
  }

  .modal-open .tooltip {
    display: none;
  }

  .color-content {
    height: 250px;
  }

  .dropdown-menu-center {
    top: 50px !important;
  }

  body {
    padding-top: 50px;
    height: 100vh !important;
  }

  .free-cargo {
    padding: 8px;
    font-size: 9px;
  }
  .free-cargo img {
    width: 18px;
    margin-right: 6px;
  }
}
@media (max-width: 576px) {
  .seminars-tab-content {
    margin-left: 10px;
    margin-right: 10px;
    padding: 0px;
    margin-top: 40px;
    padding-top: 40px;
  }
  .seminars-tab-content .hall-tab-content {
    font-family: "Krungthep", sans-serif;
    display: flex;
    justify-content: center;
  }
  .seminars-tab-content .hall-tab-content .hall-tab {
    padding: 10px 25px;
    font-size: 17px;
    color: white;
    margin: 5px;
  }
  .seminars-tab-content .day-tab-content {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
  .seminars-tab-content .day-tab-content .day-tab {
    margin: 10px;
  }
  .seminars-tab-content .day-tab-content .day-tab .day {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .seminars-tab-content .day-tab-content .day-tab .date {
    font-size: 12px;
  }

  .seminars {
    display: none;
  }
  .seminars.active {
    display: block;
  }

  .seminars-card-content {
    margin-bottom: 100px;
  }
  .seminars-card-content .title-flex {
    margin-top: 40px;
    display: block;
  }
  .seminars-card-content .title-flex .title {
    align-self: center;
    font-size: 17px;
  }
  .seminars-card-content .title-flex .tabs {
    justify-content: flex-end;
  }
  .seminars-card-content .title-flex .tabs .speaker-list-text {
    font-size: 13px;
  }
  .seminars-card-content .title-flex .tabs .change-seminar-type {
    display: none;
    margin-left: 19px;
  }
  .seminars-card-content .card-content-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 576px) {
  .speaker-cards-content {
    grid-template-columns: 50% 50%;
    grid-gap: 20px;
    width: calc(100% - 20px);
    margin-top: 40px;
  }
  .speaker-cards-content .speaker-card .dsc-content {
    margin-top: 10px !important;
  }
  .speaker-cards-content .speaker-card .dsc-content .speaker-title {
    display: inherit;
    font-size: 12px;
  }
  .speaker-cards-content .speaker-card .seminar-name {
    margin-top: 5px !important;
    font-size: 12px;
  }

  .speakers-list-section {
    padding-top: 1px;
  }
  .speakers-list-section .search-content {
    margin-top: 40px;
  }
  .speakers-list-section .search-content .search-input {
    min-width: 100%;
    font-size: 14px;
    padding: 15px 15px;
  }
  .speakers-list-section .search-content .search-input::-moz-placeholder {
    color: #BDBFCA;
  }
  .speakers-list-section .search-content .search-input:-ms-input-placeholder {
    color: #BDBFCA;
  }
  .speakers-list-section .search-content .search-input::placeholder {
    color: #BDBFCA;
  }

  .speaker-detail-card .card-content {
    display: grid;
    grid-template-columns: 530px auto;
    grid-gap: 42px;
    margin-bottom: 20px;
    margin-top: 90px;
    box-shadow: 0px 3px 6px #00000029;
    margin-left: 100px;
    margin-right: 100px;
    padding: 50px 25px;
  }
  .speaker-detail-card .card-content .img-content img {
    max-width: 100%;
  }
  .speaker-detail-card .card-content p,
.speaker-detail-card .card-content span {
    margin-bottom: 30px !important;
    font-weight: 600;
  }
  .speaker-detail-card .card-content span {
    display: inline-block;
  }
  .speaker-detail-card .card-content .speaker-title {
    margin-right: 40px;
  }
  .speaker-detail-card .card-content .dsc-content {
    font-weight: 300;
    letter-spacing: 0px;
    color: #2A3253;
  }

  .button-content {
    text-align: center;
    margin-bottom: 40px;
  }
  .button-content .link-button {
    margin-right: 60px;
  }
}
@media (max-width: 1200px) {
  .content-item {
    padding: 15px;
  }

  .stand-items-container .button-items-content .button-content .button-items {
    font-size: 14px;
  }
  .stand-items-container .button-items-content .button-content .button-items svg {
    margin-right: 8px;
    max-width: 22px;
  }
}
@media (max-width: 992px) {
  .stand-items-container .button-items-content .button-content .button-items {
    padding: 10px 0px;
    font-size: 14px;
  }
  .stand-items-container .button-items-content .button-content .button-items svg {
    margin-right: 8px;
    max-width: 18px;
  }

  .stand-container .modal-button-items-content {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    bottom: 0px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    width: 100%;
    box-shadow: 0px 0px 0px transparent;
  }
  .stand-container .modal-button-items-content .modalbutton {
    width: 50%;
    margin: 0px;
    padding: 0px;
    background: #4E5671;
  }
  .stand-container .modal-button-items-content .button-items {
    width: 100%;
    margin: 0px;
    border-radius: 0px;
    align-items: center;
    padding: 0px 21px;
    border: 1px solid #ededed14;
    border-top: 0px;
    border-left: 0px;
    display: flex;
    box-shadow: 0px 0px 0px transparent;
  }
  .stand-container .modal-button-items-content .button-items:hover {
    background: #2a3253;
    cursor: pointer;
  }
  .stand-container .modal-button-items-content .button-items img {
    margin: 0px;
    position: relative;
    margin-right: 10px;
    width: 27px;
  }
  .stand-container .modal-button-items-content .button-items span {
    display: block;
    color: white;
    font-weight: 500;
  }
  .stand-container .stand-gallery-section-grid-content {
    grid-template-columns: 25% 25% 25% 25%;
    grid-gap: 15px;
    width: calc(100% - 45px);
  }
  .stand-container .documantation-content-section .card-items-content {
    grid-template-columns: 25% 25% 25% 25%;
    width: calc(100% - 45px);
  }
  .stand-container .documantation-content-section .card-items-content .card-item .control-items {
    margin-top: 10px;
  }
  .stand-container .documantation-content-section .card-items-content .card-item .control-items .item {
    max-width: 21px;
  }
  .stand-container .documantation-content-section .card-items-content .card-item .title {
    font-size: 13px;
    margin-bottom: 3px;
  }
  .stand-container .documantation-content-section .card-items-content .card-item .subject {
    font-size: 11px;
  }
}
@media (max-width: 768px) {
  .stand-items-container .button-items-content .prev,
.stand-items-container .button-items-content .next {
    display: none !important;
  }
  .stand-items-container .button-items-content .button-content {
    width: 100% !important;
    overflow-x: scroll !important;
  }
  .stand-items-container .button-items-content .button-content .button-items {
    min-width: 24.96%;
  }
  .stand-items-container .button-items-content .button-content .button-items svg {
    margin-right: 6px;
    max-width: 15px;
  }

  .stand-container .stand-gallery-section-grid-content {
    grid-template-columns: 33% 33% 33%;
    grid-gap: 15px;
    width: calc(100% - 30px);
  }
  .stand-container .documantation-content-section .card-items-content {
    grid-template-columns: 33% 33% 33%;
    width: calc(100% - 30px);
  }
  .stand-container .company-info-content .information-section .information-content {
    grid-template-columns: 100%;
    padding: 15px;
    grid-gap: 25px;
  }
  .stand-container .company-info-content .information-section .information-content .img-content {
    display: flex;
    align-self: center;
    justify-content: center;
    margin-right: 0px;
  }
  .stand-container .company-info-content .information-section .information-content .img-content img {
    max-height: 60px;
    max-width: 100%;
  }
  .stand-container .company-info-content .information-section .information-content .text-content .item {
    font-size: 13px;
  }
  .stand-container .company-info-content .information-section .information-content .text-content .item .label,
.stand-container .company-info-content .information-section .information-content .text-content .item .text {
    display: inherit;
  }
  .stand-container .company-info-content .information-section .information-text-content {
    padding: 14px;
    font-size: 14px;
  }
  .stand-container .programs-detail-content {
    display: none;
    border-radius: 10px;
    background: #2a32530a;
  }
  .stand-container .programs-detail-content .img-content img {
    max-height: 60px;
  }
  .stand-container .programs-detail-content .top-content {
    padding: 15px 15px 30px 15px;
  }
  .stand-container .programs-detail-content .top-content .virtual-bag-btn {
    top: 15px;
    right: 15px;
  }
  .stand-container .programs-detail-content .top-content .back-programs img {
    width: 18px;
  }
  .stand-container .programs-detail-content .desc-content {
    padding: 15px;
  }
  .stand-container .programs-detail-content .desc-content p {
    font-size: 13px;
    margin-bottom: 20px !important;
  }
  .stand-container .programs-detail-content .desc-content .link-button {
    font-size: 13px;
  }
  .stand-container .stand-accordion-content .accorion-item {
    border: 0px !important;
    margin-bottom: 10px;
  }
  .stand-container .stand-accordion-content .search-content {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .stand-container .stand-accordion-content .search-content .search-input {
    font-size: 13px;
  }
  .stand-container .stand-accordion-content .card-header {
    padding: 15px 15px;
  }
  .stand-container .stand-accordion-content .card-header h5 {
    font-size: 17px;
  }
  .stand-container .stand-accordion-content .card-body {
    border: 1px solid #EDF1FC;
    border-top: 0px;
    padding: 15px;
  }
  .stand-container .stand-accordion-content .card-body .img-content img {
    border-radius: 6px;
  }
  .stand-container .stand-accordion-content .card-body .text-content {
    font-size: 13px;
    padding: 0px;
  }
  .stand-container .stand-links-content .stand-links-section {
    grid-template-columns: 100%;
    width: 100%;
  }
  .stand-container .stand-links-content .stand-links-section .link-item {
    font-size: 14px;
  }
  .stand-container .stand-links-content .stand-links-section .link-item img {
    width: 25px;
  }
  .stand-container #modal-stand-introduction .modal-body {
    padding: 1.2rem !important;
  }
  .stand-container #modal-stand-introduction .introduction-content .title {
    font-size: 20px;
  }
  .stand-container #modal-stand-introduction .introduction-content .subtitle {
    margin-bottom: 20px;
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .stand-items-container .button-items-content .prev,
.stand-items-container .button-items-content .next {
    display: none !important;
  }
  .stand-items-container .button-items-content .button-content {
    width: 100% !important;
    overflow-x: scroll !important;
  }
  .stand-items-container .button-items-content .button-content .button-items {
    min-width: 50% !important;
  }

  .stand-container .stand-gallery-section-grid-content {
    grid-template-columns: 50% 50%;
    grid-gap: 15px;
    width: calc(100% - 15px);
  }
  .stand-container .documantation-content-section .card-items-content {
    grid-template-columns: 50% 50%;
    width: calc(100% - 15px);
  }
}
@media (max-width: 1200px) {
  .product-list-section .product-grid {
    margin-left: 0px !important;
    grid-template-columns: 25% 75% !important;
  }
  .product-list-section .product-grid .filter-content .tab-section .tab-item {
    font-size: 12px;
  }
  .product-list-section .product-grid .product-list-content {
    display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
    grid-gap: 20px;
    width: calc(100% - 40px);
  }
}
@media (max-width: 992px) {
  .product-list-section .product-grid {
    margin-left: 0px !important;
    grid-template-columns: 30% 70% !important;
  }
  .product-list-section .product-grid .filter-content .tab-section .tab-item {
    font-size: 12px;
  }
  .product-list-section .product-grid .product-list-content {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 20px;
    width: calc(100% - 40px);
  }
}
@media (max-width: 768px) {
  .product-list-section .product-grid {
    margin-left: 0px !important;
    grid-template-columns: 30% 70% !important;
  }
  .product-list-section .product-grid .filter-content .tab-section .tab-item {
    font-size: 12px;
  }
  .product-list-section .product-grid .product-list-content {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 20px;
    width: calc(100% - 40px);
  }
}
@media (max-width: 576px) {
  .product-list-section .product-grid {
    margin-left: 0px !important;
    grid-template-columns: 100% !important;
  }
  .product-list-section .product-grid .filter-content .tab-section .tab-item {
    font-size: 12px;
  }
  .product-list-section .product-grid .product-list-content {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 10px;
    width: calc(100% - 10px);
  }
  .product-list-section .product-grid .product-list-content .bottom-content {
    flex-direction: column;
  }
  .product-list-section .product-grid .product-list-content .bottom-content .price-content {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
  }
  .product-list-section .product-grid .product-list-content .bottom-content .price-content .old-price {
    font-size: 10px;
    margin-right: 9px;
  }
  .product-list-section .product-grid .product-list-content .bottom-content .product-submit-button {
    margin-top: 8px !important;
    width: 100%;
    padding: 5px !important;
    font-size: 12px !important;
  }
}
@media (max-width: 576px) {
  .product-detail-section {
    display: none;
  }
  .product-detail-section .product-breadcrump {
    margin-bottom: 15px;
  }
  .product-detail-section .grid-content {
    grid-template-columns: 100%;
    width: 100%;
  }
  .product-detail-section .grid-content .product-information {
    padding: 15px;
  }
  .product-detail-section .grid-content .product-information .product-title {
    font-size: 17px;
  }
  .product-detail-section .grid-content .product-information .double-content {
    display: flex;
    flex-direction: column-reverse;
  }
  .product-detail-section .grid-content .product-information .double-content .left-content,
.product-detail-section .grid-content .product-information .double-content .right-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .product-detail-section .grid-content .product-information .double-content .right-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .product-detail-section .grid-content .product-information .double-content .free-cargo {
    margin-top: 20px;
  }
  .product-detail-section .grid-content .product-information .product-code {
    font-size: 14px;
  }
  .product-detail-section .grid-content .product-information .product-point {
    font-size: 10px;
    margin-bottom: 35px;
  }
  .product-detail-section .grid-content .product-information .product-point .star-content {
    margin-right: 7px;
  }
  .product-detail-section .grid-content .product-information .product-point .star-content img {
    width: 13px;
    margin: 0px;
  }
  .product-detail-section .grid-content .product-information .description-content {
    margin-bottom: 20px;
  }
  .product-detail-section .grid-content .product-information .description-content .title {
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 14px;
  }
  .product-detail-section .grid-content .product-information .description-content .text {
    font-weight: 300;
    font-size: 14px;
  }
  .product-detail-section .grid-content .product-information .description-content .text ul {
    padding-left: 20px;
    margin-bottom: 0px;
  }
  .product-detail-section .grid-content .bottom-content .button-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .product-detail-section .grid-content .bottom-content .button-content .product-submit-button {
    margin-top: 0px;
    width: 100%;
    margin-right: 20px;
  }
  .product-detail-section .grid-content .bottom-content .button-content .add-favorite img {
    height: 54px;
  }
  .product-detail-section .grid-content .bottom-content .info-content {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    margin-top: 20px;
  }
  .product-detail-section .grid-content .bottom-content .info-content img {
    width: 17px;
  }
  .product-detail-section .section-last-seen {
    padding: 15px;
    border-radius: 8px;
  }
  .product-detail-section .section-last-seen .title {
    font-size: 17px;
  }
  .product-detail-section .section-last-seen .grid-content {
    grid-template-columns: 50% 50%;
    width: calc(100% - 10px);
  }
  .product-detail-section .section-last-seen .grid-content .last-product-content img {
    width: 100%;
    height: 100px;
  }
  .product-detail-section .section-last-seen .grid-content .last-product-content .dsc-content {
    height: calc(100% - 100px);
    padding: 10px;
  }
  .product-detail-section .section-last-seen .grid-content .last-product-content .dsc-content .title {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .product-detail-section .section-last-seen .grid-content .last-product-content .dsc-content .bottom-content {
    margin-top: 5px;
  }
  .product-detail-section .section-last-seen .grid-content .last-product-content .dsc-content .bottom-content .price {
    font-size: 16px;
  }
  .product-detail-section .section-last-seen .grid-content .last-product-content .dsc-content .bottom-content .old-price {
    font-size: 13px;
  }
  .product-detail-section .section-last-seen .grid-content .last-product-content .dsc-content .bottom-content .discount {
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  .stand-modal .close {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .stand-modal .button-items-content {
    margin-top: 23px;
  }
  .stand-modal .button-items-content .prev,
.stand-modal .button-items-content .next {
    display: none;
  }
  .stand-modal .button-items-content .button-content {
    width: 100%;
    overflow-x: auto;
  }
  .stand-modal .button-items-content .button-content .button-items {
    min-width: 50%;
  }
  .stand-modal .button-items-content .button-content .button-items svg {
    fill: #2A3253;
    max-width: 20px;
    margin-right: 5px;
  }
  .stand-modal .stand-gallery-section-grid-content {
    grid-template-columns: 50% 50%;
    width: calc(100% - 15px);
    margin-bottom: -100px;
  }
  .stand-modal .modal-button-items-content {
    display: flex;
    position: absolute;
    bottom: 0px;
    height: 100px;
    justify-content: center;
    width: 100%;
    box-shadow: inset 0px -20px 60px -38px #fff7ef;
  }
  .stand-modal .modal-button-items-content .button-items {
    align-self: center;
    background: rgba(42, 50, 83, 0.7);
    width: 60px;
    height: 60px;
    border-radius: 200px;
    position: relative;
    margin: 8px;
    box-shadow: -1px 5px 23px -13px #fff9f3ba;
  }
  .stand-modal .modal-button-items-content .button-items:hover {
    background: #2a3253;
    cursor: pointer;
  }
  .stand-modal .modal-button-items-content .button-items img {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .stand-modal .documantation-content-section .card-items-content {
    grid-template-columns: 50% 50% !important;
    width: calc(100% - 15px) !important;
  }
}
@media (max-width: 576px) {
  .notification-page-section {
    width: auto;
    background: white;
    min-height: 513px;
    margin-top: 40px;
    margin-bottom: 80px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 10px;
    padding: 20px;
  }
  .notification-page-section .sub-title {
    font-size: 13px;
  }
  .notification-page-section .notification-card {
    align-items: flex-start;
  }
  .notification-page-section .notification-card .left-content {
    display: flex;
    margin-right: 15px;
  }
  .notification-page-section .notification-card img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  .notification-page-section .notification-card .noti-text {
    display: block;
    margin-left: 0px;
    margin-top: 0px;
    font-size: 14px;
  }
  .notification-page-section .notification-card .time {
    font-weight: 300;
    font-size: 10px;
    color: #1a202c;
  }
}
@media (max-width: 576px) {
  .color-content {
    height: 350px;
  }

  .profile-container {
    margin-top: 40px;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0px;
    padding-right: 0px;
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 25px;
  }
  .profile-container .left-control-content {
    max-width: 100%;
  }
  .profile-container .left-control-content .control-content {
    background: transparent;
    box-shadow: 0px 3px 6px transparent;
    border-radius: 10px;
    display: grid;
  }
  .profile-container .left-control-content .control-content .img-content {
    width: 30%;
    padding: 0px;
    margin: auto;
    border: 6px solid white;
    border-radius: 7px;
    box-shadow: 0px 3px 6px #00000029;
  }
  .profile-container .left-control-content .control-content .img-content img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0px;
    box-shadow: 0px 3px 6px #00000029;
  }
  .profile-container .left-control-content .control-content .menu-items-content {
    display: flex;
    max-width: 395px;
    margin-top: 20px;
    gap: 5px;
    overflow-y: auto;
  }
  .profile-container .left-control-content .control-content .menu-items-content .grid-content {
    display: flex;
    grid-template-columns: 20% 80%;
    padding: 10px 4px;
    min-width: 50%;
    font-size: 13px;
    align-items: center;
    justify-content: center;
    background: white;
    border-bottom: 3px solid white;
  }
  .profile-container .left-control-content .control-content .menu-items-content .grid-content img {
    width: 15px;
    margin-right: 10px;
  }
  .profile-container .left-control-content .control-content .menu-items-content .grid-content.active {
    text-decoration: none;
    font-weight: 500;
    background: white;
    border-bottom: 3px solid #2a3253;
  }
  .profile-container .right-content {
    padding: 20px;
  }
  .profile-container .right-content .profile-content {
    display: none;
  }
  .profile-container .right-content .profile-content.active {
    display: block;
  }
  .profile-container .right-content .title {
    font-weight: 600;
  }
  .profile-container .right-content .search-input {
    border: 1px solid #2a325330;
    padding: 10px 15px;
    padding-right: 45px;
    background-image: url(/images/search.svg?dc1c25e09ef46acfac4b8541326bcc58);
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 92%;
    margin-right: 18px;
    color: #2A3253;
  }
  .profile-container .right-content .selectbox {
    border: 1px solid #2a325330;
    padding: 10px 15px;
    color: #2A3253;
  }
  .profile-container .right-content .gamification-section {
    text-align: center;
    color: #2a3253;
  }
  .profile-container .right-content .gamification-section .tab-sections {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    color: #2a3253;
    text-align: left;
  }
  .profile-container .right-content .gamification-section .tab-sections .gamification-tab-item {
    margin-right: 10px;
  }
  .profile-container .right-content .gamification-section .tab-sections .gamification-tab-item.active {
    font-weight: 700;
    border-bottom: 1px solid #2a3253;
  }
  .profile-container .right-content .gamification-section .title {
    font-size: 18px;
    font-weight: 600;
  }
  .profile-container .right-content .gamification-section .subtitle {
    font-size: 11px;
    font-weight: 300;
    width: 100%;
    margin: auto;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
  }
  .profile-container .right-content .gamification-section .badges-section {
    margin-top: 130px;
    margin-bottom: -100px;
  }
  .profile-container .right-content .gamification-section .badges-section .badge-card-section {
    display: grid;
    grid-template-columns: 50% 50%;
    width: calc(100% - 20px);
    grid-gap: 20px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #FF6D00;
    padding-top: 20px;
    padding-bottom: 15px;
  }
  .profile-container .right-content .gamification-section .badges-section .badge-card {
    opacity: 0.3;
  }
  .profile-container .right-content .gamification-section .badges-section .badge-card img {
    width: 90px;
    height: 90px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .profile-container .right-content .gamification-section .badges-section .badge-card .text-content {
    background: white;
    box-shadow: 0px 6px 23px #00000016;
    border-radius: 10px;
    padding: 10px;
    font-size: 10px;
    padding-top: 48px;
    margin-top: -45px;
    border: 1px solid;
  }
  .profile-container .right-content .gamification-section .badges-section .gamification-submit-button {
    margin-bottom: 35px;
    font-size: 13px;
  }
  .profile-container .right-content .gamification-section .award-section .awards-content .award {
    font-size: 11px;
  }
  .profile-container .right-content .gamification-section .award-section .awards-content .award img {
    width: 45px;
    margin-bottom: 10px;
  }
  .profile-container .right-content .gamification-section .award-section .awards-content .award small {
    display: inherit;
  }
  .profile-container .right-content .gamification-section .award-section .awards-content .sub-awards {
    justify-content: space-between;
  }
  .profile-container .right-content .gamification-section .gamification-tab-content {
    display: none;
  }
  .profile-container .right-content .gamification-section .gamification-tab-content.active {
    display: block !important;
  }
  .profile-container .right-content .information-tag-content .info-text {
    display: flex;
    justify-content: center;
  }
  .profile-container .right-content .information-tag-content .info-text .desc {
    align-self: center;
  }
  .profile-container .right-content .information-tag-content .info-text .desc .title {
    font-size: 14px;
  }
  .profile-container .right-content .information-tag-content .info-text .desc .change-img {
    font-size: 11px;
  }
  .profile-container .right-content .information-tag-content .info-text .img-content {
    width: 40px;
    height: 40px;
  }
  .profile-container .right-content .information-tag-content .change-pass {
    font-size: 11px;
  }
  .profile-container .right-content .form-content {
    padding-left: 0px;
    padding-right: 0px;
  }
  .profile-container .right-content .form-content .check-item {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    margin-right: 10px;
    margin-top: 10px;
  }
  .profile-container .right-content .form-content .submit-button {
    margin-top: 10px;
  }
  .profile-container .right-content .applications-content .sub-title {
    margin-top: 5px;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 13px;
  }
  .profile-container .right-content .applications-content .flex-content {
    display: grid;
    grid-template-columns: 50% 50%;
    font-size: 11px;
  }
  .profile-container .right-content .applications-content .application-item-list {
    grid-gap: 10px;
  }
  .profile-container .right-content .applications-content .application-item-list .application-item {
    padding: 14px;
    align-items: center;
    font-size: 13px;
  }
  .profile-container .right-content .applications-content .application-item-list .application-item .title {
    font-size: 12px;
  }
  .profile-container .right-content .applications-content .application-item-list .application-item .date {
    font-size: 11px;
    text-align: center;
  }
  .profile-container .right-content .applications-content .application-item-list .application-item .date .icon {
    width: 15px;
    margin-right: 5px;
    margin-bottom: 3px;
  }
  .profile-container .right-content .applications-content .application-item-list .application-item .hour {
    font-size: 11px;
    text-align: right;
  }
  .profile-container .right-content .applications-content .application-item-list .application-item .cancel {
    font-size: 11px;
    text-align: right;
  }
  .profile-container .right-content .documents-section-content .search-content {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 50% 50%;
    font-size: 11px;
  }
  .profile-container .right-content .documents-section-content .card-items-content {
    grid-template-columns: 50% 50%;
    width: calc(100% - 15px);
    grid-gap: 15px;
  }
  .profile-container .right-content .documents-section-content .card-items-content .card-item .top-img {
    max-width: 100%;
  }
  .profile-container .right-content .documents-section-content .card-items-content .card-item .control-items .item {
    max-width: 19px;
  }
  .profile-container .right-content .documents-section-content .card-items-content .card-item .img-content {
    background: #F7F7F7;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
  }
  .profile-container .right-content .documents-section-content .card-items-content .card-item .date {
    margin-bottom: 5px;
  }
  .profile-container .right-content .virtualbag-section-content .search-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .profile-container .right-content .virtualbag-section-content .search-content .search-item {
    display: grid;
    grid-template-columns: 50% 50%;
    width: calc(100% - 10px);
    grid-gap: 10px;
  }
  .profile-container .right-content .virtualbag-section-content .search-content .search-item .search-input {
    margin-right: 0px;
  }
  .profile-container .right-content .virtualbag-section-content .search-content .all-download {
    margin-top: 15px;
    text-align: right;
  }
  .profile-container .right-content .favorite-section-content {
    position: relative;
  }
  .profile-container .right-content .favorite-section-content .tab-filter-content {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
  }
  .profile-container .right-content .favorite-section-content .tab-filter-content .tab-filters {
    display: flex;
    align-self: center;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
  }
  .profile-container .right-content .favorite-section-content .tab-filter-content .tab-filters .tab-item {
    align-self: center;
    padding: 10px 20px;
    font-size: 14px;
    border: 1px solid #2A3253;
    border-radius: 50px;
    margin-right: 0px;
    width: 100%;
    text-align: center;
  }
  .profile-container .right-content .favorite-section-content .tab-filter-content .tab-filters .tab-item.active {
    border: 1px solid #EFF3FD;
    background: #EFF3FD;
    color: #8C92A8;
  }
  .profile-container .right-content .favorite-section-content .tab-filter-content .all-delete {
    align-self: center;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 12px;
  }
  .profile-container .right-content .favorite-section-content .tab-filter-content .all-delete img {
    width: 13px;
  }
  .profile-container .right-content .favorite-section-content .tab-filter-content .all-delete .text {
    margin-left: 4px;
  }
  .profile-container .right-content .favorite-section-content .favorite-card-content {
    grid-template-columns: 100%;
    width: 100%;
  }
  .profile-container .right-content .favorite-section-content .favorite-card-content .favorite-card {
    width: 100%;
    background: #39426A;
    color: white;
    padding: 15px 15px;
  }
  .profile-container .right-content .favorite-section-content .favorite-card-content .favorite-card .title-ctn {
    display: flex;
    justify-content: space-between;
  }
  .profile-container .right-content .favorite-section-content .favorite-card-content .favorite-card .title-ctn .hour {
    font-size: 14px;
    font-weight: 300;
  }
  .profile-container .right-content .favorite-section-content .favorite-card-content .favorite-card .text {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 14px;
  }
  .profile-container .right-content .favorite-section-content .favorite-card-content .favorite-card .bottom-content {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
  }
  .profile-container .right-content .favorite-section-content .favorite-card-content .favorite-card .bottom-content .img-content {
    text-align: center;
  }
  .profile-container .right-content .favorite-section-content .favorite-card-content .favorite-card .bottom-content .text {
    margin-top: 3px;
    margin-bottom: 0px;
  }
}
@media (max-width: 576px) {
  .appointment-section .tab-sections {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    color: #2a3253;
  }
  .appointment-section .tab-sections .appointment-tab-item {
    margin-right: 10px;
    font-size: 14px;
  }
  .appointment-section .tab-sections .appointment-tab-item.active {
    font-weight: 700;
    border-bottom: 1px solid #2a3253;
  }
  .appointment-section .tab-sections .appointment-tab-item:nth-last-child(0) {
    margin-right: 0px;
  }
  .appointment-section .dsc-text {
    font-size: 12px;
  }
  .appointment-section .content {
    display: none;
  }
  .appointment-section .content.active {
    display: block;
  }
  .appointment-section .content .state-tooltip {
    position: absolute;
    z-index: 20;
    background: #2a3253;
    color: white;
    box-shadow: 0px 9px 20px -5px #11111147;
    display: none;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 400;
    padding: 10px 25px;
  }
  .appointment-section .school-list-section .search-content {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .appointment-section .school-list-section .search-content .search-input {
    width: 100%;
    margin: 0px;
    font-size: 13px;
  }
  .appointment-section .school-list-section .card-body {
    border-top: 0px !important;
    padding: 0px !important;
  }
  .appointment-section .school-list-section .school-card {
    margin-bottom: 10px;
    border: 1px solid #F0F2F7;
    border-radius: 5px;
  }
  .appointment-section .school-list-section .school-item[aria-expanded=true] {
    border-bottom: 2px solid #2a3253;
  }
  .appointment-section .school-list-section .school-item .accordion-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    height: 70px;
    gap: 10px;
  }
  .appointment-section .school-list-section .school-item .accordion-content .img-content {
    max-width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
  }
  .appointment-section .school-list-section .school-item .accordion-content .img-content img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .appointment-section .school-list-section .school-item .accordion-content .info-content {
    display: flex;
    gap: 0pc;
    flex-direction: column;
    font-size: 12px;
    justify-content: space-between;
  }
  .appointment-section .school-list-section .agent-item {
    grid-template-columns: 20% auto auto;
  }
  .appointment-section .school-list-section .agent-item .image {
    width: 40px;
    height: 40px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 40px;
    background-color: white;
  }
  .appointment-section .school-list-section .agent-item .city {
    grid-column: 2;
    text-align: left;
  }
  .appointment-section .school-list-section .agent-item .email {
    grid-column: 2;
    text-align: left;
  }
  .appointment-section .school-list-section .agent-item .video {
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    margin: auto;
  }
  .appointment-section .school-list-section .agent-item .submit-button {
    margin-top: 15px;
    grid-column: 2/4;
  }
  .appointment-section .school-list-section .agent-lists .agent-date-content {
    padding: 10px;
    padding-bottom: 20px;
    max-height: 516px;
    overflow: scroll;
  }
  .appointment-section .school-list-section .agent-lists .agent-date-content .date-info {
    margin-top: 10px;
    background: #F7F9FD;
    padding: 5px 17px;
    font-size: 13px;
  }
  .appointment-section .school-list-section .agent-lists .agent-date-content .hours-content {
    display: flex;
    gap: 7px;
    margin-top: 10px;
    flex-wrap: wrap;
  }
  .appointment-section .school-list-section .agent-lists .agent-date-content .hours-content .hour-item {
    width: 31.28%;
  }
  .appointment-section .calendar-section {
    margin-top: 30px;
    color: #2a3253;
  }
  .appointment-section .calendar-section .fc-toolbar-title {
    font-size: 1.2em;
  }
  .appointment-section .calendar-section .fc-button {
    background-color: #4e5671;
    border-color: #4e5671;
  }
  .appointment-section .calendar-section .fc-button:hover {
    background-color: #414965;
    border-color: #414965;
  }
  .appointment-section .calendar-section .fc-button:focus {
    border: 0px;
  }
  .appointment-section .calendar-section .fc-day-today {
    background-color: #ededed !important;
  }
  .appointment-section .calendar-section .fc .fc-view-harness {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .appointment-section .calendar-section .fc .fc-scroller-liquid-absolute,
.appointment-section .calendar-section .fc .fc-bg-event, .appointment-section .calendar-section .fc .fc-highlight, .appointment-section .calendar-section .fc .fc-non-business, .appointment-section .calendar-section .fc .fc-view-harness-active > .fc-view {
    position: relative !important;
  }
  .appointment-section .calendar-section .fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
    position: relative !important;
    text-align: center !important;
  }
  .appointment-section .appointment-modal .title {
    font-size: 20px;
  }
  .appointment-section .appointment-modal .sub-title {
    font-size: 14px;
    font-weight: 300;
    color: #6e7279;
    margin-bottom: 15px;
  }
  .appointment-section .appointment-modal .button-content {
    margin-bottom: 0px;
    margin-top: 30px;
  }
  .appointment-section .link-button {
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  .login-register-section {
    display: grid;
    grid-template-columns: 100%;
    width: 100%;
    min-height: 100vh;
  }
  .login-register-section .left-content {
    padding: 70px 15px;
    min-height: 100vh;
  }
  .login-register-section .left-content .logo-content {
    position: absolute;
    top: 20px;
  }
  .login-register-section .left-content .logo-content img {
    max-width: 60px;
  }
  .login-register-section .right-content {
    padding: 25px 50px;
    display: flex;
    background: #2a3253;
    color: white;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
  }
  .login-register-section .right-content .content .title {
    margin-bottom: 20px;
    font-size: 27px;
    font-weight: 500;
  }
  .login-register-section .right-content .content .img-content {
    margin-top: 50px;
    max-width: 65%;
  }

  .login-register-form-container {
    padding-left: 15px;
    padding-right: 15px;
    color: #2a3253;
  }
  .login-register-form-container .title {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .login-register-form-container .sub-title {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 10px;
  }
  .login-register-form-container .language-content {
    margin-bottom: 20px;
  }
  .login-register-form-container .language-content .lang-item {
    padding: 5px;
  }
  .login-register-form-container .language-content .lang-item.active {
    color: #4172ed;
  }
  .login-register-form-container .form-content .control-items {
    display: flex;
    justify-content: space-between;
  }
  .login-register-form-container .form-content .control-items .forgot-pass {
    color: #4172ed;
  }
  .login-register-form-container .form-content .btn-content {
    margin-top: 25px;
  }
  .login-register-form-container .form-content .btn-content .submit-button {
    margin-bottom: 20px;
  }
  .login-register-form-container .form-content .btn-content .sign-in {
    color: #2a3253;
  }

  .forgot-pass-form-content .information-text {
    text-align: center;
    position: relative;
    font-size: 14px;
    margin-top: 20px;
  }
  .forgot-pass-form-content .information-text img {
    width: 27px;
    margin-right: 15px;
  }
  .forgot-pass-form-content .information-text a {
    font-weight: 500;
    text-decoration: underline;
  }
  .forgot-pass-form-content .btn-content {
    margin-top: 30px;
  }
  .forgot-pass-form-content .text-content {
    margin-bottom: 30px;
  }

  .change-pass-form-content .text-content {
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .thank-you-page-section .logo-content {
    width: 60px;
  }
  .thank-you-page-section .logo-content img {
    width: 100%;
  }
  .thank-you-page-section .text-content {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-top: -120px;
  }
  .thank-you-page-section .text-content .img img {
    width: 30px;
  }
  .thank-you-page-section .text-content .small-text {
    font-size: 11px;
  }
  .thank-you-page-section .text-content .title {
    font-size: 30px;
    font-weight: 500;
    margin-top: 15px;
  }
  .thank-you-page-section .text-content hr {
    border-color: #ffffff0d;
    width: 80%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .thank-you-page-section .text-content .sub-title {
    font-size: 13px;
  }
  .thank-you-page-section .text-content .add-to-calendar-content .dropdown-menu {
    background: #e8e8ec !important;
    color: #2A3253;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 30px 27px #00000016;
    font-weight: 500;
  }
  .thank-you-page-section .text-content .add-to-calendar-content .dropdown-menu .item {
    padding: 7px 10px;
    border-bottom: 1px solid #2a325312;
  }
  .thank-you-page-section .text-content .add-to-calendar-content .dropdown-menu .item:nth-last-child(1) {
    border-bottom: 0px;
  }
  .thank-you-page-section .text-content .add-to-calendar-content .dropdown-menu .item:hover {
    background: #2a325312;
    cursor: pointer;
  }
  .thank-you-page-section .text-content .calendar-button {
    margin-left: auto;
    margin-right: auto;
    background: #ffffffe3;
    display: inline-block;
    border-radius: 10px;
    padding: 10px 24px;
    color: #2a3253;
    font-weight: 500;
    font-size: 14px;
    margin-top: 30px;
    box-shadow: 0px 30px 27px #00000016;
  }
  .thank-you-page-section .text-content .calendar-button img {
    margin-right: 15px;
    width: 25px;
  }
  .thank-you-page-section .control-buttons .btn-on-thanks {
    margin: 3px;
    font-size: 14px;
  }
  .thank-you-page-section .social-media .title {
    font-size: 13px;
  }
  .thank-you-page-section .social-media .social-icons img {
    width: 25px;
    margin-right: 6px;
  }
}
@media (max-width: 576px) {
  .chat-section .chat-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    margin: auto;
    height: 59px;
    width: 65px;
    z-index: 1040;
    background: #4172ed;
    border-radius: 13px;
    border: 0px;
    box-shadow: 0px 4px 37px -6px #333333;
  }
  .chat-section .chat-btn:focus {
    outline: 0px;
  }
  .chat-section .header-content {
    height: 136px;
    background: #4172ed;
    border-radius: 10px 10px 0px 0px;
  }
  .chat-section .header-content .header-text-content {
    font-weight: 600;
    color: white;
    font-size: 20px;
    padding-top: 30px;
    justify-content: center;
  }
  .chat-section .header-content .button-content .button-item {
    font-size: 16px;
  }
  .chat-section .header-content .button-content .button-item svg {
    width: 20px;
  }
  .chat-section .header-content .header-item {
    display: flex;
  }
  .chat-section .header-content .header-item .flex-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .chat-section .header-content .info-content {
    display: none;
    align-items: center;
    padding: 0px 10px;
    justify-content: space-between;
    padding-top: 6px;
  }
  .chat-section .header-content .info-content .left-content {
    display: flex;
    align-items: center;
  }
  .chat-section .header-content .info-content .left-content .back-btn-content {
    position: relative;
    width: 30px;
    margin-right: 10px;
  }
  .chat-section .header-content .info-content .left-content .back-btn-content:hover {
    cursor: pointer;
  }
  .chat-section .header-content .info-content .message-item {
    margin: 5px;
    border-radius: 5px;
    display: flex;
    padding: 10px;
    position: relative;
  }
  .chat-section .header-content .info-content .message-item:hover {
    cursor: pointer;
  }
  .chat-section .header-content .info-content .message-item .img-content {
    width: 45px;
    height: 45px;
    background-color: white;
    border-radius: 40px;
    position: relative;
    margin-right: 13px;
  }
  .chat-section .header-content .info-content .message-item .img-content img {
    width: 45px;
    height: 45px;
    border-radius: 40px;
  }
  .chat-section .header-content .info-content .message-item .img-content .status {
    bottom: 0px;
    right: 0px;
    width: 15px;
    height: 15px;
  }
  .chat-section .header-content .info-content .message-item .text-content {
    width: 100%;
    display: flex;
    padding-top: 0px;
  }
  .chat-section .header-content .info-content .message-item .text-content .top-info {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-self: center;
    color: white;
    text-align: left;
  }
  .chat-section .header-content .info-content .message-item .text-content .top-info .name {
    font-weight: 600;
    font-size: 16px;
  }
  .chat-section .header-content .info-content .message-item .text-content .top-info .personel-title {
    font-size: 12px;
    font-weight: 400;
  }
  .chat-section .header-content .info-content .take-agent-puan {
    width: 23px;
    margin-right: 15px;
  }
  .chat-section .header-content .info-content .take-agent-puan img {
    width: 100%;
    height: 23px;
  }
  .chat-section .header-content .info-content .take-agent-puan:hover {
    cursor: pointer;
  }
  .chat-section .header-content .info-content .take-agent-puan:after {
    display: none !important;
  }
  .chat-section .header-content .info-content .chat-dropdown-content {
    margin-top: 13px !important;
    background: white !important;
    box-shadow: 0px 10px 29px -6px #1111119c !important;
  }
  .chat-section .header-content .info-content .chat-dropdown-content .dropdown-item {
    text-align: left;
    font-size: 14px;
  }
  .chat-section .header-content .info-content .chat-dropdown-content .dropdown-item img {
    width: 20px;
    margin-right: 5px;
  }
  .chat-section .header-content .close {
    position: absolute;
    top: 10px;
    right: 13px;
    font-weight: 400;
    color: white;
    width: 10px;
    height: 10px;
    background-image: url(/images/close.svg?8132d309850974251acfc834f3043aaf);
  }
  .chat-section .chat-content {
    width: calc(100% - 10px);
    max-width: 425px;
    right: 5px;
  }

  .call-request-section {
    right: 5px;
  }
  .call-request-section .header {
    background: #4172ed;
    border-radius: 12px 12px 0px 0px;
    color: white;
    display: flex;
    justify-content: center;
    padding: 20px 0px;
    font-size: 14px;
    font-weight: 500;
  }
  .call-request-section .header img {
    width: 30px;
    margin-right: 10px;
  }
  .call-request-section .content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 60px);
    text-align: center;
  }
  .call-request-section .content .name {
    font-size: 30px;
  }
  .call-request-section .content img {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    margin-bottom: 30px;
  }
  .call-request-section .content .control-btn {
    display: flex;
    justify-content: space-evenly;
    margin-top: 40px;
  }
  .call-request-section .content .control-btn:hover {
    cursor: pointer;
  }
  .call-request-section .content .control-btn .call-btn {
    color: white;
    background: #E54949;
    border-radius: 7px;
    padding: 10px 30px;
    margin: 7px;
  }
  .call-request-section .content .control-btn .cancel-btn {
    background: #E54949;
  }
  .call-request-section .content .control-btn .accept-btn {
    background: #26B17C;
  }
}
@media (max-width: 425px) {
  .explore-section .slider-banner {
    grid-template-columns: 100%;
    padding: 30px 15px;
  }
  .explore-section .slider-banner .text-content {
    width: 100%;
  }
  .explore-section .slider-banner .text-content .text {
    font-size: 12px;
  }
  .explore-section .slider-banner .text-content .button-content {
    display: flex;
    flex-direction: row-reverse;
    grid-template-columns: 50% 50%;
    align-items: center;
    justify-content: space-evenly;
  }
  .explore-section .slider-banner .text-content .button-content .submit-button {
    padding: 15px;
    margin-left: 0px;
    margin-right: 0px;
    box-shadow: 0px 30px 27px #00000016;
  }
  .explore-section .slider-banner .text-content .button-content .link-button {
    color: white;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 14px;
  }
  .explore-section .slider-banner .text-content .button-content .link-button:hover {
    color: white !important;
    cursor: pointer;
  }
  .explore-section .slider-banner .slide-content .big-img-content img {
    width: 100%;
    border: 6px solid #4172ed;
    border-radius: 4px;
  }
  .explore-section .slider-banner .slide-content .small-imgs-content {
    overflow-y: scroll;
  }
  .explore-section .videos-content {
    background: white;
    padding: 15px 15px 50px 15px;
    color: #2a3253;
    box-shadow: 0px 30px 27px #00000016;
  }
  .explore-section .videos-content .videos-slide {
    display: flex;
    flex-direction: column;
    gap: 35px;
  }
  .explore-section .videos-content .videos-slide .card {
    width: auto;
    min-width: 100%;
    gap: 10px;
  }
  .explore-section .videos-content .videos-slide .card .img-content {
    margin-right: 0px;
    position: relative;
    width: 100%;
  }
  .explore-section .videos-content .videos-slide .card .img-content img {
    width: 100%;
  }
  .explore-section .videos-content .videos-slide .card .img-content .submit-button {
    font-size: 11px;
    padding: 8px 12px;
  }
  .explore-section .videos-content .videos-slide .card .img-content .submit-button img {
    width: 11px;
    margin-left: 10px;
  }
  .explore-section .videos-content .videos-slide .card .dsc {
    font-size: 10px;
  }
  .explore-section .videos-content .videos-slide .card .dsc .name {
    font-size: 12px;
  }
  .explore-section .videos-content .videos-slide .card .dsc .title {
    font-size: 10px;
  }
  .explore-section .videos-content .videos-slide .card .dsc .conversation-title {
    font-size: 10px;
  }
  .explore-section .videos-content .videos-slide .card .dsc .conversation-text {
    font-size: 10px;
  }
  .explore-section .content-sections .join-confarance {
    margin-bottom: 15px;
  }
  .explore-section .content-sections .join-confarance .conferance-img .banner-shadow .text-content {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .right-menu-section {
    background: #2a3253;
    color: white;
    position: absolute;
    right: 0;
    height: 100vh;
    z-index: 999999999999;
    top: 0;
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .right-menu-section .show-right-content {
    background: #2A325340;
    width: 60px;
    height: 60px;
    position: relative;
    border-radius: 5px;
    margin-left: -49px;
    margin-top: 35px;
    display: none;
  }
  .right-menu-section .show-right-content:hover {
    cursor: pointer;
  }
  .right-menu-section .show-right-content img {
    max-width: 38px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .right-menu-section.closes {
    width: 90px;
    opacity: 1;
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .right-menu-section.closes .control-items {
    height: 100%;
  }
  .right-menu-section.closes .icon-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }
  .right-menu-section.closes .icon-content .icon-item {
    background: #4172ed;
    padding: 10px;
    border-radius: 10px;
    width: 46px;
    height: 40px;
    margin-bottom: 5px;
  }
  .right-menu-section.closes .icon-content .programs-icon {
    padding: 5px !important;
  }
  .right-menu-section.closes .icon-content .sub-title {
    font-weight: 300;
    font-size: 12px;
    text-shadow: 0 0px 0 transparent;
    margin-bottom: 25px;
  }
  .right-menu-section.closes .icon-content .menu-item:hover {
    cursor: pointer;
  }
  .right-menu-section.closes .link-button {
    color: white;
    font-weight: 400;
    display: inline-block;
  }
  .right-menu-section.closes .link-button:hover {
    color: white !important;
  }
  .right-menu-section.closes .rm-show-hide-btn {
    margin-bottom: 40px;
  }
  .right-menu-section.closes .rm-show-hide-btn:hover {
    cursor: pointer;
  }
  .right-menu-section.closes .item-content {
    display: none !important;
  }
  .right-menu-section.closes .item-content.active {
    display: none !important;
  }
  .right-menu-section.open {
    padding: 40px 15px 20px 15px;
    justify-content: flex-start !important;
    width: 100%;
  }
  .right-menu-section.open .link-button {
    display: none;
  }
  .right-menu-section.open .top-menu-content .rm-show-hide-btn {
    position: absolute;
  }
  .right-menu-section.open .top-menu-content .rm-show-hide-btn img {
    transform: rotate(180deg);
  }
  .right-menu-section.open .top-menu-content .rm-show-hide-btn:hover {
    cursor: pointer;
  }
  .right-menu-section.open .top-content {
    display: flex;
    justify-content: space-evenly;
    padding-right: 15%;
    padding-left: 15%;
    align-items: center;
  }
  .right-menu-section.open .top-content .menu-item {
    text-align: center;
  }
  .right-menu-section.open .top-content .menu-item .programs-icon {
    padding: 5px !important;
  }
  .right-menu-section.open .top-content .menu-item .sub-title {
    font-size: 12px;
    font-weight: 300;
  }
  .right-menu-section.open .top-content .menu-item .icon-item {
    box-shadow: 0px 3px 6px #00000029;
    background: #39426A 0% 0% no-repeat padding-box;
    padding: 10px;
    border-radius: 10px;
    width: 46px;
    height: 40px;
    margin-bottom: 5px;
    transition: 0.3s;
  }
  .right-menu-section.open .top-content .menu-item.active .icon-item {
    background: #4172ed;
  }
  .right-menu-section.open .top-content .menu-item.active .sub-title {
    font-size: 20px !important;
    font-weight: 300;
  }
  .right-menu-section.open .top-content .menu-item:hover {
    cursor: pointer;
  }
  .right-menu-section.open .top-content .menu-item:hover .icon-item {
    background: #4172ed;
  }
  .right-menu-section.open .item-content {
    display: none !important;
  }
  .right-menu-section.open .item-content.active {
    display: block !important;
  }
  .right-menu-section .item-content {
    margin-top: 125px;
    margin-bottom: -100px;
    overflow-y: scroll;
  }
  .right-menu-section .item-content#chat {
    overflow: hidden;
  }
  .right-menu-section .item-content .programs-section .select-box {
    padding: 20px;
    width: 100%;
    border: 0px;
    background: #39426A 0% 0% no-repeat padding-box;
    color: white;
    margin-bottom: 30px;
  }
  .right-menu-section .item-content .programs-section .select-box:focus {
    border: 0px;
    outline: 0px;
  }
  .right-menu-section .item-content .programs-section .flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
  }
  .right-menu-section .item-content .programs-section .flex .radio-item {
    display: flex;
  }
  .right-menu-section .item-content .programs-section .flex .radio-item .radio-btn {
    width: 20px;
    height: 20px;
    border: 0px !important;
  }
  .right-menu-section .item-content .programs-section .flex .radio-item .radio-btn:hover {
    cursor: pointer;
  }
  .right-menu-section .item-content .programs-section .flex .radio-item label {
    font-size: 20px !important;
    font-size: 20px !important;
    margin-bottom: 0px;
    align-self: center;
    margin-left: 15px;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .cards {
    margin-bottom: 25px;
    letter-spacing: 0px;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .cards .date {
    margin-bottom: 15px;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .card-container {
    background: #39426A;
    padding: 15px 30px;
    position: relative;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .card-container .title {
    margin-bottom: 25px;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers {
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .speaker-list {
    display: flex;
    align-items: flex-end;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .speaker-list .speakers-item {
    text-align: center;
    font-size: 12px;
    margin-right: 20px;
    margin-top: 25px;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .speaker-list .speakers-item img {
    width: 37px;
    height: 37px;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .control-button {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    margin-right: -10px;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .control-button .add-to-calendar-content {
    width: 30px;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .control-button .add-to-calendar-content .calendar-button:after {
    display: none !important;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .control-button .add-to-calendar-content img {
    width: 100%;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .control-button .add-to-calendar-content .dropdown-menu {
    background-color: white;
    padding: 10px;
    margin-right: 5px;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .control-button .add-to-calendar-content .dropdown-menu .item {
    border-bottom: 1px solid #ededed;
    padding: 2px 0px;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .control-button .add-to-calendar-content .dropdown-menu .item:hover {
    background: #f7f7f7;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .card-container .speakers .control-button .add-to-calendar-content .dropdown-menu .item:nth-last-child(1) {
    border-bottom: 0px !important;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .card-container .sticket {
    position: absolute;
    top: -15px;
    right: 0px;
    border-radius: 5px;
    background: #4172ed;
    color: white;
    padding: 15px 25px;
    letter-spacing: 0px;
    font-weight: 300;
  }
  .right-menu-section .item-content .programs-section .programs-cards-list .card-container .sticket:before {
    content: "";
    position: absolute;
    left: -7px;
    top: 6px;
    border-color: transparent #4172ed transparent transparent;
    border-style: solid;
    border-width: 9px;
    transform: rotate(-137deg);
    width: 0;
    height: 0;
  }
  .right-menu-section .item-content .questionnaire-section .top-information {
    display: flex;
  }
  .right-menu-section .item-content .questionnaire-section .top-information .back-icon {
    align-self: center;
  }
  .right-menu-section .item-content .questionnaire-section .top-information .back-icon:hover {
    cursor: pointer;
  }
  .right-menu-section .item-content .questionnaire-section .top-information .pagination-info {
    align-self: center;
    margin-right: auto;
    margin-left: auto;
  }
  .right-menu-section .item-content .questionnaire-section .top-information .pagination-info .page-number {
    font-size: 25px;
    font-weight: 500;
  }
  .right-menu-section .item-content .questionnaire-section .question {
    margin-bottom: 30px;
  }
  .right-menu-section .item-content .questionnaire-section .question-content {
    font-size: 16px;
    padding-top: 35px;
  }
  .right-menu-section .item-content .questionnaire-section .question-content .options {
    margin: 10px 40px;
    border: 1px solid #707070;
    border-radius: 5px;
    background: white;
    color: #2a3253;
    padding: 15px 25px;
    font-size: 14px;
  }
  .right-menu-section .item-content .questionnaire-section .question-content .options:hover {
    background: #e8e8e8;
    cursor: pointer;
  }
  .right-menu-section .item-content .questionnaire-section .button-content {
    margin-top: 25px;
  }
  .right-menu-section .item-content .right-chat-section .title {
    font-size: 20px;
    font-weight: 500;
  }
  .right-menu-section .item-content .right-chat-section .chat-content {
    width: 100%;
    height: 420px;
    margin-top: 30px;
    margin-bottom: 30px;
    background: #39426A;
    border-radius: 5px;
    position: relative;
  }
  .right-menu-section .item-content .right-chat-section .chat-content .messages-content {
    height: calc(100% - 70px);
    padding: 20px 20px 0px 20px;
    display: flex;
    flex-direction: column-reverse;
    overflow-y: auto;
  }
  .right-menu-section .item-content .right-chat-section .chat-content .messages-content .time {
    align-self: center;
    font-size: 12px;
    font-weight: 300;
    color: #B4B7C6;
  }
  .right-menu-section .item-content .right-chat-section .chat-content .messages-content .incoming-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 30px;
  }
  .right-menu-section .item-content .right-chat-section .chat-content .messages-content .incoming-msg {
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border-radius: 22px;
    padding: 10px 21px;
    color: #2a3253;
    font-size: 13px;
    max-width: 87%;
    margin-right: 25px;
  }
  .right-menu-section .item-content .right-chat-section .chat-content .messages-content .outgoing-content {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
  }
  .right-menu-section .item-content .right-chat-section .chat-content .messages-content .outgoing-msg {
    background: #566191 0% 0% no-repeat padding-box;
    border-radius: 22px;
    padding: 10px 21px;
    color: white;
    font-size: 13px;
    max-width: 87%;
    margin-left: 25px;
  }
  .right-menu-section .item-content .right-chat-section .chat-content .send-message-content {
    width: 100%;
    min-height: 70px;
    background: white;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 10px 25px;
  }
  .right-menu-section .item-content .right-chat-section .chat-content .send-message-content .send-msg-input {
    resize: none;
    width: 65%;
    border: 0px;
    align-self: center;
    min-height: 25px;
    max-height: 90px !important;
    overflow-y: scroll !important;
  }
  .right-menu-section .item-content .right-chat-section .chat-content .send-message-content .send-msg-input:focus {
    outline: 0;
    border: 0px;
  }
  .right-menu-section .item-content .right-chat-section .chat-content .send-message-content .control-item {
    align-self: center;
  }
  .right-menu-section .item-content .right-chat-section .chat-content .send-message-content .control-item img {
    margin: 4px;
  }
  .right-menu-section .item-content .right-chat-section .chat-content .send-message-content .control-item img:hover {
    cursor: pointer;
  }
}
@media (max-width: 576px) {
  .order-section {
    min-height: 100vh;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .order-section .top-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #2a3253;
  }
  .order-section .top-content .title {
    font-weight: 600;
    font-size: 25px;
  }
  .order-section .top-content .filter select {
    padding: 8px 15px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
  }
  .order-section .order-list-content {
    margin-top: 40px;
  }
  .order-section .order-list-content .order-item {
    margin-bottom: 20px;
    font-size: 15px;
  }
  .order-section .order-list-content .order-item .product-submit-button {
    margin: 0px;
  }
  .order-section .order-list-content .order-item .top-section {
    display: grid;
    grid-template-columns: auto auto;
    position: relative;
  }
  .order-section .order-list-content .order-item .top-section .content a:hover {
    color: white !important;
    text-decoration: none !important;
  }
  .order-section .order-list-content .order-item .top-section .content .title {
    display: none;
    font-weight: 600;
  }
  .order-section .order-list-content .order-item .top-section .content .price {
    font-size: 15px;
    font-weight: 400;
    color: #4172ed;
  }
  .order-section .order-list-content .order-item .top-section .content.detail-btn {
    align-self: center;
    position: absolute;
    right: 10px;
    top: 28px;
  }
  .order-section .order-list-content .order-item .top-section .content.order-price {
    grid-column: 1;
  }
  .order-section .order-list-content .order-item .top-section .content.detail {
    display: none;
  }
  .order-section .order-list-content .order-item .top-section .content.recipient {
    display: none;
  }
  .order-section .order-list-content .order-item .desc-section {
    min-height: 40px;
    border: 1px solid #ececec;
    border-top: 0px;
    border-radius: 0px 0px 10px 10px;
  }
  .order-section .order-list-content .order-item .desc-section .product-item {
    height: 100px;
    display: flex;
    gap: 25px;
  }
  .order-section .order-list-content .order-item .desc-section .product-item .information {
    margin-left: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .order-section .order-list-content .order-item .desc-section .product-item .information .return {
    border: 1px solid #4172ed;
    padding: 10px;
    border-radius: 9px;
    color: #4172ed;
  }
  .order-section .order-list-content .order-item .desc-section .product-item .information .date-info {
    font-weight: 300;
    font-size: 12px;
  }
  .order-section .order-list-content .order-item .desc-section .product-item .information .state-text {
    margin-bottom: 10px !important;
  }
  .order-section .order-list-content .order-item .desc-section .product-item .information .state-text.waiting {
    color: #dca51e;
  }
  .order-section .order-list-content .order-item .desc-section .product-item .information .state-text.delivered {
    color: #0bc15c;
    padding-left: 20px;
  }
  .order-section .order-list-content .order-item .desc-section .product-item .information .state-text.delivered:before {
    content: url(https://cdn.dsmcdn.com/web/production/delivered.svg);
    margin-right: 10px;
  }
  .order-section .order-list-content .order-item .desc-section .product-item img {
    height: 100%;
  }
}
@media (max-width: 576px) {
  .order-detail-section {
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 73vh;
  }
  .order-detail-section .page-title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: center;
  }
  .order-detail-section .go-back {
    margin-bottom: 20px;
    text-decoration: none;
    font-size: 14px;
  }
  .order-detail-section .double-content {
    grid-template-columns: 100%;
    width: 100%;
  }
  .order-detail-section .detail-content .top-content {
    display: flex;
    justify-content: space-between;
    background: #2a32530d;
    padding: 15px;
    border-radius: 10px 10px 0px 0px;
    align-items: center;
  }
  .order-detail-section .detail-content .top-content .left-content {
    display: flex;
    flex-direction: column;
    gap: 0px;
    font-weight: 300;
  }
  .order-detail-section .detail-content .top-content .left-content .content {
    font-size: 13px;
  }
  .order-detail-section .detail-content .top-content .left-content .title {
    font-weight: 600;
  }
  .order-detail-section .detail-content .top-content .right-content {
    display: flex;
    gap: 5px;
    font-size: 13px;
    flex-direction: column;
  }
  .order-detail-section .detail-content .top-content .right-content a:hover {
    text-decoration: none !important;
  }
  .order-detail-section .detail-content .top-content .right-content .card-type {
    display: none;
    height: 20px;
  }
  .order-detail-section .detail-content .desc-content {
    min-height: 40px;
    border: 1px solid #ececec;
    border-top: 0px;
    border-radius: 0px 0px 10px 10px;
    padding: 20px;
    font-size: 13px;
  }
  .order-detail-section .detail-content .desc-content .address {
    margin-top: 15px;
    font-weight: 300;
  }
  .order-detail-section .detail-content .desc-content .item {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding: 7px 0px;
    border-bottom: 1px solid #ededed;
  }
  .order-detail-section .detail-content .desc-content .item:nth-last-child(1) {
    border-bottom: 0px;
  }
  .order-detail-section .detail-content .desc-content .item .price {
    font-size: 14px;
    font-weight: 400;
  }
  .order-detail-section .detail-content .desc-content .item .price.total {
    color: #4172ed;
  }
  .order-detail-section .detail-content .desc-content .item .price.comingout {
    color: #e42626;
  }
  .order-detail-section .detail-content .desc-content .state-content {
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 30px;
  }
  .order-detail-section .detail-content .desc-content .state-content .state-text {
    margin-bottom: 3px !important;
  }
  .order-detail-section .detail-content .desc-content .state-content .state-text.waiting {
    color: #dca51e;
  }
  .order-detail-section .detail-content .desc-content .state-content .state-text.delivered {
    color: #0bc15c;
    padding-left: 20px;
  }
  .order-detail-section .detail-content .desc-content .state-content .state-text.delivered:before {
    content: url(https://cdn.dsmcdn.com/web/production/delivered.svg);
    margin-right: 10px;
  }
  .order-detail-section .detail-content .desc-content .state-content .date-info {
    font-weight: 300;
    font-size: 12px;
    padding-left: 25px !important;
  }
  .order-detail-section .detail-content .desc-content .change-address {
    margin-top: 30px;
    color: #b1b1b1;
  }
  .order-detail-section .order-step-by-step {
    display: flex;
    justify-content: center;
    text-align: center;
    gap: 0px;
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .order-detail-section .order-step-by-step .line {
    width: 27px;
  }
  .order-detail-section .order-step-by-step .step {
    font-weight: 300;
    color: #a5a5a5;
    font-size: 12px;
  }
  .order-detail-section .order-step-by-step .step .icon {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 576px) {
  .payment-section .icon-content {
    background-size: cover;
  }
  .payment-section .grid-content {
    grid-template-columns: 100%;
    grid-gap: 20px;
  }
  .payment-section .grid-content .content {
    margin-bottom: 30px;
  }
  .payment-section .grid-content .content .speacial-breadcrump {
    font-size: 11px;
  }
  .payment-section .grid-content .content .bg-content {
    background: #F8F8F9;
    margin-top: 20px;
    padding: 20px;
    border-radius: 10px;
  }
  .payment-section .grid-content .content .bg-content .sub-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .payment-section .grid-content .content .delivery-address {
    margin-top: 45px;
  }
  .payment-section .grid-content .content .billing-address .sub-title {
    display: flex;
    justify-content: space-between;
  }
  .payment-section .grid-content .content .billing-address .change-billing-address {
    font-weight: 400;
    color: #F46166;
    text-decoration: underline;
    font-size: 15px;
  }
  .payment-section .grid-content .content .billing-address .address-info {
    font-weight: 300;
    font-size: 13px;
  }
  .payment-section .grid-content .content .credit-card-information label {
    font-size: 12px;
  }
  .payment-section .grid-content .content .credit-card-information .card-section {
    background-image: linear-gradient(to right, #466AE7, #7246C5);
    color: white;
    border-radius: 10px;
  }
  .payment-section .grid-content .content .credit-card-information .credit-grid-content {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 20px;
    width: 100%;
  }
  .payment-section .grid-content .content .credit-card-information .credit-grid-content .card-container {
    padding: 0px;
  }
  .payment-section .grid-content .content .credit-card-information .credit-grid-content .form-container {
    padding: 0px;
  }
  .payment-section .grid-content .left-content .button-content .link-button {
    font-size: 13px;
    margin-right: 0px;
  }
  .payment-section .grid-content .left-content .button-content .product-submit-button {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .payment-section .grid-content .right-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 50px;
  }
  .payment-section .grid-content .right-content .order-list {
    margin-top: 40px;
  }
  .payment-section .grid-content .right-content .order-list .order-product-item {
    grid-template-columns: 25% 75%;
  }
  .payment-section .grid-content .right-content .order-list .order-product-item .order-product-img {
    width: 100%;
  }
  .payment-section .grid-content .right-content .order-list .order-product-item .text-content .title {
    font-size: 13px;
  }
  .payment-section .grid-content .right-content .order-list .order-product-item .price-content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .payment-section .grid-content .right-content .order-list .order-product-item .price-content .old-price {
    font-size: 12px;
  }
  .payment-section .grid-content .right-content .order-list .order-product-item .price-content .price {
    margin-left: 10px;
    font-size: 16px;
  }
  .payment-section .grid-content .right-content .total-price-content {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    align-items: flex-end;
  }
  .payment-section .grid-content .right-content .total-price-content .total-title {
    margin-bottom: 7px;
    font-weight: 500;
  }
  .payment-section .grid-content .right-content .total-price-content .old-price {
    font-size: 15px;
  }
  .payment-section .grid-content .right-content .total-price-content .price {
    font-size: 20px;
  }
  .payment-section .grid-content .right-content .total-price-content.extra {
    margin-top: 10px;
  }
  .payment-section .grid-content .right-content .total-price-content.extra .total-title {
    color: #F46166;
    margin-bottom: 7px;
    font-weight: 300;
    font-size: 14px;
  }
  .payment-section .grid-content .right-content .total-price-content.extra .price {
    font-weight: 300;
    color: #F46166;
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .gamification-welcome-modal .modal-dialog {
    max-width: 950px !important;
  }
  .gamification-welcome-modal .modal-body {
    background-image: url(/images/gamification-modal-bg.svg?4a2aa666bc4193d6e89f1800cc837da9) !important;
    border-radius: 10px;
    padding: 1.2rem !important;
  }
  .gamification-welcome-modal .modal-body:before {
    content: "";
    background-image: url(/images/gamification-modal-left.svg?af4ba3f008891d62dc6713ab618d5cb4);
    width: 135px;
    height: 258px;
    display: inline-block;
    background-size: contain;
    position: absolute;
    left: 0px;
    margin-left: -24px;
    bottom: 0px;
    background-repeat: no-repeat;
    display: none !important;
  }
  .gamification-welcome-modal .modal-body:after {
    content: " ";
    background-image: url(/images/gamification-modal-right.svg?3772070f855a7c5e2dfe4093587e5254);
    width: 171px;
    height: 270px;
    display: inline-block;
    background-size: contain;
    position: absolute;
    right: 0px;
    margin-right: -56px;
    bottom: 8px;
    background-repeat: no-repeat;
    display: none !important;
  }
  .gamification-welcome-modal .award-section {
    width: 80%;
    margin: auto;
  }
  .gamification-welcome-modal .award-section .award img {
    width: 50px;
    margin-bottom: 5px;
  }
  .gamification-welcome-modal .text-content {
    text-align: center;
    color: #2a3253;
    margin-bottom: 40px;
    margin-top: 40px;
  }
  .gamification-welcome-modal .text-content .title {
    font-size: 20px;
    font-weight: 600;
  }
  .gamification-welcome-modal .text-content .subtitle {
    font-weight: 300;
    font-size: 15px;
  }
  .gamification-welcome-modal .text-content .subtitle small {
    display: inherit;
    font-style: italic;
    font-weight: 200;
    margin-top: 10px;
  }
  .gamification-welcome-modal .award-content {
    text-align: center;
    color: #2a3253;
  }
  .gamification-welcome-modal .award-content .title {
    font-size: 20px;
    font-weight: 600;
    padding-top: 20px;
    border-top: 1px solid #ededed;
    width: 50%;
    margin: auto;
  }
  .gamification-welcome-modal .award-content .subtitle {
    font-size: 13px;
    font-weight: 300;
  }
  .gamification-welcome-modal .award-content .sub-awards {
    margin-top: 20px;
  }
  .gamification-welcome-modal .button-content {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    left: 0;
    right: 0;
    position: absolute;
    bottom: -30px;
  }
  .gamification-welcome-modal .button-content .gamification-submit-button {
    margin-top: 0px;
  }

  .gamification-badge-section .gamification-badge-modal {
    background: url(/images/badge-modal-bg.svg?e15f85cf9d4173758d2cfa4b7cad6af6);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
  }
  .gamification-badge-section .modal-dialog {
    display: flex;
    flex-direction: column;
  }
  .gamification-badge-section .modal-content {
    width: 85% !important;
  }
  .gamification-badge-section .modal-body {
    text-align: center;
  }
  .gamification-badge-section .modal-body img {
    height: 100px;
    top: -50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
  }
  .gamification-badge-section .modal-body .text-content {
    margin-top: 50px;
    margin-bottom: 40px;
    font-size: 15px;
  }
  .gamification-badge-section .modal-body .text-content .score {
    font-weight: 300;
  }
  .gamification-badge-section .modal-body .text-content .title {
    font-size: 20px;
    font-weight: 600;
    margin: 8px 0px;
  }

  .badges-content {
    margin-bottom: 75px !important;
    margin-top: 15px !important;
    display: flex;
    gap: 10px !important;
    align-items: center;
  }
  .badges-content .line {
    position: absolute;
    width: 90%;
    margin: auto;
    height: 3px;
    left: 0;
    right: 0;
    top: 0 !important;
    bottom: 0 !important;
    z-index: -1;
    background: #f3cfb3;
  }
  .badges-content .badge-top {
    background: #FFD0AD;
    border-radius: 50%;
    width: 40px !important;
    height: 40px !important;
    position: relative;
  }
  .badges-content .badge-top img {
    position: absolute;
    height: 87%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.5;
  }
  .badges-content .badge-top.active {
    width: 45px !important;
    height: 45px !important;
    border: 1px dashed white;
  }
  .badges-content .badge-top.active img {
    position: absolute;
    height: 92%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -o-object-fit: contain;
       object-fit: contain;
    margin: auto;
    opacity: 1;
  }

  .gamification-bottom-left-modal-section .modal-dialog {
    max-width: 100% !important;
  }
  .gamification-bottom-left-modal-section .modal-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    border-radius: 20px;
  }
  .gamification-bottom-left-modal-section .modal-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .gamification-bottom-left-modal-section .modal-body img {
    position: absolute;
    bottom: 10px;
    height: 124% !important;
  }
  .gamification-bottom-left-modal-section .modal-body .text-content {
    padding-left: 30%;
    text-align: center;
    font-size: 13px;
  }
  .gamification-bottom-left-modal-section .modal-body .text-content .social-media-img {
    top: -32px;
    bottom: auto;
    right: 30%;
    margin: auto;
    height: 56px !important;
  }
  .gamification-bottom-left-modal-section .modal-body .text-content b {
    margin-bottom: 15px;
    display: inline-block;
  }
  .gamification-bottom-left-modal-section .modal-body .text-content .color {
    color: #FF6D00;
  }
  .gamification-bottom-left-modal-section .modal-body .text-content .social-content {
    display: flex;
    margin: 5px 0px;
    justify-content: center;
    gap: 0px;
  }
  .gamification-bottom-left-modal-section .modal-body .text-content .social-content a {
    width: 30px;
    height: 30px;
  }
  .gamification-bottom-left-modal-section .modal-body .text-content .social-content img {
    bottom: 0px;
    height: 25px !important;
    position: relative;
  }
  .gamification-bottom-left-modal-section .modal-body .text-content .copy-link {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
  .gamification-bottom-left-modal-section .modal-body .text-content .copy-link input {
    border: 1px solid #FFAE71;
    background: #FFE5D1;
    color: black;
    font-weight: 500;
    font-size: 14px;
    border-right: 0px;
    border-radius: 5px 0px 0px 5px;
    padding-left: 10px;
  }
  .gamification-bottom-left-modal-section .modal-body .text-content .copy-link .copy-btn {
    background: #FF6D00;
    font-weight: 600;
    font-size: 14px;
    color: white;
    height: 35px;
    line-height: 35px;
    padding: 0px 10px;
    border-radius: 0px 5px 5px 0px;
  }

  .section-leaderboard {
    position: relative;
  }
  .section-leaderboard .person-list .person-item .img-content {
    display: flex;
  }
  .section-leaderboard .person-list .person-item .img-content img {
    margin-right: 20px;
  }
  .section-leaderboard .person-list .person-item .img-content .info .name {
    font-size: 13px;
  }
  .section-leaderboard .person-list .person-item .img-content .info .score {
    font-size: 11px;
  }

  .gamification-buttons {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 5;
    padding-bottom: 77px;
  }
  .gamification-buttons .gami-button {
    background: #2f2f2fb0;
    color: white;
    padding: 5px 20px;
    border-radius: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
    margin-left: 10px;
  }
  .gamification-buttons .badge-modal {
    width: 105px;
    height: 102px;
    border-radius: 50%;
    background: white;
    bottom: -60px;
    left: 0px;
    right: 0px;
    margin: auto;
    position: absolute;
    box-shadow: 4px -3px 20px -5px #4e4e4e4d;
  }
  .gamification-buttons .badge-modal img {
    position: absolute;
    right: 0px;
    left: 0px;
    margin: auto;
    top: -28px;
    height: 62px;
  }
}
@media (max-width: 576px) {
  .basket-section .icon-content {
    background-image: url(/images/grey-icon-content.svg?4b40eed456a0c637b57a70cb555f2b35);
    background-color: #4E5671;
    width: 100%;
    height: 450px;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
  }
  .basket-section .basket-products-content {
    width: 95%;
    padding: 20px;
  }
  .basket-section .basket-products-content .title {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .basket-section .basket-products-content .sub-title {
    margin-bottom: 20px;
    font-size: 12px;
  }
  .basket-section .basket-products-content .back-shopping {
    font-size: 13px;
  }
  .basket-section .basket-products-content .product-basket-card {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .basket-section .basket-products-content .product-basket-card img {
    max-width: 70px;
  }
  .basket-section .basket-products-content .product-basket-card .prd-info-content {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 75%;
    margin-bottom: 20px;
  }
  .basket-section .basket-products-content .product-basket-card .prd-info-content .name {
    font-size: 14px;
  }
  .basket-section .basket-products-content .product-basket-card .prd-info-content .dsc {
    font-size: 11px;
    margin-bottom: 3px;
    margin-bottom: 15px;
  }
  .basket-section .basket-products-content .product-basket-card .prd-info-content .free-cargo {
    margin-left: 52%;
  }
  .basket-section .basket-products-content .product-basket-card .quantity .number-spinner {
    width: 85px;
    padding: 4px;
  }
  .basket-section .basket-products-content .product-basket-card .quantity .number-spinner .btn {
    padding: 3px;
  }
  .basket-section .basket-products-content .product-basket-card .quantity .number-spinner .form-control {
    font-size: 17px;
  }
  .basket-section .basket-products-content .product-basket-card .quantity .quantity-text {
    margin-left: 10px;
    font-size: 12px;
  }
  .basket-section .basket-products-content .product-basket-card .quantity span {
    margin-left: 0px;
  }
  .basket-section .basket-products-content .product-basket-card .delete {
    text-align: center;
    margin-right: 10px;
    margin-top: 4px;
  }
  .basket-section .basket-products-content .product-basket-card .delete img {
    width: 15px;
    border-radius: 0px;
  }
  .basket-section .basket-products-content .product-basket-card .delete div {
    color: #f46166;
    font-size: 11px;
    margin-top: 4px;
  }
  .basket-section .basket-products-content .grey-content {
    margin-top: 30px;
  }
  .basket-section .basket-products-content .grey-content .total-price-content {
    display: flex;
    text-align: right;
    justify-content: flex-end;
  }
  .basket-section .basket-products-content .grey-content .total-price-content.extra {
    color: #75B471;
    padding-top: 10px;
  }
  .basket-section .basket-products-content .grey-content .total-price-content.extra .total-title {
    font-weight: 300;
  }
  .basket-section .basket-products-content .grey-content .total-price-content.extra .price-content {
    margin-left: 20px;
    margin-right: 0px;
  }
  .basket-section .basket-products-content .grey-content .total-price-content.extra .price-content .price {
    font-size: 14px;
  }
  .basket-section .basket-products-content .grey-content .total-price-content .price {
    font-size: 20px;
  }
  .basket-section .basket-products-content .grey-content .total-price-content .old-price {
    font-size: 14px;
  }
  .basket-section .basket-products-content .grey-content .total-price-content .total-title {
    font-weight: 600;
    padding-top: 5px;
    font-size: 14px;
  }
  .basket-section .basket-products-content .grey-content .total-price-content .price-content {
    margin-right: 0px;
    margin-left: 20px;
  }
}