* {
  box-sizing: border-box;
}

*[disabled] {
  opacity: 0.65;
  pointer-events: none;
}

@font-face {
  font-family: impact;
  src: url(../fonts/impact/impact.ttf);
}

html,
body {
  margin: 0;
  font-family: 'droidkufi', 'Roboto';
  font-size: 13px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: hidden;
}

.info-holder .desc {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

ul,
ol {
  margin-bottom: 10px;
  padding-left: 5px;
  overflow: hidden;
  list-style: none;
}

ul li,
ol li {
  margin-bottom: 10px;
  text-align: left;
  display: flex;
}

ul li:before,
ol li:before {
  margin-right: 10px;
}

.arabic ul,
.arabic ol {
  margin-bottom: 10px;
  padding-left: 5px;
  overflow: hidden;
  list-style: none;
}

.arabic ul li,
.arabic ol li {
  margin-bottom: 10px;
  display: flex;
}

.arabic ul li:before,
.arabic ol li:before {
  margin-right: 10px;
}

ol {
  counter-reset: li;
}

ol li {
  counter-increment: li;
}

ol li:before {
  content: counter(li) ".";
}

form {
  margin: 0;
}

a {
  text-decoration: none;
  display: inline;
  color: inherit;
}

p {
  margin: 0 0;
}

img {
  display: block;
}

input,
select,
textarea {
  outline: none;
  border: 0;
  width: 100%;
  padding: 0;
  resize: none;
  padding: 0;
  display: block;
  font-size: inherit;
  font-family: inherit;
  background-color: transparent;
}

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

input[type='number'],
select[type='number'],
textarea[type='number'] {
  -moz-appearance: textfield;
}

input[type='checkbox'],
select[type='checkbox'],
textarea[type='checkbox'] {
  width: 18px;
  height: 18px;
  margin: 0;
}

fieldset {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 0;
}

fieldset legend {
  margin-left: 20px;
  font-weight: 500;
}

table {
  min-width: 100%;
  border: 1px solid #e1e1e1;
  border-spacing: 0;
  border-collapse: collapse;
}

table thead {
  font-weight: 500;
  text-transform: capitalize;
}

table td {
  padding: 10px;
  border: 1px solid #e1e1e1;
  text-align: center;
}

table img {
  max-height: 50px;
  max-width: 50px;
  margin: auto;
}

table .btn {
  padding: 7px 12px;
}

label {
  display: block;
}

video,
iframe,
audio {
  margin: 0;
  display: block;
  max-width: 100%;
}

.img-holder {
  position: relative;
  z-index: 0;
  flex-shrink: 0;
  overflow: hidden;
}

.img-holder .img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
}

.img-holder img {
  width: auto !important;
  height: auto !important;
  margin: auto;
}

.btn {
  outline: none;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 5px 10px;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
}

.btn.btnGr {
  background-color: #13a288;
}

.btn.btnGr.btnW {
  color: #13a288;
}

.btn.btnGr.border {
  border-color: #13a288;
}

.btn.btnBl {
  background-color: #24385b;
}

.btn.btnBl.btnW {
  color: #24385b;
}

.btn.btnBl.border {
  border-color: #24385b;
}

.btn.btnR {
  background-color: #ed1c24;
}

.btn.btnR.btnW {
  color: #ed1c24;
}

.btn.btnR.border {
  border-color: #ed1c24;
}

.btn.btnFb {
  background-color: #4267b2;
}

.btn.btnGl {
  background-color: #ea4335;
}

.btn.btnW {
  background-color: #fff !important;
  color: #f3f3f3;
}

.btn.border {
  border-width: 2px !important;
  border-style: solid !important;
  border-color: #f3f3f3;
}

.btn .icon {
  margin-right: 5px;
  font-size: 1.2em;
}

.btn-holder {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  grid-gap: 10px;
}

.btn-holder.end {
  justify-content: end;
  grid-auto-columns: auto;
}

.btn-holder.start {
  justify-content: start;
  grid-auto-columns: auto;
}

.clear {
  clear: both;
}

.xdebug-var-dump,
.xdebug-error {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  max-height: 100% !important;
  overflow: auto !important;
  background-color: #fff !important;
  padding: 5px !important;
  z-index: 999 !important;
  margin: 0 !important;
  border: 2px solid #ed1c24 !important;
}

.fa-facebook {
  color: #0e8df1;
}

.fa-youtube {
  color: #e52d27;
}

.fa-twitter {
  color: #2aa9dd;
}

.fa-instagram {
  background: linear-gradient(#a614d6f5, #c12448, rgba(255, 118, 0, 0.96));
  color: #fff;
  padding: 2px;
  border: 4px;
}

.fa-telegram-plane {
  color: #1a82b7;
}

.fa-mobile-alt {
  padding: 0 5px;
}

.fa-whatsapp-square {
  color: #00904a;
}

a {
  display: block;
}

.shadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  align-items: center;
  justify-content: center;
  display: none;
}

.shadow.active {
  display: flex;
}

.shadow .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(51, 51, 51, 0.5);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.option-shadow .form {
  position: relative;
  z-index: 1;
  width: 480px;
  max-width: 90%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  max-height: 90%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .option-shadow .form {
    width: 90% !important;
  }
}

.option-shadow .form > .head,
.option-shadow .form .body {
  padding: 10px;
}

.option-shadow .form > .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f3f3f3;
  flex-shrink: 0;
  color: #24385b;
  font-size: 1.5rem;
  font-weight: 500;
  text-transform: uppercase;
  user-select: none;
}

.option-shadow .form > .head .icon {
  cursor: pointer;
}

.option-shadow .form .body {
  overflow: auto;
  height: 100%;
}

.option-shadow .form .radio1 {
  margin-top: 15px;
}

.option-shadow .form .btn-holder {
  background-color: #f3f3f3;
  grid-gap: 1px;
  border-top: 1px solid #f3f3f3;
}

.option-shadow .form .btn-holder .btn {
  border-radius: 0;
}

.option-shadow .options {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.option-shadow .shadow-search {
  margin-bottom: 10px;
}

.media-shadow .body {
  background: #fff;
}

.UploadMedia {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.UploadMedia .img {
  width: 150px;
  height: 150px;
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  position: relative;
}

.UploadMedia .img .overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}

.UploadMedia .img .overlay .loading {
  font-size: 2.6em;
  position: absolute;
}

.UploadMedia .img .overlay .cancel {
  position: absolute;
  color: #fff;
  font-size: 1.5em;
}

.UploadMedia .img .overlay .progress {
  position: absolute;
  bottom: 5px;
}

.UploadMedia .img .delete {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: tomato;
  font-size: 2rem;
}

.UploadMedia .BtnAttached ~ .BtnAttach {
  display: none;
}

@font-face {
  font-family: 'tajawal';
  src: url("../fonts/tajawal/Tajawal-Regular.ttf");
  /* TTF file for CSS3 browsers */
}

@font-face {
  font-family: 'tajawal-bold';
  src: url("../fonts/tajawal/Tajawal-ExtraBold.ttf");
  /* TTF file for CSS3 browsers */
}

html,
body {
  background-color: #fff;
  color: #2f2e2e;
  font-family: 'Tajawal', 'droidkufi', 'Roboto';
  overflow: auto;
  font-size: 18px;
}

.ovellaymenu.active {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.lang {
  background: #fff;
  width: 100%;
  height: 100%;
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
}

@media (max-width: 1023px) {
  .container {
    padding: 0 5px;
  }
}

.site {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.link {
  color: #13a288;
}

.input {
  color: #000;
  padding: 5px 7px;
  font-size: 1.1rem;
  margin: 10px 0;
  border: 1px solid #9e9d9d;
  border-radius: 5px;
}

.input.border-non {
  border: none;
  padding: 0 5px;
}

.input1 {
  background-color: transparent;
  border-bottom: 1px solid #f3f3f3;
  color: #f3f3f3;
  padding: 5px 7px;
  font-size: 1.5em;
}

.input1.flex {
  display: flex;
  align-items: center;
}

.input1.flex .img {
  margin-right: 5px;
}

.input2 {
  font-size: 1.5em;
}

.input2 .label {
  color: #f3f3f3;
  text-transform: capitalize;
}

.input2 input,
.input2 textarea,
.input2 select {
  background-color: #fff;
  padding: 5px;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
}

.input3 {
  background-color: #eee;
  display: flex;
  align-items: center;
  padding: 5px;
  border-bottom: 1px solid #f3f3f3;
  font-size: 1.5rem;
}

.input3 .icon {
  color: #24385b;
  margin-right: 5px;
}

.input3 input {
  background-color: transparent;
}

.input4 {
  background-color: #fff;
  padding: 5px;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  display: flex;
}

.input5 {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 5px;
  font-size: 1.5rem;
  padding: 5px;
}

.input5 .label {
  text-transform: capitalize;
}

.input-filter {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  gap: 5px;
  background-color: #eee;
  border-bottom: 1px solid #f3f3f3;
  font-size: 1.5rem;
}

.input-filter input,
.input-filter select {
  padding: 5px;
}

.hidden {
  display: none;
}

.username {
  color: #24385b;
  font-size: 1.5rem;
  font-weight: 500;
  text-transform: capitalize;
}

.connection {
  display: none;
  color: #ff0e2a;
  font-size: 20px;
  text-transform: capitalize;
  border: 1px solid #eee;
  padding: 20px;
  border-radius: 20px;
}

.btn {
  font-size: 16px;
  text-transform: capitalize;
  border-radius: unset;
  min-width: 100px;
}

.btn.btn-icon {
  display: grid;
  gap: 5px;
  grid-template-columns: auto auto;
}

.btn1 {
  padding: 10px;
  text-transform: uppercase;
  font-size: 1.5em;
  width: 100%;
}

.sub-toggle {
  position: relative;
  text-transform: capitalize;
}

.sub-toggle .sub-menu {
  position: absolute;
  top: 100%;
  right: 0;
  border-radius: 10px;
  background-color: #fff;
  color: #0b57b1;
  border: 1px solid #f3f3f3;
  min-width: 140px;
  display: none;
  z-index: 2;
  overflow: hidden;
}

.sub-toggle .sub-menu.active {
  display: block;
}

.sub-toggle .sub-menu.bot {
  top: unset;
  bottom: 100%;
}

.sub-toggle .sub-menu .overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.sub-toggle .sub-menu .sub-item {
  padding: 5px;
  border-bottom: 1px solid #f3f3f3;
  display: flex;
  align-items: center;
  background-color: #fff;
  font-size: 1.5rem;
}

.sub-toggle .sub-menu .sub-item:last-child {
  border: 0;
}

.sub-toggle .sub-menu .icon {
  width: 30px;
  margin-right: 5px;
}

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

.radio {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  text-transform: capitalize;
}

.radio.active:before {
  background-color: #13a288;
  border-color: #13a288;
}

.radio:before {
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid #f3f3f3;
}

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

.page-holder {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  height: 100%;
  align-items: center;
  margin: auto;
  background-color: #fff;
}

.page-holder .page {
  height: 100%;
  width: 100%;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #f7f7f7;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
}

.img.cover {
  background-size: cover;
}

.img.contain {
  background-size: contain !important;
}

.img.sponsor-img {
  background-image: url("../img/icons/sponsor.svg");
}

.img.imganimate:hover {
  background-size: 120% !important;
}

.img-icon {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
}

.tab-filter {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  width: 100%;
  background-color: #eee;
  font-size: 1.5rem;
  text-transform: capitalize;
}

.tab-filter .item {
  padding: 10px;
  text-align: center;
  border-bottom: 2px solid #eee;
}

.tab-filter .item.active {
  border-bottom: 2px solid #24385b;
}

.tabs-holder {
  display: flex;
  align-items: center;
}

.tabs-holder .item {
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  margin-right: 5px;
  background-color: #fff;
  font-size: 1.5rem;
}

.tabs-holder .item.active {
  background-color: #24385b;
  color: #fff;
}

.info-text {
  display: flex;
  align-items: center;
}

.info-text .icon {
  margin-right: 5px;
}

.info-text .text {
  font-style: italic;
}

.duration-dates .text {
  color: #13a288;
}

.duration-dates .date {
  color: #0b57b1;
}

.widget {
  background-color: #eee;
  border-radius: 10px;
  padding: 10px;
}

.widget.new {
  border-color: #13a288;
}

.widget.active .fold-body {
  display: grid;
}

.widget .fold-head {
  display: grid;
  grid-template-columns: auto 30px 30px;
  align-items: center;
  grid-gap: 10px;
}

.widget .fold-head > .icon {
  font-size: 1.7rem;
  color: #13a288;
  border: 1px solid #f3f3f3;
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.widget .fold-head > .icon.delete {
  color: #ed1c24;
}

.widget .fold-body {
  display: none;
}

.widget .title {
  font-size: 1.7rem;
  font-weight: 500;
  color: #24385b;
  text-transform: capitalize;
}

.list {
  display: grid;
  grid-gap: 5px;
  align-content: start;
}

.list.list1 {
  padding: 5px;
}

.list .list-item, .list .user-item {
  padding: 5px;
  border-bottom: 1px solid #eee;
}

.list .list-item .name, .list .user-item .name {
  color: #24385b;
}

.list-item, .user-item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: 'icon name link' 'icon time link';
  grid-gap: 5px;
}

.list-item.list1, .list1.user-item {
  grid-template-areas: 'icon name end';
}

.list-item.list1 .end, .list1.user-item .end {
  grid-area: end;
}

.list-item .icon, .user-item .icon {
  grid-area: icon;
  width: 60px;
  height: 60px;
}

.list-item .name, .user-item .name {
  grid-area: name;
}

.list-item .time, .user-item .time {
  grid-area: time;
}

.list-item .link, .user-item .link {
  grid-area: link;
}

.user-item {
  grid-template-areas: 'img name end' 'img followers end';
}

.user-item.winner {
  grid-template-areas: 'img name correct' 'img duration correct';
}

.user-item.winner .correct {
  grid-area: correct;
}

.user-item.winner .duration {
  grid-area: duration;
}

.user-item .img {
  grid-area: img;
}

.user-item .name {
  grid-area: name;
  align-self: end;
}

.user-item .followers {
  grid-area: followers;
  font-size: 1.4rem;
}

.user-item .end {
  grid-area: end;
  align-self: center;
}

.show-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-areas: '. . . . more';
  justify-items: center;
  margin-top: 5px;
}

.show-list .item {
  display: grid;
  justify-items: center;
}

.show-list .more {
  grid-area: more;
  width: 70px;
  height: 70px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #f3f3f3;
  font-size: 1.5rem;
  color: #13a288;
  font-weight: 500;
}

.thanks {
  text-align: center;
  padding: 5px;
  border-bottom: 1px solid #f3f3f3;
}

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

.over {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 480px;
  max-width: 100%;
  background-color: #fff;
  height: 100%;
  display: none;
  flex-direction: column;
  z-index: 1;
}

.over.active {
  display: flex;
}

.over .over-head {
  flex-shrink: 0;
  background-color: #24385b;
  position: relative;
  display: flex;
  align-items: center;
}

.over .over-head .back {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #ed1c24;
  font-size: 2.5em;
}

.over .over-head .title {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  color: #fff;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 500;
}

.over .over-body {
  height: 100%;
  flex-grow: 1;
  overflow: auto;
}

.comment-icon {
  display: flex;
}

.fav-icon {
  background-image: url("../img/icons/heart.svg");
}

.fav-icon.active {
  background-image: url("../img/icons/heart1.svg");
}

.post-filter {
  display: flex;
  justify-content: flex-end;
  background-color: #eee;
  font-size: 1.4rem;
}

.post-filter .label {
  font-weight: 700;
  align-items: center;
  padding: 5px;
}

.post-filter select {
  width: auto;
  padding: 5px;
  text-transform: capitalize;
}

.icon-holder {
  display: flex;
  align-items: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-holder .number {
  margin-right: 2px;
  font-size: 0.8rem;
  position: absolute;
}

.upload-media {
  display: grid;
  gap: 5px;
}

.media {
  left: 46%;
  background-color: #2a407b;
  color: #fff;
  padding: 10px;
  border-radius: 50%;
  font-size: 1.5rem;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -15px;
  cursor: pointer;
}

.media .title {
  padding: 0 10px;
}

.media .img {
  height: 190px;
  width: 100%;
}

.media .img-icon {
  position: absolute;
}

.new-number {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #ed1c24;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.arabic {
  direction: rtl;
}

.norm {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  padding: 10px 0;
}

@media (max-width: 767px) {
  .norm {
    grid-template-columns: repeat(1, 1fr);
  }
}

.norm .item {
  position: relative;
}

.norm .item .tag {
  padding: 10px;
  font-size: 1.5rem;
  color: #fff;
}

.norm .item .imgholder {
  height: 175px;
  display: block;
}

.norm .item .data {
  padding: 20px 0;
}

.norm .item .info-holder {
  padding: 10px 0;
}

.comments {
  font-size: 1.5rem;
  padding: 20px 0;
}

.comments .btnholder {
  background: #eeeeee69;
  display: flex;
  justify-content: flex-end;
  padding: 5px;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  display: none;
}

.comments .btnholder.active {
  display: flex;
}

.comments .btnholder .btn {
  padding: 5px 10px;
  background: #004c98;
  border-radius: 3px;
}

#userform textarea {
  border: 1px solid #f1f1f1;
  padding: 10px;
  cursor: pointer;
}

.comment-holder {
  border: 1px solid #eee;
  border-bottom: 1px solid #fff;
}

.comment-holder .item {
  padding: 10px 10px;
  border-bottom: 1px solid #eee;
}

.comment-holder .item .profile {
  display: flex;
  align-items: center;
  padding: 5px 0;
}

.comment-holder .item .profile .icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #30bdff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  color: #f3f3f3;
  font-size: 1.8rem;
}

.comment-holder .item .profile .name {
  padding: 0 5px;
  text-transform: capitalize;
}

.comment-holder .item .commentholder {
  padding: 10px;
  background: #f2f3f5;
  border-radius: 17px;
  font-size: 1.2rem;
}

.loadholder {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 5px;
  text-transform: capitalize;
}

.loadholder .loadmore {
  padding: 10px;
  background: #4167a7;
  border-radius: 10px;
  color: #fff;
  font-size: 1.2rem;
}

.article {
  padding-bottom: 10px;
}

#home {
  padding-bottom: 90px;
}

#home .owl-prev {
  left: -100px !important;
}

#home .owl-next {
  right: -100px !important;
}

@media (max-width: 1200px) {
  #home .owl-prev {
    left: 0px !important;
  }
  #home .owl-next {
    right: 0px !important;
  }
}

#home .item-holder .imgholder {
  height: 250px;
  display: block;
}

#home .item-holder .imgholder.small {
  height: 150px;
}

#home .item-holder .imgholder.icon {
  width: 50px;
  height: 50px;
}

#home .load-more {
  display: flex;
  justify-content: center;
  padding: 10px;
  color: #fff;
}

#home .load-more a {
  background-color: #32abb4;
  padding: 10px;
  border-radius: 3px;
  font-size: 1.7rem;
}

#home .load-more a:hover {
  text-decoration: none;
  background: #76787a;
  color: #fff;
}

.bgColor {
  background-color: #eee;
}

.home-partner .title {
  text-transform: capitalize;
}

.home-partner .title.center {
  text-align: center;
}

.page-banner {
  height: 500px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.head-title,
.head-title2 {
  display: block;
  text-align: left;
  display: block;
  font-size: 2rem;
  padding-bottom: 20px;
  padding-top: 30px;
  font-weight: bold;
  text-transform: capitalize;
}

.head-title.paddingtop0,
.head-title2.paddingtop0 {
  padding-top: 0;
}

@media (max-width: 1023px) {
  .head-title,
  .head-title2 {
    font-size: 2rem;
  }
}

.head-title.right,
.head-title2.right {
  text-align: right;
}

.head-title span,
.head-title2 span {
  font-family: impact;
  font-size: 2.6rem;
  letter-spacing: 0.24rem;
  line-height: 3.4rem;
  background-color: #f6fd33;
  color: #333;
}

.head-title2 {
  font-size: 2em;
}

.tag {
  position: absolute;
  width: 100%;
  top: 0;
  font-family: dinnext;
  font-size: 2.1rem;
  color: #fff;
  text-transform: capitalize;
  background-image: linear-gradient(0deg, #00000000, #000);
  border-radius: 0 0px 5px 5px;
}

.tag .img-holder {
  padding: 10px;
  display: flex;
  align-items: center;
}

.tag .img-holder .name {
  padding: 0 5px;
  font-size: 17px;
}

.tag .img-holder .img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.CloseShadow,
.overlay,
.btn,
.submit,
.icon {
  cursor: pointer;
}

.chat-bot {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #3fa2c7;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: 0 6px;
  font-size: 2rem;
  cursor: pointer;
  position: absolute;
  bottom: 66px;
  z-index: 2;
  right: 15px;
}

.chat-bot:hover {
  box-shadow: 0 0 10px 0 rgba(22, 45, 61, 0.66);
  border-radius: 50%;
}

.more-holder {
  display: flex;
  justify-content: flex-end;
  font-size: 1.9rem;
  color: #2f2e2e;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'droidkufi';
  padding: 5px 0;
}

.more-holder .view-more {
  position: relative;
}

.more-holder .view-more:after {
  content: '';
  border-top: 5px solid #f6fd33;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -5px;
}

.more-holder .cldbli {
  position: relative;
}

.more-holder .cldbli:after {
  content: '';
  border-top: 5px solid #1e84ea;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -5px;
}

.more-holder .clgrli {
  position: relative;
}

.more-holder .clgrli:after {
  content: '';
  border-top: 5px solid #7cc576;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -5px;
}

.more-holder .clmovli {
  position: relative;
}

.more-holder .clmovli:after {
  content: '';
  border-top: 5px solid #bc6cbf;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -5px;
}

.more-holder .clrli {
  position: relative;
}

.more-holder .clrli:after {
  content: '';
  border-top: 5px solid #f2506a;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -5px;
}

.more-holder .clblli {
  position: relative;
}

.more-holder .clblli:after {
  content: '';
  border-top: 5px solid #7da7d9;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -5px;
}

.post-name span {
  background: #f6fd33;
  font-size: 3.5rem;
  line-height: 45px;
}

.lang {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.lang .lang-btn-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}

.lang .lang-btn-holder .item {
  padding: 5px;
  font-size: 1.7rem;
  color: #fff;
  cursor: pointer;
}

.lang .lang-btn-holder .item .langbtn {
  padding: 7px 20px;
  border-radius: 20px;
}

.lang .lang-btn-holder .item .langbtn.en {
  background-color: #d34683;
  color: #fff;
}

.lang .lang-btn-holder .item .langbtn.ar {
  background-color: #e9d72f;
}

.lang .lang-btn-holder .item .langbtn.kr {
  background-color: #9ab028;
}

.user {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  font-size: 2rem;
}

.user .item {
  display: flex;
  align-items: center;
}

.user .dot {
  color: #676666;
  padding: 20px 0 20px 20px;
  cursor: pointer;
}

.user .icon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #30bdff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: 0 6px;
  font-size: 2rem;
  cursor: pointer;
}

.user .sub-edit {
  position: absolute;
  top: 46px;
  right: 0;
  background-color: #fff;
  color: #000;
  border-radius: 3px;
  border: 1px solid #eee;
  min-width: 140px;
  z-index: 2;
  overflow: hidden;
  display: none;
}

.user .sub-edit.active {
  display: flex;
  flex-direction: column;
}

.user .sub-edit .overlay2 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.user .sub-edit .sub-item {
  font-size: 1.5rem;
  padding: 10px;
  border-bottom: 1px solid #f3f3f3;
  text-transform: capitalize;
}

.user .sub-edit .sub-item:hover {
  background-color: #f3f3f3;
}

#edit-post .name {
  font-size: 1.5rem;
  text-transform: capitalize;
}

#edit-post .input-post {
  margin-top: 3px !important;
}

#edit-post select {
  padding: 5px;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  grid-area: input;
  font-size: 1.3rem;
  color: #767676;
  background: #f9f9f9;
}

#edit-post .login-form {
  margin-top: 0px !important;
}

.media-holder {
  padding: 10px 0 20px 0;
}

.approve {
  font-size: 1.3rem;
  padding: 0 10px;
  color: #e1001f;
}

.splash-screen {
  background-image: url("../img/splash.png");
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  transition: ease 1s all;
  transform-origin: center;
}

.splash-screen.done {
  transform: rotateY(90deg);
  opacity: 0;
}

.media .fa-camera1 {
  border-radius: 50%;
  padding: 8px;
  width: 50px;
  height: 50px;
  background-color: #3fa2c7;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: 0 6px;
  font-size: 2rem;
  cursor: pointer;
  position: absolute;
  bottom: 66px;
  z-index: 3;
  right: 15px;
}

.media .fa-camera1:hover {
  box-shadow: 0 0 10px 0 rgba(22, 45, 61, 0.66);
  border-radius: 50%;
}

.normalGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px;
  padding-bottom: 10px;
  padding-top: 20px;
}

@media (max-width: 767px) {
  .normalGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 424px) {
  .normalGrid {
    grid-template-columns: 100%;
  }
}

.normalGrid .imgholder {
  height: 250px;
  display: block;
}

@media (max-width: 1023px) {
  .normalGrid .imgholder {
    height: 150px;
  }
}

@media (max-width: 424px) {
  .normalGrid .imgholder {
    height: 204px;
  }
}

.normalGrid .title {
  font-size: 2rem;
}

.normalGrid .item.borderB {
  border-bottom: 1px solid;
}

.normalGrid .item:hover .title {
  color: #32abb4;
}

.normalGrid .info-holder {
  padding: 0 5px;
}

.normalGrid.morePadding {
  padding: 40px 0;
  padding-bottom: 90px;
}

.catList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  font-size: 1.5rem;
  padding: 20px 0;
  grid-gap: 10px;
}

@media (max-width: 767px) {
  .catList {
    grid-template-columns: repeat(1, 1fr);
  }
}

.catList .item {
  border: 1px solid #999;
  padding: 10px;
  border-radius: 3px;
  display: flex;
  align-items: center;
}

.catList .item:hover {
  background: #ea4552;
  color: #fff;
  border: 1px solid #ea4552;
}

.catList .title {
  padding: 0 5px;
}

.article .desc {
  font-size: 1.5rem;
}

.title {
  font-size: 18px;
  text-transform: capitalize;
}

.title.paddingTop1 {
  padding-top: 15px;
}

.title.bluecolor {
  color: #3856a5;
  font-weight: 600;
}

.more-holder .text {
  position: relative;
}

.more-holder .text:after {
  content: '';
  border-top: 5px solid #e71f2e;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -5px;
}

.fa-camera-retro {
  font-size: 2.5rem;
}

.actiholder {
  display: grid;
  grid-template-columns: auto 330px;
  grid-gap: 5px;
  width: 100%;
}

.actiholder .right {
  overflow: hidden;
}

@media (max-width: 767px) {
  .actiholder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    grid-template-columns: 100%;
  }
  .right {
    width: 100%;
  }
  .left {
    flex-shrink: 0;
  }
}

.category .selectcat {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  padding-bottom: 20px;
}

.category .selectcat select {
  padding: 5px;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  grid-area: input;
  color: #000;
  background: #f9f9f9;
  width: 100%;
  font-size: 1.7rem;
}

.category .selectcat input {
  margin: 0;
  padding: 5px;
  border: none;
  grid-area: input;
  color: #000;
  background: #f9f9f9;
  width: 100%;
  font-size: 1.7rem;
}

.category .selectcat .search {
  display: flex;
  width: 100%;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
}

.ajaxRes {
  margin-bottom: 10px;
  border: 1px solid #999;
  padding: 10px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  justify-content: space-between;
}

.ajaxRes .deletes {
  border-radius: 50%;
  color: #fff;
  padding: 0 10px;
  background: #32abb4;
  display: flex;
  align-items: center;
}

.phonedir {
  direction: ltr;
}

.homecontact {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  font-size: 1.2rem;
  justify-content: center;
  padding-bottom: 20px;
  flex-wrap: wrap;
  display: none;
}

@media (max-width: 1023px) {
  .homecontact {
    display: grid;
  }
}

@media (max-width: 424px) {
  .homecontact {
    grid-template-columns: 100%;
  }
}

.homecontact .item {
  display: flex;
  align-items: center;
}

.homecontact .item .icon {
  border: 1px solid #e92c39;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
}

.homecontact .item .info-holder {
  padding-left: 15px;
  padding-right: 5px;
}

.homecontact .item .info-holder .phonegir {
  direction: ltr;
}

.home-about .text-justify {
  font-size: 1.7rem;
  text-align: center;
  margin: 0;
  padding-bottom: 30px;
}

.padding-top {
  background-color: #333;
  color: #fff;
  padding: 40px 0;
}

.topweb {
  width: 100%;
}

.topweb.fixedheader {
  width: 99%;
  position: fixed;
  z-index: 9999;
}

.logoicon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 90px;
  color: #32abb4;
}

.logoicon.small {
  font-size: 50px;
}

.logoicon.paadingtop {
  padding-top: 30px;
}

.activeclick {
  background: #32abb4;
  color: #fff;
}

.sub-menu .item {
  color: #000;
}

@media (max-width: 424px) {
  .home-partner .info-holder .title {
    padding-top: 10px !important;
  }
  .home-about-container .container .home-about .head-title {
    font-size: 2.3em !important;
  }
}

.grid2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.submit {
  background: #347a38;
  border-radius: 5px;
}

.additem .input-holder .label {
  width: 150px;
  text-transform: capitalize;
  grid-area: label;
  font-size: 18px;
}

.additem .input-holder .input {
  padding: 8px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
}

.additem #saveClose {
  margin-right: 10px;
}

.input-holderr .images {
  flex-wrap: wrap;
  display: flex;
}

.input-holderr .images .img-holder {
  width: 100%;
  height: 150px;
  width: 150px;
  margin-right: 5px;
  margin-top: 5px;
}

.input-holderr .images .img-holder .delete {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #ed1c24;
  padding: 5px;
  cursor: pointer;
}

.logostyle {
  font-size: 25px;
  color: #2a407b;
}

.total-items {
  background: #2a407b;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
}

.total-items:hover {
  background: #438424;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
}

.folatedit {
  padding: 10px;
  background: #2a407b;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  border-radius: 5px;
  color: #fff;
  font-size: 20px;
}

.oldprice-hloder {
  display: flex;
  justify-content: space-between;
  font-size: 17px;
  text-transform: capitalize;
  padding: 10px 0;
  color: #908b8b;
}

.oldprice-hloder .oldPrice,
.oldprice-hloder .price {
  text-decoration: line-through;
}

.businessType {
  display: flex;
  align-items: center;
  color: #8a8a8a;
}

.businessType:hover {
  color: #255f9b;
}

.businessType .buinessName {
  padding: 0 6px;
  font-size: 18px;
}

.flotaward {
  font-size: 19px;
  color: #fff;
  margin-top: 0 !important;
  margin-right: 5px;
  border-radius: 3px;
  padding: 0 3px;
}

.followingitem {
  color: #ffffff;
  font-size: 21px;
  padding: 6px 4px;
  background: green;
  border-radius: 3px;
  cursor: pointer;
}

.floatwishlist {
  color: #d2d2d2;
  font-size: 21px;
  padding: 6px 4px;
  background: #507ae8;
  border-radius: 3px;
  margin-left: 5px;
}

.floatwishlist.active {
  color: red;
}

.followstyle {
  font-size: 20px;
  background: #eeeeee;
  width: fit-content;
  padding: 5px 20px;
  border-radius: 50px;
  color: #000;
  margin: 10px 0;
  border: 2px solid #3856a5;
  cursor: pointer;
  text-transform: capitalize;
  display: flex;
  align-items: center;
}

.followstyle.active {
  background: #3856a5;
  color: #fff;
}

.followstyle:hover {
  background: #80c536;
  color: #fff;
}

.followstyle.removemargin {
  margin: 0;
}

.currencysetting .input-holder {
  display: flex;
  flex-direction: column;
  padding: 3px;
}

.floatpermium {
  width: 100%;
  position: absolute;
  top: 0;
  padding: 5px;
  background: #00000080;
  color: #fff;
  font-size: 20px;
  display: flex;
  align-items: center;
}

.floatpermium .name {
  padding: 0 7px;
}

.flexing {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.flexing.nowrap {
  flex-wrap: nowrap;
}

.flexing.center {
  justify-content: center;
}

.flexing .title {
  padding: 0 10px;
}

.padding0 {
  padding: 0 !important;
}

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

.spacebetween.nowWrap {
  flex-wrap: unset;
}

.load-holder {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}

.load-holder .loadmore {
  padding: 10px;
  font-size: 22px;
  text-transform: capitalize;
  background: #2a407b;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.load-holder .loadmore:hover {
  background: #3856a5;
}

.flexcenter {
  display: flex;
  justify-content: center;
}

.flexcenter .spacebetween {
  display: flex;
  justify-content: center;
  padding: 20px;
  font-size: 20px;
  background: red;
  width: fit-content;
  color: #fff;
  text-transform: capitalize;
}

.flexcenter .spacebetween .fa-shopping-basket:before {
  padding: 0 7px;
}

.flexend {
  display: flex;
  justify-content: flex-end;
}

.flexcenter {
  display: flex;
  justify-content: center;
}

.action-btns {
  padding: 10px 0;
}

.action-btns .counter-holder {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: center;
}

.action-btns .counter-holder .itembox {
  cursor: pointer;
  width: 25px;
  height: 25px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  border-radius: 5px;
  font-size: 20px;
  display: none;
}

.action-btns .counter-holder .itembox.increase {
  background: #255f9b;
}

.action-btns .counter-holder .itembox.remove-cart {
  background: red;
}

.action-btns .counter-holder .itembox.active {
  display: flex;
}

.emprtydata {
  display: none;
}

.emprtydata.active {
  display: block;
  text-align: center;
}

.basketorder .head-title {
  display: none;
}

.basketorder .head-title.active {
  display: block;
}

.basketorder .item-holder {
  display: none;
}

.basketorder .item-holder.active {
  display: grid;
}

.offer-holder {
  font-size: 17px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #ffc107;
  color: #fff;
  text-transform: capitalize;
  margin-top: 10px;
  cursor: pointer;
}

.offer-holder.active {
  background-color: #32abb4;
  color: #fff;
}

.offer-holder .icon {
  color: #fff;
}

.offer-holder .offerdesc {
  padding: 5px;
}

.preminum {
  padding: 6px;
  background: #14358a;
  color: #fff;
  font-size: 21px;
  border-radius: 3px;
  margin: 0 5px;
}

.btn-grid-Of-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 5px 0;
}

.btn-style {
  background: #3856a5;
  padding: 5px 10px;
  margin: 10px 0 !important;
}

.btn-style.clrGl {
  background-color: #ea4335 !important;
}

.btn-style:hover {
  background: #5ca012;
}

.btn-style.active {
  background: #5ca012;
}

.btn-style .item {
  color: #fff !important;
}

.btn-style .item.active {
  color: #fff !important;
}

.searchResult {
  padding: 10px 0;
  font-size: 22px;
  text-transform: capitalize;
  color: #969696;
}

.or-style {
  text-align: center;
  background: #eee;
  padding: 5px;
  font-size: 23px;
  text-transform: uppercase;
}

.main-holderpage {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
  text-align: center;
}

.main-holderpage .info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: capitalize;
}

.main-holderpage .info .icon {
  color: #2a407b;
  font-size: 60px;
}

.main-holderpage .info .text {
  font-size: 30px;
  font-weight: 800;
}

.main-holderpage .info .desc {
  font-size: 16px;
}

.main-holderpage .info .btn-shop {
  padding: 20px 40px;
  background: #1878f3;
  border-radius: 3px;
  margin-top: 15px;
  font-size: 20px;
  text-transform: capitalize;
  color: #fff;
}

.catsearch {
  display: flex;
  align-items: center;
  border: 1px solid #d8d6d6;
  margin-top: 10px;
  border-radius: 6px;
  padding: 0 5px;
}

* {
  scrollbar-width: thin;
  scrollbar-color: blue orange;
}

/* Works on Chrome/Edge/Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #eee;
}

*::-webkit-scrollbar-thumb {
  background-color: #d2d2d2;
  border-radius: 20px;
  border: 3px solid #eee;
}

.icon-img {
  height: 30px;
  width: 30px;
}

.icon-img .img {
  border-radius: 50%;
  background-size: 80%;
  background-color: #a0a0a0;
}

.emptysearch {
  padding: 20px;
  text-transform: capitalize;
  font-size: 20px;
}

.fa-angle-double-right {
  padding: 0 5px;
  padding-top: 4px;
  color: #797979;
}

.grcolor {
  color: #989494;
}

.img-holdericon img {
  height: 60px;
}

#currency1 {
  background: #2d468a;
  color: #fff;
}

.mobile-btn {
  width: 100%;
  background: #fff;
  color: #000;
  font-size: 17px;
  text-transform: capitalize;
  border-top: 1px solid #aaa;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}

.mobile-btn .item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 7px;
}

.mobile-btn .item .icon {
  font-size: 25px;
  color: #aaa;
}

.mobile-btn .item img {
  width: 25px;
}

.mobile-btn .item .text {
  font-size: 13px;
}

.mobile-btn .item.active .icon {
  color: red;
}

.socialmedia {
  display: none;
  align-items: center;
  color: #fff;
}

@media (max-width: 1023px) {
  .socialmedia {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.socialmedia .item {
  padding: 20px;
}

.copy {
  font-size: 14px;
  display: none;
}

@media (max-width: 1023px) {
  .copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
  }
}

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

.terms-holder {
  display: flex;
  justify-content: center;
  align-items: center;
}

.terms-holder .regitem {
  display: flex;
  align-items: center;
  background: #2a407b;
  font-size: 30px;
  color: #fff;
  padding: 10px;
  text-transform: capitalize;
}

.terms-holder .regitem .text {
  padding: 0 5px;
}

@media (max-width: 767px) {
  .terms-holder .regitem {
    font-size: 20px;
  }
}

.text-holder {
  padding: 20px 0;
}

.folatlocation {
  padding: 5px;
  font-size: 1.8rem;
  color: #fff;
  background: #ea4335;
  border-radius: 3px;
}

.btn-action-holder {
  padding: 2px 0;
}

.grid-of-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 20px 0;
}

.grid-of-2 .input-holder1 {
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 10px 0;
  border-radius: 3px;
}

.grid-of-2 .input-holder1.blue {
  background: #004c98;
}

.grid-of-2 .input-holder1.blue:hover {
  background-color: #02478c;
}

.grid-of-2 .input-holder1.red {
  background: red;
}

.grid-of-2 .input-holder1.red:hover {
  background-color: #cc0505;
}

.fixedPrimum {
  text-transform: uppercase;
  background: #ffc107;
  width: fit-content;
  padding: 5px;
  border-radius: 3px;
  font-size: 18px;
  color: #fff;
}

.fixedPrimum .name {
  padding: 3px;
}

.item {
  position: relative !important;
}

.back-btn-holder {
  padding: 7px;
  background: #445573;
  width: fit-content;
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
}

.back-btn-holder:hover {
  background: #21365a;
}

.back-btn-holder .item-holder {
  display: flex;
  align-items: center;
}

.back-btn-holder .item-holder .name {
  padding: 0 5px;
}

.requiredclass {
  color: red;
  font-size: 12px;
  text-transform: capitalize;
}

.requiredclass.paddingBott {
  padding-bottom: 15px;
}

.paddingTop0 {
  padding-top: 0 !important;
}

.marginTop0 {
  margin-top: 0 !important;
}

.emptyfollowing {
  text-transform: capitalize;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 30px;
}

.verifybtn {
  border-radius: 3px;
  margin-left: 5px;
  padding: 9px;
  color: #fff;
  font-size: 15px;
  background: #2a407b;
  text-transform: capitalize;
  cursor: pointer;
}

.verifybtn.checked-btn {
  padding: 6px;
  background: #4caf50;
}

.mobileVerify {
  display: none;
}

.linkColor {
  color: blue;
}

.sharemobile {
  width: 100%;
  margin-top: 10px;
  padding: 20px;
  color: #fff;
  background-color: #3856a5;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  cursor: pointer;
  display: none;
}

@media (max-width: 1023px) {
  .sharemobile {
    display: flex;
  }
}

.loadsearch {
  cursor: pointer;
}

.loadsearch .searchload {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  background-color: #3856a5;
}

.itemdescription {
  padding: 15px 0;
  font-size: 1.3rem;
}

.reviewsytem {
  padding-top: 15px;
}

.loading {
  position: absolute;
  top: 23px;
  background: #fff;
  width: 400px;
  border: 1px solid #eee;
  display: none;
  justify-content: center;
  align-items: center;
  height: 42px;
  right: 0;
  z-index: 9999;
}

.loading.active {
  display: flex;
}

@media (max-width: 1023px) {
  .loading {
    width: 100%;
    top: 50px;
  }
}

.activeicon {
  color: #2a407b !important;
}

.product-display1 {
  display: flex;
  align-items: center;
  overflow-y: hidden;
  overflow-x: auto;
  margin-top: 20px;
  padding: 0 20px;
}

.product-display1 .item {
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 10px;
  margin-right: 15px;
  width: 250px;
  background-color: #fff;
}

.product-display1 .item .heart-holder {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.product-display1 .item .heart-holder .addWish {
  font-size: 20px;
  color: #aaa;
}

.product-display1 .item .img-holder {
  height: 150px;
  width: 100%;
  background-size: cover !important;
  margin-top: 10px;
}

.product-display1 .item .details {
  margin-top: 5px;
}

.product-display1 .item .details .name {
  width: 130px;
  font-weight: bold;
}

.product-display1 .item .details .price {
  display: flex;
  align-items: center;
  padding: 5px 0;
}

.product-display1 .item .details .price .unit {
  font-size: 12px;
}

.product-display1 .item .details .price .num {
  font-size: 14px;
  font-weight: bold;
  margin-left: 5px;
}

.product-display1 .item .details .condition {
  font-size: 12px;
  width: fit-content;
  padding: 3px;
}

.product-display1 .item .details .condition.off20 {
  background-color: #d6e4f1;
}

.product-display1 .item .details .condition.off50 {
  background-color: #faced3;
}

.custom-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
  padding: 0 10px;
}

.custom-title .left {
  display: flex;
  align-items: center;
}

.custom-title .left img {
  width: 40px;
}

.custom-title .left .title-sub .title {
  font-weight: bold;
}

.custom-title .right {
  padding: 5px 10px;
  border: 1px solid #aaa;
  width: fit-content !important;
}

.product-display2 {
  display: flex;
  align-items: center;
  padding: 0 10px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.product-display2 .item {
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 10px;
  margin-top: 20px;
  width: 48%;
  background-color: #f5f5f5;
}

.product-display2 .item .heart-holder {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.product-display2 .item .heart-holder .addWish {
  font-size: 20px;
  color: #aaa;
}

.product-display2 .item .img-holder {
  height: 150px;
  width: 100%;
  background-size: cover !important;
  margin-top: 10px;
}

.product-display2 .item .details {
  margin-top: 5px;
}

.product-display2 .item .details .name {
  width: 130px;
  font-weight: bold;
}

.product-display2 .item .details .price {
  display: flex;
  align-items: center;
  padding: 5px 0;
}

.product-display2 .item .details .price .unit {
  font-size: 12px;
}

.product-display2 .item .details .price .num {
  font-size: 14px;
  font-weight: bold;
  margin-left: 5px;
}

.product-display2 .item .details .price-arrow {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.product-display2 .item .details .price-arrow .price-holder {
  margin-top: 5px;
}

.product-display2 .item .details .price-arrow .price-holder .text {
  font-size: 11px;
}

.product-display2 .item .details .price-arrow .price-holder .price {
  padding: 0;
}

.product-display2 .item .details .price-arrow .icon {
  padding: 5px;
  color: #fff;
  background-color: #32abb4;
  border-radius: 5px;
}

.product-display2 .item .details .condition {
  font-size: 12px;
  width: fit-content;
  padding: 3px;
}

.product-display2 .item .details .condition.off20 {
  background-color: #d6e4f1;
}

.product-display2 .item .details .condition.off50 {
  background-color: #faced3;
}

.red {
  color: red !important;
}

.stars {
  display: flex;
  align-items: center;
  font-size: 16px;
}

.stars .star {
  margin-right: 3px;
  color: #ccc;
  cursor: pointer;
}

.stars .star:last-child {
  margin-right: 0;
}

.stars .star.active {
  color: #fccd2c;
}

.clr2 {
  color: #e37159;
}

.showPassword {
  height: 50px;
  width: 50px;
  padding: 10px;
  position: absolute;
  right: 0;
  font-size: 27px;
  color: #999;
  bottom: -10px;
  cursor: pointer;
}

.hidePassword {
  height: 50px;
  width: 50px;
  padding: 10px;
  position: absolute;
  font-size: 27px;
  color: #999;
  right: 0;
  opacity: 0;
  visibility: hidden;
  bottom: -10px;
  cursor: pointer;
}

.headerMenu {
  width: 100%;
  box-shadow: 0 0 10px 0 rgba(22, 45, 61, 0.66);
}

.headerMenu .header-holder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  width: 100%;
}

.headerMenu .header-holder #menu {
  color: #000;
  display: flex;
  align-items: center;
}

.headerMenu .header-holder #menu .item-holder {
  padding: 5px 10px;
  margin-right: 10px;
}

.headerMenu .header-holder #menu .item-holder .item {
  font-size: 20px;
  text-transform: uppercase;
  cursor: pointer;
}

.headerMenu .header-holder #menu .item-holder .item.active {
  font-weight: bold;
  color: #e37159;
}

.headerMenu .header-holder #menu .item-holder.topic {
  background-color: #ddd;
  border-radius: 20px;
  padding: 5px 20px;
}

.headerMenu .header-holder #menu .item-holder.signin {
  background-color: #e37159;
  border-radius: 20px;
  color: #fff;
  padding: 5px 20px;
}

.headerMenu .header-holder .logo {
  width: 200px;
  height: 80px;
  border-radius: 10px;
  border: 1px solid #eee;
}

.footer {
  background-color: #ebebec;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #e37159;
  z-index: 1;
  padding: 20px;
  font-size: 20px;
}

.clbl {
  background-color: #7da7d9;
}

.clbltag {
  background-color: #7da7d9ad;
}

.clbltag {
  background-color: #7da7d98f;
}

.clgr {
  background-color: #7cc576;
}

.clgrtag {
  background-color: #7cc576a6;
}

.clmov {
  background-color: #bc6cbf;
}

.clmovtag {
  background-color: #bd8cbfa1;
}

.clr {
  background-color: #f2506a;
}

.clrtag {
  background: #f2506ab0;
}

.cldb {
  background-color: #1e84ea;
}

.cldbimg {
  background-image: url(../img/menu_logo.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent !important;
}

.cldbtag {
  background-color: #1e84ea87;
}

.more {
  background-color: #f44336;
}

.main-menu .item-holder {
  display: flex;
  text-transform: uppercase;
  padding: 3px 0;
  width: 100%;
}

@media (max-width: 424px) {
  .main-menu .item-holder {
    font-size: 1.1rem;
  }
}

.main-menu .item-holder .item {
  width: calc(100% / 5);
  padding: 10px;
  margin: 0 1px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #fff;
  flex: 1 0;
  cursor: pointer;
}

.main-menu .item-holder .active:after {
  content: '';
  border-top: 5px solid #004c98;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
}

.main-menu .sub-menu2 {
  display: none;
  flex-direction: column;
  text-align: left;
  font-size: 1.5rem;
  cursor: pointer;
  color: #fff;
  position: absolute;
  bottom: 37px;
  width: 100%;
  z-index: 1;
}

@media (max-width: 1024px) {
  .main-menu .sub-menu2 {
    bottom: 42px;
  }
}

@media (max-width: 767px) {
  .main-menu .sub-menu2 {
    bottom: 61px;
  }
}

@media (max-width: 424px) {
  .main-menu .sub-menu2 {
    bottom: 65px;
  }
}

.main-menu .sub-menu2.active {
  display: flex;
}

.main-menu .sub-menu2 .item1 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.main-menu .sub-menu2 .item1.active {
  background-color: rgba(0, 0, 0, 0.2);
}

.main-menu .sub-menu2 .item1:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.main-menu .sub-menu2 .item1 .name {
  padding: 10px;
}

.sub-menu2 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(100% / 4.2);
  grid-gap: 1px;
  font-size: 1.4rem;
  text-transform: capitalize;
  padding: 3px 0 3px 0;
  width: 100%;
  overflow: auto;
}

@media (max-width: 424px) {
  .sub-menu2 {
    font-size: 1.1rem;
  }
}

.sub-menu2 .item {
  padding: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
}

.sub-menu2 .clr {
  background-color: #f2506a;
}

.sub-menu2 .active:after {
  content: '';
  border-bottom: 5px solid #004c98;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
}

.catslider .item .imgholder {
  height: 300px;
  width: 100%;
}

.catslider .item .imgholder .img {
  height: 100%;
  width: 100%;
  background-size: contain !important;
}

.item-holder1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 10px;
  padding: 10px 0;
}

@media (max-width: 767px) {
  .item-holder1 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.item-holder1 .item {
  position: relative;
}

.item-holder1 .item .imgholder {
  height: 250px;
  width: 100%;
  display: block;
}

.item-holder1 .item .imgholder .img {
  height: 100%;
  width: 100%;
}

.item-holder1 .item .cldbtag .img {
  background-size: contain !important;
}

.item-holder1 .item .data {
  padding: 10px 0;
}

.cat-head-title {
  padding-bottom: 2px;
}

.cat-head-title .subdata {
  padding: 10px;
  color: #fff;
  font-size: 1.7rem;
  text-transform: capitalize;
}

#article {
  padding: 40px 0;
}

#article .article .item {
  position: relative;
}

#article .article .item .caption {
  position: absolute;
  top: 15px;
  padding: 10px;
  font-family: dinnext;
  font-size: 2.1rem;
  color: #fff;
  text-transform: capitalize;
  background: rgba(25, 21, 21, 0.8);
}

#article .article .article-name {
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  padding-bottom: 40px;
}

#article .article .subtitle {
  font-size: 1.4rem;
}

#article .article .value {
  padding: 0 10px;
}

#article .article .info-holder .info {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  padding: 5px 0;
}

#article .article .info-holder .info .icon {
  font-size: 2rem;
}

#article .article .info-holder .social-holder .social {
  margin-right: 10px;
  display: flex;
  justify-content: center;
  color: #fff;
  background-color: #2f2e2e;
  border-radius: 50%;
  font-size: 1.5em;
  box-shadow: 0 0 1px 1px #2f2e2e;
  transition: ease 0.3s all;
}

#article .article .info-holder .social-holder .social:hover {
  transform: scale(0.9);
}

#article .article .info-holder .social-holder .social.fb {
  background-color: #4267b2;
  box-shadow: 0 0 1px 1px #4267b2;
}

#article .article .info-holder .social-holder .social.twit {
  background-color: #1da1f2;
  box-shadow: 0 0 1px 1px #1da1f2;
}

#article .article .info-holder .social-holder .social.g {
  background-color: #d93025;
  box-shadow: 0 0 1px 1px #d93025;
}

#article .article .info-holder .infocat {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
}

#article .article .info-holder .infocat .cat {
  padding: 0 10px;
}

#article .article .cat-holder {
  margin-top: 10px;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  text-transform: capitalize;
  background: #0b57b1;
  border-radius: 3px;
  color: #fff;
}

#article .article .cat-holder .icon {
  margin-right: 5px;
}

#article .article .tag-holder {
  display: flex;
  flex-wrap: wrap;
}

#article .article .tag-holder .tag {
  margin-left: 5px;
  margin-bottom: 5px;
}

#article .article .mediaslider .imgholder {
  height: 600px;
  display: block;
}

#article .article .mediaslider .imgholder .img {
  background-size: contain;
}

#article .article .social-holder .item {
  padding: 0 5px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#article .article .tab {
  padding: 10px 0;
}

#article .article .tab .btn-holders {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

#article .article .tab .btn-holders .btn-title {
  padding: 10px 10px;
  font-size: 20px;
  background: #eee;
  cursor: pointer;
}

#article .article .tab .btn-holders .btn-title.active {
  background: #fff;
  border-top: 2px solid #d93025;
}

#article .article .tab .tabDetails div[data] {
  display: none;
}

#article .article .tab .tabDetails div[data].active {
  display: block;
}

#article .related {
  margin-top: 20px;
}

#article .related .sec-title {
  text-transform: capitalize;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  background: #f3f3f3;
  padding: 20px 10px;
}

#article .details-holder .title {
  padding: 20px 0;
  font-size: 20px;
}

#article .details-holder .bottomline {
  height: 3px;
  background: #ed1c24;
  width: 40px;
  margin-bottom: 10px;
}

#article .details-holder .info .itemg {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-bottom: 1px solid #eee;
  padding-top: 10px;
  font-size: 17px;
  color: #76787a;
}

#article .details-holder .info .itemg .lable {
  display: flex;
  align-items: center;
}

#article .details-holder .info .itemg .lable .icon {
  color: #ed1c24;
}

#article .details-holder .info .itemg .lable .label {
  padding: 0 5px;
}

#article .details-holder .item .title {
  padding: 20px 0;
  font-size: 20px;
  font-weight: 600;
  color: #76787b;
}

#article .details-holder .item .desc {
  color: #8b787b;
}

#article .details-holder .desc {
  color: #8b787b;
  padding: 20px 0;
}

#article .details-holder .info .logo {
  display: flex;
  align-items: center;
}

#article .details-holder .info .logo .imgHolder {
  height: 184px;
  width: 184px;
}

#article .details-holder .info .logo .imgHolder .img {
  border-radius: 50%;
  background-size: cover;
  border: 1px solid #848484;
}

#article .details-holder .info .logo .name {
  font-size: 20px;
  padding: 0 10px;
  font-weight: bold;
}

#article .details-holder .info .logo .name:hover {
  color: #ed1c24;
}

#article .tabDetails {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  padding: 0 10px;
}

@media (max-width: 767px) {
  #article .article .img-holder {
    height: 280px;
  }
}

.login {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  height: 100%;
  width: 480px;
  margin: 0 auto;
}

.login .logo {
  width: 150px;
}

.login .title {
  color: #32abb4;
  font-weight: bold;
  margin: 20px 0;
}

.login .subtitle {
  font-size: 16px;
  text-align: center;
}

.login .formm {
  width: 100%;
  margin-top: 20px;
}

.login .formm fieldset {
  width: 100%;
  margin-top: 10px;
  position: relative;
}

.login .formm fieldset legend {
  color: #32abb4;
}

.login .formm fieldset input {
  padding: 5px;
}

.login .formm fieldset:last-child {
  margin-top: 10px;
}

.login .forgot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.login .forgot .link {
  color: #555;
}

.login .image {
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.login .image .input {
  height: 100px;
  width: 100px;
  border: 1px solid #9e9d9d;
  border-radius: 50%;
  margin: 5px 0 0px 0;
  background-size: cover !important;
}

.login .image .input input {
  opacity: 0;
  width: 100%;
  height: 100%;
}

.login .act-btns {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login .act-btns .act-btn {
  padding: 10px 40px;
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  background-color: #32abb4;
  color: #fff;
  border: 0;
}

.login .signup {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #555;
  margin-top: 20px;
  font-size: 16px;
}

.login .signup a {
  color: #ce1a09;
  font-weight: bold;
  margin-left: 5px;
  text-decoration: underline;
}

.login-register {
  background: url(../img/back.png) center no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  padding: 10px;
  height: 100%;
}

.login-register img {
  margin: 0 0 100px 0;
  width: 350px;
}

.login-register .act-btns {
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-register .act-btns .act-btn {
  padding: 10px 80px;
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
}

.login-register .act-btns .act-btn:first-child {
  background-color: #32abb4;
  color: #fff;
}

.login-register .act-btns .act-btn:last-child {
  border: 1px solid #32abb4;
  color: #32abb4;
  margin-top: 20px;
  margin-bottom: 20px;
}

.top-header {
  width: 100%;
  background-color: #333;
}

.top-header.hide {
  display: none;
}

.top-header .item-holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 12px;
}

.top-header .item-holder .items {
  display: flex;
}

.top-header .item-holder .items .item {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
}

.top-header .item-holder .items .item .lable {
  padding: 0 5px;
}

.top-header .item-holder .items .item:hover {
  background: #211e1e;
}

@media (max-width: 1023px) {
  .top-header {
    display: none;
  }
}

.landing {
  height: 100%;
  background-size: cover !important;
  background-color: azure;
}

.landing .container {
  height: 100%;
}

.landing .slider {
  color: #fff;
  height: 100%;
  font-size: 20px;
  margin-bottom: 20px;
}

.landing .slider .item .text {
  text-align: center;
}

.landing .landing-holder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}

.landing .landing-holder .header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 40px 0;
}

.landing .landing-holder .header .t1 {
  font-size: 30px;
  color: #aaa;
}

.landing .landing-holder .header .t2 {
  font-size: 35px;
  color: #214b5a;
}

.landing .landing-holder .holder {
  width: 100%;
}

.landing .landing-holder .holder .languages {
  display: flex;
  align-self: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding: 0px 40px;
}

.landing .landing-holder .holder .languages .language {
  display: flex;
  align-self: center;
  padding: 10px;
  border: 1px solid #32abb4;
  margin-top: 20px;
  border-radius: 50px;
  width: 100%;
}

.landing .landing-holder .holder .languages .language:first-child {
  margin-top: 0;
}

.landing .landing-holder .holder .languages .language .text {
  width: calc(100% - 30px);
  font-size: 20px;
  padding-right: 10px;
}

.landing .landing-holder .holder .languages .language .status {
  width: 30px;
  height: 30px;
  background-color: #eee;
  display: flex;
  align-self: center;
  justify-content: center;
  border-radius: 50%;
}

.landing .landing-holder .holder .languages .language .status .icon {
  font-size: 20px;
  color: #eee;
}

.landing .landing-holder .holder .languages .language.active {
  background-color: #32abb4;
}

.landing .landing-holder .holder .languages .language.active .text {
  color: #fff;
}

.landing .landing-holder .holder .languages .language.active .status .icon {
  color: #32abb4;
  line-height: 1.5;
}

.landing .landing-holder .holder .continue-text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 40px;
  width: 100%;
}

.landing .landing-holder .holder .continue-text .text {
  text-align: center;
  font-size: 18px;
}

.landing .landing-holder .holder .continue-text .continue {
  background-color: #e37159;
  color: #fff;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin-top: 10px;
  font-size: 20px;
}

.course {
  height: 100%;
  background-size: cover !important;
}

.course .container {
  height: 100%;
}

.course .course-holder {
  padding: 0 15px;
  padding-bottom: 15px;
}

.course .course-holder .slider {
  color: #000;
  height: 500px;
  width: 720px;
  margin: 20px 0;
  direction: ltr;
  margin: 0 auto;
  margin-top: 50px;
}

.course .course-holder .slider .item {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  background-size: cover !important;
  height: 100%;
  width: 100%;
  position: relative;
  color: #fff;
  border-radius: 10px;
}

.course .course-holder .slider .item .ovrlay {
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  border-radius: 10px;
}

.course .course-holder .slider .item .rep {
  background-color: tomato;
  border-radius: 5px;
  padding: 5px;
  font-weight: bold;
  width: fit-content;
  margin-left: 10px;
  z-index: 2;
  font-size: 13px;
  text-transform: uppercase;
}

.course .course-holder .slider .item .text {
  width: fit-content;
  font-size: 20px;
  padding: 10px;
  z-index: 2;
}

.course .course-holder .title {
  font-weight: bold;
  margin-top: 20px;
  font-size: 35px;
  text-align: center;
  color: #e37159;
}

.course .course-holder .date {
  font-size: 30px;
  text-align: center;
  color: #999;
}

.course .course-holder .line {
  width: 100px;
  height: 5px;
  margin: 0 auto;
  background-color: #999;
  margin-top: 15px;
}

.course .course-holder .desc {
  font-size: 25px;
  padding: 20px 150px;
  text-align: center;
}

.course .course-holder .parts-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0;
}

.course .course-holder .parts-list .part {
  height: 200px;
  width: calc((100% / 3) - 20px);
  background-size: cover !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  position: relative;
  font-size: 22px;
}

.course .course-holder .parts-list .part .ovrlay {
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  border-radius: 10px;
}

.course .course-holder .parts-list .part .part-title {
  padding: 10px;
  border: 1px solid #fff;
  color: #fff;
  z-index: 1;
  border-radius: 5px;
}

.pages {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  color: #fff;
  font-size: 14px;
}

.pages .pg {
  padding: 0 10px;
  line-height: 10px;
  color: #ddd;
}

.pages .pg.active {
  color: #fff;
  text-decoration: underline;
}

.pages .pg:first-child {
  border-right: 1px solid #fff;
}

.pages2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  background-color: #e37159;
  padding: 20px 0;
}

.pages2 .pg {
  padding: 0px 100px;
  padding-bottom: 10px;
  font-size: 30px;
  color: #e2e2e2;
  text-align: center;
}

.pages2 .pg.active {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.scientific {
  height: 100%;
  background-size: cover !important;
}

.scientific .container {
  height: 100%;
}

.scientific .scientific-holder {
  padding-bottom: 15px;
}

.scientific .scientific-holder .slider {
  color: #000;
  height: 180px;
  width: 100%;
  margin: 20px 0;
  direction: ltr;
}

.scientific .scientific-holder .slider .item {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  background-size: cover !important;
  height: 100%;
  width: 100%;
  position: relative;
  color: #fff;
  border-radius: 10px;
}

.scientific .scientific-holder .slider .item .ovrlay {
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  border-radius: 10px;
}

.scientific .scientific-holder .slider .item .rep {
  background-color: tomato;
  border-radius: 5px;
  padding: 5px;
  font-weight: bold;
  width: fit-content;
  margin-left: 10px;
  z-index: 2;
  font-size: 13px;
  text-transform: uppercase;
}

.scientific .scientific-holder .slider .item .text {
  width: fit-content;
  font-size: 20px;
  padding: 10px;
  z-index: 2;
}

.scientific .scientific-holder .title {
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
  font-size: 18px;
}

.scientific .scientific-holder .days {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  padding: 0 15px;
}

.scientific .scientific-holder .days .day {
  color: #aaa;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-right: 10px;
  cursor: pointer;
}

.scientific .scientific-holder .days .day:last-child {
  margin-right: 0;
}

.scientific .scientific-holder .days .day .num {
  margin-top: 10px;
  padding: 5px 10px;
}

.scientific .scientific-holder .days .day.active .text {
  color: #e37159;
}

.scientific .scientific-holder .days .day.active .num {
  background-color: #e37159;
  color: #fff;
  border-radius: 5px;
}

.scientific .scientific-holder .sessions-secttion {
  margin-top: 10px;
  padding: 10px 0;
  border-top: 1px solid #ddd;
}

.scientific .scientific-holder .sessions-secttion .sessions-head {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.scientific .scientific-holder .sessions-secttion .sessions-head .head-item {
  border-bottom: 2px solid;
  padding: 5px 20px;
  cursor: pointer;
}

.scientific .scientific-holder .sessions-secttion .sessions-head .head-item.active {
  border-bottom: 2px solid #e37159;
  color: #e37159;
}

.scientific .scientific-holder .sessions-secttion .sessions-body {
  padding: 0 15px;
}

.scientific .scientific-holder .sessions-secttion .sessions-body .schedules-list {
  margin-top: 20px;
}

.scientific .scientific-holder .sessions-secttion .sessions-body .schedules-list .schedule-item {
  display: flex;
  padding: 10px 0;
  border-top: 1px solid #ddd;
  margin-top: 10px;
}

.scientific .scientific-holder .sessions-secttion .sessions-body .schedules-list .schedule-item .time {
  width: 150px;
  text-align: center;
}

.scientific .scientific-holder .sessions-secttion .sessions-body .schedules-list .schedule-item .time-schedules {
  margin-left: 10px;
  width: 100%;
}

.scientific .scientific-holder .sessions-secttion .sessions-body .schedules-list .schedule-item .time-schedules .time-schedule {
  color: #fff;
  margin-top: 15px;
  position: relative;
  background-color: red;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
}

.scientific .scientific-holder .sessions-secttion .sessions-body .schedules-list .schedule-item .time-schedules .time-schedule.clr1 {
  background-color: #6dc6a7;
}

.scientific .scientific-holder .sessions-secttion .sessions-body .schedules-list .schedule-item .time-schedules .time-schedule.clr2 {
  background-color: #ee315a;
}

.scientific .scientific-holder .sessions-secttion .sessions-body .schedules-list .schedule-item .time-schedules .time-schedule.clr3 {
  background-color: #595ea9;
}

.scientific .scientific-holder .sessions-secttion .sessions-body .schedules-list .schedule-item .time-schedules .time-schedule.clr4 {
  background-color: #f68a2a;
}

.scientific .scientific-holder .sessions-secttion .sessions-body .schedules-list .schedule-item .time-schedules .time-schedule.clr5 {
  background-color: #5ec7f2;
}

.scientific .scientific-holder .sessions-secttion .sessions-body .schedules-list .schedule-item .time-schedules .time-schedule.clr6 {
  background-color: #f47951;
}

.scientific .scientific-holder .sessions-secttion .sessions-body .schedules-list .schedule-item .time-schedules .time-schedule:first-child {
  margin-top: 0;
}

.scientific .scientific-holder .sessions-secttion .sessions-body .schedules-list .schedule-item .time-schedules .time-schedule .sch-title {
  font-weight: bold;
}

.scientific .scientific-holder .sessions-secttion .sessions-body .schedules-list .schedule-item .time-schedules .time-schedule .mark-icon {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.scientific .scientific-holder .sessions-secttion .sessions-body .schedules-list .schedule-item:first-child {
  padding: 0;
  border: 0;
  margin-top: 0;
}

.faculties {
  background-size: cover !important;
  background-color: #f9fafc !important;
}

.faculties .container {
  height: 100%;
}

.faculties .faculties-holder {
  margin-top: 20px;
  padding: 15px 0;
  padding-bottom: 40px;
}

.faculties .faculties-holder .courses-header {
  padding: 0 15px;
}

.faculties .faculties-holder .courses-header input,
.faculties .faculties-holder .courses-header select {
  padding: 5px;
  background-color: #fff;
  width: 100%;
  border-radius: 10px;
}

.faculties .faculties-holder .courses-header select {
  margin-top: 15px;
}

.faculties .faculties-holder .faculties-list {
  color: #000;
  width: 100%;
  margin: 10px 0;
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 100px;
}

.faculties .faculties-holder .faculties-list .item {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 10px;
  width: calc((100% / 4) - 60px);
  margin-right: 30px;
  margin-top: 30px;
}

.faculties .faculties-holder .faculties-list .item:nth-child(4) {
  margin-right: 0;
}

.faculties .faculties-holder .faculties-list .item .im-holder {
  height: 250px;
  width: 100%;
  background-size: cover !important;
  border-radius: 5px;
}

.faculties .faculties-holder .faculties-list .item .info {
  margin-top: 5px;
}

.faculties .faculties-holder .faculties-list .item .info .cat {
  color: #aaa;
}

.faculties .faculties-holder .faculties-list .item .info .name {
  font-weight: bold;
}

.faculties .faculties-holder .faculties-list .item .info a {
  text-decoration: underline;
  font-weight: bold;
  color: #e37159;
}

.sessions {
  height: 100%;
  background-size: cover !important;
  background-color: #f9fafc !important;
}

.sessions .container {
  height: 100%;
}

.sessions .sessions-holder {
  margin-top: 20px;
  padding-bottom: 40px;
}

.sessions .sessions-holder .sessions-header {
  padding: 20px 40px;
  display: flex;
  position: relative;
}

.sessions .sessions-holder .sessions-header input,
.sessions .sessions-holder .sessions-header select {
  padding: 10px;
  background-color: #fff;
  width: 400px;
  border-radius: 10px;
}

.sessions .sessions-holder .sessions-header select {
  margin-left: 15px;
}

.sessions .sessions-holder .sessions-header .MultiCheckBox {
  margin-left: 15px;
  width: 400px !important;
}

.sessions .sessions-holder .sessions-header .MultiCheckBoxDetail {
  bottom: 0;
  bottom: -100px;
  left: 450px;
  width: 400px !important;
}

.sessions .sessions-holder .sessions-header .MultiCheckBoxDetail input {
  width: fit-content;
}

.sessions .sessions-holder .sessions-header button {
  background-color: #a8a9ad;
  color: #fff;
  border: 0;
  margin-left: 15px;
  border-radius: 10px;
  padding: 0px 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
}

.sessions .sessions-holder .sessions-body {
  background-color: #fff;
  padding: 0 40px;
  border-top: 1px solid #ddd;
}

.sessions .sessions-holder .sessions-body .sessions-list {
  color: #000;
  height: 100%;
  width: 100%;
  margin: 10px 0;
  padding: 20px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.sessions .sessions-holder .sessions-body .sessions-list .item {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  background-size: cover !important;
  height: 250px;
  position: relative;
  color: #fff;
  border-radius: 10px;
  width: calc((100% / 3) - 20px);
  margin-right: 30px;
  margin-top: 30px;
}

.sessions .sessions-holder .sessions-body .sessions-list .item:nth-child(3) {
  margin-right: 0;
}

.sessions .sessions-holder .sessions-body .sessions-list .item .ovrlay {
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  border-radius: 10px;
}

.sessions .sessions-holder .sessions-body .sessions-list .item .rep {
  background-color: tomato;
  border-radius: 5px;
  padding: 5px;
  font-weight: bold;
  width: fit-content;
  margin-left: 10px;
  z-index: 2;
  text-transform: uppercase;
}

.sessions .sessions-holder .sessions-body .sessions-list .item .text {
  width: fit-content;
  padding: 10px;
  z-index: 2;
}

.session {
  height: 100%;
  background-color: #f9fafc !important;
  width: 100%;
  height: 100%;
  flex-direction: column;
  background-color: #214b5a;
  padding: 10px 0;
  overflow: auto;
  padding-bottom: 50px;
}

.session .container {
  height: 100%;
}

.session .session-holder {
  margin-top: 20px;
  padding: 15px 0;
}

.session .session-holder .session-header {
  padding: 0 20px 20px 20px;
  border-bottom: 1px solid #aaa;
}

.session .session-holder .session-header .date-saved {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.session .session-holder .session-header .date-saved .date-time {
  color: #aaa;
}

.session .session-holder .session-header .date-saved .saved {
  display: flex;
  align-items: center;
  color: #fff;
  background-color: red;
  border-radius: 5px;
  padding: 5px 10px;
}

.session .session-holder .session-header .date-saved .saved.active {
  opacity: 0.8;
}

.session .session-holder .session-header .date-saved .saved .icon {
  margin-left: 10px;
}

.session .session-holder .session-header .doctor {
  color: #e37159;
  font-style: italic;
}

.session .session-holder .session-body {
  padding: 20px 0 0 0;
}

.session .session-holder .session-body .name-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}

.session .session-holder .session-body .name-actions .session-name {
  display: flex;
  align-items: center;
  color: #fff;
  background-color: #e37159;
  border-radius: 5px;
  padding: 5px 10px;
}

.session .session-holder .session-body .name-actions .actions-holder {
  display: flex;
  align-items: center;
}

.session .session-holder .session-body .name-actions .actions-holder .action {
  padding: 10px;
  border-radius: 50%;
  opacity: 0.5;
}

.session .session-holder .session-body .name-actions .actions-holder .action.save {
  margin-right: 10px;
  background-color: #e37159;
  color: #fff;
}

.session .session-holder .session-body .name-actions .actions-holder .action.save.active {
  opacity: 1;
}

.session .session-holder .session-body .name-actions .actions-holder .action.share {
  background-color: #ddd;
  color: #aaa;
}

.session .session-holder .session-body .title {
  padding: 0 20px;
  font-weight: bold;
  margin: 20px 0;
  font-size: 22px;
  color: #e37159;
}

.session .session-holder .session-body .room-btns {
  padding: 0 20px;
  display: flex;
  align-items: center;
}

.session .session-holder .session-body .room-btns .room-btn {
  width: 25%;
  border-radius: 5px;
  font-style: italic;
  background-color: #eee;
  color: #aaa;
  padding: 10px;
  text-align: center;
}

.session .session-holder .session-body .room-btns .room-btn.active {
  background-color: #fff;
  border: 1px solid #e37159;
  color: #e37159;
  margin-right: 20px;
}

.session .session-holder .session-body .rating-note-section {
  display: flex;
  align-items: center;
  width: 100%;
  height: 150px;
  padding-left: 20px;
}

.session .session-holder .session-body .rating-note-section .rating-section {
  background-color: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 15px;
  width: 50%;
  margin: 20px 0;
}

.session .session-holder .session-body .rating-note-section .rating-section .rating-title {
  color: #e37159;
  font-weight: bold;
  font-style: italic;
}

.session .session-holder .session-body .rating-note-section .rating-section .stars {
  margin-top: 10px;
  font-size: 25px;
}

.session .session-holder .session-body .rating-note-section .note-section {
  padding: 20px;
  width: 50%;
  flex-grow: 1;
  height: 100%;
}

.session .session-holder .session-body .rating-note-section .note-section .note {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid #aaa;
  padding: 10px;
  height: 100%;
}

.session .session-holder .session-body .rating-note-section .note-section .note .icon {
  font-size: 30px;
}

.session .session-holder .session-body .rating-note-section .note-section .note .text {
  margin-left: 10px;
  font-size: 25px;
}

.session-details {
  height: 100%;
  background-size: cover !important;
  background-color: #f9fafc !important;
}

.session-details .container {
  height: 100%;
}

.session-details .session-holder {
  margin-top: 20px;
  padding: 15px 0;
}

.session-details .session-holder .session-details-body .im-holder {
  padding: 0 20px;
  position: relative;
}

.session-details .session-holder .session-details-body .im-holder .im {
  background-size: cover !important;
  height: 600px;
  width: 100%;
  border-radius: 20px;
}

.session-details .session-holder .session-details-body .actions-holder {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 10px;
  right: 30px;
}

.session-details .session-holder .session-details-body .actions-holder .action {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.7;
}

.session-details .session-holder .session-details-body .actions-holder .action.save {
  margin-right: 10px;
  background-color: #e37159;
  color: #fff;
}

.session-details .session-holder .session-details-body .actions-holder .action.save.active {
  opacity: 1;
}

.session-details .session-holder .session-details-body .actions-holder .action.bookmark {
  margin-right: 10px;
}

.session-details .session-holder .session-details-body .actions-holder .action.bookmark.active {
  opacity: 1;
  background-color: #e37159;
}

.session-details .session-holder .session-details-body .actions-holder .action.share, .session-details .session-holder .session-details-body .actions-holder .action.bookmark {
  background-color: #ddd;
  color: #aaa;
}

.session-details .session-holder .session-details-body .actions-holder.bottom {
  position: unset;
  justify-content: flex-end;
}

.session-details .session-holder .session-details-body .info {
  padding: 20px;
  font-size: 25px;
  color: #999;
}

.session-details .session-holder .session-details-body .session-name {
  display: flex;
  align-items: center;
  color: #fff;
  background-color: #e37159;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 0 20px;
  width: fit-content;
}

.session-details .session-holder .session-details-body .title {
  padding: 0 20px;
  font-weight: bold;
  margin: 20px 0;
  font-size: 30px;
  color: #e37159;
}

.session-details .session-holder .session-details-body .stars {
  padding: 0 20px;
  font-size: 25px;
}

.session-details .session-holder .session-details-body .note-section {
  background-color: #f3f3f3;
  padding: 15px;
  margin: 20px 0;
}

.session-details .session-holder .session-details-body .desc {
  padding: 0 20px;
}

.inner-top {
  padding: 20px 40px;
  background-color: #e37159;
  font-size: 25px;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.inner-top .icon {
  margin-left: 5px;
}

.topics {
  height: 100%;
  background-size: cover !important;
  background-color: #f9fafc !important;
}

.topics .container {
  height: 100%;
}

.topics .topics-holder {
  margin-top: 20px;
  padding: 15px 0;
  padding-bottom: 40px;
}

.topics .topics-holder .topics-list {
  width: 600px;
  margin: 0 auto;
}

.topics .topics-holder .topics-list .topic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}

.topics .topics-holder .topics-list .topic .text {
  font-weight: bold;
}

.topics .topics-holder .topics-list .topic .icon {
  color: #fff;
  border-radius: 50%;
  font-size: 18px;
  padding: 5px;
  cursor: pointer;
}

.topics .topics-holder .topics-list .topic .icon.addTopic {
  background-color: #32abb4;
}

.topics .topics-holder .topics-list .topic .icon.removeTopic {
  background-color: tomato;
}

.notes {
  padding: 0 10px;
}

.notes .session-title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
}

.notes .note {
  padding: 5px;
  margin-top: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.notes .note .date {
  color: #aaa;
  font-size: 14px;
}

.notes .note .text {
  margin-top: 10px;
}

.instructions {
  background-size: cover !important;
  background-color: azure;
}

.instructions .container {
  height: 100%;
}

.instructions .instructions-holder {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  height: 100%;
}

.instructions .instructions-holder .header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
}

.instructions .instructions-holder .header .t1 {
  font-size: 30px;
  color: #aaa;
}

.instructions .instructions-holder .header .t2 {
  font-size: 35px;
  color: #214b5a;
}

.instructions .instructions-holder .holder {
  width: 100%;
}

.instructions .instructions-holder .holder .t1 {
  font-size: 35px;
  color: #32abb4;
  font-weight: bold;
  text-align: center;
}

.instructions .instructions-holder .holder .instructions-list {
  margin-top: 20px;
  overflow: auto;
  margin-bottom: 20px;
}

.instructions .instructions-holder .holder .instructions-list .instruction {
  margin-top: 15px;
  display: flex;
  align-items: center;
}

.instructions .instructions-holder .holder .instructions-list .instruction:first-child {
  margin-top: 0;
}

.instructions .instructions-holder .holder .instructions-list .instruction .num {
  width: 40px;
  height: 40px;
  background-color: #32abb4;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.instructions .instructions-holder .holder .instructions-list .instruction .text {
  margin-right: 15px;
  width: fit-content;
}

.instructions .instructions-holder .holder .instructions-list .logos {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.instructions .instructions-holder .holder .instructions-list .logos .logo-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.instructions .instructions-holder .holder .instructions-list .logos .logo-holder img {
  height: 100px;
}

.instructions .instructions-holder .holder .continue {
  background-color: #e37159;
  color: #fff;
  border-radius: 5px;
  width: 80%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin-top: 10px;
  font-size: 20px;
  margin: 0 auto;
  margin-bottom: 40px;
}

#products .main-holder {
  display: flex;
  padding: 5px 0;
}

#products .main-holder .left-parent {
  display: none;
  width: 100%;
  padding-top: 20px;
}

#products .main-holder .left-parent .title-click {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px;
  background-color: #ffffff;
  font-size: 1.7em;
  color: #1d1d1d;
  margin-bottom: 10px;
  border: 1px solid #222;
}

#products .main-holder .left-parent .icon {
  color: #344981;
}

#products .main-holder .left,
#products .main-holder .left-mobile {
  flex-grow: 1;
  border: 1px solid #eee;
  padding: 10px;
  margin-right: 10px;
}

#products .main-holder .left .categories .title,
#products .main-holder .left-mobile .categories .title {
  font-size: 16px;
  font-weight: bold;
}

#products .main-holder .left .categories .categories-list,
#products .main-holder .left-mobile .categories .categories-list {
  font-size: 15px;
}

#products .main-holder .left .categories .categories-list .item,
#products .main-holder .left-mobile .categories .categories-list .item {
  display: block;
}

#products .main-holder .left .categories .prices-list select,
#products .main-holder .left-mobile .categories .prices-list select {
  border: 1px solid #ddd;
  font-size: 1.3rem;
}

#products .main-holder .left .left-part,
#products .main-holder .left-mobile .left-part {
  margin-top: 20px;
}

#products .main-holder .left .left-part:first-child,
#products .main-holder .left-mobile .left-part:first-child {
  margin-top: 0px;
}

#products .main-holder .left-mobile {
  display: none;
}

#products .main-holder .right {
  width: calc(100% - 250px);
}

#products .main-holder .right .right-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border: 1px solid #32abb4;
  padding: 10px;
  font-size: 1.3rem;
}

#products .main-holder .right .right-header .sort-part {
  display: flex;
  align-items: center;
}

#products .main-holder .right .right-header .sort-part .label {
  padding-right: 10px;
  text-transform: uppercase;
}

#products .main-holder .right .right-header .sort-part select {
  border: 1px solid #eee;
}

#products .main-holder .right .right-header .search {
  display: flex;
  margin-right: 10px;
  position: relative;
  align-items: center;
  font-size: 1.1rem;
  border: 1px solid #9e9d9d;
  border-radius: 5px;
}

#products .main-holder .right .right-header .search .input {
  border: none;
  margin: 0;
  width: 165px;
}

#products .main-holder .right .right-header .search .icon {
  padding-right: 5px;
}

#products .main-holder .right .right-header .search .suggestedItems2 {
  position: absolute;
  top: 100%;
  right: 0;
  width: 400px;
  z-index: 5;
  background-color: #fff;
  display: none;
}

#products .main-holder .right .right-header .search .suggestedItems2.active {
  display: block;
}

#products .main-holder .right .right-header .search .suggestedItems2 .close-holder {
  display: flex;
  justify-content: flex-end;
  background: #eee;
  position: absolute;
  right: 0;
}

#products .main-holder .right .right-header .search .suggestedItems2 .close-holder .close {
  font-weight: bold;
  background: red;
  border-radius: 3px;
  color: #fff;
  font-size: 25px;
  padding: 0 12px;
  cursor: pointer;
}

#products .main-holder .right .right-header .search .suggestedItems2 .serchholder {
  max-height: 400px;
  overflow: auto;
}

#products .main-holder .right .right-header .search .suggestedItems2 .serchholder .suggestedItem {
  display: flex;
  align-items: flex-start;
  padding: 5px;
  border: 1px solid #aaa;
}

#products .main-holder .right .right-header .search .suggestedItems2 .serchholder .suggestedItem .item-img {
  width: 100px;
  height: 80px;
}

#products .main-holder .right .right-header .search .suggestedItems2 .serchholder .suggestedItem .details {
  width: calc(100% - 100px);
  padding-left: 10px;
}

#products .main-holder .right .right-header .search .suggestedItems2 .serchholder .suggestedItem .details .pname {
  font-size: 1.5em;
}

@media (max-width: 1200px) {
  #products .main-holder .right .right-header .search {
    display: none !important;
  }
}

#products .main-holder .right .normalGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px;
  padding-bottom: 30px;
}

@media (max-width: 1023px) {
  #products .main-holder .right .normalGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

#products .main-holder .right .normalGrid .item {
  border: 1px solid #f1f1f1;
  position: relative;
}

#products .main-holder .right .normalGrid .item .cat-holder {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  color: #827f7f;
  padding: 0;
}

#products .main-holder .right .normalGrid .item .cat-holder .cat-title {
  padding: 5px 0;
  text-transform: capitalize;
}

#products .main-holder .right .normalGrid .item .price-hloder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.7rem;
}

#products .main-holder .right .normalGrid .item .price-hloder .price {
  color: #e37159;
  padding: 10px 0;
}

#products .main-holder .right .normalGrid .item .price-hloder .points {
  color: #255f9b;
  text-transform: capitalize;
}

#products .main-holder .right .normalGrid .plusbox .lable {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  padding: 5px 15px;
  background: #3856a5;
  font-size: 1em;
  cursor: pointer;
  user-select: none;
  font-weight: bold;
}

@media (max-width: 424px) {
  #products .main-holder .right .normalGrid .plusbox .lable {
    padding: 10px 15px 5px 15px !important;
  }
}

#products .main-holder .right .normalGrid .imgholder {
  height: 160px;
  display: block;
  cursor: pointer;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media (max-width: 424px) {
  #products .main-holder .right .normalGrid .imgholder {
    height: 215px;
  }
}

#products .main-holder .right .normalGrid .info-holder {
  padding: 5px;
  display: block;
}

#products .main-holder .right .normalGrid .title-holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: start;
}

#products .main-holder .right .normalGrid .title-holder .title {
  font-size: 1.4rem;
  text-transform: capitalize;
}

#products .main-holder .right .normalGrid .title-holder .icon {
  font-size: 2rem;
}

#products .main-holder .right .pagination {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#products .main-holder .right .pagination #productsPagination {
  width: 80px;
  font-size: 1.3rem;
  border: 1px solid #ddd;
}

#products .main-holder .opensub {
  padding: 10px;
  cursor: pointer;
}

#products .header-page {
  padding: 20px 0;
}

#products .header-page .main {
  display: flex;
  border: 1px solid #e2e2e2;
  position: relative;
  padding: 10px 5px;
}

@media (max-width: 767px) {
  #products .header-page .main {
    flex-wrap: wrap;
  }
}

#products .header-page .main .imgholder {
  width: 300px;
  height: 200px;
}

@media (max-width: 767px) {
  #products .header-page .main .imgholder {
    width: 100%;
  }
}

#products .header-page .main .imgholder .img {
  background-size: cover;
}

#products .header-page .main .info-holder {
  padding: 0 20px;
  flex-grow: 1;
}

#products .header-page .main .info-holder .title {
  font-size: 2.5rem;
  font-weight: bold;
  text-transform: capitalize;
}

#products .header-page .main .info-holder .grid-item {
  padding-top: 15px;
  gap: 10px;
  display: grid;
  grid-template-columns: repeat(2, auto);
}

@media (max-width: 767px) {
  #products .header-page .main .info-holder .grid-item {
    grid-template-columns: 100%;
  }
}

#products .header-page .main .info-holder .grid-item .item {
  display: flex;
  align-items: center;
}

#products .header-page .main .info-holder .grid-item .item .name {
  font-size: 1.5rem;
  padding: 0 5px;
  text-transform: capitalize;
  max-width: 300px;
}

#products .header-page .main .info-holder .grid-item .item .icon {
  font-size: 2rem;
}

#products .header-page .main .folatpen {
  position: absolute;
  right: 0;
  background: #2a407b;
  padding: 11px;
  border-radius: 15px 0 15px 5px;
  color: #fff;
  font-size: 25px;
}

#products .showall-holder {
  font-size: 17px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #253da7;
  color: #fff;
  text-transform: capitalize;
  margin-top: 10px;
  cursor: pointer;
}

#products .showall-holder.active {
  background-color: #32abb4;
  color: #fff;
}

#products .showall-holder .icon {
  color: #fff;
  padding: 5px;
}

#products .li-holder {
  margin-bottom: 5px;
}

#products .li-holder .li-item {
  margin-bottom: 0 !important;
  padding: 3px 5px;
  font-size: 18px;
  text-transform: capitalize;
}

#products .li-holder .li-item.active {
  background-color: #e37159;
  color: #fff;
}

#products .li-holder .subbusiness {
  display: none;
}

#products .li-holder .subbusiness .subBusinesstype {
  display: flex;
  align-items: center;
  padding: 3px 15px;
}

#products .li-holder .subbusiness .subBusinesstype:hover {
  color: #000;
}

#products .li-holder .subbusiness .subBusinesstype.active {
  background-color: #32abb4;
  color: #fff;
}

#products .li-holder .subbusiness .subBusinesstype .name {
  padding: 0 5px;
  text-transform: capitalize;
}

#products .li-holder .subbusiness.active {
  display: block;
}

@media (max-width: 600px) {
  #products .main-holder {
    flex-direction: column;
  }
  #products .main-holder .left {
    display: none;
    width: 100% !important;
  }
  #products .main-holder .left-parent {
    display: block !important;
  }
  #products .main-holder .right {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .right .normalGrid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 424px) {
  .right .normalGrid {
    grid-template-columns: 100% !important;
  }
}

.contact {
  height: 100%;
}

.contact .body {
  padding: 40px 20px;
}

.contact .body .desc {
  font-size: 12px;
}

.contact .body .title {
  font-weight: bold;
  text-transform: capitalize;
  font-size: 18px;
}

.contact .body .contact-info {
  margin-top: 30px;
}

.contact .body .contact-info .datas-list {
  padding: 20px 0;
}

.contact .body .contact-info .datas-list .data {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.contact .body .contact-info .datas-list .data .icon {
  margin-right: 10px;
  font-size: 14px;
  background-color: #214b5a;
  padding: 4px;
  color: #fff;
  border-radius: 50%;
}

.contact .body .contact-info .datas-list .data .icon.phone {
  transform: rotate(115deg);
}

.contact .body .follow {
  margin-top: 30px;
}

.contact .body .follow .social-media {
  display: flex;
  align-items: center;
  padding: 20px 0;
  font-size: 16px;
}

.contact .body .follow .social-media .item {
  background-color: #32abb4;
  color: #fff;
  margin: 0 5px 0 5px;
  width: 30px;
  border-radius: 50%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: center;
}

.contact .body .follow .social-media .insta {
  background: linear-gradient(#a614d6f5, #c12448, rgba(255, 118, 0, 0.96));
}

.contact .body .follow .social-media .facebook {
  background: #4267b2;
}

.contact .body .follow .social-media .twitter {
  background: #2aa9dd;
}

.contact .body .follow .social-media .youtube {
  background: #e52d27;
}

.basketorder {
  flex-grow: 1;
  padding: 20px 0;
}

.basketorder .item-holder,
.basketorder .item-holder1 {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 20px;
  font-size: 1.1em;
}

@media (max-width: 1023px) {
  .basketorder .item-holder,
  .basketorder .item-holder1 {
    grid-template-columns: 100%;
  }
}

.basketorder .item-holder .main,
.basketorder .item-holder1 .main {
  display: grid;
  grid-template-columns: 100%;
  gap: 10px;
  align-content: start;
}

.basketorder .item-holder .main .item,
.basketorder .item-holder1 .main .item {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  align-items: center;
}

@media (max-width: 1023px) {
  .basketorder .item-holder .main .item,
  .basketorder .item-holder1 .main .item {
    display: unset;
  }
}

.basketorder .item-holder .main .item .holder-item,
.basketorder .item-holder1 .main .item .holder-item {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 10px;
}

@media (max-width: 1023px) {
  .basketorder .item-holder .main .item .holder-item,
  .basketorder .item-holder1 .main .item .holder-item {
    grid-template-columns: 100%;
  }
}

.basketorder .item-holder .main .item .holder-item .imgholder,
.basketorder .item-holder1 .main .item .holder-item .imgholder {
  height: 120px;
  display: block;
}

@media (max-width: 1023px) {
  .basketorder .item-holder .main .item .holder-item .imgholder,
  .basketorder .item-holder1 .main .item .holder-item .imgholder {
    height: 250px;
  }
}

@media (max-width: 767px) {
  .basketorder .item-holder .main .item .holder-item .imgholder,
  .basketorder .item-holder1 .main .item .holder-item .imgholder {
    height: 180px;
  }
}

.basketorder .item-holder .main .item .holder-item .info-holder,
.basketorder .item-holder1 .main .item .holder-item .info-holder {
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.basketorder .item-holder .main .item .holder-item .info-holder .numofitem,
.basketorder .item-holder1 .main .item .holder-item .info-holder .numofitem {
  font-size: 1.7rem;
  padding: 7px 0;
  display: flex;
}

.basketorder .item-holder .main .item .holder-item .info-holder .numofitem .value,
.basketorder .item-holder1 .main .item .holder-item .info-holder .numofitem .value {
  padding: 0 5px;
}

.basketorder .item-holder .main .item .holder-item .cat-title,
.basketorder .item-holder1 .main .item .holder-item .cat-title {
  padding: 5px;
  background: #a5a5a5;
  width: fit-content;
  border-radius: 5px;
  color: #fff;
  font-size: 1.3rem;
  text-transform: capitalize;
  display: flex;
  align-items: center;
}

.basketorder .item-holder .main .item .holder-item .flexcolumn,
.basketorder .item-holder1 .main .item .holder-item .flexcolumn {
  flex-grow: 1;
}

.basketorder .item-holder .main .item .counter-holder,
.basketorder .item-holder1 .main .item .counter-holder {
  padding: 0 10px;
  font-size: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.basketorder .item-holder .main .item .counter-holder .totalprice,
.basketorder .item-holder1 .main .item .counter-holder .totalprice {
  color: #2485af;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.basketorder .item-holder .main .item .counter-holder .totalprice .perprice,
.basketorder .item-holder1 .main .item .counter-holder .totalprice .perprice {
  padding: 0 5px;
}

.basketorder .item-holder .main .item .counter-holder .counter,
.basketorder .item-holder1 .main .item .counter-holder .counter {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  align-items: center;
}

.basketorder .item-holder .main .item .counter-holder .counter .icon,
.basketorder .item-holder1 .main .item .counter-holder .counter .icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.basketorder .item-holder .main .item .counter-holder .counter .icon.minus,
.basketorder .item-holder1 .main .item .counter-holder .counter .icon.minus {
  background-color: #d00000;
}

.basketorder .item-holder .main .item .counter-holder .counter .icon.plus,
.basketorder .item-holder1 .main .item .counter-holder .counter .icon.plus {
  background-color: #0288d1;
}

.basketorder .item-holder .main .item .counter-holder .counter .number,
.basketorder .item-holder1 .main .item .counter-holder .counter .number {
  padding: 0 5px;
}

.basketorder .item-holder .main .item .counter-holder .item-holdern,
.basketorder .item-holder1 .main .item .counter-holder .item-holdern {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-grow: 1;
}

@media (max-width: 1023px) {
  .basketorder .item-holder .main .item .counter-holder .item-holdern,
  .basketorder .item-holder1 .main .item .counter-holder .item-holdern {
    display: flex;
    align-items: center;
    justify-content: unset;
    flex-direction: unset;
  }
}

.basketorder .item-holder .main .item .counter-holder .price-holder,
.basketorder .item-holder1 .main .item .counter-holder .price-holder {
  flex-grow: 1;
}

.basketorder .item-holder .right,
.basketorder .item-holder1 .right {
  display: grid;
  grid-template-columns: 100%;
  gap: 10px;
  align-content: start;
}

.basketorder .item-holder .right .items,
.basketorder .item-holder1 .right .items {
  border: 1px solid #d8d8d8;
  padding: 10px;
  font-size: 1.5rem;
  text-transform: capitalize;
  display: flex;
  flex-direction: column;
}

.basketorder .item-holder .right .items .h-title,
.basketorder .item-holder1 .right .items .h-title {
  font-size: 1.7rem;
  font-weight: 600;
  text-transform: capitalize;
}

.basketorder .item-holder .right .items .h-title.small,
.basketorder .item-holder1 .right .items .h-title.small {
  font-size: 1.5rem;
  font-weight: 400;
  padding: 5px 0px;
}

.basketorder .item-holder .right .items .thgrid,
.basketorder .item-holder1 .right .items .thgrid {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-grow: 1;
}

.basketorder .item-holder .right .items .thgrid .flexcolumn,
.basketorder .item-holder1 .right .items .thgrid .flexcolumn {
  flex-grow: 1;
}

.basketorder .item-holder .right .items .thgrid .item,
.basketorder .item-holder1 .right .items .thgrid .item {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}

.basketorder .item-holder .right .items .thgrid .item .value,
.basketorder .item-holder1 .right .items .thgrid .item .value {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 5px;
}

.basketorder .item-holder .right .items .thgrid .item.total,
.basketorder .item-holder1 .right .items .thgrid .item.total {
  border-top: 1px solid #d8d8d8;
  font-weight: 600;
  margin-top: 20px;
}

.basketorder .item-holder .right .items .borderd,
.basketorder .item-holder1 .right .items .borderd {
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 5px;
  color: #969696;
}

.basketorder .item-holder .right .items.grid,
.basketorder .item-holder1 .right .items.grid {
  display: grid;
  grid-template-columns: 100%;
  gap: 10px;
}

.basketorder .item-holder .btn-order,
.basketorder .item-holder1 .btn-order {
  background: #0288d1;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  padding: 5px 0;
  font-size: 1.7rem;
  border: none;
  cursor: pointer;
}

.basketorder .item-holder .btn-order.red,
.basketorder .item-holder1 .btn-order.red {
  background-color: #d00000;
}

.basketorder .item-holder .btn-order.red:hover,
.basketorder .item-holder1 .btn-order.red:hover {
  background-color: #dd0000;
}

.basketorder .item-holder .btn-order:hover,
.basketorder .item-holder1 .btn-order:hover {
  background-color: #0177d1;
}

.basketorder .item-holder {
  display: none;
}

@media (max-width: 424px) {
  .basketorder .item-holder .main .item {
    flex-direction: column;
  }
  .basketorder .item-holder .main .item .holder-item {
    grid-template-columns: 1fr !important;
  }
}

.basketorder .item-holder1 {
  grid-template-columns: 1fr;
}

.basketorder select {
  border: 1px solid #eeeeee;
  border-radius: 5px;
}

.basketorder .btn-review {
  background: #3856a5;
  color: #fff;
  padding: 7px 15px;
  text-align: center;
  text-transform: capitalize;
  border-radius: 5px;
  cursor: pointer;
}

.basketorder .grid-of-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.basketorder .grid-of-2 .btn-order {
  text-transform: capitalize;
  font-size: 20px;
}

.gmaps {
  background: #3856a5;
  color: #fff;
  padding: 7px 0;
  text-align: center;
  border-radius: 8px;
}

.removeitem {
  background: tomato;
  color: #fff;
  font-size: 30px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  justify-content: center;
  position: absolute;
  right: 0;
  cursor: pointer;
  top: 0;
}

.myorder {
  flex-grow: 1;
}

.myorder .order-holder .items {
  padding: 10px;
  align-items: center;
  font-size: 1.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

@media (max-width: 767px) {
  .myorder .order-holder .items {
    grid-template-columns: 100%;
  }
}

.myorder .order-holder .items .info-data {
  grid-template-columns: repeat(auto-fit, minmax(100px, 185px));
  display: grid;
  flex-wrap: wrap;
  text-transform: capitalize;
}

.myorder .order-holder .items .info-data.grid-of-6 {
  grid-template-columns: repeat(auto-fit, minmax(100px, 185px));
}

.myorder .order-holder .items .info-data .item {
  align-self: center;
}

.myorder .order-holder .items .info-data .item .lable {
  font-weight: 600;
  text-transform: capitalize;
  padding-bottom: 5px;
}

.myorder .order-holder .items .order-btn {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 5px;
}

.myorder .order-holder .btn-order {
  background: #008bce;
  display: flex;
  justify-content: center;
  padding: 10px 0;
  border-radius: 5px;
  color: #fff;
  text-transform: capitalize;
}

.myorder .order-holder .btn-order .lable,
.myorder .order-holder .btn-order .value {
  padding: 0 3px;
}

.myorder .order-holder .btn-order .icon {
  color: #eee;
}

.myorder .order-holder .btn-order .icon.yellow {
  color: yellow;
}

.myorder .order-holder.grid {
  display: grid;
  grid-template-columns: 100%;
  gap: 10px;
  align-items: start;
  padding-bottom: 10px;
}

.myorder .order-holder.grid .borderd {
  border: 1px solid #eee;
  border-radius: 5px;
}

#product {
  padding: 40px 0;
}

#product .article-content {
  display: flex;
  justify-content: center;
  border: 1px solid #eee;
  position: relative;
  padding-bottom: 15px;
}

#product .article-content .slider {
  width: 600px;
  height: 500px;
  background-color: #000;
  position: relative;
  cursor: pointer;
}

#product .article-content .slider .mediaslider {
  height: 100%;
  width: 100%;
}

#product .article-content .slider .mediaslider .imgholder {
  width: 100%;
  height: 100%;
}

#product .article-content .slider .counter-holder {
  position: absolute;
  top: 10px;
  width: 100%;
  justify-content: space-between;
  flex-direction: row-reverse;
  font-size: 1.7rem;
  display: none;
  z-index: 1;
}

#product .article-content .slider .counter-holder.active {
  display: flex;
  cursor: pointer;
}

#product .article-content .slider .counter-holder .itembox {
  width: 25px;
  height: 25px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  border-radius: 5px;
  padding: 15px;
}

#product .article-content .slider .counter-holder .itembox.remove-cart {
  background: red;
}

#product .article-content .slider .counter-holder .itembox.increase {
  background: #255f9b;
}

#product .article-content .details-holder {
  width: calc(100% - 400px);
  padding-left: 20px;
}

#product .article-content .details-holder .article-name {
  font-size: 2em;
  font-weight: bold;
  text-transform: capitalize;
}

#product .article-content .details-holder .info-holder {
  font-size: 1.8em;
}

#product .article-content .details-holder .info-holder .price {
  font-weight: bold;
  font-size: 1.6em;
  color: #32abb4;
}

#product .article-content .details-holder .info-holder .inf {
  display: flex;
  align-items: center;
  padding: 10px 0;
}

#product .article-content .details-holder .info-holder .inf.spacebetween {
  justify-content: space-between;
}

#product .article-content .details-holder .info-holder .inf.flex-c-dir {
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: flex-start;
}

#product .article-content .details-holder .info-holder .inf .inf-title {
  font-weight: bold;
}

#product .article-content .details-holder .info-holder .inf .inf-title.green {
  color: #32abb4;
}

#product .article-content .details-holder .info-holder .inf .inf-title.red {
  color: tomato;
}

#product .article-content .details-holder .info-holder .inf .value {
  padding-left: 5px;
}

#product .article-content .details-holder .info-holder .inf .value.ajax:hover {
  color: #32abb4;
}

#product .article-content .details-holder .info-holder .inf .icon {
  margin-right: 5px;
}

#product .article-content .details-holder .info-holder .offer-holder {
  font-size: 17px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #ffc107fc;
  text-transform: capitalize;
  padding: 5px 2px 5px 10px;
  width: fit-content;
}

#product .article-content .details-holder .info-holder .offer-holder .icon {
  color: red;
  padding: 5px;
}

#product .article-content .details-holder .info-holder .offer-holder .offerdesc {
  padding: 5px;
}

#product .article-content .details-holder .info-holder .oldPrice {
  text-decoration: line-through;
  color: #a7a7a7;
  font-size: 20px;
}

#product .article-content .details-holder .action-btns {
  display: flex;
  align-items: center;
  padding: 10px 0;
  user-select: none;
  justify-content: space-between;
}

#product .article-content .details-holder .action-btns .act-btn {
  cursor: pointer;
  padding: 10px 20px;
  background-color: #3856a5;
  text-align: center;
  font-size: 1.3em;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  margin: 0 5px;
  text-transform: capitalize;
}

#product .article-content .details-holder .action-btns .act-btn.blue {
  background-color: #2196f3;
}

#product .article-content .details-holder .action-btns .act-btn.blue.active {
  background-color: #ff0000;
}

#product .article-content .details-holder .action-btns .act-btn.active {
  background-color: #ff0000;
}

#product .article-content .details-holder .action-btns .act-btn.flexing {
  display: flex;
  align-items: center;
  justify-content: center;
}

#product .article-content .details-holder .action-btns .act-btn .name {
  padding: 0 5px;
}

@media (max-width: 767px) {
  #product .article-content .details-holder .action-btns .act-btn {
    margin: 5px;
  }
}

@media (max-width: 767px) {
  #product .article-content .details-holder .action-btns {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  #product .article-content {
    flex-direction: column;
  }
  #product .article-content .slider {
    width: 100% !important;
    height: 300px !important;
  }
  #product .article-content .slider .mediaslider {
    height: 300px !important;
    margin-top: 0 !important;
  }
  #product .article-content .details-holder {
    width: 100% !important;
    padding-left: 0px !important;
    padding-top: 20px !important;
  }
  #product .article-content .details-holder .article-name {
    font-size: 1.5em !important;
  }
  #product .article-content .details-holder .info-holder {
    font-size: 1.3em !important;
  }
  #product .article-content .details-holder .action-btns .act-btn {
    padding: 10px 20px 5px 20px !important;
  }
}

#product .article-details {
  margin-top: 20px;
}

#product .article-details .action-btns {
  display: flex;
  align-items: center;
  user-select: none;
}

#product .article-details .action-btns .act-btn {
  cursor: pointer;
  padding: 10px 40px;
  background-color: #eee;
  text-align: center;
  font-size: 1.3em;
}

#product .article-details .action-btns .act-btn.active {
  background-color: #32abb4;
  color: #fff;
  transition-duration: 0.5s;
}

#product .article-details .action-btns .act-btn.showDelivery {
  margin-left: 10px;
}

#product .article-details .description,
#product .article-details .delivery {
  border: 1px solid #adcd65;
  padding: 10px;
  font-family: 'droidkufi', 'roboto' !important;
  line-height: 25px !important;
  font-size: 1.3rem;
  word-break: break-word;
}

#product .article-details .delivery {
  display: none;
}

#product .related {
  margin-top: 20px;
}

#product .related .sec-title {
  text-transform: capitalize;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  background: #f3f3f3;
  padding: 20px 10px;
}

#product .tabDetails {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  padding: 0 10px;
}

@media (max-width: 767px) {
  #article .article .img-holder {
    height: 280px;
  }
}

.folatpen {
  background: #2a407b;
  padding: 10px;
  height: fit-content;
  color: #fff;
  font-size: 28px;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  z-index: 1;
  top: 0;
}

.notification .holder .notifications-list .notification-item {
  border: 1px solid #eee;
  padding: 5px;
  margin-top: 5px;
  display: block;
}

.notification .holder .notifications-list .notification-item .flex {
  display: flex;
  align-items: center;
}

.notification .holder .notifications-list .notification-item .flex .img-holder {
  width: 80px;
  position: unset;
}

.notification .holder .notifications-list .notification-item .flex .img-holder img {
  width: 100% !important;
}

.notification .holder .notifications-list .notification-item .flex .details {
  width: calc(100% - 50px);
  padding-left: 10px;
}

.notification .holder .notifications-list .notification-item .flex .details .name {
  font-size: 1.5em;
}

.notification .holder .notifications-list .notification-item .flex .details .time {
  font-size: 1.3em;
}

.notification .holder .notifications-list .notification-item .spec {
  padding: 10px 0px;
}

.notification .holder .notifications-list .notification-item:first-child {
  margin-top: 0;
}

#media {
  width: 100%;
  height: 100%;
}

#media .item-holder {
  height: 100%;
  width: 100%;
}

#media .item-holder .img-holder {
  width: 100%;
  height: 100%;
}

.home-page {
  width: 100%;
}

.home-page .b-title {
  font-weight: bold;
  color: #e37159;
  font-size: 18px;
}

.home-page .slider {
  color: #000;
  height: 500px;
  width: 100%;
  margin: 20px 0;
  direction: ltr;
}

.home-page .slider.d3d .item {
  flex-direction: row-reverse;
}

.home-page .slider.d3d .item .left {
  padding-left: 40px;
}

.home-page .slider .item {
  display: flex;
  height: 100%;
  width: 100%;
  position: relative;
  border-radius: 10px;
}

.home-page .slider .item .left {
  background-color: #f5f7f7;
  width: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 30px;
  height: fit-content;
  padding: 100px 0;
}

.home-page .slider .item .left .rep {
  color: tomato;
  font-weight: bold;
  width: fit-content;
  margin-left: 10px;
  z-index: 2;
  text-transform: uppercase;
}

.home-page .slider .item .left .text {
  width: fit-content;
  padding: 10px;
  z-index: 2;
  font-weight: bold;
}

.home-page .slider .item .left .date {
  margin-top: 40px;
  margin-left: 10px;
  font-size: 25px;
  color: #999;
}

.home-page .slider .item .left .readmore {
  background-color: tomato;
  border-radius: 10px;
  padding: 5px 20px;
  width: fit-content;
  margin-left: 10px;
  font-size: 20px;
  z-index: 2;
  color: #fff;
  text-transform: uppercase;
  margin-top: 10px;
}

.home-page .slider .item .imgg {
  background-size: cover !important;
  height: 100%;
  width: 50%;
  border-radius: 10px;
}

.home-page .my-section-holder {
  margin: 40px 0;
}

.home-page .my-section-holder .my-title {
  font-weight: bold;
  font-size: 28px;
  text-transform: uppercase;
  text-align: center;
}

.home-page .my-section-holder .my-section {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}

.home-page .my-section-holder .my-section .my-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 48%;
  border-radius: 10px;
  color: #fff;
  padding: 20px 0;
}

.home-page .my-section-holder .my-section .my-item.calendar {
  background-color: #f47951;
}

.home-page .my-section-holder .my-section .my-item.topics {
  background-color: #5bc7d4;
}

.home-page .my-section-holder .my-section .my-item .icon {
  font-size: 50px;
}

.home-page .my-section-holder .my-section .my-item .text {
  margin-top: 10px;
  text-align: center;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: bold;
}

.round-top {
  border-radius: 20px 20px 0 0;
  margin-top: -15px;
  background-color: #fff;
}

.congs-list {
  display: flex;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 40px;
  overflow-x: auto;
}

.congs-list.cong-page {
  justify-content: space-between;
  flex-wrap: wrap;
}

.congs-list.cong-page .cong {
  width: calc((100% / 4) - 20px);
}

.congs-list.cong-page .cong .text {
  width: auto;
}

.congs-list .cong {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  margin-top: 10px;
  margin-right: 15px;
}

.congs-list .cong .im-holder {
  width: 100%;
  height: 200px;
  background-size: cover !important;
  border-radius: 10px;
}

.congs-list .cong .text {
  margin-top: 10px;
  font-weight: bold;
  width: 200px;
  text-align: center;
}

.no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-size: 25px;
}

.no-topics {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.no-topics .content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 25px;
}

.no-topics .content .icon {
  color: #fff;
  border-radius: 50%;
  font-size: 25px;
  font-weight: bold;
  padding: 5px;
  background-color: #32abb4;
}
/*# sourceMappingURL=style.css.map */