@charset "UTF-8";

/*********************************************************************************************************************
 * 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
 *********************************************************************************************************************/

@use "sass:math";

/* Include Arabic Font */

@font-face {
    font-family: "NotoKufiArabic";
    font-style: normal;
    font-weight: 400;
    src: local("NotoKufiArabic"), url("https://eg.waseet.net/common-assets/fonts/arabic/NotoKufiArabic-VariableFont_wght.ttf") format("truetype");
}

@font-face {
    font-family: "NotoKufiArabic";
    font-style: medium;
    font-weight: 600;
    src: local("NotoKufiArabic"), url("https://eg.waseet.net/common-assets/fonts/arabic/NotoKufiArabic-VariableFont_wght.ttf") format("truetype");
}

@font-face {
    font-family: "NotoKufiArabic";
    font-style: bold;
    font-weight: 700;
    src: local("NotoKufiArabic"), url("https://eg.waseet.net/common-assets/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("https://eg.waseet.net/common-assets/fonts/english/Roboto-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("https://eg.waseet.net/common-assets/fonts/english/Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local("Roboto"), url("https://eg.waseet.net/common-assets/fonts/english/Roboto-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto-Bold";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto-Bold"), url("https://eg.waseet.net/common-assets/fonts/english/Roboto-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    src: local("Roboto"), url("https://eg.waseet.net/common-assets/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;
}


/* #e30b1c Color */

.color-torch-red {
    color: #e30b1c;
}


/* #e30b1c Background Color */

.bg-torch-red {
    background-color: #e30b1c;
}


/* #e30b1c Background Color On Desktop */

@media (min-width: 769px) {
    .bg-lg-torch-red {
        background-color: #e30b1c;
    }
}


/* #e30b1c Background Color On Mobile */

@media (max-width: 768px) {
    .bg-sm-torch-red {
        background-color: #e30b1c;
    }
}


/* #e30b1c Border Color */

.border-torch-red {
    border-color: #e30b1c;
}


/* #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;
}


/* #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;
}


/* #E30B1C0A Color */

.color-light-red {
    color: #E30B1C0A;
}


/* #E30B1C0A Background Color */

.bg-light-red {
    background-color: #E30B1C0A;
}


/* #E30B1C0A Background Color On Desktop */

@media (min-width: 769px) {
    .bg-lg-light-red {
        background-color: #E30B1C0A;
    }
}


/* #E30B1C0A Background Color On Mobile */

@media (max-width: 768px) {
    .bg-sm-light-red {
        background-color: #E30B1C0A;
    }
}


/* #E30B1C0A Border Color */

.border-light-red {
    border-color: #E30B1C0A;
}


/* #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;
}


/* #E30B1C Color */

.color-deleted-color {
    color: #E30B1C;
}


/* #E30B1C Background Color */

.bg-deleted-color {
    background-color: #E30B1C;
}


/* #E30B1C Background Color On Desktop */

@media (min-width: 769px) {
    .bg-lg-deleted-color {
        background-color: #E30B1C;
    }
}


/* #E30B1C Background Color On Mobile */

@media (max-width: 768px) {
    .bg-sm-deleted-color {
        background-color: #E30B1C;
    }
}


/* #E30B1C Border Color */

.border-deleted-color {
    border-color: #E30B1C;
}


/* #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;
}


/*********************************************************************************************************************
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(https://eg.waseet.net/common-assets/img/custom-icons/close.svg) 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(https://eg.waseet.net/common-assets/img/custom-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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/custom-icons/arrows/arrow-left.svg) 100% 50% no-repeat;
}

.back-icon-sm {
    background: url(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/custom-icons/arrows/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(https://eg.waseet.net/common-assets/img/custom-icons/add-photo.svg) 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(https://eg.waseet.net/common-assets/img/custom-icons/rotate-left.svg) 100% 50% no-repeat;
    padding: 1rem;
    background-size: 100%;
}

.rotate-right {
    background: url(https://eg.waseet.net/common-assets/img/custom-icons/rotate-right.svg) 100% 50% no-repeat;
    padding: 1rem;
    background-size: 100%;
}

.zoom-in {
    background: url(https://eg.waseet.net/common-assets/img/custom-icons/zoom-in-black.svg) 100% 50% no-repeat;
    padding: 1rem;
    background-size: 100%;
}

.zoom-out {
    background: url(https://eg.waseet.net/common-assets/img/custom-icons/zoom-out-black.svg) 100% 50% no-repeat;
    padding: 1rem;
    background-size: 100%;
}

.red-pencil {
    background: url(https://eg.waseet.net/common-assets/img/custom-icons/red-pencil.svg) 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
}

.share-black-icon {
    background: url(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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: #e30b1c;
}

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

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

.hide-scroll::-webkit-scrollbar,
#notification-wrapper-menu::-webkit-scrollbar,
#notification-wrapper-page::-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%;
}

body {
    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,
body,
.select2-container--bootstrap .select2-selection,
#add-personal-information-step-wrapper #temp-phone-number,
#add-personal-information-step-wrapper .iti--allow-dropdown input,
#add-personal-information-step-wrapper .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code,
#sticky-interested-user-wrapper #temp-phone-number,
#sticky-interested-user-wrapper .iti--allow-dropdown input,
#sticky-interested-user-wrapper .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code,
.box-theme .phone-number-input .iti--allow-dropdown input,
.box-theme .phone-number-input .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code {
    font-family: "Roboto", sans-serif;
}


/* Waseet Arabic Font */

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

.arabic-bold-font,
body[dir="rtl"] .font-weight-bold,
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,
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-comments-wrapper .comment-box .pending-review-box,
#profile-comments-wrapper .comment-box body[dir="rtl"] .pending-review-box,
body[dir="rtl"] #profile-comments-wrapper .comment-box .rejected-box,
#profile-comments-wrapper .comment-box body[dir="rtl"] .rejected-box,
body[dir="rtl"] .sticky-box,
body[dir="rtl"] .paid-box,
body[dir="rtl"] .pending-payment-status-box,
body[dir="rtl"] .pending-review-box,
body[dir="rtl"] .rejected-box,
body[dir="rtl"] .expired-box,
body[dir="rtl"] .sold-box {
    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,
#sticky-wrapper .sticky-item,
#aside-wrapper .aside-content-wrapper .do-you-have-product-to-sell,
.taxonomy-widget .category-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,
.select2-container--bootstrap,
.upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown+.dropdown-menu,
#search-bar-wrapper #search-bar-stores #pre-stores-label,
#simple-search-bar-wrapper #search-bar-stores #pre-stores-label {
    text-align: left;
}

[dir=rtl] .text-real-align,
[dir=rtl] .select2-container--bootstrap,
[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] #search-bar-wrapper #search-bar-stores #pre-stores-label,
#search-bar-wrapper #search-bar-stores [dir=rtl] #pre-stores-label,
[dir=rtl] #simple-search-bar-wrapper #search-bar-stores #pre-stores-label,
#simple-search-bar-wrapper #search-bar-stores [dir=rtl] #pre-stores-label {
    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,
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item--link-action,
#search-bar-wrapper #search-bar-stores,
#simple-search-bar-wrapper #search-bar-stores {
    float: right;
}

[dir=rtl] .float-right-real-align,
[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,
[dir=rtl] #search-bar-wrapper #search-bar-stores,
#search-bar-wrapper [dir=rtl] #search-bar-stores,
[dir=rtl] #simple-search-bar-wrapper #search-bar-stores,
#simple-search-bar-wrapper [dir=rtl] #search-bar-stores {
    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: "";
}

[dir=rtl] .flip-chevron-right::before {
    content: "";
}


/* This class will be flip left arrow to right when website is rtl */

.flip-chevron-left::before {
    content: "";
}

[dir=rtl] .flip-chevron-left::before {
    content: "";
}


/* 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 .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: #e30b1c;
    border-color: #e30b1c;
}

.btn-waseet-red:active,
.btn-waseet-red:focus {
    color: #fff;
    box-shadow: 0 0 0.25rem 0 #e30b1c;
}

.btn-waseet-red:hover {
    color: #fff;
    background-color: #d90036;
}


/* Common Wasset Red Outline Button */

.btn-waseet-outline-red {
    color: #e30b1c;
    background-color: #fff;
    border-color: #e30b1c;
}

.btn-waseet-outline-red:active,
.btn-waseet-outline-red:focus {
    color: #e30b1c;
    box-shadow: 0 0 0.25rem 0 #fff;
}

.btn-waseet-outline-red:hover {
    color: #fff;
    background-color: #d90036;
    border-color: #d90036;
}


/* 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;
}

.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;
}


/*********************************************************************************************************************
4.3  Common Link Style
*********************************************************************************************************************/


/* Common Waseet Links Style */

.waseet-link,
.waseet-charcoal-link,
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item,
#sticky-wrapper .sticky-item,
.taxonomy-widget .category-item,
.country-flag-widget,
.waseet-gray-link,
#footer .footer-menu li a {
    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,
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item,
#sticky-wrapper .sticky-item,
.taxonomy-widget .category-item,
.country-flag-widget {
    color: #484848;
}

.waseet-charcoal-link:hover,
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:hover,
#sticky-wrapper .sticky-item:hover,
.taxonomy-widget .category-item:hover,
.country-flag-widget:hover {
    color: #1D76DE;
}

.waseet-charcoal-link:active,
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:active,
#sticky-wrapper .sticky-item:active,
.taxonomy-widget .category-item:active,
.country-flag-widget:active {
    color: #1D76DE;
}

.waseet-charcoal-link:focus,
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:focus,
#sticky-wrapper .sticky-item:focus,
.taxonomy-widget .category-item:focus,
.country-flag-widget:focus {
    color: #1D76DE;
}

.waseet-charcoal-link:hover,
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:hover,
#sticky-wrapper .sticky-item:hover,
.taxonomy-widget .category-item:hover,
.country-flag-widget:hover,
.waseet-charcoal-link:active,
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:active,
#sticky-wrapper .sticky-item:active,
.taxonomy-widget .category-item:active,
.country-flag-widget:active,
.waseet-charcoal-link:focus,
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:focus,
#sticky-wrapper .sticky-item:focus,
.taxonomy-widget .category-item:focus,
.country-flag-widget:focus {
    text-decoration: none;
}

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

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

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

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

.waseet-royalBlue-link:hover,
#breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover,
.upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link:hover,
.upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown:hover,
.pin-header-with-line a:hover,
.waseet-royalBlue-link:active,
#breadcrumb-wrapper .breadcrumb .breadcrumb-item a:active,
.upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link:active,
.upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown:active,
.pin-header-with-line a:active,
.waseet-royalBlue-link:focus,
#breadcrumb-wrapper .breadcrumb .breadcrumb-item a:focus,
.upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link:focus,
.upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown:focus,
.pin-header-with-line 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-prev,
.carousel-with-bottom-indicators .owl-nav button.owl-next {
    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-prev:focus,
.carousel-with-bottom-indicators .owl-nav button.owl-next: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: #e30b1c;
}

.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: #e30b1c;
}

.common-pagination-style .pagination .page-item.active .page-link {
    color: #fff;
    background-color: #e30b1c;
    border-color: #e30b1c;
}

.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 input:checked~.checkmark,
.custom-radio-container:hover input~.checkmark {
    background-color: #fff;
    border: 1px solid #e30b1c;
}

.custom-radio-container .checked-style:after,
.custom-radio-container input:checked~.checkmark:after,
.custom-radio-container:hover input~.checkmark:after {
    background: #e30b1c;
}

.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 #00000029;
    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: #e7e7e740;
}

#notification-wrapper-menu #notification-content .notifications-item:hover {
    background: #e7e7e780;
}

#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: #00000029 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: .4s;
    transition: .4s;
}

.header .slider:before {
    position: absolute;
    content: "";
    height: 14pt;
    width: 14pt;
    left: 15px;
    bottom: -2px;
    background-color: #B3B3B3;
    -webkit-transition: .4s;
    transition: .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%;
}

.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: 58px;
}

.lower-menu .lower-menu-item {
    color: #484848;
    font-size: 1.1rem;
    text-decoration: none;
    cursor: pointer;
    transition: all ease-in-out .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;
    transition: width .3s;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    border-radius: 6px 6px 0 0;
    transform: translateX(-50%) translateY(30px);
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    -ms-transition: width .3s;
    -o-transition: width .3s;
}

.lower-menu .lower-menu-item:hover::after {
    transform: translateX(-50%) translateY(19px);
    transition: transform .3s;
}

.lower-menu .active {
    font-weight: bold;
}

.lower-menu .active::after {
    content: '';
    display: block;
    width: 70%;
    height: 4px;
    background: #E30B1C;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    border-radius: 6px 6px 0 0;
    transform: translateX(-50%) translateY(5px);
    -webkit-transform: translateX(-50%) translateY(5px);
    -moz-transform: translateX(-50%) translateY(5px);
    -ms-transform: translateX(-50%) translateY(5px);
    -o-transform: translateX(-50%) translateY(5px);
}

.lower-menu .active:hover::after {
    bottom: 0;
    left: 50%;
    border-radius: 6px 6px 0 0;
    transform: translateX(-50%) translateY(7px);
    -webkit-transform: translateX(-50%) translateY(7px);
    -moz-transform: translateX(-50%) translateY(7px);
    -ms-transform: translateX(-50%) translateY(7px);
    -o-transform: translateX(-50%) translateY(7px);
}

@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: #00000029 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 * calc(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: red;
}

@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(349deg) brightness(87%) contrast(104%);
    color: red;
}

.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 .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: #E30B1C08;
}

.active-country-switcher:hover .country-name-hidden {
    display: inline;
    transition: all ease-in-out .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 .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 .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;
}

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

.responsive-main-menu-item-common,
#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 .country-flag-widget {
    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.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,
[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 {
    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;
    display: block;
}

#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("https://eg.waseet.net/common-assets/img/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 .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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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: #e30b1c;
}

#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: #e30b1c;
}

#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
*********************************************************************************************************************/

#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: 1rem;
    font-family: "NotoKufiArabic";
    font-weight: 700;
}

#carousel-with-thump-wrapper #carousel-with-thump-nav-tabs .nav-item .nav-link.active {
    color: #e30b1c;
    border-bottom: 3px solid #e30b1c;
}


/* 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: .5rem;
    padding-bottom: .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 #00000014;
    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: #E30B1C 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 #00000033;
    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) {
    body {
        padding-bottom: 5rem;
    }
    .woot-widget-bubble {
        bottom: 6rem !important;
    }
    #cookie-consent {
        bottom: 5rem !important;
    }
    .navigation-tabs {
        display: flex;
    }
    .navigation-tabs .tabbar {
        height: auto;
        width: 100vw;
        background: #fff;
        padding: 8px 0;
        z-index: 100000;
        position: fixed;
        bottom: 0;
        filter: drop-shadow(0px -2px 10px #0000001A);
    }
    .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: #e30c1c 0% 0% no-repeat padding-box;
    }
}

@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;
    }
    .navigation-tabs .tabbar ul li p {
        color: #484848;
        font-size: 0.65rem;
    }
    .navigation-tabs .tabbar ul li .color-torch-red-important {
        color: #e30b1c;
        font-family: "NotoKufiArabicBold";
    }
    .navigation-tabs .tabbar ul li.active p {
        color: #e30b1c;
        font-family: "NotoKufiArabicBold";
    }
    .navigation-tabs .tabbar ul li div.main {
        width: 40px;
        height: 40px;
        border-bottom-color: #E30B1C;
        border: 7px #FFFFFF;
        position: absolute;
        display: flex;
        justify-content: center;
        background-color: #E30B1C;
        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);
    }
    .navigation-tabs .tabbar ul li .abs-paragraph {
        margin-top: 28px;
        text-align: center;
        color: #484848 !important;
        font-family: unset !important;
    }
    .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: #E30B1C !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: 200px;
        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%, #e30b1c 16%, #e30b1c 100%);
}

.download-app .vectors-background {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 80%;
    background-image: url("https://eg.waseet.net/common-assets/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: red;
}

@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: 95%;
        margin-right: 0.5rem;
        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;
}

#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: #e30b1c;
    font-weight: bold;
    padding-top: 10px;
}

#listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-prev {
    float: left;
    position: absolute;
    right: -36px;
    bottom: 1px;
}

[dir=rtl] #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-prev {
    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 {
    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;
    margin-right: 50px !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: #e30b1c;
    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: #e30b1c;
}

#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: 3rem;
    }
}

.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(https://eg.waseet.net/common-assets/fonts/arabic/NotoKufiArabic-Bold.ttf);
}

@font-face {
    font-family: NotoKufiArabic-Regular;
    src: url(https://eg.waseet.net/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 .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: #00000036;
    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(https://eg.waseet.net/common-assets/img/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(../img/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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/custom-icons/arrow-next.svg) 50%/100% 100% no-repeat;
}

#post-view-wrapper .view-post-slider .carousel-control-next-icon {
    background: url(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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 .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.40rem;
}

#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: #e30b1c;
    margin-top: 0.25rem;
}

#post-view-wrapper .card .fav-post:hover i,
#post-view-wrapper .card .fav-post.active i {
    color: #e30b1c;
}

#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: #e30b1c;
}

#post-view-wrapper #report-abuse-modal .modal-header .close {
    margin: 0;
    padding: 0;
    position: absolute;
}

#post-view-wrapper #report-abuse-modal .modal-header h5 {
    margin-top: 2rem;
    left: 30%;
    right: 30%;
    position: relative;
}

#post-view-wrapper #report-abuse-modal .modal-content {
    border-radius: 0.5rem;
}

#post-view-wrapper #report-abuse-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 {
    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 {
    left: -1px;
    right: unset;
}

#post-view-wrapper #report-abuse-modal .report-abuse-form input[type='radio']:checked {
    border: 1px solid #e30b1c;
}

#post-view-wrapper #report-abuse-modal .report-abuse-form input[type='radio']:checked:before {
    background: #e30b1c;
}

#post-view-wrapper #report-abuse-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 {
    width: 7.8125rem;
}

#post-view-wrapper #report-abuse-modal .go-home-btn {
    color: #e30b1c;
}

#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(https://eg.waseet.net/common-assets/img/custom-icons/warning.svg) 50% 50% no-repeat;
    padding: 0.7rem;
}

#post-view-wrapper .outlined-flag-icon {
    background: url(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/custom-icons/outlined-flag-red.svg) 50% 50% no-repeat;
    padding: 0.7rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}

#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("https://eg.waseet.net/common-assets/img/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: -.5rem -.5rem -.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: #e30b1c;
    border-color: #e30b1c;
    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(https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/post-status/pending-payment-sm.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(https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/post-status/sold-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("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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: 6.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: #e30b1c;
}

.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 .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(https://eg.waseet.net/common-assets/img/post-status/pending-review-sm.svg) 100% 40% no-repeat;
        padding: 1rem;
        background-size: 100%;
    }
}

@media (max-width: 768px) {
    .pending-review-icon {
        background: url("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/post-status/success-sm.svg") 100% 40% no-repeat;
        padding: 1rem;
        background-size: 100%;
    }
}

@media (max-width: 768px) {
    .success-icon {
        background: url("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/post-status/pending-payment-sm.svg") 100% 40% no-repeat;
        padding: 1rem;
        background-size: 100%;
    }
}

@media (max-width: 768px) {
    .pending-payment-icon {
        background: url("https://eg.waseet.net/common-assets/img/post-status/pending-payment-sm.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("https://eg.waseet.net/common-assets/img/post-status/rejected-sm.svg") 100% 40% no-repeat;
        padding: 1rem;
        background-size: 100%;
    }
}

@media (max-width: 768px) {
    .rejected-icon {
        background: url("https://eg.waseet.net/common-assets/img/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: #e30b1c;
    }
}

.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 #00000033;
}

.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-rejected-image-text {
    font-size: 0.875rem;
    font-family: NotoKufiArabic-Bold;
    text-decoration: underline;
}

.edit-action .edit-icon {
    background: url("https://eg.waseet.net/common-assets/img/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-family: NotoKufiArabic-Bold;
    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-family: NotoKufiArabic-Regular;
    font-size: 0.875rem;
    padding-top: 0.5rem;
}

.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;
    }
    #post-view-wrapper .post-sub-title {
        font-size: 1rem;
    }
    #post-details-content-widget .font-weight-bold,
    #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,
    #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-comments-wrapper .comment-box .pending-review-box,
    #profile-comments-wrapper .comment-box #post-details-content-widget .pending-review-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 .sticky-box,
    #post-details-content-widget .paid-box,
    #post-details-content-widget .pending-payment-status-box,
    #post-details-content-widget .pending-review-box,
    #post-details-content-widget .rejected-box,
    #post-details-content-widget .expired-box,
    #post-details-content-widget .sold-box {
        font-size: 0.875rem;
    }
    #post-details-content-widget .attribute-value {
        font-size: 0.875rem;
    }
    .rejected-images-box .col-12 {
        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;
    }
}


/*********************************************************************************************************************
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: #e30b1c;
    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: #e30b1c;
    border-color: #e30b1c;
}

.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: #E30B1C;
}

.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: #e30b1c;
}

.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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/custom-icons/arrows/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 #e30b1c;
}

#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 #0000001a;
    font-weight: 700;
    font-size: 0.875rem;
    cursor: pointer;
    background: url(https://eg.waseet.net/common-assets/img/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: 2%;
    }
    [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: 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 .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: 10%;
        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: 10%;
    }
}

@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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/add-post/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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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;
}


/*********************************************************************************************************************
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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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: #e7e7e740;
}

#notification-wrapper-page #notification-content .notifications-item:hover {
    background: #e7e7e780;
}

#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: #e21e19 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: .5rem;
    padding-bottom: .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 #e30b1c;
}

#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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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: #e30b1c;
    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 .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 #e30b1c;
}

.profile-wrapper .profile-tabs .profile-tab.active .profile-tab-link {
    font-weight: 700;
    color: #e30b1c;
}

.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: #e30b1c;
    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: #e30b1c;
    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(https://eg.waseet.net/common-assets/img/profile/edit.svg) 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
}

.profile-wrapper .call-icon {
    background: url(https://eg.waseet.net/common-assets/img/profile/call.svg) 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
}

.profile-wrapper .report-icon {
    background: url(https://eg.waseet.net/common-assets/img/profile/report.svg) 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
}

.profile-wrapper .sort-up-icon {
    background: url(https://eg.waseet.net/common-assets/img/profile/sort-up.svg) 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
}

.profile-wrapper .sort-down-icon {
    background: url(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/profile/filter.svg) 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
}

.profile-wrapper .search-icon {
    background: url(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/profile/post-status/paid.svg) 100% 50% no-repeat;
    padding: 0.5rem;
    background-size: 100%;
}

.profile-wrapper .pending-payment-icon {
    background: url(https://eg.waseet.net/common-assets/img/profile/post-status/pending-payment.svg) 100% 50% no-repeat;
    padding: 0.5rem;
    background-size: 100%;
}

.profile-wrapper .pending-review-icon {
    background: url(https://eg.waseet.net/common-assets/img/profile/post-status/pending-review.svg) 100% 50% no-repeat;
    padding: 0.5rem;
    background-size: 100%;
}

.profile-wrapper .rejected-icon {
    background: url(https://eg.waseet.net/common-assets/img/profile/post-status/rejected.svg) 100% 50% no-repeat;
    padding: 0.5rem;
    background-size: 100%;
}

.profile-wrapper .expired-icon {
    background: url(https://eg.waseet.net/common-assets/img/profile/post-status/expired.svg) 100% 50% no-repeat;
    padding: 0.5rem;
    background-size: 100%;
}

.profile-wrapper .sold-icon {
    background: url(https://eg.waseet.net/common-assets/img/profile/post-status/sold.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("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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: -.5rem -.5rem -.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: #e30b1c;
    border-color: #e30b1c;
    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("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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(https://eg.waseet.net/common-assets/img/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: #e30b1c;
    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: #e30b1c;
    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: #e30b1c;
    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: #e30b1c;
    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(https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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%;
    }
}


/*********************************************************************************************************************
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: -.5rem -.5rem -.5rem auto;
}

.make-payment-post-modal .payment-free-icon {
    background: url("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/payment/free-ar.svg") 100% 50% no-repeat;
}

.make-payment-post-modal .payment-sticky-icon {
    background: url("https://eg.waseet.net/common-assets/img/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("https://eg.waseet.net/common-assets/img/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.0;
    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: #e30b1c;
}

#responsive-country-list-wrapper .nav .nav-item .responsive-country-list-link.active i {
    display: inline-block;
    color: #e30b1c;
    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: #e30b1c;
}

#responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item .responsive-city-list-link.active i {
    display: inline-block;
    color: #e30b1c;
    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: #e30b1c;
    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: #e30b1c;
}

.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(https://eg.waseet.net/common-assets/img/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 #e30b1c !important;
    border-color: #e30b1c !important;
}

.box-theme .has-error .iti__selected-flag {
    background-color: unset;
}

.box-theme .has-error .key-icon {
    background: url(https://eg.waseet.net/common-assets/img/custom-icons/key-red.svg) 50%/100% 100% no-repeat;
}

.box-theme .has-error label {
    color: #e30b1c;
}

.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: #e30b1c;
    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-social,
.post-list-view .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;
}

.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: .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 * calc(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 * calc(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;
}

.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;
}

.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 {
    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 * calc(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 * calc(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: #E30B1C;
    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;
}

.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, #FAFAFA00 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: #E30B1C;
}

.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: #E30B1C !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: #E30B1C;
        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, #00000000 0%, #00000067 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 * calc(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: #00000030 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 #00000014 !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%);
}


/*********************************************************************************************************************
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 * calc(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 * calc(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 * calc(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 * calc(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 * calc(1 - 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 * calc(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 * calc(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 * calc(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 * calc(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 * calc(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 * calc(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 * calc(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 * calc(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 * calc(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 * calc(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 * calc(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;
}

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

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


/*# sourceMappingURL=main.css.map */