/*********************************************************************************************************************
 * File: main.scss
 * Developed By Anees Hikmat Abu-hamid
 * Email: aneeshikmat@gmail.com
 * Date: 2020-08-05
 * Desc: Main Page Style For Al-Waseet
 * More Info: https://github.com/aneeshikmat/HJC-nice-practice
 * Copyright (c) - Waseet.net
 *********************************************************************************************************************/
/* Include Arabic Font */
@font-face {
  font-family: "NotoKufiArabic";
  font-style: normal;
  font-weight: 400;
  src: local("NotoKufiArabic"), url("../fonts/arabic/NotoKufiArabic-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "NotoKufiArabic";
  font-style: medium;
  font-weight: 600;
  src: local("NotoKufiArabic"), url("../fonts/arabic/NotoKufiArabic-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "NotoKufiArabic";
  font-style: bold;
  font-weight: 700;
  src: local("NotoKufiArabic"), url("../fonts/arabic/NotoKufiArabic-VariableFont_wght.ttf") format("truetype");
}
/* Include English Font */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto"), url("../fonts/english/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), url("../fonts/english/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto"), url("../fonts/english/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto-Bold"), url("../fonts/english/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: local("Roboto"), url("../fonts/english/Roboto-Black.ttf") format("truetype");
}
/*********************************************************************************************************************
1.0  Colors System Variable & Class
*********************************************************************************************************************/
/* #fff Color */
.color-white {
  color: #fff;
}

/* #fff Background Color */
.bg-white {
  background-color: #fff;
}

/* #fff Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-white {
    background-color: #fff;
  }
}
/* #fff Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-white {
    background-color: #fff;
  }
}
/* #fff Border Color */
.border-white {
  border-color: #fff;
}

/* #017AFC Color */
.color-torch-red {
  color: #017AFC;
}

/* #017AFC Background Color */
.bg-torch-red {
  background-color: #017AFC;
}

/* #017AFC Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-torch-red {
    background-color: #017AFC;
  }
}
/* #017AFC Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-torch-red {
    background-color: #017AFC;
  }
}
/* #017AFC Border Color */
.border-torch-red {
  border-color: #017AFC;
}

/* #484848 Color */
.color-charcoal {
  color: #484848;
}

/* #484848 Background Color */
.bg-charcoal {
  background-color: #484848;
}

/* #484848 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-charcoal {
    background-color: #484848;
  }
}
/* #484848 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-charcoal {
    background-color: #484848;
  }
}
/* #484848 Border Color */
.border-charcoal {
  border-color: #484848;
}

/* #d9d9d9 Color */
.color-very-light-grey {
  color: #d9d9d9;
}

/* #d9d9d9 Background Color */
.bg-very-light-grey {
  background-color: #d9d9d9;
}

/* #d9d9d9 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-very-light-grey {
    background-color: #d9d9d9;
  }
}
/* #d9d9d9 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-very-light-grey {
    background-color: #d9d9d9;
  }
}
/* #d9d9d9 Border Color */
.border-very-light-grey {
  border-color: #d9d9d9;
}

/* #4A90E2 Color */
.color-royal-blue {
  color: #4A90E2;
}

/* #4A90E2 Background Color */
.bg-royal-blue {
  background-color: #4A90E2;
}

/* #4A90E2 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-royal-blue {
    background-color: #4A90E2;
  }
}
/* #4A90E2 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-royal-blue {
    background-color: #4A90E2;
  }
}
/* #4A90E2 Border Color */
.border-royal-blue {
  border-color: #4A90E2;
}

/* #DDDDDD Color */
.color-gainsboro {
  color: #DDDDDD;
}

/* #DDDDDD Background Color */
.bg-gainsboro {
  background-color: #DDDDDD;
}

/* #DDDDDD Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-gainsboro {
    background-color: #DDDDDD;
  }
}
/* #DDDDDD Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-gainsboro {
    background-color: #DDDDDD;
  }
}
/* #DDDDDD Border Color */
.border-gainsboro {
  border-color: #DDDDDD;
}

/* #0094B1 Color */
.color-bondi-blue {
  color: #0094B1;
}

/* #0094B1 Background Color */
.bg-bondi-blue {
  background-color: #0094B1;
}

/* #0094B1 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-bondi-blue {
    background-color: #0094B1;
  }
}
/* #0094B1 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-bondi-blue {
    background-color: #0094B1;
  }
}
/* #0094B1 Border Color */
.border-bondi-blue {
  border-color: #0094B1;
}

/* #ffdd15 Color */
.color-waseet-yellow {
  color: #ffdd15;
}

/* #ffdd15 Background Color */
.bg-waseet-yellow {
  background-color: #ffdd15;
}

/* #ffdd15 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-waseet-yellow {
    background-color: #ffdd15;
  }
}
/* #ffdd15 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-waseet-yellow {
    background-color: #ffdd15;
  }
}
/* #ffdd15 Border Color */
.border-waseet-yellow {
  border-color: #ffdd15;
}

/* #f7f8f7 Color */
.color-gray {
  color: #f7f8f7;
}

/* #f7f8f7 Background Color */
.bg-gray {
  background-color: #f7f8f7;
}

/* #f7f8f7 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-gray {
    background-color: #f7f8f7;
  }
}
/* #f7f8f7 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-gray {
    background-color: #f7f8f7;
  }
}
/* #f7f8f7 Border Color */
.border-gray {
  border-color: #f7f8f7;
}

/* #959595 Color */
.color-dark-gray {
  color: #959595;
}

/* #959595 Background Color */
.bg-dark-gray {
  background-color: #959595;
}

/* #959595 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-dark-gray {
    background-color: #959595;
  }
}
/* #959595 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-dark-gray {
    background-color: #959595;
  }
}
/* #959595 Border Color */
.border-dark-gray {
  border-color: #959595;
}

/* #d2d2d2 Color */
.color-light-gray {
  color: #d2d2d2;
}

/* #d2d2d2 Background Color */
.bg-light-gray {
  background-color: #d2d2d2;
}

/* #d2d2d2 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-light-gray {
    background-color: #d2d2d2;
  }
}
/* #d2d2d2 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-light-gray {
    background-color: #d2d2d2;
  }
}
/* #d2d2d2 Border Color */
.border-light-gray {
  border-color: #d2d2d2;
}

/* #e7e7e7 Color */
.color-light-grey {
  color: #e7e7e7;
}

/* #e7e7e7 Background Color */
.bg-light-grey {
  background-color: #e7e7e7;
}

/* #e7e7e7 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-light-grey {
    background-color: #e7e7e7;
  }
}
/* #e7e7e7 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-light-grey {
    background-color: #e7e7e7;
  }
}
/* #e7e7e7 Border Color */
.border-light-grey {
  border-color: #e7e7e7;
}

/* #49BF7C Color */
.color-paid-color {
  color: #49BF7C;
}

/* #49BF7C Background Color */
.bg-paid-color {
  background-color: #49BF7C;
}

/* #49BF7C Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-paid-color {
    background-color: #49BF7C;
  }
}
/* #49BF7C Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-paid-color {
    background-color: #49BF7C;
  }
}
/* #49BF7C Border Color */
.border-paid-color {
  border-color: #49BF7C;
}

/* #FF6A00 Color */
.color-pending-color {
  color: #FF6A00;
}

/* #FF6A00 Background Color */
.bg-pending-color {
  background-color: #FF6A00;
}

/* #FF6A00 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-pending-color {
    background-color: #FF6A00;
  }
}
/* #FF6A00 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-pending-color {
    background-color: #FF6A00;
  }
}
/* #FF6A00 Border Color */
.border-pending-color {
  border-color: #FF6A00;
}

/* #060B88 Color */
.color-scheduled-color {
  color: #060B88;
}

/* #060B88 Background Color */
.bg-scheduled-color {
  background-color: #060B88;
}

/* #060B88 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-scheduled-color {
    background-color: #060B88;
  }
}
/* #060B88 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-scheduled-color {
    background-color: #060B88;
  }
}
/* #060B88 Border Color */
.border-scheduled-color {
  border-color: #060B88;
}

/* #0D0B88 Color */
.color-scheduled-owner-color {
  color: #0D0B88;
}

/* #0D0B88 Background Color */
.bg-scheduled-owner-color {
  background-color: #0D0B88;
}

/* #0D0B88 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-scheduled-owner-color {
    background-color: #0D0B88;
  }
}
/* #0D0B88 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-scheduled-owner-color {
    background-color: #0D0B88;
  }
}
/* #0D0B88 Border Color */
.border-scheduled-owner-color {
  border-color: #0D0B88;
}

/* #D9A329 Color */
.color-gold {
  color: #D9A329;
}

/* #D9A329 Background Color */
.bg-gold {
  background-color: #D9A329;
}

/* #D9A329 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-gold {
    background-color: #D9A329;
  }
}
/* #D9A329 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-gold {
    background-color: #D9A329;
  }
}
/* #D9A329 Border Color */
.border-gold {
  border-color: #D9A329;
}

/* #e7e7e7 Color */
.color-platinum {
  color: #e7e7e7;
}

/* #e7e7e7 Background Color */
.bg-platinum {
  background-color: #e7e7e7;
}

/* #e7e7e7 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-platinum {
    background-color: #e7e7e7;
  }
}
/* #e7e7e7 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-platinum {
    background-color: #e7e7e7;
  }
}
/* #e7e7e7 Border Color */
.border-platinum {
  border-color: #e7e7e7;
}

/* rgba(227, 11, 28, 0.0392156863) Color */
.color-light-red {
  color: rgba(227, 11, 28, 0.0392156863);
}

/* rgba(227, 11, 28, 0.0392156863) Background Color */
.bg-light-red {
  background-color: rgba(227, 11, 28, 0.0392156863);
}

/* rgba(227, 11, 28, 0.0392156863) Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-light-red {
    background-color: rgba(227, 11, 28, 0.0392156863);
  }
}
/* rgba(227, 11, 28, 0.0392156863) Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-light-red {
    background-color: rgba(227, 11, 28, 0.0392156863);
  }
}
/* rgba(227, 11, 28, 0.0392156863) Border Color */
.border-light-red {
  border-color: rgba(227, 11, 28, 0.0392156863);
}

/* #1FAEC1 Color */
.color-expired-color {
  color: #1FAEC1;
}

/* #1FAEC1 Background Color */
.bg-expired-color {
  background-color: #1FAEC1;
}

/* #1FAEC1 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-expired-color {
    background-color: #1FAEC1;
  }
}
/* #1FAEC1 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-expired-color {
    background-color: #1FAEC1;
  }
}
/* #1FAEC1 Border Color */
.border-expired-color {
  border-color: #1FAEC1;
}

/* #AA0000 Color */
.color-rejected-color {
  color: #AA0000;
}

/* #AA0000 Background Color */
.bg-rejected-color {
  background-color: #AA0000;
}

/* #AA0000 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-rejected-color {
    background-color: #AA0000;
  }
}
/* #AA0000 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-rejected-color {
    background-color: #AA0000;
  }
}
/* #AA0000 Border Color */
.border-rejected-color {
  border-color: #AA0000;
}

/* #57BEFB Color */
.color-light-blue {
  color: #57BEFB;
}

/* #57BEFB Background Color */
.bg-light-blue {
  background-color: #57BEFB;
}

/* #57BEFB Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-light-blue {
    background-color: #57BEFB;
  }
}
/* #57BEFB Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-light-blue {
    background-color: #57BEFB;
  }
}
/* #57BEFB Border Color */
.border-light-blue {
  border-color: #57BEFB;
}

/* #8133FF Color */
.color-sold-color {
  color: #8133FF;
}

/* #8133FF Background Color */
.bg-sold-color {
  background-color: #8133FF;
}

/* #8133FF Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-sold-color {
    background-color: #8133FF;
  }
}
/* #8133FF Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-sold-color {
    background-color: #8133FF;
  }
}
/* #8133FF Border Color */
.border-sold-color {
  border-color: #8133FF;
}

/* #9B61F2 Color */
.color-sold-error {
  color: #9B61F2;
}

/* #9B61F2 Background Color */
.bg-sold-error {
  background-color: #9B61F2;
}

/* #9B61F2 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-sold-error {
    background-color: #9B61F2;
  }
}
/* #9B61F2 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-sold-error {
    background-color: #9B61F2;
  }
}
/* #9B61F2 Border Color */
.border-sold-error {
  border-color: #9B61F2;
}

/* #017AFC Color */
.color-deleted-color {
  color: #017AFC;
}

/* #017AFC Background Color */
.bg-deleted-color {
  background-color: #017AFC;
}

/* #017AFC Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-deleted-color {
    background-color: #017AFC;
  }
}
/* #017AFC Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-deleted-color {
    background-color: #017AFC;
  }
}
/* #017AFC Border Color */
.border-deleted-color {
  border-color: #017AFC;
}

/* #A0A0A0 Color */
.color-form-grey {
  color: #A0A0A0;
}

/* #A0A0A0 Background Color */
.bg-form-grey {
  background-color: #A0A0A0;
}

/* #A0A0A0 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-form-grey {
    background-color: #A0A0A0;
  }
}
/* #A0A0A0 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-form-grey {
    background-color: #A0A0A0;
  }
}
/* #A0A0A0 Border Color */
.border-form-grey {
  border-color: #A0A0A0;
}

/* #017AFC Color */
.color-red-ribon {
  color: #017AFC;
}

/* #017AFC Background Color */
.bg-red-ribon {
  background-color: #017AFC;
}

/* #017AFC Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-red-ribon {
    background-color: #017AFC;
  }
}
/* #017AFC Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-red-ribon {
    background-color: #017AFC;
  }
}
/* #017AFC Border Color */
.border-red-ribon {
  border-color: #017AFC;
}

/*********************************************************************************************************************
2.0  Font Size System Variable & Class
*********************************************************************************************************************/
/* 0.25rem font-size */
.font-size-o25 {
  font-size: 0.25rem;
}

@media (min-width: 769px) {
  .font-size-lg-o25 {
    font-size: 0.25rem;
  }
}
@media (max-width: 768px) {
  .font-size-sm-o25 {
    font-size: 0.25rem;
  }
}
/* 0.5rem font-size */
.font-size-o5 {
  font-size: 0.5rem;
}

@media (min-width: 769px) {
  .font-size-lg-o5 {
    font-size: 0.5rem;
  }
}
@media (max-width: 768px) {
  .font-size-sm-o5 {
    font-size: 0.5rem;
  }
}
/* 0.6rem font-size */
.font-size-o6 {
  font-size: 0.6rem;
}

@media (min-width: 769px) {
  .font-size-lg-o6 {
    font-size: 0.6rem;
  }
}
@media (max-width: 768px) {
  .font-size-sm-o6 {
    font-size: 0.6rem;
  }
}
/* 0.625rem font-size */
.font-size-o625 {
  font-size: 0.625rem;
}

@media (min-width: 769px) {
  .font-size-lg-o625 {
    font-size: 0.625rem;
  }
}
@media (max-width: 768px) {
  .font-size-sm-o625 {
    font-size: 0.625rem;
  }
}
/* 0.6875rem font-size */
.font-size-o6875 {
  font-size: 0.6875rem;
}

@media (min-width: 769px) {
  .font-size-lg-o6875 {
    font-size: 0.6875rem;
  }
}
@media (max-width: 768px) {
  .font-size-sm-o6875 {
    font-size: 0.6875rem;
  }
}
/* 0.75rem font-size */
.font-size-o75 {
  font-size: 0.75rem;
}

@media (min-width: 769px) {
  .font-size-lg-o75 {
    font-size: 0.75rem;
  }
}
@media (max-width: 768px) {
  .font-size-sm-o75 {
    font-size: 0.75rem;
  }
}
/* 0.875rem font-size */
.font-size-o875 {
  font-size: 0.875rem;
}

@media (min-width: 769px) {
  .font-size-lg-o875 {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .font-size-sm-o875 {
    font-size: 0.875rem;
  }
}
/* 1rem font-size */
.font-size-1 {
  font-size: 1rem;
}

@media (min-width: 769px) {
  .font-size-lg-1 {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .font-size-sm-1 {
    font-size: 1rem;
  }
}
/* 1.125rem font-size */
.font-size-1o125 {
  font-size: 1.125rem;
}

@media (min-width: 769px) {
  .font-size-lg-1o125 {
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) {
  .font-size-sm-1o125 {
    font-size: 1.125rem;
  }
}
/* 1.25rem font-size */
.font-size-1o25 {
  font-size: 1.25rem;
}

@media (min-width: 769px) {
  .font-size-lg-1o25 {
    font-size: 1.25rem;
  }
}
@media (max-width: 768px) {
  .font-size-sm-1o25 {
    font-size: 1.25rem;
  }
}
/* 1.5rem font-size */
.font-size-1o5 {
  font-size: 1.5rem;
}

@media (min-width: 769px) {
  .font-size-lg-1o5 {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .font-size-sm-1o5 {
    font-size: 1.5rem;
  }
}
/* 1.75rem font-size */
.font-size-1o75 {
  font-size: 1.75rem;
}

@media (min-width: 769px) {
  .font-size-lg-1o75 {
    font-size: 1.75rem;
  }
}
@media (max-width: 768px) {
  .font-size-sm-1o75 {
    font-size: 1.75rem;
  }
}
/* 2rem font-size */
.font-size-2 {
  font-size: 2rem;
}

@media (min-width: 769px) {
  .font-size-lg-2 {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .font-size-sm-2 {
    font-size: 2rem;
  }
}
/* 2.25rem font-size */
.font-size-2o25 {
  font-size: 2.25rem;
}

@media (min-width: 769px) {
  .font-size-lg-2o25 {
    font-size: 2.25rem;
  }
}
@media (max-width: 768px) {
  .font-size-sm-2o25 {
    font-size: 2.25rem;
  }
}
/* 2.5rem font-size */
.font-size-2o5 {
  font-size: 2.5rem;
}

@media (min-width: 769px) {
  .font-size-lg-2o5 {
    font-size: 2.5rem;
  }
}
@media (max-width: 768px) {
  .font-size-sm-2o5 {
    font-size: 2.5rem;
  }
}
/* 3rem font-size */
.font-size-3 {
  font-size: 3rem;
}

@media (min-width: 769px) {
  .font-size-lg-3 {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  .font-size-sm-3 {
    font-size: 3rem;
  }
}
/*********************************************************************************************************************
3.0  Order Class
*********************************************************************************************************************/
/* 1 order */
@media (min-width: 769px) {
  .order-lg-1 {
    order: 1;
  }
}
@media (max-width: 768px) {
  .order-sm-1 {
    order: 1;
  }
}
/* 2 order */
@media (min-width: 769px) {
  .order-lg-2 {
    order: 2;
  }
}
@media (max-width: 768px) {
  .order-sm-2 {
    order: 2;
  }
}
/* 3 order */
@media (min-width: 769px) {
  .order-lg-3 {
    order: 3;
  }
}
@media (max-width: 768px) {
  .order-sm-3 {
    order: 3;
  }
}
/* 4 order */
@media (min-width: 769px) {
  .order-lg-4 {
    order: 4;
  }
}
@media (max-width: 768px) {
  .order-sm-4 {
    order: 4;
  }
}
/* 5 order */
@media (min-width: 769px) {
  .order-lg-5 {
    order: 5;
  }
}
@media (max-width: 768px) {
  .order-sm-5 {
    order: 5;
  }
}
/* 6 order */
@media (min-width: 769px) {
  .order-lg-6 {
    order: 6;
  }
}
@media (max-width: 768px) {
  .order-sm-6 {
    order: 6;
  }
}
/* 7 order */
@media (min-width: 769px) {
  .order-lg-7 {
    order: 7;
  }
}
@media (max-width: 768px) {
  .order-sm-7 {
    order: 7;
  }
}
/* 8 order */
@media (min-width: 769px) {
  .order-lg-8 {
    order: 8;
  }
}
@media (max-width: 768px) {
  .order-sm-8 {
    order: 8;
  }
}
/* 9 order */
@media (min-width: 769px) {
  .order-lg-9 {
    order: 9;
  }
}
@media (max-width: 768px) {
  .order-sm-9 {
    order: 9;
  }
}
/* 10 order */
@media (min-width: 769px) {
  .order-lg-10 {
    order: 10;
  }
}
@media (max-width: 768px) {
  .order-sm-10 {
    order: 10;
  }
}
/* 11 order */
@media (min-width: 769px) {
  .order-lg-11 {
    order: 11;
  }
}
@media (max-width: 768px) {
  .order-sm-11 {
    order: 11;
  }
}
/* 12 order */
@media (min-width: 769px) {
  .order-lg-12 {
    order: 12;
  }
}
@media (max-width: 768px) {
  .order-sm-12 {
    order: 12;
  }
}
/*********************************************************************************************************************
4.0  Custom Icons Style
*********************************************************************************************************************/
.close-icon {
  background: url(../../images/custom-icons/) 100% 50% no-repeat;
  padding: 0.75rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  background-size: 100%;
}

.search-icon {
  background: url(../../images/icons/search.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  background-size: 100%;
}

.back-icon {
  background: url(../../images/custom-icons/arrows/arrow-right.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  background-size: 100%;
}
[dir=rtl] .back-icon {
  background: url(../../images/icons/arrow-sm-left.svg) 100% 50% no-repeat;
}

.back-icon-sm {
  background: url(../../images/custom-icons/arrows/arrow-sm-right.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  margin-right: -0.5rem;
  margin-bottom: 0.2rem;
  background-size: 100%;
}
[dir=rtl] .back-icon-sm {
  background: url(../../images/icons/arrow-sm-left.svg) 100% 50% no-repeat;
}
[dir=rtl] .back-icon-sm {
  margin-right: unset;
  margin-left: -0.5rem;
}

.add-photo-icon {
  background: url(../../images/icons/add-photo.png) 100% 50% no-repeat;
  padding: 1rem;
  background-size: 100%;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .add-photo-icon {
    padding: 1.5rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .add-photo-icon {
    padding: 1.25rem;
  }
}

.rotate-left {
  background: url(../../images/custom-icons/rotate-left.svg) 100% 50% no-repeat;
  padding: 1rem;
  background-size: 100%;
}

.rotate-right {
  background: url(../../images/custom-icons/rotate-right.svg) 100% 50% no-repeat;
  padding: 1rem;
  background-size: 100%;
}

.zoom-in {
  background: url(../../images/custom-icons/zoom-in-black.svg) 100% 50% no-repeat;
  padding: 1rem;
  background-size: 100%;
}

.zoom-out {
  background: url(../../images/custom-icons/zoom-out-black.svg) 100% 50% no-repeat;
  padding: 1rem;
  background-size: 100%;
}

.red-pencil {
  background: url(../../images/custom-icons/red-pencil.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
}

.share-black-icon {
  background: url(../../images/ads-actions/share-black.svg) 100% 50% no-repeat;
  padding: 0.65rem;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem;
}
@media (max-width: 768px) {
  .share-black-icon {
    padding: 0.5rem;
  }
}

.social-call-icon {
  background: url(../../images/ads-actions/call-blue.svg) 100% 50% no-repeat;
  padding: 0.65rem;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem;
}
@media (max-width: 768px) {
  .social-call-icon {
    padding: 0.5rem;
  }
}

.social-whatsapp-icon {
  background: url("../../images/ads-actions/whatsapp.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem;
}

input {
  border-color: #d9d9d9 !important;
}

button:focus {
  outline: none;
}

.text-decoration-underline {
  text-decoration: underline;
}

::placeholder, :-ms-input-placeholder, ::-ms-input-placeholder {
  color: #d9d9d9;
}

.height-100 {
  height: 100%;
}

.cursor-default {
  cursor: default;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.cursor-pointer {
  cursor: pointer;
}

.b-top-1 {
  border-top: 1px solid #e7e7e7;
}

.b-bottom-1 {
  border-bottom: 1px solid #e7e7e7;
}

.success-message {
  color: #155724;
}

.danger-message {
  color: #017AFC;
}

.disabled-link {
  cursor: not-allowed;
  pointer-events: all;
}

.hide-scroll, #notification-wrapper-page, #notification-wrapper-menu {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;
}
.hide-scroll::-webkit-scrollbar, #notification-wrapper-page::-webkit-scrollbar, #notification-wrapper-menu::-webkit-scrollbar {
  display: none;
}

.badge-img {
  position: absolute;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  top: 0;
}
[dir=rtl] .badge-img {
  left: inhert;
  right: 0;
}

/*********************************************************************************************************************
4.1  Common Needed Style
*********************************************************************************************************************/
html {
  height: 100%;
  scroll-behavior: smooth !important;
}

body:not(.free-height) {
  margin: 0;
  overflow-x: hidden;
  min-height: 100%;
  background-color: #fff;
}

body[dir=ltr] .rtl-rotate {
  transform: rotate(180deg);
}

body[dir=rtl] .rtl-rotate {
  transform: rotate(0deg);
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

/* Waseet English Font */
.english-font, .box-theme .phone-number-input .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code, .box-theme .phone-number-input .iti--allow-dropdown input, #sticky-interested-user-wrapper .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code, #sticky-interested-user-wrapper .iti--allow-dropdown input, #sticky-interested-user-wrapper #temp-phone-number, #add-personal-information-step-wrapper .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code, #add-personal-information-step-wrapper .iti--allow-dropdown input, #add-personal-information-step-wrapper #temp-phone-number, .select2-container--bootstrap .select2-selection, body:not(.free-height) {
  font-family: "Roboto", sans-serif;
}

/* Waseet Arabic Font */
.arabic-font, body[dir=rtl], body[dir=rtl] .select2-container--bootstrap .select2-selection {
  font-family: "NotoKufiArabic", sans-serif;
}

.arabic-bold-font, body[dir=rtl] .font-weight-bold, body[dir=rtl] .scheduled-box, body[dir=rtl] .sold-box, body[dir=rtl] .expired-box, body[dir=rtl] .rejected-box, body[dir=rtl] .pending-review-box, body[dir=rtl] .pending-payment-status-box, body[dir=rtl] .paid-box, body[dir=rtl] .sticky-box, body[dir=rtl] #profile-comments-wrapper .comment-box .rejected-box, #profile-comments-wrapper .comment-box body[dir=rtl] .rejected-box, body[dir=rtl] #profile-comments-wrapper .comment-box .pending-review-box, #profile-comments-wrapper .comment-box body[dir=rtl] .pending-review-box, body[dir=rtl] .profile-wrapper .profile-ads-tabs .profile-ads-tab.active, .profile-wrapper .profile-ads-tabs body[dir=rtl] .profile-ads-tab.active, body[dir=rtl] .profile-wrapper .profile-tabs .profile-tab.active .profile-tab-link, .profile-wrapper .profile-tabs .profile-tab.active body[dir=rtl] .profile-tab-link {
  font-family: "NotoKufiArabic", sans-serif;
  font-weight: bold !important;
}

/* Helper Class For Set Direction to LTR for any field section specially for arabic layout  */
.only-ltr, .vertical-slider-with-thumbnail-widget .lSSlideWrapper {
  direction: ltr;
}

/* Common Shadow Style */
.common-box-shadow, .taxonomy-widget .category-item, #aside-wrapper .aside-content-wrapper .do-you-have-product-to-sell, #sticky-wrapper .sticky-item {
  box-shadow: 0 0.0625rem 0.5rem 0 rgba(0, 0, 0, 0.06);
}

/* This class handling direction align for LTR/RTL dynamic */
.real-align-direction, #listing-ads-wrapper #listing-owl-ads-carousel .owl-stage {
  direction: ltr;
}
[dir=rtl] .real-align-direction, [dir=rtl] #listing-ads-wrapper #listing-owl-ads-carousel .owl-stage, #listing-ads-wrapper #listing-owl-ads-carousel [dir=rtl] .owl-stage {
  direction: rtl;
}

/* This class handling text align for LTR/RTL dynamic */
.text-real-align, #simple-search-bar-wrapper #search-bar-stores #pre-stores-label, #search-bar-wrapper #search-bar-stores #pre-stores-label, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown + .dropdown-menu, .select2-container--bootstrap {
  text-align: left;
}
[dir=rtl] .text-real-align, [dir=rtl] #simple-search-bar-wrapper #search-bar-stores #pre-stores-label, #simple-search-bar-wrapper #search-bar-stores [dir=rtl] #pre-stores-label, [dir=rtl] #search-bar-wrapper #search-bar-stores #pre-stores-label, #search-bar-wrapper #search-bar-stores [dir=rtl] #pre-stores-label, [dir=rtl] .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown + .dropdown-menu, .upper-menu .nav-link #main-menu-collapse .nav li [dir=rtl] .main-menu-item-dropdown + .dropdown-menu, [dir=rtl] .select2-container--bootstrap {
  text-align: right;
}

/* This class handling text align for LTR/RTL dynamic */
.text-flip-align {
  text-align: right;
}
[dir=rtl] .text-flip-align {
  text-align: left;
}

/* This class handling float align for right in LTR to left in RTL */
.float-right-real-align, #simple-search-bar-wrapper #search-bar-stores, #search-bar-wrapper #search-bar-stores, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item--link-action {
  float: right;
}
[dir=rtl] .float-right-real-align, [dir=rtl] #simple-search-bar-wrapper #search-bar-stores, #simple-search-bar-wrapper [dir=rtl] #search-bar-stores, [dir=rtl] #search-bar-wrapper #search-bar-stores, #search-bar-wrapper [dir=rtl] #search-bar-stores, [dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item--link-action, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li [dir=rtl] .responsive-main-menu-item--link-action {
  float: left;
}

/* This class handling float align for left in LTR to right in RTL */
.float-left-real-align {
  float: left;
}
[dir=rtl] .float-left-real-align {
  float: right;
}

/* This class will be flip right arrow to left when website is rtl */
.flip-chevron-right::before {
  content: "\f054";
}
[dir=rtl] .flip-chevron-right::before {
  content: "\f053";
}

/* This class will be flip left arrow to right when website is rtl */
.flip-chevron-left::before {
  content: "\f053";
}
[dir=rtl] .flip-chevron-left::before {
  content: "\f054";
}

/* Seperator line for menu item */
.separator-line, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link.with-border::after {
  content: " ";
  width: 0;
  height: 32px;
  border: solid 1px #cfd9e1;
  margin-left: 1rem;
  margin-right: 1rem;
}

.stores-section img {
  filter: invert(78%) sepia(1%) saturate(0%) hue-rotate(116deg) brightness(96%) contrast(85%);
  margin: 0 0.5rem;
}
.stores-section img:hover {
  transform: scale(1.1);
}

[dir=rtl] .custom-select {
  background-position-x: 0.75rem;
  padding-left: 1.75rem;
  padding-right: 0.75rem;
}

.hold-content {
  pointer-events: none;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  filter: brightness(150%) saturate(150%) blur(8px);
}

.blur-content {
  filter: blur(4px);
}

.overlay-content {
  position: fixed;
  left: 0;
  z-index: 100001;
  width: 100vw;
  height: 100vh;
  outline: 0;
  right: 0;
  opacity: 1.5;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
}

.full-z-index {
  z-index: 1040;
}

.line-height-2 {
  line-height: 2;
}

.max-width-90 {
  max-width: 90%;
}

.text-direction-line-through {
  text-decoration: line-through;
}

/*********************************************************************************************************************
4.2  Common Button Style
*********************************************************************************************************************/
/* Common Wasset Red Button */
.btn-waseet-red {
  color: #fff;
  background-color: #017AFC;
  border-color: #017AFC;
}
.btn-waseet-red:active, .btn-waseet-red:focus {
  color: #fff;
  box-shadow: 0 0 0.25rem 0 #017AFC;
}
.btn-waseet-red:hover {
  color: #fff;
  background-color: #016bdd;
}

/* Common Wasset Red Outline Button */
.btn-waseet-outline-red {
  color: #017AFC;
  background-color: #fff;
  border-color: #017AFC;
}
.btn-waseet-outline-red:active, .btn-waseet-outline-red:focus {
  color: #016bdd;
  box-shadow: 0 0 0.25rem 0 #fff;
}
.btn-waseet-outline-red:hover {
  color: #fff;
  background-color: #016bdd;
  border-color: #016bdd;
}

/* Common Wasset Royal Blue Button */
.btn-waseet-royal-blue {
  color: #fff;
  background-color: #4A90E2;
  border-color: #4A90E2;
}
.btn-waseet-royal-blue:active, .btn-waseet-royal-blue:focus {
  color: #fff;
  box-shadow: 0 0 0.25rem 0 #4A90E2;
}
.btn-waseet-royal-blue:hover {
  color: #fff;
  background-color: #377ED0;
}

/* Common Wasset Gray Button */
.btn-waseet-gray {
  color: #484848;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.btn-waseet-gray:active, .btn-waseet-gray:focus {
  color: #484848;
  box-shadow: 0 0 0.25rem 0 #d9d9d9;
}
.btn-waseet-gray:hover {
  color: #484848;
  background-color: #DDDDDD;
}

/* Common Wasset Dark Gray Button */
.btn-waseet-dark-gray {
  color: #fff;
  background-color: #959595;
  border-color: #959595;
}
.btn-waseet-dark-gray:active, .btn-waseet-dark-gray:focus {
  color: #fff;
  box-shadow: 0 0 0.25rem 0 #959595;
}
.btn-waseet-dark-gray:hover {
  color: #fff;
  background-color: #DDDDDD;
}

/* Common Wasset Royal Green Outline Button */
.btn-waseet-outline-green {
  color: #00bd54;
  background-color: #fff;
  border-color: #00bd54;
}
.btn-waseet-outline-green:active, .btn-waseet-outline-green:focus {
  color: #00bd54;
  box-shadow: 0 0 0.25rem 0 #fff;
}
.btn-waseet-outline-green:hover {
  color: #fff;
  background-color: #06d261;
  border-color: #06d261;
}

/* Common Wasset Green Outline Button */
.btn-waseet-green {
  color: #fff;
  background-color: #00bd54;
  border-color: #fff;
}
.btn-waseet-green:active, .btn-waseet-green:focus {
  color: #fff;
  box-shadow: 0 0 0.25rem 0 #00bd54;
}
.btn-waseet-green:hover {
  color: #00bd54;
  background-color: #06d261;
  border-color: #06d261;
}

/* Common Wasset Yellow Button */
.btn-waseet-yellow {
  color: #000;
  background-color: #ffdd15;
  border-color: #000;
}
.btn-waseet-yellow:active, .btn-waseet-yellow:focus {
  color: #000;
  box-shadow: 0 0 0.25rem 0 #ffdd15;
}
.btn-waseet-yellow:hover {
  color: #ffdd15;
  background-color: #fff;
  border-color: #fff;
}

/* Common Wasset Royal Green Outline Button */
.btn-waseet-outline-royalBlue {
  color: #4A90E2;
  background-color: #fff;
  border-color: #4A90E2;
}
.btn-waseet-outline-royalBlue:active, .btn-waseet-outline-royalBlue:focus {
  color: #4A90E2;
  box-shadow: 0 0 0.25rem 0 #fff;
}
.btn-waseet-outline-royalBlue:hover {
  color: #fff;
  background-color: #4A90E2;
  border-color: #4A90E2;
}

/* Common Wasset Share Button */
.btn-waseet-share {
  color: #484848;
  background-color: #fff;
  border-color: #484848;
}
.btn-waseet-share:active, .btn-waseet-share:focus {
  color: #484848;
  box-shadow: 0 0 0.25rem 0 #fff;
}
.btn-waseet-share:hover {
  color: #fff;
  background-color: #DDDDDD;
  border-color: #DDDDDD;
}

.wasset-btn-default-size {
  padding: 0.9rem;
  height: 3.5rem;
  min-width: 9rem;
}

.btn-waseet-share-light {
  color: #484848;
  background-color: #fff;
  border-color: #e7e7e7;
}

.social-btn-action {
  cursor: pointer;
  padding: 1rem 1.5rem;
  height: 3.5rem;
  width: 9rem;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .social-btn-action {
    padding: 0.875rem 1.5rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .social-btn-action {
    padding: 0.875rem 1.5rem;
  }
}
@media (max-width: 768px) {
  .social-btn-action {
    justify-content: center;
    display: flex;
    height: 2.5rem;
    width: 4rem;
    padding: 0.5rem 1.5rem;
  }
}

.btn-waseet-load-more {
  color: #484848;
  background-color: #f1f1f1;
  border-radius: 0.25rem;
}

.font-red {
  color: #017AFC;
}

/*********************************************************************************************************************
4.3  Common Link Style
*********************************************************************************************************************/
/* Common Waseet Links Style */
.waseet-link, .waseet-gray-link, #footer .footer-menu li a, .waseet-charcoal-link, .country-flag-widget, .taxonomy-widget .category-item, #sticky-wrapper .sticky-item, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item {
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: normal;
}

/* Common Waseet Links Charcoal Style */
.waseet-charcoal-link, .country-flag-widget, .taxonomy-widget .category-item, #sticky-wrapper .sticky-item, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item {
  color: #484848;
}
.waseet-charcoal-link:hover, .country-flag-widget:hover, .taxonomy-widget .category-item:hover, #sticky-wrapper .sticky-item:hover, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:hover {
  color: #1D76DE;
}
.waseet-charcoal-link:active, .country-flag-widget:active, .taxonomy-widget .category-item:active, #sticky-wrapper .sticky-item:active, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:active {
  color: #1D76DE;
}
.waseet-charcoal-link:focus, .country-flag-widget:focus, .taxonomy-widget .category-item:focus, #sticky-wrapper .sticky-item:focus, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:focus {
  color: #1D76DE;
}
.waseet-charcoal-link:hover, .country-flag-widget:hover, .taxonomy-widget .category-item:hover, #sticky-wrapper .sticky-item:hover, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:hover, .waseet-charcoal-link:active, .country-flag-widget:active, .taxonomy-widget .category-item:active, #sticky-wrapper .sticky-item:active, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:active, .waseet-charcoal-link:focus, .country-flag-widget:focus, .taxonomy-widget .category-item:focus, #sticky-wrapper .sticky-item:focus, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:focus {
  text-decoration: none;
}

.waseet-royalBlue-link, .pin-header-with-line a, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link, #breadcrumb-wrapper .breadcrumb .breadcrumb-item a {
  color: #1D76DE;
}
.waseet-royalBlue-link:hover, .pin-header-with-line a:hover, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown:hover, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link:hover, #breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover {
  color: #484848;
}
.waseet-royalBlue-link:active, .pin-header-with-line a:active, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown:active, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link:active, #breadcrumb-wrapper .breadcrumb .breadcrumb-item a:active {
  color: #484848;
}
.waseet-royalBlue-link:focus, .pin-header-with-line a:focus, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown:focus, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link:focus, #breadcrumb-wrapper .breadcrumb .breadcrumb-item a:focus {
  color: #484848;
}
.waseet-royalBlue-link:hover, .pin-header-with-line a:hover, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown:hover, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link:hover, #breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover, .waseet-royalBlue-link:active, .pin-header-with-line a:active, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown:active, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link:active, #breadcrumb-wrapper .breadcrumb .breadcrumb-item a:active, .waseet-royalBlue-link:focus, .pin-header-with-line a:focus, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown:focus, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link:focus, #breadcrumb-wrapper .breadcrumb .breadcrumb-item a:focus {
  text-decoration: none;
}

.waseet-gray-link, #footer .footer-menu li a {
  color: #d9d9d9;
}
.waseet-gray-link:hover, #footer .footer-menu li a:hover {
  color: #fff;
}
.waseet-gray-link:active, #footer .footer-menu li a:active {
  color: #fff;
}
.waseet-gray-link:focus, #footer .footer-menu li a:focus {
  color: #fff;
}
.waseet-gray-link:hover, #footer .footer-menu li a:hover, .waseet-gray-link:active, #footer .footer-menu li a:active, .waseet-gray-link:focus, #footer .footer-menu li a:focus {
  text-decoration: none;
}

/*********************************************************************************************************************
4.4  Common Carousel OWL2 Style For Bottom Indicators
*********************************************************************************************************************/
.carousel-with-bottom-indicators .owl-stage {
  display: flex;
}
.carousel-with-bottom-indicators .owl-stage .owl-item {
  flex: 0 0 auto;
}
.carousel-with-bottom-indicators .owl-stage .owl-item .item-class {
  height: 100%;
}
.carousel-with-bottom-indicators .owl-stage .owl-item .item-class img {
  height: 100%;
  padding-right: 0.8125rem;
  padding-left: 0.8125rem;
}
.carousel-with-bottom-indicators .owl-nav {
  text-align: left;
}
.carousel-with-bottom-indicators .owl-nav .common-owl-button-nav, .carousel-with-bottom-indicators .owl-nav button.owl-next, .carousel-with-bottom-indicators .owl-nav button.owl-prev {
  margin: 0.8125rem;
  color: #484848;
  font-size: 1.28rem;
}
.carousel-with-bottom-indicators .owl-nav .common-owl-button-nav:focus, .carousel-with-bottom-indicators .owl-nav button.owl-next:focus, .carousel-with-bottom-indicators .owl-nav button.owl-prev:focus {
  outline: none;
}
.carousel-with-bottom-indicators .owl-nav button.owl-next {
  float: right;
}
.carousel-with-bottom-indicators.red-owl-dot .owl-nav .common-owl-button-nav, .carousel-with-bottom-indicators.red-owl-dot .owl-nav button.owl-prev, .carousel-with-bottom-indicators.red-owl-dot .owl-nav button.owl-next {
  font-size: 1.5rem;
}
.carousel-with-bottom-indicators.red-owl-dot .owl-dots .owl-dot {
  width: 12px;
  height: 12px;
}
.carousel-with-bottom-indicators.red-owl-dot .owl-dots .owl-dot.active {
  background-color: #017AFC;
}
.carousel-with-bottom-indicators .owl-dots {
  position: absolute;
  bottom: 1.125rem;
  left: 50%;
  transform: translate(-50%, 0);
}
.carousel-with-bottom-indicators .owl-dots .owl-dot {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  display: inline-block;
  background: #d9d9d9;
  margin: 0 0.1875rem;
}
.carousel-with-bottom-indicators .owl-dots .owl-dot.active {
  background-color: #484848;
}
.carousel-with-bottom-indicators .owl-dots .owl-dot:focus {
  outline: none;
}

/*********************************************************************************************************************
4.5  Select2 Custom Style
*********************************************************************************************************************/
.select2-container--bootstrap .select2-selection {
  height: 2.5rem;
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
}

.select2-results__option {
  font-size: 0.875rem;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .select2-results__option {
    font-size: 1rem;
  }
}

/*********************************************************************************************************************
4.6  Icon Inside Text Input ex: Search
*********************************************************************************************************************/
.icon-inside-input {
  position: relative;
}
.icon-inside-input__icon {
  position: absolute;
  right: 12px;
  top: 0.75rem;
  font-size: 1rem;
  color: #A0A0A0;
  z-index: 3;
}
[dir=rtl] .icon-inside-input__icon {
  right: inherit;
  left: 12px;
}
.icon-inside-input .form-control:focus {
  outline: none !important;
  box-shadow: unset !important;
}
.icon-inside-input.icon-inside-input-from-start .icon-inside-input__icon {
  left: 0.9375rem;
  left: inherit;
}
[dir=rtl] .icon-inside-input.icon-inside-input-from-start .icon-inside-input__icon {
  left: 0.9375rem;
  right: inherit;
}

/*********************************************************************************************************************
5.6.0  Pagination Common Component Style
*********************************************************************************************************************/
.common-pagination-style {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.common-pagination-style .pagination {
  padding: 0;
}
.common-pagination-style .pagination .page-item .page-link {
  color: #017AFC;
}
.common-pagination-style .pagination .page-item.active .page-link {
  color: #fff;
  background-color: #017AFC;
  border-color: #017AFC;
}
.common-pagination-style .pagination .page-item.disabled .page-link {
  color: #d9d9d9;
}

/*********************************************************************************************************************
6.6.0  Overlay Loader Component Style
*********************************************************************************************************************/
#overlay-loading {
  display: none;
}
#overlay-loading #overlay-loading-spinner {
  width: 100%;
  position: fixed;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1040;
  display: flex;
  justify-content: center;
  align-items: center;
}
#overlay-loading #overlay-loading-spinner .spinner-border {
  width: 3rem;
  height: 3rem;
}

.spin {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.spin div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

.spin div:nth-child(1) {
  animation-delay: -0.45s;
}

.spin div:nth-child(2) {
  animation-delay: -0.3s;
}

.spin div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes preload {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spiner {
  0%, 100%, 75% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(-20px);
  }
}
/*********************************************************************************************************************
7.6.0  Breadcrumbs Component Style
*********************************************************************************************************************/
#breadcrumb-wrapper .breadcrumb {
  background-color: inherit;
  margin-bottom: 0;
}
#breadcrumb-wrapper .breadcrumb .breadcrumb-item {
  font-size: 0.875rem;
  line-height: 1.14;
  padding: 0;
}
#breadcrumb-wrapper .breadcrumb .breadcrumb-item.active {
  color: #64798B;
}
#breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  float: left;
  content: ">";
  padding-left: 0.5rem;
}
[dir=rtl] #breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  float: right;
}

/*********************************************************************************************************************
8.6.0  Radio Custom Component Style
*********************************************************************************************************************/
/* The container */
.custom-radio-container {
  display: block;
  position: relative;
  padding-left: 2.1875rem;
  margin-bottom: 0.75rem;
  cursor: pointer;
  font-size: 1.375rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Create a custom radio button */
}
[dir=rtl] .custom-radio-container {
  padding-left: 0;
  padding-right: 2.1875rem;
}
.custom-radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.custom-radio-container input:checked ~ .checkmark:after {
  display: block;
}
.custom-radio-container .checked-style, .custom-radio-container:hover input ~ .checkmark, .custom-radio-container input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #017AFC;
}
.custom-radio-container .checked-style:after, .custom-radio-container:hover input ~ .checkmark:after, .custom-radio-container input:checked ~ .checkmark:after {
  background: #017AFC;
}
.custom-radio-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #f6f6f6;
  border: 1px solid #64798B;
  border-radius: 50%;
}
[dir=rtl] .custom-radio-container .checkmark {
  left: inherit;
  right: 0;
}
.custom-radio-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 0.325rem;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #64798B;
}
[dir=rtl] .custom-radio-container .checkmark:after {
  left: inherit;
  right: 0.325rem;
}
/*********************************************************************************************************************
9.6.0  Custom Notification
*********************************************************************************************************************/
#notification-wrapper-menu {
  background: #fff;
  width: 25.875rem;
  max-height: 30.25rem;
  overflow-y: scroll;
  padding: 1.25rem 0;
  box-shadow: 0 0.188rem 0.375rem rgba(0, 0, 0, 0.1607843137);
  border: 0.063rem solid #D7D7D7;
}
#notification-wrapper-menu #notification-header {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 1.438rem;
}
#notification-wrapper-menu #notification-header .custom-switch-label {
  color: #959595;
  font-size: 0.875rem;
  margin-right: 0.75rem;
}
[dir=rtl] #notification-wrapper-menu #notification-header .custom-switch-label {
  margin-left: 0;
}
#notification-wrapper-menu #notification-header .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #06d261;
  background-color: #06d261;
}
#notification-wrapper-menu #infscr-loading {
  text-align: center;
  margin: 0 auto;
}
#notification-wrapper-menu #infscr-loading img {
  width: 24px;
}
#notification-wrapper-menu #notification-content .notifications-item {
  display: block;
  color: #484848;
  margin-bottom: 0.5rem;
  padding: 0.75rem 1rem;
}
#notification-wrapper-menu #notification-content .notifications-item .image-content {
  position: relative;
}
#notification-wrapper-menu #notification-content .notifications-item .image-content .img-66 {
  height: 4.125rem;
  width: 4.125rem;
}
#notification-wrapper-menu #notification-content .notifications-item .notification-text {
  font-size: 0.75rem;
  flex: 1;
  margin-left: 1rem;
}
[dir=rtl] #notification-wrapper-menu #notification-content .notifications-item .notification-text {
  margin-left: inherit;
  margin-right: 1rem;
}
#notification-wrapper-menu #notification-content .notifications-item .notification-text span {
  white-space: normal;
  text-align: start;
}
#notification-wrapper-menu #notification-content .notifications-item .notification-time {
  font-size: 0.625rem;
  margin-top: 0.625rem;
}
#notification-wrapper-menu #notification-content .notifications-item.active {
  background: rgba(231, 231, 231, 0.2509803922);
}
#notification-wrapper-menu #notification-content .notifications-item:hover {
  background: rgba(231, 231, 231, 0.5019607843);
}
#notification-wrapper-menu #notification-content .notifications-item:last-child {
  margin-bottom: 0;
}
#notification-wrapper-menu .pagination {
  display: none;
}

.notification-count-badge {
  position: absolute;
  display: flex;
  justify-content: center;
  align-content: center;
  font-size: 9px;
  left: -1px;
  top: 5px;
  width: 21px;
  height: 13px;
  background: #484848 0% 0% no-repeat padding-box;
  border: 1px solid #FAFAFA;
  border-radius: 7px;
  opacity: 1;
  align-items: center;
}
[dir=rtl] .notification-count-badge {
  left: inherit;
  right: -1px;
}

.notification-container.dropdown-toggle::after {
  display: none;
}

[dir=ltr] #notification-wrapper-menu #switches-wrapper {
  margin-right: -0.5rem;
}

/*********************************************************************************************************************
9.7  Common Header Style
*********************************************************************************************************************/
.header {
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.1607843137) 0 3px 6px;
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}
@media (min-width: 769px) {
  .header {
    position: sticky;
    z-index: 350;
    top: 0;
    left: 0;
    background-color: white;
  }
}
@media (max-width: 768px) {
  .header {
    box-shadow: unset;
  }
}
.header .dropdown-item {
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 0.5rem;
}
.header .dropdown-item:active {
  background-color: unset;
}
.header .dropdown-header {
  display: block;
  padding: 0.5rem 0.5rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: #484848;
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
}
.header .dropdown-toggle::after {
  display: none;
}
.header .switch {
  position: relative;
  display: inline-block;
  width: 24pt;
  height: 10pt;
}
.header .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.header .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.header .slider:before {
  position: absolute;
  content: "";
  height: 14pt;
  width: 14pt;
  left: 15px;
  bottom: -2px;
  background-color: #B3B3B3;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.header input:checked + .slider {
  background-color: #9FE3AE;
}
.header input:focus + .slider {
  box-shadow: 0 0 1px #9FE3AE;
}
.header input:checked + .slider:before {
  -webkit-transform: translateX(-14px);
  -ms-transform: translateX(-14px);
  transform: translateX(-14px);
  background-color: #00E232;
}
.header .slider.round {
  border-radius: 34px;
}
.header .slider.round:before {
  border-radius: 50%;
}
.header .account-removal {
  display: flex !important;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  border-radius: 0.5rem;
  padding: 1rem;
}
@media (min-width: 769px) {
  .header .account-removal {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .header .account-removal {
    display: flex !important;
  }
}
.header .account-removal .account-removal-text {
  color: #484848;
}
.header .account-removal .account-removal-text h4 {
  font-size: 0.875rem !important;
  font-weight: bold;
}
.header .account-removal .account-removal-text p {
  font-size: 0.875rem !important;
  font-weight: normal;
}
.header .account-removal .removal-action button {
  display: flex !important;
  align-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
}
.header .account-removal .removal-action button p {
  font-size: 0.875rem !important;
  font-weight: bold;
  color: #484848;
}
.header .removal-account-btn-group button {
  float: right;
  font-weight: bold;
  color: #017AFC;
  font-size: 16px;
  padding: 13px 0 !important;
  border-right: 1px solid #e7e7e7 !important;
  width: 50%;
}
.header .removal-account-btn-group {
  border-top: 1px solid #e7e7e7;
}
.header .removal-account-btn-group button:not(:first-child) {
  border-right: none;
}
.header .removal-account-btn-group:after {
  content: "";
  clear: both;
  display: table;
}
.header .account-removal-box {
  background-color: white;
  border-radius: 8px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100000;
  width: 480px;
  color: #484848 !important;
}
@media (max-width: 768px) {
  .header .account-removal-box {
    width: 95vw;
  }
}
.header .account-removal-box h2 {
  font-size: 1.5rem;
  font-weight: bold;
}
.header .account-removal-box p {
  font-size: 1rem;
  font-weight: normal;
  padding-top: 1rem;
  text-align: center;
  line-height: 1.5;
}
.header .account-removal-box .caution-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header .account-removal-box .pt-375 {
  padding-top: 3.75rem;
}
.header .account-removal-box .removal-input-styles {
  height: fit-content;
  padding: 0.75rem 1rem;
  border: 1px solid #D7D7D7;
  border-radius: 8px;
}
.header .account-removal-box .confirm-delete-box {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header .account-removal-box .confirm-delete-box .show-password-btn {
  position: absolute;
  top: 25%;
  right: 0.5rem;
}
[dir=rtl] .header .account-removal-box .confirm-delete-box .show-password-btn {
  right: inherit;
  left: 0.5rem;
}
.header .account-removal-box #delete-account {
  display: none;
}
.header .account-removal-box .btn-removal {
  padding: 5px 44px;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .account-removal-box .btn-removal p {
  padding: 0;
  font-size: 1.25rem;
  font-weight: bold;
}
.header .account-removal-box .btn-removal-waseet-red {
  color: white;
  background-color: #017AFC;
}
.header .account-removal-box .btn-removal-waseet-white {
  color: #017AFC;
  background-color: white;
  border: 2px solid #017AFC;
}
.header .account-removal-box-body {
  padding: 54px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header .hidden-box {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -5;
}
.header .hidden-box .close {
  margin: 1.22rem;
}

.bg-blur {
  height: 100%;
  width: 100%;
  background: #1E212D 0% 0% no-repeat padding-box;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  opacity: 0.8;
  z-index: 9999;
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
}

.remove-box-alert {
  display: none;
  opacity: 0;
  transition: display 0s, opacity ease-in-out 0.5s;
}

.upper-menu {
  position: relative;
  background-color: #f7f8f7;
}
.upper-menu .hidden-country {
  display: none;
}
.upper-menu .nav-item .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #06d261;
  background-color: #06d261;
}
.upper-menu ul {
  padding: 0;
}
.upper-menu .nav-link {
  padding: 0;
}
.upper-menu .nav-link .container {
  padding-left: 0;
  padding-right: 0;
  justify-content: flex-end;
}
.upper-menu .nav-link #main-menu-collapse {
  justify-content: flex-end;
}
.upper-menu .nav-link #main-menu-collapse .btn-waseet-red {
  min-width: 9.5rem;
}
.upper-menu .nav-link #main-menu-collapse .nav {
  align-items: center;
}
@media (max-width: 992px) {
  .upper-menu .nav-link #main-menu-collapse .nav {
    align-items: flex-end;
    padding-right: 0;
    padding-left: 0;
  }
}
.upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link {
  font-weight: bold;
  line-height: 2;
  font-size: 14px;
  padding: 0;
}
@media (max-width: 992px) {
  .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link.with-border::after {
    display: none;
  }
}
.upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown {
  font-weight: bold;
  line-height: 2;
  padding-top: 0;
  padding-bottom: 0;
}
.upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown + .dropdown-menu {
  left: 0;
}
[dir=rtl] .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown + .dropdown-menu {
  left: 0;
  right: 0;
}
.upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown::after {
  margin-left: 0.2rem;
}
[dir=rtl] .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown::after {
  margin-left: 0;
  margin-right: 0.2rem;
}
.upper-menu .nav-link #main-menu-collapse .nav li .btn-waseet-red {
  color: #fff;
  font-size: 0.875rem;
  margin-left: 1.5rem;
}
[dir=rtl] .upper-menu .nav-link #main-menu-collapse .nav li .btn-waseet-red {
  margin-left: 0;
  margin-right: 1.5rem;
}
.upper-menu .nav-link #notification-dropdown-menu {
  border: 0;
}
.upper-menu .nav-item {
  position: relative;
}

.lower-menu {
  position: relative;
  overflow: hidden;
}
.lower-menu .logo-header {
  width: 150px;
  height: 40px;
}
.lower-menu .lower-menu-item {
  color: #484848;
  font-size: 1.1rem;
  text-decoration: none;
  cursor: pointer;
  transition: all ease-in-out 0.3ms;
  position: relative;
  display: inline-block;
  font-weight: normal;
}
.lower-menu .lower-menu-item:before {
  display: block !important;
  content: attr(title) !important;
  font-weight: bold !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}
.lower-menu .lower-menu-item:hover {
  font-weight: bold;
}
.lower-menu .lower-menu-item::after {
  content: "";
  display: block;
  width: 70%;
  height: 4px;
  background: #017AFC;
  transition: width 0.3s;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  border-radius: 6px 6px 0 0;
  transform: translateX(-50%) translateY(30px);
}
.lower-menu .lower-menu-item:hover::after {
  transform: translateX(-50%) translateY(19px);
  transition: transform 0.3s;
}
.lower-menu .active {
  font-weight: bold;
}
.lower-menu .active::after {
  content: "";
  display: block;
  width: 70%;
  height: 4px;
  background: #017AFC;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  border-radius: 6px 6px 0 0;
  transform: translateX(-50%) translateY(19px);
}
.lower-menu .active:hover::after {
  bottom: 0;
  left: 50%;
  border-radius: 6px 6px 0 0;
  transform: translateX(-50%) translateY(19px);
}
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 768px) {
  .lower-menu .active::after {
    bottom: -2px;
  }
  .lower-menu .active:hover::after {
    bottom: -2px;
  }
  .lower-menu .lower-menu-item::after {
    bottom: -2px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1024px) {
  .lower-menu .active::after {
    bottom: 0px;
  }
  .lower-menu .active:hover::after {
    bottom: 0px;
  }
  .lower-menu .lower-menu-item::after {
    bottom: 0px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1280px) {
  .lower-menu .active::after {
    bottom: 0px;
  }
  .lower-menu .active:hover::after {
    bottom: 0px;
  }
  .lower-menu .lower-menu-item::after {
    bottom: 0px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px) {
  .lower-menu .active::after {
    bottom: -4px;
  }
  .lower-menu .active:hover::after {
    bottom: -4px;
  }
  .lower-menu .lower-menu-item::after {
    bottom: -4px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1024px) {
  .lower-menu .active::after {
    bottom: 0;
  }
  .lower-menu .active:hover::after {
    bottom: 0;
  }
  .lower-menu .lower-menu-item::after {
    bottom: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1280px) {
  .lower-menu .active::after {
    bottom: 0;
  }
  .lower-menu .active:hover::after {
    bottom: 0;
  }
  .lower-menu .lower-menu-item::after {
    bottom: 0;
  }
}

.add-ad-now {
  position: absolute;
  left: 0;
  bottom: -18px;
  width: 199px;
  height: 56px;
  border-radius: 8px;
  color: white !important;
  font-size: 1.1rem;
  font-weight: bold;
  box-shadow: rgba(0, 0, 0, 0.1607843137) 0 3px 3px;
  padding: 13px 0;
}

.w-15 {
  width: 15%;
}

.w-85 {
  width: 85%;
}

.space-x-16 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(4rem * var(--tw-space-x-reverse));
  margin-left: calc(4rem * (1 - var(--tw-space-x-reverse)));
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 85%;
  }
}
.dropdown-item:hover {
  background-color: transparent;
  color: #484848;
}

.upper-menu .main-menu-item-link:hover {
  color: #017AFC;
}

@media (max-width: 768px) {
  .logo-header {
    width: 87px;
    height: 24px;
  }
}
.dropdown-item:hover .header-icons, .dropdown-item:active .header-icons, .dropdown-item:hover p {
  filter: invert(20%) sepia(86%) saturate(6558%) hue-rotate(213deg) brightness(87%) contrast(104%);
  color: #017AFC;
}

.rotate-180 {
  transform: rotate(180deg);
}

.dropdown-menu {
  left: -90px;
  min-width: 16rem !important;
}

a:hover {
  color: #484848;
}

.dropdown-submenu {
  position: relative;
  text-align: right;
  padding: 5px 10px;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  right: 100%;
  margin-top: -6px;
  margin-right: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}
@media (min-width: 769px) {
  .dropdown-submenu > .dropdown-menu {
    max-height: 450px;
    overflow: auto;
  }
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: left;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-right-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.country-flag-list {
  text-decoration: none;
  color: transparent;
}
.country-flag-list p {
  color: #484848;
  font-size: 0.875rem;
}
.country-flag-list .country-flag-list-img {
  width: 24px;
  height: 17px;
}

.custom-dropdown {
  border: 1px solid #D7D7D7;
  border-radius: 4px;
}

body[dir=ltr] .header .dropdown-header {
  text-align: left;
}
body[dir=ltr] .add-ad-now {
  right: 0;
  left: unset;
}
body[dir=ltr] .logo.ml-5 {
  margin-left: unset;
  margin-right: 3rem !important;
}
body[dir=ltr] .lower-menu-item {
  text-transform: capitalize;
}
body[dir=ltr] .dropdown-submenu {
  text-align: left;
}
body[dir=ltr] .dropdown-submenu > .dropdown-menu {
  margin-left: 0;
  margin-left: 0px;
  left: 100%;
}
body[dir=ltr] .dropdown-submenu > a:after {
  float: right;
  margin-left: -10px;
}
body[dir=ltr] .dropdown-submenu:hover > a:after {
  border-right-color: #fff;
}
body[dir=ltr] .dropdown-submenu.pull-left {
  float: none;
}
body[dir=ltr] .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-right: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
body[dir=ltr] .flip-icon {
  transform: rotate(-180deg);
}
body[dir=ltr] .lower-menu-item:hover {
  font-weight: bold;
}
body[dir=ltr] .lower-menu .active {
  font-weight: bold;
}

.active-country-switcher {
  list-style: none;
  position: relative;
}
.active-country-switcher .country-name-hidden {
  transition: transform 0.3s;
  display: none;
}
.active-country-switcher .dropdown-submenu {
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.84, 0.3, 0.74, 1.15);
  transition-delay: 0s;
}
.active-country-switcher .dropdown-submenu:hover {
  background-color: rgba(227, 11, 28, 0.031372549);
}

.active-country-switcher:hover .country-name-hidden {
  display: inline;
  transition: all ease-in-out 0.3s;
  transform: translateX(-20px);
}
.active-country-switcher:hover .country-name-hidden img {
  transform: rotate(180deg);
}

.active-country-switcher:active .country-name-hidden {
  display: inline;
  transform: translateX(0);
  transition: all ease-in-out 0.3s;
}
.active-country-switcher:active .country-name-hidden img {
  transform: rotate(0deg) !important;
}

.custom-dropdown.show .country-name-hidden img {
  transform: rotate(0deg) !important;
}

.show .country-name-hidden img {
  transform: rotate(0deg) !important;
}

.hidden-on-country-flag-hover {
  display: inline-block;
  transition: all ease-in-out 0.3s;
}

.active-country-switcher:hover .hidden-on-country-flag-hover {
  display: none;
}

#responsive-main-menu-wrapper {
  background-color: white;
  z-index: 999;
  position: -webkit-sticky;
  position: fixed;
  top: 0;
  padding: 0 2rem;
}

@media (max-width: 768px) {
  main:not(.free-wrap) {
    margin-top: 68px;
  }
}

.responsive-main-menu-item-common, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .country-flag-widget, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .logged-in-user--name {
  margin: 0 !important;
  padding: 0.5rem 1rem;
  border-left: 3px solid #fff;
}
[dir=rtl] .responsive-main-menu-item-common, [dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .country-flag-widget, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li [dir=rtl] .country-flag-widget, [dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .logged-in-user--name, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box [dir=rtl] .logged-in-user--name {
  border-left: 0;
  border-right: 3px solid #fff;
}

#header #header-part-1 {
  display: flex;
}
#header #responsive-main-menu-wrapper .btn-waseet-red {
  min-width: 7rem;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #open-responsive-main-menu {
  display: none;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #close-responsive-main-menu {
  display: block;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav {
  z-index: 1060;
  background-color: #fff;
  position: fixed;
  height: 100vh;
  overflow-y: scroll;
  width: 100%;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav {
  margin-top: 1.5rem;
  padding-right: 0;
  padding-left: 0;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li {
  width: 100%;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .logout-icon {
  background: url("../../images/custom-icons/logout.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  margin-right: 1rem;
}
[dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .logout-icon {
  margin-right: unset;
  margin-left: 1rem;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .removal-action {
  display: flex !important;
  align-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .my-account-block {
  padding: 0.75rem;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .my-account-block .my-account-icon {
  background: url(../../images/custom-icons/arrows/arrow-sm-right-red.svg) 100% 57% no-repeat;
  padding: 0.75rem;
  margin-left: 0.5rem;
}
[dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .my-account-block .my-account-icon {
  background: url(../../images/custom-icons/arrows/arrow-sm-left-red.svg) 100% 57% no-repeat;
}
[dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .my-account-block .my-account-icon {
  margin-left: unset;
  margin-right: 0.5rem;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .responsive-main-menu-box--label {
  font-size: 1rem;
  font-weight: bold;
  padding: 0.75rem 1rem;
  border-left: 3px solid #fff;
  color: #484848;
  margin-bottom: 0;
}
[dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .responsive-main-menu-box--label {
  border-left: 0;
  border-right: 3px solid #fff;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .logged-in-user--logout {
  margin-top: -0.25rem;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box::after {
  content: "";
  display: block;
  background-color: #DDDDDD;
  height: 1px;
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box.no-after-distance::after {
  margin-top: 0;
  margin-bottom: 0;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box.no-after-border::after {
  display: none;
}
@media (max-width: 377px) {
  #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box.copyright-box .responsive-main-menu-item {
    padding: 0.75rem 0.5rem;
  }
}
@media (max-width: 377px) {
  #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box.copyright-box .separator-line, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .upper-menu .nav-link #main-menu-collapse .nav li.responsive-main-menu-box.copyright-box .main-menu-item-link.with-border::after, .upper-menu .nav-link #main-menu-collapse #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box.copyright-box .main-menu-item-link.with-border::after {
    margin: 0.05rem;
  }
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box.copyright-box .copyright {
  font-size: 0.875rem;
}
@media (max-width: 440px) {
  #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .country-flag-widget {
    width: 75%;
  }
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-stores {
  border-left: 3px solid #fff;
}
[dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-stores {
  border-left: 0;
  border-right: 3px solid #fff;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-stores img {
  padding: 0.75rem 1rem;
  margin: 0;
  width: 3.75rem;
  height: 3.4375rem;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item-user-btn {
  font-size: 0.875rem;
  margin-right: 1rem;
  margin-bottom: 2rem;
}
[dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item-user-btn {
  margin-right: 0;
  margin-left: 1rem;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item-user-btn:nth-child(1) {
  margin-left: 1rem;
  margin-right: 1rem;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-socials {
  margin-top: 0;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-socials li {
  display: inline-block;
  width: auto;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-socials li a {
  font-size: 2rem;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-language-switcher {
  margin: 0.5rem 0 0;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-language-switcher li {
  width: 97%;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-language-switcher .language-switcher-link {
  color: #484848;
  text-decoration: underline;
  outline: none;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item {
  display: block;
  padding: 0.75rem 1rem;
  border-left: 3px solid #fff;
}
[dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item {
  border-left: 0;
  border-right: 3px solid #fff;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item--link-action {
  text-decoration: underline;
  margin-top: 0.1875rem;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item--contact-action i {
  margin-top: 0.5rem;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item.active {
  background-color: #f6f6f6;
  border-color: #017AFC;
}
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:first-child {
  margin-top: 0.75rem;
}
#header #responsive-main-menu-wrapper #close-responsive-main-menu, #header #responsive-main-menu-wrapper #responsive-main-menu-wrapper--nav {
  display: none;
}
#header #responsive-main-menu-wrapper--icon a {
  font-size: 1.5rem;
  color: #017AFC;
}

#notification-dropdown-menu {
  padding: 0;
}

.box-header {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);
  background-color: #fff;
}
@media (max-width: 768px) {
  .box-header {
    margin-top: -50px;
  }
}
.box-header .logo-header {
  width: 8.8125rem;
  height: 2.5rem;
}

#main-menu-collapse .dropdown-item {
  min-width: 65px !important;
}

.no-margin-top {
  margin-top: unset !important;
}

/*********************************************************************************************************************
9.8  Common Footer Style
*********************************************************************************************************************/
#simple-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

#footer {
  padding-top: 1.9375rem;
  padding-bottom: 1.9375rem;
  margin-top: 1.5rem;
  background-color: #484848;
}
#footer #footer-logo {
  padding-bottom: 1rem;
}
#footer .footer-heading {
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}
#footer .footer-heading hr {
  margin: 0.5rem 0 0;
  width: 1.5rem;
  border-color: #d9d9d9;
}
#footer .footer-menu {
  padding: 0;
  height: 10rem;
}
#footer .footer-menu li a {
  padding: 0 0 0.5rem 0;
  display: inline-block;
}
#footer #footer-stores {
  margin-top: 1rem;
}
#footer #footer-stores a img {
  filter: invert(43%) sepia(53%) saturate(234%) hue-rotate(186deg) brightness(86%) contrast(87%);
  margin-right: 2rem;
}
[dir=rtl] #footer #footer-stores a img {
  margin-right: 0;
  margin-left: 2rem;
}
#footer .sc-wrapper {
  margin-bottom: 2rem;
}
#footer .sc-wrapper .footer-heading {
  margin-bottom: 0.625rem;
}
#footer .sc-wrapper #footer-social-media .footer-heading {
  margin-top: 2.2rem;
  margin-bottom: 0.75rem;
}
#footer .sc-wrapper #footer-social-media .footer-menu {
  height: auto;
}
#footer .sc-wrapper #footer-social-media .footer-menu li a {
  margin-right: 3.1rem;
  padding: 0;
  color: #6e7d95;
}
[dir=rtl] #footer .sc-wrapper #footer-social-media .footer-menu li a {
  margin-right: 0;
  margin-left: 3.1rem;
}
#footer .sc-wrapper #footer-social-media .footer-menu li a i {
  font-size: 1.6rem;
  vertical-align: bottom;
}
#footer .sc-wrapper #footer-social-media .footer-menu li a i:hover {
  transform: scale(1.1);
}
#footer .sc-wrapper #footer-social-media .footer-menu li:last-child a {
  margin-right: 0;
  margin-left: 0;
}
#footer #footer-copyright hr {
  margin-top: 0.375rem;
  margin-bottom: 0.75rem;
}
#footer #footer-copyright .copyright {
  font-size: 0.875rem;
  line-height: 2.14;
  color: #d9d9d9;
}

.no-maring-top-in-footer {
  margin-bottom: -1.5rem !important;
}

/*********************************************************************************************************************
10.8.0  Home Page Style
*********************************************************************************************************************/
/* This class used for common header style with bottom line */
.pin-header-with-line {
  font-size: 1.125rem;
  line-height: 2.22;
  color: #484848;
  border-bottom: solid 0.0625rem #cfd9e1;
  margin-bottom: 1rem;
}
.pin-header-with-line a i {
  font-size: 0.75rem;
  vertical-align: middle;
}
[dir=rtl] .pin-header-with-line a i {
  vertical-align: inherit;
}

#carousel-with-thump-wrapper #carousel-with-thump-nav-tabs {
  border-bottom: 1px solid #64798B;
  padding: 0;
  text-align: center;
}
#carousel-with-thump-wrapper #carousel-with-thump-nav-tabs .nav-item {
  flex: 1 0 auto;
}
#carousel-with-thump-wrapper #carousel-with-thump-nav-tabs .nav-item .nav-link {
  border: 0;
  color: #CECECE;
  line-height: 2;
  font-size: 3.3vw;
  font-family: "NotoKufiArabic";
  font-weight: 700;
}
#carousel-with-thump-wrapper #carousel-with-thump-nav-tabs .nav-item .nav-link.active {
  color: #017AFC;
  border-bottom: 3px solid #017AFC;
}

/* sticky-wrapper Home Page Style  */
#sticky-wrapper .sticky-item {
  border-radius: 0.875rem;
  font-size: 0.875rem;
  text-align: left;
  height: 100%;
}
#sticky-wrapper .sticky-item img {
  height: 6.625rem;
}
#sticky-wrapper .sticky-item .title {
  padding: 0.5rem 0.875rem;
}
#sticky-wrapper .sticky-item .price {
  border-radius: 0.125rem;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0.4375rem;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}
#sticky-wrapper .sticky-item .price .price-text {
  line-height: 2;
  padding: 0 0.4375rem 0 0.4375rem;
  color: #fff;
}
#sticky-wrapper .sticky-item:hover {
  transform: scale(1.05);
}
#sticky-wrapper .post-grid-view .post-social .social-item {
  padding-top: 8px !important;
  padding-bottom: 7px !important;
}

/* commercial-wrapper Home Page Style  */
#commercial-wrapper .commercial-item img {
  height: 6.625rem;
}

/* commercial-wrapper Home Page Style  */
#commercial-wrapper-mobile-list section .opacity-30 {
  opacity: 0.3;
}
#commercial-wrapper-mobile-list .commercial-ads-button {
  border-radius: unset;
  height: 3rem;
  padding: 0.75rem;
}
@media (min-width: 780px) and (max-width: 1200px) {
  #commercial-wrapper-mobile-list .commercial-ads-button {
    padding: 0.52rem;
  }
}
#commercial-wrapper-mobile-list .commercial-ads-button.call-btn {
  border-bottom-left-radius: 0.25rem;
}
[dir=rtl] #commercial-wrapper-mobile-list .commercial-ads-button.call-btn {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: 0.25rem;
}
#commercial-wrapper-mobile-list .commercial-ads-button.whatsapp-btn {
  border-bottom-right-radius: 0.25rem;
}
[dir=rtl] #commercial-wrapper-mobile-list .commercial-ads-button.whatsapp-btn {
  border-bottom-right-radius: unset;
  border-bottom-left-radius: 0.25rem;
}
#commercial-wrapper-mobile-list .commercial-ads-button img {
  box-shadow: unset;
}
#commercial-wrapper-mobile-list .commercial-item {
  border-radius: 0.25rem;
  border: 1px solid #D7D7D7;
}
#commercial-wrapper-mobile-list .commercial-item .commercial-ads-img {
  object-fit: cover;
}
@media (min-width: 900px) {
  #commercial-wrapper-mobile-list .commercial-item .commercial-ads-img {
    min-height: 16rem;
    max-height: 16rem;
  }
}
@media (min-width: 601px) and (max-width: 899px) {
  #commercial-wrapper-mobile-list .commercial-item .commercial-ads-img {
    min-height: 15rem;
    max-height: 15rem;
  }
}
@media (max-width: 600px) {
  #commercial-wrapper-mobile-list .commercial-item .commercial-ads-img {
    min-height: 14rem;
    max-height: 14rem;
  }
}
#commercial-wrapper-mobile-list .load-more-btn {
  font-weight: bold;
  font-size: 1rem;
  border-radius: 4px;
  border-color: #f1f1f1;
  padding-top: 0.5rem;
  padding-bottom: 0.3rem;
}
#commercial-wrapper-mobile-list .item {
  flex: 0 0 50%;
  height: auto;
}

/*********************************************************************************************************************
10.9  Home Page Search Bar
*********************************************************************************************************************/
#search-bar-wrapper {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.0784313725);
  border-radius: 8px;
  height: max-content;
}
@media (max-width: 992px) {
  #search-bar-wrapper {
    margin-bottom: 0;
  }
}
#search-bar-wrapper .field-generalsearchform-keyword, #search-bar-wrapper .field-generalsearchform-taxonomyid, #search-bar-wrapper .field-generalsearchform-city {
  margin-bottom: 0;
}
#search-bar-wrapper .field-generalsearchform-keyword i, #search-bar-wrapper .field-generalsearchform-taxonomyid i, #search-bar-wrapper .field-generalsearchform-city i {
  top: 30%;
}
#search-bar-wrapper .field-generalsearchform-keyword #generalsearchform-keyword, #search-bar-wrapper .field-generalsearchform-taxonomyid #generalsearchform-keyword, #search-bar-wrapper .field-generalsearchform-city #generalsearchform-keyword {
  height: fit-content;
}
#search-bar-wrapper #search-bar-stores {
  border: 1px solid #d9d9d9;
  padding-left: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  max-height: 3rem;
}
[dir=rtl] #search-bar-wrapper #search-bar-stores {
  padding-left: 0.2rem;
  padding-right: 0.875rem;
}
#search-bar-wrapper #search-bar-stores #pre-stores-label {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.64;
  color: #484848;
  margin: 0 1rem;
}
#search-bar-wrapper .icon-inside-input {
  border: unset !important;
  padding: 0 12px;
}
#search-bar-wrapper .search-form-filed-design {
  border: 1px solid #E7E7E7;
  border-radius: 8px;
}
#search-bar-wrapper .search-marign {
  margin-top: 29px;
  margin-bottom: 22px;
}
#search-bar-wrapper .btn-danger {
  background: #017AFC 0% 0% no-repeat padding-box !important;
  border-radius: 8px !important;
  font-weight: bold !important;
  font-size: 15px !important;
  border-color: unset !important;
  padding: 12px 28px 12px !important;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  border: unset !important;
}

/*********************************************************************************************************************
11  Home Page Aside Style
*********************************************************************************************************************/
#aside-wrapper .aside-content-wrapper {
  max-width: 18.75rem;
}
#aside-wrapper .aside-content-wrapper .do-you-have-product-to-sell {
  padding-top: 0.75rem;
  padding-bottom: 1.25rem;
}

.navigation-tabs {
  display: none;
}

@media (max-width: 780px) {
  b, strong {
    font-size: 20px;
    font-weight: bolder;
}
  body {
    padding-bottom: 5rem;
  }
  .woot-widget-bubble {
    bottom: 3.5rem !important;
  }
  #cookie-consent {
    bottom: 5rem !important;
  }
  .navigation-tabs {
    display: flex;
  }
  .navigation-tabs .tabbar {
    height: auto;
    width: 100vw;
    background: #fff;
    padding: 15px 0;
    z-index: 100000;
    position: fixed;
    bottom: 0;
    right: 0;
    filter: drop-shadow(0px -2px 10px rgba(0, 0, 0, 0.1019607843));
  }
  .navigation-tabs .tabbar ul {
    display: flex;
    list-style: none;
    justify-content: space-between;
    padding: 0px;
  }
  .navigation-tabs .tabbar ul li {
    cursor: pointer;
    text-align: center;
    flex: 1 1 50px;
  }
  .navigation-tabs .tabbar ul li.active span::before {
    color: #BD7AE3;
  }
  .navigation-tabs .tabbar ul li .notification-count-responsive-badge {
    right: inherit;
    left: 17px;
    top: -3px;
    background: #017AFC 0% 0% no-repeat padding-box;
  }
  .d-flex.justify-content-between.items-center{
    justify-content: center !important;
  }
}
@media (max-width: 780px) and (min-width: 768px) {
  .navigation-tabs .tabbar ul li .notification-count-responsive-badge {
    left: 55px;
  }
}
@media (max-width: 780px) {
  .navigation-tabs .tabbar ul li img {
    height: 24px;
    width: 24px;
  }
}
@media (max-width: 780px) {
  .navigation-tabs .tabbar ul li p {
    color: #484848;
    font-size: 0.65rem;
  }
}
@media (max-width: 780px) {
  .navigation-tabs .tabbar ul li .color-torch-red-important {
    color: #017AFC;
    font-family: "NotoKufiArabicBold";
  }
}
@media (max-width: 780px) {
  .navigation-tabs .tabbar ul li.active p {
    color: #017AFC;
    font-family: "NotoKufiArabicBold";
  }
}
@media (max-width: 780px) {
  .navigation-tabs .tabbar ul li div.main {
    width: 40px;
    height: 40px;
    border-bottom-color: #017AFC;
    border: 7px #FFFFFF;
    position: absolute;
    display: flex;
    justify-content: center;
    background-color: #017AFC;
    border-radius: 7pt;
    top: -24px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
  }
  .navigation-tabs .tabbar ul li div.main img {
    height: 30px;
    width: 30px;
    position: absolute;
    bottom: 5px;
    z-index: 9;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
  }
}
@media (max-width: 780px) {
  .navigation-tabs .tabbar ul li .abs-paragraph {
    margin-top: 28px;
    text-align: center;
    color: #484848 !important;
    font-family: unset !important;
  }
}
@media (max-width: 780px) {
  .navigation-tabs .tabbar ul li span::before {
    font-size: 27px;
    color: rgba(128, 128, 128, 0.726);
  }
}
.HomeSlider {
  height: 100%;
  width: 100%;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .HomeSlider {
    overflow: visible !important;
  }
  .HomeSlider .activeIndex {
    transform: scale(1);
  }
  .HomeSlider .slide {
    transform: scale(0.9);
    transition: all ease-in-out 0.4s;
  }
  .HomeSlider .swiper-horizontal > .swiper-pagination-bullets, .HomeSlider .swiper-pagination-bullets.swiper-pagination-horizontal, .HomeSlider .swiper-pagination-custom, .HomeSlider .swiper-pagination-fraction {
    bottom: -30px !important;
  }
}
.HomeSlider .swiper-slide {
  padding: 2em;
  border: 1px solid transparent;
  overflow: hidden;
}
@media (max-width: 768px) {
  .HomeSlider .swiper-slide {
    border-radius: 10px;
    height: 187px;
  }
}
.HomeSlider .swiper-pagination-bullet-active {
  background-color: #017AFC !important;
}
.HomeSlider .swiper-pagination-bullet {
  background: #E7E7E7;
  opacity: unset;
  width: 12px;
  height: 12px;
}
.HomeSlider .swiper-button-next, .HomeSlider .swiper-button-prev {
  width: 18px !important;
  color: white;
  bottom: 1px;
  top: unset;
}
.HomeSlider .swiper-button-next {
  left: 27% !important;
}
.HomeSlider .swiper-button-prev {
  right: 27% !important;
}
.HomeSlider .swiper-button-next:after, .HomeSlider .swiper-button-prev:after {
  font-size: 18px !important;
}
@media (max-width: 768px) {
  .HomeSlider .swiper-button-next {
    display: none !important;
  }
  .HomeSlider .swiper-button-prev {
    display: none !important;
  }
}

[dir=ltr] .HomeSlider .swiper-slide {
  left: unset;
  right: -1px;
}
[dir=ltr] .HomeSlider .swiper-button-next {
  right: 30% !important;
  left: unset !important;
}
[dir=ltr] .HomeSlider .swiper-button-prev {
  left: 30% !important;
  right: unset !important;
}

@media (max-width: 768px) {
  #carousel-with-thump-wrapper {
    position: absolute;
    top: 76px;
    left: 0;
    width: 100%;
    background-color: white;
    z-index: 998;
  }
}

@media (max-width: 768px) {
  #below-slider-section-wrapper {
    margin-top: 55px;
  }
}

@media (max-width: 768px) {
  #below-slider-section-wrapper {
    margin-top: 50px;
  }
}

[dir=rtl] .navigation-tabs .tabbar ul li .notification-count-responsive-badge {
  left: inherit;
  right: 17px;
}
@media (min-width: 768px) {
  [dir=rtl] .navigation-tabs .tabbar ul li .notification-count-responsive-badge {
    right: 55px;
  }
}

[dir=ltr] #carousel-with-thump-wrapper #carousel-with-thump-nav-tabs .nav-item .nav-link, [dir=ltr] .navigation-tabs .tabbar ul li.active p, [dir=ltr] .navigation-tabs .tabbar ul li .color-torch-red-important {
  font-family: "Roboto-Bold";
}

.mb-minus-15 {
  margin-bottom: -1.5rem;
}

[dir=ltr] .commercial-ads-button.border-left {
  border-right: 1px solid #dee2e6 !important;
}
[dir=ltr] #notification-page-form .custom-switch {
  padding-left: 2.5rem !important;
}

.splash {
  border-radius: 8px;
  width: fit-content;
  height: fit-content;
}

.splash-home-button {
  color: white;
  font-size: 14px;
  font-family: "NotoKufiArabic";
  font-weight: 700;
}

[dir=ltr] .splash-home-button {
  font-family: "Roboto-Bold" !important;
}
[dir=ltr] .close-splash {
  left: -26px;
}
@media (max-width: 768px) {
  [dir=ltr] .close-splash {
    left: -1px;
  }
}

.close-splash {
  position: absolute;
  top: -27px;
  right: -26px;
  width: fit-content;
  height: fit-content;
  border-radius: 50%;
  padding: 2px;
  border: 1px solid white;
  cursor: pointer;
}
@media (max-width: 768px) {
  .close-splash {
    top: -42px;
    right: -1px;
  }
}

@media (min-width: 769px) {
  .splash-padding {
    padding: 16px;
  }
}
@media (max-width: 768px) {
  .splash-padding {
    padding: 12px;
  }
}

.splash-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  filter: blur(7px);
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.7);
}

.swiper-container {
  max-height: 100%;
}

#simple-search-bar-wrapper {
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}
#simple-search-bar-wrapper .icon-inside-input {
  border: unset !important;
}
#simple-search-bar-wrapper .icon-inside-input__input-new {
  padding-left: 2.5rem !important;
}
@media (max-width: 992px) {
  #simple-search-bar-wrapper {
    margin-bottom: 0;
  }
}
#simple-search-bar-wrapper .field-generalsearchform-keyword {
  margin-bottom: 0;
}
#simple-search-bar-wrapper .field-generalsearchform-keyword i {
  top: 1.25rem;
}
#simple-search-bar-wrapper .field-generalsearchform-keyword #generalsearchform-keyword {
  height: 3.5rem;
}
#simple-search-bar-wrapper #search-bar-stores {
  border: 1px solid #d9d9d9;
  padding-left: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  max-height: 3rem;
}
[dir=rtl] #simple-search-bar-wrapper #search-bar-stores {
  padding-left: 0.2rem;
  padding-right: 0.875rem;
}
#simple-search-bar-wrapper #search-bar-stores #pre-stores-label {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.64;
  color: #484848;
  margin: 0 1rem;
}
#simple-search-bar-wrapper .icon-inside-input__input-new::-webkit-input-placeholder {
  color: #A0A0A0 !important;
}
#simple-search-bar-wrapper [dir=rtl] .icon-inside-input__input-new {
  padding-left: 2.5rem !important;
}
#simple-search-bar-wrapper .icon-inside-input {
  border-radius: 4px !important;
  border: 1px solid #D7D7D7 !important;
}
#simple-search-bar-wrapper .icon-inside-input {
  position: relative !important;
}
#simple-search-bar-wrapper .icon-inside-input__icon {
  position: absolute !important;
  left: 0.9375rem;
  top: 1.25rem !important;
  font-size: 1rem !important;
  color: #64798B !important;
  z-index: 3 !important;
}
[dir=rtl] #simple-search-bar-wrapper .icon-inside-input__icon {
  left: inherit;
  right: 0.9375rem;
}
#simple-search-bar-wrapper .icon-inside-input__input {
  padding-right: 2.5rem;
}
[dir=rtl] #simple-search-bar-wrapper .icon-inside-input__input {
  padding-right: 0.75rem;
  padding-left: 2.5rem;
}
#simple-search-bar-wrapper .icon-inside-input.icon-inside-input-from-start .icon-inside-input__icon {
  right: 0.9375rem !important;
  left: inherit;
}
[dir=rtl] #simple-search-bar-wrapper .icon-inside-input.icon-inside-input-from-start .icon-inside-input__icon {
  left: 0.9375rem;
  right: inherit;
}
#simple-search-bar-wrapper .icon-inside-input.icon-inside-input-from-start .icon-inside-input__input {
  padding-right: 2.5rem !important;
  padding-left: 0.75rem;
}
[dir=rtl] #simple-search-bar-wrapper .icon-inside-input.icon-inside-input-from-start .icon-inside-input__input {
  padding-left: 2.5rem;
  padding-right: 0.75rem;
}

[dir=rtl] #simple-search-bar-wrapper .icon-inside-input__input-new {
  padding-left: unset !important;
  padding-right: 2.5rem !important;
}

.download-app {
  height: 147px;
  position: relative;
  z-index: 1;
  background: linear-gradient(to bottom, white 0%, white 16%, #017AFC 16%, #017AFC 100%);
}
.download-app .vectors-background {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 80%;
  background-image: url("../img/footer/vectors.svg");
  background-position: center bottom;
  z-index: 2;
  background-repeat-x: repeat;
  filter: grayscale(25%);
}
.download-app .z-4 {
  z-index: 3;
}
.download-app .grid {
  justify-content: center;
  align-content: center;
  align-items: center;
  margin-top: 4%;
}
.download-app .grid h3 {
  color: white;
  text-transform: capitalize;
  text-align: end;
  font-weight: 400;
}
.download-app .grid-cols-3 img {
  height: 40px !important;
}
.download-app .w-20 {
  width: 20%;
}
.download-app .w-60 {
  width: 60%;
}

/*********************************************************************************************************************
12.0  Ads View Details Pages
*********************************************************************************************************************/
.ad-view-wrapper {
  margin-top: 2rem;
}
.ad-view-wrapper .details-image {
  margin-top: 1.5rem;
  max-width: 24.625rem;
}
@media (max-width: 768px) {
  .ad-view-wrapper .details-image {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .ad-view-wrapper .view-back-button {
    float: none;
    margin-bottom: 1rem;
  }
}
.ad-view-wrapper .details-title {
  margin-right: 10%;
}
[dir=rtl] .ad-view-wrapper .details-title {
  margin-right: 0;
  margin-left: 10%;
}
@media (max-width: 768px) {
  .ad-view-wrapper .details-title {
    margin-right: 0;
  }
  [dir=rtl] .ad-view-wrapper .details-title {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 769px) {
  .ad-view-wrapper .ad-actions .social-btn-action {
    width: auto;
  }
}
.ad-view-wrapper .ad-actions .btn-text {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
@media (max-width: 768px) {
  .ad-view-wrapper .ad-actions .btn-text {
    margin-left: 0.25rem;
  }
  [dir=rtl] .ad-view-wrapper .ad-actions .btn-text {
    margin-left: unset;
    margin-right: 0.25rem;
  }
}
@media (min-width: 769px) {
  .ad-view-wrapper .ad-actions .btn-text {
    margin-left: 0.5rem;
  }
  [dir=rtl] .ad-view-wrapper .ad-actions .btn-text {
    margin-left: unset;
    margin-right: 0.5rem;
  }
}
@media (max-width: 768px) {
  .ad-view-wrapper .ad-actions .btn-waseet-royal-blue {
    background-color: #fff;
  }
}
@media (max-width: 768px) {
  .ad-view-wrapper .ad-actions .btn-waseet-outline-green {
    padding: 4px 24px;
  }
  .ad-view-wrapper .ad-actions .btn-waseet-outline-green .social-whatsapp-icon {
    padding: 0.875rem;
  }
}
.ad-view-wrapper .share-black-icon, .ad-view-wrapper .social-whatsapp-icon, .ad-view-wrapper .social-call-icon {
  height: unset;
}
.ad-view-wrapper .btn-waseet-share {
  justify-content: center;
  height: 3.5rem;
  width: 13.4375rem;
  border: 1px solid #484848;
  cursor: pointer;
  border-radius: 0.25rem;
}
@media (max-width: 768px) {
  .ad-view-wrapper .btn-waseet-share.single-action {
    flex-grow: 1;
  }
}
.ad-view-wrapper .btn-waseet-share:hover {
  background-color: #fff;
  color: #484848;
}
.ad-view-wrapper .btn-waseet-share .btn-text {
  margin-top: 0.875rem;
}
@media (max-width: 768px) {
  .ad-view-wrapper .btn-waseet-share {
    width: 33%;
  }
}
.ad-view-wrapper .related-commercials {
  margin-top: 4.5rem;
}
@media (max-width: 768px) {
  .ad-view-wrapper .related-commercials {
    margin-top: 3rem;
  }
}

/*********************************************************************************************************************
13.0  Listing Ads Page For Search
*********************************************************************************************************************/
#listing-ads-wrapper #breadcrumb-wrapper {
  position: relative;
  top: 2rem;
  z-index: 2;
}
#listing-ads-wrapper .remove-favourite.fa-heart {
  color: #017AFC;
}
@media (min-width: 768px) {
  #listing-ads-wrapper #listing-owl-ads-carousel .owl-carousel {
    width: 100%;
  }
}
#listing-ads-wrapper #listing-owl-ads-carousel .owl-stage-outer {
  z-index: 2;
}
#listing-ads-wrapper #listing-owl-ads-carousel .owl-stage .owl-item {
  outline: 0;
}
#listing-ads-wrapper #listing-owl-ads-carousel .owl-stage .owl-item .badge {
  box-shadow: inherit;
  outline: 0;
}
@media (max-width: 419px) {
  #listing-ads-wrapper #listing-owl-ads-carousel .owl-stage .owl-item .item-class {
    margin-left: 1.5rem;
  }
}
@media (min-width: 420px) {
  #listing-ads-wrapper #listing-owl-ads-carousel .owl-stage .owl-item .item-class {
    width: 100%;
    /* margin-right: 0.5rem; */
    margin-right: 0;
    margin-left: 0.5rem;
  }
}
#listing-ads-wrapper #listing-owl-ads-carousel .owl-nav {
  position: relative;
  width: 100%;
  z-index: 2;
}
#listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button {
  margin: 1rem;
  box-shadow: 0 1px 3px #d9d9d9;
  border-radius: 50%;
  margin-top: -3.7rem;
  background-color: none;
}
#listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button i:before {
  height: 40px;
  width: 40px;
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  color: #017AFC;
  font-weight: bold;
  padding-top: 10px;
}
#listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-prev {
  float: left;
  position: absolute;
  right: -10px;
  bottom: 1px;
}
[dir=rtl] #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-prev {
  border: none;
  float: right;
}
#listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-prev body[dir=ltr] {
  left: -36px;
}
#listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-prev i:before {
  padding-right: 2px;
}
[dir=rtl] #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-prev i:before {
  padding-left: 2px;
}
#listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-next {
  position: absolute;
  left: -36px;
  bottom: 1px;
  float: right;
}
[dir=rtl] #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-next {
  border: none;
  float: left;
}
#listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-next i:before {
  padding-left: 2px;
}
[dir=rtl] #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-next i:before {
  padding-right: 2px;
}
@media (max-width: 768px) {
  #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-next {
    margin-right: -2.2rem;
  }
}
#listing-ads-wrapper #listing-owl-ads-carousel .owl-prev.disabled {
  display: none;
}
#listing-ads-wrapper #listing-owl-ads-carousel .owl-next.disabled {
  display: none;
}
#listing-ads-wrapper #listing-owl-ads-carousel .en-tags-bg {
  font-size: 0.675rem !important;
}
#listing-ads-wrapper .swiper-slide {
  /* width: 468.667px !important; */
  width: 6.5% !important;
  margin-left: 20px !important;
  overflow: hidden !important;
}
@media (max-width: 768px) {
  #listing-ads-wrapper .swiper-slide {
    width: 248px !important;
    margin-right: 20px !important;
    overflow: hidden !important;
  }
}
#listing-ads-wrapper #search-box-section {
  padding: 0 0 0.6875rem;
  margin-bottom: 4rem;
  background-color: #faf9f9;
}
#listing-ads-wrapper #search-box-section #listing-search-input-form {
  box-shadow: 0 0.142rem 1rem 0 rgba(0, 0, 0, 0.1);
  height: 3.5rem;
}
#listing-ads-wrapper #search-box-section #search-form {
  position: relative;
}
#listing-ads-wrapper #search-box-section #search-form .field-listing-search-input-form .icon-inside-input__icon {
  top: 1.25rem;
}
@media (min-width: 768px) {
  #listing-ads-wrapper #search-box-section #search-form {
    top: 3.125rem;
  }
}
@media (max-width: 768px) {
  #listing-ads-wrapper .remove-search-bar {
    margin-bottom: 0 !important;
    background-color: white !important;
  }
}
#listing-ads-wrapper #category-badge-section span h1 {
  margin-bottom: 2rem;
  font-size: 1.25rem !important;
}
#listing-ads-wrapper #category-badge-section .badge-secondary {
  background: #f5f5f5;
  padding: 0.875rem;
  font-size: 0.875rem;
  color: #484848;
  font-weight: normal;
  margin-bottom: 1rem;
}
#listing-ads-wrapper #category-badge-section .badge-secondary.active, #listing-ads-wrapper #category-badge-section .badge-secondary:hover {
  background: #d9d9d9;
}
@media (max-width: 768px) {
  #listing-ads-wrapper #category-badge-section span {
    text-align: left;
  }
  [dir=rtl] #listing-ads-wrapper #category-badge-section span {
    text-align: right;
  }
  #listing-ads-wrapper #category-badge-section span h1 {
    font-size: 0.875rem !important;
  }
  #listing-ads-wrapper #category-badge-section i {
    float: right;
  }
  [dir=rtl] #listing-ads-wrapper #category-badge-section i {
    float: left;
  }
}
@media (max-width: 576px) {
  #listing-ads-wrapper #post-ads-pager .pagination .page-item {
    display: none;
  }
  #listing-ads-wrapper #post-ads-pager .pagination .page-item.active, #listing-ads-wrapper #post-ads-pager .pagination .page-item.prev, #listing-ads-wrapper #post-ads-pager .pagination .page-item.next {
    display: block;
  }
  #listing-ads-wrapper #post-ads-pager .pagination .page-item.active + .page-item {
    display: block;
  }
}
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck {
  flex-direction: column;
}
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card {
  flex: 1 0 98%;
}
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body {
  padding: 0;
}
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .sticky-box {
  width: 1.875rem;
  height: 1.625rem;
  font-size: 0.5rem;
  left: 0.5rem;
}
[dir=rtl] #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .sticky-box {
  left: inherit;
  right: 0.5rem;
}
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .fav-wrapper {
  margin-top: 3px;
  margin-right: 9px;
}
[dir=rtl] #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .fav-wrapper {
  margin-right: 0;
  margin-left: 9px;
}
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .top-content-wrapper {
  width: calc(100% - 104px);
}
@media (min-width: 480px) {
  #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .top-content-wrapper {
    width: calc(100% - 126px);
  }
}
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .ads-title-mobile {
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: -7px;
}
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .ads-title-mobile a {
  font-size: 12px;
}
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .date-text {
  vertical-align: top;
  font-size: 10px;
  margin-top: 0.5rem;
  margin-left: 1rem;
}
[dir=rtl] #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .date-text {
  margin-left: 0;
  margin-right: 1rem;
}
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body f .sc-wrapper {
  margin-top: -37px;
  width: calc(100% - 104px);
  padding-right: 12px;
  padding-left: 12px;
}
@media (min-width: 480px) {
  #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body f .sc-wrapper {
    width: calc(100% - 126px);
  }
}
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body f .sc-wrapper .share-sc-buttons {
  width: 36px;
  height: 26px;
  padding: 2px 8px;
  line-height: 1;
}
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body f .sc-wrapper .share-sc-buttons img {
  width: 20px;
  height: 20px;
}
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card img {
  width: 104px;
  height: 96px;
}
@media (min-width: 480px) {
  #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card img {
    width: 126px;
    height: 108px;
  }
}
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-content-block {
  padding: 1rem;
}
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-title {
  margin-bottom: 0.5rem;
}
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-price {
  font-size: 10px;
}
@media (max-width: 333px) {
  #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-price {
    font-size: 7px;
  }
}
#listing-ads-wrapper #ads-card-wrapper .web-card-deck .card {
  flex: 0 0 22%;
}
@media (max-width: 1200px) {
  #listing-ads-wrapper #ads-card-wrapper .web-card-deck .card {
    flex: 1 0 30%;
  }
}
#listing-ads-wrapper #ads-card-wrapper .web-card-deck .card .card-body .sticky-box {
  width: 2.875rem;
  height: 2.625rem;
  font-size: 0.6rem;
  left: 1.5rem;
  padding: 0.5rem;
}
[dir=rtl] #listing-ads-wrapper #ads-card-wrapper .web-card-deck .card .card-body .sticky-box {
  left: inherit;
  right: 1.5rem;
}
#listing-ads-wrapper #ads-card-wrapper .web-card-deck .card img {
  height: 10.125rem;
  object-fit: cover;
}
#listing-ads-wrapper #ads-card-wrapper .web-card-deck .card-title {
  height: 3.75rem;
  overflow: hidden;
}
#listing-ads-wrapper #ads-card-wrapper .card .sticky-box {
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #ffdd15;
  font-size: 0.6rem;
  font-weight: bold;
  text-align: center;
}
#listing-ads-wrapper #ads-card-wrapper .card .card-price {
  color: #017AFC;
  margin-top: 0.25rem;
}
#listing-ads-wrapper #ads-card-wrapper .card .fav-post:hover i, #listing-ads-wrapper #ads-card-wrapper .card .fav-post.active i {
  color: #017AFC;
}

#sort-custom-modal {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
}
#sort-custom-modal .sort-custom-modal-content {
  position: fixed;
  bottom: 0;
  background: #fff;
  width: 100%;
  height: 13.125rem;
  padding: 3.5rem 1rem 0;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  box-shadow: 0 -0.35rem 1.14rem 0 rgba(0, 0, 0, 0.1);
}
#sort-custom-modal .sort-custom-modal-content h2 {
  padding-bottom: 2rem;
}
#sort-custom-modal .sort-custom-modal-content .custom-radio-container {
  font-size: 1rem;
  line-height: 1.5;
  color: #484848;
}

body[dir=ltr] #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-next {
  right: -36px !important;
  left: unset;
}
body[dir=ltr] #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-prev {
  left: -36px !important;
  right: unset;
}

.mid-banner {
  width: 100%;
  height: 234px;
}
@media (max-width: 768px) {
  .mid-banner {
    height: 140px;
  }
}

@media (max-width: 768px) {
  .mid-banner-grid-span {
    grid-column: span 2/span 2;
  }
}
@media (min-width: 1024px) {
  .mid-banner-grid-span {
    grid-column: span 4/span 4;
  }
}
@media (min-width: 1280px) {
  .mid-banner-grid-span {
    grid-column: span 5/span 5;
  }
}

@media (max-width: 768px) {
  .post-list-view .mid-banner-grid-span {
    grid-column: span 1/span 1 !important;
  }
}

@media (max-width: 768px) {
  .post-grid-view .mid-banner-grid-span {
    grid-column: span 2/span 2 !important;
  }
}

.commercial-items {
  margin-bottom: 4rem !important;
}

/*********************************************************************************************************************
14.0  Error Page
*********************************************************************************************************************/
.site-error-wrapper .go-home-btn {
  width: auto;
  height: 3rem;
  padding: 0.75rem;
}
.site-error-wrapper .page-500 .go-home-btn {
  height: 3.5rem;
  padding: 1rem;
}
@media (min-width: 769px) {
  .site-error-wrapper .page-500 .go-home-btn {
    width: 17.875rem;
  }
}
@media (max-width: 768px) {
  .site-error-wrapper .page-500 .go-home-btn {
    width: 100%;
    max-width: 17.875rem;
  }
}
@media (max-width: 768px) {
  .site-error-wrapper .not-found-img {
    width: 17.25rem;
  }
}
@media (min-width: 769px) {
  .site-error-wrapper .internal-server-img {
    width: 40%;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .site-error-wrapper .internal-server-img {
    width: 35%;
  }
}
@media (min-width: 769px) {
  .site-error-wrapper .error-404-grid-utility {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1.5rem;
  }
}
@media (max-width: 768px) {
  .site-error-wrapper .error-404-grid-utility {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .site-error-wrapper .carousel-with-bottom-indicators .owl-nav button.owl-prev {
    right: 25% !important;
    top: -7px;
  }
}
@media (max-width: 768px) {
  .site-error-wrapper .carousel-with-bottom-indicators .owl-nav button.owl-next {
    left: 25% !important;
    top: -7px !important;
  }
}
.site-error-wrapper .carousel-with-bottom-indicators.red-owl-dot .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
}

@media (min-width: 769px) {
  .error-sticky-ads .carousel-with-bottom-indicators .owl-nav {
    height: 44px;
  }
}
@media (max-width: 768px) {
  .error-404-sticky-ads .carousel-with-bottom-indicators .owl-nav {
    height: 34px !important;
  }
  .error-sticky-ads .carousel-with-bottom-indicators .owl-nav {
    height: 48px !important;
  }
}
/*********************************************************************************************************************
15.0  Authentication Pages
*********************************************************************************************************************/
.site-login-wrapper .field-loginform-password {
  width: 100%;
}
.site-login-wrapper .login-password-input {
  font-size: 1.125rem;
  color: #484848;
  font-weight: bold;
}
.site-login-wrapper .login-password-input::placeholder {
  font-weight: 100;
}
@media (min-width: 769px) {
  .site-login-wrapper .login-button {
    margin-top: 4rem;
  }
}
@media (max-width: 768px) {
  .site-login-wrapper .login-button {
    margin-top: 1rem;
  }
}
@media (min-width: 769px) {
  .site-login-wrapper {
    padding: 2rem;
    height: 100%;
  }
}

.site-signup-wrapper .field-signupform-password {
  width: 100%;
}
.site-signup-wrapper .web-signup-content {
  padding: 1rem;
}
.site-signup-wrapper .web-signup-content .signup-content {
  margin-top: 6rem;
}
.site-signup-wrapper input.error-pin {
  border-color: #e54d18 !important;
}

.site-enter-password-wrapper .field-resetpasswordform-newpassword, .site-enter-password-wrapper .field-resetpasswordform-passwordconfirm {
  width: 100%;
}
@media (max-width: 768px) {
  .site-enter-password-wrapper .form-group {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .site-enter-password-wrapper .show-password-btn {
    top: 50% !important;
  }
}

@media (max-width: 768px) {
  .site-signup-last-step-wrapper .form-group {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .site-signup-last-step-wrapper .password-icon-mobile-top {
    top: 44% !important;
  }
}
.site-signup-last-step-wrapper .has-error {
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .site-signup-last-step-wrapper .has-error {
    font-size: 0.75rem;
  }
}
.site-signup-last-step-wrapper .has-error .help-block-error {
  position: relative;
  margin-top: 0.5rem;
}
.site-signup-last-step-wrapper .has-error .help-block-error:before {
  content: "* ";
}
.site-signup-last-step-wrapper .signup-password-block .help-block-error {
  position: absolute;
}

.site-contact-wrapper .web-contact-content {
  padding: 1rem;
}
.site-contact-wrapper .web-contact-content .contact-content {
  margin-top: 6rem;
}
.site-contact-wrapper .web-contact-content .small-box {
  width: 10.625rem;
  height: 4.5rem;
  margin: 2.25rem 1rem 0 0;
  padding: 0.625rem 0.8125rem;
  border-radius: 0.25rem;
  border: solid 1px #484848;
}
.site-contact-wrapper .mobile-contact-content .main-img {
  width: 21rem;
  height: 19rem;
}
.site-contact-wrapper .mobile-contact-content .small-box {
  height: 3.5rem;
  padding: 0.625rem 0.8125rem;
  border-radius: 0.25rem;
  border: solid 1px #484848;
}

.site-forgot-wrapper .home-page-btn {
  width: 24.6875rem;
}
@media (max-width: 768px) {
  .site-forgot-wrapper .home-page-btn {
    width: 100%;
  }
}

/*********************************************************************************************************************
16.0  Country Page
*********************************************************************************************************************/
.country-switcher-page-city-link {
  padding: 0 0.4rem;
}

/*********************************************************************************************************************
17.0  Post View Details Page
*********************************************************************************************************************/
@font-face {
  font-family: NotoKufiArabic-Bold;
  src: url(/common-assets/fonts/arabic/NotoKufiArabic-Bold.ttf);
}
@font-face {
  font-family: NotoKufiArabic-Regular;
  src: url(/common-assets/fonts/arabic/NotoKufiArabic-Regular.ttf);
}
#post-view-wrapper .mt-lg-6 {
  margin-top: 40px;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  #post-view-wrapper .related-post-price {
    font-size: 0.875rem;
  }
  #post-view-wrapper .related-post-date {
    font-size: 0.75rem;
  }
  #post-view-wrapper .related-post-title {
    font-size: 1rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #post-view-wrapper .related-post-price {
    font-size: 0.875rem;
  }
  #post-view-wrapper .related-post-date {
    font-size: 0.75rem;
  }
  #post-view-wrapper .related-post-title {
    font-size: 1rem;
  }
}
#post-view-wrapper .web-post-view-content #breadcrumb-wrapper .breadcrumb-item {
  font-size: 0.75rem;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #post-view-wrapper .web-post-view-content .post-title {
    font-size: 1.75rem;
  }
}
#post-view-wrapper .web-post-view-content .edit-action .edit-icon {
  background: url("../../images/profile/edit.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem;
}
@media (max-width: 768px) {
  #post-view-wrapper .web-post-view-content .edit-action .edit-icon {
    width: auto;
    height: auto;
  }
}
#post-view-wrapper .web-post-view-content .view-post-slider {
  height: auto;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
#post-view-wrapper .web-post-view-content .view-post-slider .carousel-inner {
  height: 32rem;
  border-radius: 1rem;
}
#post-view-wrapper .web-post-view-content .view-post-slider .carousel-inner .carousel-item img {
  object-fit: cover;
  width: 100%;
  height: 32rem;
}
#post-view-wrapper .web-post-view-content .view-post-slider .carousel-indicators li {
  width: 0.75rem;
  height: 0.75rem;
}
#post-view-wrapper .web-post-view-content .report-abuse-btn:hover {
  color: #484848;
}
#post-view-wrapper .web-post-view-content .card {
  flex-basis: 22%;
  height: 20.125rem;
  margin-right: 1rem;
}
[dir=rtl] #post-view-wrapper .web-post-view-content .card {
  margin-right: unset;
  margin-left: 1rem;
}
@media (max-width: 1200px) {
  #post-view-wrapper .web-post-view-content .card {
    flex: 1 0 30%;
  }
}
#post-view-wrapper .web-post-view-content .card .card-title {
  height: 3.75rem;
  overflow: hidden;
}
#post-view-wrapper .web-post-view-content .card img {
  height: 10.125rem;
  object-fit: cover;
}
#post-view-wrapper .mobile-post-view-content #breadcrumb-wrapper .breadcrumb-item {
  font-size: 0.75rem;
}
#post-view-wrapper .mobile-post-view-content .view-post-slider {
  height: 13.25rem;
  width: 100%;
}
#post-view-wrapper .mobile-post-view-content .view-post-slider .carousel-inner {
  height: 13.25rem;
}
#post-view-wrapper .mobile-post-view-content .view-post-slider .carousel-inner .carousel-item img {
  object-fit: cover;
  width: 100%;
  height: 13.25rem;
}
#post-view-wrapper .mobile-post-view-content .view-post-slider .carousel-indicators li {
  width: 0.375rem;
  height: 0.375rem;
}
#post-view-wrapper .mobile-post-view-content .view-post-slider .carousel-control-prev-icon,
#post-view-wrapper .mobile-post-view-content .view-post-slider .carousel-control-next-icon {
  display: none;
}
#post-view-wrapper .mobile-post-view-content .fixed-top-sm {
  position: absolute;
  top: 1rem;
  right: 0;
  left: 0;
}
#post-view-wrapper .mobile-post-view-content .installed-box {
  border-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
}
[dir=rtl] #post-view-wrapper .mobile-post-view-content .installed-box {
  border-top-left-radius: 0.25rem;
}
[dir=rtl] #post-view-wrapper .mobile-post-view-content .installed-box {
  border-top-right-radius: 0;
}
[dir=rtl] #post-view-wrapper .mobile-post-view-content .installed-box {
  border-bottom-left-radius: 0.25rem;
}
[dir=rtl] #post-view-wrapper .mobile-post-view-content .installed-box {
  border-bottom-right-radius: 0;
}
#post-view-wrapper .mobile-post-view-content .small-icon {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2117647059);
  width: 1.5rem;
  height: 1.5rem;
  z-index: 1;
}
#post-view-wrapper .mobile-post-view-content .small-icon i {
  margin: 0.25rem;
  font-size: 1rem;
}
#post-view-wrapper .mobile-post-view-content .post-title {
  font-weight: 900;
}
#post-view-wrapper .mobile-post-view-content .share-post-btn {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
#post-view-wrapper .mobile-post-view-content .post-title {
  line-height: 1.5rem;
}
#post-view-wrapper .mobile-post-view-content .price-block-sm .not-specified-price {
  width: 5rem;
}
#post-view-wrapper .mobile-post-view-content .price .price-val {
  font-weight: 900;
}
#post-view-wrapper .mobile-post-view-content .price .price-currency {
  font-size: 1rem;
  margin-top: 0.25rem;
}
#post-view-wrapper .mobile-post-view-content #post-details-content-widget {
  font-size: 0.625rem;
}
#post-view-wrapper .mobile-post-view-content .report-abuse-block {
  padding: 0.5rem;
}
#post-view-wrapper .mobile-post-view-content .report-abuse-block .report-abuse-btn {
  font-size: 1rem;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}
#post-view-wrapper .mobile-post-view-content .report-abuse-block .report-abuse-red-btn {
  font-size: 1rem;
  background: url(../../images/custom-icons/outlined-flag-red.svg) 100% 50% no-repeat;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}
#post-view-wrapper .mobile-post-view-content .mobile-card-deck {
  flex-direction: column;
}
#post-view-wrapper .mobile-post-view-content .mobile-card-deck .card {
  flex: 1 0 98%;
}
#post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body {
  padding: 0;
}
#post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .fav-wrapper {
  margin-top: 3px;
  margin-right: 9px;
}
[dir=rtl] #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .fav-wrapper {
  margin-right: 0;
  margin-left: 9px;
}
#post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .top-content-wrapper {
  width: calc(100% - 104px);
}
@media (min-width: 480px) {
  #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .top-content-wrapper {
    width: calc(100% - 126px);
  }
}
#post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .ads-title-mobile {
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 12px;
}
[dir=rtl] #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .ads-title-mobile {
  margin-left: unset;
  margin-right: 12px;
}
#post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .ads-title-mobile a {
  font-size: 0.75rem;
}
#post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .date-text {
  vertical-align: top;
  font-size: 0.625rem;
  margin-top: 0.5rem;
  margin-left: 0.7rem;
}
[dir=rtl] #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .date-text {
  margin-left: 0;
  margin-right: 0.7rem;
}
#post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .sc-wrapper {
  margin-top: -40px;
  width: calc(100% - 104px);
  padding-right: 12px;
  padding-left: 12px;
}
@media (min-width: 480px) {
  #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .sc-wrapper {
    width: calc(100% - 126px);
  }
}
#post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .sc-wrapper .share-sc-buttons {
  width: 36px;
  height: 36px;
  padding: 5px 0;
  line-height: 1;
}
#post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .sc-wrapper .share-sc-buttons img {
  width: 24px;
  height: 24px;
}
#post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .sticky-box {
  left: 1.5rem;
  right: inherit;
}
[dir=rtl] #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .sticky-box {
  right: 1.5rem;
  left: inherit;
}
#post-view-wrapper .mobile-post-view-content .mobile-card-deck .card img {
  width: 104px;
  height: 96px;
  display: inline;
  object-fit: cover;
}
#post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-content-block {
  padding: 1rem;
}
#post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-title {
  margin-bottom: 0.5rem;
}
#post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-price {
  font-size: 12px;
}
@media (max-width: 333px) {
  #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-price {
    font-size: 7px;
  }
}
#post-view-wrapper #post-details-content-widget .description-block {
  width: 47.625rem;
}
@media (max-width: 768px) {
  #post-view-wrapper #post-details-content-widget .description-block {
    width: 100%;
  }
}
#post-view-wrapper #post-details-content-widget .description-block .description-text, #post-view-wrapper #post-details-content-widget .description-block .short-description-text {
  width: 47.625rem;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #post-view-wrapper #post-details-content-widget .description-block .description-text, #post-view-wrapper #post-details-content-widget .description-block .short-description-text {
    width: 100%;
  }
}
#post-view-wrapper #post-details-content-widget .description-block .long-description-content {
  position: relative;
  height: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
#post-view-wrapper #post-details-content-widget .description-block .long-description-content .hold-description {
  position: absolute;
  background: url(../../images/gradient.png) 100% 50%;
  width: 100%;
  height: 5rem;
  top: 38%;
}
@media (max-width: 768px) {
  #post-view-wrapper #post-details-content-widget .description-block .long-description-content .hold-description {
    top: 50%;
  }
}
#post-view-wrapper #post-details-content-widget .description-block .long-description-content.open {
  height: 100%;
  white-space: unset;
}
#post-view-wrapper #post-details-content-widget .description-block .long-description-content.open .description-text {
  opacity: unset;
}
#post-view-wrapper #post-details-content-widget .description-block .long-description-content.open .hold-description {
  display: none;
}
#post-view-wrapper #post-details-content-widget .description-block .expand-description-block {
  position: relative;
}
#post-view-wrapper #post-details-content-widget .description-block .expand-description-block .trigger-button.open {
  margin-top: 3rem;
}
#post-view-wrapper #post-details-content-widget .description-block .expand-description-block .arrow-red {
  background: url(../../images/custom-icons/arrows/arrow-down-red.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
}
#post-view-wrapper #post-details-content-widget .description-block .expand-description-block .arrow-red.open {
  background: url(../../images/custom-icons/arrows/arrow-up-red.svg) 100% 50% no-repeat;
}
#post-view-wrapper .comments-section {
  margin-top: 5rem;
}
#post-view-wrapper .post-sub-title {
  font-size: 1.5rem;
}
#post-view-wrapper #breadcrumb-wrapper {
  padding: 0;
}
#post-view-wrapper #breadcrumb-wrapper .breadcrumb-item + .breadcrumb-item::before {
  float: left;
}
[dir=rtl] #post-view-wrapper #breadcrumb-wrapper .breadcrumb-item + .breadcrumb-item::before {
  float: right;
}
#post-view-wrapper .abuse-description-field {
  resize: none;
}
#post-view-wrapper .view-post-slider .carousel-control-prev-icon {
  background: url(../../images/custom-icons/arrow-back.svg) 50%/100% 100% no-repeat;
  padding: 0.75rem;
}
[dir=rtl] #post-view-wrapper .view-post-slider .carousel-control-prev-icon {
  background: url(../../images/custom-icons/arrow-next.svg) 50%/100% 100% no-repeat;
}
#post-view-wrapper .view-post-slider .carousel-control-next-icon {
  background: url(../../images/custom-icons/arrow-next.svg) 50%/100% 100% no-repeat;
  padding: 0.75rem;
}
[dir=rtl] #post-view-wrapper .view-post-slider .carousel-control-next-icon {
  background: url(../../images/custom-icons/arrow-back.svg) 50%/100% 100% no-repeat;
}
#post-view-wrapper .view-post-slider .carousel-indicators li {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 100%;
  background-color: unset;
  border: 1px solid #fff;
}
#post-view-wrapper .view-post-slider .carousel-indicators .active {
  background-color: #fff;
}
#post-view-wrapper .edit-action .edit-icon {
  background: url("../../images/profile/edit.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem;
}
@media (max-width: 768px) {
  #post-view-wrapper .edit-action .edit-icon {
    width: auto;
    height: auto;
  }
}
#post-view-wrapper .installed-box {
  background-color: #ffdd15;
  width: 96px;
  border-radius: 4px;
  font-size: 0.9rem;
  display: flex;
  font-weight: 600;
  align-items: center;
  align-content: center;
  padding: 7px;
  justify-content: space-evenly;
  position: absolute;
  left: 0;
  top: -23px;
}
@media (max-width: 768px) {
  #post-view-wrapper .installed-box {
    position: relative;
    left: unset;
    top: unset;
    background-color: #ffdd15;
    width: 3.875rem;
    height: 2rem;
    border-radius: 0.25rem;
    margin-bottom: 1rem;
    font-size: 0.6875rem;
    display: flex;
    justify-content: space-evenly;
    padding-top: 0.5rem;
    font-weight: 600;
  }
}
#post-view-wrapper .post-date {
  color: #a1a1a1;
}
#post-view-wrapper .price .price-currency {
  margin: 1rem 0.2rem 0 0.2rem;
}
#post-view-wrapper .post-actions a:hover {
  color: #484848;
}
#post-view-wrapper .post-actions .post-action-label {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
#post-view-wrapper .advice-block {
  margin-top: 1rem;
  font-size: 0.625rem;
  padding: 0.5rem;
  background-color: #fff6e5;
  border-radius: 8px;
}
#post-view-wrapper .advice-block .advice-description {
  line-height: 1.4rem;
}
#post-view-wrapper .owl-desktop-float .owl-stage {
  float: left;
}
[dir=rtl] #post-view-wrapper .owl-desktop-float .owl-stage {
  float: right;
}
#post-view-wrapper .card .sticky-box {
  width: 2.875rem;
  height: 2.625rem;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  right: inherit;
  background: #ffdd15;
  font-size: 0.6rem;
  font-weight: bold;
  text-align: center;
  padding: 0.5rem;
}
[dir=rtl] #post-view-wrapper .card .sticky-box {
  right: 0.5rem;
  left: inherit;
}
#post-view-wrapper .card .card-price {
  color: #017AFC;
  margin-top: 0.25rem;
}
#post-view-wrapper .card .fav-post:hover i, #post-view-wrapper .card .fav-post.active i {
  color: #017AFC;
}
#post-view-wrapper .card .card-price-block {
  justify-content: flex-start;
}
[dir=rtl] #post-view-wrapper .card .card-price-block {
  justify-content: flex-end;
}
#post-view-wrapper .card .card-price-block .card-price-value {
  order: 1;
}
[dir=rtl] #post-view-wrapper .card .card-price-block .card-price-value {
  order: 2;
}
#post-view-wrapper .card .card-price-block .card-price-currency {
  order: 2;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}
[dir=rtl] #post-view-wrapper .card .card-price-block .card-price-currency {
  order: 1;
}
#post-view-wrapper .post-comment-block .post-comment-date {
  color: #a1a1a1;
}
#post-view-wrapper .post-comment-block .fa-trash {
  color: #017AFC;
}
#post-view-wrapper #report-abuse-modal .modal-header .close, #post-view-wrapper #block-modal .modal-header .close {
  margin: 0;
  padding: 0;
  position: absolute;
}
#post-view-wrapper #report-abuse-modal .modal-header h5, #post-view-wrapper #block-modal .modal-header h5 {
  margin-top: 2rem;
  left: 30%;
  right: 30%;
  position: relative;
}
#post-view-wrapper #report-abuse-modal .modal-content, #post-view-wrapper #block-modal .modal-content {
  border-radius: 0.5rem;
}
#post-view-wrapper #report-abuse-modal .report-abuse-form input[type=radio], #post-view-wrapper #block-modal .report-abuse-form input[type=radio] {
  -webkit-appearance: none;
  width: 25px;
  height: 24px;
  border: 1px solid #000;
  border-radius: 50%;
  outline: none;
}
#post-view-wrapper #report-abuse-modal .report-abuse-form input[type=radio]:before, #post-view-wrapper #block-modal .report-abuse-form input[type=radio]:before {
  content: "";
  display: grid;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  left: unset;
  position: relative;
  margin: 3.1px;
}
[dir=rtl] #post-view-wrapper #report-abuse-modal .report-abuse-form input[type=radio]:before, [dir=rtl] #post-view-wrapper #block-modal .report-abuse-form input[type=radio]:before {
  left: -1px;
  right: unset;
}
#post-view-wrapper #report-abuse-modal .report-abuse-form input[type=radio]:checked, #post-view-wrapper #block-modal .report-abuse-form input[type=radio]:checked {
  border: 1px solid #017AFC;
}
#post-view-wrapper #report-abuse-modal .report-abuse-form input[type=radio]:checked:before, #post-view-wrapper #block-modal .report-abuse-form input[type=radio]:checked:before {
  background: #017AFC;
}
#post-view-wrapper #report-abuse-modal .report-abuse-form .abuse-option-label, #post-view-wrapper #block-modal .report-abuse-form .abuse-option-label {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
#post-view-wrapper #report-abuse-modal .send-report-abuse-btn, #post-view-wrapper #block-modal .send-report-abuse-btn {
  width: 7.8125rem;
}
#post-view-wrapper #report-abuse-modal .block-btn, #post-view-wrapper #block-modal .block-btn {
  border-radius: 28px;
}
#post-view-wrapper #report-abuse-modal .go-home-btn, #post-view-wrapper #block-modal .go-home-btn {
  color: #017AFC;
}
#post-view-wrapper #report-abuse-modal .block-user-message, #post-view-wrapper #block-modal .block-user-message {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
#post-view-wrapper #report-abuse-modal .left-0, #post-view-wrapper #block-modal .left-0 {
  left: 0 !important;
}
#post-view-wrapper #report-abuse-modal .right-0, #post-view-wrapper #block-modal .right-0 {
  right: 0 !important;
}
#post-view-wrapper .load-more-btn {
  padding: 0.75rem;
  border-color: #f1f1f1;
}
#post-view-wrapper .load-more-btn:hover {
  border-color: #484848;
  color: #484848;
  background-color: #fff;
}
#post-view-wrapper .warning-icon {
  background: url(../../images/custom-icons/warning.svg) 50% 50% no-repeat;
  padding: 0.7rem;
}
#post-view-wrapper .outlined-flag-icon {
  background: url(../../images/custom-icons/outlined-flag.svg) 50% 50% no-repeat;
  padding: 0.7rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}
#post-view-wrapper .outlined-flag-red-icon {
  background: url(../../images/custom-icons/outlined-flag-red.svg) 50% 50% no-repeat;
  padding: 0.7rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}
#post-view-wrapper .border-bottom-gainsboro {
  border-bottom: 1px solid #DDDDDD;
}
#post-view-wrapper .post-error-view-section .web-post-error-view-content .content-block .error-img {
  width: 34.375rem;
  height: 30.375rem;
}
#post-view-wrapper .post-error-view-section .web-post-error-view-content .content-block .deleted-text-content-block {
  margin-top: 6rem;
}
#post-view-wrapper .post-error-view-section .web-post-error-view-content .content-block .text-content-block .sorry-message, #post-view-wrapper .post-error-view-section .web-post-error-view-content .content-block .text-content-block .reason-message {
  font-size: 2.25rem;
}
#post-view-wrapper .post-error-view-section .web-post-error-view-content .content-block .text-content-block .reason-message {
  margin-bottom: 1.375rem;
}
#post-view-wrapper .post-error-view-section .mobile-post-deleted-view-content .content-block .error-img {
  width: 19.875rem;
  height: 19.875rem;
}
#post-view-wrapper .post-error-view-section .mobile-post-error-view-content .content-block .error-img {
  width: 19.875rem;
  height: 19.875rem;
}
@media (max-width: 1600px) {
  #post-view-wrapper .error-img {
    width: 19.875rem !important;
    height: 19.875rem !important;
  }
}
#post-view-wrapper .owl-dots {
  margin-top: 1rem;
  bottom: unset;
}
#post-view-wrapper .owl-nav {
  position: relative;
  width: 100%;
  z-index: 2;
}
#post-view-wrapper .owl-nav button {
  margin: 1rem;
  border-radius: 50%;
}
#post-view-wrapper .owl-nav button i:before {
  height: 1.5rem;
  width: 1.5rem;
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  color: #484848;
  font-weight: bold;
  padding-top: 0.25rem;
}
#post-view-wrapper .owl-nav button.owl-prev {
  float: left;
}
[dir=rtl] #post-view-wrapper .owl-nav button.owl-prev {
  float: right;
}
@media (min-width: 769px) {
  #post-view-wrapper .owl-nav button.owl-prev {
    margin-left: 28rem;
  }
  [dir=rtl] #post-view-wrapper .owl-nav button.owl-prev {
    margin-left: unset;
    margin-right: 28rem;
  }
}
#post-view-wrapper .owl-nav button.owl-prev i:before {
  padding-right: 2px;
}
[dir=rtl] #post-view-wrapper .owl-nav button.owl-prev i:before {
  padding-left: 2px;
}
#post-view-wrapper .owl-nav button.owl-next {
  float: right;
}
[dir=rtl] #post-view-wrapper .owl-nav button.owl-next {
  float: left;
}
@media (min-width: 769px) {
  #post-view-wrapper .owl-nav button.owl-next {
    margin-right: 28rem;
  }
  [dir=rtl] #post-view-wrapper .owl-nav button.owl-next {
    margin-right: unset;
    margin-left: 28rem;
  }
}
#post-view-wrapper .owl-nav button.owl-next i:before {
  padding-left: 2px;
}
[dir=rtl] #post-view-wrapper .owl-nav button.owl-next i:before {
  padding-right: 2px;
}
#post-view-wrapper .advice-block-m {
  margin-top: 5rem;
}
@media (min-width: 768px) {
  #post-view-wrapper {
    margin-top: 2rem;
  }
  #post-view-wrapper .post-details {
    margin-top: 1rem;
  }
}
@media (max-width: 768px) {
  #post-view-wrapper .post-sub-title {
    font-size: 1.25rem;
  }
  #post-view-wrapper .post-comment-block .post-comment-username,
  #post-view-wrapper .post-comment-block .post-comment-content {
    font-size: 0.625rem;
  }
  #post-view-wrapper .post-comment-block .post-comment-date {
    font-size: 0.5rem;
  }
}
@media (min-width: 769px) {
  #post-view-wrapper .post-details {
    padding: 0;
  }
}

@media (min-width: 769px) {
  .owner-post-view .confirm-remove-modal {
    width: 28rem;
  }
}
.owner-post-view .confirm-remove-modal .remove-post-icon {
  background: url("../../images/profile/post-actions/remove-lg.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 4rem;
  width: 4rem;
}
.owner-post-view .confirm-remove-modal .confirm-remove-post-modal-header {
  border-bottom: unset;
}
.owner-post-view .confirm-remove-modal .confirm-remove-post-modal-header .close {
  margin: -0.5rem -0.5rem -0.5rem auto;
}
@media (min-width: 769px) {
  .owner-post-view .confirm-remove-modal .btn {
    min-width: 7.5rem;
  }
}
.owner-post-view .confirm-remove-modal .cancel-remove-post-btn {
  color: #017AFC;
  border-color: #017AFC;
  background-color: #fff;
}
@media (min-width: 769px) {
  .owner-post-view .post-details {
    margin-top: unset !important;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .owner-post-view .phone-number-label {
    font-size: 0.875rem;
  }
  .owner-post-view .phone-number-text {
    font-size: 1.25rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .owner-post-view .phone-number-label {
    font-size: 0.75rem;
  }
  .owner-post-view .phone-number-text {
    font-size: 1rem;
  }
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block {
    margin-bottom: 1rem;
  }
}
.owner-post-view .post-status-block .post-status-message {
  margin-top: 0.75rem;
}
.owner-post-view .post-status-block .active-status-block .success-icon {
  margin-right: 0.5rem;
}
[dir=rtl] .owner-post-view .post-status-block .active-status-block .success-icon {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .active-status-block .success-icon {
    background: url(../../images/post-status/success-lg.svg) 100% 40% no-repeat;
    padding: 1rem;
    background-size: 100%;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .active-status-block .success-icon {
    background: url("../../images/post-status/success-sm.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .active-status-block {
    color: #49BF7C;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .active-status-block {
    color: #fff;
    background-color: #49BF7C;
    height: 3rem;
    display: flex;
    justify-content: center;
  }
}
.owner-post-view .post-status-block .pending-review-status-block .pending-review-icon {
  margin-right: 0.5rem;
}
[dir=rtl] .owner-post-view .post-status-block .pending-review-status-block .pending-review-icon {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .pending-review-status-block .pending-review-icon {
    background: url(../../images/post-status/pending-review-sm.svg) 100% 40% no-repeat;
    padding: 1rem;
    background-size: 100%;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .pending-review-status-block .pending-review-icon {
    background: url("../../images/post-status/pending-review-sm.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .pending-review-status-block {
    color: #57BEFB;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .pending-review-status-block {
    color: #fff;
    background-color: #57BEFB;
    height: 3rem;
    display: flex;
    justify-content: center;
  }
}
.owner-post-view .post-status-block .pending-payment-status-block .pending-payment-icon {
  margin-right: 0.5rem;
}
[dir=rtl] .owner-post-view .post-status-block .pending-payment-status-block .pending-payment-icon {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .pending-payment-status-block .pending-payment-icon {
    background: url(../../images/post-status/pending-payment-lg.svg) 100% 40% no-repeat;
    padding: 1rem;
    background-size: 100%;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .pending-payment-status-block .pending-payment-icon {
    background: url("../../images/post-status/pending-payment-sm.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}
.owner-post-view .post-status-block .pending-payment-status-block .scheduled-payment-icon {
  margin-right: 0.5rem;
}
[dir=rtl] .owner-post-view .post-status-block .pending-payment-status-block .scheduled-payment-icon {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .pending-payment-status-block .scheduled-payment-icon {
    background: url(../../images/post-status/watch_scheduled.svg) 100% 40% no-repeat;
    padding: 1rem;
    background-size: 100%;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .pending-payment-status-block .scheduled-payment-icon {
    background: url("../../images/post-status/watch_scheduled.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .pending-payment-status-block {
    color: #FF6A00;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .pending-payment-status-block {
    color: #fff;
    background-color: #FF6A00;
    height: 3rem;
    display: flex;
    justify-content: center;
  }
  .owner-post-view .post-status-block .pending-payment-status-block .post-status-message {
    margin-top: 0.875rem;
  }
}
.owner-post-view .post-status-block .expired-status-block .expired-icon {
  margin-right: 0.5rem;
}
[dir=rtl] .owner-post-view .post-status-block .expired-status-block .expired-icon {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .expired-status-block .expired-icon {
    background: url(../../images/post-status/expired-lg.svg) 100% 40% no-repeat;
    padding: 1rem;
    background-size: 100%;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .expired-status-block .expired-icon {
    background: url("../../images/post-status/expired-sm.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .expired-status-block {
    color: #1FAEC1;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .expired-status-block {
    color: #fff;
    background-color: #1FAEC1;
    height: 3rem;
    display: flex;
    justify-content: center;
  }
  .owner-post-view .post-status-block .expired-status-block .post-status-message {
    margin-top: 0.875rem;
  }
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .rejected-status-block {
    display: flex;
    justify-content: space-between;
    width: 46rem;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .rejected-status-block .contact-support-section {
    display: none;
  }
}
.owner-post-view .post-status-block .rejected-status-block .rejected-icon {
  margin-right: 0.5rem;
}
[dir=rtl] .owner-post-view .post-status-block .rejected-status-block .rejected-icon {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .rejected-status-block .rejected-icon {
    background: url(../../images/post-status/rejected-lg.svg) 100% 40% no-repeat;
    padding: 1rem;
    background-size: 100%;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .rejected-status-block .rejected-icon {
    background: url("../../images/post-status/rejected-sm.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}
.owner-post-view .post-status-block .rejected-status-block .contact-support-icon {
  margin-right: 0.5rem;
}
[dir=rtl] .owner-post-view .post-status-block .rejected-status-block .contact-support-icon {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .rejected-status-block .contact-support-icon {
    background: url("../../images/post-status/contact-support-lg.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .rejected-status-block {
    color: #AA0000;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .rejected-status-block {
    color: #fff;
    background-color: #AA0000;
    height: 3rem;
    display: flex;
    justify-content: center;
  }
  .owner-post-view .post-status-block .rejected-status-block .post-status-message {
    margin-top: 0.875rem;
  }
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .sold-status-block {
    display: flex;
    justify-content: space-between;
    width: 46rem;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .sold-status-block .contact-agent-section {
    display: none;
  }
}
.owner-post-view .post-status-block .sold-status-block .sold-icon {
  margin-right: 0.5rem;
}
[dir=rtl] .owner-post-view .post-status-block .sold-status-block .sold-icon {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .sold-status-block .sold-icon {
    background: url(../../images/post-status/sold-lg.svg) 100% 40% no-repeat;
    padding: 1rem;
    background-size: 100%;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .sold-status-block .sold-icon {
    background: url("../../images/post-status/sold-sm.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}
.owner-post-view .post-status-block .sold-status-block .scheduled-icon {
  margin-right: 0.5rem;
}
[dir=rtl] .owner-post-view .post-status-block .sold-status-block .scheduled-icon {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .sold-status-block .scheduled-icon {
    background: url(../../images/post-status/watch_scheduled.svg) 100% 40% no-repeat;
    padding: 1rem;
    background-size: 100%;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .sold-status-block .scheduled-icon {
    background: url("../../images/post-status/watch_scheduled_24dp") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}
.owner-post-view .post-status-block .sold-status-block .scheduled-sticky-icon {
  margin-right: 0.5rem;
}
[dir=rtl] .owner-post-view .post-status-block .sold-status-block .scheduled-sticky-icon {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .sold-status-block .scheduled-sticky-icon {
    background: url(../../images/post-status/flash_on-lg.svg) 100% 40% no-repeat;
    padding: 1rem;
    background-size: 100%;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .sold-status-block .scheduled-sticky-icon {
    background: url("../../images/post-status/flash_on-sm.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}
.owner-post-view .post-status-block .sold-status-block .contact-agent-icon {
  margin-right: 0.5rem;
}
[dir=rtl] .owner-post-view .post-status-block .sold-status-block .contact-agent-icon {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .sold-status-block .contact-agent-icon {
    background: url("../../images/post-status/support-agent-lg.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}
@media (min-width: 769px) {
  .owner-post-view .post-status-block .sold-status-block {
    color: #8133FF;
  }
  .owner-post-view .post-status-block .sold-status-block .contact-agent-section:hover {
    cursor: pointer;
  }
  .owner-post-view .post-status-block .sold-status-block .post-status-link {
    color: #8133FF;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .sold-status-block {
    color: #fff;
    background-color: #8133FF;
    height: 3rem;
    display: flex;
    justify-content: center;
  }
  .owner-post-view .post-status-block .sold-status-block .post-status-message {
    margin-top: 0.875rem;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-status-block .contact-support-block {
    color: #AA0000;
  }
  .owner-post-view .post-status-block .contact-support-block .contact-support-icon {
    margin-right: 0.5rem;
    background: url("../../images/post-status/contact-support-sm.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
  [dir=rtl] .owner-post-view .post-status-block .contact-support-block .contact-support-icon {
    margin-right: unset;
    margin-left: 0.5rem;
  }
  .owner-post-view .post-status-block .contact-agent-block {
    color: #8133FF;
  }
  .owner-post-view .post-status-block .contact-agent-block .contact-agent-icon {
    margin-right: 0.5rem;
    background: url("../../images/post-status/support-agent-sm.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
  [dir=rtl] .owner-post-view .post-status-block .contact-agent-block .contact-agent-icon {
    margin-right: unset;
    margin-left: 0.5rem;
  }
}
@media (min-width: 769px) {
  .owner-post-view .post-possible-actions {
    justify-content: flex-end;
  }
}
@media (max-width: 768px) {
  .owner-post-view .post-possible-actions {
    justify-content: center;
    margin-right: 0.25rem;
    border-bottom: 1px solid #E5E4E4;
    border-top: 1px solid #E5E4E4;
    padding: 0.5rem;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 23;
    width: 100%;
    background-color: white;
  }
  [dir=rtl] .owner-post-view .post-possible-actions {
    margin-right: unset;
    margin-left: 0.25rem;
  }
}
.owner-post-view .post-possible-actions .sticky-action {
  flex-grow: 1;
  background: #ffdd15;
  height: 3rem;
  border-radius: 0.25rem;
  cursor: pointer;
  color: #484848;
}
@media (max-width: 768px) {
  .owner-post-view .post-possible-actions .sticky-action {
    justify-content: center;
    align-items: center;
    flex-grow: 1;
  }
}
.owner-post-view .post-possible-actions .sticky-action .sticky-icon {
  background: url("../../images/profile/post-actions/sticky.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
}
.owner-post-view .post-possible-actions .sticky-action .sticky-text {
  margin-right: 0.5rem;
}
[dir=rtl] .owner-post-view .post-possible-actions .sticky-action .sticky-text {
  margin-right: unset;
  margin-left: 0.5rem;
}
.owner-post-view .post-possible-actions .make-payment-action {
  flex-grow: 1;
  justify-content: center;
  padding: 0.75rem;
  background: #FF6A00;
  height: 3rem;
  border-radius: 0.25rem;
  cursor: pointer;
  color: #fff;
}
.owner-post-view .post-possible-actions .make-payment-action .payment-card-icon {
  background: url("../../images/profile/post-actions/payment-card-white.svg") 100% 50% no-repeat;
  padding: unset;
  background-size: 100%;
  height: 1.5rem;
  width: 1.75rem;
}
.owner-post-view .post-possible-actions .repost-action {
  height: 3rem;
  padding: 14px 0;
  border-radius: 0.25rem;
  cursor: pointer;
  border: 1px solid #E7E7E7;
}
.owner-post-view .post-possible-actions .repost-action .repost-icon {
  background: url("../../images/profile/post-actions/repost.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 1.75rem;
  width: 1.75rem;
}
.owner-post-view .post-possible-actions .repost-action:hover {
  color: #484848;
}
.owner-post-view .post-possible-actions .share-action {
  height: 3rem;
  padding: 14px 0;
  border-radius: 0.25rem;
  cursor: pointer;
  border: 1px solid #E7E7E7;
}
.owner-post-view .post-possible-actions .share-action .share-icon {
  background: url("../../images/profile/post-actions/share.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 1.75rem;
  width: 1.75rem;
}
.owner-post-view .post-possible-actions .share-action:hover {
  color: #484848;
}
@media (max-width: 768px) {
  .owner-post-view .post-possible-actions .share-action {
    justify-content: center;
    align-items: center;
  }
}
.owner-post-view .post-possible-actions .edit-action {
  height: 3rem;
  padding: 14px 0;
  border-radius: 0.25rem;
  cursor: pointer;
  border: 1px solid #E7E7E7;
}
.owner-post-view .post-possible-actions .edit-action .edit-icon {
  background: url("../../images/profile/edit.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 1.75rem;
  width: 1.75rem;
}
@media (max-width: 768px) {
  .owner-post-view .post-possible-actions .edit-action .edit-icon {
    width: auto;
    height: auto;
  }
}
.owner-post-view .post-possible-actions .edit-action:hover {
  color: #484848;
}
.owner-post-view .post-possible-actions .remove-action {
  height: 3rem;
  padding: 14px 0;
  border-radius: 0.25rem;
  cursor: pointer;
  border: 1px solid #E7E7E7;
}
.owner-post-view .post-possible-actions .remove-action .remove-icon {
  background: url("../../images/profile/post-actions/remove.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 1.75rem;
  width: 1.75rem;
}
@media (max-width: 768px) {
  .owner-post-view .post-possible-actions .remove-action .remove-icon {
    width: auto;
    height: auto;
  }
}
.owner-post-view .post-possible-actions .remove-action:hover {
  color: #484848;
}

@media (max-width: 768px) {
  .post-possible-actions > * {
    justify-content: center;
    align-items: center;
    flex-grow: 1;
  }
}

@media only screen and (max-width: 768px) {
  .waseet-post-view .woot-widget-bubble {
    bottom: 3.5rem !important;
  }
  .waseet-post-view .add-your-ads-widget-widget-footer {
    margin-bottom: 7rem !important;
  }
  .waseet-post-view .post-phone-number-widget .justify-content-around {
    position: fixed !important;
    bottom: -2px !important;
    left: 0;
    z-index: 10 !important;
    width: 100% !important;
    padding-bottom: 12px !important;
    padding-top: 12px !important;
    background-color: white;
  }
  .waseet-post-view .btn-waseet-royal-blue {
    color: #000;
    background-color: #fff;
    border-color: #E7E7E7;
    width: 45% !important;
    font-size: 16px;
  }
  .waseet-post-view .btn-waseet-royal-blue img {
    width: 24px;
    height: 24px;
    margin-inline: 5%;
  }
  .waseet-post-view .btn-waseet-green {
    color: #000;
    background-color: #fff;
    border-color: #E7E7E7;
    width: 45% !important;
  }
  .waseet-post-view .btn-waseet-green .font-size-o875 {
    font-size: 16px;
  }
  .waseet-post-view .btn-waseet-green img {
    width: 24px;
    height: 24px;
    margin-inline: 5%;
  }
}
.post-title-view {
  color: #484848;
}

.g-post {
  width: 100%;
  padding-left: 15px;
}

.g-post a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  padding: 18px;
  font-weight: bold;
}

.on-click-social-post {
  width: 100%;
}

.on-click-social-post a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  background: white;
  padding: 0.75rem;
  color: #484848;
}

.small-picture {
  width: 134px !important;
  height: 134px !important;
  border-radius: 8px;
  object-fit: cover;
}

.carousel-with-bottom-indicators .owl-stage .owl-item .item-class img {
  width: 100%;
  padding: 0 !important;
  overflow: hidden;
}
@media (max-width: 768px) {
  .carousel-with-bottom-indicators .owl-stage .owl-item .item-class img {
    padding: 0 !important;
  }
}

.red-color {
  color: #017AFC;
}

.post-status label {
  margin-bottom: 0;
}

.copy-icon {
  display: none;
  transform: scale(0.7);
  position: absolute;
  left: 6px;
  top: 14px;
}

.copy-icon img {
  width: 14px !important;
}

.phone-number-call:hover .animate-call {
  transform: translateX(6px);
  transition: ease-in-out 0.3s all;
}

.phone-number-call:hover .copy-icon {
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  justify-items: center;
  background-color: #F2F2F2;
  justify-content: center;
  transform: scale(1);
  transition: ease-in-out 0.3s all;
}

body[dir=ltr] .copy-icon {
  right: 6px;
  left: unset;
}
body[dir=ltr] .phone-number-call:hover .animate-call {
  transform: translateX(-6px);
}
body[dir=ltr] .white-slider-glow {
  left: unset;
  right: 0;
  background: linear-gradient(-90deg, white 0%, rgba(255, 255, 255, 0.6054796919) 44%, rgba(255, 255, 255, 0) 100%);
}

.white-slider-glow {
  position: absolute;
  width: 100px;
  height: 134px;
  left: 0;
  top: 0;
  background: white;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.6054796919) 44%, rgba(255, 255, 255, 0) 100%);
  z-index: 50;
}

@media (min-width: 769px) {
  p {
    margin: 0;
    padding: 0;
  }
  .post-phone-number-widget {
    margin-top: 2.2rem;
  }
}
.pending-review-icon {
  margin-right: 0.5rem;
}
[dir=rtl] .pending-review-icon {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .pending-review-icon {
    background: url(../../images/post-status/pending-review-sm.svg) 100% 40% no-repeat;
    padding: 1rem;
    background-size: 100%;
  }
}
@media (max-width: 768px) {
  .pending-review-icon {
    background: url("../../images/post-status/pending-review-sm.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}

.success-icon {
  margin-right: 0.5rem;
}
[dir=rtl] .success-icon {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .success-icon {
    background: url("../../images/post-status/success-sm.svg") 100% 40% no-repeat;
    padding: 1rem;
    background-size: 100%;
  }
}
@media (max-width: 768px) {
  .success-icon {
    background: url("../../images/post-status/success-sm.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}

.pending-payment-icon {
  margin-right: 0.5rem;
}
[dir=rtl] .pending-payment-icon {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .pending-payment-icon {
    background: url("../../images/post-status/pending-payment-sm.svg") 100% 40% no-repeat;
    padding: 1rem;
    background-size: 100%;
  }
}
@media (max-width: 768px) {
  .pending-payment-icon {
    background: url("../../images/post-status/pending-payment-sm.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}

.scheduled-payment-icon {
  margin-right: 0.5rem;
}
[dir=rtl] .scheduled-payment-icon {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .scheduled-payment-icon {
    background: url("../../images/post-status/watch_scheduled.svg") 100% 40% no-repeat;
    padding: 1rem;
    background-size: 100%;
  }
}
@media (max-width: 768px) {
  .scheduled-payment-icon {
    background: url("../../images/post-status/watch_scheduled.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}

.rejected-icon {
  margin-right: 0.5rem;
}
[dir=rtl] .rejected-icon {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .rejected-icon {
    background: url("../../images/post-status/rejected-sm.svg") 100% 40% no-repeat;
    padding: 1rem;
    background-size: 100%;
  }
}
@media (max-width: 768px) {
  .rejected-icon {
    background: url("../../images/post-status/rejected-sm.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}

.color-for-nonspecific {
  color: black;
  font-weight: bold;
}
@media (max-width: 768px) {
  .color-for-nonspecific {
    color: #017AFC;
  }
}

.fa-chevron-right, .fa-chevron-left {
  font-size: 1rem;
}

@media (min-width: 769px) {
  .error-content-wrapper {
    margin: 8rem 2rem !important;
  }
}
@media (min-width: 769px) {
  .error-content-wrapper .card {
    border-radius: 8px !important;
  }
}
@media (max-width: 768px) {
  .error-content-wrapper .card {
    border-radius: 0 !important;
  }
}
@media (min-width: 769px) {
  .error-content-wrapper .card .card-header {
    border-radius: 8px 8px 0 0;
    justify-content: center !important;
  }
}
@media (max-width: 768px) {
  .error-content-wrapper .card .card-header {
    border-radius: 0;
  }
}
@media (min-width: 769px) {
  .error-content-wrapper .card .card-header > * + * {
    margin-right: 1.063rem;
  }
  [dir=rtl] .error-content-wrapper .card .card-header > * + * {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .error-content-wrapper .card .card-body {
    padding: 0 !important;
  }
}
.error-content-wrapper .items-grow-center {
  align-self: center;
}
@media (max-width: 768px) {
  .error-content-wrapper .items-grow-center {
    flex-grow: 1;
  }
}
.error-content-wrapper .redirect-button {
  position: absolute;
  left: -12px;
  top: -12px;
  padding: 2px;
  border-radius: 50%;
  background-color: white;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}
.error-content-wrapper .load-more-back-icon {
  filter: invert(20%) sepia(86%) saturate(6558%) hue-rotate(349deg) brightness(87%) contrast(104%);
}

.related-post-content-wrapper .owl-dots {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: 1rem !important;
  bottom: 0.5rem !important;
}
@media (min-width: 769px) {
  .related-post-content-wrapper .owl-nav button.owl-next {
    left: 40% !important;
    right: initial !important;
    position: absolute !important;
    top: 10px !important;
    margin: 0 !important;
  }
}
@media (max-width: 768px) {
  .related-post-content-wrapper .owl-nav button.owl-next {
    left: 20% !important;
    right: initial !important;
    position: absolute !important;
    top: -2px !important;
  }
}
@media (min-width: 769px) {
  .related-post-content-wrapper .owl-nav button.owl-prev {
    right: 40% !important;
    left: initial !important;
    position: absolute !important;
    top: 10px !important;
    margin: 0 !important;
  }
}
@media (max-width: 768px) {
  .related-post-content-wrapper .owl-nav button.owl-prev {
    right: 20% !important;
    left: initial !important;
    position: absolute !important;
    top: -2px !important;
  }
}

#commercials-list-view .post-phone-number-widget {
  margin-top: 0 !important;
}

body[dir=ltr] #post-view-wrapper .installed-box {
  right: 0;
  left: unset;
}
@media (min-width: 769px) {
  body[dir=ltr] .related-post-content-wrapper .owl-nav button.owl-next {
    left: 58% !important;
  }
}
@media (max-width: 768px) {
  body[dir=ltr] .related-post-content-wrapper .owl-nav button.owl-next {
    left: 65% !important;
  }
}
@media (min-width: 769px) {
  body[dir=ltr] .related-post-content-wrapper .owl-nav button.owl-prev {
    right: 58% !important;
  }
}
@media (max-width: 768px) {
  body[dir=ltr] .related-post-content-wrapper .owl-nav button.owl-prev {
    right: 65% !important;
  }
}
body[dir=ltr] .related-post-content-wrapper .related-ads-owl-carousal .owl-nav, body[dir=ltr] .related-post-content-wrapper .error-owl-carousal .owl-nav {
  height: 45px !important;
}

.mobile-version {
  max-height: 474pt;
}

@media (max-width: 768px) {
  #splash-banner-modal {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
  }
  #splash-banner-modal .mobile-version {
    width: 88vw;
    max-height: 474pt;
  }
}
.edit-action .edit-icon {
  background: url("../../images/profile/edit.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem;
}
@media (max-width: 768px) {
  .edit-action .edit-icon {
    width: auto;
    height: auto;
  }
}

.rejected-../../images-box {
  background: #FFE5E5;
  border: 1px solid #D12F2B;
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.rejected-../../images-box .../../images-rejected-bold {
  font-weight: 700;
  font-size: 0.875rem;
}
.rejected-../../images-box .../../images-rejected-bold img {
  margin-top: 0.5rem;
  margin-left: 0.5rem;
}
.rejected-../../images-box .../../images-rejected-regular {
  font-weight: 400;
  font-size: 0.875rem;
  padding-top: 0.5rem;
}

.edit-rejected-image-text {
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: underline;
}

.rejected-image {
  opacity: 0.3;
}

@media (max-width: 768px) {
  .post-status {
    margin-top: 12px;
  }
  .mobile-post-view-content {
    margin-top: 0rem;
  }
  .post-side-content .post-title {
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .post-side-content {
    font-size: 1rem !important;
  }
}
@media (max-width: 768px) {
  #post-view-wrapper .post-sub-title {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  #post-details-content-widget .font-weight-bold, #post-details-content-widget .scheduled-box, #post-details-content-widget .sold-box, #post-details-content-widget .expired-box, #post-details-content-widget .rejected-box, #post-details-content-widget .pending-review-box, #post-details-content-widget .pending-payment-status-box, #post-details-content-widget .paid-box, #post-details-content-widget .sticky-box, #post-details-content-widget #profile-comments-wrapper .comment-box .rejected-box, #profile-comments-wrapper .comment-box #post-details-content-widget .rejected-box, #post-details-content-widget #profile-comments-wrapper .comment-box .pending-review-box, #profile-comments-wrapper .comment-box #post-details-content-widget .pending-review-box, #post-details-content-widget .profile-wrapper .profile-ads-tabs .profile-ads-tab.active, .profile-wrapper .profile-ads-tabs #post-details-content-widget .profile-ads-tab.active, #post-details-content-widget .profile-wrapper .profile-tabs .profile-tab.active .profile-tab-link, .profile-wrapper .profile-tabs .profile-tab.active #post-details-content-widget .profile-tab-link {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .rejected-../../images-box .col-10 {
    padding: 0px;
  }
  .rejected-../../images-box .../../images-rejected-bold {
    font-size: 0.75rem !important;
  }
  .rejected-../../images-box .../../images-rejected-bold img {
    margin-top: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .rejected-../../images-box .../../images-rejected-regular {
    font-size: 0.625rem !important;
    padding-top: 0.25rem !important;
  }
}
@media (max-width: 768px) {
  .attribute-main-styles {
    display: flex;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .attribute-main-styles {
    border-radius: 1rem;
    padding: 0.2rem 0.75rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    color: #484848;
  }
  .attribute-main-styles label {
    margin-bottom: unset !important;
    font-size: 0.87rem;
    font-weight: bold;
    width: 50%;
  }
  .attribute-main-styles span {
    font-size: 0.87rem;
    font-weight: normal;
    width: 50%;
    word-break: break-all;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .normal-attribute-bg {
    background-color: #FAFAFA;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .light-red-attribute-bg {
    background-color: #FAF5F5;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .minimal-show-of-atrriubutes {
    max-height: 13.125rem;
    position: relative;
    overflow: hidden;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .trigger-read-more {
    margin-top: 1rem;
    border: 1pt solid #E7E7E7;
    border-radius: 1rem;
    background-color: white;
    padding: 0.255rem 1rem;
  }
  .trigger-read-more .attr-trigger-button-text {
    margin-bottom: unset;
  }
  .trigger-read-more .arrow-red {
    background: url(../../images/custom-icons/arrows/chevron_left_black_24dp.svg) 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
  }
}
@media (max-width: 768px) {
  .mobile-no-border {
    border-top: unset !important;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .city-attribute {
    border-radius: 1rem;
    padding: 0.2rem 0.75rem;
  }
}
@media (min-width: 769px) {
  .multiple-list-item ul {
    margin-top: 1rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .multiple-list-item ul li::marker {
    color: #484848;
    font-size: 0.625rem;
  }
}

@media (min-width: 769px) {
  .attribute-main-styles label {
    flex-shrink: 0 !important;
  }
}

/*********************************************************************************************************************
18.0  Add Post Pages
*********************************************************************************************************************/
.add-post-step {
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .add-post-step {
    margin-top: 1.3125rem;
  }
}
.add-post-step .invalid-feedback {
  color: #017AFC;
  font-size: 0.75rem;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .add-post-step .invalid-feedback {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .add-post-step .add-post-step-content {
    padding: 0;
  }
}
.add-post-step input[type=text] {
  height: 3rem;
}
.add-post-step input[type=text]::placeholder {
  color: #959595;
  font-weight: 100;
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .add-post-step .currency-block {
    padding: 0;
    padding-right: 0.75rem;
  }
  [dir=rtl] .add-post-step .currency-block {
    padding-right: 0;
    padding-left: 0.75rem;
  }
}
.add-post-step .currency-box {
  height: 3rem;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 0.25rem;
  margin-top: 2rem;
}
.add-post-step .currency-box .currency-flag {
  margin-top: 0.75rem;
  width: 1.25rem;
  height: 1.25rem;
}
.add-post-step .currency-box .currency-value {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0.75rem;
}
@media (max-width: 768px) {
  .add-post-step .currency-box .currency-value {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}
.add-post-step .custom-checkbox .custom-control-label::before {
  border-radius: unset;
  border: 0.125rem solid #d9d9d9;
}
.add-post-step .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #017AFC;
  border-color: #017AFC;
}
.add-post-step .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  transform: scale(1.5);
}
.add-post-step .add-post-steps .step {
  width: 7rem;
  height: 0.25rem;
  background: #EEEEEE;
  border-radius: 0.125rem;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .add-post-step .add-post-steps .step {
    width: 9rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .add-post-step .add-post-steps .step {
    width: 8rem;
  }
}
@media (min-width: 769px) {
  .add-post-step .add-post-steps .step.edit {
    width: 9.5rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .add-post-step .add-post-steps .step.edit {
    width: 11.5rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .add-post-step .add-post-steps .step.edit {
    width: 10.5rem;
  }
}
@media (max-width: 768px) {
  .add-post-step .add-post-steps .step.edit {
    width: 22%;
  }
}
@media (max-width: 768px) {
  .add-post-step .add-post-steps .step {
    width: 3.8rem;
  }
}
.add-post-step .add-post-steps .active-step {
  background: #017AFC;
}
.add-post-step .add-post-instructions .instructions-panel {
  position: relative;
  border: 0.125rem solid #d9d9d9;
  border-radius: 0.75rem;
  width: 22.25rem;
  height: 36.6875rem;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .add-post-step .add-post-instructions .instructions-panel {
    height: 38.6875rem;
  }
  .add-post-step .add-post-instructions .instructions-panel .font-size-o75 {
    font-size: 0.875rem;
  }
}
.add-post-step .add-post-instructions .instructions-panel .instructions-header {
  position: absolute;
  width: 12.125rem;
  height: 4.5rem;
  background: #fff;
  border: 0.125rem solid #d9d9d9;
  border-radius: 0.25rem;
  top: -5%;
  left: 5%;
  right: unset;
}
[dir=rtl] .add-post-step .add-post-instructions .instructions-panel .instructions-header {
  left: unset;
}
[dir=rtl] .add-post-step .add-post-instructions .instructions-panel .instructions-header {
  right: 5%;
}
.add-post-step .add-post-instructions .instructions-panel .instructions-header .instructions-title {
  margin: 0.75rem 0 0.75rem 0;
  font-size: 1.125rem;
}
[dir=rtl] .add-post-step .add-post-instructions .instructions-panel .instructions-header .instructions-title {
  font-size: 0.9375rem;
}
.add-post-step .add-post-instructions .instructions-panel .instructions {
  margin-top: 4rem;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-list {
    margin-left: -1rem;
  }
  [dir=rtl] .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-list {
    margin-left: unset;
    margin-right: -1rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-list {
    margin-left: -1rem;
  }
  [dir=rtl] .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-list {
    margin-left: unset;
    margin-right: -1rem;
  }
}
.add-post-step .add-post-instructions .instructions-panel .instructions .instructions-list .instructions-list-item {
  max-width: 18.5rem;
  margin-bottom: 1.5rem;
}
.add-post-step .add-post-instructions .instructions-panel .instructions .instructions-list .instructions-list-item::marker {
  color: #017AFC;
}
.add-post-step .add-post-instructions .instructions-panel .instructions .instructions-list .instructions-list-item p {
  margin-bottom: 0.25rem;
}
.add-post-step .add-post-instructions .instructions-panel .instructions .instructions-img {
  background-image: url(../../images/add-post/instructions-en.svg);
  width: 8.875rem;
  height: 13.9375rem;
  margin-top: -3rem;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-img {
    height: 13.9375rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-img {
    height: 13.9375rem;
  }
}
[dir=rtl] .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-img {
  background-image: url(../../images/add-post/instructions-ar.svg);
}
.add-post-step .add-post-panel {
  margin-top: 2.75rem;
  min-height: 35.0625rem;
  background: #fff;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 0.75rem;
}
@media (max-width: 768px) {
  .add-post-step .add-post-panel {
    padding-bottom: 4rem;
  }
}
.add-post-step .add-post-panel.paid-post {
  margin-top: 1.5rem;
}
.add-post-step .add-post-panel .panel-header {
  margin: 2rem;
}
@media (max-width: 768px) {
  .add-post-step .add-post-panel .panel-header {
    margin: 1rem;
  }
}
.add-post-step .selection .select2-selection {
  height: 3rem;
}
.add-post-step .selection .select2-selection__rendered {
  margin-top: 0.25rem;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .add-post-step .selection .select2-selection__rendered {
    font-size: 1rem;
  }
}
.add-post-step .selection .select2-selection__placeholder {
  color: #959595;
  font-weight: 100;
  font-size: 0.875rem;
}
.add-post-step .selection .select2-selection__arrow {
  border: unset;
  border-right: unset !important;
  right: 15px;
  left: auto;
}
[dir=rtl] .add-post-step .selection .select2-selection__arrow {
  right: auto;
}
[dir=rtl] .add-post-step .selection .select2-selection__arrow {
  left: 5px;
}
.add-post-step .select2-container--krajee-bs4.select2-container--open .select2-selection--single .select2-selection__arrow b {
  background: url(../../images/custom-icons/arrows/arrow-up.svg) 100% 50% no-repeat;
}
.add-post-step .select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow b {
  border: unset;
  background: url(../../images/icons/arrow-down.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  margin-top: -0.7rem;
}
.add-post-step .next-step-btn {
  height: 3.5rem;
  width: 15.75rem;
}
.add-post-step .next-step-btn.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.add-post-step .add-post-header .taxonomy-paid-message {
  display: none;
}
.add-post-step .add-post-header .taxonomy-paid-message.open {
  display: block;
  position: absolute;
  left: 68%;
  font-size: 0.75rem;
  background-color: #d9d9d9;
  width: 12.5rem;
  height: 4rem;
  padding: 0.5rem;
  color: #484848;
}
[dir=rtl] .add-post-step .add-post-header .taxonomy-paid-message.open {
  left: 0;
  right: 68%;
}
@media (min-width: 769px) {
  .add-post-step .last-steps-panel {
    width: 41.125rem;
    height: 37.875rem;
    background: #fff;
    border: 0.0625rem solid #d9d9d9;
    border-radius: 0.75rem;
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 768px) {
  .add-post-step .last-steps-panel {
    width: 100%;
  }
}

@media (max-width: 768px) {
  #add-post-step-one-wrapper #taxonomies-panel.search-box-open .sub-title {
    display: none;
  }
}
@media (max-width: 768px) {
  #add-post-step-one-wrapper #taxonomies-panel.search-box-open .search-block {
    width: 100%;
  }
}
#add-post-step-one-wrapper #taxonomies-panel .taxonomies-panel-header .search-input-block {
  display: none;
}
#add-post-step-one-wrapper #taxonomies-panel .taxonomies-panel-header .search-input-block .taxonomy-name-input {
  border: unset;
  border-color: unset !important;
  height: 2.5rem;
}
@media (max-width: 768px) {
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-panel-header .search-input-block .taxonomy-name-input {
    height: 2rem;
  }
}
@media (max-width: 350px) {
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-panel-header .search-input-block .taxonomy-name-input {
    width: 86%;
  }
}
#add-post-step-one-wrapper #taxonomies-panel .taxonomies-panel-header .search-input-block .taxonomy-name-input:focus {
  box-shadow: unset;
  background-color: #fff;
  outline: 0;
}
#add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-list-item {
  width: 100%;
  background: #fff;
  border-radius: 0.25rem;
  height: 3.5rem;
  border: 1px solid #d9d9d9;
}
#add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-list-item .category-img {
  width: 1.5rem;
  height: 1.5rem;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-list-item .category-img {
    width: 2.5625rem;
    height: 2.625rem;
  }
}
#add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-list-item .link-arrow {
  direction: ltr;
}
[dir=rtl] #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-list-item .link-arrow {
  direction: rtl;
}
#add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item {
  margin-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (max-width: 768px) {
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item {
    margin-bottom: 0.75rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}
#add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item .category-item {
  width: 100%;
  min-height: 5.6875rem;
  border: 1px solid #D7D7D7;
  box-shadow: unset;
  border-radius: 0.25rem;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item .category-item {
    width: 100%;
    min-height: 7.6875rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item .category-item {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item .category-item {
    width: 100%;
    height: 100%;
  }
}
#add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item .category-item .category-img {
  width: 2.0625rem;
  height: 1.625rem;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item .category-item .category-img {
    width: 2.5625rem;
    height: 2.625rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item .category-item .title {
    font-size: 1.25rem;
  }
}

#add-post-info-step-wrapper #post-../../images-panel .post-description-input {
  min-height: 9rem;
  resize: none;
}
#add-post-info-step-wrapper #post-../../images-panel .post-description-input::placeholder {
  color: #959595;
  font-weight: 100;
  font-size: 0.875rem;
}

@media (max-width: 768px) {
  #add-personal-information-step-wrapper .next-step-btn {
    position: absolute;
    bottom: 4%;
  }
}
#add-personal-information-step-wrapper #phone-number-input, #add-personal-information-step-wrapper .iti__flag-container {
  height: 3rem;
}
#add-personal-information-step-wrapper input.is-invalid::placeholder {
  visibility: hidden;
}
#add-personal-information-step-wrapper #temp-phone-number {
  display: inline-block;
  direction: ltr;
  font-size: 1.125rem;
  color: #484848;
}
@media (max-width: 768px) {
  #add-personal-information-step-wrapper #temp-phone-number {
    font-size: 1rem;
  }
}
#add-personal-information-step-wrapper #temp-phone-number::placeholder {
  font-size: 1rem;
  color: #d2d2d2;
  font-family: "Roboto";
}
[dir=rtl] #add-personal-information-step-wrapper #temp-phone-number::placeholder {
  font-family: "NotoKufiArabic";
}
@media (max-width: 768px) {
  #add-personal-information-step-wrapper #temp-phone-number::placeholder {
    font-size: 0.875rem;
  }
}
#add-personal-information-step-wrapper #temp-phone-number::placeholder {
  text-align: left;
  color: #d2d2d2;
  font-weight: 100;
  font-size: 0.875rem;
}
[dir=rtl] #add-personal-information-step-wrapper #temp-phone-number::placeholder {
  text-align: right;
}
#add-personal-information-step-wrapper .iti__selected-flag {
  background-color: #fff;
  border-right: 1px solid #d2d2d2;
}
[dir=rtl] #add-personal-information-step-wrapper .iti__selected-flag {
  border-right: unset;
  border-right: 1px solid #d2d2d2;
}
#add-personal-information-step-wrapper .iti__selected-flag .iti__arrow {
  display: none;
}
#add-personal-information-step-wrapper .iti__selected-flag .iti__flag {
  order: unset;
}
[dir=rtl] #add-personal-information-step-wrapper .iti__selected-flag .iti__flag {
  order: 2;
}
#add-personal-information-step-wrapper .iti--allow-dropdown {
  width: 100%;
}
#add-personal-information-step-wrapper .iti--allow-dropdown input {
  display: inline-block;
  direction: ltr;
  font-size: 1.125rem;
  color: #484848;
}
@media (max-width: 768px) {
  #add-personal-information-step-wrapper .iti--allow-dropdown input {
    font-size: 1rem;
  }
}
#add-personal-information-step-wrapper .iti--allow-dropdown input::placeholder {
  font-size: 1rem;
  color: #d2d2d2;
  font-family: "Roboto";
}
[dir=rtl] #add-personal-information-step-wrapper .iti--allow-dropdown input::placeholder {
  font-family: "NotoKufiArabic";
}
@media (max-width: 768px) {
  #add-personal-information-step-wrapper .iti--allow-dropdown input::placeholder {
    font-size: 0.875rem;
  }
}
#add-personal-information-step-wrapper .iti--allow-dropdown #phone-number-input::placeholder {
  text-align: left;
  color: #d2d2d2;
  font-weight: 100;
  font-size: 0.875rem;
}
[dir=rtl] #add-personal-information-step-wrapper .iti--allow-dropdown #phone-number-input::placeholder {
  text-align: right;
}
#add-personal-information-step-wrapper .iti--allow-dropdown .iti__country {
  width: 100%;
}
#add-personal-information-step-wrapper .iti--allow-dropdown .iti__selected-flag {
  border-top-left-radius: 10%;
  border-bottom-left-radius: 10%;
}
[dir=rtl] #add-personal-information-step-wrapper .iti--allow-dropdown .iti__selected-flag {
  border-top-right-radius: unset;
}
[dir=rtl] #add-personal-information-step-wrapper .iti--allow-dropdown .iti__selected-flag {
  border-bottom-right-radius: unset;
}
#add-personal-information-step-wrapper .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code {
  direction: ltr;
  color: #484848;
  font-size: 1rem;
}
@media (max-width: 768px) {
  #add-personal-information-step-wrapper .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code {
    font-size: 0.875rem;
  }
}
#add-personal-information-step-wrapper .invalid-feedback {
  display: block;
  margin-top: 0.5rem;
}

#add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .upload-../../images-description {
  line-height: 2rem;
}
#add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images {
  margin: 2rem;
}
@media (min-width: 769px) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images #../../images {
    max-width: 80%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images {
    margin: 1.5rem;
  }
}
#add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box {
  margin-bottom: 1rem;
  position: relative;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box {
    margin-bottom: 2rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box {
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
}
#add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .post-image {
  width: 6.5rem;
  height: 6.5rem;
  border-radius: 0.5rem;
  object-fit: cover;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .post-image {
    width: 100%;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .post-image {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .post-image {
    width: 100%;
  }
}
#add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .post-image.featured-image {
  border: 2px solid #017AFC;
}
#add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .post-image.uploading {
  opacity: 0.5;
}
#add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .overlay-loading-image {
  display: none;
  position: absolute;
  top: 40%;
}
@media (min-width: 769px) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .overlay-loading-image {
    left: 42%;
  }
  [dir=rtl] #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .overlay-loading-image {
    left: 32%;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .overlay-loading-image {
    left: 40%;
  }
  [dir=rtl] #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .overlay-loading-image {
    left: 40%;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .overlay-loading-image {
    left: 40%;
  }
  [dir=rtl] #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .overlay-loading-image {
    left: 40%;
  }
}
@media (max-width: 768px) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .overlay-loading-image {
    left: 35%;
  }
}
#add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .overlay-loading-image .overlay-loading-spinner-image {
  z-index: 333;
  display: flex;
  justify-content: center;
  align-items: center;
}
#add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .overlay-loading-image .overlay-loading-spinner-image .spinner-border {
  width: 2rem;
  height: 2rem;
}
#add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .delete-image-btn {
  position: absolute;
  color: #484848;
  border-radius: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  top: -10%;
  text-align: center;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1019607843);
  font-weight: 700;
  font-size: 0.875rem;
  cursor: pointer;
  background: url(../../images/custom-icons/close.svg) 100% 50% no-repeat;
  background-color: #fff;
  background-size: 80%;
  background-position-x: 50%;
}
@media (min-width: 769px) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .delete-image-btn {
    left: 2%;
  }
  [dir=rtl] #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .delete-image-btn {
    left: unset;
    right: 2%;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .delete-image-btn {
    left: 5%;
    width: 1.25rem;
    border-radius: 1.25rem;
    height: 1.25rem;
    top: -12%;
  }
  [dir=rtl] #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .delete-image-btn {
    left: unset;
    right: 5%;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .delete-image-btn {
    left: 4%;
    width: 1.25rem;
    border-radius: 1.25rem;
    height: 1.25rem;
    background-size: 75%;
  }
  [dir=rtl] #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .delete-image-btn {
    left: unset;
    right: 4%;
  }
}
@media (max-width: 768px) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .delete-image-btn {
    left: -8%;
  }
  [dir=rtl] #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .delete-image-btn {
    left: unset;
    right: -8%;
  }
}
#add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .crop-main-image-box {
  display: none;
}
#add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .crop-main-image-box.main-img {
  display: block;
  position: absolute;
  top: 77%;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-top-left-radius: 0.5rem;
}
@media (min-width: 769px) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .crop-main-image-box.main-img {
    right: 32%;
  }
  [dir=rtl] #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .crop-main-image-box.main-img {
    right: unset;
    left: 32%;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .crop-main-image-box.main-img {
    right: 12%;
    padding: 0.34rem;
    top: 72%;
  }
  [dir=rtl] #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .crop-main-image-box.main-img {
    right: unset;
    left: 12%;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .crop-main-image-box.main-img {
    right: 8%;
    margin: 0.3rem 0.1rem 0.1rem 0;
  }
  [dir=rtl] #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .crop-main-image-box.main-img {
    right: unset;
    left: 8%;
  }
}
@media (max-width: 768px) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .crop-main-image-box.main-img {
    right: 3%;
  }
  [dir=rtl] #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .crop-main-image-box.main-img {
    right: unset;
    left: 3%;
  }
}
[dir=rtl] #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .post-../../images .image-box .crop-main-image-box.main-img {
  border-top-left-radius: unset;
  border-top-right-radius: 0.5rem;
}
#add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .upload-image-input-block {
  border: 0.125rem dashed #d9d9d9;
  height: 5.0625rem;
  border-radius: 0.25rem;
}
#add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .skip-btn {
  margin-top: 6rem;
}
#add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .skip-btn.empty-../../images {
  margin-top: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .skip-btn {
    margin-top: 3rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  #add-post-image-step-wrapper #add-post-../../images #post-../../images-panel .skip-btn {
    margin-top: 3rem;
  }
}
#add-post-image-step-wrapper #featured-image-error-modal .modal-dialog .modal-content, #add-post-image-step-wrapper #can-not-delete-featured-image-modal .modal-dialog .modal-content {
  border-radius: 0.75rem;
}
#add-post-image-step-wrapper #featured-image-error-modal .modal-dialog .modal-content .modal-header, #add-post-image-step-wrapper #can-not-delete-featured-image-modal .modal-dialog .modal-content .modal-header {
  border-bottom: unset;
}
#add-post-image-step-wrapper #featured-image-error-modal .modal-dialog .modal-content .modal-body .photo-icon, #add-post-image-step-wrapper #can-not-delete-featured-image-modal .modal-dialog .modal-content .modal-body .photo-icon {
  background: url(../../images/custom-icons/photo.svg) 100% 50% no-repeat;
  width: 7.5rem;
  height: 6.625rem;
  background-size: 100%;
}
#add-post-image-step-wrapper #featured-image-error-modal .modal-dialog .modal-content .modal-body .main-image-error-message, #add-post-image-step-wrapper #can-not-delete-featured-image-modal .modal-dialog .modal-content .modal-body .main-image-error-message {
  width: 31.1875rem;
  line-height: 2rem;
}

#add-post-crop-image-step-wrapper .upload-../../images-description {
  line-height: 2rem;
}
#add-post-crop-image-step-wrapper #featured-image {
  display: block;
  max-width: 100%;
}

#added-successfully-wrapper {
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  #added-successfully-wrapper {
    margin-top: 8rem;
  }
}
#added-successfully-wrapper .added-icon {
  background: url(../../images/icons/added-successfully.svg) 100% 50% no-repeat;
  width: 7.5rem;
  height: 8.5625rem;
  background-size: 100%;
}
@media (min-width: 769px) {
  #added-successfully-wrapper .added-icon {
    margin-top: 3.5rem;
  }
}
#added-successfully-wrapper .next-step-btn {
  padding: 0.75rem;
}
#added-successfully-wrapper .pending-message {
  width: 30.375rem;
}
@media (max-width: 768px) {
  #added-successfully-wrapper .pending-message {
    width: 21.875rem;
  }
}

#add-post-confirm-sticky-wrapper .add-post-title {
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  #add-post-confirm-sticky-wrapper .add-post-title {
    margin-top: 1.3125rem;
  }
}
#add-post-confirm-sticky-wrapper .post-type-box {
  position: relative;
  min-height: 28.875rem;
  width: 23.125rem;
  border: 0.125rem solid #f5f5f5;
  border-radius: 0.5rem;
  color: #959595;
  margin-top: 4.5rem;
}
@media (max-width: 768px) {
  #add-post-confirm-sticky-wrapper .post-type-box {
    width: 100%;
    height: auto;
    min-height: 26.875rem;
  }
  #add-post-confirm-sticky-wrapper .post-type-box.paid {
    margin-top: 1rem;
  }
  #add-post-confirm-sticky-wrapper .post-type-box.free {
    margin-top: 2.25rem;
  }
}
#add-post-confirm-sticky-wrapper .post-type-box .box-header {
  height: 1rem;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}
#add-post-confirm-sticky-wrapper .post-type-box .box-header.paid {
  background-color: #ffdd15;
}
#add-post-confirm-sticky-wrapper .post-type-box .box-header.free {
  background-color: #959595;
}
#add-post-confirm-sticky-wrapper .post-type-box .post-type-title.paid {
  color: #ffdd15;
}
#add-post-confirm-sticky-wrapper .post-type-box .post-type-title.free {
  color: #959595;
}
#add-post-confirm-sticky-wrapper .post-type-box .chose-btn {
  width: 20.125rem;
  height: 3rem;
  margin-top: 5rem;
}
@media (max-width: 768px) {
  #add-post-confirm-sticky-wrapper .post-type-box .chose-btn {
    margin-top: 10% !important;
  }
}
#add-post-confirm-sticky-wrapper .post-type-box .chose-btn-paid {
  width: 20.125rem;
  height: 3rem;
  margin-top: 3.6rem;
}
[dir=rtl] #add-post-confirm-sticky-wrapper .post-type-box .chose-btn-paid {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  #add-post-confirm-sticky-wrapper .post-type-box .chose-btn-paid {
    margin-top: 10% !important;
  }
}
#add-post-confirm-sticky-wrapper .post-type-box .btn-waseet-yellow {
  border: unset;
}
#add-post-confirm-sticky-wrapper .post-type-box .btn-waseet-yellow:hover {
  border: 0.125rem solid #ffdd15;
}
#add-post-confirm-sticky-wrapper .post-type-box .btn-waseet-dark-gray:hover {
  color: #000;
  background-color: #fff;
}
#add-post-confirm-sticky-wrapper .post-type-box .paid-into, #add-post-confirm-sticky-wrapper .post-type-box .free-info {
  margin-top: 1.3125rem;
}
#add-post-confirm-sticky-wrapper .post-type-box .paid-into:first-child, #add-post-confirm-sticky-wrapper .post-type-box .free-info:first-child {
  margin-top: 0;
}
#add-post-confirm-sticky-wrapper .post-type-box .paid-into label, #add-post-confirm-sticky-wrapper .post-type-box .free-info label {
  margin-bottom: 0;
}
#add-post-confirm-sticky-wrapper .post-type-box .free-info-group {
  margin-top: 2.9rem;
}
#add-post-confirm-sticky-wrapper .post-type-box .free-info-group .fa-times {
  transform: scale(1.1);
  margin-left: 0.25rem;
}
[dir=rtl] #add-post-confirm-sticky-wrapper .post-type-box .free-info-group .fa-times {
  margin-left: unset;
  margin-right: 0.25rem;
}

#sticky-interested-user-wrapper {
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  #sticky-interested-user-wrapper {
    margin-top: 4rem;
  }
}
@media (min-width: 769px) {
  #sticky-interested-user-wrapper .sticky-panel {
    width: 42.625rem;
    height: 51.5rem;
    background: #fff;
    border: 0.0625rem solid #d9d9d9;
    border-radius: 0.75rem;
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 768px) {
  #sticky-interested-user-wrapper .sticky-panel {
    width: 100%;
  }
}
#sticky-interested-user-wrapper .sticky-error-icon {
  background-image: url(../../images/add-post/sticky-error.svg);
  background-repeat: no-repeat;
  width: 7.375rem;
  height: 9.5rem;
}
@media (min-width: 769px) {
  #sticky-interested-user-wrapper .sticky-error-icon {
    margin-top: 3.5rem;
  }
}
@media (max-width: 768px) {
  #sticky-interested-user-wrapper .sticky-error-icon {
    background-size: 100%;
    width: 6.375rem;
    height: 6.5rem;
  }
}
@media (max-width: 768px) {
  #sticky-interested-user-wrapper .message {
    width: 16.875rem;
  }
}
#sticky-interested-user-wrapper .phone-message-block {
  margin-top: 2.25rem;
}
#sticky-interested-user-wrapper .phone-message-block .phone-message {
  width: 22.875rem;
}
@media (max-width: 768px) {
  #sticky-interested-user-wrapper .phone-message-block .phone-message {
    width: 16.875rem;
  }
}
#sticky-interested-user-wrapper #phone-number-input, #sticky-interested-user-wrapper .iti__flag-container {
  height: 3rem;
}
#sticky-interested-user-wrapper input.is-invalid::placeholder {
  visibility: hidden;
}
#sticky-interested-user-wrapper #temp-phone-number {
  display: inline-block;
  direction: ltr;
  font-size: 1.125rem;
  color: #484848;
}
@media (max-width: 768px) {
  #sticky-interested-user-wrapper #temp-phone-number {
    font-size: 1rem;
  }
}
#sticky-interested-user-wrapper #temp-phone-number::placeholder {
  font-size: 1rem;
  color: #d2d2d2;
  font-family: "Roboto";
}
[dir=rtl] #sticky-interested-user-wrapper #temp-phone-number::placeholder {
  font-family: "NotoKufiArabic";
}
@media (max-width: 768px) {
  #sticky-interested-user-wrapper #temp-phone-number::placeholder {
    font-size: 0.875rem;
  }
}
#sticky-interested-user-wrapper #temp-phone-number::placeholder {
  text-align: left;
  color: #d2d2d2;
  font-weight: 100;
  font-size: 0.875rem;
}
[dir=rtl] #sticky-interested-user-wrapper #temp-phone-number::placeholder {
  text-align: right;
}
#sticky-interested-user-wrapper .iti__selected-flag {
  background-color: #fff;
  border-right: 1px solid #d2d2d2;
}
[dir=rtl] #sticky-interested-user-wrapper .iti__selected-flag {
  border-right: unset;
  border-right: 1px solid #d2d2d2;
}
#sticky-interested-user-wrapper .iti__selected-flag .iti__arrow {
  display: none;
}
#sticky-interested-user-wrapper .iti__selected-flag .iti__flag {
  order: unset;
}
[dir=rtl] #sticky-interested-user-wrapper .iti__selected-flag .iti__flag {
  order: 2;
}
#sticky-interested-user-wrapper .iti--allow-dropdown {
  width: 100%;
}
#sticky-interested-user-wrapper .iti--allow-dropdown input {
  display: inline-block;
  direction: ltr;
  font-size: 1.125rem;
  color: #484848;
}
@media (max-width: 768px) {
  #sticky-interested-user-wrapper .iti--allow-dropdown input {
    font-size: 1rem;
  }
}
#sticky-interested-user-wrapper .iti--allow-dropdown input::placeholder {
  font-size: 1rem;
  color: #d2d2d2;
  font-family: "Roboto";
}
[dir=rtl] #sticky-interested-user-wrapper .iti--allow-dropdown input::placeholder {
  font-family: "NotoKufiArabic";
}
@media (max-width: 768px) {
  #sticky-interested-user-wrapper .iti--allow-dropdown input::placeholder {
    font-size: 0.875rem;
  }
}
#sticky-interested-user-wrapper .iti--allow-dropdown #phone-number-input::placeholder {
  text-align: left;
  color: #d2d2d2;
  font-weight: 100;
  font-size: 0.875rem;
}
[dir=rtl] #sticky-interested-user-wrapper .iti--allow-dropdown #phone-number-input::placeholder {
  text-align: right;
}
#sticky-interested-user-wrapper .iti--allow-dropdown .iti__country {
  width: 100%;
}
#sticky-interested-user-wrapper .iti--allow-dropdown .iti__selected-flag {
  border-top-left-radius: 10%;
  border-bottom-left-radius: 10%;
}
[dir=rtl] #sticky-interested-user-wrapper .iti--allow-dropdown .iti__selected-flag {
  border-top-right-radius: unset;
}
[dir=rtl] #sticky-interested-user-wrapper .iti--allow-dropdown .iti__selected-flag {
  border-bottom-right-radius: unset;
}
#sticky-interested-user-wrapper .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code {
  direction: ltr;
  color: #484848;
  font-size: 1rem;
}
@media (max-width: 768px) {
  #sticky-interested-user-wrapper .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code {
    font-size: 0.875rem;
  }
}

#sticky-interested-success-wrapper {
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  #sticky-interested-success-wrapper {
    margin-top: 4rem;
  }
}
@media (min-width: 769px) {
  #sticky-interested-success-wrapper .sticky-panel {
    width: 52.625rem;
    height: auto;
    background: #fff;
    border: 0.0625rem solid #d9d9d9;
    border-radius: 0.75rem;
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 768px) {
  #sticky-interested-success-wrapper .sticky-panel {
    width: 100%;
  }
}
#sticky-interested-success-wrapper .sticky-panel .note-icon {
  background-image: url(../../images/add-post/note.svg);
  background-repeat: no-repeat;
  width: 7.375rem;
  height: 9.5rem;
  background-size: 100%;
}
@media (min-width: 769px) {
  #sticky-interested-success-wrapper .sticky-panel .note-icon {
    margin-top: 3.5rem;
  }
}
@media (max-width: 768px) {
  #sticky-interested-success-wrapper .sticky-panel .note-icon {
    background-size: 100%;
    width: 6.375rem;
    height: 7.5rem;
  }
}
#sticky-interested-success-wrapper .sticky-panel .next-step-btn {
  padding: 0.75rem;
}

#daily-limit-reached-wrapper {
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  #daily-limit-reached-wrapper {
    margin-top: 4rem;
  }
}
@media (min-width: 769px) {
  #daily-limit-reached-wrapper .limit-panel {
    width: 31.625rem;
    height: 37.875rem;
    background: #fff;
    border: 0.0625rem solid #d9d9d9;
    border-radius: 0.75rem;
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 768px) {
  #daily-limit-reached-wrapper .limit-panel {
    width: 100%;
  }
}
#daily-limit-reached-wrapper .limit-panel .block-icon {
  background-image: url(../../images/add-post/block.svg);
  background-repeat: no-repeat;
  width: 7.375rem;
  height: 9.5rem;
  background-size: 100%;
}
@media (min-width: 769px) {
  #daily-limit-reached-wrapper .limit-panel .block-icon {
    margin-top: 3.5rem;
  }
}
@media (max-width: 768px) {
  #daily-limit-reached-wrapper .limit-panel .block-icon {
    background-size: 100%;
    width: 6.375rem;
    height: 7.5rem;
  }
}
#daily-limit-reached-wrapper .limit-panel .next-step-btn {
  padding: 0.75rem;
}
#daily-limit-reached-wrapper .limit-panel .message {
  width: 20.75rem;
}

.btn-color-picker {
  height: 2rem;
  width: 2rem;
  border-radius: 1rem;
  border: 2px solid rgba(0, 0, 0, 0.0784313725);
}

.btn-color-picker-active {
  height: 2rem;
  width: 2rem;
  border-radius: 1rem;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border: 2px solid #000000 !important;
}

/*********************************************************************************************************************
19.0  Edit Post Page
*********************************************************************************************************************/
#updated-successfully-wrapper {
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  #updated-successfully-wrapper {
    margin-top: 8rem;
  }
}
#updated-successfully-wrapper .updated-icon {
  background: url(../../images/add-post/updated-successfully.svg) 100% 50% no-repeat;
  width: 7.5rem;
  height: 8.5625rem;
  background-size: 100%;
}
@media (min-width: 769px) {
  #updated-successfully-wrapper .updated-icon {
    margin-top: 3.5rem;
  }
}
#updated-successfully-wrapper .next-step-btn {
  padding: 0.75rem;
}
#updated-successfully-wrapper .pending-message {
  width: 19.375rem;
}
@media (max-width: 768px) {
  #updated-successfully-wrapper .pending-message {
    width: 17.875rem;
  }
}

#invalid-country-wrapper {
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  #invalid-country-wrapper {
    margin-top: 8rem;
  }
}
#invalid-country-wrapper .location-icon {
  background: url(../../images/add-post/location.svg) 100% 50% no-repeat;
  width: 7.5rem;
  height: 8.5625rem;
  background-size: 100%;
}
@media (min-width: 769px) {
  #invalid-country-wrapper .location-icon {
    margin-top: 3.5rem;
  }
}
#invalid-country-wrapper .next-step-btn {
  padding: 0.75rem;
  height: 100%;
  min-height: 3.5rem;
}

/*********************************************************************************************************************
20.0  Mobile View Notification Page
*********************************************************************************************************************/
#notification-wrapper-page {
  background: #fff;
  overflow-y: scroll;
  padding: 1.25rem 0;
}
#notification-wrapper-page #infscr-loading {
  text-align: center;
  margin: 0 auto;
}
#notification-wrapper-page #infscr-loading img {
  width: 24px;
}
#notification-wrapper-page #notification-header {
  background-color: #ffffff;
  z-index: 1040;
  position: -webkit-sticky;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
#notification-wrapper-page #notification-header .custom-switch-label {
  color: #959595;
  font-size: 0.875rem;
  margin-right: 0.75rem;
}
[dir=rtl] #notification-wrapper-page #notification-header .custom-switch-label {
  margin-left: 0;
}
#notification-wrapper-page #notification-header .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #06d261;
  background-color: #06d261;
}
#notification-wrapper-page #notification-content .notifications-item {
  display: block;
  color: #484848;
  margin-bottom: 0.5rem;
  padding: 0.75rem 1rem;
}
#notification-wrapper-page #notification-content .notifications-item .image-content {
  position: relative;
}
#notification-wrapper-page #notification-content .notifications-item .image-content .img-66 {
  height: 4.125rem;
  width: 4.125rem;
}
#notification-wrapper-page #notification-content .notifications-item .notification-text {
  font-size: 0.75rem;
  flex: 1;
  margin-left: 1rem;
}
[dir=rtl] #notification-wrapper-page #notification-content .notifications-item .notification-text {
  margin-left: inherit;
  margin-right: 1rem;
}
#notification-wrapper-page #notification-content .notifications-item .notification-time {
  font-size: 0.625rem;
  margin-top: 0.625rem;
}
#notification-wrapper-page #notification-content .notifications-item.active {
  background: rgba(231, 231, 231, 0.2509803922);
}
#notification-wrapper-page #notification-content .notifications-item:hover {
  background: rgba(231, 231, 231, 0.5019607843);
}
#notification-wrapper-page #notification-content .notifications-item:last-child {
  margin-bottom: 0;
}
#notification-wrapper-page .pagination {
  display: none;
}

.notification-count-responsive-badge {
  position: absolute;
  display: flex;
  justify-content: center;
  align-content: center;
  font-size: 9px;
  top: -3px;
  width: 25px;
  height: 13px;
  background: #017AFC 0% 0% no-repeat padding-box;
  border: 1px solid #FAFAFA;
  border-radius: 7px;
  opacity: 1;
  align-items: center;
  z-index: 150;
}
@media (max-width: 768px) {
  .notification-count-responsive-badge {
    left: -5px;
  }
  [dir=rtl] .notification-count-responsive-badge {
    left: inherit;
    right: -5px;
  }
}
@media (min-width: 769px) {
  .notification-count-responsive-badge {
    left: 17px;
  }
  [dir=rtl] .notification-count-responsive-badge {
    left: inherit;
    right: 17px;
  }
}
@media (max-width: 768px) {
  .notification-count-responsive-badge {
    position: absolute;
    display: flex;
    justify-content: center;
    align-content: center;
    font-size: 9px;
    top: 3px;
    width: 22px;
    height: 14px;
    background: #484848 0% 0% no-repeat padding-box;
    border: 1px solid #FAFAFA;
    border-radius: 7px;
    opacity: 1;
    align-items: center;
    z-index: 150;
  }
}

#notification-wrapper-page {
  margin-top: 0;
}

[dir=ltr] #notification-wrapper-page #switches-wrapper-page {
  margin-right: -0.5rem;
}

/*********************************************************************************************************************
21.0  Commercial Ads Lising
*********************************************************************************************************************/
#commercials-list-view .commercial-ads-img {
  object-fit: contain;
  border-top-right-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
}
@media (min-width: 900px) {
  #commercials-list-view .commercial-ads-img {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 601px) and (max-width: 899px) {
  #commercials-list-view .commercial-ads-img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 600px) {
  #commercials-list-view .commercial-ads-img {
    width: 100%;
    height: 100%;
  }
}
#commercials-list-view .item {
  flex: 0 0 50%;
  height: auto;
}
#commercials-list-view .item .opacity-30 {
  opacity: 0.3;
}
#commercials-list-view .commercial-ads-button {
  border-radius: unset;
  height: 3rem;
  padding: 0.75rem;
}
@media (min-width: 780px) and (max-width: 1200px) {
  #commercials-list-view .commercial-ads-button {
    padding: 0.52rem;
  }
}
#commercials-list-view .commercial-ads-button.call-btn {
  border-top: unset;
  border-bottom-left-radius: 0.25rem;
}
[dir=rtl] #commercials-list-view .commercial-ads-button.call-btn {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: 0.25rem;
}
#commercials-list-view .commercial-ads-button.whatsapp-btn {
  border-top: unset;
  border-bottom-right-radius: 0.25rem;
}
[dir=rtl] #commercials-list-view .commercial-ads-button.whatsapp-btn {
  border-bottom-right-radius: unset;
  border-bottom-left-radius: 0.25rem;
}
#commercials-list-view .commercial-item {
  border-radius: 0.5rem;
  border: 1px solid #D7D7D7;
  overflow: unset !important;
}
#commercials-list-view .load-more-btn {
  font-weight: bold;
  font-size: 1rem;
  border-radius: 4px;
  border-color: #f1f1f1;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#commercials-list-view .sticky-border {
  border: 2px solid #FEBF31;
}
#commercials-list-view .sticky-border .post-phone-number-widget div .border-right {
  border-right: 2px solid #febf31 !important;
}
#commercials-list-view .sticky-border div a .commercial-ads-img {
  border-bottom: 2px solid #FEBF31;
}
#commercials-list-view .sticky-circle {
  position: absolute;
  top: -0.75rem;
  background: #FEBF31;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
  left: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
[dir=rtl] #commercials-list-view .sticky-circle {
  left: unset;
  right: 0.5rem;
}
#commercials-list-view .sticky-circle p {
  display: none;
}
#commercials-list-view .sticky-circle img {
  width: 1.5rem;
  height: 1.5rem;
}
#commercials-list-view .sticky-circle:hover {
  width: fit-content;
  -webkit-transition: width ease-in-out 0.3s;
  transition: width ease-in-out 0.3s;
  padding: 0 0.4rem;
  border-radius: 16px;
}
#commercials-list-view .sticky-circle:hover img {
  left: 0rem;
  position: absolute;
}
[dir=rtl] #commercials-list-view .sticky-circle:hover img {
  left: unset;
  right: 0rem;
}
#commercials-list-view .sticky-circle:hover p {
  display: block;
  margin-left: 1.25rem;
}
[dir=rtl] #commercials-list-view .sticky-circle:hover p {
  margin-left: unset;
  margin-right: 1.25rem;
}

@media (max-width: 768px) {
  .ad-view-wrapper .owl-dots {
    width: max-content !important;
  }
  .ad-view-wrapper .carousel-with-bottom-indicators .owl-nav button.owl-prev {
    right: 0% !important;
  }
  .ad-view-wrapper .carousel-with-bottom-indicators .owl-nav button.owl-next {
    left: 0% !important;
  }
}

/*********************************************************************************************************************
22.0  Choose Payment Method Page
*********************************************************************************************************************/
.payment-step {
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .payment-step {
    margin-top: 4rem;
  }
}

#choose-payment-method-wrapper {
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  #choose-payment-method-wrapper {
    margin-top: 1.3125rem;
  }
}
@media (max-width: 768px) {
  #choose-payment-method-wrapper .choose-payment-header .payment-description {
    max-width: 16.6875rem;
  }
}
@media (max-width: 768px) {
  #choose-payment-method-wrapper .payment-methods .payment-methods-content {
    padding: 0;
  }
}
#choose-payment-method-wrapper .payment-methods .payment-method-item {
  flex-basis: 33%;
  margin-top: 2.25rem;
}
@media (max-width: 768px) {
  #choose-payment-method-wrapper .payment-methods .payment-method-item {
    margin-top: 1.25rem;
  }
}
#choose-payment-method-wrapper .payment-methods .payment-method-item.selected .payment-method-item-box {
  border: 0.125rem solid #017AFC;
}
#choose-payment-method-wrapper .payment-methods .payment-method-item .payment-method-item-box {
  border: 0.125rem solid #d9d9d9;
  border-radius: 0.25rem;
  width: 10rem;
  height: 7.5rem;
}
@media (max-width: 768px) {
  #choose-payment-method-wrapper .payment-methods .payment-method-item .payment-method-item-box {
    width: 93%;
    height: 5.65rem;
    line-height: 5.65rem;
  }
}
#choose-payment-method-wrapper .payment-methods .payment-method-item .payment-method-item-box .payment-method-img {
  width: 7rem;
  height: 5rem;
  margin: auto;
}
@media (max-width: 768px) {
  #choose-payment-method-wrapper .payment-methods .payment-method-item .payment-method-item-box .payment-method-img {
    width: 60%;
    height: 3rem;
  }
}
#choose-payment-method-wrapper .payment-btn {
  width: 15.75rem;
  height: 3.5rem;
}
#choose-payment-method-wrapper .payment-btn.go-back-btn {
  padding: 0.75rem;
}

@media (min-width: 769px) {
  #payment-failure-wrapper .payment-panel {
    width: 54.875rem;
    min-height: 49.75rem;
    background: #fff;
    border: 0.0625rem solid #d9d9d9;
    border-radius: 0.75rem;
    margin-bottom: 3.5rem;
  }
}
#payment-failure-wrapper .payment-panel .invalid-icon {
  background-image: url(../../images/payment/invalid.svg);
  background-repeat: no-repeat;
  width: 9.375rem;
  height: 7.5rem;
}
@media (min-width: 769px) {
  #payment-failure-wrapper .payment-panel .invalid-icon {
    margin-top: 3.5rem;
  }
}
@media (max-width: 768px) {
  #payment-failure-wrapper .payment-panel .invalid-icon {
    background-size: 100%;
    width: 6.375rem;
    height: 5.5rem;
  }
}
#payment-failure-wrapper .payment-panel .payment-title {
  margin-top: 2.25rem;
}
#payment-failure-wrapper .payment-panel .icons-group {
  margin-top: 4.5rem;
}
@media (max-width: 768px) {
  #payment-failure-wrapper .payment-panel .icons-group {
    margin-top: 2.3125rem;
  }
}
@media (min-width: 769px) {
  #payment-failure-wrapper .payment-panel .payment-icon-box {
    margin-left: 3rem;
    margin-right: 3rem;
    width: 11.875rem;
  }
}
@media (max-width: 768px) {
  #payment-failure-wrapper .payment-panel .payment-icon-box {
    display: flex;
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 769px) {
  #payment-failure-wrapper .payment-panel .payment-icon-box .payment-info-message {
    text-align: center;
  }
}
@media (max-width: 768px) {
  #payment-failure-wrapper .payment-panel .payment-icon-box .payment-info-message {
    margin-top: 0.5rem;
    margin-left: 0.5rem;
  }
  [dir=rtl] #payment-failure-wrapper .payment-panel .payment-icon-box .payment-info-message {
    margin-left: unset;
    margin-right: 0.5rem;
  }
}
#payment-failure-wrapper .payment-panel .payment-icon-box .local-atm-icon {
  background-image: url(../../images/payment/local-atm.svg);
  background-repeat: no-repeat;
  width: 7rem;
  height: 5.5rem;
}
@media (min-width: 769px) {
  #payment-failure-wrapper .payment-panel .payment-icon-box .local-atm-icon {
    margin-left: 30%;
  }
  [dir=rtl] #payment-failure-wrapper .payment-panel .payment-icon-box .local-atm-icon {
    margin-left: unset;
  }
}
@media (max-width: 768px) {
  #payment-failure-wrapper .payment-panel .payment-icon-box .local-atm-icon {
    background-size: 100% 65%;
    width: 3.5rem;
    height: 4.5rem;
  }
}
#payment-failure-wrapper .payment-panel .payment-icon-box .credit-score-icon {
  background-image: url(../../images/payment/credit-score.svg);
  background-repeat: no-repeat;
  width: 8rem;
  height: 5.5rem;
}
@media (min-width: 769px) {
  #payment-failure-wrapper .payment-panel .payment-icon-box .credit-score-icon {
    margin-left: 27%;
  }
  [dir=rtl] #payment-failure-wrapper .payment-panel .payment-icon-box .credit-score-icon {
    margin-left: unset;
  }
}
@media (max-width: 768px) {
  #payment-failure-wrapper .payment-panel .payment-icon-box .credit-score-icon {
    background-size: 100% 60%;
    width: 3.5rem;
    height: 4.5rem;
  }
}
#payment-failure-wrapper .payment-panel .payment-icon-box .volunteer-activism-icon {
  background-image: url(../../images/payment/volunteer-activism.svg);
  background-repeat: no-repeat;
  width: 9rem;
  height: 5.5rem;
}
@media (min-width: 769px) {
  #payment-failure-wrapper .payment-panel .payment-icon-box .volunteer-activism-icon {
    margin-left: 25%;
  }
  [dir=rtl] #payment-failure-wrapper .payment-panel .payment-icon-box .volunteer-activism-icon {
    margin-left: unset;
  }
}
@media (max-width: 768px) {
  #payment-failure-wrapper .payment-panel .payment-icon-box .volunteer-activism-icon {
    background-size: 100% 60%;
    width: 3.5rem;
    height: 4.5rem;
  }
}
#payment-failure-wrapper .payment-panel .retry-block {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  #payment-failure-wrapper .payment-panel .retry-block {
    margin-top: 4rem;
  }
}
#payment-failure-wrapper .payment-panel .retry-block .retry-btn {
  width: 15.75rem;
  height: 3.5rem;
  padding: 0.75rem;
}
#payment-failure-wrapper .payment-panel .btn-waseet-red:hover {
  color: #017AFC;
  background-color: #fff;
}

/*********************************************************************************************************************
23.0  User Profile Pages
*********************************************************************************************************************/
.profile-wrapper .card-body {
  padding: 1rem;
}
.profile-wrapper .profile-header {
  margin-top: 1.5rem;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-header {
    margin-top: 0.75rem;
  }
}
.profile-wrapper .edit-profile-box {
  width: 3rem;
  height: 3rem;
  border-radius: 0.25rem;
  justify-content: center;
}
@media (min-width: 769px) {
  .profile-wrapper .edit-profile-box {
    background-color: #f5f5f5;
  }
}
.profile-wrapper .edit-profile-box .edit-account-text {
  display: none;
}
@media (min-width: 769px) {
  .profile-wrapper .edit-profile-box .pencil-icon {
    width: 1.75rem;
    height: 1.75rem;
    margin: auto;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .edit-profile-box .pencil-icon {
    height: 1.5rem;
    padding: 0.65rem;
    width: 1.5rem;
  }
}
@media (min-width: 769px) {
  .profile-wrapper .edit-profile-box.open {
    justify-content: space-between;
    width: 11rem;
  }
  .profile-wrapper .edit-profile-box.open .edit-account-text {
    display: inline-block;
    margin: auto;
    font-size: 0.875rem;
  }
  .profile-wrapper .edit-profile-box.open .edit-account-text:hover {
    text-decoration: none;
  }
  .profile-wrapper .edit-profile-box.open .pencil-icon {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
.profile-wrapper .blocked-user-item {
  font-size: 21px;
}
.profile-wrapper .blocked-user-item img {
  width: 55px;
}
.profile-wrapper .phone-number-label {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  color: #959595;
}
.profile-wrapper .profile-tabs {
  margin-top: 2.25rem;
  border-bottom: 1px solid #d7d7d7;
}
.profile-wrapper .profile-tabs .profile-tab {
  margin-bottom: 0.5rem;
}
@media (min-width: 769px) {
  .profile-wrapper .profile-tabs .profile-tab {
    margin-right: 4.5rem;
  }
  [dir=rtl] .profile-wrapper .profile-tabs .profile-tab {
    margin-right: unset;
    margin-left: 4.5rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .profile-wrapper .profile-tabs .profile-tab {
    margin-right: 2.5rem;
  }
  [dir=rtl] .profile-wrapper .profile-tabs .profile-tab {
    margin-right: unset;
    margin-left: 2.5rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .profile-wrapper .profile-tabs .profile-tab {
    margin-right: 1.5rem;
  }
  [dir=rtl] .profile-wrapper .profile-tabs .profile-tab {
    margin-right: unset;
    margin-left: 1.5rem;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-tabs .profile-tab {
    margin: auto;
  }
}
.profile-wrapper .profile-tabs .profile-tab .profile-tab-link {
  color: #484848;
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-tabs .profile-tab .profile-tab-link {
    font-size: 0.875rem;
  }
}
.profile-wrapper .profile-tabs .profile-tab.active {
  margin-bottom: unset;
  border-bottom: 2px solid #017AFC;
}
.profile-wrapper .profile-tabs .profile-tab.active .profile-tab-link {
  font-weight: 700;
  color: #017AFC;
}
.profile-wrapper .pending-payment-box {
  margin-top: 1.5rem;
  height: 5.125rem;
  border-radius: 0.25rem;
}
@media (max-width: 768px) {
  .profile-wrapper .pending-payment-box {
    height: 6.125rem;
  }
}
.profile-wrapper .pending-payment-box .start-section {
  flex-basis: 1%;
  background-color: #FFB300;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
[dir=rtl] .profile-wrapper .pending-payment-box .start-section {
  border-top-left-radius: unset;
  border-top-right-radius: 0.25rem;
}
[dir=rtl] .profile-wrapper .pending-payment-box .start-section {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: 0.25rem;
}
.profile-wrapper .pending-payment-box .content {
  flex-basis: 99%;
  background-color: #003E67;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
[dir=rtl] .profile-wrapper .pending-payment-box .content {
  border-top-right-radius: unset;
  border-top-left-radius: 0.25rem;
}
[dir=rtl] .profile-wrapper .pending-payment-box .content {
  border-bottom-right-radius: unset;
  border-bottom-left-radius: 0.25rem;
}
.profile-wrapper .pending-payment-box .content .text-section {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 2rem;
}
[dir=rtl] .profile-wrapper .pending-payment-box .content .text-section {
  margin-left: unset;
  margin-right: 2rem;
}
.profile-wrapper .pending-payment-box .content .text-section .pending-payment-message {
  color: #fff;
}
.profile-wrapper .pending-payment-box .buttons-section {
  margin-top: auto;
  margin-bottom: auto;
}
@media (min-width: 769px) {
  .profile-wrapper .pending-payment-box .buttons-section {
    margin-right: 2rem;
  }
  [dir=rtl] .profile-wrapper .pending-payment-box .buttons-section {
    margin-right: unset;
    margin-left: 2rem;
  }
  .profile-wrapper .pending-payment-box .buttons-section .review-btn {
    background-color: #FFB300;
    color: #003e67;
    padding: 0.6rem 0.5rem 0.5rem 0.5rem;
    height: 2.5rem;
    border-radius: 0.25rem;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 700;
  }
  .profile-wrapper .pending-payment-box .buttons-section .discard-btn {
    background-color: #003E67;
    border: 1px solid #d7d7d7;
    color: #fff;
    padding: 0.5rem;
    height: 2.5rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    font-weight: 700;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .pending-payment-box .buttons-section .review-btn {
    color: #FFB300;
    text-decoration: none;
    font-size: 0.75rem;
  }
  .profile-wrapper .pending-payment-box .buttons-section .discard-btn {
    color: #fff;
    font-size: 0.75rem;
    text-decoration: none;
    background-color: unset;
    border: unset;
  }
}
@media (min-width: 769px) {
  .profile-wrapper .profile-ads-tabs {
    justify-content: space-between;
    margin-top: 3.25rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .profile-wrapper .profile-ads-tabs .profile-ads-tabs-block {
    flex: 0 0 22%;
    max-width: 22%;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-tabs {
    flex-wrap: wrap;
    margin-top: 2rem;
  }
}
.profile-wrapper .profile-ads-tabs .profile-ads-tab {
  color: #017AFC;
  text-decoration: none;
}
@media (min-width: 769px) {
  .profile-wrapper .profile-ads-tabs .profile-ads-tab {
    padding: 0.75rem;
  }
  .profile-wrapper .profile-ads-tabs .profile-ads-tab.second-tab {
    margin-right: 3rem;
  }
  [dir=rtl] .profile-wrapper .profile-ads-tabs .profile-ads-tab.second-tab {
    margin-right: unset;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .profile-wrapper .profile-ads-tabs .profile-ads-tab.second-tab {
    margin-left: unset;
    margin-right: 8.125rem;
  }
  [dir=rtl] .profile-wrapper .profile-ads-tabs .profile-ads-tab.second-tab {
    margin-left: 5.125rem;
  }
  [dir=rtl] .profile-wrapper .profile-ads-tabs .profile-ads-tab.second-tab {
    margin-right: unset;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-tabs .profile-ads-tab {
    padding: 0.35rem;
    margin-right: 1rem;
    margin-bottom: 1.5rem;
  }
  [dir=rtl] .profile-wrapper .profile-ads-tabs .profile-ads-tab {
    margin-right: unset;
    margin-left: 1rem;
  }
}
.profile-wrapper .profile-ads-tabs .profile-ads-tab.active {
  color: #fff;
  font-weight: 700;
  background-color: #017AFC;
  border-radius: 1.5rem;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-tabs .profile-ads-tab.active {
    border-radius: 1rem;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-tabs .profile-filters-block {
    width: 100%;
  }
}
.profile-wrapper .pencil-icon {
  background: url(../../images/profile/edit.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
}
.profile-wrapper .call-icon {
  background: url(../../images/profile/call.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
}
.profile-wrapper .report-icon {
  background: url(../../images/profile/report.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
}
.profile-wrapper .sort-up-icon {
  background: url(../../images/profile/sort-up.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
}
.profile-wrapper .sort-down-icon {
  background: url(../../images/profile/sort-down.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .profile-wrapper .sort-down-icon {
    padding: 1rem;
    margin-top: -0.5rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .profile-wrapper .sort-down-icon {
    padding: 1rem;
    margin-top: -0.5rem;
  }
}
.profile-wrapper .filter-icon {
  background: url(../../images/profile/filter.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
}
.profile-wrapper .search-icon {
  background: url(../../images/profile/search.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .profile-wrapper .search-icon {
    padding: 1rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .profile-wrapper .search-icon {
    padding: 1rem;
  }
}
.profile-wrapper .paid-icon {
  background: url(../../images/profile/post-status/paid.svg) 100% 50% no-repeat;
  padding: 0.5rem;
  background-size: 100%;
}
.profile-wrapper .pending-payment-icon {
  background: url(../../images/profile/post-status/pending-payment.svg) 100% 50% no-repeat;
  padding: 0.5rem;
  background-size: 100%;
}
.profile-wrapper .scheduled-payment-icon {
  background: url(../../images/profile/post-status/watch_scheduled.svg) 100% 50% no-repeat;
  padding: 0.5rem;
  background-size: 100%;
}
.profile-wrapper .pending-review-icon {
  background: url(../../images/profile/post-status/pending-review.svg) 100% 50% no-repeat;
  padding: 0.5rem;
  background-size: 100%;
}
.profile-wrapper .rejected-icon {
  background: url(../../images/profile/post-status/rejected.svg) 100% 50% no-repeat;
  padding: 0.5rem;
  background-size: 100%;
}
.profile-wrapper .expired-icon {
  background: url(../../images/profile/post-status/expired.svg) 100% 50% no-repeat;
  padding: 0.5rem;
  background-size: 100%;
}
.profile-wrapper .sold-icon {
  background: url(../../images/profile/post-status/sold.svg) 100% 50% no-repeat;
  padding: 0.5rem;
  background-size: 100%;
}
.profile-wrapper .scheduled-icon {
  background: url(../../images/profile/post-status/watch_scheduled.svg) 100% 50% no-repeat;
  padding: 0.5rem;
  background-size: 100%;
}
.profile-wrapper .scheduled-sticky-icon {
  background: url(../../images/profile/post-status/flash_on-lg.svg) 100% 50% no-repeat;
  padding: 0.5rem;
  background-size: 100%;
}
.profile-wrapper .profile-filters span {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.profile-wrapper .profile-filters span:last-child {
  margin-left: unset;
  margin-right: unset;
}
@media (min-width: 769px) {
  .profile-wrapper .profile-ads-listing.favorite-listing .card {
    height: 18.9375rem;
  }
}
.profile-wrapper .profile-ads-listing .paid-border {
  border: 1px solid #49BF7C;
}
.profile-wrapper .profile-ads-listing .active-border {
  border: 1px solid #D7D7D7;
}
.profile-wrapper .profile-ads-listing .sticky-border {
  border: 1px solid #ffdd15;
}
.profile-wrapper .profile-ads-listing .pending-payment-border {
  border: 1px solid #FF6A00;
}
.profile-wrapper .profile-ads-listing .pending-review-border {
  border: 1px solid #57BEFB;
}
.profile-wrapper .profile-ads-listing .rejected-border {
  border: 1px solid #AA0000;
}
.profile-wrapper .profile-ads-listing .expired-border {
  border: 1px solid #1FAEC1;
}
.profile-wrapper .profile-ads-listing .sold-border {
  border: 1px solid #8133FF;
}
.profile-wrapper .profile-ads-listing .card {
  border-radius: 0.5rem;
}
.profile-wrapper .profile-ads-listing .card .fav-small-block {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
@media (max-width: 425px) {
  .profile-wrapper .profile-ads-listing .card .fav-small-block {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media (max-width: 375px) {
  .profile-wrapper .profile-ads-listing .card .fav-small-block {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-listing .card {
    flex: 1 0 98%;
  }
  .profile-wrapper .profile-ads-listing .card .card-body {
    padding: 0;
  }
  .profile-wrapper .profile-ads-listing .card .card-body .card-price {
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .profile-wrapper .profile-ads-listing .card .card-body .top-content-wrapper {
    width: calc(100% - 126px);
  }
  .profile-wrapper .profile-ads-listing .card .card-body img {
    width: 104px;
    height: 96px;
  }
}
@media (min-width: 769px) {
  .profile-wrapper .profile-ads-listing .card {
    height: 20.9375rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .profile-wrapper .profile-ads-listing .card {
    height: 19.9375rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .profile-wrapper .profile-ads-listing .card {
    height: 19.9375rem;
  }
}
.profile-wrapper .profile-ads-listing .card .post-title {
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-wrapper .profile-ads-listing .card .card-img-top {
  object-fit: cover;
}
@media (min-width: 769px) {
  .profile-wrapper .profile-ads-listing .card .card-img-top {
    min-height: 10rem;
    max-height: 10rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-listing .card .card-img-top {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  [dir=rtl] .profile-wrapper .profile-ads-listing .card .card-img-top {
    border-top-left-radius: unset;
    border-top-right-radius: 0.5rem;
  }
  [dir=rtl] .profile-wrapper .profile-ads-listing .card .card-img-top {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: 0.5rem;
  }
}
.profile-wrapper .profile-ads-listing .card .created-since-text {
  color: #A0A0A0;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions {
    margin-top: 0.5rem;
    margin-right: 0.25rem;
  }
  [dir=rtl] .profile-wrapper .profile-ads-listing .card .post-possible-actions {
    margin-right: unset;
    margin-left: 0.25rem;
  }
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action {
  background: #ffdd15;
  height: 1.75rem;
  border-radius: 0.25rem;
  cursor: pointer;
  color: #484848;
}
@media (min-width: 769px) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action {
    width: auto;
    flex-grow: 1;
    justify-content: center;
  }
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-icon {
  background: url("../../images/profile/post-actions/sticky.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-icon {
    margin-left: 0.75rem !important;
  }
  [dir=rtl] .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-icon {
    margin-left: unset;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-icon {
    margin-left: 0.75rem !important;
  }
  [dir=rtl] .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-icon {
    margin-left: unset;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-icon {
    background: url("../../images/profile/post-actions/sticky-yellow.svg") 100% 50% no-repeat;
    padding: 0.875rem;
    background-size: 100%;
  }
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-text {
  margin-top: 0.3rem;
  margin-bottom: 0.25rem;
  margin-right: 0.5rem;
}
[dir=rtl] .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-text {
  margin-right: unset;
  margin-left: 0.5rem;
}
@media (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-text {
    margin-right: 1.5rem;
  }
  [dir=rtl] .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-text {
    margin-right: unset;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-text {
    margin-right: 1.5rem;
  }
  [dir=rtl] .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-text {
    margin-right: unset;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action {
    height: 1.75rem;
    width: 1.75rem;
    border-radius: 0.25rem;
    border: 1px solid #D7D7D7;
    background: unset;
    color: #ffdd15;
  }
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .make-payment-action {
  background: #FF6A00;
  height: 1.75rem;
  width: 9.625rem;
  border-radius: 0.25rem;
  cursor: pointer;
  color: #fff;
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .make-payment-action .complete-payment-text {
  margin-top: 0.3rem;
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .make-payment-action .payment-card-icon {
  padding: 0.75rem;
  background-size: 100% !important;
  height: 1.5rem;
  width: 1.5rem;
}
@media (min-width: 769px) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .make-payment-action .payment-card-icon {
    background: url(../../images/profile/post-actions/payment-card-white.svg) 100% 50% no-repeat;
    margin-top: 0.125rem;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .make-payment-action .payment-card-icon {
    background: url(../../images/profile/post-actions/payment-card.svg) 100% 50% no-repeat;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .make-payment-action {
    height: 1.75rem;
    width: 1.75rem;
    border-radius: 0.25rem;
    border: 1px solid #D7D7D7;
    background: unset;
    color: #49BF7C;
  }
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .repost-action {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 0.25rem;
  border: 1px solid #D7D7D7;
  cursor: pointer;
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .repost-action .repost-icon {
  background: url(../../images/profile/post-actions/repost.svg) 100% 50% no-repeat;
  padding: 0.65rem;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .repost-action .repost-icon {
    padding: 0.5rem;
  }
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .repost-action:hover {
  color: #484848;
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .share-action {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 0.25rem;
  border: 1px solid #D7D7D7;
  cursor: pointer;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .share-action {
    display: none;
  }
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .share-action .share-icon {
  background: url(../../images/profile/post-actions/share.svg) 100% 50% no-repeat;
  padding: 0.65rem;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .share-action .share-icon {
    padding: 0.5rem;
  }
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .share-action:hover {
  color: #484848;
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .edit-action {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 0.25rem;
  border: 1px solid #D7D7D7;
  cursor: pointer;
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .edit-action .edit-icon {
  background: url(../../images/profile/edit.svg) 100% 50% no-repeat;
  padding: 0.65rem;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .edit-action .edit-icon {
    padding: 0.5rem;
  }
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .edit-action:hover {
  color: #484848;
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .remove-action {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 0.25rem;
  border: 1px solid #D7D7D7;
  cursor: pointer;
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .remove-action .remove-icon {
  background: url(../../images/profile/post-actions/remove.svg) 100% 50% no-repeat;
  padding: 0.65rem;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .remove-action .remove-icon {
    padding: 0.5rem;
  }
}
.profile-wrapper .profile-ads-listing .card .post-possible-actions .remove-action:hover {
  color: #484848;
}
.profile-wrapper .profile-ads-listing .card .share-sc-buttons {
  width: 2rem;
  height: 2rem;
  padding: 5px 0;
  line-height: 1;
}
.profile-wrapper .profile-ads-listing .card .share-sc-buttons img {
  width: 1.25rem;
  height: 1.25rem;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-filters-block.search-box-open .profile-sub-title {
    display: none;
  }
}
.profile-wrapper .profile-filters-block .profile-filters.search-box-open > * {
  display: none;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-filters-block .profile-filters.search-box-open {
    width: 100%;
  }
  .profile-wrapper .profile-filters-block .profile-filters.search-box-open .search-input-block {
    display: flex !important;
    justify-content: space-between;
    width: 100%;
  }
  .profile-wrapper .profile-filters-block .profile-filters.search-box-open .search-block {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-filters-block .profile-filters.search-box-open .search-btn-block {
    margin-top: 0.25rem;
  }
}
.profile-wrapper .profile-filters-block .profile-filters .search-input-block {
  display: none;
}
.profile-wrapper .profile-filters-block .profile-filters .search-input-block .search-input {
  border: unset;
  border-color: unset !important;
  height: 2.5rem;
}
@media (min-width: 769px) {
  .profile-wrapper .profile-filters-block .profile-filters .search-input-block .search-input {
    width: 23.75rem;
  }
}
.profile-wrapper .profile-filters-block .profile-filters .search-input-block .search-input::placeholder {
  color: #d2d2d2;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-filters-block .profile-filters .search-input-block .search-input {
    height: 2rem;
  }
}
.profile-wrapper .profile-filters-block .profile-filters .search-input-block .search-input:focus {
  box-shadow: unset;
  background-color: #fff;
  outline: 0;
}
@media (min-width: 769px) {
  .profile-wrapper .profile-confirm-remove-modal {
    width: 28rem;
  }
}
.profile-wrapper .profile-confirm-remove-modal .remove-post-icon {
  background: url("../../images/profile/post-actions/remove-lg.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 4rem;
  width: 4rem;
}
.profile-wrapper .profile-confirm-remove-modal .profile-remove-post-modal-header {
  border-bottom: unset;
}
.profile-wrapper .profile-confirm-remove-modal .profile-remove-post-modal-header .close {
  margin: -0.5rem -0.5rem -0.5rem auto;
}
@media (min-width: 769px) {
  .profile-wrapper .profile-confirm-remove-modal .btn {
    min-width: 7.5rem;
  }
}
.profile-wrapper .profile-confirm-remove-modal .cancel-remove-post-btn {
  color: #017AFC;
  border-color: #017AFC;
  background-color: #fff;
}
@media (min-width: 769px) {
  .profile-wrapper .profile-empty-section {
    margin: 2rem;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-empty-section {
    margin-top: 3rem;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-empty-section.pending-payment-section .message-section {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-empty-section.pending-payment-section .icon-block {
    width: 100%;
  }
}
.profile-wrapper .profile-empty-section.pending-payment-section .icon-block .empty-pending-payment {
  background: url("../../images/profile/empty-icons/pending-payment.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 23.125rem;
  width: 23rem;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-empty-section.pending-payment-section .icon-block .empty-pending-payment {
    width: 13.25rem;
    height: 11.75rem;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-empty-section .icon-block {
    display: flex;
    justify-content: center;
  }
}
.profile-wrapper .profile-empty-section .icon-block .empty-active-ads-icon {
  background: url("../../images/profile/empty-icons/active-ads.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 23.125rem;
  width: 32rem;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-empty-section .icon-block .empty-active-ads-icon {
    width: 16.25rem;
    height: 11.75rem;
  }
}
.profile-wrapper .profile-empty-section .icon-block .empty-inactive-ads-icon {
  background: url("../../images/profile/empty-icons/inactive-ads.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 23.125rem;
  width: 32rem;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-empty-section .icon-block .empty-inactive-ads-icon {
    width: 16.25rem;
    height: 11.75rem;
  }
}
.profile-wrapper .profile-empty-section .icon-block .empty-favourites-icon {
  background: url("../../images/profile/empty-icons/favorites.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 23.125rem;
  width: 32rem;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-empty-section .icon-block .empty-favourites-icon {
    width: 16.25rem;
    height: 11.75rem;
  }
}
.profile-wrapper .profile-empty-section .icon-block .empty-comments-icon {
  background: url("../../images/profile/empty-icons/comments.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 23.125rem;
  width: 32rem;
}
@media (max-width: 768px) {
  .profile-wrapper .profile-empty-section .icon-block .empty-comments-icon {
    width: 16.25rem;
    height: 11.75rem;
  }
}
.profile-wrapper .profile-empty-section .message-block {
  width: auto;
}
@media (min-width: 769px) {
  .profile-wrapper .profile-empty-section .message-block {
    font-size: 2.75rem;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-empty-section .message-block {
    font-size: 1.25rem;
  }
}
@media (max-width: 768px) {
  .profile-wrapper .profile-empty-section .link-message {
    display: none;
  }
}
@media (min-width: 769px) {
  .profile-wrapper .profile-empty-section .link-message {
    font-size: 1.875rem;
  }
}

#profile-comments-wrapper .comment-box {
  border: 1px solid #e7e7e7;
  border-radius: 0.25rem;
  min-height: 9.6875rem;
}
#profile-comments-wrapper .comment-box.inactive {
  background-color: #f5f5f5;
}
#profile-comments-wrapper .comment-box .inactive-ad-block {
  color: #00C7D9;
}
#profile-comments-wrapper .comment-box .comment-text {
  display: inline-flex;
  width: 90%;
}
#profile-comments-wrapper .comment-box .comment-icon {
  background: url(../../images/profile/comment.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
}
@media (max-width: 768px) {
  #profile-comments-wrapper .comment-box {
    min-height: 7.6875rem;
  }
}
#profile-comments-wrapper .comment-box .created-since-text {
  color: #A0A0A0;
}
#profile-comments-wrapper .comment-box .pending-review-box {
  color: #fff;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #57BEFB;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  width: auto;
  height: 2.625rem;
  padding: 0.5rem;
}
@media (min-width: 769px) {
  #profile-comments-wrapper .comment-box .pending-review-box {
    right: 7.75rem;
  }
  [dir=rtl] #profile-comments-wrapper .comment-box .pending-review-box {
    right: inherit;
    left: 7.75rem;
  }
}
@media (max-width: 768px) {
  #profile-comments-wrapper .comment-box .pending-review-box {
    right: 1rem;
    height: 2.25rem;
  }
  [dir=rtl] #profile-comments-wrapper .comment-box .pending-review-box {
    right: inherit;
    left: 1rem;
  }
}
#profile-comments-wrapper .comment-box .rejected-box {
  color: #fff;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #AA0000;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  width: auto;
  padding: 0.5rem;
  height: 2.625rem;
}
@media (min-width: 769px) {
  #profile-comments-wrapper .comment-box .rejected-box {
    right: 7.75rem;
  }
  [dir=rtl] #profile-comments-wrapper .comment-box .rejected-box {
    right: inherit;
    left: 7.75rem;
  }
}
@media (max-width: 768px) {
  #profile-comments-wrapper .comment-box .rejected-box {
    right: 1rem;
    height: 2.25rem;
  }
  [dir=rtl] #profile-comments-wrapper .comment-box .rejected-box {
    right: inherit;
    left: 1rem;
  }
}

#active-ads-wrapper #active-ads-status-modal .profile-status-modal-header {
  border-bottom: unset;
}
#active-ads-wrapper #active-ads-status-modal .modal-body .status-btn {
  width: 12.5rem;
  border-radius: 1.5rem;
  background-color: #e7e7e7;
  color: #484848;
  border-color: #e7e7e7;
}
#active-ads-wrapper #active-ads-status-modal .modal-body .status-btn.active {
  background-color: #017AFC;
  color: #fff;
}
@media (max-width: 768px) {
  #active-ads-wrapper #active-ads-status-modal .modal-body .status-btn {
    width: 100%;
  }
}
#active-ads-wrapper #active-ads-status-modal .modal-body .status-btn:hover {
  background-color: #017AFC;
  color: #fff;
}

@media (min-width: 769px) {
  #inactive-ads-wrapper #inactive-ads-status-modal .modal-dialog {
    width: 600px;
  }
}
#inactive-ads-wrapper #inactive-ads-status-modal .profile-status-modal-header {
  border-bottom: unset;
}
#inactive-ads-wrapper #inactive-ads-status-modal .modal-body .status-btn {
  width: 10.25rem;
  border-radius: 1.5rem;
  background-color: #e7e7e7;
  color: #484848;
  border-color: #e7e7e7;
}
#inactive-ads-wrapper #inactive-ads-status-modal .modal-body .status-btn.active {
  background-color: #017AFC;
  color: #fff;
}
@media (max-width: 768px) {
  #inactive-ads-wrapper #inactive-ads-status-modal .modal-body .status-btn {
    width: 100%;
  }
}
#inactive-ads-wrapper #inactive-ads-status-modal .modal-body .status-btn:hover {
  background-color: #017AFC;
  color: #fff;
}

#update-profile-wrapper .is-invalid, #update-profile-wrapper .is-valid {
  background-image: unset;
  padding-right: 0.75rem;
}
#update-profile-wrapper .back-icon {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: unset;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #update-profile-wrapper .back-icon {
    margin-right: 0.75rem;
  }
  [dir=rtl] #update-profile-wrapper .back-icon {
    margin-right: unset;
    margin-left: 0.75rem;
  }
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  #update-profile-wrapper .back-icon {
    margin-right: 0.5rem;
  }
  [dir=rtl] #update-profile-wrapper .back-icon {
    margin-right: unset;
    margin-left: 0.5rem;
  }
}
@media (min-width: 769px) {
  #update-profile-wrapper {
    margin-top: 2.75rem;
  }
}
@media (max-width: 768px) {
  #update-profile-wrapper {
    margin-top: 1.625rem;
  }
}
@media (min-width: 769px) {
  #update-profile-wrapper .update-profile-forms {
    margin-top: 2.25rem;
  }
}
@media (max-width: 768px) {
  #update-profile-wrapper .update-profile-forms {
    margin-top: 1.5rem;
  }
}
#update-profile-wrapper .update-profile-forms .update-profile-form {
  border: 1px solid #ACAFB3;
  border-radius: 0.25rem;
  height: auto;
  overflow: hidden;
}
#update-profile-wrapper .update-profile-forms .update-profile-form .profile-update-success {
  display: none;
  margin-top: 11.59375rem;
}
#update-profile-wrapper .update-profile-forms .update-profile-form .profile-update-success .success-icon {
  background: url(../../images/profile/success.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  width: 7.1875rem;
  height: 6.0625rem;
}
#update-profile-wrapper .update-profile-forms .update-profile-form .lock-icon {
  background: url("../../images/profile/lock.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
}
#update-profile-wrapper .update-profile-forms .update-profile-form .contacts-icon {
  background: url("../../images/profile/contacts.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
}
#update-profile-wrapper .update-profile-forms .update-profile-form .btn {
  border-radius: 0.25rem;
}
#update-profile-wrapper .update-profile-forms .update-profile-form .btn.empty-fields-btn {
  color: #484848;
  background-color: #f5f5f5;
}
@media (max-width: 768px) {
  #update-profile-wrapper .update-profile-forms .update-profile-form .btn.empty-fields-btn {
    margin-top: 1.5rem;
  }
}
#update-profile-wrapper .update-profile-forms .update-profile-form .update-profile-form-hint {
  color: #959595;
}
@media (min-width: 769px) {
  #update-profile-wrapper .update-profile-forms .update-profile-form .update-profile-form-hint {
    margin-left: 1.5rem;
  }
  [dir=rtl] #update-profile-wrapper .update-profile-forms .update-profile-form .update-profile-form-hint {
    margin-left: unset;
    margin-right: 1.5rem;
  }
}
@media (max-width: 768px) {
  #update-profile-wrapper .update-profile-forms .update-profile-form .update-profile-form-hint {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#update-profile-wrapper .update-profile-forms .update-profile-form input {
  height: 3rem;
}
#update-profile-wrapper .update-profile-forms .update-profile-form input::placeholder {
  color: #d2d2d2;
  font-weight: 100;
  font-size: 0.875rem;
}
#update-profile-wrapper .update-profile-forms .update-profile-form .form-group {
  width: 100%;
  margin-bottom: 0;
}
#update-profile-wrapper .update-profile-forms .update-profile-form .show-password-btn {
  position: absolute;
  top: 19%;
  right: 0.5rem;
}
[dir=rtl] #update-profile-wrapper .update-profile-forms .update-profile-form .show-password-btn {
  right: inherit;
  left: 0.5rem;
}
#update-profile-wrapper .update-profile-forms .update-profile-form .password-input {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  color: #484848;
}
#update-profile-wrapper .update-profile-forms .update-profile-form .password-input.is-invalid {
  margin-bottom: 0;
}
#update-profile-wrapper .update-profile-forms .update-profile-form .password-input::placeholder {
  font-weight: 100;
}
@media (min-width: 769px) {
  #update-profile-wrapper .update-profile-forms .update-profile-form.full-name-form .full-name-block {
    margin-top: 2.5rem;
  }
}
@media (max-width: 768px) {
  #update-profile-wrapper .update-profile-forms .update-profile-form.full-name-form .full-name-block {
    margin-top: 1.5rem;
  }
}
@media (min-width: 769px) {
  #update-profile-wrapper .update-profile-forms .update-profile-form.full-name-form {
    margin-right: 1rem;
  }
  [dir=rtl] #update-profile-wrapper .update-profile-forms .update-profile-form.full-name-form {
    margin-right: unset;
    margin-left: 1rem;
  }
}
#update-profile-wrapper .update-profile-forms .update-profile-form.full-name-form .buttons-group {
  padding-bottom: 2rem;
}
@media (min-width: 769px) {
  #update-profile-wrapper .update-profile-forms .update-profile-form.full-name-form .buttons-group {
    margin-top: 10.5rem;
  }
}
@media (max-width: 768px) {
  #update-profile-wrapper .update-profile-forms .update-profile-form.full-name-form .buttons-group {
    margin-top: 3rem;
  }
}
#update-profile-wrapper .update-profile-forms .update-profile-form.password-form .buttons-group {
  padding-bottom: 2rem;
}
@media (min-width: 769px) {
  #update-profile-wrapper .update-profile-forms .update-profile-form.password-form .buttons-group {
    margin-top: 2rem;
  }
}
@media (max-width: 768px) {
  #update-profile-wrapper .update-profile-forms .update-profile-form.password-form .buttons-group {
    margin-top: 3rem;
  }
}
@media (min-width: 769px) {
  #update-profile-wrapper .update-profile-forms .update-profile-form {
    min-height: 34.625rem;
    max-height: 38.625rem;
  }
}
@media (max-width: 768px) {
  #update-profile-wrapper .update-profile-forms .update-profile-form {
    flex-basis: 100%;
    margin-bottom: 1.625rem;
  }
}
@media (min-width: 769px) {
  #update-profile-wrapper .update-profile-forms .update-profile-form {
    flex-basis: 49%;
  }
}
#update-profile-wrapper .account-removal {
  display: flex !important;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  background-color: #F5F5F5;
  border-radius: 0.5rem;
  padding: 1rem;
}
@media (min-width: 769px) {
  #update-profile-wrapper .account-removal {
    margin-top: 4rem;
  }
}
@media (max-width: 768px) {
  #update-profile-wrapper .account-removal {
    display: none !important;
  }
}
#update-profile-wrapper .account-removal .account-removal-text {
  color: #484848;
}
#update-profile-wrapper .account-removal .account-removal-text h4 {
  font-size: 0.875rem !important;
  font-weight: bold;
}
#update-profile-wrapper .account-removal .account-removal-text p {
  font-size: 0.875rem !important;
  font-weight: normal;
}
#update-profile-wrapper .account-removal .removal-action button {
  display: flex !important;
  align-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
}
#update-profile-wrapper .account-removal .removal-action button p {
  font-size: 0.875rem !important;
  font-weight: bold;
  color: #484848;
}
#update-profile-wrapper .account-removal-box {
  background-color: white;
  border-radius: 8px;
  padding: 54px 24px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 480px;
  color: #484848 !important;
}
#update-profile-wrapper .account-removal-box h2 {
  font-size: 1.5rem;
  font-weight: bold;
}
#update-profile-wrapper .account-removal-box p {
  font-size: 1rem;
  font-weight: normal;
  padding-top: 1rem;
  text-align: center;
  line-height: 1.5;
}
#update-profile-wrapper .account-removal-box .caution-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#update-profile-wrapper .account-removal-box .pt-375 {
  padding-top: 3.75rem;
}
#update-profile-wrapper .account-removal-box .removal-input-styles {
  height: fit-content;
  padding: 0.75rem 1rem;
  border: 1px solid #D7D7D7;
  border-radius: 8px;
}
#update-profile-wrapper .account-removal-box .confirm-delete-box {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#update-profile-wrapper .account-removal-box .confirm-delete-box .show-password-btn {
  position: absolute;
  top: 25%;
  right: 0.5rem;
}
[dir=rtl] #update-profile-wrapper .account-removal-box .confirm-delete-box .show-password-btn {
  right: inherit;
  left: 0.5rem;
}
#update-profile-wrapper .account-removal-box #delete-account {
  display: none;
}
#update-profile-wrapper .account-removal-box .btn-removal {
  padding: 5px 44px;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
#update-profile-wrapper .account-removal-box .btn-removal p {
  padding: 0;
  font-size: 1.25rem;
  font-weight: bold;
}
#update-profile-wrapper .account-removal-box .btn-removal-waseet-red {
  color: white;
  background-color: #017AFC;
}
#update-profile-wrapper .account-removal-box .btn-removal-waseet-white {
  color: #017AFC;
  background-color: white;
  border: 2px solid #017AFC;
}
#update-profile-wrapper .hidden-box {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -5;
}
#update-profile-wrapper .hidden-box .close {
  margin: 1.22rem;
}

.bg-blur {
  height: 100%;
  width: 100%;
  background: #1E212D 0% 0% no-repeat padding-box;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  opacity: 0.8;
  z-index: 9999;
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
}

.remove-box-alert {
  display: none;
  opacity: 0;
  transition: display 0s, opacity ease-in-out 0.5s;
}

/*********************************************************************************************************************
24.0  Comment Form
*********************************************************************************************************************/
#comment-form-wrapper .comment-field {
  resize: none;
  height: 7.375rem;
  line-height: 2rem;
  background: #FBFBFB 0% 0% no-repeat padding-box;
  border: 1px solid #DEDCDC;
}
#comment-form-wrapper .add-comments-btn {
  min-width: 7.125rem;
  height: 3rem;
}
#comment-form-wrapper .add-comments-btn.guest-add-btn {
  padding: 0.75rem;
}
#comment-form-wrapper .alert-dismissible {
  padding-left: 2rem;
  margin-bottom: 0;
}
[dir=rtl] #comment-form-wrapper .alert-dismissible {
  padding-left: unset;
  padding-right: 2rem;
}
#comment-form-wrapper .alert-dismissible .close {
  padding: 0.5rem;
  left: 0;
}
[dir=rtl] #comment-form-wrapper .alert-dismissible .close {
  left: unset;
  right: 0;
}

/*********************************************************************************************************************
25.0  Taxonomy Widget Style
*********************************************************************************************************************/
.taxonomy-widget .category-item {
  border-radius: 0.875rem;
  font-size: 1.125rem;
  padding-bottom: 0.97rem;
  padding-top: 0.97rem;
  height: 100%;
  min-height: 5.6875rem;
  border: 1px solid #D7D7D7;
  box-shadow: unset;
  border-radius: 0.25rem;
}
@media (max-width: 480px) {
  .taxonomy-widget .category-item {
    font-size: 1rem;
  }
}
.taxonomy-widget .category-item img {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}
@media (max-width: 480px) {
  .taxonomy-widget .category-item img {
    width: 2.0625rem;
    height: 1.625rem;
  }
}

/*********************************************************************************************************************
26.0  Thumbnail Carousel And Slider Widget Style
*********************************************************************************************************************/
.vertical-slider-with-thumbnail-widget .lSSlideWrapper .lSAction {
  display: none !important;
}
.vertical-slider-with-thumbnail-widget__gallery {
  max-height: 25.5rem;
  height: 100%;
}
.vertical-slider-with-thumbnail-widget__gallery li {
  height: 100%;
}
.vertical-slider-with-thumbnail-widget__gallery li img {
  width: 100%;
  height: 100%;
}
.vertical-slider-with-thumbnail-widget__thumb {
  max-height: 25.5rem;
  overflow-y: scroll;
}
.vertical-slider-with-thumbnail-widget__thumb li {
  margin-bottom: 1.5rem;
}
.vertical-slider-with-thumbnail-widget__thumb li img {
  width: 100%;
  max-height: 7.5rem;
}
.vertical-slider-with-thumbnail-widget__thumb li:last-child {
  margin-bottom: 0;
}
.vertical-slider-with-thumbnail-widget .lSPager {
  display: block;
}
@media (min-width: 992px) {
  .vertical-slider-with-thumbnail-widget .lSPager {
    display: none;
  }
}

/* Thumb RTL Style */
[dir=rtl] .vertical-slider-with-thumbnail-widget__thumb {
  padding-right: 0;
}

/*********************************************************************************************************************
27.0  Country Flag Widget Style
*********************************************************************************************************************/
.country-flag-widget {
  margin-left: 2.25rem;
}
[dir=rtl] .country-flag-widget {
  margin-left: 0;
  margin-right: 2.25rem;
}
.country-flag-widget__flag {
  margin-right: 0.25rem;
}
.country-flag-widget__flag.size-1x {
  width: 1rem;
  height: 1rem;
}
.country-flag-widget__flag.size-2x {
  width: 2rem;
  height: 2rem;
}
.country-flag-widget__flag.size-3x {
  width: 3rem;
  height: 3rem;
}
[dir=rtl] .country-flag-widget__flag {
  margin-right: 0;
  margin-left: 0.25rem;
}
.country-flag-widget .flag-switcher-text {
  font-size: 14px;
  padding: 0.3125rem;
}

/*********************************************************************************************************************
28.0  Post Phone Number Widget Style
*********************************************************************************************************************/
.post-phone-number-widget .post-info-links img {
  width: 2rem;
}
.post-phone-number-widget #post-phone-info-modal .modal-dialog {
  position: fixed;
  bottom: 0;
  margin: 0;
  width: 100%;
}
.post-phone-number-widget #post-phone-info-modal .modal-dialog .modal-content {
  background-clip: unset;
  border: unset;
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
  height: 12rem;
}
.post-phone-number-widget #post-phone-info-modal .modal-dialog .modal-content .modal-header {
  justify-content: center;
  border-bottom: unset;
}
.post-phone-number-widget #post-phone-info-modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}

/*********************************************************************************************************************
29.0  Share Social Widget Style
*********************************************************************************************************************/
@media (min-width: 769px) {
  .share-social-modal-block .share-social-modal {
    width: 23.875rem;
  }
}
@media (max-width: 768px) {
  .share-social-modal-block .share-social-modal {
    width: 100%;
  }
}
.share-social-modal-block .share-social-modal .modal-content {
  border: unset;
  border-radius: 0.5rem;
}
.share-social-modal-block .share-social-modal .modal-header {
  height: 5rem;
  border-bottom: unset;
}
.share-social-modal-block .share-social-modal .modal-header .close {
  position: absolute;
}
.share-social-modal-block .share-social-modal .modal-header h5 {
  margin-top: 2rem;
  left: 30%;
  right: unset;
  position: relative;
}
[dir=rtl] .share-social-modal-block .share-social-modal .modal-header h5 {
  left: unset;
}
[dir=rtl] .share-social-modal-block .share-social-modal .modal-header h5 {
  right: 25%;
}
.share-social-modal-block .share-social-modal #share-social-modal-body {
  margin: 1rem;
}
.share-social-modal-block .share-social-modal #share-social-modal-body .social-label {
  margin: 0.5rem;
}
.share-social-modal-block .share-social-modal #share-social-modal-body .a2a_kit {
  padding: 0.5rem;
}
.share-social-modal-block .share-social-modal #share-social-modal-body .a2a_button_facebook, .share-social-modal-block .share-social-modal #share-social-modal-body .a2a_button_twitter, .share-social-modal-block .share-social-modal #share-social-modal-body .a2a_button_whatsapp, .share-social-modal-block .share-social-modal #share-social-modal-body .a2a_button_copy_link {
  color: #484848;
}
.share-social-modal-block .share-social-modal #share-social-modal-body .a2a_button_facebook .a2a_svg, .share-social-modal-block .share-social-modal #share-social-modal-body .a2a_button_twitter .a2a_svg, .share-social-modal-block .share-social-modal #share-social-modal-body .a2a_button_whatsapp .a2a_svg, .share-social-modal-block .share-social-modal #share-social-modal-body .a2a_button_copy_link .a2a_svg {
  display: none;
}
.share-social-modal-block .share-social-modal #share-social-modal-body .chose-btn, .share-social-modal-block .share-social-modal #share-social-modal-body .copy-btn {
  border: 1px solid #dedcdc;
  border-radius: 1.5rem;
  width: 3.5rem;
  text-align: center;
}
.share-social-modal-block .share-social-modal #share-social-modal-body .chose-btn a, .share-social-modal-block .share-social-modal #share-social-modal-body .copy-btn a {
  font-size: 0.75rem;
  color: #484848;
}

/*********************************************************************************************************************
30.0  Make Payment Post Modal Widget Style
*********************************************************************************************************************/
@media (min-width: 769px) {
  .make-payment-post-modal {
    width: 28rem;
  }
}
.make-payment-post-modal .make-payment-post-modal-header {
  border-bottom: unset;
}
.make-payment-post-modal .make-payment-post-modal-header .close {
  margin: -0.5rem -0.5rem -0.5rem auto;
}
.make-payment-post-modal .payment-free-icon {
  background: url("../../images/payment/free.en.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 4rem;
  width: 4rem;
}
[dir=rtl] .make-payment-post-modal .payment-free-icon {
  background: url("../../images/payment/free-ar.svg") 100% 50% no-repeat;
}
.make-payment-post-modal .payment-sticky-icon {
  background: url("../../images/payment/sticky.svg") 100% 50% no-repeat;
  height: 4rem;
  width: 4rem;
}
@media (min-width: 769px) {
  .make-payment-post-modal .btn {
    min-width: 7.5rem;
  }
}

/*********************************************************************************************************************
31.0  Post Not In Current Widget Style
*********************************************************************************************************************/
.post-not-in-current-country-modal .post-not-in-current-country-modal-header {
  border-bottom: unset;
}
.post-not-in-current-country-modal .location-icon {
  background: url("../../images/add-post/location.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  width: 7.5rem;
  height: 8.5625rem;
}
@media (min-width: 769px) {
  .post-not-in-current-country-modal .btn {
    min-width: 7.5rem;
  }
}

/*********************************************************************************************************************
32.0  Country Switcher Modal Style
*********************************************************************************************************************/
/* Common Wasset country switcher modal */
#country-switcher-modal .country-switcher-modal__city-link {
  color: #484848;
  line-height: 2;
  padding: 0.1875rem 0.4375rem;
}
#country-switcher-modal .modal-header .close {
  margin: 0.1875rem 0.625rem;
  padding: 0;
}
#country-switcher-modal .text-direction {
  text-align: left;
}
[dir=rtl] #country-switcher-modal .text-direction {
  text-align: right;
}

/*********************************************************************************************************************
32.1  Country Switcher Responsive List Style
*********************************************************************************************************************/
/* Common Wasset country switcher responsive list */
#responsive-country-list-wrapper {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1070;
  overflow-y: scroll;
  display: none;
}
#responsive-country-list-wrapper .responsive-country-list-title {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
#responsive-country-list-wrapper .responsive-country-list-title a {
  font-size: 0.875rem;
}
#responsive-country-list-wrapper .responsive-country-list-title i {
  margin-right: 0.5rem;
}
[dir=rtl] #responsive-country-list-wrapper .responsive-country-list-title i {
  margin-right: 0;
  margin-left: 0.5rem;
}
#responsive-country-list-wrapper .nav {
  padding: 0;
}
#responsive-country-list-wrapper .nav .nav-item {
  padding: 0 0.9375rem;
  border-bottom: 1px solid #DDDDDD;
}
#responsive-country-list-wrapper .nav .nav-item .responsive-country-list-link {
  padding: 0.75rem;
  padding-left: 0;
}
[dir=rtl] #responsive-country-list-wrapper .nav .nav-item .responsive-country-list-link {
  padding-left: 0.75rem;
  padding-right: 0;
}
#responsive-country-list-wrapper .nav .nav-item .responsive-country-list-link .flag-switcher-text {
  margin-left: 0.5rem;
}
[dir=rtl] #responsive-country-list-wrapper .nav .nav-item .responsive-country-list-link .flag-switcher-text {
  margin-left: 0;
  margin-right: 0.5rem;
}
#responsive-country-list-wrapper .nav .nav-item .responsive-country-list-link i {
  display: none;
}
#responsive-country-list-wrapper .nav .nav-item .responsive-country-list-link.active .flag-switcher-text {
  color: #017AFC;
}
#responsive-country-list-wrapper .nav .nav-item .responsive-country-list-link.active i {
  display: inline-block;
  color: #017AFC;
  font-size: 1.125rem;
  margin-top: 0.6875rem;
}

/*********************************************************************************************************************
33.1.0  City Switcher Responsive List Style
*********************************************************************************************************************/
/* Common Wasset country switcher responsive list */
#responsive-city-list-wrapper {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1080;
  overflow-y: scroll;
  display: none;
}
#responsive-city-list-wrapper .responsive-city-list-title {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
#responsive-city-list-wrapper .responsive-city-list-title a {
  font-size: 0.875rem;
}
#responsive-city-list-wrapper .responsive-city-list-title i {
  margin-right: 0.5rem;
}
[dir=rtl] #responsive-city-list-wrapper .responsive-city-list-title i {
  margin-right: 0;
  margin-left: 0.5rem;
}
#responsive-city-list-wrapper .country-of-cities-wrapper {
  display: none;
}
#responsive-city-list-wrapper .country-of-cities-wrapper .nav {
  padding: 0;
}
#responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item {
  padding: 0 0.9375rem;
  border-bottom: 1px solid #DDDDDD;
}
#responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item .responsive-city-list-link {
  padding: 0.75rem;
  padding-left: 0;
}
[dir=rtl] #responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item .responsive-city-list-link {
  padding-left: 0.75rem;
  padding-right: 0;
}
#responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item .responsive-city-list-link .flag-switcher-text {
  margin-left: 0.5rem;
}
[dir=rtl] #responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item .responsive-city-list-link .flag-switcher-text {
  margin-left: 0;
  margin-right: 0.5rem;
}
#responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item .responsive-city-list-link i {
  display: none;
}
#responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item .responsive-city-list-link.active span {
  color: #017AFC;
}
#responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item .responsive-city-list-link.active i {
  display: inline-block;
  color: #017AFC;
  font-size: 1.125rem;
  margin-top: 0.6875rem;
}

/*********************************************************************************************************************
34.1.0  Box Theme Style
*********************************************************************************************************************/
@media (min-width: 769px) {
  .box-theme {
    margin-top: 3.75rem;
    padding: 1.5rem 2.5rem 0.625rem 1.5rem;
    background: white;
    box-shadow: 1.25rem 2.1875rem 2.1875rem rgba(51, 51, 51, 0.25);
  }
}
@media (max-width: 768px) {
  .box-theme .form-group {
    margin-bottom: 0.5rem;
  }
}
.box-theme .error-summary a {
  color: #017AFC;
  text-decoration: underline;
}
.box-theme .error-summary ul {
  font-size: 0.875rem;
  padding-inline-start: 6%;
}
@media (max-width: 768px) {
  .box-theme .error-summary ul {
    padding-inline-start: 8%;
    font-size: 0.75rem;
  }
}
.box-theme .show-password-btn {
  position: absolute;
  right: 3%;
  top: 59%;
}
[dir=rtl] .box-theme .show-password-btn {
  right: unset;
  left: 3%;
}
@media (max-width: 768px) {
  .box-theme .show-password-btn {
    top: 48%;
  }
}
.box-theme .field-loginform-password {
  width: 100%;
}
.box-theme .phone-number-input .iti__selected-flag {
  background-color: #fff;
  border-right: 1px solid #d2d2d2;
}
[dir=rtl] .box-theme .phone-number-input .iti__selected-flag {
  border-right: unset;
  border-right: 1px solid #d2d2d2;
}
.box-theme .phone-number-input .iti__selected-flag .iti__arrow {
  display: none;
}
.box-theme .phone-number-input .iti__selected-flag .iti__flag {
  order: unset;
}
[dir=rtl] .box-theme .phone-number-input .iti__selected-flag .iti__flag {
  order: 2;
}
.box-theme .phone-number-input .iti--allow-dropdown {
  width: 100%;
}
.box-theme .phone-number-input .iti--allow-dropdown input {
  display: inline-block;
  direction: ltr;
  font-size: 1.125rem;
  color: #484848;
  font-weight: bold;
}
@media (max-width: 768px) {
  .box-theme .phone-number-input .iti--allow-dropdown input {
    font-size: 1rem;
  }
}
.box-theme .phone-number-input .iti--allow-dropdown input::placeholder {
  text-align: left;
  font-weight: 100;
}
[dir=rtl] .box-theme .phone-number-input .iti--allow-dropdown input::placeholder {
  text-align: right;
}
.box-theme .phone-number-input .iti--allow-dropdown .iti__country {
  width: 100%;
}
.box-theme .phone-number-input .iti--allow-dropdown .iti__selected-flag {
  border-top-left-radius: 10%;
  border-bottom-left-radius: 10%;
}
[dir=rtl] .box-theme .phone-number-input .iti--allow-dropdown .iti__selected-flag {
  border-top-right-radius: unset;
}
[dir=rtl] .box-theme .phone-number-input .iti--allow-dropdown .iti__selected-flag {
  border-bottom-right-radius: unset;
}
.box-theme .phone-number-input .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code {
  direction: ltr;
  font-weight: bold;
  color: #484848;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .box-theme .phone-number-input .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code {
    font-size: 0.875rem;
  }
}
.box-theme .help-block-error {
  color: #017AFC;
}
.box-theme #temp-phone-number {
  display: inline-block;
  direction: ltr;
  font-weight: bold;
  font-size: 1.125rem;
  color: #484848;
}
@media (max-width: 768px) {
  .box-theme #temp-phone-number {
    font-size: 1rem;
  }
}
.box-theme .key-icon {
  background: url(../../images/custom-icons/key.svg) 50%/100% 100% no-repeat;
  padding: 0.75rem;
}
.box-theme .icon-float {
  margin-right: 0.25rem;
}
[dir=rtl] .box-theme .icon-float {
  margin-right: unset;
  margin-left: 0.25rem;
}
.box-theme .input-h-56 input {
  height: 3.5rem;
}
.box-theme .pincode-input-container {
  flex-direction: row;
}
[dir=rtl] .box-theme .pincode-input-container {
  flex-direction: row-reverse;
}
.box-theme .pincode-input-container .pincode-input-text {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  height: 56px !important;
  border: 1px solid #d2d2d2;
  border-radius: 5%;
  font-size: 1.5rem;
  font-weight: bold;
}
@media (min-width: 769px) {
  .box-theme .pincode-input-container .pincode-input-text {
    width: 56px !important;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
.box-theme .side-img {
  width: 28.25rem;
  height: 26.875rem;
}
.box-theme #box-footer .text-bottom {
  right: 0;
  bottom: 0;
  left: 0;
}
.box-theme .has-error input {
  border: solid 2px #017AFC !important;
  border-color: #017AFC !important;
}
.box-theme .has-error .iti__selected-flag {
  background-color: unset;
}
.box-theme .has-error .key-icon {
  background: url(../../images/custom-icons/key-red.svg) 50%/100% 100% no-repeat;
}
.box-theme .has-error label {
  color: #017AFC;
}
.box-theme .has-error .form-control {
  border: unset;
}
.box-theme .has-error .form-control:focus {
  border: unset;
}
.box-theme .grecaptcha-badge {
  visibility: hidden;
}
@media (min-width: 769px) {
  .box-theme .img-content {
    margin-left: 5rem;
  }
  [dir=rtl] .box-theme .img-content {
    margin-left: unset;
    margin-right: 5rem;
  }
}
.box-theme .img-content .main-img {
  width: 30.5rem;
}
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .box-theme .img-content .main-img {
    height: 32rem;
  }
}
@media (max-width: 768px) {
  .box-theme .img-content .main-img {
    width: 19.4375rem;
    height: 16rem;
  }
}
.box-theme input::placeholder {
  font-size: 1rem;
  color: #d2d2d2;
  font-family: "Roboto";
}
[dir=rtl] .box-theme input::placeholder {
  font-family: "NotoKufiArabic";
}
@media (max-width: 768px) {
  .box-theme input::placeholder {
    font-size: 0.875rem;
  }
}

.iti__country-list {
  direction: ltr;
}

.iti-mobile .iti--container {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.iti-mobile .iti--container .iti__country-list {
  height: 100%;
}

/*********************************************************************************************************************
35.1.0  Main Theme Style
*********************************************************************************************************************/
.invalid-feedback {
  color: #017AFC;
  font-size: 0.75rem;
}

/*********************************************************************************************************************
36.1.0  grid Theme Style
*********************************************************************************************************************/
.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

.grid-cols-1, .post-list-view {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2, .post-grid-view {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-auto {
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

.grid-auto-flow {
  grid-auto-flow: row;
}

.col-span-2 {
  grid-column: span 2/span 2;
}

.col-span-4 {
  grid-column: span 4/span 4;
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-rows-7 {
  grid-template-rows: repeat(7, minmax(0, 1fr));
}

.grid-rows-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr));
}

.grid-rows-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr));
}

.grid-rows-10 {
  grid-template-rows: repeat(10, minmax(0, 1fr));
}

.col-start-2 {
  grid-column-start: 2;
}

.col-end-2 {
  grid-column-end: 2;
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-span-1 {
  grid-column: span 1/span 1;
}

.grid-span-2 {
  grid-column: span 2/span 2;
}

.grid-span-3 {
  grid-column: span 3/span 3;
}

.grid-span-4 {
  grid-column: span 4/span 4;
}

.grid-span-5 {
  grid-column: span 5/span 5;
}

.grid-span-6 {
  grid-column: span 6/span 6;
}

.gap-0, .post-grid-view .post-social {
  gap: 0px;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3, .post-list-view .post-social, .post-social {
  gap: 0.75rem;
}

.gap-4 {
  gap: 0.85rem;
}

.gap-5 {
  gap: 1rem;
}
@media (min-width: 1280px) {
  .gap-5 {
    gap: 3rem;
  }
}
@media (min-width: 1536px) {
  .gap-5 {
    gap: 3rem;
  }
}

.gap-6 {
  gap: 1.25rem;
}

.gap-7 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 1.75rem;
}

.gap-9 {
  gap: 2rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-11 {
  gap: 3rem;
}

.gap-12 {
  gap: 4rem;
}

@media (min-width: 769px) {
  .md-gap-10 {
    gap: 2.5rem;
  }
}
.gap-x-4 {
  column-gap: 1rem;
}

.gap-y-3 {
  row-gap: 0.75rem;
}

.gap-x-6 {
  column-gap: 1.5rem;
}

.gap-y-10 {
  row-gap: 2.5rem;
}

.gap-x-8 {
  column-gap: 2rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.w-1-3, .post-list-view .main-frame .post-image {
  width: 33.333333%;
}

.w-2-3, .post-list-view .main-frame .post-details {
  width: 66.666667%;
}

.w-3-3 {
  width: 100%;
}

.w-1-4 {
  width: 25%;
}

.w-2-4 {
  width: 50%;
}

.w-3-4 {
  width: 75%;
}

.w-4-4 {
  width: 100%;
}

.flex-1, .post-icons {
  flex: 1 1 0%;
}

.flex-grow-2 {
  flex-grow: 1;
}

/*********************************************************************************************************************
37.1.0  post grid list Style
*********************************************************************************************************************/
.post-gallery {
  width: 2.625rem;
  height: 1.5rem;
  position: absolute;
  left: 1px;
  background: white;
  backdrop-filter: blur(2px);
  background: rgba(0, 0, 0, 0.1);
  color: white;
}

.post-social {
  margin-top: 10px;
}
.post-social .social-item {
  border-radius: 6px;
  border: 1px solid #E3E3E3;
}

.sticky {
  width: auto;
  height: auto;
  position: absolute;
  right: 10px;
  background: #FFCC00;
  font-size: 8.5px;
  font-weight: bold;
  color: black;
  border-bottom-left-radius: 1.4px;
  border-bottom-right-radius: 1.4px;
}

.post-icons {
  display: flex;
  justify-items: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 4px;
  border-right: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
}

.sticky-icons {
  border-right: none;
}

.list-chat-info-links {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  background: white;
  padding: 0.75rem;
  color: #484848;
}

.sticky-schedule-box {
  width: fit-content;
  padding: 10px 16px;
  background-color: #FFCC33;
  border-radius: 4px;
}

.p-75 {
  padding: 0.75rem;
}

.sticky-action {
  background: #ffdd15;
  border: none;
  border-radius: 0 0 3px 0;
}
@media (max-width: 768px) {
  .sticky-action p {
    font-size: 0.75rem;
  }
}

.no-padding {
  padding: 0;
}

.mt-4-5 {
  margin-top: 1.9rem;
  margin-bottom: 1.9rem;
}

.post-sticky-on-repost p {
  display: block;
  color: #2b2b2b;
}

.post-icons p {
  display: none;
}

@media (max-width: 768px) {
  .post-grid-view .col-12 {
    grid-column: span 2/span 2;
  }
}
@media (min-width: 769px) {
  .post-grid-view {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .post-grid-view .grid-country {
    display: none !important;
  }
  .post-grid-view .list-country {
    display: block !important;
  }
  .post-grid-view .dot {
    display: block !important;
  }
}
@media (min-width: 1280px) {
  .post-grid-view {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .post-grid-view .grid-country {
    display: block !important;
  }
  .post-grid-view .dot {
    display: none;
  }
}
.post-grid-view .seperator {
  display: none;
}
.post-grid-view .main-frame {
  flex-direction: column;
}
.post-grid-view.items-start.grid-country {
  display: block !important;
}
.post-grid-view .post-image {
  height: 137px;
  overflow: hidden;
}
@media (min-width: 769px) {
  .post-grid-view .post-image {
    height: 200px;
  }
}
.post-grid-view .border-color {
  border: 1px solid #FFCC00;
}
.post-grid-view .border-normal {
  border: 1px solid #e7e7e7;
}
.post-grid-view .post-gallery {
  top: 0;
}
.post-grid-view .sticky {
  top: 0px;
  padding: 6px;
}
@media (min-width: 769px) {
  .post-grid-view .sticky {
    font-size: 11.5px;
  }
}
.post-grid-view .list-country {
  display: none;
}
.post-grid-view .head-mb {
  margin-bottom: 0;
}
.post-grid-view .post-social {
  margin-top: auto;
}
.post-grid-view .post-social .social-item {
  border-radius: 0;
  border: none;
}
.post-grid-view .post-social .share-sc-button-whatsapp {
  border-right: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3;
}
.post-grid-view .post-social span {
  display: none;
}
.post-grid-view .price {
  margin-bottom: 5px;
}
.post-grid-view .owl-item img {
  display: block;
  width: auto;
}
.post-grid-view .img-ratio-4-3 > .pending-review-border, .post-grid-view .img-ratio-4-3 > .sticky-border, .post-grid-view .img-ratio-4-3 > .pending-payment-border, .post-grid-view .img-ratio-4-3 > .sold-border, .post-grid-view .img-ratio-4-3 > .rejected-border, .post-grid-view .img-ratio-4-3 > .expired-border, .post-grid-view .img-ratio-4-3 > .active-border {
  border: none !important;
}

.post-list-view .border-color {
  border: none;
}
.post-list-view .sticky-action {
  border-radius: 4px;
  background-color: #ffdd15 !important;
}
.post-list-view .post-icons {
  border-radius: 4px;
}
.post-list-view .seperator {
  width: 100%;
  height: 2px;
  background-color: #E3E3E3;
}
.post-list-view .post-details .py-2 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.post-list-view .items-start .grid-country {
  display: none !important;
}
.post-list-view .dot {
  display: inline-block;
  font-weight: bolder;
}
@media (max-width: 768px) {
  .post-list-view .line-clamp-wrapper {
    min-height: 44px;
  }
}
.post-list-view .possiable-icons {
  margin-top: 1rem;
}
.post-list-view .possiable-icons > * {
  margin-left: 0.5rem;
}
[dir=rtl] .post-list-view .possiable-icons > * {
  margin-right: inherit;
}
.post-list-view .post-grid-list-view-item > .pending-review-border, .post-list-view .post-grid-list-view-item > .sticky-border, .post-list-view .post-grid-list-view-item > .pending-payment-border, .post-list-view .post-grid-list-view-item > .sold-border, .post-list-view .post-grid-list-view-item > .rejected-border, .post-list-view .post-grid-list-view-item > .expired-border, .post-list-view .post-grid-list-view-item > .active-border {
  border: none !important;
}
.post-list-view .post-icons {
  border: 1px solid #e2e2e2;
  background-color: white;
  color: #484848;
}
.post-list-view .line-clamp-wrapper a {
  font-size: 0.875rem;
}
.post-list-view .price {
  margin-top: 8px !important;
}
.post-list-view .post-icons p {
  display: block;
  color: #2b2b2b;
  font-size: 0.75rem;
}
.post-list-view .flex-grow-1 {
  flex-grow: unset;
  flex: 1 1 0%;
}
.post-list-view .listing-ads-date-margin {
  margin-left: 0.5rem;
}
.post-list-view .sticky {
  padding: 3px;
  font-size: 7px;
  top: -6px;
}
.post-list-view .main-frame {
  flex-direction: row;
}
.post-list-view .main-frame .post-image {
  height: 96px;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.post-list-view .main-frame .border-color {
  border: 1px solid #FFCC00;
}
.post-list-view .main-frame .border-normal {
  border: 1px solid #e7e7e7;
}
.post-list-view .post-social {
  margin-top: 10px;
}
.post-list-view .post-social .social-item {
  border-radius: 6px;
  border: 1px solid #E3E3E3;
  color: #484848;
  text-decoration: none;
}
.post-list-view .post-gallery {
  border-radius: 0 2px 0 7px;
}
.post-list-view .make-payment-action p {
  font-size: 0.75rem !important;
}

.img-ratio-4-3 {
  aspect-ratio: 4/3;
  padding-top: 75%;
}
.img-ratio-4-3 .border-normal {
  border: none;
}
.img-ratio-4-3 img {
  width: 100% !important;
}

.card-img-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.post-gallery {
  bottom: 1px;
}

.sticky {
  top: -15px;
}

.list-country {
  display: inline;
}

.head-mb {
  margin-bottom: 0;
}

.relative {
  position: relative;
}

p {
  margin: 0;
}

.space-x-2 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
}

.line-clamp-wrapper {
  min-height: 46px;
  display: flex;
  align-items: start;
}
@media (max-width: 768px) {
  .line-clamp-wrapper {
    min-height: 36px;
  }
}

.title-line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 38px;
}
@media (min-width: 1280px) {
  .title-line-clamp {
    height: 45px;
  }
}

.space-x-5 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));
}

.title-line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.opacity-30 {
  opacity: 30%;
}

.sticky-box {
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #ffdd15;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.125rem 0.25rem;
  left: 1.5rem;
}
[dir=rtl] .sticky-box {
  left: inherit;
  right: 1.5rem;
}

.paid-box {
  color: #fff;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #49BF7C;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.125rem 0.25rem;
  left: 1.5rem;
}
[dir=rtl] .paid-box {
  left: inherit;
  right: 1.5rem;
}

.pending-payment-status-box {
  color: #fff;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #FF6A00;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.125rem 0.25rem;
  left: 1.5rem;
}
[dir=rtl] .pending-payment-status-box {
  left: inherit;
  right: 1.5rem;
}

.pending-review-box {
  color: #fff;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #57BEFB;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.125rem 0.25rem;
  left: 1.5rem;
}
[dir=rtl] .pending-review-box {
  left: inherit;
  right: 1.5rem;
}

.rejected-box {
  color: #fff;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #AA0000;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.125rem 0.25rem;
  left: 1.5rem;
}
[dir=rtl] .rejected-box {
  left: inherit;
  right: 1.5rem;
}

.expired-box {
  color: #fff;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #1FAEC1;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.125rem 0.25rem;
  left: 1.5rem;
}
[dir=rtl] .expired-box {
  left: inherit;
  right: 1.5rem;
}

.sold-box {
  color: #fff;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #8133FF;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.125rem 0.25rem;
  left: 1.5rem;
}
[dir=rtl] .sold-box {
  left: inherit;
  right: 1.5rem;
}

.scheduled-box {
  color: #fff;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #0D0B88;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.125rem 0.25rem;
  left: 1.5rem;
}
[dir=rtl] .scheduled-box {
  left: inherit;
  right: 1.5rem;
}

.make-payment-action {
  background: #FF6A00;
  cursor: pointer;
  color: #fff;
  border-radius: 0 0 3px 0;
}
@media (max-width: 768px) {
  .make-payment-action p {
    font-size: 0.75rem;
  }
}

.pending-border {
  border: 1px solid #57BEFB;
}

.pending-payment-border {
  border: 1px solid #FF6A20;
}

.sold-border {
  border: 1px solid #8133F8;
}

.scheduled-border {
  border: 1px solid #0D0B88;
}

.paid-border {
  border: 1px solid #49BF7C;
}

.sticky-border {
  border: 1px solid #FFCC00;
}

.rejected-border {
  border: 1px solid #AA000E;
}

.expired-border {
  border: 1px solid #1FAEC1;
}

.post-icons:nth-child(1) {
  border-right: none !important;
}

body[dir=ltr] .post-icons:nth-child(1) {
  border-left: none !important;
}
body[dir=ltr] .post-grid-view .post-icons {
  border-right: none;
  border-left: 1px solid #e2e2e2;
}
body[dir=ltr] .post-grid-view .make-payment-action {
  border-radius: 0 3px 0 0;
}
body[dir=ltr] .pending-payment-status-box, body[dir=ltr] .rejected-box, body[dir=ltr] .pending-review-box, body[dir=ltr] .paid-box, body[dir=ltr] .sticky-box, body[dir=ltr] .expired-box, body[dir=ltr] .sold-box, body[dir=ltr] .scheduled-box {
  right: 1.5rem;
  left: unset;
}
body[dir=ltr] .sticky-icons {
  border-left: none;
}
body[dir=ltr] .post-list-view .listing-ads-date-margin {
  margin-right: 0.5rem;
}
body[dir=ltr] .post-gallery .ml-1 {
  margin-left: 0 !important;
  margin-right: 0.25rem;
}

@media (min-width: 769px) {
  #post-items .col-12 {
    grid-column: span 4/span 4;
  }
}
@media (min-width: 1280px) {
  #post-items .col-12 {
    grid-column: span 5/span 5;
  }
}
#post-items .col-12 .space-x-2 > * {
  --tw-space-x-reverse: 0;
  --tw-space-x-reverse: 0;
  margin-left: calc(0.5rem * var(--tw-space-x-reverse));
  margin-right: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
}
#post-items .col-12 .space-x-5 > * {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.5rem * var(--tw-space-x-reverse));
  margin-right: calc(2rem * (1 - var(--tw-space-x-reverse)));
}

#favorite-items-id #infscr-loading, #active-items-id #infscr-loading, #inactive-items-id #infscr-loading, #pending-payment-items-id #infscr-loading, #listing-items-id #infscr-loading, #commercials-ads-id #infscr-loading {
  margin: 2.8125rem auto;
}
@media (max-width: 768px) {
  #favorite-items-id #infscr-loading, #active-items-id #infscr-loading, #inactive-items-id #infscr-loading, #pending-payment-items-id #infscr-loading, #listing-items-id #infscr-loading, #commercials-ads-id #infscr-loading {
    grid-column: span 2/span 2;
  }
}
@media (min-width: 769px) {
  #favorite-items-id #infscr-loading, #active-items-id #infscr-loading, #inactive-items-id #infscr-loading, #pending-payment-items-id #infscr-loading, #listing-items-id #infscr-loading, #commercials-ads-id #infscr-loading {
    grid-column: span 4/span 4;
  }
}
@media (min-width: 1280px) {
  #favorite-items-id #infscr-loading, #active-items-id #infscr-loading, #inactive-items-id #infscr-loading, #pending-payment-items-id #infscr-loading, #listing-items-id #infscr-loading, #commercials-ads-id #infscr-loading {
    grid-column: span 5/span 5;
  }
}

@media (max-width: 768px) {
  #pending-payment-items-id .post-list-view #infscr-loading,
  #favorite-items-id .post-list-view #infscr-loading,
  #active-items-id .post-list-view #infscr-loading,
  #inactive-items-id .post-list-view #infscr-loading,
  #listing-items-id .post-list-view #infscr-loading,
  #commercials-ads-id .post-list-view #infscr-loading {
    grid-column: span 1/span 1 !important;
  }
}

.list-view .pagination {
  display: none;
}

.more-information {
  color: #017AFC;
  font-weight: bold;
}

/*********************************************************************************************************************
38.1.0  RTL direction style
*********************************************************************************************************************/
body[dir=rtl] {
  text-align: right;
}

/*********************************************************************************************************************
39.1.0  Sales agent
*********************************************************************************************************************/
body[dir=ltr] #sales-agent .sales-border {
  border-left: none !important;
  border-right: 1px solid #dee2e6 !important;
}
body[dir=ltr] #sales-agent .img-rotate {
  transform: rotate(0deg);
}
body[dir=ltr] #sales-agent .rtl-rotate {
  transform: rotate(180deg);
}
body[dir=ltr] #sales-agent .space-x-1, body[dir=ltr] #sales-agent .post-list-view .post-icons, .post-list-view body[dir=ltr] #sales-agent .post-icons {
  --tw-space-x-reverse: 0;
  margin-left: calc(1rem * var(--tw-space-x-reverse));
  margin-right: calc(1rem * (1 - var(--tw-space-x-reverse)));
}
body[dir=ltr] #sales-agent .space-x-0-8 {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
}
body[dir=ltr] #sales-agent .space-x-0-4 {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.25rem * var(--tw-space-x-reverse));
}

#sales-agent p {
  margin: 0;
}
#sales-agent .img-rotate {
  transform: rotate(-90deg);
}
#sales-agent .breadcrumb {
  padding: 0 !important;
}
#sales-agent .sales-cols {
  display: grid;
  column-gap: 16px;
  grid-auto-flow: row;
}
@media (min-width: 769px) {
  #sales-agent .sales-cols {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  #sales-agent .sales-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  #sales-agent .sales-cols {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
#sales-agent .sales-border {
  border-left: 1px solid #dee2e6;
  border-right: none;
}
#sales-agent .sales-agent-main {
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #D7D7D7;
  opacity: 1;
}
#sales-agent .sales-agent-card {
  width: 137px;
  height: 137px;
  border-radius: 50%;
}
#sales-agent .mb-2-rem {
  margin-bottom: 2rem;
}
#sales-agent .name-line-clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#sales-agent .country-line-clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
#sales-agent .name-centered {
  min-height: 54px;
}
#sales-agent .taxonomy-centered {
  min-height: 36px;
}
@media (max-width: 768px) {
  #sales-agent .sales-agent-card {
    width: 95px;
    height: 95px;
    border-radius: 50%;
  }
}
#sales-agent .space-x-1, #sales-agent .post-list-view .post-icons, .post-list-view #sales-agent .post-icons {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
}
#sales-agent .space-x-0-8 {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
}
#sales-agent .space-x-0-4 {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
}

/*********************************************************************************************************************
40.1.0  main classes
*********************************************************************************************************************/
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px !important;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px !important;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px !important;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px !important;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px !important;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px !important;
  }
}

.ios,
.ios * {
  cursor: pointer;
}

.log-out-padding {
  padding-top: 24px !important;
  padding-bottom: 16px !important;
}

.mb-075 {
  margin-bottom: 0.75rem;
}

.mb-2-9 {
  margin-top: 2.998rem;
}

.py-125 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.no-border {
  border: unset;
}

.cursor-disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}

@media (resolution: 125dpi) {
  .main-slider-class .owl-nav button.owl-next {
    top: 10px !important;
  }
  .main-slider-class .owl-nav button.owl-prev {
    top: 10px !important;
  }
}
.mini-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 640px) {
  .mini-container {
    max-width: 540px !important;
  }
}
@media (min-width: 768px) {
  .mini-container {
    max-width: 800px !important;
  }
}
@media (min-width: 1024px) {
  .mini-container {
    max-width: 900px !important;
  }
}
@media (min-width: 1280px) {
  .mini-container {
    max-width: 1100px !important;
  }
}
@media (min-width: 1536px) {
  .mini-container {
    max-width: 1136px !important;
  }
}

#slider {
  padding: 56px 0;
  overflow: hidden;
  height: auto;
}
#slider .h-19-rem {
  height: 22.394rem !important;
}
@media (max-width: 768px) {
  #slider .h-19-rem {
    height: unset !important;
  }
}
#slider .owl-item .item {
  margin-left: 1px !important;
}
@media (max-width: 768px) {
  #slider {
    padding: 32px 0;
  }
}
#slider .slider-w-h {
  width: 58%;
  min-width: 58%;
  max-width: 58%;
}
@media (min-width: 769px) {
  #slider .slider-w-h {
    padding-left: 4px;
  }
  [dir=rtl] #slider .slider-w-h {
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  #slider .slider-w-h {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  #slider {
    width: 100%;
    padding-bottom: 30px;
  }
}

.mt-5-5 {
  margin-top: 3.5rem;
}

.unstyled-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.Category-desktop {
  background-color: transparent linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, #FAFAFA 100%) 0% 0% no-repeat padding-box;
}
@media (max-width: 768px) {
  .Category-desktop {
    background-color: transparent;
  }
}

.taxonomy-desktop-wrapper {
  background-color: white;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
  width: 10.938rem;
  height: 8.688rem;
}
@media (min-width: 769px) {
  .taxonomy-desktop-wrapper {
    justify-content: center !important;
  }
}
@media (max-width: 768px) {
  .taxonomy-desktop-wrapper {
    background-color: transparent;
    border: none;
    border-radius: 0;
    width: auto;
    height: auto;
    justify-content: flex-start !important;
  }
}

.taxonomy-img-wrapper {
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
}
@media (max-width: 768px) {
  .taxonomy-img-wrapper {
    background-color: #F6F6F6;
  }
}

.taxonomy-img-size {
  width: 3rem;
}
@media (max-width: 768px) {
  .taxonomy-img-size {
    width: 2.0625rem;
  }
}

@media (max-width: 768px) {
  .grid-cols-for-taxonomy {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .grid-cols-for-taxonomy {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .grid-cols-for-taxonomy {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
  .grid-cols-for-taxonomy {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .grid-cols-for-taxonomy {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .grid-cols-for-taxonomy {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.25) {
  .grid-cols-for-taxonomy {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .grid-cols-for-taxonomy {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (min-width: 1536px) {
  .grid-cols-for-taxonomy {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (min-width: 1536px) and (-webkit-min-device-pixel-ratio: 1.25) {
  .grid-cols-for-taxonomy {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (min-width: 1536px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .grid-cols-for-taxonomy {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 768px) {
  .gap-5 {
    gap: 4rem;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1024px) {
  .gap-5 {
    gap: 4rem;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1280px) {
  .gap-5 {
    gap: 3rem;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1536px) {
  .gap-5 {
    gap: 3rem;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px) {
  .gap-5 {
    gap: 4rem;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1024px) {
  .gap-5 {
    gap: 3rem;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1280px) {
  .gap-5 {
    gap: 3rem;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1536px) {
  .gap-5 {
    gap: 3rem;
  }
}

.icon-inside-input__input-new::-webkit-input-placeholder {
  color: #A0A0A0 !important;
}

.icon-inside-input__input-new {
  padding-right: 0 !important;
}

[dir=ltr] .icon-inside-input__input-new {
  padding-left: 0 !important;
}

.icon-inside-input {
  border-radius: 4px;
  border: 1px solid #D7D7D7;
}

.commercial-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #D7D7D7;
  height: auto;
  overflow: hidden;
}
@media (max-width: 768px) {
  .commercial-item {
    height: auto;
  }
}
@media (min-width: 769px) {
  .commercial-item .gtm-commercial {
    height: auto;
  }
}
.commercial-item a {
  width: 100%;
}
@media (max-width: 768px) {
  .commercial-item a {
    height: auto;
  }
}
.commercial-item a .commercial-item-img {
  height: 100%;
  width: 100%;
  object-fit: fill;
}
.commercial-item .post-phone-number-widget {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  margin-top: auto;
  overflow: hidden;
}
.commercial-item .commercial-ads-button {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 0 !important;
}
@media (min-width: 769px) {
  .commercial-item .commercial-ads-button {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.commercial-item .commercial-ads-button img {
  width: 24px;
  height: 24px;
}

.owl-item .border-color, .owl-item .sticky-border {
  border: 1px solid #FFCC00;
}

.carousel-with-bottom-indicators .owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  background-color: #E7E7E7;
}

.carousel-with-bottom-indicators .owl-dots .owl-dot.active {
  width: 12px;
  height: 12px;
  background-color: #017AFC;
}

.carousel-with-bottom-indicators .owl-nav {
  position: relative;
  height: 40px;
}

@media (min-width: 769px) {
  #listing-owl-ads-carousel .owl-nav {
    height: auto;
  }
}

.carousel-with-bottom-indicators .owl-nav button.owl-prev {
  right: 40%;
  left: initial;
  position: absolute;
  top: 0;
}
@media (max-width: 768px) {
  .carousel-with-bottom-indicators .owl-nav button.owl-prev {
    margin-left: 25%;
  }
}

.carousel-with-bottom-indicators .owl-nav button.owl-next {
  left: 40%;
  right: initial;
  position: absolute;
  top: 0px;
}
@media (max-width: 768px) {
  .carousel-with-bottom-indicators .owl-nav button.owl-next {
    margin-right: 25%;
  }
}

#commercial-carousel .owl-dots {
  bottom: 5px !important;
}

.lSSlideOuter .lSPager.lSpg > li a {
  background-color: #E7E7E7 !important;
}
.lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #017AFC !important;
}

.main-slider-class {
  position: relative;
}
@media (max-width: 768px) {
  .main-slider-class .container {
    width: 100% !important;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .main-slider-class .carousel-with-bottom-indicators .owl-item {
    border-radius: 10px;
    overflow: auto;
    transform: scale(0.9);
    transition: all ease-in-out 0.4s;
  }
}
@media (max-width: 768px) {
  .main-slider-class .carousel-with-bottom-indicators .owl-item.center {
    transform: scale(1);
  }
}
.main-slider-class .carousel-with-bottom-indicators .owl-dots .owl-dot {
  background-color: transparent;
  border: 1px solid white;
}
@media (max-width: 768px) {
  .main-slider-class .carousel-with-bottom-indicators .owl-dots .owl-dot {
    background-color: #E7E7E7;
    border: unset;
  }
}
.main-slider-class .carousel-with-bottom-indicators .owl-dots .owl-dot.active {
  background-color: white;
  border: 1px solid white;
}
@media (max-width: 768px) {
  .main-slider-class .carousel-with-bottom-indicators .owl-dots .owl-dot.active {
    background-color: #017AFC;
    border: unset;
  }
}
.main-slider-class .carousel-with-bottom-indicators .owl-stage {
  height: 19.5rem;
}
@media (max-width: 768px) {
  .main-slider-class .carousel-with-bottom-indicators .owl-stage {
    height: 187px;
    border-radius: 14px;
  }
}
@media (min-width: 769px) {
  .main-slider-class .owl-dots {
    bottom: 1.7rem;
    width: fit-content;
  }
}
@media (max-width: 768px) {
  .main-slider-class .owl-dots {
    width: fit-content;
    bottom: -30px;
  }
}
.main-slider-class .owl-nav {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
@media (min-width: 769px) {
  .main-slider-class .owl-nav {
    background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4039215686) 100%) 0% 0% no-repeat padding-box;
    height: 58px !important;
  }
}
.main-slider-class .owl-nav button.owl-prev, .main-slider-class .owl-nav button.owl-next {
  color: white !important;
}
.main-slider-class .owl-nav button.owl-prev {
  right: 30%;
  left: initial;
  position: absolute;
  transform: rotate(180deg);
  top: -2px;
}
.main-slider-class .owl-nav button.owl-next {
  left: 30%;
  right: initial;
  position: absolute;
  transform: rotate(180deg);
  top: -2px;
}
.main-slider-class .owl-nav [dir=ltr] button.owl-prev {
  left: 30%;
  right: initial;
  position: absolute;
  transform: rotate(180deg);
  top: -2px;
}
.main-slider-class .owl-nav [dir=ltr] button.owl-next {
  right: 30%;
  left: initial;
  position: absolute;
  transform: rotate(180deg);
  top: -2px;
}
.main-slider-class .owl-nav [dir=ltr] .space-x-2 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.5rem * var(--tw-space-x-reverse));
}

#carousel-with-thump-nav-tabs {
  overflow: hidden;
  border-radius: 0 0 24px 24px;
  border-bottom: none !important;
  box-shadow: rgba(0, 0, 0, 0.1882352941) 0px 2px 3px;
}
#carousel-with-thump-nav-tabs .nav-item .nav-link {
  font-size: 1rem;
  color: #CECECE;
  font-weight: bold;
}
#carousel-with-thump-nav-tabs .nav-item .nav-link.active {
  width: fit-content;
  margin: 0 auto;
}

.sales-agents-home {
  background-color: white;
  padding: 5rem 0;
}
.sales-agents-home .sales-agents-home-inline {
  width: 100%;
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
}

.icon-size-homepage {
  width: 22.26px;
  height: 24.65px;
}

.img-ratio-2-1 {
  aspect-ratio: 2/1;
}
.img-ratio-2-1 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
}

@media (max-width: 768px) {
  .float-right-real-align img, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item--link-action img, #search-bar-wrapper #search-bar-stores img, #simple-search-bar-wrapper #search-bar-stores img {
    margin: 0;
  }
}

.img-ratio-3-4 {
  aspect-ratio: 4/3;
}
.img-ratio-3-4 img {
  height: auto !important;
}

@media (max-width: 768px) {
  .float-right-real-align img, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item--link-action img, #search-bar-wrapper #search-bar-stores img, #simple-search-bar-wrapper #search-bar-stores img {
    margin: 0;
  }
}

#commercial-ads [dir=rtl] .share-sc-button-whatsapp {
  border-right: 1px solid #dee2e6 !important;
  border-left: unset !important;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: 0.25rem;
}

.search-placeholder::placeholder {
  color: #A0A0A0 !important;
}

#sticky-wrapper .owl-dots {
  margin-bottom: -3px !important;
}

body[dir=ltr] .flip-back-icon {
  transform: rotate(180deg);
}

body[dir=ltr] .icon-inside-input__input-new {
  padding-left: 2.5rem;
}

.disable-select {
  user-select: none; /* supported by Chrome and Opera */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}

@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 768px) {
  .main-slider-class .owl-nav button.owl-prev,
  .main-slider-class .owl-nav button.owl-next {
    top: 0 !important;
  }
  #container-id-carousal .owl-nav {
    height: 54px !important;
  }
  #commercial-carousel .owl-nav {
    height: 36px !important;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1024px) {
  .main-slider-class .owl-nav button.owl-prev,
  .main-slider-class .owl-nav button.owl-next {
    top: 0 !important;
  }
  #container-id-carousal .owl-nav {
    height: 54px !important;
  }
  #commercial-carousel .owl-nav {
    height: 36px !important;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1280px) {
  .main-slider-class .owl-nav button.owl-prev,
  .main-slider-class .owl-nav button.owl-next {
    top: 0 !important;
  }
  #container-id-carousal .owl-nav {
    height: 61px !important;
  }
  #commercial-carousel .owl-nav {
    height: 40px !important;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px) {
  .main-slider-class .owl-nav button.owl-prev,
  .main-slider-class .owl-nav button.owl-next {
    top: 0 !important;
  }
  #container-id-carousal .owl-nav {
    height: 48px !important;
  }
  #commercial-carousel .owl-nav {
    height: 36px !important;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1024px) {
  .main-slider-class .owl-nav button.owl-prev,
  .main-slider-class .owl-nav button.owl-next {
    top: 0 !important;
  }
  #container-id-carousal .owl-nav {
    height: 62px !important;
  }
  #commercial-carousel .owl-nav {
    height: 40px !important;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1280px) {
  .main-slider-class .owl-nav button.owl-prev,
  .main-slider-class .owl-nav button.owl-next {
    top: 0 !important;
  }
  #container-id-carousal .owl-nav {
    height: 62px !important;
  }
  #commercial-carousel .owl-nav {
    height: 41px !important;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1536px) {
  .main-slider-class .owl-nav button.owl-prev,
  .main-slider-class .owl-nav button.owl-next {
    top: 0 !important;
  }
  #container-id-carousal .owl-nav {
    height: 62px !important;
  }
  #commercial-carousel .owl-nav {
    height: 41px !important;
  }
}
.owl-carousel.owl-drag .owl-item {
  padding: 1px !important;
}

.d-font-size-2 {
  font-size: 2rem;
}

.sitemap-footer-icon {
  margin: 1.5rem !important;
  width: 11.75rem;
  height: 3.5rem;
}

@media (max-width: 767px) {
  .d-font-size-2 {
    font-size: 1.5rem;
  }
  .sitemap-footer-icon {
    margin: 0.5rem !important;
  }
}
.w-full {
  width: 100% !important;
}

.w-search-bar {
  width: 385px !important;
}

.h-full {
  height: 100% !important;
}

.shadow-md {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.0784313725) !important;
}

.radius-2 {
  border-radius: 0.5rem !important;
}

.ratio-16-9 {
  width: 100%;
  padding-top: 56.25%;
}
.ratio-16-9 img {
  width: 100%;
  max-height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

.font-size-1o15 {
  font-size: 1.15rem;
}

.radius-o7 {
  border-radius: 0.7rem;
}

/*********************************************************************************************************************
41.1.0  Spaces
*********************************************************************************************************************/
.space-x-2 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
}

.space-x-3 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));
}

.space-x-4 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
}

.space-x-5 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse)));
}

.space-x-6 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * (0.5 - var(--tw-space-x-reverse)));
}

.space-x-7 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));
}

.space-x-8 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(2.5rem * var(--tw-space-x-reverse));
  margin-left: calc(2.5rem * (1 - var(--tw-space-x-reverse)));
}

.space-x-33-px > :first-child {
  --tw-space-x-reverse: 0;
  margin-right: calc(33px * var(--tw-space-x-reverse));
  margin-left: calc(33px * (1 - var(--tw-space-x-reverse)));
}

body[dir=ltr] .space-x-2 > * {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.5rem * var(--tw-space-x-reverse));
  margin-right: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
}
body[dir=ltr] .space-x-3 > * {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.75rem * var(--tw-space-x-reverse));
  margin-right: calc(0.75rem * (1 - var(--tw-space-x-reverse)));
}
body[dir=ltr] .space-x-4 > * {
  --tw-space-x-reverse: 0;
  margin-left: calc(1rem * var(--tw-space-x-reverse));
  margin-right: calc(1rem * (1 - var(--tw-space-x-reverse)));
}
body[dir=ltr] .space-x-5 > * {
  --tw-space-x-reverse: 0;
  margin-left: calc(1.25rem * var(--tw-space-x-reverse));
  margin-right: calc(1.25rem * (1 - var(--tw-space-x-reverse)));
}
body[dir=ltr] .space-x-6 > * {
  --tw-space-x-reverse: 0;
  margin-left: calc(1.5rem * var(--tw-space-x-reverse));
  margin-right: calc(1.5rem * (1 - var(--tw-space-x-reverse)));
}
body[dir=ltr] .space-x-7 > * {
  --tw-space-x-reverse: 0;
  margin-left: calc(2rem * var(--tw-space-x-reverse));
  margin-right: calc(2rem * (1 - var(--tw-space-x-reverse)));
}
body[dir=ltr] .space-x-8 > * {
  --tw-space-x-reverse: 0;
  margin-left: calc(2.5rem * var(--tw-space-x-reverse));
  margin-right: calc(2.5rem * (1 - var(--tw-space-x-reverse)));
}
body[dir=ltr] .space-x-33-px > :first-child {
  --tw-space-x-reverse: 0;
  margin-left: calc(33px * var(--tw-space-x-reverse));
  margin-right: calc(33px * (1 - var(--tw-space-x-reverse)));
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-6 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mb-12 {
  margin-bottom: 9.375rem;
}

.h-14 {
  height: 3.5rem !important;
}

.px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

/*********************************************************************************************************************
42.1.0  Account recovery
*********************************************************************************************************************/
@media (max-width: 768px) {
  .recovery-box {
    flex-direction: column-reverse;
  }
  .recovery-box .w-50 {
    width: 100% !important;
  }
}
.recovery-box .recovery-main {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
.recovery-box .recovery-main h3 {
  color: #484848;
  font-size: 2rem !important;
  font-weight: bold;
  text-transform: capitalize;
  text-align: start !important;
  align-self: flex-start !important;
}
@media (max-width: 768px) {
  .recovery-box .recovery-main h3 {
    text-align: center !important;
    width: max-content;
    margin-top: 2.998rem;
    font-size: 1.25rem !important;
  }
}
.recovery-box .recovery-main p {
  color: #484848;
  font-size: 1.125rem !important;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.recovery-box .recovery-main .recovery-phone-box {
  margin-top: 1.5rem;
  margin-bottom: 3rem;
  background: #FFF6E5 0% 0% no-repeat padding-box;
  border: 1px solid #FABD4B;
  border-radius: 8px;
  padding: 1rem 5.9375rem;
  font-size: 1.75rem;
  font-weight: 500;
  color: #484848;
}
@media (max-width: 768px) {
  .recovery-box .recovery-main .recovery-phone-box {
    padding: 1rem 1.3rem;
    font-size: 1.5rem;
  }
}
.recovery-box .recovery-main .btn-removal {
  text-transform: capitalize;
  font-weight: bold;
  padding: 5px 44px;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45%;
  margin-right: 10px;
  margin-left: 10px;
}
.recovery-box .recovery-main .btn-removal p {
  padding: 0;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: unset !important;
}
.recovery-box .recovery-main .btn-removal-waseet-red {
  color: white;
  background-color: #017AFC;
}
.recovery-box .recovery-main .btn-removal-waseet-white {
  color: #017AFC;
  background-color: white;
  border: 2px solid #E7E7E7;
}

.homepage-button-on-recovery {
  display: none;
}
@media (max-width: 768px) {
  .homepage-button-on-recovery {
    display: block;
    padding: 0.563rem 1rem 0.5rem;
    background: white;
    border: 1px solid #E7E7E7;
    border-radius: 4pt;
    font-size: 1rem;
    font-weight: bold;
    color: #484848;
  }
}

.mxw-60 {
  max-width: 60% !important;
}

.swiper-button-prev.owl:after, .swiper-rtl .swiper-button-next.owl:after {
  content: '';
}
/*# sourceMappingURL=main.css.map */
.bx {
  font-size: 25px;
}

.form-control {
  height: calc(2em + 0.75rem + 2px);
}


#add-post-image-step-wrapper #add-post-images #post-images-panel .upload-image-input-block {
  border: 0.125rem dashed #d9d9d9;
  height: 5.0625rem;
  border-radius: 0.25rem;
}

#add-post-info-step-wrapper #post-images-panel .post-description-input {
  min-height: 9rem;
  resize: none;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url('../../images/icons/download.svg');
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}


@media (max-width: 992px){
  .lower-menu.pt-3 {
    display: none;
  }
  .upper-menu {
    background-color: #fff;
}
}

.btn-outline-danger {
  color: #017AFC;
  border-color: #017AFC;
}

.bg-danger {
  background-color: #017AFC !important;
}
a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus{
  background-color: #017AFC !important;
}

.hidden-item-mobile {
  display: none;
}
.container.box-theme{
  padding: 0;
  margin: 0;
}
.mt-lg-5, .my-lg-5{
  margin-top: 0 !important;
}