@import url("../css/bootstrap-icons.css");

:root {
    --primary: #00ACA0;
    --secondary: #BEDE96;
    --light: #59BCD0;
    --dark: #181818;

    --background: #CCCCCC;
    --text: #525558;
    --border: #D9D9D9;
    --danger: #D92E2E;
    --light-blue: #C5EAEC;

    --black: #000;
    --white: #fff;
    --radius-5: 5px;
    --radius-10: 10px;
    --radius-20: 20px;
    --font-sx: 10px;
    --font-s: 12px;
    --font-xs: 13px;
    --font-m: 14px;
    --font-l: 15px;
    --font-xl: 16px;
    --font-xxl: 18px;
}

@media (min-width:992px) {
    :root {
        --font-sx: 12px;
        --font-s: 14px;
        --font-xs: 15px;
        --font-m: 16px;
        --font-l: 17px;
        --font-xl: 18px;
        --font-xxl: 20px;
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    text-align: justify;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: 'SiteFont' !important;
    direction: rtl;
    font-size: normal !important;
    background-color: var(--white);
}

/* icons */
.bi {
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: contain;
}

/*---------------fonts-----------------------*/
@font-face {
    font-family: 'SiteFont';
    font-style: normal;
    font-weight: 100;
    src: url("../fonts/YekanBakhFaNum-Thin.ttf");
}

@font-face {
    font-family: 'SiteFont';
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/YekanBakhFaNum-Thin.ttf");
}

@font-face {
    font-family: 'SiteFont';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/YekanBakhFaNum-Light.ttf");
}

@font-face {
    font-family: 'SiteFont';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/YekanBakhFaNum-Regular.ttf");
}

@font-face {
    font-family: 'SiteFont';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/YekanBakhFaNum-SemiBold.ttf");
}

@font-face {
    font-family: 'SiteFont';
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/YekanBakhFaNum-Bold.ttf");
}

@font-face {
    font-family: 'SiteFont';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/YekanBakhFaNum-Black.ttf");
}

@font-face {
    font-family: 'SiteFont';
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/YekanBakhFaNum-ExtraBold.ttf");
}

@font-face {
    font-family: 'SiteFont';
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/YekanBakhFaNum-ExtraBlack.ttf");
}

@font-face {
    font-family: 'Morabba';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/Morabba-UltraLight.ttf');
}

@font-face {
    font-family: 'Morabba';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/Morabba-Light.ttf');
}

@font-face {
    font-family: 'Morabba';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Morabba-Medium.ttf');
}

@font-face {
    font-family: 'Morabba';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Morabba-Regular.ttf');
}

@font-face {
    font-family: 'Morabba';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Morabba-SemiBold.ttf');
}

@font-face {
    font-family: 'Morabba';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Morabba-Bold.ttf');
}

@font-face {
    font-family: 'Morabba';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Morabba-Heavy.ttf');
}

@font-face {
    font-family: 'Morabba';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/Morabba-Black.ttf');
}

@font-face {
    font-family: 'Morabba';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Morabba-ExtraBold.ttf');
}

/*-------------- textTags --------------*/
a,
a:hover {
    text-decoration: none;
    color: inherit;
}

p {
    font-weight: normal;
    text-align: justify;
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
    font-weight: bold;
}

label,
button,
select {
    font-weight: normal;
}

strong {
    font-weight: bold !important;
}

span,
b,
label,
p,
a,
tr,
figcaption {
    font-weight: normal;
}

ul {
    list-style-type: none;
    margin: unset;
    padding: 0;
}

input {
    background-color: transparent !important;
}

input:focus {
    box-shadow: unset !important;
}

input[type="text"] {
    min-height: 35px;
}

.textarea:focus {
    box-shadow: unset !important;
}

.select:focus {
    box-shadow: unset !important;
}

.form-control:focus {
    box-shadow: unset;
    border-color: inherit;
}

img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.btn:hover {
    color: inherit;
    transition: 0.5s;
}

.btn:focus {
    box-shadow: unset;
}

.central {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*--------------PlaceHolders------------*/
::placeholder {
    font-family: 'SiteFont';
    font-size: var(--font-s) !important;
    color: #424750 !important;
}

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

.primary_btn {
    color: #fff !important;
    border: 1px solid var(--primary);
    min-width: 150px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 5px;
    padding: 10px 5px;
    background-color: var(--primary);
}

/* .primary_btn:hover {
    background-color: #013925;
} */
.secondary_btn {
    border: 1px solid #04BE7B;
    color: #04BE7B !important;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: transparent;
    min-width: 150px;
}

.default_btn {
    padding: 7px;
    background-color: #e0e0e0;
    border-radius: var(--radius-5);
    min-width: 130px;
    font-size: 14px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 5px;
    width: fit-content;
    width: -moz-fit-content;
}

.default_btn:hover {
    background-color: rgb(163, 163, 163);
    color: #fff;
}

.modal .btn-close {
    margin-right: auto;
    margin-left: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal .create-btn {
    font-size: 15px;
}

/*----------------------------header------------------------------*/
header .header_btns {
    min-height: 50px;
    padding: 15px;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10000;
    min-height: 65px;
    width: 100%;
    padding-bottom: 65px;
}

header .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 16px;
    margin-top: 20px
}

header .title span:last-child {
    color: #333;
}

header .container {
    padding: 0;
}

header .container .row {
    margin: 0;
}

header .container .row>* {
    padding: 0;
}

header .btn:focus {
    box-shadow: none;
}

header .logo-box {
    padding: 0 10px !important;
}

header .logo-box a {
    display: -ms-flexbox;
    display: flex;
}

header .logo-box img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

header .menu {
    background: #141640;
    position: fixed;
    right: 0;
    top: 0;
    width: 280px;
    margin-right: 0;
    z-index: 10000;
    height: 100%;
    transition: 0.5s;
    overflow: scroll;
    display: flex;
    flex-direction: column;
    padding: 15px;
}

.menu .social_media {
    margin-top: auto;
    border: 1px solid #8a654657;
    border-radius: 5px;
    padding: 20px 10px;
}

.menu .social_media .social_item {
    margin: 0 5px;
}

header .menu .menu-item .menu-link {
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
}

header .menu .category-menu .category-content-box .category-content {
    display: none;
}

header .menu .category-menu .category-content-box .category-content .category-list {
    padding: 0 13px 10px 13px;
    font-size: 14px;
}

header .menu .category-menu .category-content-box .category-content .category-list a {
    padding: 7px 0px;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

header .menu .category-menu .category-content-box .category-content .list-title {
    font-weight: 700;
}

.list-title.list-all {
    color: black;
    /* border-bottom: 1px solid gainsboro; */
}

.list-title.list-all svg {
    width: 16px;
}

header .menu .category-menu .category-content-box .category-content .list-title img {
    width: 24px;
    height: 24px;
}

header .menu .category-menu .category-btn {
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    border-radius: 0;
    padding: 15px 0.75rem;
}

header .menu .category-menu .category-btn.first-category {
    border-bottom: 1px solid #dad9d9;
    font-size: 13px;
}

header .menu .category-menu .first-content .category-btn {
    padding: 7px 0;
    font-size: 14px;
}

header .menu .category-menu .first-content .category-content * {
    font-size: 12px;
}

header .menu .category-menu .first-content .category-content {
    background: transparent;
}

header .menu .category-menu .category-btn svg {
    transition: 0.5s;
    width: 20px;
    height: 20px;
}

header .menu-off {
    overflow: hidden;
    padding-right: 0;
    padding-left: 0;
    margin-right: -280px;
}

.menu-back {
    background-color: rgba(0, 0, 0, 0.473);
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.overlay {
    overflow: hidden;
    height: 100vh;
    touch-action: none;
}

header .search-box {
    transition: 0.3s;
    /* flex:1; */
    /* margin-top: 15px;
    position: absolute; */
    bottom: 15px;
    right: 15px;
    left: 15px;
}

header .search-form {
    /* background: transparent !important; */
    border-radius: 5px;
    z-index: 100;
    padding: 0 0.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid var(--text);
    border-radius: var(--radius-20);
}

.search_loading {
    display: flex;
    align-items: center;
    font-size: var(--font-s);
    background: #e0e0e0 !important;
    padding: 5px 10px;
    border-radius: 0 0 5px 5px;
}

.spinner-border {
    width: 1rem;
    height: 1rem;
    color: #333;
    border-width: 0.15em;
    margin-left: 5px;
}

.serachBox {
    position: relative;
}

.search_result,
.search_loading {
    position: absolute;
    top: 42px;
    right: 0;
    left: 0;
    background: #fff;
    padding: 10px;
    font-size: 14px;
    z-index: -1;
    border: 1px solid gainsboro;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px -2px 8px 0px #666666;
}

.search_result img {
    width: 40px;
    min-width: 40px;
    height: 40px;
    object-fit: contain;
    background-color: #e6e3e3;
    padding: 4px;
    border-radius: 5px;
    margin-left: 5px;
}

.search_item {
    padding: 5px;
    font-size: 13px;
}

.search_item a {
    display: flex;
    align-items: center;
}

header .login-basket .basket-btn {
    position: relative;
    margin-right: 15px;
    padding: 0;
}

header .login-basket .basket-btn .badge {
    display: -ms-flexbox;
    display: flex;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: var(--white);
    background-color: var(--primary);
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: -13px;
    top: 0px;
    font-size: 12px;
    font-size: 15px;
    padding: 5px;
    font-weight: normal;
}

.userProfile_icon {
    padding: 5px 10px;
    border-radius: 5px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.userProfile_icon span {
    display: none;
}

.profile_items {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    top: 43px;
    text-align: right;
    padding: 10px 22px;
    z-index: 100;
    right: 0;
    min-width: 140px;
}

.profile_items a {
    color: #736f6f !important;
    width: 100%;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 5px 0;
}

.profile_items span {
    font-size: 11px;
    color: var(--primary-site);
    display: flex;
    align-items: center;
}

.profile_items strong {
    font-size: 15px;
}

.prfile_item_name {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #d3d0d09c;
}

.userProfile {
    position: relative;
}

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

.header_btns svg:not(.userProfile_icon svg) {
    width: 25px;
    height: 25px;
}

.search-form input {
    background: unset !important;
    border: unset;
    min-height: 35px;
    box-shadow: unset !important;
    padding: 0;
}

.login-basket {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: flex-start;
}

.header_btns .btn {
    padding: 0;
    font-size: var(--font-m);
    display: flex;
    align-items: center;
}

.header_btns .primary_btn {
    padding: 10px;
}

header .navbar-brand img {
    width: 80px;
    object-fit: contain;
}

.menu_top img {
    height: 150px;
    width: 100%;
    object-fit: contain;
}

.header_menu nav {
    display: none;
}

.header_menu>img {
    position: absolute;
    right: 0;
    top: 0;
    width: 36%;
    opacity: 0.2;
    height: 100%;
}

header .navbar-brand {
    flex: 1;
    display: flex;
    justify-content: center;
}

header .contact_box {
    background: #ECF6F7;
    padding: 20px;
    margin-top: auto;
}

.menu-links a {
    padding: 10px;
    display: block;
}

.menu-links {
    margin-top: 20px;
}

.menu-btn {
    transition: 0.3s;
    display: flex;
    flex-direction: column;
}

.menu-btn .toggler_line {
    width: 20px;
    height: 3px;
    background-color: #000;
    margin-top: 5px;
}

.collapsrBar .toggler_line.line1 {
    margin-top: 10px;
    transform: rotate(45deg);
    transition: 0.5s;
}

.collapsrBar .toggler_line.line2 {
    transform: rotate(-45deg);
    margin-bottom: 6px;
    margin-top: -3px;
    transition: 0.5s;
}

.collapsrBar .toggler_line:last-child {
    display: none;
}

@media (min-width:992px) {
    .serachBox {
        width: 100%;
        transition: 0.3s;
        margin-right: auto;
    }

    .serachBox.show {
        width: 100%;
        overflow: visible;
    }
}

/*-------------------------------------------mega menu-------------------------------------------*/
.category_link {
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 100%;
    padding: 30px 10px;
    color: #fff;
    font-size: 14px;
}

.dropTitle ul {
    padding: 0;
    margin-bottom: 20px;
}

.headerinfo .bi {
    font-size: 20px;
    margin-left: 5px;
}

.category_link.bi.bi-list-ul {
    transform: rotate(180deg);
}

.dropDownContent {
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 57px;
    width: 100%;
    background-color: #fff;
    display: none;
    z-index: 100000;
    flex-direction: column;
    border: 1px solid #efefef;
    border: 1px solid #cfcdcd;
    box-shadow: 0 13px 12px -11px #747474;
}

.dropDownContent.show {
    display: flex;
}

.dropTitle {
    background-color: #F8F8F8;
    display: flex;
    flex-direction: column;
    flex-direction: column;
    display: flex;
    padding: 5px !important;
}

.dropItem {
    padding: 5px;
    position: relative;
    border-bottom: 1px solid #d6d6d693;

}

.dropItem.active,
.dropItem:hover {
    background-color: #fff;
    color: var(--primary-dark);
}

.dropItem.active::after {
    content: '';
    height: 10px;
    width: 10px;
    position: absolute;
    left: -10px;
    z-index: -3;
    background-color: #fff;
    top: 38%;
}

.selectedContent {
    max-height: 100%;
    overflow: hidden;
}

.selectedContent>div {
    background-color: #fff;
    padding: 10px;
    height: 100%;
    display: none;
}

header .navbar .col-md-9,
.category_item.dropdown {
    position: initial;
    display: flex;
    align-items: center;
    justify-content: center;
}

.proSubCategory {
    text-align: right;
    margin-top: 10px;
    color: var(--primary-dark);
}

.proSubCategory strong {
    font-size: 15px;
    display: flex;
    align-items: center;
}

.proSubCategory strong .bi {
    font-size: 15px;
    margin-right: 20px;
}

.proSubCategory .subcat_link {
    font-size: 13px;
}

.dropItem a {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	align-items: center;
	text-align: right;
}

.dropItem .bi {
    font-size: 13px;
}

.subcat_link {
    line-height: 2;
    color: #6b6b6b;
    font-size: 14px;
}

.subcat_link:hover a {
    margin-right: 10px;
    transition: 0.4s;
}

.subcat_link:hover,
.proSubCategory:hover {
    color: var(--primary-dark);
}

.closeSide {
    display: none;
    transition: 0.5s;
}

.dropDownContent_body {
    display: flex;
    width: 100%;
    padding: 10px;
}

.dropDownContent_title {
    display: none;
    transition: 0.5s;
    min-height: 100px;
}

.showsidebar {
    display: flex !important;
    overflow: visible !important;
    transition: 0.5s;
    width: 100% !important;
}

.header_menu .contact_box {
    padding: 10px;
    margin-top: auto;
    margin: 5px;
    border-radius: 5px;
    margin-top: auto;
}

.header_menu .contact_box li svg {
    width: 13px;
    height: 13px;
}

.header_menu .contact_box li,
.header_menu .contact_box ul {
    margin: 0;
}

.dropContent_items {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 450px;
    align-content: flex-start;
}

.megaMenu_item {
    width: 50%;
}

.sticky {
    box-shadow: 0 0 31px -15px #515050
}

.toggle_search {
    display: none;
}

@media (min-width:992px) {
    header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        background: #FBFBFB;
        z-index: 100;
    }

    header .header_btns {
        position: initial;
        background: unset;
        min-height: auto;
        padding: 0;
        box-shadow: unset;
    }

    header .search-box {
        position: initial;
        /* padding-right: 10px; */
        margin-top: 0;
    }

header .navbar-brand img {
	max-width: 140px;
	width: 150px;
	height: 100px;
	object-fit: cover;
	margin-bottom: 14px;
}

    header .search-form {
        background: #F5F5F5;
    }

    .header_btns .btn svg {
        margin-left: 10px;
    }

    header .login-basket .basket-btn {
        margin-right: 10px;
    }

    .header_menu nav {
        display: block;
        position: unset;
    }

    /* .header_menu .collapse {
    justify-content: center;
} */
    .navbar-light .navbar-nav .nav-link {
        color: var(--text);
        padding: 30px 12px;
        white-space: nowrap;
        font-size: 14px;
        position: relative;
    }

    .menu-box {
        display: none;
    }

    .login-basket {
        flex: unset;
    }

    header .social_media {
        margin-bottom: 0;
        margin-top: auto;
    }

    header .social_media .container {
        background: var(--primary-light);
        padding: 15px 0;
    }

    .toggle_search {
        cursor: pointer;
        display: block;
    }

    .userProfile_icon span {
        display: block;
    }
}

/*---------------------------------------footer----------------------------------------*/
.email * {
    font-family: sans-serif !important;
}

.contact_box a,
.contact_box li {
    display: flex;
    align-items: center;
}

.contact_box svg {
    min-width: 20px;
    margin-left: 10px;
}

.contact_box ul * {
    font-size: var(--font-m);
    text-align: right;
    font-size: 14px;
}

.contact_box li {
    margin-top: 15px;
}

.contact_box {
    margin-bottom: 20px;
}

.footer_links {
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
    flex-wrap: wrap;
    flex-direction: column;
}

.footer_links a {
    margin-top: 5px;
    font-size: 14px;
    width: fit-content;
}

.footer_links a:hover {
    color: var(--primary);
}

.social_media {
    display: flex;
    align-items: center;
    background: var(--primary-light);
}

.social_media {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.social_media span {
    /* margin-left: auto; */
}

.social_media .social_item {
    justify-content: center;
    display: flex;
    margin-right: 10px;
}

footer {
    position: relative;
    margin-top: auto;
}

.support_time,
.footer_about,
.logo {
    display: none;
}

.footer_namad {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    height: 100%;
}

.footer_namad a {
    border: 0.5px solid #0000003b;
    border-radius: var(--radius-5);
    padding: 5px;
    margin: 3px;
    flex: 1;
    height: 100px;
    display: flex;
}

.footer_namad img {
    object-fit: contain;
}

.copyright {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--font-xs);
    padding: 10px 0;
    color: #4399FF;
}

@media(min-width:676px) {
    .footer_namad {
        margin-bottom: 0;
    }
}

@media (min-width:992px) {
    .footer_about p {
        font-size: 14px;
        text-align: right;
    }

    .support_time,
    .footer_about,
    .logo {
        display: block;
    }

    footer {
        padding-top: 0;
    }

    .logo img {
        width: 180px;
    }

    .logo {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
    }

    .copyright {
        margin-top: 10px;
    }

    /* footer .col-lg-4 {
        padding: 0 25px !important;
    } */
    .home_about_content,
    .about_items {
        padding: 0 20px;
    }
}

/*---------------------------------home----------------------------------------*/
/*---------------------------------slider----------------------------------------*/
.slider_caption {
    position: absolute;
    top: 10%;
    display: flex;
    align-items: center;
    right: 5%;
    left: 5%;
    line-height: 0.9;
}

.slider_caption h3 {
    font-size: 28px;
    text-align: right;
    font-family: 'sitefont';
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.1em;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    margin-bottom: 0 !important;
}

.dm-block {
    display: none;
}

/*---------------------------------product slider----------------------------------------*/
.product_btn {
    background-color: #121212;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_content {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 1;
    padding: 20px 30px;
}

.product_img img {
    height: 200px;
    border-radius: 5px;
    background: #fff;
}

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

.pro_btns {
    display: flex;
    align-items: center;
    /* position: absolute;
    top: 10px;
    right: 10px;
    flex-direction: column; */
    justify-content: flex-end;
}

.pro_btns a {
    margin-right: 10px;
}

.pro_btns svg {
    min-width: 24px;
    min-height: 24px;
}

.product_box {
    background-color: #fff;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    transition: 0.3s;
    width: 100%;
}

.products .product_box {
    height: 100%;
}

.product_price {
    font-size: var(--font-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    width: 100%;
    flex-wrap: wrap;
}

.product_price .pro_price_count {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.product_title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 10px;
}

.product_price.discount .old_price {
    position: relative;
    color: rgba(107, 106, 106, 44%);
    width: fit-content;
    font-size: var(--font-s);
}

.product_price.discount .old_price::after {
    content: '';
    background-color: #000;
    height: 1px;
    width: 100%;
    position: absolute;
    right: 0;
    top: 39%;
    transform: rotate(-7deg);
}

.product_price.discount {
    align-items: flex-end;
}

.discount_percent {
    position: absolute;
    top: 10px;
    left: 10px;
    background: var(--danger);
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    padding: 2px 6px 0.5px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.unavailable_lbl {
    color: #909090;
    font-size: 14px;
    text-align: center;
    width: 100%;
    border-top: 1px solid gainsboro;
    padding-top: 5px;
    margin-top: auto;
}

.product_slider .owl-stage-outer,
.blog_slider .owl-stage-outer {
    padding: 10px 0
}

.product_slider .owl-stage {
    display: flex;
}

.product_slider .item {
    display: flex;
    flex: 1 0;
    height: 100%;
}

.title {
    margin-bottom: 20px;
}

.titleText {
    font-weight: 800;
    font-size: 20px;
    color: var(--black);
    white-space: nowrap;
}

.title h1 {
    margin-right: auto;
    font-weight: 800;
    font-size: 25px;
    color: var(--text);
    white-space: nowrap;
}

.text-secondary {
    color: var(--secondary) !important;
}

/*---------------------------------home about----------------------------------------*/
.col_item.item1 {
    width: 45%;
    position: relative;
}

.col_item.item2 {
    width: 55%;
}

.col_item.item3 {
    width: 40%;
    display: flex;
    align-self: flex-start;
}

.col_item.item4 {
    width: 45%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--primary);
    border-radius: 25px 25px 25px 0;
    align-self: flex-start;
    margin: 0.5rem;
    padding: 1.5rem 0.60rem;
    color: var(--primary-dark);
    position: relative;
}

.col_item.item4::after {
    content: '';
    position: absolute;
    top: 6%;
    bottom: 0;
    right: 4%;
    left: -5%;
    border: 2px solid var(--primary-dark);
    border-radius: 25px 25px 25px 0;
}

.col_item.item4 .col_exp_val {
    font-size: 100px;
    font-weight: bold;
    line-height: 90px;
}

.col_item.item4 .col_exp_txt {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

.about_items {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

.about_items .col_item.item1::after {
    content: '';
    position: absolute;
    bottom: -13px;
    width: 30px;
    height: 30px;
    background: var(--secondary);
    border-radius: 10px;
    transform: rotate(45deg);
    left: -15px;
}

.col_item {
    padding: 0.5rem;
}

.col_item.item1 img {
    border-radius: 25px 0 25px 25px;
}

.col_item.item2 img {
    border-radius: 0 25px 25px 25px;
}

.col_item.item3 img {
    border-radius: 25px 25px 0 25px;
}

.about_items .row {
    align-items: flex-end;
}

.about_title * {
    font-family: 'Morabba';
}

.about_title .text-secondary {
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}

.about_title h3 {
    font-size: 20px;
}

.about_title {
    margin: 20px 0;
}

.about_btns .btn {
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.about_btns .btn::after {
    content: '';
    background-color: var(--primary-light);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 91px;
    border-radius: 34px 0 0 34px;
    z-index: -1;
    transition: 0.3s;
}

.about_btns .btn:hover::after {
    width: 100%;
    border-radius: 0;
}

.about_btns .btn img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.about_btns .btn span {
    margin: auto;
}

.about_btns {
    margin-top: 20px;
}

/*-----------------------------home products-----------------------------*/
/*----------------------------home blog----------------------------*/
.blog_card {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.blog_card img {
    border-radius: 5px;
    height: 200px;
    object-fit: cover;
}

.blog_card_name {
    font-size: var(--font-s);
    background: rgba(227, 227, 227, 0.5);
    backdrop-filter: blur(4px);
    border-radius: 5px 0px 0px 5px;
    padding: 10px;
    width: fit-content;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    min-height: 25%;
    display: flex;
    align-items: center;
}

.blog_card_name h3 {
    font-size: var(--font-m);
    margin: 0;
}

.blog_card_name h3 a {
    font-weight: bold;

}

.box_link::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

@media(min-width:576px) {
    .dm-block {
        display: block;
    }

    .dm-none {
        display: none;
    }
}

@media(min-width:992px) {
    .product_price {
        font-size: var(--font-m);
    }

    .product_price.discount .old_price {
        font-size: var(--font-xs);
    }

    .pro_btns svg {
        width: 30px;
        height: 30px;
    }

    .blog_card img {
        height: 250px;
    }

    .col_item.item4 .col_exp_val {
        font-size: 140px;
        line-height: 135px;
    }

    .slider_caption span {
        margin-top: 30px !important;
        display: block;
    }

    .slider_caption {
        right: 5%;
    }
}

/*---------------------------------breadcrumb----------------------------------------*/
.site_loaction {
    /* background-color: #f2f2f2; */
    display: flex;
    align-items: center;
    padding: 20px 0;
}

.breadcrumb {
    margin: 0;
    font-size: var(--font-m)
}

.breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
}

.site_loaction * {
    color: #3F3F3F !important;
    font-weight: 500;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #3F3F3F;
    content: var(--bs-breadcrumb-divider, ">");
}

/*-------------------------------------products-----------------------------------------*/
.Filter_Product {
    /* border: 1px solid #c1bebe85; */
    height: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    background-color: #fff;
    transition: .5s;
    z-index: 100000;
    padding-top: 40px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.slideFilter {
    right: 0;
}

.closeFilter {
    position: absolute;
    top: 10px;
    left: 12px;
    background-color: #000;
    color: #fff !important;
    border-radius: 10px;
}

.filtering_item {
    text-align: right;
    padding: 20px 10px;
    padding-bottom: 15px;
}

.filtering_item+.filtering_item {
    border-top: 1px solid #a59f9f7a;
}

.products_filter_slide {
    text-align: right;
    padding: 7px 15px;
    font-size: 16px;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: right;
    font-size: var(--font-m);
}

.filter_item_icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    /* border: 1px solid; */
    border-radius: 50%;
}

.fIcon_line {
    width: 12px;
    height: 2px;
    background-color: #000;
}

.fI_line2 {
    transform: rotate(90deg);
    margin-right: -12px;
    transition: 0.5s;
    margin-top: 0px;
}
.product_filter_item .panel_slide {
    padding-right: 40px;
}

.subCat_filter_slide {
    display: flex !important;
    align-items: center;
    font-size: 15px;
    width: 100%;
    text-align: right;
    font-size: var(--font-m);
}

.filter_slide_body {
    line-height: 2;
    display: none;
}

.filter_subslide_body ul {
    display: none;
}

.subCat_slide_body {
    display: none;
    font-size: var(--font-m);
}

.product_filter_item.expand .filter_slide_body,
.subCat_line.expand .subCat_slide_body {
    display: block
}

.product_filter_item.expand .products_filter_slide .filter_item_icon .fI_line2,
.subCat_line.expand .subCat_filter_slide .filter_item_icon .fI_line2 {
    transform: rotate(0);
}

.filter_subslide_body {
    line-height: 2;
    display: flex;
    align-items: center;
}

.searchForm {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(194, 191, 191, .699);
    border-radius: 5px;
    padding: 0 5px;
    background-color: #fff;
}

.searchForm input {
    border: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.serachBox {
    position: relative;
    padding: 10px 0;
    border-radius: 8px;
}

.search_result {
    position: absolute;
    top: 42px;
    background-color: #f6f4f4;
    left: 0;
    right: 0;
    z-index: 10000;
    text-align: right;
    border-radius: 0 0 5px 5px;
    padding: 0px 10px;
    box-shadow: 0 5px 10px -5px;
}

.search_item {
    margin-top: 5px;
    padding: 5px 0;
    font-size: var(--font-xs);
}

.search_item a {
    display: flex;
    align-items: center;
}

.search_item+.search_item {
    border-top: 1px solid gainsboro;
}

.search_item img {
    width: 50px;
    height: 50px;
    border: 1px solid gainsboro;
    border-radius: var(--radius-5);
    margin-left: 10px;
    min-width: 50px;
}

.search_result ul {
    line-height: 2;
}

.search_result>div:first-child {
    margin-top: 11px;
}

.form-check {
    padding-right: 1.5em;
}

.form-check .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: unset;
    direction: rtl;
}

.page_padding {
    padding: 30px 0;
}

.filter_box {
    background: #fff;
}

.filtering_title {
    display: block;
    margin-bottom: 10px;
    font-size: var(--font-l);
}

.form-check-input:checked {
    background-color: #333;
    border-color: #333
}

.form-check-input:focus {
    border-color: var(--primary-dark);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(252 239 229 / 19%);
}

.irs--flat .irs-bar {
    background-color: var(--primary);
}

.irs--flat .irs-handle>i:first-child {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    background-color: var(--primary);
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    background-color: #504d4d;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
    border-top-color: #504d4d;
}

.irs--flat .irs-handle.state_hover>i:first-child,
.irs--flat .irs-handle:hover>i:first-child {
    background-color: #9f840f;
}

.sort .form-check .form-check-input {
    display: none;
}

.form-check label {
    cursor: pointer;
    font-size: var(--font-m);
}

.search_btns {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: var(--radius-5);
    font-size: var(--font-m);
    margin-bottom: 10px;
    padding: 10px 0;
}

.sort {
    position: relative;
    text-align: center;
    display: flex;
    align-items: first baseline;
    font-size: var(--font-m);
    flex: 1;
    width: 100%;
}

.sort ul {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: center;
    /* margin-right: 5px; */
    flex-wrap: wrap;
}

.showFilter {
    text-align: center;
    /* padding: 5px 10px; */
    font-size: var(--font-m);
    /* background: #c4c4c4; */
    border-radius: 5px;
    margin-left: 5px;
    /* margin-bottom: 15px;
    width: 100%; */
}

.sort .btn {
    font-size: var(--font-m);
    padding: 0;
}

.sort .multi-collapse {
    position: absolute;
    right: 0;
    left: 0em;
    border-radius: 0 0 10px 10px;
    background: #ecebeb;
    line-height: 2;
    padding: 10px 0;
    z-index: 100;
}

.sort .multi-collapse .form-check {
    padding: 0 1rem;
}

.sort .form-check {
    padding: 0;
}

.sort .form-check label {
    padding: 10px 10px;
    width: 100%;
    text-align: center;
    border: 1px solid #efefef;
    font-size: var(--font-xs);
    color: #E86B2E;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    border-radius: 8px;
}

.sort ul li {
    margin: 0 3px;
}

.sort .form-check input:checked+label {
    background: #EFEFEF;
    color: #E86B2E;
    /* font-weight: bold; */

}

.row {
    width: 100%;
    margin: 0;
}

.pagination .page-link {
    background: transparent;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #292D32;
    font-size: var(--font-l);
    margin: 3px !important;
    border: unset;
    font-weight: 500;
    box-shadow: unset;
    font-size: 12px;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    /* border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%; */
    /* border: 1px solid #82858A; */
}

.pagination {
    justify-content: flex-end;
    flex-wrap: wrap;
    /* margin-top: 40px; */
    margin: 30px 0;
}

.pagination .secondary_btn {
    width: 100%;
    border-color: #333;
    color: #333 !important;
}

.page-item.active .page-link,
.page-item:hover .page-link {
    color: #ffffff;
    background: 0;
    color: #000;
    font-weight: bold;
}

.more_pages .page-link {
    background: unset;
    font-size: 30px;
}

.page_title {
    display: flex;
    margin-bottom: 5px;
    font-size: var(--font-xl);
}

.page_title * {
    color: var(--text);
}

.seeMoreText button {
    margin-right: auto;
    margin-top: 5px;
}

.seeMoreBox {
    border-top: 1px solid gainsboro;
    /* margin-top: 20px; */
    padding-top: 20px;
    /* margin-bottom: 30px; */
}

.products .page_banner {
    margin-bottom: 30px;
}

.search_filters {
    background-color: #caefec;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 1px solid #f1e7dc;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.search_link {
    display: flex;
    align-items: center;
    background: white;
    padding: 5px;
    font-size: var(--font-m);
    border-radius: 5px;
    border: 1px solid gainsboro;
    cursor: pointer;
    margin: 0 0 5px 5px;
}

.search_link svg {
    background: #cc2a2a;
    color: #fff;
    border-radius: 5px;
    margin-left: 5px;
    margin-top: -2px;
}

@media (min-width:992px) {
    .Filter_Product {
        position: static;
        overflow: visible;
        border-radius: var(--radius-5);
        padding-top: 0;
        width: 100%;
    }

    .filter_box {
        border-radius: var(--radius-5);
    }

    .showFilter {
        display: none;
    }

    .sort .multi-collapse {
        display: block;
        position: static;
        padding: 0;
        border-right: 2px solid white;
        border-radius: 0;
        margin-right: 10px;
    }

    .sort .multi-collapse ul {
        display: flex;
        align-items: center;
    }

    .sort {
        display: flex;
        width: 100%;
        align-items: center;
        border-right: 0;
    }

    .sort .btn {
        pointer-events: none;
    }

    .sort .multi-collapse ul .form-check {
        margin: 0;
        padding: 0 10px;
    }

    .product_img img {
        height: 250px;
    }

    .sort,
    .sort .form-check label {
        font-size: var(--font-xs);
    }
}

@media (min-width:600px) {
    .search_btns {
        background: #ffff;
        /* border: 1px solid #c1bebe85; */
        padding: 15px 0;
    }

    .sort ul {
        justify-content: initial
    }

    .sort li {
        /* padding:0 10px ; */
        margin-left: 10px;
    }

    .pagination .secondary_btn {
        margin: auto;
        width: auto;
    }
}

@media (min-width:992px) {}

/*-----------------------------------product item-------------------------------------*/
.product_btns {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.product_btns .btn {
    border-radius: var(--radius-10);
    color: var(--primary);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-right: 5px;
}

.product_btns .btn svg {
    width: 30px;
    height: 30px;
}

.product_btns .btn:hover,
.product_btns .btn:focus {
    color: #000;
}

.shopping_price {
    background: var(--primary-light);
    border-radius: var(--radius-10);
    padding: 10px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: var(--text);
}

.shopping_price .discount_percent {
    position: initial;
    margin-left: 8px;
    margin-bottom: -20px;
}

.shopping_p {
    display: block;
    padding-left: 10px;
    margin-left: 10px;
}

.shopping_info_btns {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.shopping_p.discount,
.basket .discount {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
}

.quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EDEFF0;
    border-radius: 5px;
    padding: 2px;
    background-color: #FFA41D;
}

.quantity-button {
    position: relative;
    cursor: pointer;
    width: 40px;
    text-align: center;
    font-size: 13px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 35px;
    flex-direction: column;
}

.quantity-button.quantity-up {
    width: 40px;
    height: 41px;
    max-width: 50px;
    min-width: unset;
}

.quantity input {
    min-width: 20px;
    height: 35px;
    display: block;
    padding: 0;
    margin: 0;
    border: unset;
    font-size: 16px;
    width: calc(100% - 80px);
    margin: 0 5px;
    border-radius: var(--radius-10);
    padding: 5px;
    background: unset;
    text-align: center;
    color: #fff;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.shopping_info_btns .btn {
    width: 49%;
    margin-top: 2%;
    color: #fff;
    min-width: auto;
}

.proDetail_part,
.quantity_box strong {
    display: none;
}

.quantity_box {
    margin-top: 10px;
    width: 49%;
}

.product_info_box {
    margin-top: 30px;
    border-radius: var(--radius-10);
    overflow: hidden;
}

.accordion-item {
    border: none;
}

.accordion-button {
    background: #EDEFF0;
    color: var(--black);
    padding: 1rem 0.5rem;
    font-size: var(--font-xl);
    font-weight: 600;
}

.accordion-button::after {
    margin-left: 20px;
    margin-right: auto;
}

.accordion-button:not(.collapsed) {
    color: #333;
    background-color: #EDEFF0;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion-button:focus {
    border-color: var(--primary);
    box-shadow: unset;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.specification_one>div {
    border: 1px solid #a2a2a233;
    border-radius: 5px;
    background: #f9f9f9;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: var(--font-m);
}

.specification_one {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
    margin-bottom: 5px;
}

.specification_title {
    grid-column: 1;
}

.specification_text {
    grid-column: 2;
}

.specification_title,
.specification_text {
    padding: 5px 10px;
    text-align: right;
    background-color: #fff;
    width: 100%;
}

.accordion-body {
    padding: 10px;
}

.product_comments {
    border-radius: 10px
}

.comment_name_date {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}

.comment_name_date span {
    font-size: 13px
}

.comment_userImg {
    width: 50px;
    height: 50px;
    position: relative;
}

.comment_userImg img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.comment_info {
    display: flex;
    align-items: flex-start
}

.comment_item {
    padding: 10px;
    background-color: #BFDAD8;
    text-align: justify;
    border-radius: var(--radius-5);
}

.comment_item+.comment_item {
    margin-top: 10px;
}

.reply_item {
    border-radius: 10px;
    padding: 10px;
    background-color: #fff;
}

.comment_text {
    padding: 10px 0;
    font-size: var(--font-l);
}

.comment_reply .reply_item+.reply_item {
    margin-top: 10px;
}

.addCm_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: auto;
    margin-top: 10px;
}

.rate-box {
    display: flex;
    border: 1px solid #fff7f733;
    width: 180px;
    border-radius: 0;
    background-color: #f5f4f4;
    margin: 15px 0;
}

.rate-box input {
    display: none;
}

.rate-box label {
    display: block;
    cursor: pointer;
    fill: rgb(159 159 159);
    transition: 0.5s;
}

.rate-box svg {
    pointer-events: none;
}

.rate-box label:hover {
    fill: gold;
}

a[data-fancybox] img {
    cursor: zoom-in;
}

.fancybox__container {
    --fancybox-color: #334155;
    --fancybox-bg: #fff;

    --fancybox-content-color: #6B7280;
    --fancybox-content-bg: #fff;

    --fancybox-thumbs-width: 48px;
    --fancybox-thumbs-ratio: 1;

    --carousel-button-svg-stroke-width: 1.5;
    --carousel-button-svg-filter: none;
    z-index: 10000;
}

/**
  *  Navigation buttons
  */
.fancybox__nav {
    --carousel-button-bg: #E5E7EB;

    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;

    --carousel-button-svg-stroke-width: 3;
}

.fancybox__nav .carousel__button.is-next {
    right: 30px;
}

.fancybox__nav .carousel__button.is-prev {
    left: 30px;
}

.carousel__button.is-close {
    top: 0;
    right: 0;
    z-index: 10;
}

/**
  *  Toolbar
  */

.fancybox__toolbar {
    padding: 0;

    background: var(--fancybox-bg);
    text-shadow: none;

    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
}

.fancybox__toolbar {
    display: flex;
    border-bottom: 1px solid #E5E7EB;
}

/**
  * Thumbnails
  */

.carousel__slide.has-thumb {
    padding: 5px;
    margin: 16px 8px;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
}

.is-nav-selected .fancybox__thumb::after {
    display: none;
}

.carousel__slide.has-thumb:hover,
.carousel__slide.has-thumb.is-nav-selected {
    border-color: #6B7280;
}

.carousel__slide.has-thumb.has-video {
    --fancybox-thumbs-ratio: 16 / 9;
}

.carousel__slide.has-thumb.has-video .fancybox__thumb::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    background-position: center center;
    background-size: 60% 60%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 24.38"><path d="M35.46 3.81A4.58 4.36 0 0032.24.75C29.37 0 17.93 0 17.93 0S6.48 0 3.63.72c-1.54.4-2.8 1.6-3.23 3.1-.75 2.72-.75 8.37-.75 8.37s0 5.68.75 8.37a4.58 4.36 0 003.22 3.07c2.9.75 14.3.75 14.3.75s11.45 0 14.32-.72a4.58 4.36 0 003.22-3.07c.75-2.72.75-8.37.75-8.37s.03-5.68-.75-8.4zm0 0" fill="white"/><path d="M14.29 17.4l9.51-5.21-9.51-5.22zm0 0" fill="black"/></svg>');
}

.fixed_basket_btn {
    background-color: var(--primary);
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    color: white;
    padding: 10px;
    border-top: 1px solid white;
    z-index: 10;
}

.fixed_price {
    margin-right: auto;
    display: flex;
    align-items: center;
    color: #000;
}

.fixed_price .shopping_p {
    border-left: unset;
}

.hidden {
    display: none;
}

.product_images img {
    /* height: 70px; */
    width: 70px;
    border-radius: 5px;
    object-fit: contain;
}

.product_images .flex {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.product_images .first-fancy-img img {
    height: 240px;
    width: 100%;
    min-height: 250px;
}

.product_images .first-fancy-img {
    flex: 1;
    position: relative;
    max-width: 100%;
}

.product_images .more-fansy-images {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.product_images .more-fansy-images a+a img {
    margin-top: 10px;
}

.info_product_name {
    display: block;
    margin: 20px 0;
    color: var(--text);
}

.pre_discounted_price span {
    color: rgb(0 0 0 / 56%);
    position: relative;
}

.pre_discounted_price span::after {
    content: '';
    background: #FA1111;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    left: 0;
    transform: rotate(-6deg);
}

.unavailable_label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto auto 0;
    width: 90%;
}

.unavailable_label span {
    color: #000;
    font-size: var(--font-xs);
    border-radius: var(--radius-5);
    padding: 6px;
    width: 100%;
    text-align: center;
    background: #fff;
}

@media (min-width:675px) {
    .product_images {
        padding-left: 10px;
    }

    .info_product_name {
        margin-top: 0;
    }

    .shopping_info {
        margin-top: 0;
        border-radius: 10px;
        padding: 20px;
        border: 1px solid gainsboro;
        height: 100%;
        flex-direction: column;
        display: flex;
    }

    .shopping_info_btns {
        margin-top: auto;
    }
}


@media (min-width:992px) {
    .Filter_Product {
        position: static;
        overflow: visible;
        border-radius: var(--radius-5);
        padding-top: 0;
        width: 100%;
    }

    .filter_box {
        border-radius: var(--radius-5);
    }

    .showFilter {
        display: none;
    }

    .sort .multi-collapse {
        display: block;
        position: static;
        padding: 0;
        border-right: 2px solid white;
        border-radius: 0;
        margin-right: 10px;
    }

    .sort .multi-collapse ul {
        display: flex;
        align-items: center;
    }

    .sort {
        display: flex;
        width: 100%;
        align-items: center;
        border-right: 0;
    }

    .sort .btn {
        pointer-events: none;
    }

    .sort .multi-collapse ul .form-check {
        margin: 0;
        padding: 0 10px;
    }

    .info_product_name {
        display: block;
        font-size: var(--font-xxl);
        border-bottom: 1px solid gainsboro;
        margin-bottom: 20px;
        padding-bottom: 10px;
        width: 100%;
    }

    .shopping_price {
        margin-top: auto;
    }

    .quantity {
        flex: unset;
        margin-right: 10px;
    }

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

    .product_item_name {
        display: none;
    }

    .p_color,
    .p_size {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .p_size .btn-size,
    .p_color .btn-color {
        border-radius: var(--radius-5);
        padding: 5px;
        margin: 0 5px;
        border: 1px solid gainsboro;
        position: relative;
    }

    .proDetail_line .selected::before {
        content: ' \F272';
        border: 1px solid #858282;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgb(240, 237, 237);
        font-family: 'bootstrap-icons';
        border-radius: 50%;
        font-weight: bold;
        position: absolute;
        top: -10px;
        right: -10px;
    }

    .p_color .btn-color {
        width: 40px;
        height: 30px;
    }

    .proDetail_line {
        margin-bottom: 20px;
    }

    .p_cat {
        line-height: 2;
    }

    .accordion-button {
        padding: 1rem;
    }

    .proDetail_part,
    .quantity_box strong {
        display: block;
    }

    .quantity_box strong {
        display: block;
        white-space: nowrap;
    }

    .basketproduct {
        flex-direction: row;
    }

    .deleteProBtn {
        top: auto;
    }

    .invoiceProducts {
        overflow: hidden;
    }

    .discountCode input {
        margin-bottom: 0;
        margin-left: 10px;
    }

    .discountCode {
        flex-direction: row;
    }

    .product_images {
        padding: 20px;
        border-radius: 10px;
        border: 1px solid gainsboro;
        height: 100%;
        margin-left: 35px;
    }

    .product_images .flex {
        height: 100%;
    }
}

/*-----------------------basket-------------------------*/
.basket {
    color: #6e6b6b;
}

.basketIcon {
    width: 75px;
    height: 75px;
    filter: brightness(2);
    transform: scale(0.7);
}

.sendinfo_icon {
    background: url('../images/basketIcons.png') 89px 89px;
}

.payment_icon {
    background: url(../images/basketIcons.png) 159px 89px;
}

.confirm_icon {
    background: url(../images/basketIcons.png) 294px 89px;
}

.bill_icon {
    background: url(../images/basketIcons.png) 228px 89px;
}

.tab_span.activeT .basketIcon {
    filter: grayscale(0);
}

.basket .nav_tabs {
    border-bottom: 0 !important;
    position: relative;
}

.bas_Tab {
    display: flex;
    justify-content: center;
    text-align: center;
}

.tab_span.activeT {
    filter: brightness(0);
}

.tab_span {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #c7c1c1;
    font-size: var(--font-s);
}

.tab_span::after {
    content: '';
    background-color: #fff;
    border: 2px solid #585353d6;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    bottom: -18px;
    left: 45%;
    z-index: 10;
}

.basket .nav_tabs::after {
    content: '';
    background-color: #585353d6;
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: -14px;
    left: 0;
    right: 0;
    z-index: -1;
}

.tab_span.activeT::after {
    background-color: var(--primary);
}

.tab_content .active {
    display: block !important
}

.basket .tab_pane {
    text-align: right;
    border-radius: 15px;
}

.basketpro_titles {
    border-bottom: 1px solid #dee2e6;
    padding: 10px 0;
    font-size: 14px;
}

.tab_content {
    margin: 30px 0;
}

.basketproduct {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid gainsboro;
    margin-bottom: 5px;
}

.basketProInfo {
    padding: 10px 0;
    text-align: center;
}

.infoPrime {
    font-size: 11px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.productprice,
.productCount {
    display: flex;
    align-items: center;
    justify-content: center;
}

.productprice .pre_discounted_price {
    color: #6666668f;
}

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

.no_item {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.basketbtns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.basketbtns .btn {
    font-size: 13px;
    padding: 5px;
    min-width: auto;
}

.colorSpan {
    padding: 5px;
    border-radius: 5px;
}

.mobile_title {
    font-size: var(--font-m);
}

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

.formLbl span {
    color: red;
    margin-left: 5px;
}

.formInput input {
    border: 0;
    background-color: unset
}

.formInput {
    border: 1px solid #e9ecef;
    border-radius: var(--radius-5);
    display: flex;
    align-items: center;
    overflow: hidden;
}

.username_icon,
.password_icon {
    border-left: 1px solid #e9ecef;
}

.login_links {
    display: flex;
    margin-top: 1rem;
    flex-direction: column;
    font-size: 12px;
}

.login_links .btn:hover {
    color: var(--primary-site);
}

.navbarTxt {
    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}

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

.navbarTxt h1 {
    font-size: 30px;
    white-space: pre-wrap;
}

.navbarTxt h2 {
    font-size: 20px;
    white-space: pre-wrap;
}

/*==success==*/
.basket_bill {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 2;
    padding: 60px 0;
    font-weight: bold;
    line-height: 3
}

/*==address==*/
.address_line,
.phone_line,
.mail_line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.address_line .bi,
.phone_line .bi,
.mail_line .bi {
    font-size: 20px;
}

.address_phone::before {
    content: '-';
    margin: 0 .5rem;
}

.address_info {
    align-items: start;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.user_address_item {
    border-top: 1px solid #504d4d59;
    padding: 10px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    font-size: 14px;
}

.userAddress_card {
    border: 1px solid #3333;
    padding: 10px;
    border-radius: 10px;
}

.address_title {
    border-bottom: 1px solid #94919161;
    padding: 10px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.address_delete,
.address_edit {
    border-radius: 50%;
    color: #fff !important;
    background-color: var(--primary);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 3px;
}

.address_edit {
    background-color: #c1c4c5;
}

.address_edit:hover {
    background-color: #bebfc0;
}

.address_delete:hover {
    background-color: #000;
}

.address_btns {
    display: flex;
    align-items: center;
    margin-right: auto;
}

.address_modal_input {
    margin-top: 10px;
    font-size: 14px;
}

.pick_address .lable {
    padding-left: 0;
}

/*==basketProducts==*/
.payment_information {
    border: 1px solid rgba(153, 149, 149, 0.452);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.basketproduct img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    border: 1px solid gainsboro;
    border-radius: var(--radius-5)
}

.productCount .btn {
    color: #000;
    padding: 4px 8px;
    border-radius: 50%;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    line-height: 0;
}

.pro_plus_count {
    background-image: radial-gradient(#ffcc004f, #ffcc006e, #ffcc00);

}

.pro_minus_count {
    background-image: radial-gradient(#ffffff, #f1f1f1, #dedede);
}

.deleteProBtn {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #525050;
    background-image: radial-gradient(#ffffff, #f1f1f1, #dedede);
    color: black;
    width: 30px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.deleteProBtn:hover {
    color: var(--primary-site);
}

.shop_product_item {
    padding: 10px;
    border-bottom: 1px solid rgb(93 91 91 / 45%);
    position: relative;
}

.text-primary {
    color: var(--primary-dark) !important;
    font-weight: bold;
    font-family: 'SiteFont';
    margin: 0 5px;
}

.shop_totalprice {
    text-align: left;
    font-size: var(--font-l);
    width: 100%;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    padding: 10px;
    font-size: var(--font-s);
    line-height: 3;
    background: #fffbfa;
}

.shop_table_one:last-child .shop_totalprice {
    border-radius: 0 0 20px 20px;
}

.pro_total {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.basket .discount {
    font-size: var(--font-s);
}

.basket_shopname {
    text-align: center;
    margin-top: 10px;
}

.total_ine {
    text-align: left;
}

.basketpaymentItems .paymentItem+.paymentItem {
    border-top: 1px solid rgba(207, 205, 205, 0.671);
}

/*==basket invoice==*/
.invoice_info .basketpro_titles {
    display: flex !important;
    align-items: center;
    padding-top: 15px;
    border: 1px solid #dee2e6;
    border-radius: 10px 10px 0 0;
    border-bottom: 0;
}

.invoice_logo .navbar-brand {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.invoice_prices {
    box-shadow: 0 0 8px 0px #cecdcd;
    padding: 11px;
    border-radius: 10px;
    margin-top: 10px;
    background: #f7f7f7;
    border: 1px solid #a3cbaf52;
}

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

.invoice_prices ul {
    width: 100%;
    line-height: 3;
    font-size: var(--font-s);
    margin-bottom: 0;
}

.invoice_price_total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--primary-site);
    font-size: var(--font-xl);
    font-family: 'SiteFont';
}

.invoice_table {
    border-radius: 20px;
    font-size: 14px;
    margin-bottom: 0;
}

.invoiceProducts {
    border-radius: 10px;
    padding: 8px 0;
    overflow-y: scroll;
}

.invoice {
    padding: 10px;
}

.invoice .basketpro_titles {
    min-width: 1252px;
    border-bottom: 0;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6;
    height: 46px;
    text-align: center;
    vertical-align: middle;
}

.reciever_info {
    border: 1px solid rgba(153, 149, 149, 0.452);
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 10px;
    background-color: #e0e0e0;
}

.shop_table_one {
    overflow-y: visible;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: .5rem;
}

.shop_table_one:last-child {
    border-radius: 20px;
}

.shop_table_one .infoPrime {
    justify-content: center;
}

.detailspan {
    padding: 5px;
    border-radius: 3px;
    margin-left: 1rem;
    color: #000;
}

.discountCode {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 20px 0;
}

.discountCode .primary_btn {
    min-width: 80px;
    height: 45px;
}

.discountCode input {
    border-radius: var(--radius-5);
    margin-bottom: 5px;
    border: 1px solid #a0a0a0
}

.merchant-container .form-check {
    display: flex;
    align-items: center;
}

.merchant-container img {
    width: 80px;
    height: 80px;
    border: 1px solid gainsboro;
    border-radius: var(--radius-5);
}

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

.tab_titlee {
    text-align: center;
}

.sendingOption {
    margin-bottom: 25px;
    margin-top: 10px;
}

.sendingOption li {
    border: 1px solid #a0a0a0;
    margin: 10px 0;
    border-radius: 5px;
    font-size: var(--font-m);
}

.sendingOption li a {
    width: 100%;
    display: block;
    padding: 10px;
}

.sendingOption li.active {
    background: #5bb77636;
}

/*==basket invoice(single)==*/
.invoice_info .basketpro_titles .tab_titlee {
    width: 20%;
    text-align: center;
}

.invoice_table.table td {
    min-width: 250px;
    vertical-align: middle;
    text-align: center;
    padding: 0;
}

.invoice_table.table th {
    min-width: 250px;
    text-align: center;
}

.basketpro_titles {
    display: none;
}

.merchant-container {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.merchant_item {
    margin: 5px;
}

.merchant_item.deactive {
    filter: grayscale(100%);
}

@media(min-width:575px) {
    .basketproduct {
        border-bottom: 0;
    }

    .mobile_title {
        display: none;
    }

    .basketIcon {
        transform: scale(1);
    }

    .address_title {
        flex-direction: row;
        justify-content: space-between;
    }

    .address_title .btn {
        margin-top: 0 !important;
    }

    .user_address_item {
        flex-direction: row;
        align-items: center;
    }

    .basketpro_titles {
        display: block;
    }

    .productprice,
    .pro_total,
    .productCount {
        justify-content: center;
    }

    .basketbtns .btn {
        font-size: 15px;
        padding: 10px 5px;
        min-width: 150px;
    }
}

@media(min-width:992px) {
    .basketproduct {
        flex-direction: row;
    }

    .deleteProBtn {
        top: auto;
    }

    .invoiceProducts {
        overflow: hidden;
    }

    .discountCode input {
        margin-bottom: 0;
        margin-left: 10px;
    }

    .discountCode {
        flex-direction: row;
    }
}

/*------------- end basket -----------*/
/*----------------------------------blog--------------------------------------*/
.blog_info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: var(--font-s);
}

.blog_info .seemore {
    margin-right: auto;
    margin-top: 0;
    color: #005CA9;
}

.blog_info svg {
    width: 15px;
    height: 15px;
    margin-left: 5px;
}

.blog_item img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: var(--radius-5);
}

.blog_item {
    /* margin-bottom: 10px; */
    position: relative;
    /* border-bottom: 1px solid gainsboro;
    padding-bottom: 10px; */
    background-color: #EEE;
    margin-bottom: 20px !important;
    padding: 5px !important;
    border-radius: var(--radius-5);
}

.blogs_box .blog_item:last-child {
    margin-bottom: 0 !important;
}

.blog_txt h3 {
    font-family: 'sitefont';
    font-weight: normal;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: var(--font-l);
    text-align: right;
    line-height: 1.6;
}

.blog_txt {
    display: flex;
    height: 100%;
    flex-direction: column;
    padding: 5px 0 5px;
}

.blog_txt .blog_info {
    margin-top: auto;
}

.blog_info div {
    display: flex;
    align-items: center;
}

.blogMostViewBox li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
}

.blogMostViewBox li a {
    transition: all 0.2s;
}

.blogMostViewBox li:hover a {
    font-size: 17px;
}

.blogMostView {
    margin-top: 20px;
}

.blogMostViewBox {
    border: 1px solid #3333;
    padding: 5px;
    border-radius: 10px;
    background: #f2f2f2;
}

.blogMostViewBox li+li {
    border-top: 1px solid #3333;
}

.blogMostViewBox .counter {
    background: var(--primary-dark);
    color: var(--text);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media(min-width:992px) {
    .blogMostView {
        margin-top: 0;
        position: sticky;
        top: 90px;
    }

    .blogMostViewBox {
        margin-top: 10px;
    }

    .blog_item img {
        height: 160px;
    }

    .blog_txt {
        padding: 20px;
    }
}

/*-----------------------------------blog inner-------------------------------*/
.page_banner {
    margin-bottom: 20px;
    position: relative;
}

.page_banner .page_banner_caption {
    position: absolute;
    top: 15%;
    font-family: 'Morabba';
    font-size: var(--font-l);
    right: 0;
    left: 0;
    text-align: center;
}

.blog_inner .blog_topBox {
    border-radius: var(--radius-10);
    overflow: hidden;
    margin: 15px 0;
}

.blog_inner_img_box {
    overflow: hidden;
    width: 100%;
    object-fit: cover;
}

.blog_inner_img_box img {
    width: 100%;
    height: 100%;
    min-height: 300px;
    object-fit: cover;
}

.blog-summary {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #e1e1e1;
}

.blogSummary_txt {
    padding: 15px;
}

.blogSummary_txt p,
.text_box p {
    font-size: var(--font-m);
    margin-bottom: 0.5rem;
    color: var(--text);
}

.content-tags i {
    vertical-align: center;
}

.content-tags span {
    display: flex;
    align-items: center;
}

.content-tags .bi {
    font-size: 20px;
    margin-left: 5px;
}

.content-tags {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.content-tags a {
    background: #333;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin-right: 0.8rem;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
}

.autor_blog {
    display: flex;
    align-items: center;
    margin: 1rem 0;
    border-top: 1px solid #EEE;
    padding-top: 1rem;
}

.autor-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.author {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.autor-img {
    width: 75px;
    height: 75px;
    margin-left: 10px;
}

.autor-img img {
    border-radius: 50%;
    border: 1px solid var(--gray-dark);
    width: 100%;
    height: 100%;
}

.author img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 2px solid #333;
    margin: 0 20px;
}

.relatedArticles {
    border-top: 1px solid rgba(202, 197, 197, 0.657);
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
}

.related_card {
    border: 1px solid #7f838180;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: gray !important;
    text-align: center;
    width: 100%;
    font-size: 13px;
}

.related_img {
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
}

.related_img img {
    width: 100%;
    height: 100%;
}

.related_card:hover img {
    transform: scale(1.1);
    transition: 0.6s
}

.relatedArticles_slider .item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
    margin: 0 10px;
}

.relatedArticles_slider .owl-stage {
    display: flex;
}

.itemStats .bi {
    font-size: 22px;
    margin-left: 5px;
}

.itemStats {
    display: flex;
    justify-content: space-between;
    color: #AFAAA5;
    font-size: 12px;
    border-top: 1px solid #3333;
    margin-top: auto;
    padding-top: 10px;
}

.itemStats .bi {
    font-size: 15px;
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog_inner .itemStats {
    font-size: 13px;
    color: #282828a1;
    display: flex;
    padding-top: 1rem;
    background-color: #c2c0c0;
    padding: 15px;
}

.itemStats div {
    display: flex;
    align-items: center;
}

/*-----------------------------------form page--------------------------*/
.form_box .form-control {
    /* background: #EDEFF0; */
    /* border: 0; */
    border-radius: var(--radius-10);
}

.form_box textarea.form-control {
    border-radius: 10px 10px 0 0;
    border: #d9d9d9 1px solid;
    border-radius: 10px;
}

.form_btn {
    /* background: #EDEFF0; */
    border-radius: 0 0 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.form_btn .btn {
    background: #EB1919;
    border: 0;
}

.hidden {
    display: none !important;
}

/*-------------------------------------faq--------------------------------------*/
.question_search_title {
    color: #595959;
    text-align: center;
    display: block;
    font-size: var(--font-m);
    margin-bottom: 10px;
}

.question_search .searchForm {
    background: #EDEFF0;
    border-radius: var(--radius-5);
    display: flex;
    align-items: center;
}

.question_search input {
    background: unset;
    padding: 10px;
}

.question .accordion-button {
    background: unset;
}

.question .accordion-item {
    border: unset;
    background: unset;
}

.question .accordion-item+.accordion-item {
    border-top: 1px solid #CBCBCB;
}

.question .accordion-item .accordion-body {
    border-top: 1px solid #CBCBCB;
}

.question .accordion {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.accordion-item {
    border: 1px solid rgb(0 0 0 / 37%)
}

/*------------------compare----------------*/
.compare_table td {
    max-width: 200px;
    width: 200px;
    min-width: 200px;
    text-align: right;
    font-size: var(--font-l);
}

.compare_table tr td:first-child {
    min-width: 140px;
    width: 140px;
}

.remove_td {
    background-color: rgb(206, 206, 206);
    border-radius: 50%;
    margin-bottom: 5px;
    /* position: absolute; */
    margin-right: auto;
    z-index: 1;
    top: 2px;
    left: 2px;
    /* color: unset; */
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.remove_td:hover,
.remove_td:active {
    background-color: var(--danger);
    color: #fff;
}

.product_cell {
    position: relative;
}

.compare_search {
    margin-bottom: 20px;
}

/*-----------------------------------contact-------------------------------------*/
.contact_info {
    font-size: var(--font-l);
    color: var(--text);
}

.contact_info li {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    color: var(--black);
    font-size: var(--font-xs);
}

.contact_info p {
    width: calc(100% - 30px);
}

.contact_info svg {
    margin-left: 10px;
    width: 20px;
    height: 20px;
}

.mail {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important
}

.contact_calls {
    display: flex;
    flex-direction: column;
}

.contact_calls a {
    padding: 10px;
    background: #EDEFF0;
    border-radius: var(--radius-10);
    font-size: var(--font-m);
    min-height: 50px;
    display: flex;
    align-items: center;
}

.contact_phones a+a {
    border-right: 1px solid rgb(83, 83, 83);
    margin-right: 5px;
    padding-right: 5px;
}

.maps_box iframe {
    max-height: 250px;
    width: 100%;
    /* border-radius: 10px !important;
    border: 3px solid #F5F5F7 !important; */
}

.page_banner img {
    border-radius: 5px;
    min-height: 200px;
    object-fit: cover;
}

@media (min-width:992px) {
    .contact .page_banner {
        height: 100%;
    }

    .page_banner img {
        height: 100%;
        object-fit: cover;
    }
}

/***********************profile *********************/
.userImgBox img {
    width: 100%;
    height: 100%;
}

.profile {
    padding: 50px 0;
    background: #f9f9f9;
}

.userImgBox {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 5px;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-top: auto;
    border: 1px solid #3333;
    padding: 5px;
    margin-top: -50px;
    margin-bottom: 10px;
    background: #fff;
}

.userBox {
    border: 1px solid #3333;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    font-size: 13px;
    background: #fff;
    position: relative;
}

.panelOptions {
    border: 1px solid #3333;
    border-radius: 5px;
    margin-top: 10px;
    padding: 10px;
    text-align: right;
    font-size: 12px;
    margin-bottom: 0;
    color: #a0a0a0;
    background: #fff;
}

.panelOptions .optionItem {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: 0.2s;
}

.optionItem img {
    width: 30px;
    height: 30px;
}

.panelOptions li:hover {
    background-color: #d3d3d317;
}

.panelOptions li+li {
    border-top: 1px solid #3333;
}

.editeDashboard,
.back2Dashboard {
    border: 1px solid #3333;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    top: 10px;
    transition: 0.2s;
}

.back2Dashboard {
    right: 10px;
}

.editeDashboard {
    left: 10px;
}

.editeDashboard img,
.back2Dashboard img {
    width: 30px;
    height: 30px;
}

.optionItem span {
    margin-right: 10px;
    color: #404040;
    transition: 0.2s;
}

.profileTitle {
    height: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #010101;
    position: relative;
}

.profileTitle h6::after {
    content: "";
    height: 1px;
    background: #3333;
    width: calc(100% - 170px);
    left: 0;
    top: 14px;
    position: absolute;
}

.profileBox {
    border: 1px solid #bfbfbf33;
    display: flex;
    flex-wrap: wrap;
    border-radius: 5px;
    background: #FFF;
    text-align: center;
}

.profileBox>div {
    height: 80px;
    border: 1px solid #bfbfbf33;
    width: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 5px 10px;
}

.profileBox .seeMore {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.profileBox .seeMore button {
    font-size: 12px;
    transition: 0.2s;
    border: 0;
    background: #fff;
}

.lastOrders>div {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.lastOrders>div>img {
    width: 50px;
    height: 50px;
    margin-left: 10px;
}

.lastOrders span,
.lastOrders strong {
    font-size: 12px;
    text-align: right;
}

.lastOrders .del {
    position: absolute;
    height: 30px;
    width: 30px;
    border: 1px solid #3333;
    top: 20px;
    left: 20px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lastOrders .del .bi {
    font-size: 20px;
}

.profileBox>div>span {
    color: #a0a0a0;
    font-size: 12px;
}

.profileBox>div>strong {
    color: #a0a0a0;
    margin-right: 10px;
    margin-top: 5px;
    font-size: 14px;
    word-break: break-word;
}

.bankCart strong {
    direction: ltr;
}

.profileBox table td,
.profileBox table th {
    min-width: 100px;
}

.addressItem .dropright,
.lastItem .dropright {
    position: absolute;
    left: 10px;
    top: 10px;
}

.addressItem {
    font-size: 13px;
    line-height: 30px;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    padding-left: 10px;
    padding-left: 50px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #3333;
    margin-bottom: 10px;
    position: relative;
}

.addressItem .dropright button,
.lastItem .dropright button {
    border-radius: 5px !important;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.addAddress {
    background: #333;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 20px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    box-shadow: 0 0 10px -5px #333;
    margin-right: auto;
    transition: 0.5s;
}

.addAddress:hover {
    transform: rotate(90deg);
    color: #FFF;
}

.orderTitle {
    justify-content: flex-start;
    width: 100%;
}

.orderTitle .active {
    background-color: #fff !important;
    border: 2px solid #01b16e !important;
    color: #01b16e !important;
    font-weight: bold;
}

.orderTitle input:checked+label {
    background: var(--primary);
    color: var(--white) !important;
    border: 1px solid var(--primary-dark);
}

.orderTitle input {
    display: none;
}

.orderTitle input+label {
    border: 1px solid #3333;
    padding: 5px;
    border-radius: 5px;
    color: #a0a0a0;
    margin-left: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
}

.ordersContent {
    height: auto;
    border: 1px solid #3333;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}

.orderItem {
    border: 1px solid #3333;
    border-radius: 5px;
    margin-bottom: 10px;
}

.orderItem .itemHeader {
    height: 30px;
    width: 100%;
    border-bottom: 1px solid #3333;
    display: flex;
    justify-content: space-between;
    padding: 5px 7px;
    font-size: 12px;
}

.orderSumrize {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px;
    flex-wrap: wrap;
}

.orderItem .itemFooter {
    display: flex;
    width: 100%;
    border-top: 1px solid #3333;
    justify-content: space-between;
    padding: 5px 7px;
    font-size: 12px;
    flex-wrap: wrap;
}

.orderItem .itemFooter span {
    margin-left: auto;
}

.orderItem .itemFooter a {
    margin-right: auto;
}

.itemFooter .bi {
    font-size: 15px;
    margin-right: 5px;
}

.itemFooter a {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.orderItem img {
    width: 50px;
    height: 50px;
    margin: 5px;
}

.orderItemContent {
    border: 1px solid #3333;
    border-radius: 5px;
    margin-bottom: 10px;
    background: #f9f9f9;
    display: none;
}

.orderItemContent table th,
.orderItemContent table td {
    min-width: 100px;
}

.orderItemContent table {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    margin: unset;
}

.lastItem {
    display: flex;
    background: #fff;
    border: 1px solid #3333;
    padding: 10px;
    padding-left: 10px;
    border-radius: 5px;
    position: relative;
    padding-left: 50px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.lastItem img {
    width: 80px;
    height: 80px;
}

.lastItem .lastItemTxt {
    display: flex;
    flex-direction: column;
    text-align: right;
    margin-right: 19px;
    justify-content: space-between;
}

.addressItem .dropright,
.lastItem .dropright {
    position: absolute;
    left: 10px;
    top: 10px;
}

.dropright .bi {
    font-size: 20px;
}

#btnAddNewAddress .bi {
    font-size: 30px;
}

.lastItem>button {
    position: absolute;
    border: 1px solid #3333;
    bottom: 10px;
    left: 10px;
    font-size: 13px;
}

.comentParent {
    overflow: hidden;
}

.commentBox {
    height: 281px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #3333;
    overflow: hidden;
}

.commentBox>div {
    height: 80px;
    border: 1px solid #bfbfbf33;
    width: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 5px 10px;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    font-size: 13px;
}

.commentBox img {
    width: 50px;
}

svg.fa-star {
    width: 20px;
    height: 20px;
}

.closeMsg {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
    background: var(--danger) !important;
    color: #fff;
    font-size: 13px;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 5px;
    opacity: 1;
    z-index: 1000;
}

.product_rating {
    color: #fac74b;
    display: flex;
    align-items: center;
    margin: 1rem 0;
    direction: ltr;
    justify-content: center;
}

.product_rating .bi {
    font-size: 20px;
}

.homCategory {
    padding: 40px 0;
}

.modal-header {
    background: #d9dcda;
}

.toggle_sideList {
    padding: 5px;
    margin-top: 10px;
    font-size: var(--font-m);
}

.userSideBar {
    border-bottom: 1px solid #acacacc7;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.optionItem .bi.bi-info-square {
    font-size: 23px;
    color: #414241;
    margin: 0 5px;
}

.modal-backdrop {
    z-index: 10000;
}

.modal {
    z-index: 100000;
}

/*------------------------------------------login---------------------------------------------*/
.loginBox {
    width: 100%;
    margin-bottom: 15px;
}

.loginFooter {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.loginFooter .btn {
    margin: 5px 0;
}

.recoverPass_btn {
    margin-top: -6px;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: right;
    color: var(--primary-dark);
}

.loginRegister .form-check label {
    font-size: 14px;
}

.captcha {
    display: flex;
}

.captchaImg {
    background: #edeff0;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    margin-right: 10px;
    width: 50%;
}

@media (min-width:992px) {
    .register_col {
        border-top: 0;
        margin-top: 0px;
        padding-top: .5rem !important;
    }

    .loginBox {
        padding: 20px;
    }

    .loginRegister .border-top {
        border-right: 2px solid #dee2e6;
        border-top: 0 !important;
    }
}

/*----------------------------------------services------------------------------------------*/
.service_item img {
    height: 180px;
    object-fit: cover;
}

.service_item .service_title {
    margin: 15px 0 5px;
    font-size: 18px;
}

.service_item {
    margin-bottom: 25px;
    position: relative;
    border-radius: 5px;
    padding: 10px;
    transition: 0.3s;
}

.service_item:hover {
    box-shadow: 0 0 25px -15px #3e3d3d;
    background: #f7f3f1;
}

.service_img {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.service_img::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00000066;
}

.services {
    margin-top: 30px;
}

.service_txt {
    font-size: var(--font-m);
}

.services .page_banner {
    padding: 0 10px;
}

@media (min-width:992px) {
    .services .col-lg-4 {
        padding: 0.5rem !important;
    }
}

/* =================================Ghorbani Styles============================== */
.justify {
    display: flex;
    justify-content: center;
}

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

.page-padding {
    padding: 30px 0;
}

.section-padding {
    padding: 30px 0;
}

.linkbox {
    position: relative;
}

.linkbox a {
    position: absolute;
    inset: 0 0 0 0;
    z-index: 10;
}

.linkitem {
    position: relative;
}

.linkitem a::after {
    content: '';
    position: absolute;
    inset: 0 0 0 0;
    z-index: 10;
}

span.H1 {
    font-size: 2.25rem;
    font-weight: bold;
}

span.H2 {
    font-size: 2rem;
    font-weight: bold;
}

span.H3 {
    font-size: 1.75rem;
    font-weight: bold;
}

span.H4 {
    font-size: 1.5rem;
    font-weight: bold;
}

span.H5 {
    font-size: 1.25rem;
    font-weight: bold;
}

span.H6 {
    font-size: 1rem;
    font-weight: bold;
}

.container {
    width: 90%;
    max-width: 90%;
    padding: 0;
}

.row {
    margin: 0;
    padding: 0;
}

.primary-btn {
    border: 1px solid #658D32;
    color: #658D32;
    border-radius: var(--radius-10);
    padding: 10px 30px;
    font-size: var(--font-xs);
    font-weight: 500;
    white-space: nowrap;
    transition: 0.5s;
}

.primary-btn:hover {
    background-color: #658D32;
    color: var(--white);
}

.secondary-btn {
    color: var(--light);
    padding: 0;
    font-size: var(--font-xs);
    font-weight: 500;
    white-space: nowrap;
    transition: 0.5s;
}

.secondary-btn:hover {
    color: var(--primary);
}

.default-btn {
    border: 2px solid var(--primary);
    background-color: var(--primary);
    color: var(--white);
    border-radius: var(--radius-10);
    padding: 10px 30px;
    font-size: var(--font-xs);
    font-weight: 500;
    white-space: nowrap;
    transition: 0.5s;
}

.default-btn:hover {
    background-color: transparent;
    color: var(--primary);
}

/*------------------------------header--------------------------------*/
header {
    position: sticky;
    top: 0;
    border-bottom: 1px solid #424750;
    background: linear-gradient(45deg ,#84f8ff , #0072e9 );
    z-index: 100;
}

.header-banner {
    min-height: 10px;
}

.header-banner img {
    height: auto;
}

header .container-fluid {
    padding-top: 10px;
}

.header-box {
    flex-direction: column;
    display: flex;
    justify-content: center;
}

.navbar-brand {
    padding: 0 !important;
    margin: 0 !important;
}

.header-search {
    width: 100%;
}

header .search-form>svg {
    margin-left: 10px;
    min-width: 17px;
}

.search-form {
    border: none !important;
    background: #f4f4f4 !important;
    border-radius: 7px !important;
    padding: 5px 10px !important;
    display: flex;
    align-items: center;
}

.search-form input {
    flex: 1;
}

header .nav-item {
    margin-right: 5px;
}

header .nav-link {
	padding: 10px 4px !important;
	font-size: 17px !important;
	color: black !important;
	border-bottom: 2px solid transparent;
	transition: 0.3s;
}

header .nav-link:hover, header .nav-item.active .nav-link {
    color: #00ffff !important;
    border-color: #92e5e5;
}
.category_item {
    margin-left: 0px;
}
.footer_txt{
display:none;
}
header .category_link {
	padding: 10px 0 !important;
	height: 41px;
	z-index: 10000;
	color: black !important;
	font-size: 17px;
}

header .login-btn {
    padding: 5px 10px;
    color: #424750;
    font-size: var(--font-s);
    margin-left: 10px;
}

.header-btn-text {
    color: var(--text);
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
}

header .basket-btn {
    color: #424750;
    font-size: var(--font-s);
}

header .basket-btn svg {
    margin-right: 5px;
}

header .header-phone {
    padding: 5px 10px;
    color: #424750;
    font-size: var(--font-s);
}

header .header-phone svg {
    margin-left: 10px;
}

/*------------------------------main-slider--------------------------------*/
.main_slider {
    /* margin-bottom: 30px; */
}

.main_slider img {
    height: 350px;
    height: 70vh;
    object-fit: fill;
}

.swiper-pagination {
    text-align: end;
    padding: 0 5%;
}

.swiper-pagination-bullet {
    width: 10px;
    background: transparent;
    opacity: 1;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 20px;
    height: 4px;
}

.swiper-pagination-bullet-active {
    width: 35px;
    background-color: #333;
    border: 1px solid #333;
}

/*------------------------------home-special--------------------------------*/
.home-section-top {
    margin-bottom: 35px;
    padding: 10px 0;
}

.home-section-top h1 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
}

.see-more-box {
    margin-bottom: 20px;
}

.home-special {
    background-color: var(--primary);
}

.home-slider-title h1 {
    font-family: 'Morabba';
    font-weight: 500;
    font-size: 25px;
    color: #658D32;
    margin-bottom: 0;
    text-align: center;
    margin: auto 0;
    line-height: 1.5;
}

.home-special .home-slider-title h1 {
    font-family: 'Morabba';
    font-weight: 500;
    font-size: 25px;
    color: var(--white);
    margin-bottom: 0;
    text-align: center;
    margin: auto 0;
    line-height: 1.5;
}

.home-special .home-slider-title .primary-btn {
    border: 1px solid var(--white);
    color: var(--white);
}

.home-special .home-slider-title .primary-btn:hover {
    background-color: var(--white);
    color: var(--primary);
}

.home-slider-title .btn {
    margin-top: 10px;
}

.home-slider-box {
    position: relative;
    /* padding-left: 10%; */
}

.slider-navigation {
    position: absolute;
    left: 0;
}

.slider-navigation .btn {
    padding-left: 0;
}

.product-item {
    border-radius: var(--radius-10);
    position: relative;
    height: 100%;
    background: #F4F4F4;
    /* border: 1px solid #ededed; */
    display: flex;
    flex-direction: column;
    margin: 5px;
    padding: 10px 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    padding-bottom: 0;
}

.product-number {
    position: absolute;
    top: 10px;
    right: 10px;
}

.product-number span {
    background-color: var(--primary);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Morabba';
    font-weight: 500;
    font-size: 17px;
    color: var(--white);
}

.product-suggestion {
    position: absolute;
    top: 10px;
    left: 10px;
}

.product-suggestion span {
    font-family: 'Morabba';
    font-weight: 500;
    font-size: var(--font-l);
    color: var(--primary);
}

.product-img {
    height: 200px;
}

.product-img img {
    width: 100%;
    height: 100%;
}

.product-caption {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0 5px;
}

.product-caption>span {
    display: block;
    /* margin-bottom: 10px; */
    font-weight: 600;
    font-size: var(--font-xs);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.product-item .product-about {
    margin-bottom: 10px;
}

.product-details {
    margin-top: auto;
    margin-bottom: auto;
}

.product-discpunt {
    margin-left: 10px;
}

.product-discpunt span {
    background-color: var(--primary);
    border-radius: 24px;
    padding: 5px;
    width: 38px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white) !important;
    font-size: var(--font-s) !important;
    font-weight: 500 !important;
}

.product-price-box {
    margin-right: auto;
}

.product-price-box>span {
    margin-right: 10px;
    font-size: var(--font-sx);
    font-weight: 500;
}

.product-price span {
    color: var(--black);
    font-weight: 500;
    font-size: var(--font-m);
}

.product-price span.old {
    margin-top: 10px;
    color: #C7CAD8;
}

.product-unavailable {
    /* border: 2px solid #C7CAD8;
    color: #C7CAD8;
    padding: 10px;
    border-radius: 10px;
    font-size: var(--font-s); */
    margin-top: auto;
}

.product-unavailable span {
    font-weight: 600;
    border: 1px solid #D9D9D9;
    padding: 10px;
    border-radius: 10px;
}

.slider1 .owl-stage {
    display: flex;
}

.slider1 .item {
    height: 100%;
}

/*------------------------------home-category--------------------------------*/
.home-category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    border: 2px solid #cde1e0;
    padding: 35px 0px;
}

.home-category-img {
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-category-img img {
    /* border-radius: 50%; */
    width: 60px;

}

.home-category-caption {
    /* border: 1px solid #D9D9D9; */
    border-radius: var(--radius-10);
    padding: 10px;
    width: 100%;
    flex: 1;
}

.home-category-caption span {
    text-align: center;
    font-weight: 600;
    font-size: var(--font-xs);
}

/*------------------------------home-banner--------------------------------*/
.home-banner {
    margin-bottom: 50px;
    margin-top: 4rem;
}

.home-banner-item img {
    height: 280px;
    border-radius: var(--radius-5);
}

/*------------------------------home-offer--------------------------------*/
.home-offer {
    /* background-color: var(--secondary); */
}

/*------------------------------home-brand--------------------------------*/
.home-brand .home-section-top {
    background-color: var(--secondary);
}

.home-brand .slider3 {
    background-color: #F3F3F3;
    border-radius: var(--radius-10);
}

.brand-item {
    border-left: 1px solid #DEDEDE;
}

.brand-img {
    height: 230px;
}

.brand-img img {
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto;
}

/*------------------------------home-mostsale--------------------------------*/
.home-mostsale {
    background-color: var(--secondary);
    margin-bottom: 50px;
}

/*------------------------------home-discount--------------------------------*/
.home-discount {
    background-color: var(--secondary);
}

/*------------------------------home-blog--------------------------------*/
.home-blog .home-section-top {
    background-color: var(--secondary);
}

.home-blog-img img {
    border-radius: var(--radius-10) var(--radius-10) 0 0;
    height: 250px;
}

.home-blog-caption {
    border-radius: 0 0 var(--radius-10) var(--radius-10);
    border: 1px solid #E8E8E8;
    padding: 15px;
}

.home-blog-caption span {
    font-size: var(--font-xs);
    line-height: 2;
    min-height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/*------------------------------footer--------------------------------*/
.footer-support {
    padding: 0 0 30px 0;
}

.footer-support-btns .primary-btn {
    border: 1px solid #424750;
    color: var(--black);
    margin-right: 10px;
}

.footer-support-btns .primary-btn:hover {
    background-color: #424750;
    color: var(--white);
}

.footer-support-contact {
    margin-top: 25px;
}

.footer-support-contact * {
    font-weight: 600 !important;
    font-size: var(--font-xs);
    margin-top: 5px;
}

.footer-support-phone {
    padding-left: 20px;
    margin-left: 20px;
    border-left: 2px solid #A1A3A8;
}

.footer-support-phone span {
    margin-left: 5px;
}

.footer-services {
    padding: 30px 0;
    background-color: #FBFCFB;
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
}

.footer-facilities-item img {
    width: 55px;
    height: 55px;
    object-fit: contain;
    margin-bottom: 20px;
}

.footer-facilities-item span {
    font-weight: 600;
    font-size: var(--font-xs);
    text-align: center;
}

.footer-link-column {
    font-size: var(--font-s);
}

.footer-link-column span {
    margin-bottom: 10px;
}

.footer-link-column a {
    margin-top: 10px;
    text-align: start;
}

.footer-membership span {
    font-weight: 600;
    font-size: var(--font-xs);
    margin-bottom: 20px;
    display: block;
}

.footer-membership-form {
    background: #F0F0F1;
    border-radius: 7px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.footer-membership-form input {
    border: none;
    flex: 1;
}

.footer-membership-btn {
    padding: 0;
    padding-right: 20px;
    border-right: 1px solid #B8B8B8;
    color: #424750;
    border-radius: 0;
}

.footer-support-icon {
    margin-top: 10px;
}

.footer-about-box {
    padding: 20px 0;
    background-color: #FBFCFB;
}

.footer-about {
    font-size: var(--font-s);
}

.footer-about span {
    font-weight: 600;
    font-size: var(--font-xs);
    margin-bottom: 15px;
    display: block;
}

.footer-namad a {
    margin-right: 20px;
}

.footer-namad img {
    width: 100%;
}

.footer-text {
    margin-top: 20px;
    font-size: var(--font-sx);
    display: flex;
    justify-content: center;
}

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

.footer-contact-box {
    background: linear-gradient(45deg ,#84f8ff , #0072e9 );
    padding: 20px 0;
    color: black;
}
.footer-contact-item svg path{
	fill:black;
}
.footer_bg_img2{
display: none;
}

.footer-contact>span {
    font-size: var(--font-s);
}

.footer-contact-item {
    margin-left: 20px;
    font-size: var(--font-sx);
    transition: 0.3s;
}

.footer-contact-item:hover {
    color: red;
}

.footer-contact-item span {
    margin-right: 5px;
    text-align: justify;
}

.footer-contact-item svg {
    min-width: 24px;
    min-height: 24px;
}

.footer-signature a {
    font-size: var(--font-sx);
    margin-right: 10px;
}

/*----------------------------------------products------------------------------------------*/
.filtering-title {
    padding: 20px 0;
    margin-bottom: 20px;
}

.filtering-title span {
    font-weight: 500;
    font-size: var(--font-xl);
    color: #82858A;
}

.filtering_item {
    padding: 0;
    margin-bottom: 20px;
    margin: 10px;
}

.filtering_item .searchForm {
    border-radius: 8px;
}

.filtering_item.box {
    background-color: #F7F7F8;
    padding: 0 10px;
    margin: 10px;
    border-radius: 8px;
}

.filtering_item .filtering_title {
    font-weight: 600 !important;
    cursor: pointer;
}

.filtering_item.price .filtering_title {
    text-align: center;
}

.irs--flat .irs-line {
    height: 1px;
    background-color: #82858A;
}

.irs--flat .irs-bar {
    height: 1px;
}

.irs--flat .irs-handle>i:first-child {
    width: 30px;
    height: 10px;
    border-radius: 0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}

.irs--flat .irs-handle>i:first-child:hover {
    background-color: var(--primary);
}

.irs--flat .irs-handle {
    top: 20px;
}

.irs--flat .irs-min,
.irs--flat .irs-max {
    top: -5px;
    font-size: 11px;
}

.irs-from,
.irs-to,
.irs-single {
    top: -5px;
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    font-size: 11px;
}

.irs--flat .irs-from::before,
.irs--flat .irs-to::before,
.irs--flat .irs-single::before {
    bottom: -5px;
}

.range-price-box {
    margin: 30px 0;
}

.range-price-box input {
    width: 49%;
    background-color: #F2F2F2 !important;
    border-radius: 0;
    border: none;
}

.range-price-box input::placeholder {
    color: rgba(0, 0, 0, 0.3) !important;
}

.filtering-item-price .btn {
    border-radius: 0;
    width: 100%;
}

.form-check-input:checked {
    border-color: #000;
    background-color: #000 !important;
}

.filtering_item.box .open-close-box {
    display: none;
    overflow: hidden;
    margin-top: 30px;
}

.filtering_item.btn {
    width: 100%;
}

.products_box .col-lg-3 {
    /* border: 1px solid #E1E1E1; */
    margin: 10px 0;

}

/*----------------------------------------product-details------------------------------------------*/
.product_images {
    border: none;
    margin: 0;
    padding: 0;
    /* padding-top: 50px;
    padding-right: 50px; */
    position: relative;
}

.pro-suggestion {
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--primary);
}

.pro-suggestion span:first-child {
    font-family: 'Morabba';
    margin-left: 20px;
    font-weight: 500;
    font-size: var(--font-m);
}

.pro-suggestion span:last-child {
    font-weight: 600;
    font-size: var(--font-m);
}

.pro-btns {
    position: absolute;
    right: 10px;
    top: 50px;
}

.pro-btns svg {
    width: 30px;
    height: 30px;
}

.pro-btns a {
    margin-bottom: 20px;
}

.pro-sharebox {
    position: relative;
    margin-bottom: 20px;
}

.pro-share {
    display: flex;
    flex-direction: column;
    background: #D9D9D9;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 10;
    border-radius: var(--radius-5);
    height: 0;
    overflow: hidden;
    transition: 0.3s;
}

.pro-share-item {
    margin: 0 !important;
    padding: 10px;
    border-bottom: 1px solid #333;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.pro-share-item:last-child {
    border-bottom: none;
}

.pro-share-item img {
    width: 30px;
    height: 30px;
}

.pro-sharebox:hover .pro-share {
    height: 254px;
}

.product_images .first-fancy-img img {
    object-fit: contain;
}

.more-fansy-images a {
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    padding: 5px;
    margin: 10px 0px 0 5px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.more-fansy-images a:nth-child(4) img {
    filter: blur(5px);
    opacity: 0.2;
}

.more-fansy-images a:nth-child(4)::after {
    content: '...';
    font-weight: 900;
    font-size: 30px;
    position: absolute;
    color: #D9D9D9;
}

.product-details-box1 {
    padding-top: 10px;
}

.product-address {
    margin-bottom: 15px;
}

.product-address * {
    color: var(--dark) !important;
    font-size: var(--font-s) !important;
    font-weight: 600 !important;
}

.product-address .breadcrumb-item+.breadcrumb-item::before {
    color: var(--dark);
}

.product-name {
    margin-bottom: 30px;
}

.product-name h1 {
    color: var(--dark);
    margin-bottom: 0;
    font-weight: 600;
    font-size: var(--font-xl);
}

.product-about {
    margin-bottom: 30px;
}

.product-rate svg {
    margin-left: 5px;
}

.product-rate span {
    font-weight: 500;
    font-size: var(--font-m);
}

.product-about a {
    margin-right: 20px;
    color: var(--dark);
    font-size: var(--font-s);
}

.product-size {
    margin-bottom: 30px;
}

.product-size-title {
    margin-bottom: 20px;
}

.product-size-title span {
    margin-left: 5px;
    color: var(--dark);
    font-weight: 600;
    font-size: var(--font-m);
}

.product-size select {
    width: 50%;
    padding: 10px;
    background-color: transparent;
    border: 1px solid #D9D9D9;
    border-radius: var(--radius-5);
    font-weight: 600;
    font-size: var(--font-l);
}

.product-features>span {
    color: var(--dark);
    margin-bottom: 15px;
    font-weight: 600;
    font-size: var(--font-xl);
}

.product-features-item {
    margin-top: 15px;
}

.product-features-item strong {
    margin-left: 15px;
    font-weight: 600;
    font-size: var(--font-l);
}

.product-features-item span {
    font-size: var(--font-xs);
}

.product-details-box2 {
    background: #F7F7F8;
    border: 1px solid #E0E0E2;
    border-radius: 5px;
    padding: 20px;
    height: 100%;
}

.product-seller {
    margin-bottom: 30px;
}

.seller-name h2 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: var(--font-xxl);
}

.seller-details {
    margin: 30px 0;
}

.seller-details-about {
    margin-bottom: 15px;
}

.seller-details-about span {
    margin-right: 15px;
    font-weight: 500;
    font-size: var(--font-m);
}

.seller-rate-item {
    width: 50%;
    padding: 10px;
    flex-wrap: wrap;
}

.seller-rate-item:first-child {
    border-left: 2px solid var(--black);
}

.seller-rate-item span:first-child {
    color: #82858A;
    font-weight: 500;
    font-size: var(--font-xs);
}

.seller-rate-item span:last-child {
    color: var(--dark);
    font-weight: 500;
    font-size: var(--font-xs);
}

.seller-service span {
    margin-right: 15px;
    font-weight: 600;
    font-size: var(--font-xs);
}

.product-details-box2 .product-price {
    padding: 30px 0;
    border-top: 1px solid #E0E0E2;
    border-bottom: 1px solid #E0E0E2;
    margin-bottom: 15px;
}

.product-price-top {
    margin-bottom: 30px;
}

.product-price-top .product-discpunt {
    margin-right: 15px;
    margin-left: 0;
}

.product-price-top span.old {
    color: #82858A;
    font-weight: 600;
    font-size: var(--font-s);
}

.product-price-bottm span.new {
    font-size: var(--font-xxl);
    font-weight: 600;
}

.product-price-bottm span:last-child {
    margin-right: 10px;
    color: #82858A;
    font-weight: 600;
    font-size: var(--font-s);
}

.product-btns {
    margin-top: auto;
}

.product-btns .btn {
    margin-top: 15px;
}

.product-btns .product-unavailable {
    margin-top: 15px;
}

.product-btns .default-btn:hover svg path {
    transition: 0.3S;
    stroke: var(--primary);
}

.product-info .nav-tabs {
    border: none;
    margin-bottom: 40px;
}

.product-info .nav-link {
    border: none;
    padding: 0;
    margin-left: 20px;
    color: #82858A;
    font-size: var(--font-l);
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 13px;
}

.product-info .nav-link.active {
    color: var(--primary);
}

.product-description p {
    font-size: var(--font-s);
    margin-bottom: 20px;
}

.similar-products,
.seller-offers {
    background-color: #F7F7F8;
}

.similar-products .home-slider-title h1,
.seller-offers .home-slider-title h1 {
    font-family: 'SiteFont';
    font-size: 20px;
    color: var(--black);
}

.product-question-title {
    border-bottom: 3px solid var(--primary);
    padding-bottom: 10px;
    margin-bottom: 30px;
    width: fit-content;
}

.product-question-title h1 {
    display: inline;
    margin-bottom: 0;
    font-weight: 700;
    font-size: var(--font-xxl);
    color: var(--black);
}

.product-question-box>span {
    font-weight: 600;
    font-size: var(--font-xl);
}

.product-question-box textarea {
    margin: 20px 0;
    resize: none;
    padding: 10px;
    border-radius: var(--radius-5);
    border: 2px solid #D9D9D9;
}

.product-question-counter {
    margin-bottom: 20px;
    color: #D9D9D9;
    font-size: var(--font-xs);
}

.product-question-counter span {
    font-weight: 600;
    margin-right: 5px;
}

.product-question-btn {
    border: 2px solid #D9D9D9;
    background-color: #D9D9D9;
    color: var(--white);
    border-radius: var(--radius-10);
    padding: 10px 30px;
    width: fit-content;
    margin-right: auto;
    font-size: var(--font-s);
    font-weight: 500;
    transition: 0.3s;
}

/*----------------------------------------aboutus------------------------------------------*/
.about-slider-inner {
    position: relative;
}

.about-img {
    height: 100%;
}

.about-img img {
    max-width: 100%;
    height: 100%;
}

.about-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    color: var(--black);
    padding: 0 20px;
    padding-bottom: 30px;
}

.about-text span {
    margin: 20px 0;
    font-weight: 600;
    font-size: var(--font-xs);
}

.about-text p {
    font-size: var(--font-s);
}

.about-slider-inner .slider-navigation {
    left: 20px;
    bottom: 0;
    display: flex;
    align-items: center;
    z-index: 10;
}

.about-slider-inner .slider-navigation .btn {
    padding-bottom: 0;
}

.about-cardbox {
    padding-bottom: 50px;
}

.about-cardbox .nav-tabs {
    border: none;
    margin-bottom: 0;
}

.about-cardbox .nav-item {
    width: 25%;
    margin-left: 5px;
}

.about-cardbox .nav-link {
    border: none;
    width: 100%;
    height: 70px;
    background-color: #EDEDED;
    border-radius: var(--radius-10) var(--radius-10) 0 0;
    padding: 10px;
    color: var(--black);
    font-size: var(--font-m);
    font-weight: 500;
}

.about-cardbox .nav-link.active {
    color: var(--white);
    background-color: var(--primary);
}

.about-cardbox .tab-pane {
    border: 3px solid var(--primary);
    border-radius: var(--radius-5) 0 var(--radius-5) var(--radius-5);
    padding: 30px;
}

.about-card-img {
    height: 100%;
}

.about-card-img img {
    width: 400px;
    height: auto;
    object-fit: contain;
    max-width: 100%;
}

.about-card-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    color: var(--black);
}

.about-card-text span {
    margin: 30px 0;
    font-weight: 600;
    font-size: var(--font-xs);
}

.about-card-text p {
    font-size: var(--font-s);
    margin: auto 0;
}

.about-rule p {
    font-size: var(--font-s);
    margin-bottom: 20px;
}

/*----------------------------------------contactus------------------------------------------*/
.contact-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 20px;
}

.contact-text-item {
    margin-bottom: 10px;
    padding: 10px;
    /* border-right: 8px solid; */
}

.contact-text-item.num1 {
    border-color: #0CCA9C;
}

.contact-text-item.num2 {
    border-color: #078465;
}

.contact-text-item {
    font-size: var(--font-sx);
}

.contact-link-item {
    margin-bottom: 10px;
}

.contact-link-item a {
    margin-left: 20px;
    font-weight: 500;
    font-size: var(--font-sx);
}

.contact-form {
    margin-bottom: 50px;
    position: relative;
}

.contact-form-background {
    width: 100%;
    height: 80%;
    background-color: #F2F2F2;
    position: absolute;
    top: 10%;
    right: 0;
    z-index: -1;
}

.contact-form-body {
    border: 3px solid #DCDCDC;
    border-radius: var(--radius-5);
    background-color: var(--white);
    padding: 20px;
}

.contact-form-title h1 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: var(--font-l);
}

.contact-link {
    margin: 20px 0;
}

.contact-link span {
    font-weight: 500;
    font-size: var(--font-xs);
}

.contact-link span a {
    color: #0897C9;
}

.contact-link .btn {
    margin-top: 5px;
    margin-right: auto;
}

.contact-form-body form {
    margin: 10px 0;
}

.contact-form-item {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

.contact-form-item label {
    margin-bottom: 15px;
    position: relative;
    font-weight: 500;
    font-size: var(--font-xs);
    width: fit-content;
}

.contact-form-item.required label::after {
    content: '*';
    color: var(--primary);
    font-size: 16px;
    position: absolute;
    left: -15px;
}

.contact-form-item select,
.contact-form-item input,
.contact-form-item textarea {
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    background-color: transparent;
    padding: 10px;
    resize: none;
}

.contact-form-imagebox {
    border: 1px dashed #DCDCDC;
    border-radius: 5px;
    padding: 20px;
}

.contact-form-text>span {
    color: #7E7E7E;
    font-size: var(--font-s);
    text-align: center;
}

.contact-form-upload {
    margin: 20px 0;
}

.contact-form-upload input {
    display: none;
}

.contact-form-upload label svg {
    margin-left: 20px;
}

.contact-form-img img {
    width: 100px;
    height: 100px;
    margin-left: 10px;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    padding: 10px;
    margin-top: 5px;
}

.contact-form-sendbox {
    margin-top: 10px;
}

.contact-form-sendbox span {
    font-size: var(--font-s);
}

.contact-form-sendbox span svg {
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    margin-left: 10px;
}

.contact-form-sendbox .btn {
    margin-top: 5px;
    margin-right: auto;
}

/*----------------------------------------blog------------------------------------------*/
.blog-img img {
    height: 250px;
}

.blog-caption {
    display: flex;
    flex-direction: column;
}

.blog-text {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.blog-text span {
    font-weight: 600;
    font-size: var(--font-xs);
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.blog-text p {
    font-size: var(--font-s);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.blog-info-item {
    margin-left: 10px;
}

.blog-info-item span {
    margin-right: 5px;
    font-size: var(--font-s);
}

.blog-details {
    flex-wrap: wrap;
}

.blog-details .btn {
    margin-top: 5px;
    margin-right: auto;
}

.top-blog-item {
    position: relative;
    border-radius: var(--radius-10);
    margin-top: 20px;
}

.top-blog-img img {
    border-radius: var(--radius-10);
}

.top-blog-caption {
    padding: 15px;
    width: 100%;
    color: var(--white);
    position: absolute;
    right: 0;
    bottom: 0;
}

.blog-bottom {
    padding-bottom: 50px;
}

.bottom-blog-item {
    border: 1px solid #C9C9C9;
    border-radius: var(--radius-10);
    margin-bottom: 10px;
}

.bottom-blog-img img {
    border-radius: 0 var(--radius-10) var(--radius-10) 0;
}

.bottom-blog-caption {
    padding: 20px;
    height: 100%;
    justify-content: space-between;
    color: var(--black);
}

.bottom-blog-caption .blog-text span {
    color: #2F2F2F;
}

.popular-contents-box {
    height: 100%;
    position: relative;
}

.popular-contents-title {
    padding: 20px 30px;
}

.popular-contents-title span {
    font-weight: 600;
    font-size: var(--font-l);
    color: #2F2F2F;
}

.popular-contents {
    background-color: #F2F2F2;
    border-radius: var(--radius-10);
    position: sticky;
    top: 0;
    padding: 20px 30px;
}

.popular-contents-item {
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    color: var(--black);
}

.popular-contents-item+.popular-contents-item {
    border-top: 1px solid #E4E4E4;
}

.popular-contents-item span {
    font-weight: 600;
    font-size: var(--font-xs);
    margin-bottom: 10px;
    color: #2F2F2F;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.popular-contents-item p {
    font-size: var(--font-s);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.blog-search .searchForm {
    background-color: #F9F8F6;
    border: 1px solid #E6E6E6;
    border-radius: var(--radius-10);
    height: 45px;
}

.blog-search .searchForm input::placeholder {
    color: #999393 !important;
}

/*------------------------------media--------------------------------*/
@media (max-width:991px) {
    header .navbar-brand img {
        width: 128px;
    }

    /* header .login-basket .basket-btn {
        position: relative;
        margin-right: 15px;
        position: absolute;
        padding: 0;
        bottom: 20px;
        left: 10px;
    } */
    header {
        /* padding: 0 0 5px 0; */
    }

    header .container-fluid {
        padding-top: 5px;
    }

    .header-search-menu {
        flex-direction: row-reverse;
        align-items: center;
        width: 100%;
    }

    .header-search {
        width: unset;
    }

    .header-logo {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .header-logo img {
        width: auto;
        height: auto;
        object-fit: contain;
    }

    .header-login-basket-phone {
        flex-direction: row;
    }

    .basket-btn {
        margin: 0 5px 0 10px !important;
    }

    .basket-btn span:first-child {
        display: none;
    }

    header .login-btn {
        padding: 5px 7px;
        margin-left: 0;
    }

    .footer-support {
        padding: 0 0 10px 0;
    }

    .footer-support-contact {
        margin-top: 10px;
    }

    .footer-services {
        padding: 10px 0;
    }

    .footer-namad {
        margin-top: 10px;
    }

    .footer-text {
        margin-top: 10px;
    }

    .footer-about-box {
        padding: 10px 0;
    }

    .footer-contact-box {
        padding: 20px 0;
    }

    .footer-signature {
        margin: 0 auto;
    }

    .footer-contact>span {
        font-size: var(--font-xs);
        width: 100%;
        margin-bottom: 10px;
    }

    .footer-contact {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .footer-contact-item {
        margin-bottom: 10px;
        font-size: var(--font-xs);
        width: 100%;
    }

    .main_slider img {
        min-height: 100px;
    }

    .main-swiper>.swiper-pagination-bullets {
        bottom: 14px;
    }

    .home-slider-box {
        margin-top: 20px;
    }

    .filtering_item.search {
        margin-top: 20px;
        padding: 0 10px;
    }

    .filtering_item.btn {
        padding: 0 10px;
    }

    .about-cardbox .nav-item {
        width: 33%;
        margin-left: 0;
    }

    .about-cardbox .nav-tabs {
        justify-content: space-between;
    }

    .about-cardbox .tab-pane {
        border-radius: 0 0 var(--radius-5) var(--radius-5);
    }

    .about-text {
        padding-left: 0;
        padding-right: 0;
    }

    .about-slider-inner .slider-navigation {
        left: 0;
    }
}

@media (max-width:767px) {
    .bottom-blog-img img {
        border-radius: var(--radius-10) var(--radius-10) 0 0;
    }

    .about-cardbox .nav-link {
        font-size: var(--font-sx);
        text-align: center;
    }
}

@media (max-width:575px) {
    .home-banner-item img {
        height: 150px;
        border-radius: var(--radius-5);
    }

    .product-info .nav-tabs {
        margin-bottom: 10px;
        border-bottom: 1px solid #D9D9D9;
    }

    .product-description p {
        margin-bottom: 10px;
    }

    .product_images .more-fansy-images {
        justify-content: flex-start;
    }

    .product-name {
        margin-bottom: 15px;
    }

    .product-about {
        margin-bottom: 15px;
    }

    .product-size {
        margin-bottom: 15px;
    }

    .product-size-title {
        margin-bottom: 5px;
    }

    .product-features>span {
        margin-bottom: 0;
    }

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

    .seller-details {
        margin: 15px 0;
    }

    .seller-details-about {
        margin-bottom: 5px;
    }

    .product-seller {
        margin-bottom: 16px;
    }

    .product-details-box2 .product-price {
        padding: 15px 0;
        margin-bottom: 0;
    }

    .product-btns .btn {
        margin-top: 10px;
    }

    .product-btns .product-unavailable {
        margin-top: 10px;
    }

    .product-details-box2 {
        margin-top: 10px;
    }

    .about-cardbox .tab-pane {
        padding: 30px 10px 0 10px;
    }
}

@media (min-width:992px) {
    .blog-bottom .col-lg-7 {
        margin-top: 65px;
    }

    .top-blog-caption {
        width: 60%;
    }
}

/* ========================================= */
.rate-box {
    display: flex;
    border: 1px solid #fff7f733;
    width: 180px;
    border-radius: 0;
    background-color: #f5f4f4;
    margin: 15px 0;
    direction: rtl;
    justify-content: flex-start;
}

.rate-box input {
    display: none;
}

.rate-box label {
    display: block;
    cursor: pointer;
    fill: rgb(159 159 159);
    transition: 0.5s;
}

.rate-box svg {
    pointer-events: none;
}

.rate-box label:hover {
    fill: gold;
}

.rate-box label:hover,
.rate-box label:hover~label,
.rate-box input[type=radio]:checked~label {
    fill: #f2b600;
}

.compare_table .product-item {
    height: unset;
}

.ADS_header {
    width: 100%;
    height: 30px;
    background-color: #212020;
}

.ADS_header p {
    font-size: 16px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: 0em;
    color: #FFF;
}

.header_top_box {
    /* margin-top: 5rem !important; */
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: -37% !important;
    width: 100%;
}

.slider_border {
    background-color: #E86B2E;
    height: 24px;
    width: 100%;
}

.slogan {
    background: #9EDDFF;
    color: black;
}

.slogan div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 35px 0;
}

.slogan h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    color: black;
}

.slogan p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    color: black;
    padding: 15px 30px;
    text-align: center;
    width: 70%;
}


.search_footer {
    /* border: 1px solid #fff; */
    width: 30%;
    display: flex;
    justify-content: space-between;
    /* padding: 10px; */
    /* border: 2px solid #fff; */
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.search_footer button {
    background-color: #84f8ff;
    border: none;
    /* border-right: 2px solid #fff; */
    padding-right: 7px;
    padding: 15px;
}
.search_footer input {
    background-color: transparent;
    border: none;
    width: 82%;
}


.access_footer div {
    border: 1px solid #d9d9d9;
    padding: 5px;
    margin: 10px 0;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.access_footer span {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: right;
    color: #fff;
}

.access_txt_footer {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;

}


.social_media {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding: 35px 0;
}


.social_media_icons {
    background-color: #fff;
    border-radius: 10px;
    padding: 8px;
    margin: 10px;
    display: flex;
    color: #000;
    justify-content: space-between;
}

.social_media_icons button {
    background-color: transparent;
    border: none;

}

.social_media span {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
}



body>main>section.home-banner>div>div.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0
}


.second-swiper img {
    width: 65px;
}

.second-swiper a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.second-swipper-link p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    padding: 5px 0;
}

.second-swipper-link span {
    padding-top: 25px !important;
    font-size: 16px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: 0em;
    padding: 5px 0;

}

.second-swiper .swiper-pagination-bullet {
    width: 10px;
    background: transparent;
    opacity: 1;
    border: 1px solid #CEC4C4;
    background: #CEC4C4;
    border-radius: 20px;
    height: 4px;
}

.second-swiper .swiper-pagination-bullet-active {
    width: 35px;
    background-color: #333;
    border: 1px solid #333;
}

.second-swipper-link {
    margin-bottom: 3rem;
}

.border_bottom_slider {
    border-bottom: 2px solid #00ACA0;
    margin-top: 2rem;
}

.swiper_title span {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: 0em;
    padding: 15px 0;

}

.swiper_title p {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    padding: 5px 0;
    text-align: center;
    margin-bottom: 20px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
    width: 35px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 4px;
    margin: 5px 7px;
    background: #CEC4C4;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

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

.slider2 .item {
    background-color: #F2F2F2;
    border-radius: 8px;
    /* padding: 0 8px; */
}

.third-swipper-link span {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    padding: 15px 0;
}

.third-swipper-link button {
    background-color: #00ACA0;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 0;
    width: 115px;
    height: 40px;
    margin-bottom: 10px;
}

.slider2 .owl-stage-outer {
    margin: 2rem 0;
}

.swiper_title a {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: justified;
    color: #1F94F3;
}

.news {
    background-color: #fff;
    padding-top: 0 !important;
    padding-bottom: 10rem;
}

.swiper_title_news>div {
    width: 220px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper_title_news {
    position: relative;
}

.swiper_title_news Span {
    position: absolute;
    /* color: #fff; */
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;

}

.news-swipper-link {
    background-color: #f5f5f5;
    border-radius: 8px;
height: 350px;

}

.news-swipper-link span {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
    padding: 15px 5px;

}

.news-swipper-link p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: right;
    padding: 0 5px;

}

.news_box {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    /* border: 1px solid #9CBAB8; */
    border-radius: 8px;
    margin: 5px 0;
    background-color: #f4f4f4;
    overflow: hidden;
}

.news_box img {
    width: 230px;
}

.news_box>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 5px;
}

.news_box p {
    text-align: right;
}

.news_detail_txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.news_detail_txt span {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: right;
    margin: 0 10px;

}

.swiper_title button {
    width: 120px;
    height: 40px;
    border-radius: 5px;
    background-color: #141640;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 0;
    margin: 2rem 0;
    font-size: 12px;
    z-index: 10;
}

.product-caption P {
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: right;

}

.azmoonbg {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
}

.azmoonbg img {
    width: 125px;
}

.azmoonbg h1 {
    margin: -20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: right;

}

.azmoonbg p {
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: justified;
    margin-top: 20px;

}


.azmoon_item {
    background: #FDF9FB;
    border: 1px solid #000000;

}

.azmoon_item_caption {
    align-items: center;
}

.azmoon_item_caption span {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    display: block;
}

.azmoon_butt {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    min-width: inherit;
}


.blog_titles span {
    padding: 5px;
    margin: 10px 0;
}

.blog_titles {
    margin: 30px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.blog_box_inner p {
    font-size: 12px;
}

.blog_box_inner>div {
    justify-content: space-around;
    margin: 0 5px;
    width: 100%;
}

.blog_box_inner img {
    height: 180px;
}


.blogs_link_magazine {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #cfcfcf;
    margin: 10px 0;
}


.teacher {
    height: 490px;
    background-color: var(--primary);
    clip-path: polygon(0 15%, 100% 0%, 100% 85%, 0% 100%);
    margin-top: -70px;
    padding-top: 30px !important;
    position: relative;
}

.test {
    margin-top: 5rem;
}

.test>div:nth-child(odd) {
    background-color: #02A6AD;
}

.team_picture img {
    clip-path: circle(50% at 50% 50%);
}

.team_picture div {
    padding: 5px;
    background-color: #fff;
    clip-path: circle(50% at 50% 50%);
    width: 90px;
}

.team_picture {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;

}

.team_picture p {
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: right;
    margin: 0 15px;
    color: #fff;
}

.team_subjects button {
    background-color: #E86B2E;
    border-radius: 18px;
    padding: 10px;
    color: #fff;
    font-size: 12px;
    border: 0;
    margin: 7px 0;
}


.team_subjects p {
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: justified;
    color: #fff;
}

.team_subjects span {
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: right;
    color: #fff;
}

.team_subjects {
    padding: 15px 0;
}

.see_more_team {
    position: absolute;
    left: 16px;
    bottom: 51px;
    border: 1px solid #fff;
    padding: 8px;
    border-radius: 16px;
    color: #fff;
    background: transparent;
}

.see_more_title_team {
    display: flex;
    justify-content: center;
    align-items: center;


}

.see_more_title_team button {
    background-color: #129CEA;
    border: 0;
    padding: 10px;
    border-radius: 8px;
    color: #fff;
    margin-bottom: 5rem;
    margin-top: 1rem;
}

.shop_butt {
    background-color: #E86B2E;
    border: 0;
}

#home-products-content {
    padding-bottom: 2rem;
}


.product-name h1,
.product-name span {
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: right;
}

.product-name p {
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: justified;
    margin-top: 15px;
}

.product-name h1 {
    margin-bottom: 15px;
}

.product-name {
    padding: 20px 0;
    border-bottom: 1px solid #ECEEF0;
    border-top: 1px solid #ECEEF0;
}

.contact_us_calls button {
    width: 250px;
    height: 50px;
    color: #1F94F3;
    /* background-color: var(--primary); */
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid var(--primary); */
    border-radius: 8px;
    margin: 5px 0;
    background: 0;
    border: 0;
}

.contact_us_calls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.contact_us_calls svg {
    margin-right: 8px;
}

.phone_bgW {
    color: #000 !important;
    background-color: #fff !important;
}

.emails button {
    border: 1px solid #1F94F3;
}

.phone_bgBB {
    background-color: #1F94F3 !important;
    color: #ffffff !important;
}

.bgGR {
    background-color: #00ACA0 !important;
    color: #ffffff !important;
}

.phone_bgB {
    background-color: #fff !important;
    color: #000 !important;
}

.contactUs_butt .blog_titles {
    margin-right: -25px;
}

.blog_titles svg {
    margin: 0 8px;
}



.footer_enamad img {
    width: 80px;
    padding: 5px;
    background-color: #fff;
    border-radius: 10px;
    margin: 0px 5px;
}

.footer_enamad {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    /* width: 100%; */
}

.maps_box iframe {
    border-radius: 15px;
}

@media (min-width:991px) {
    .swiper_title_news {
        position: relative;
        margin-bottom: 15px;
    }

    .social_media {
        width: auto !important;
    }

  

    .contact-access .blog_titles {
        margin: 20px 10px 20px 0 !important;
    }

    .header_submit {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .maps_box iframe {
        max-height: 400px;
        width: 100%;
        margin-top: 3rem;
        border-radius: 15px;
    }

    .footer-contact {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
    }

    .footer_enamad {
        justify-content: flex-end;
    }

    .header_submit {
        flex-direction: row !important;
    }
}


.class_butt button {
    background-color: var(--primary);
    border: 0;
    border-radius: 8px;
    padding: 5px;
    color: #fff;
}


.related_card {
    margin: 5px 0;
}

.blog_inner_img_box video {
    width: 100%;
    border-radius: 15px;
    margin: 5px 0;
}

.coursebox .blog-summary {
    border-radius: 15px;
    overflow: hidden;
    margin: 0 5px;

}

.header_submit {
    flex-direction: row;
    align-items: center;
}

.login_mobile_btn {
    background-color: #E86B2E;
    border: 0;
}

header .menu a,
header .menu button {
    color: #fff;
}

.search_footer input::placeholder {
    color: #fff !important;
}

.search_footer input {
    /* color: #fff; */
}

.header-logo {
    height: 100%;
    display: flex;
    align-items: center;
}


.header_menu {
   
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 165px;
}

.header_submit {
    /* background-color: #141640; */
    width: 85%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 30px solid #36fbff;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    height: 100px;
}
.bg_header {
    position: absolute;
    width: 240px;
    right: -30px;
    opacity: 0.5;
}

header .navbar-brand {
    padding: 0px 10px !important;
    z-index: 1000;
}

.header_bottom_butts button {
    background-color: transparent;
    border: 0;
    padding: 0;
}

.header_bottom_butts {
    background-color: #E4E4E4;
    border-radius: 8px;
    font-size: 14px;
    width: fit-content;
    padding: 10px;
}

.hdr_btn_2 {
    background-color: #84f8ff !important;
    padding: 10px 3px;
    margin: 0 10px;
}

.hdr_btn_4 {
    /* border-right: 1px solid #000 !important; */
}

.slogan2 {
    clip-path: ellipse(52% 100% at 50% 0%);
    background-color: #9EDDFF;
    padding: 0 !important;
    margin-top: -2px;
}


.slogan22 {
    clip-path: ellipse(52% 100% at 50% 100%);
    padding: 0 !important;
    background: linear-gradient(to right, #0bcbf8 , #0079ea);
    margin-top: -2px;
}

.slogan button {
    padding: 10px;
    border-radius: 8px;
    background-color: #84f8ff;
    border: 0;
    margin: 3rem 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: justified;
    z-index: 10;
}


.all_slogan {
    position: relative;
}

.all_slogan img {
    position: absolute;
    opacity: 0.2;
    bottom: 35px;
    z-index: 10;
    width: 50%;
    height: 100%;
    bottom: 0;
    left: 0;
}

.slogan span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    color: black;
}
.news-swipper-link p {
    color: #929292;

}

.news_main_title span {
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: justified;

}

.news_main_title button {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: justified;
    color: #0143BC;
    background: transparent;
    border: 0;

}

.news_main_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.bg_darkbl {


    margin-right: 80px;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev';
    color: #fff;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-next:after {
    content: 'next';
    color: #fff;
}

.slogan_bg_2 {
    right: 0;
}

.news-swipper-link svg {
    color: red;
    margin: 5px;
}

.news-swipper-link picture {
    width: 100%;
}

.swiper_title>div {
    width: 50%;
    height: 1px;
    margin-top: -3rem;
    background-color: #141640;
}

.container-category {
    width: 75%;
    max-width: 90%;
    padding: 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

.container-category .row>div {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}


.container-category a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.container-category p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    padding-bottom: 2rem;
}

.logo_footer img {

    width: 150px;
}

.footer-contact-box>div>div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer_sub {
    flex-direction: column;
}

.logo_footer {
    margin-top: -100px;
    z-index: 10;
}

.footer_txt p {
    padding-top: 1rem;
    padding-bottom: 5rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    width: 30%;
}

.footer_list>ul {
    justify-content: space-between !important;
    display: flex;
    align-items: center;
    width: 70%;
}

.footer_sub p {
    padding-top: 3rem;
    padding-bottom: 1rem;
}

.footer-contact {
    display: flex;
    justify-content: center;
    flex-direction: column;
    /* align-items: flex-start !important; */
    width: 100% !important;
    padding: 2rem 0;
}

.footer-contact>div {
    margin: 10px;
}

.social_media {
    width: 100% !important;
    flex-direction: row;
}

.footer_bg_img {
    position: absolute;
    width: 50%;
    left: 0;
    bottom: 0;
    padding: 0;
    opacity: 0.1;
}

.Filter_Product {
    background-color: #d9d9d9;
    padding: 15px 0px;
    margin-top: 20px;
}

.product_capt_border1 {
    border-right: 4px solid #000;
    margin: 5px 0;
    padding-right: 5px;
}

.product_capt_border2 {
    border-right: 4px solid #4E55E1;
    margin: 5px 0;
    padding-right: 5px;

}

.product_capt_border3 {
    border-right: 4px solid #EB1919;
    margin: 5px 0;
    padding-right: 5px;

}

.product-caption {
    background-color: #EDEDED;
    padding: 10px 5px;
}

.big_blog_box {
    padding: 1rem 0;


}

.big_blog_box p {
    margin: 10px 0 !important;

}

.blog_titles>div:nth-child(1) {
    background-color: #000;
    height: 2px;
    width: 40%;
}

.blog_titles>div:nth-child(3) {
    background-color: #000;
    height: 2px;
    width: 40%;
}

.blog_titles>div:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_call_butt {
    position: absolute;
    left: 2%;
    top: 680px;
    background: 0;
    border: 0;
    width: 10p;
}

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

.contact_emails a {
    border: 1px solid #d9d9d9;
    margin: 10px;
    padding: 30px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.contact_emails svg {
    margin-top: -50px;
}

.contact_emails p {
    padding-top: 20px;
}

.R_D p {
    text-align: center;
}

.R_D {
    border-radius: 16px;
    border: 1px solid #d9d9d9;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4rem 3rem;
}

.products_box .product-img {
    height: 100px !important;
}

.products_box .product-caption {
    background-color: #EDEDED;
    padding: 5px 20px;
}

.blog-top .news-swipper-link {
    background-color: #ffffff;
    border-radius: 20px;
    border: 1px solid #d9d9d9;
    overflow: hidden;
    margin: 10px 0;
}

.blog-bottom .news_blog_box img {
    height: 200px;
    width: 100%;
    border-radius: 16px;
    margin: 10px 0;
}

.form_page_content {
    border: 1px solid #d9d9d9;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
}

.form_page_content svg {
    margin-top: -85px;
}

.form_box {
    width: 100%;
}

.site_options {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    border: 4px solid #000;
    border-radius: 16px;
    padding: 20px;
    margin: 10px 0;
}


.site_options img {
    width: 80px;
}

.site_options p {
    margin-right: 2rem;
}

.br1 {
    border: 4px solid #2E3A59;
}

.br2 {
    border: 4px solid #EB1919;
}

.br3 {
    border: 4px solid #2588BF;
}

.br4 {
    border: 4px solid #249544;
}

.br5 {
    border: 4px solid #80CAC1;
    margin-bottom: 50px;
}


.news_blog_box img {
    height: 200px;
    width: 100%;
    border-radius: 16px;
    margin: 10px 0;
}

.persons {
    margin: 7rem 0;
}

.persons img {
    width: 100%;
    object-fit: cover;
    margin-bottom: 15px;
    background: #d1d1d1;
    padding: 5px;
    border-radius: 16px;
}

.persons span {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
    margin: 10px 0;
}

.home-section-top h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 72px;
    letter-spacing: 0em;
    text-align: justified;
}

.home-section-top h4 {
    font-size: 27px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    margin: 7rem 0;
    text-align: center;
}

form {
    margin-bottom: 5rem;
}

.footer_bg_img2 {
    position: absolute;
    /* width: 63%; */
    width: 100%;
    top: 0;
}

.footer_mainn {
    position: relative;
}

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

.big_blog_box img {
    height: 350px;
    border-radius: 5px;
    margin-bottom: 3px;
}
.owl-carousel .owl-item img {
    height: 200px;
}
.blog_box_inner p a{
    font-weight: bold;
    font-size: 14px;
    margin: 0 5px;
}
.map-contaner{
    z-index: 0;
}
.news-swipper-link {
    border-radius: 8px;
    overflow: hidden;
}

.contact-access{
padding-bottom: 80px;
}
@media (max-width:992px) {
    .main_call_butt {
        top: 820px;
    }
    .news-swipper-link {
        background-color: #f5f5f5;
        border-radius: 8px;
        height: 390px;
        overflow: hidden;
    }
    .footer_list>ul li {
        margin: 5px 0;
        font-size: 13px;
    }
    .product-caption>span {
        text-align: left;
    }
    .persons {
        margin: 3rem 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .news_box img {
        width: 120px;
    }
    .blog_box_inner img {
        height: 120px;
    }
    .home-section-top {
        width: 100%;
    }
    .contact_us_calls {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column-reverse;
        margin-bottom: 5rem;
    }
    .contact_emails {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2rem;
    }
    .persons img {
        width: 50%;
    }
    .home-section-top h2 {
        font-size: 25px;
    }
    .home-section-top h4 {
        font-size: 16px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 0em;
        margin: 4rem 0;
        text-align: center;
    }
    .bg_darkbl {
        margin-right: 0px !important;
    }
    .slogan p {
        width: 100%;
    }
    .all_slogan img {
        width: 50%;
        height: 50%;
    }
    .main_slider img {
        height: 40vh;
    }

    header .navbar-brand img {
        width: 85px;
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .menu-btn {
        position: absolute;
        right: 10px;
        bottom: 39px;
        background-color: #fff;
    }

    /* .main_call_butt {
        top: 150px;
    } */

    .footer_txt p {
        width: 90%;
    }

    .footer_list>ul {
        flex-direction: column;
        width: 100%;
    }

    .search_footer {
        width: 100%;
    }

    .footer_list>ul li {
        margin: 5px 0;
    }

    .footer_txt p {
        padding-bottom: 1rem;
    }
}

.social_media-1{

flex-direction: column;
}
.social_media-1 .social_media_icons svg{
	width: 30px;
  height: 30px;

}

.persons1 img{

width: 200px;
  height: 200px;
  object-fit: contain;
  display: block;
}
.person-info-line {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    width: 100%;
    margin: 10px 0;
    flex-direction: row-reverse;
}
.person-info-line svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.persons1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	/* width: 300px; */
	/* background: red; */
	/* padding: 10px; */
	border: 1px solid #d9d9d9;
	border-radius: 10px;
	overflow: hidden;
}
.person-info-line a{
position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}


.person-details {
	width: 100%;
	padding: 0 20px;
	background: #d9d9d9;
}

.persons1 p:nth-child(2) {
	font-size: 16px;
	margin-top: 13px;
	font-weight: 600;
}

.persons1 p:nth-child(3)  {
	margin: 0 0 13px 0;
	width: 100%;
	font-size: 15px;
	text-align: center;
}
.instagram-icon svg path:first-child{
fill: #99289d;

}

.products_filter_slide a {
    font-size: 15px;
    text-align: start;
}

.loc-item svg , .call-item svg{
width: 40px;
  height: 40px;
}
.loc-item svg path , .call-item svg path{
fill: #fff;
}
.loc-item {
	background: #e86b2e;
	border-radius: 50% !important;
	height: 60px;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px !important;
}

.call-item{
	background: #00aca0;
	border-radius: 50% !important;
	min-height: 60px;
	min-width: 60px;
	height: 60px;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
		margin: 10px !important;

}