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

.bi,
.captcha,
.dropDownContent.show,
.dropTitle,
.magic_big_img,
.product-inner-box,
.relatedArticles_slider .owl-stage,
.swiper-slider-next,
.swiper-slider-prev,
body {
    display: flex
}

.btn:hover,
a {
    color: inherit
}

.default_btn,
.green_btn,
.secondary_btn {
    transition: var(--ms-liniear-150)
}

footer,
img {
    height: auto
}

a,
a:hover {
    text-decoration: none
}

.bankCart strong,
.rate-box,
body {
    direction: ltr
}

.backup,
.next-paginashen,
.sort .form-check label {
    white-space: nowrap
}

.input-footer ul,
.text_Box ul {
    list-style: unset;
    list-style-position: inside
}

.list-option,
.product-inner .product-inner-info ul {
    list-style: disc inside
}

.circle-click-page,
.counter,
.rate-box svg,
.sort .btn {
    pointer-events: none
}

body,
html {
    overflow-x: hidden
}

*,
p {
    text-align: justify
}

*,
.product-details-box1 .product-price,
.sort .form-check,
header .container,
header .container .row>*,
ul {
    padding: 0
}

*,
.header_menu .contact_box li,
.header_menu .contact_box ul,
header .container .row {
    margin: 0
}

.blogMostView,
.menu-links,
header .title {
    margin-top: 20px
}

.invoice_price_total,
.text-primary,
body {
    font-family: SiteFont
}

:root {
    --primary: #11718B;
    --secondary: #fafafa;
    --background: #FAFCFF;
    --red: #E24545;
    --baron-color-1: #FBB814;
    --baron-color-2: #006EAD;
    --baron-color-3: #FBB814;
    --baron-color-4: #FBB814;
    --dark: #006CFF;
    --blue: #2857a5;
    --green: #55D9A5;
    --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;
    --font-3xl: 24px;
    --font-34: 34px;
    --ms-liniear: all 300ms linear;
    --ms-liniear-150: all 150ms linear
}

@font-face {
    font-family: SiteFont;
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/otf/HelveticaNeueBlack.otf") format("opentype")
}

@font-face {
    font-family: SiteFont;
    font-style: italic;
    font-weight: 900;
    src: url("../fonts/otf/HelveticaNeueBlackItalic.otf") format("opentype")
}

@font-face {
    font-family: SiteFont;
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/otf/HelveticaNeueBold.otf") format("opentype")
}

@font-face {
    font-family: SiteFont;
    font-style: italic;
    font-weight: 700;
    src: url("../fonts/otf/HelveticaNeueBoldItalic.otf") format("opentype")
}

@font-face {
    font-family: SiteFont;
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/otf/HelveticaNeueHeavy.otf") format("opentype")
}

@font-face {
    font-family: SiteFont;
    font-style: italic;
    font-weight: 800;
    src: url("../fonts/otf/HelveticaNeueHeavyItalic.otf") format("opentype")
}

@font-face {
    font-family: SiteFont;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/otf/HelveticaNeueLight.otf") format("opentype")
}

@font-face {
    font-family: SiteFont;
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/otf/HelveticaNeueLightItalic.otf") format("opentype")
}

@font-face {
    font-family: SiteFont;
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/otf/HelveticaNeueMedium.otf") format("opentype")
}

* {
    box-sizing: border-box;
    outline: 0;
    text-transform: capitalize
}

body {
    min-height: 100vh;
    flex-direction: column;
    font-size: normal !important;
    background-color: var(--background)
}

.bi {
    align-items: center;
    justify-content: center;
    object-fit: contain
}

.blog_card_name h3 a,
.bold,
h1,
h2,
h3,
h4,
h5,
h6,
header .menu .category-menu .category-content-box .category-content .list-title,
th {
    font-weight: 700
}

.backup span,
.category-products-item span,
.circle-ablout .highcharts-data-table th,
.font-bold,
.font-bold p,
.lang select,
.links-footer div ul li a.active,
.prof-content-header .navbar ul .active a,
.share-pr-inner>p,
.swiper-about .swiper-slide-active .title p {
    font-weight: 600
}

a:hover {
    color: unset
}

p {
    margin-bottom: 0
}

.product-details-box1 .product-price .product-price-new span:nth-child(3),
a,
b,
button,
figcaption,
label,
p,
select,
span,
tr {
    font-weight: 400
}

strong {
    font-weight: 700 !important
}

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

.select-sort select option:hover,
input {
    background-color: transparent !important
}

.login-btn span a::after,
.login-btn span a::before,
.login-btn span::after,
.login-btn span::before {
    background: var(--yellow);
    content: ""
}

.select:focus,
.textarea:focus,
input:focus {
    box-shadow: unset !important
}

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

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

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

.btn:hover {
    transition: .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
}

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

.category-product-section .items,
.justify,
.shop_table_one .infoPrime {
    justify-content: center
}

.align,
.blog_info div,
.header_btns,
.itemStats div,
.merchant-container .form-check,
.pre_discounted_price,
.search_item a {
    align-items: center;
    display: flex
}

.breadcramp ul li,
.flex-none,
.footer-bottom svg,
.services-btngroup {
    flex: none
}

::placeholder {
    font-family: SiteFont;
    font-size: var(--font-s) !important;
    color: #bababa !important
}

.default_btn,
.green_btn {
    font-size: 18px;
    cursor: pointer
}

.accordion-button:not(.collapsed) .svg svg,
.category_link.bi.bi-list-ul,
.dropItem i,
.rote180 {
    transform: rotate(180deg)
}

.green_btn {
    color: #4d7d6a;
    background: #55d9a5;
    border-radius: .5rem;
    padding: .5rem .75rem;
    border: 0
}

.secondary_btn {
    color: var(--white) !important;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #006ead;
    padding: 18px;
    font-size: 16px;
    flex: none
}

.secondary_btn:hover {
    background: var(--baron-color-1);
    color: #000 !important
}

.default_btn {
    color: var(--baron-color-2);
    background: 0 0;
    border: 1px solid var(--baron-color-2);
    border-radius: .5rem;
    padding: .5rem 1rem
}

.default_btn:hover {
    color: #fff;
    background: var(--baron-color-2);
    border: 1px solid var(--baron-color-2)
}

.green_btn:hover,
.secondary_btn:hover {
    box-shadow: inset 0 0 30px #fff9
}

header .header_btns {
    box-shadow: 0 4px 7px rgba(0, 0, 0, .1);
    top: 0;
    right: 0;
    left: 0;
    z-index: 10000;
    width: 100%
}

header {
    margin-bottom: 10px;
    background: #f6f6f6;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000
}

footer {
	position: relative;
	min-height: 250px;
	margin-top: auto;
}

footer::after {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0
}

.links-footer div ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0
}

.input-footer>div>ul li {
    border: 1px solid #000;
    border-radius: 31px
}

.input-footer div ul li {
    padding: 6px
}

.links-footer div>span {
    font-size: 14px;
    font-weight: 500
}

.links-footer div ul li {
    flex: none;
    width: 100%
}

.links-footer div ul li a {
    display: block;
    font-size: 14px;
    text-align: left
}

.breadcramp {
    background: #f0f0f0;
    color: #939598
}

.bg-footer {
    inset: 0;
    object-fit: fill;
    z-index: -1
}

.logo-footer {
    width: auto
}

.input-footer {
    height: 48px;
    border: 1px solid #000;
    border-radius: 153px;
    padding-block: 9px;
    padding-inline: 12px;
    width: 100%;
    max-width: 490px;
    background: 0 0
}

.input-footer button,
.input-footer input {
    height: 30px;
    border: 0;
    background: 0 0 !important
}

.input-footer input {
    width: 100%;
    min-height: unset;
    color: #000
}

.input-footer input::placeholder {
    color: #000 !important
}

.input-footer button {
    margin-top: 9px;
    outline: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid;
    padding: 0 9px
}

.menu-back,
header .menu {
    position: fixed;
    height: 100%;
    right: 0;
    top: 0
}

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
}

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

.header-logo .navbar-brand img {
    width: auto;
    max-width: 130px
}

.header-search {
    max-width: 480px;
    padding-block: 4px
}

.accordion-button,
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-color: #fff;
    width: 100vw;
    margin-right: 0;
    z-index: 10000;
    transition: .5s;
    overflow: scroll;
    display: flex;
    flex-direction: column;
    padding: 15px;
    backdrop-filter: blur(100px)
}

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

.footer-bottom {
    padding-block: 30px;
    background: #fff
}

.acsept,
.footer-bottom *,
.lastOrders span,
.lastOrders strong,
header .menu .category-menu .first-content .category-content * {
    font-size: 12px
}

.main-footer {
    padding-bottom: 20px;
    max-height: 500px
}

.collapsrBar .toggler_line:last-child,
.filter_subslide_body ul,
.header_menu nav,
.item-blog-top .blog-text>p,
.toggle_search,
.top-blog-btn,
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;
    font-size: 14px
}

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

.list-title.list-all,
.product_btns .btn:focus,
.product_btns .btn:hover {
    color: #000
}

.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 .first-content .category-content {
    background: #2892f444;
    border-radius: .75rem
}

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

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 .75rem
}

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

.filtering-catitem .filtering_title path,
.menu-close svg path,
.swiper-about-pagnasion div svg path {
    fill: #000
}

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

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

.menu-back {
    background-color: rgba(0, 0, 0, .473);
    width: 100%;
    z-index: 1000
}

header .search-box {
    transition: .3s;
    margin-top: 20px !important;
    margin-bottom: 12px
}

.search-form>svg {
    position: absolute;
    left: 25px;
    height: 18px
}

.search_loading {
    display: flex;
    align-items: center;
    font-size: var(--font-s);
    background: #e0e0e0 !important
}

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

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

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

.comment_name_date span,
.dropItem .bi,
.proSubCategory .subcat_link,
.search_item {
    font-size: 13px
}

.search-form {
    clip-path: polygon(6% 0%, 100% 0%, 94% 100%, 0% 100%)
}

.lang,
.slider-pagenasion>.puse-slider:hover,
.slider-pagenasion>.swiper-slider-next:hover,
.slider-pagenasion>.swiper-slider-prev:hover,
.solution-item.active .bottom-solution-item {
    background: var(--baron-color-1)
}

.lang .dropDown-menu {
    top: 30px !important;
    left: auto !important;
    right: -15px !important;
    min-width: 80px !important;
    border-radius: 8px;
    gap: 0 !important;
    padding: 0 5px 6px 0;
    min-height: unset;
    background: #fff;
    width: 100%;
    max-width: 100%;
    border: 1px solid #ddd
}

.dropDown-menu>ul {
    min-height: unset !important;
    gap: 0 !important;
    padding: 4px 12px !important;
    min-width: 37px !important;
    flex-wrap: wrap !important
}

.lang .dropDown-menu ul li a,
.lang .dropDown-menu ul li div {
    padding-top: 6px;
    padding-bottom: 3px;
    text-align: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin-top: 0 !important
}

.lang .dropDown-menu ul li {
    font-size: 16px;
    width: 100%;
    text-align: center
}

.lang>* {
    transform: skewx(35deg)
}

.lang select {
    font-size: 18px;
    background: 0 0;
    border: 0;
    padding-right: 9px
}

.circle-click-page {
    position: absolute;
    background-color: #000;
    width: auto;
    height: auto;
    border-radius: 4px;
    z-index: 165661;
    transform: translate(-50%, -50%)
}

.search-form input::placeholder {
    font-size: 18px !important;
    color: #c89a28 !important
}

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

.accordion-body,
.header_btns .primary_btn,
.invoice {
    padding: 10px
}

header .navbar-brand img {
    width: 40px;
    max-width: 160px
}

.menu_top img {
    height: 80px;
    width: 100%;
    object-fit: contain;
    margin-bottom: 12px
}

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-btn {
    transition: .3s;
    display: flex;
    flex-direction: column
}

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

.addressItem,
.body-card-news,
.box-input-search-profile,
.dropDown-hover,
.icon-down,
.lastItem,
.lastOrders>div,
.log-sign a,
.panelOptions li,
.product_cell,
.products-filterbox-item,
.profileTitle,
.serachBox,
.titles,
.userProfile,
header .search-box {
    position: relative
}

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

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

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

footer .basket div:not(.address_line) span,
header .basket div:not(.address_line) span {
    position: absolute;
    width: 26px;
    height: 26px;
    background: #f93e3e;
    color: var(--white);
    border-radius: 50%;
    top: -13px;
    right: -13px;
    text-align: center;
    line-height: 29px
}

.text-main-slider strong {
    font-size: 3.4rem
}

.top-img-about.black-after::after {
    background: rgba(0, 0, 0, .5)
}

.text-main-slider {
    font-size: 2.75rem;
    font-weight: 400;
    color: #006ead;
    top: 5.3rem;
    left: 8.9rem;
    text-align: left
}

div.text-main-slider {
    max-width: 715px
}

.text-main-slider .summery p {
    font-size: 20px;
    font-weight: 400;
    color: #006ead;
    line-height: 27px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.text-traning {
    color: #fff;
    font-size: 32px;
    font-weight: 600
}

.card-countact:hover .body p,
.card-countact:hover .title,
.swiper-button-next,
.swiper-button-prev,
.text-traning .summery p {
    color: #fff
}

.category_link {
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 100%;
    padding: 0 10px;
    color: var(--baron-color-2);
    font-size: 22px;
    font-weight: lighter
}

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

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

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

.main-slider .swiper-slide {
    background-color: #fff0
}

.main-slider {
    max-width: 40%;
    padding-bottom: 6rem;
    z-index: 2;
    margin-left: 0
}

.slider-main .main-slider,
.slider-main .main-slider .swiper-wrapper,
.swiper-about-pagnasion {
    position: static !important
}

.slider-main .main-slider .swiper-pagination {
    justify-content: right;
    display: flex;
    align-items: center;
    bottom: 39px !important
}

.slider-main .main-slider .swiper-pagination span {
    background: #000 !important;
    width: 25px !important;
    height: 3px !important;
    border-radius: 4px !important;
    opacity: 34% !important;
    transition: var(--ms-liniear-150)
}

.slider-main .main-slider .swiper-pagination span.swiper-pagination-bullet-active {
    width: 28px !important;
    opacity: 100% !important
}

.slider-pagenasion {
    position: absolute !important;
    bottom: 7px;
    left: 110px;
    z-index: 20000;
    display: flex;
    gap: 0
}

.banner-top-home>div {
    padding-left: 6% !important
}

.banner-top-home .title p {
    font-size: 3.5rem;
    font-weight: 900
}

.banner-top-home .summery p {
    font-size: 28px;
    margin-top: -5px;
    margin-bottom: 10px;
    text-align: initial
}

.banner-top-home .description p,
.enteghad-page .body-text {
    font-size: 18px
}

.slider-pagenasion>.puse-slider,
.slider-pagenasion>.swiper-slider-next,
.slider-pagenasion>.swiper-slider-prev {
    min-width: 91px;
    height: 61px;
    background: var(--baron-color-2);
    clip-path: polygon(30px 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
    transition: var(--ms-liniear-150)
}

.slider-pagenasion>.puse-slider,
.slider-pagenasion>.swiper-slider-next {
    margin-left: -1.5rem
}

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

.dropItem {
    padding: 10px;
    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
}

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

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

.proSubCategory strong {
    font-size: 15px;
    display: flex;
    align-items: center;
    color: var(--yellow);
    transition: var(--ms-liniear-150)
}

.proSubCategory strong:hover,
.subcat_link:hover {
    color: var(--blue)
}

.proSubCategory strong .bi {
    font-size: 15px
}

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

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

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

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

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

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

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

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

.accordion-button .svg svg,
.add-bascet-slider,
.add-bascet-slider .line,
.blog-text>span,
.blogMostViewBox li a,
.blogs-home-text a .title p,
.btn-slider,
.category-product .item a img,
.category-product .item p,
.category-product .item svg,
.group-btn div.btn,
.link-slider svg,
.slider-pr-siller-section .body,
.swiper-about .swiper-slide,
.swiper-settings .item {
    transition: var(--ms-liniear-150)
}

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

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

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

.megaMenu_item {
    width: 25%
}

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

.search-form label {
    position: absolute;
    right: 3.3rem;
    font-size: 1rem
}

.search-form label span {
    font-weight: 600;
    background: linear-gradient(to right, #3b00ff, #ff1605, #f0cb10, #84c61b, #14b534, #00aeff, #6200ff, #fc0004);
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.footer-top {
    background-color: var(--secondary);
    min-height: 160px
}

.accordion-body .align,
.blog-details,
.footer-top-item {
    flex-wrap: wrap
}

.filtering_item.price .filtering_title,
.footer-top-item p,
.invoice .pro_total,
.tab_titlee {
    text-align: center
}

.footer-top-item img {
    max-height: 76px;
    max-width: 70PX;
    height: 100%;
    width: auto
}

.footer-org,
.gallery-tabpane .nav-link.active {
    background-color: var(--black);
    color: var(--white)
}

.title-link-footer {
    font-size: 22px;
    font-weight: 600
}

.links-footer>div ul li a {
    margin-bottom: 2px;
    font-size: 12px;
    transition: 150ms linear
}

.links-footer>div ul li {
    display: flex;
    gap: 12px
}

.links-footer>div ul li p {
    margin-bottom: 13px;
    font-size: 14px;
    display: flex;
    gap: 8px
}

.links-footer>div ul li a::before {
    content: "";
    width: 0;
    height: 1px;
    background-color: var(--white);
    display: block;
    transition: 250ms linear;
    margin-right: auto;
    margin-bottom: 4px
}

.checkbox-about .item input:checked~.body p,
.checkbox-about .item input:checked~label,
.filtering-catitem:hover .filtering_title .form-check label {
    color: #006ead
}

.links-footer>div ul li a:hover {
    color: #016fae
}

.namads-footer {
    border-right: 1px solid #312e2e;
    padding-right: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center
}

.namads-footer img {
    max-height: 108px;
    width: auto
}

.img-blog-slider {
    max-height: 237px;
    overflow: hidden
}

.img-blog-slider img {
    min-height: 150px
}

.blog-home-swiper .swiper-slide {
    border-radius: 8px;
    background-color: #f8f8f8;
    overflow: hidden
}

.detals-slider {
    position: absolute;
    background-color: var(--white);
    border-radius: 8px;
    right: 20px;
    bottom: 10px;
    display: flex;
    gap: 8px;
    padding-block: 7px;
    font-size: 12px
}

.summery-slider,
.title-slider {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.detals-slider>span {
    width: 1px;
    height: 21px;
    display: block;
    background-color: #bdbaba
}

.swiper-settings .item,
main {
    background: #fff !important
}

.main-blog-slider {
    height: 152px
}

.title-slider {
    font-weight: 600;
    font-size: 16px;
    -webkit-line-clamp: 1
}

.summery-slider {
    -webkit-line-clamp: 2;
    font-size: 14px;
    min-height: 42px;
    margin-top: 12px !important
}

.link-slider {
    color: #0e97ae !important;
    margin: 12px
}

.link-slider:hover svg {
    padding-right: 8px
}

.title,
.title p {
    font-size: 24px;
    font-weight: 600
}

.title>div>a {
    color: #2892f4;
    font-size: 18px;
    text-decoration: underline
}

.btn-slider {
    height: 55px;
    width: 143px;
    border: 1px solid var(--blue);
    color: var(--blue);
    font-size: 18px;
    background-color: transparent;
    border-radius: 8px;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .251))
}

.text-dection>.title>p {
    font-size: 40px;
    font-weight: 500;
    color: #000
}

.text-dection.text-body-about>.title {
    margin-bottom: 24px !important
}

.div-globe .body .title~div p {
    font-weight: 300
}

.btn-slider:hover {
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .251))
}

.active-btn {
    background-color: #2892f4;
    color: var(--white);
    font-size: 18px;
    border: 0;
    font-weight: 700
}

.slider-pagenasion .swiper-pagination {
    width: auto !important;
    position: unset !important;
    display: flex;
    align-items: center
}

.blog_txt h3,
.body-pr-slider .name,
.body-pr-slider .summery,
.category-product-section .items .item span,
.swiper-settings .item span {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.blog_txt h3,
.body-pr-slider .name {
    text-align: left
}

.slider-pagenasion .swiper-pagination .swiper-pagination-bullet {
    background: #6e8ca0 !important;
    height: 2px;
    border-radius: 0 !important;
    width: 30px !important;
    opacity: 50% !important
}

.swiper-about-pagnasion .swiper-pagination .swiper-pagination-bullet {
    background: #000 !important
}

.slider-pagenasion .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 100% !important
}

.about-slider .summary,
.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 24px
}

.banner-top-home {
    position: relative;
    background: #fff;
    margin-block: -2.3rem;
    width: 100%;
    z-index: 1;
    clip-path: polygon(0% 100px, 100px 0, 100% 0%, 100% calc(100% - 100px), calc(100% - 100px) 100%, 100px 100%, 0 calc(100% - 100px))
}

.category-product-section {
    background-color: #051c2c;
    background-image: url(../img/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-block: 1rem
}

.category-product-section .items .item {
    background: #fff;
    border-radius: .75rem;
    height: 200px;
    transition: var(--ms-liniear-150);
    padding-inline: 16px !important
}

.swiper-settings .item {
    border-radius: .75rem;
    height: auto;
    padding: 16px !important;
    border: 1px solid #d9d9d9 !important;
    outline: 0 !important
}

.swiper-settings .item:hover {
    background-image: url("../img/bg-item.png") !important
}

.swiper-settings .item img {
    filter: invert(1) !important
}

.swiper-settings .item span {
    color: #000 !important
}

.category-product-section .items .item img,
.swiper-settings .item img {
    width: 80px;
    aspect-ratio: 1;
    filter: invert(1)
}

.category-product-section .items .item span,
.swiper-settings .item span {
    font-size: 18px;
    font-weight: 600;
    -webkit-line-clamp: 1
}

.category-product-section .items .item:hover,
.swiper-settings .swiper-slide .item:hover {
    background: #6080f1;
    outline: #819BF5 solid 3px;
    color: #fff
}

.category-product-section .items2 .item:hover {
    background: #f6c64e;
    outline: #fbb814 solid 3px;
    color: #fff
}

.category-product-section .items .item:hover img,
.swiper-settings .item:hover img {
    filter: invert(0)
}

.slider-pr-siller-section div .title {
    font-size: 35px;
    font-weight: 600;
    margin-block: 0.75rem;
    text-align: center
}

.slider-pr-siller-section div .description p {
    font-size: 24px;
    margin-top: 0;
    font-weight: 400
}

.group-btn div.btn {
    color: #051c2c;
    background: #fff;
    border-radius: 14PX;
    border: 0;
    width: 140px
}

.group-btn div.btn.active {
    color: #fff;
    background: #6080f1;
    border-radius: 14PX
}

#hotspot-307 .hotspots-image-container,
#hotspot-307 .leaflet-container,
#hotspot-307 .leaflet-rrose-tip,
.filter_box,
.products_box .item-slider {
    background: #fff
}

#hotspot-307 .hotspots-placeholder {
    background: #fff;
    border: 0 solid #fff;
    color: #000
}

#hotspot-307 .hotspot-title,
#hotspot-307 a.leaflet-rrose-close-button {
    color: #1e73be
}

#hotspot-307 .hotspot-default {
    stroke-width: -1;
    fill: #ffffff;
    fill-opacity: 0.7;
    stroke: #ffffff;
    stroke-opacity: 0
}

#hotspot-307 .hotspot-default.hotspot-active,
#hotspot-307 .hotspot-default:focus,
#hotspot-307 .hotspot-default:hover {
    fill-opacity: 1;
    stroke: #89a8ff;
    stroke-opacity: 0.31
}

#hotspot-307 .leaflet-rrose-content-wrapper,
#hotspot-307 .leaflet-tooltip {
    background: #fff;
    border-color: #fff;
    color: #000
}

#hotspot-307 .leaflet-popup-scrolled {
    border-bottom-color: #000;
    border-top-color: #000
}

#hotspot-307 .leaflet-tooltip-top:before {
    border-top-color: #fff
}

#hotspot-307 .leaflet-tooltip-bottom:before {
    border-bottom-color: #fff
}

#hotspot-307 .leaflet-tooltip-left:before {
    border-left-color: #fff
}

#hotspot-307 .leaflet-tooltip-right:before {
    border-right-color: #fff
}

#hotspot-307 .hotspot-default:first-child {
    fill: #F8C880
}

#hotspot-307 .hotspot-default:nth-child(2) {
    fill: #F1827C
}

#hotspot-307 .hotspot-default:nth-child(3) {
    fill: #FDE49A
}

#hotspot-307 .hotspot-default:nth-child(4) {
    fill: #67B2D5
}

#hotspot-307 .hotspot-default:nth-child(5) {
    fill: #FCCA36
}

#hotspot-307 .hotspot-default:nth-child(6) {
    fill: #5F75C8
}

#hotspot-307 .hotspot-default:nth-child(7) {
    fill: #9ABEDD
}

#hotspot-307 .hotspot-default:nth-child(8) {
    fill: #7DD1D2
}

#hotspot-307 .hotspot-default:nth-child(9) {
    fill: #44A0A9
}

.about-home {
    background-image: url("https://baron.bhptest.ir/assets/Baron/img/bg1.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    z-index: 10;
    height: 100%;
    position: relative;
    background-size:     cover !important;
}

@supports (-webkit-touch-callout:none) {
    .about-home {
        background-attachment: scroll;
    }
}

.slider-pr-siller-section .images {
    background: #f3f3f3;
    border-radius: 14px
}

.slider-pr-siller-section .images img {
    max-height: 200px;
    aspect-ratio: 1;
    width: auto
}

.box-about-slider,
.pr-section-globe {
    background: #051c2c;
    overflow: hidden
}

.br {
    border-right: 1px solid #fff
}

.pr-section-globe .title span {
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px
}

.pr-section-globe .title-2 p {
    font-size: var(--font-34) !important;
    color: #fff;
    line-height: 48px
}

.div-globe {
    background: #6bb4F9B2;
    backdrop-filter: blur(10px);
    border-radius: 1.5rem
}

#globeViz>div {
    right: -22.5%;
    height: 100%;
    width: 100%;
    bottom: 0
}

.pr-section-globe .title p {
    font-size: 66px;
    font-weight: 400;
    color: #fff
}

.btn-blobe {
    background: var(--baron-color-1);
    border-radius: 53px;
    color: #fff;
    display: inline-flex;
    align-items: center
}

.blogs-home .summery p {
    color: #848484;
    font-size: 18px
}

.blog-img-item {
    aspect-ratio: 21/9;
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    display: flex;
    align-items: end;
    min-height: 150px;
    width: 100%
}

.blog-img-item>a {
    position: absolute;
    inset: 0;
    z-index: 4
}

.blog-img-item img,
.chart-org div img {
    width: 100%;
    height: 100%
}

.blog-img-item::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .5)
}

.slider-pr-siller-section .body {
    border-radius: 14px;
    background-size: cover;
    background-repeat: no-repeat
}

.slider-pr-siller-section a:hover~.body {
    /*! outline: 1px solid #006EAD; */
    background-image: url(../img/bg-item.png)
}

.slider-pr-siller-section .body .title p {
    font-size: 18px;
    font-weight: 600;
    text-align: left
}

.slider-pr-siller-section .body .summery p {
    font-size: 14px;
    text-align: initial
}

.category-product-section .title p {
    font-size: var(--font-34);
    font-weight: 600
}

.swiper-blog>a {
    margin-left: auto;
    display: block;
    text-align: right;
    font-size: 20px;
    color: var(--baron-color-2);
    margin-top: 8px
}

.title-img {
    font-size: 32px;
    color: #fff;
    font-weight: 700
}

.show-main-banner {
    position: absolute;
    width: 100%;
    height: 150px;
    bottom: -75px;
    background: linear-gradient(to bottom, #fff, #8eaec0);
    z-index: 0
}

.about-home-text {
    z-index: 2
}

.summery-blog p,
.title-blog p {
    z-index: 3;
    color: #fff;
    position: relative
}

.category-product {
    background: var(--blue);
    border-radius: 40px;
    overflow: hidden
}

.category-product .item {
    padding: 1.2rem
}

.category-product .item:nth-child(2),
.category-product .item:nth-child(3) {
    border-right: 2px solid #44739c;
    border-bottom: 2px solid #44739c
}

.category-product .item:first-child {
    border-bottom: 2px solid #44739c
}

.category-product .item:nth-child(5),
.category-product .item:nth-child(6) {
    border-right: 2px solid #44739c
}

.category-product .item a img {
    max-width: 7.5rem;
    max-height: 7.5rem;
    filter: brightness(600%)
}

.category-product .item svg {
    left: 4rem;
    top: calc(50% - 11px);
    opacity: 0
}

.category-product .item p {
    border: 1px solid #d4d4d4;
    background: var(--white);
    padding: .2rem .5rem;
    border-radius: 5.55rem 3.55rem 3.55rem .85rem;
    transform: translate(80%, -25%);
    opacity: 0
}

.category-product .item a:hover svg,
.category-product a:hover p {
    opacity: 1 !important
}

.category-product .item a:hover img {
    filter: unset
}

.category-product-section .shadow {
    position: absolute;
    height: 110px;
    width: 80%;
    right: 10%;
    bottom: -55px;
    background: #9dcbf3;
    filter: blur(90px);
    z-index: -1;
    border-radius: 50%
}

.seeMore-slider {
    font-size: .8rem;
    color: #a7d1f7;
    padding: .4rem .8rem;
    background: #2892f4;
    border-radius: .5rem
}

.item-slider {
    background-color: #f7f7f7;
    border-radius: .5rem;
    padding-block: 1rem
}

.add-bascet-slider,
.box-about-point,
.item-slider>a:hover~.body-pr-slider .add-bascet-slider .line {
    background: #006ead
}

.img-pr-slider {
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.img-pr-slider img {
    width: 240px;
    aspect-ratio: 1
}

.body-pr-slider,
.header-card-news2 {
    border-top: 1px solid #000
}

.body-pr-slider .name {
    font-size: 22px;
    font-weight: 500;
    -webkit-line-clamp: 1;
    margin-bottom: -10px !important;
    margin-top: 6px
}

.body-pr-slider .summery {
    font-size: 15px;
    -webkit-line-clamp: 2;
    text-align: initial;
    margin-top: 12px
}

.list-option {
    font-size: 16px;
    margin-block: 8px 6px;
    min-height: 27px
}

.monny>p {
    font-size: .87rem;
    font-weight: 600
}

.money .box-money span {
    font-size: 1rem;
    font-weight: 600;
    position: relative;
    line-height: 15px
}

.money .box-money>p {
    font-size: .75rem;
    font-weight: 200;
    color: #000
}

.money-old::before {
    content: "";
    position: absolute;
    width: 116%;
    height: 1px;
    background: rgba(219, 4, 4, .514);
    top: calc(50% - 1px);
    left: -8%;
    z-index: 1
}

.warning-pr-slider p {
    font-size: .7rem;
    margin-right: .2rem
}

.add-bascet-slider {
    border-radius: 0;
    max-width: 90%;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    transition: 150ms linear
}

.fillters-btn {
    display: inline-flex;
    align-items: center;
    width: 225px
}

.add-bascet-slider .line {
    width: calc(100% - 8px);
    height: 5px;
    bottom: -5px;
    right: 4px;
    background: #f6c64e;
    position: absolute
}

.blog_item,
.blog_item img {
    border-radius: var(--radius-5)
}

.item-slider>a:hover~.body-pr-slider .add-bascet-slider {
    background: #f6c64e;
    color: #000
}

.z-3 {
    z-index: 3;
    inset: 0
}

.pr-box {
    background: #e1e6f4;
    position: relative;
    padding: 1.75rem
}

.box-img {
    position: absolute;
    bottom: 0;
    left: 0
}

.box-img img {
    object-fit: fill;
    max-height: 1080px;
    overflow: hidden
}

.pr-of-section {
    margin-top: 14rem !important
}

.box-img2 {
    top: -19% !important;
    bottom: unset !important;
    left: unset !important;
    right: 0
}

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

.blog-caption,
.blog_txt {
    flex-direction: column;
    display: flex
}

.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%;
    object-fit: cover
}

.blog_item {
    position: relative;
    background-color: #eee;
    margin-bottom: 20px !important;
    padding: 5px !important
}

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

.blog_txt h3 {
    font-weight: 400;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    font-size: var(--font-l);
    line-height: 1.6
}

.blog_txt {
    height: 100%
}

.blog_txt .blog_info {
    margin-top: auto
}

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

.blog-text p,
.blog-text span,
.blog-text>p,
.popular-contents-item p,
.popular-contents-item span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

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

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

.blogMostViewBox li+li,
.panelOptions 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
}

.blog-img img {
    height: 250px !important
}

.blog-text {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px
}

.blog-text span {
    font-weight: 600;
    font-size: var(--font-l);
    margin-bottom: 10px;
    -webkit-line-clamp: 1
}

.blog-text p {
    font-size: var(--font-s);
    -webkit-line-clamp: 4;
    margin-top: 10px
}

.blog-info-item,
.header_btns .btn svg,
.pro-warning-icon {
    margin-left: 10px
}

.blog-info-item:last-child {
    border-right: 1px solid #bdbaba;
    padding-right: 5px
}

.blog-info-item span {
    margin-right: 5px;
    font-size: var(--font-sx);
    color: var(--black);
    font-weight: 500
}

.top-blog-item {
    position: relative;
    margin-top: 20px;
    transition: .5s
}

.top-blog-item:hover {
    background-color: var(--white)
}

.item-img>.ecuction,
.top-blog-img img {
    border-radius: 0
}

.top-blog-caption {
    padding: 10px;
    width: 100%;
    color: #2f2f2f
}

.top-blog-caption .blog-text p {
    -webkit-line-clamp: 2
}

.top-blog-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--primary);
    padding: 10px;
    opacity: 0;
    transition: .5s
}

.checkbox-about .item input:checked~.close,
.name-blog+hr,
.swiper-slide-active .item-about img,
.top-blog-item:hover .top-blog-btn {
    opacity: 1
}

.blog-bottom {
    padding-bottom: 50px
}

.bottom-blog-item {
    margin-bottom: 10px;
    border-radius: 16px;
    background: 0 0;
    transition: .5s
}

.bottom-blog-item:hover {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, .1))
}

.bottom-blog-caption {
    padding: 0 20px;
    height: 100%;
    justify-content: space-between;
    color: var(--black)
}

.popular-contents,
.popular-contents-title {
    padding: 20px 30px
}

.bottom-blog-caption .blog-text span {
    color: #2f2f2f
}

.bottom-blog-caption .blog-text a {
    color: #f99d1c;
    text-decoration: underline 1px solid;
    font-size: var(--font-sx);
    margin-top: 10px
}

.popular-contents-box {
    height: 100%;
    position: relative
}

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

.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;
    -webkit-line-clamp: 1
}

.popular-contents-item p {
    font-size: var(--font-s);
    -webkit-line-clamp: 4
}

.blog-search .searchForm {
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    border-radius: var(--radius-10);
    height: 50px
}

.blog-search .searchForm input::placeholder {
    color: #252525 !important
}

.blog-search .searchForm .btn {
    border-right: 1px solid #252525;
    border-radius: 0
}

.blog-details .btn {
    margin-top: 5px;
    margin-right: auto;
    border-color: var(--primary);
    color: var(--primary);
    border-radius: 10px;
    font-size: 15px
}

.bottom-blog-item:hover .blog-details .btn {
    background-color: var(--primary);
    color: var(--white)
}

.bottom-blog-img {
    height: 190px
}

.bottom-blog-img img {
    height: 190px !important
}

.seeMore-line {
    flex: 1;
    background-color: var(--black);
    height: 2px;
    margin-right: 20px
}

.blog_card_name,
.products_filter_slide {
    align-items: center;
    width: 100%;
    display: flex
}

.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, .5);
    backdrop-filter: blur(4px);
    border-radius: 5px 0 0 5px;
    padding: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    min-height: 25%
}

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

.section-title {
    margin-block: 2rem
}

.address_line .bi,
.dropright .bi,
.lastOrders .del .bi,
.mail_line .bi,
.phone_line .bi,
.product_rating .bi,
.section-title h1,
.summery-about p {
    font-size: 20px
}

.top-blog-item {
    border-radius: .5rem;
    overflow: hidden
}

.top-blog-item:hover {
    background: #f8f8F8DD
}

.blog-img img {
    border-radius: .5rem !important
}

.item-blog-top {
    padding-inline: 1px !important
}

.blog-text>p {
    font-size: var(--font-s);
    -webkit-line-clamp: 3
}

.top-blog-item:hover .blog-text>span {
    color: var(--blue);
    text-decoration: underline
}

nav .pagination {
    justify-content: start;
    align-items: center;
    gap: 1rem
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px;
    padding: 0;
    background: 0 0;
    border: 0;
    color: #000;
    font-weight: 600
}

.images-blog-inner,
.section2-inner>.section2-inner-images img {
    border-radius: 24px
}

.active>.page-link,
.page-link.active {
    color: #82858a !important
}

.body-blog-inner .body,
.page-item:first-child .page-link,
.product-features,
.prof-content-main .item .name p {
    font-size: 1rem
}

.images-blog-inner {
    max-height: 540px;
    width: 100%;
    overflow: hidden
}

.tittle-blog-inner .title p {
    font-weight: 600;
    font-size: 20px
}

.section2-inner>.section2-inner-images {
    aspect-ratio: 11/6;
    max-height: 280px;
    overflow: hidden
}

.body-item-card-news .title,
.box-feucher p,
.checkbox-about .body p,
.item-blog-swiper .item-summery .view,
.loginRegister .form-check label,
.money>p,
.summery-contact {
    font-size: 14px
}

.body-item-card-news .body {
    margin-top: 0
}

.header-card-news {
    padding-block: 0.45rem
}

.item-card-news {
    aspect-ratio: 1/1;
    max-width: 80px
}

.circle-ablout .item,
.img-user,
.item-circle,
.item-circle img,
.prof-content-main .item .item-profile {
    aspect-ratio: 1;
    aspect-ratio: 1
}

.name-blog {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0
}

.banner-countact img {
    min-height: 320px
}

.iframe-countact {
    margin-top: -12%
}

.iframe-countact iframe {
    border-radius: .5rem
}

.card-countact {
    background: #f8f8f8;
    border-radius: 1.25rem;
    transition: var(--ms-liniear-150);
    min-height: 185px
}

.money-pr-slider,
.shopping_price {
    min-height: 50px
}

.card-countact.active,
.card-countact:hover {
    background: #2892f4
}

.card-countact .title {
    color: #000;
    text-align: center
}

.card-countact .item,
.card-countact.active .body p,
.card-countact.active .title {
    color: #fff;
    transition: var(--ms-liniear-150)
}

.card-countact .body p {
    font-size: 16px;
    color: #000;
    text-align: center
}

.card-countact .item {
    background-color: #2892f4;
    border-radius: .75rem;
    padding: 4px 8px
}

.card-countact.active .item,
.card-countact:hover .item {
    background-color: #f8f8f8;
    color: #2892f4
}

.card-con:nth-child(2),
.card-con:nth-child(3) {
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.card-con:first-child {
    border-bottom: 1px solid #e9e9e9
}

.card-con:nth-child(5),
.card-con:nth-child(6) {
    border-right: 1px solid #e9e9e9
}

.countact-form {
    background: #eef2f6
}

.countact-form input,
.countact-form textarea {
    background: #fff !important;
    color: #000;
    min-height: 48px
}

.countact-form textarea,
.enteghad-page form textarea {
    min-height: 250px
}

.row-gap-3 {
    row-gap: 1rem
}

.page-item>span {
    font-size: .75rem
}

.backup {
    background: #b2e1ff;
    border-radius: .5rem;
    color: #267db3;
    font-size: .85rem;
    gap: .25rem
}

.backup a,
.input-about input {
    height: 48px
}

.abs2 .img-pr-slider img,
.abs2>div:not(.row),
.filtering_item.btn,
.form_btn .btn,
.space-header,
.title-about {
    width: 100%
}

.money-old-box {
    opacity: .65
}

.about-home .title p {
    font-size: 35px;
    color: #fff;
    text-align: initial;
}

.about-home .summery p {
    font-size: 16px;
    color: #fff;
    margin-top: 8px
}

.counter-box,
.form-check label,
.solution-item {
    cursor: pointer
}

.about-home .items .item .circle,
.box-values .top-item .circle {
    width: 65px;
    height: 65px;
    box-shadow: 0 4px 4px 0 #00000040;
    background-color: var(--baron-color-1);
    border-radius: 50%
}

.about-home .items .item .circle img,
.box-values .top-item .circle img {
    max-width: 31px
}

.about-home .items .item {
    background-color: #6a6A73BF;
    border-radius: 14px;
    max-width: 600px;
    backdrop-filter: blur(25px);
    transition: var(--ms-liniear-150);
    flex-wrap: wrap
}

.about-home .items .item p {
    transform: var(--ms-liniear-150);
    color: #fff;
    text-align: initial;
}

.slider-pr-siller-section .pr-item>a {
    position: absolute;
    inset: 0
}

.slider-pr-siller-section .pr-item {
    position: relative;
    transition: var(--ms-liniear-150);
    border-radius: 14px;
    padding-block: 16px
}

.about-home .items .item.active p,
.log-sign a.active svg,
.product-info .nav-link.active svg,
.tab_content .active {
    display: block !important
}

.about-home .items .item.active {
    background-color: #c8c8D2BF
}

.about-home .items .item span,
.title-vlues {
    font-size: 24px;
    color: #fff
}

#navbarNav,
#navbarNav .nav-item,
.header_menu nav,
.maps_box,
.navbar-expand-lg .navbar-nav,
.products .product_box,
.section-about-point img {
    height: 100%
}

.Filter_Product {
    height: 100%;
    top: 0;
    right: -100%;
    bottom: 0;
    background-color: transparent;
    border: 0;
    transition: .5s;
    z-index: 100000;
    overflow: hidden;
    width: 100%;
    overflow-y: scroll;
    padding: 0 !important
}

.slideFilter {
    right: 0
}

.closeFilter {
    position: absolute;
    top: 5px;
    right: 8px;
    background-color: #000;
    color: #fff !important
}

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

.products_filter_slide {
    padding: 7px 15px;
    font-size: 16px;
    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: #82858a
}

.fI_line2 {
    transform: rotate(90deg);
    margin-right: -12px;
    transition: .5s;
    margin-top: -.5px
}

.product_filter_item .panel_slide {
    padding-right: 40px
}

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

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

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

.chart-response>div.active,
.product_filter_item.expand .filter_slide_body,
.subCat_line.expand .subCat_slide_body,
.userProfile_icon span {
    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
}

#exampleModal17 .modal-dialog tr:first-child,
#exampleModal17 .modal-dialog tr:first-child td,
.abs2 .body-pr-slider,
.dropDown-menu ul li:last-child,
.searchForm input {
    border: 0
}

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

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

.search_item,
.sort .form-check label {
    padding: 5px 0;
    font-size: var(--font-xs)
}

.search_item {
    margin-top: 5px
}

.search_item+.search_item {
    border-top: 1px solid #dcdcdc
}

.search_item img {
    width: 50px;
    height: 50px;
    border: 2px solid #dcdcdc;
    border-radius: var(--radius-5);
    margin-inline-end: 12px;
    min-width: 50px;
    object-fit: cover;
    padding: 0
}

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

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

.form-check label,
.search_btns,
.showFilter,
.sort,
.sort .btn {
    font-size: var(--font-m)
}

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

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

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

.irs--flat .irs-from:before,
.irs--flat .irs-single:before,
.irs--flat .irs-to: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
}

.abs tr:first-child td:first-child,
.abs2 .add-bascet-slider,
.abs2 .body-pr-slider .summery,
.abs2 .list-option,
.accordion-button::after,
.basketpro_titles,
.chart-response>div,
.circle-ablout .highcharts-data-labels,
.circle-ablout .highcharts-exporting-group,
.filtering_item:not(.search, :nth-child(4)),
.header-search .media-box,
.is-nav-selected .fancybox__thumb::after,
.orderTitle input,
.proDetail_part,
.quantity_box strong,
.rate-box input,
.sort .form-check .form-check-input,
.top-page,
.userProfile_icon span {
    display: none
}

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

.sort {
    position: relative;
    text-align: center;
    display: flex;
    align-items: first baseline;
    flex: 1
}

.pagination .page-link,
.sort ul {
    align-items: center;
    display: flex
}

.sort ul {
    flex: 1;
    justify-content: space-between;
    flex-wrap: wrap
}

.showFilter {
    border-radius: 5px;
    margin-left: 20px
}

.sort .btn {
    padding: 0
}

.sort .multi-collapse {
    right: 0;
    left: 0;
    background: #ecebeb;
    line-height: 2;
    z-index: 100
}

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

.sort .form-check label {
    width: 100%;
    text-align: center;
    color: #aeaeae;
    border-bottom: 2px solid transparent
}

.sort .form-check input:checked+label {
    color: var(--black);
    border-color: var(--red);
    font-weight: 600
}

.pagination .page-link {
    justify-content: center;
    color: #00467f !important;
    font-size: var(--font-l);
    margin: 0 !important;
    border: 2px solid transparent;
    font-weight: 600;
    box-shadow: unset;
    padding: 0 !important
}

.page-item {
    width: auto;
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 8px;
    height: 38px;
    border: 1px solid #939598;
    border-radius: 4px
}

.page-item.active {
    height: 34px
}

.page-item.active a {
    color: #f6c64e !important
}

.search_filters,
.search_link {
    border-radius: 5px;
    display: flex
}

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

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

.page-item.active .page-link,
.page-item:hover .page-link {
    background-color: transparent;
    color: #82858a;
    border-color: transparent
}

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

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

.products .page_banner,
.search_filters,
.seller-name {
    margin-bottom: 30px
}

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

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

.seeMoreBox {
    border-top: 1px solid transparent;
    padding-top: 20px
}

.search_filters {
    background-color: #fcefe5;
    padding: 10px;
    border: 1px solid #f1e7dc;
    align-items: center;
    flex-wrap: wrap
}

.search_link {
    align-items: center;
    background: #fff;
    padding: 5px;
    font-size: var(--font-m);
    border: 1px solid #dcdcdc;
    cursor: pointer;
    margin: 0 0 5px 5px
}

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

.filtering_item>span {
    margin-bottom: 38px;
    font-size: 1.25rem;
    display: block;
    font-weight: 700
}

.filtering_item {
    padding: 0;
    margin-bottom: 1.25rem;
    border: none !important
}

.closeFilter {
    padding: .25rem;
    border-radius: .5rem;
    margin-bottom: .5rem
}

.filtering_item .searchForm {
    border-radius: 8px;
    border-color: #2892f4;
    flex-direction: row-reverse
}

.filtering_item .searchForm input::placeholder {
    color: #828282 !important;
    font-size: var(--font-m);
    font-weight: 500
}

.filtering_item.box {
    background-color: var(--white);
    padding: 2rem;
    border-radius: var(--radius-5)
}

.filtering_item.box * {
    color: var(--black)
}

.filtering_item .filtering_title {
    font-weight: 600 !important;
    cursor: pointer;
    color: var(--black);
    font-size: 16px
}

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

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

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

.irs--flat .irs-handle>i:first-child:hover,
.tab_span.activeT::after {
    background-color: var(--primary)
}

.irs--flat .irs-handle {
    top: 15px
}

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

.irs-from,
.irs-single,
.irs-to {
    top: -10px
}

.irs--flat .irs-from,
.irs--flat .irs-single,
.irs--flat .irs-to {
    font-size: 11px;
    color: var(--white) !important
}

.basket .discount,
.brand-row-caption span,
.login-register-link p,
.open-close-item span,
.seeMore-details button span {
    font-size: var(--font-s)
}

.irs--flat .irs-from::before,
.irs--flat .irs-single::before,
.irs--flat .irs-to::before {
    bottom: -5px
}

.range-price-box {
    margin: 30px 0;
    border: 2px solid var(--black);
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.range-price-box::after {
    content: '';
    background-color: var(--black);
    height: 80%;
    width: 2px;
    position: absolute;
    right: 50%;
    top: 10%;
    z-index: 10
}

.range-price-box input {
    width: 49%;
    background-color: #f9f9f9 !important;
    border-radius: 0;
    border: none;
    height: 50px
}

.range-price-box input::placeholder {
    color: var(--black) !important
}

.filtering-item-price .btn {
    width: 100%;
    color: var(--white) !important
}

.filtering-item-price .btn:hover {
    color: var(--primary) !important
}

.form-check-input:checked {
    border-color: #000;
    background-color: #000 !important
}

.filtering_item.box .open-close-box {
    display: none;
    overflow: hidden;
    padding: 0 20px
}

.filtering-catitem,
.pro-more-details .product-features,
.pro-suggestion,
.pro-warning,
.product-name,
.product-size-title {
    margin-bottom: 10px
}

.product-counter-basket,
.product-size {
    margin-bottom: 15px
}

.filtering-catitem .filtering_title {
    background-color: transparent;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    transition: .5s;
    display: flex;
    justify-content: space-between !important;
    align-items: center;
    border-bottom: 1px solid #dfdFDFDD
}

.totlalText {
    max-height: 48px;
    overflow: hidden;
    transition: var(--ms-liniear)
}

.all-img {
    max-height: 400px;
    width: 200px !important
}

.all-img img,
.feature-item img,
.lastItem img {
    width: 80px;
    height: 80px
}

.totlalText p:first-child {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.open-close-item span {
    font-weight: 500;
    color: #5f5e5e !important;
    margin: 10px 0;
    display: block
}

.filtering_title .form-check label {
    font-weight: 500;
    font-size: var(--font-s);
    transition: .5s
}

.seeMore-details {
    background-color: var(--white);
    border: 1px solid rgba(255, 255, 255, .514);
    backdrop-filter: blur(9.75px);
    border-radius: 0;
    padding: 20px
}

.seeMore-details button {
    margin: 10px auto;
    display: block
}

.select-sort span,
.sort-box .form-check label {
    font-size: var(--font-xs);
    font-weight: 500
}

.select-sort span {
    margin-left: 20px
}

.select-sort select {
    background-color: #fff;
    border: 0;
    border-radius: .5rem;
    color: #000;
    padding: 10px;
    font-size: 1.25rem;
    background-position: left .75rem center
}

.chose-pr {
    font-size: 18px;
    color: #b2e1ff;
    background: #2892f4;
    border-radius: .5rem;
    padding: 10px 25px;
    max-width: 165px;
    cursor: pointer
}

.products {
    margin-top: 57px
}

.products .section-title h1 {
    color: var(--white)
}

.main-secendery {
    background: #f6f6f6
}

.chose-color div span:last-child {
    border-radius: 14px 0 0 14px;
    overflow: hidden
}

.chose-color div span:first-child {
    border-radius: 0 14px 14px 0;
    overflow: hidden
}

.chose-color span {
    display: block;
    width: 68px;
    height: 68px;
    cursor: pointer;
    transition: var(--ms-liniear)
}

.chose-color span.active {
    width: 96px;
    height: 96px
}

.product-details .container {
    border-bottom: 1px solid #000;
    padding-bottom: 1.75rem
}

.pro-available,
.pro-unavailable {
    padding: 5px 10px;
    border-radius: 0;
    color: var(--white);
    margin-left: 10px
}

.pro-suggestion span {
    font-size: 20px;
    color: #f0cb10
}

.pro-available {
    background-color: #58c67d
}

.pro-unavailable {
    background-color: #c4c4c4
}

.active-valid {
    border-radius: .5rem;
    padding: .5rem;
    font-size: 1rem
}

.mojode {
    background: #55d9a5
}

.na-mojode {
    background: var(--red)
}

.pro-code {
    border: 1px solid var(--black);
    padding: 5px 10px;
    border-radius: .5rem;
    background: #000
}

.pro-more-details,
.product-seller {
    border-bottom: 1px solid rgba(128, 114, 101, .28)
}

.product-name h1 {
    color: var(--black);
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.5rem
}

.product-counter,
.product-size {
    margin-top: 15px
}

.product-size-title span {
    margin-left: 5px;
    color: var(--black);
    font-weight: 600;
    font-size: var(--font-m)
}

.product-size select,
.size-guide {
    padding: 10px;
    font-size: var(--font-xs)
}

.product-size select {
    width: 100%;
    background-color: transparent;
    border: 2px solid var(--secondary);
    border-radius: var(--radius-5);
    font-weight: 400
}

.size-guide {
    background-color: var(--secondary);
    border-radius: var(--radius-5);
    margin-right: 10px
}

.product-features>span {
    color: var(--black);
    margin-bottom: 5px;
    font-weight: 600;
    font-size: var(--font-m)
}

.number-pr {
    margin-top: .5rem;
    border: 2px solid #000;
    padding: 0;
    border-radius: .5rem
}

.number-pr-manfi,
.number-pr-pluss {
    width: 25%;
    background: #000;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding-block: 0.5rem
}

.product-features-item {
    margin-top: 5px;
    position: relative;
    padding-right: 20px
}

.product-features-item::after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: var(--black);
    position: absolute;
    right: 5px
}

.product-features-item strong {
    font-weight: 400 !important;
    font-size: 1rem
}

.product-details-box2 {
    height: 100%;
    position: relative;
    padding: 0 50px
}

.pro-text>p {
    font-size: 20px;
    font-weight: 600
}

.product-details-box2 .product-discount {
    background-color: #eb455f;
    color: var(--white)
}

.product-seller {
    padding: 20px 0
}

.seller-name h2 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: var(--font-xxl)
}

.pro-warning-text span,
.seller-service span {
    font-size: var(--font-xs)
}

.seller-service span {
    margin-right: 15px;
    font-weight: 600
}

.pro-more-details {
    padding: 10px 0;
    flex: 1
}

.pro-warning-text a {
    color: #2195c7;
    text-decoration: underline 1px solid #2195C7
}

.pro-counter-box {
    margin-top: auto;
    padding: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    background-color: #fafafa
}

.pro-counter-box .btn {
    border-left: 2px solid var(--black);
    font-weight: 600;
    border-radius: 0;
    margin-left: 10px
}

.pro-counter {
    height: 40px
}

.pro-counter span {
    font-size: 30px;
    margin: 0 20px;
    font-weight: 600;
    font-size: var(--font-xxl)
}

.product-details-box1 .product-price .product-price-old {
    padding: 10px;
    margin-top: 0
}

.product-details-box1 .product-price .product-price-old span:first-child {
    font-weight: 500;
    font-size: var(--font-xxl);
    color: var(--black);
    text-decoration: none
}

.product-details-box1 .product-price .product-price-old span:nth-child(2) {
    font-size: var(--font-xl);
    color: var(--red);
    text-decoration: 1px solid line-through
}

.product-details-box1 .product-price .product-price-old span:nth-child(3) {
    font-weight: 400;
    color: var(--red)
}

.product-details-box1 .product-price .product-price-new {
    padding: 10px;
    border-radius: var(--radius-5);
    color: #58c67d;
    margin-top: 0;
    background-color: var(--white)
}

.product-details-box1 .product-price .product-price-new span:first-child {
    color: #58c67d;
    font-weight: 400
}

.product-details-box1 .product-price .product-price-new span:nth-child(2) {
    font-size: var(--font-xl)
}

.product-btns,
.product-details-box1 {
    padding: 0 0 20px
}

.accessories-row-caption,
.blogMostViewBox,
.brand-row-caption,
.comment_item+.comment_item,
.comment_reply .reply_item+.reply_item,
.login-register-link,
.product-btns .default-btn,
.products-row-caption {
    margin-top: 10px
}

.product-counter-basket .add-basket {
    margin-top: 0;
    flex: 1;
    border-color: var(--green);
    background-color: var(--green);
    border-radius: var(--radius-5);
    font-size: var(--font-m)
}

.product-counter-basket .add-basket:hover {
    background-color: transparent;
    color: var(--green)
}

.product-counter-basket .add-basket:hover svg path {
    transition: .5s;
    fill: var(--green)
}

.product-zoom {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.product-info .nav-tabs {
    border: none;
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
    margin-top: 3rem
}

.product-info .nav-link {
    font-size: 1.5rem;
    margin-bottom: 10px;
    border: 0;
    border-radius: 0;
    padding: 0;
    color: #000;
    position: relative
}

.product-info .nav-link.active {
    font-weight: 600;
    color: #000;
    background: 0 0
}

.product-info .nav-link svg {
    display: none;
    position: absolute;
    top: 0;
    width: 110%;
    z-index: 4;
    right: -5%;
    transform: translateY(-132%)
}

.product-info .nav-item:first-child .nav-link svg {
    transform: translateY(-126%)
}

.product-info .nav-item:last-child .nav-link svg {
    transform: translateY(-135%)
}

.product-info .nav-link.active::after {
    content: "";
    position: absolute;
    background-color: #fafcff;
    width: 110%;
    height: 30px;
    z-index: 1;
    top: -1.394rem;
    right: -5%
}

.swiper-button-next-pr,
.swiper-rtl .swiper-button-prev-pr {
    right: 10px;
    left: auto
}

.swiper-button-prev-pr,
.swiper-rtl .swiper-button-next-pr {
    left: 10px;
    right: auto
}

.swiper-button-next-pr,
.swiper-button-prev-pr {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.product-details-box1.box2 {
    background-color: #f2f0f0;
    border-radius: var(--radius-10);
    margin: 0;
    padding: 50px 10px 10px
}

.product-facility-item {
    border: 2px solid #d8d8d8;
    border-radius: var(--radius-5);
    padding: 5px
}

.product-facilities svg {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 10px
}

.product-facilities span,
.products-row-caption span,
.sort,
.sort .form-check label {
    font-size: var(--font-sx)
}

.product-number {
    padding: 20px 10px
}

.product-number strong {
    font-size: 30px;
    font-weight: 400 !important
}

.rate-box {
    display: flex;
    border: 1px solid #fff7f733;
    justify-content: flex-end
}

.product_comments {
    border-radius: 10px
}

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

.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: #f5f4f4;
    text-align: justify;
    border-radius: var(--radius-5)
}

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

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

.closeMsg,
.commentBox>div {
    font-size: 13px;
    display: flex
}

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

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

.commentBox img {
    width: 50px
}

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

.closeMsg {
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
    background: var(--danger) !important;
    color: #fff;
    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
}

.log-sign,
.sign-up {
    max-width: 768px;
    margin-inline: auto
}

.box-feucher {
    width: 100%;
    border-radius: 1.5rem;
    border: 1px solid #dfdfdf;
    padding: 1% 0
}

.box-feucher .item:not(:last-child) {
    border-bottom: 1px solid #dfdfdf
}

.box-feucher img {
    max-width: 50px;
    filter: grayscale(1)
}

.box-feucher img.active,
.tab_span.activeT .basketIcon {
    filter: grayscale(0)
}

.box-feucher p.name {
    font-weight: 600;
    margin-top: .5rem
}

.share-pr-inner {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #000
}

.color-calc {
    bottom: .25rem
}

.chose-color>div .item {
    height: 111px;
    box-shadow: none !important;
    font-size: 24px
}

.chose-color>div .item.active img {
    top: 0;
    right: 0;
    max-width: 46px;
    aspect-ratio: 1;
    display: block !important;
    transform: translate(50%, -50%)
}

.chose-color .item.active {
    background: #254bd6;
    border: 1px solid #fff;
    box-shadow: 0 17px 17px -8px #00000082 !important
}

.color-section .container {
    padding-bottom: 1.75rem;
    border-bottom: 1px solid #000
}

.categury-section {
    padding-top: 1.75rem
}

.categury-section div .item {
    padding: .5rem;
    border-radius: 14px;
    background: #b2e1ff;
    color: #2d5d7b;
    font-size: 1rem
}

.sign-up {
    border: 1px solid #4978c6;
    border-radius: 14px;
    background: #fffFFF0D
}

.sign-up .input-box {
    max-width: 340px
}

.sign-up .input-box input {
    width: 100%;
    border-radius: .5rem;
    background: 0 0;
    height: 48px;
    border: 1px solid #fff;
    color: #fff
}

.sign-up .input-box input::placeholder {
    color: #fff
}

.log-in {
    background: #2857a5
}

.forgat-password {
    color: #0f7dff
}

.log-sign {
    color: #fff;
    font-size: 18px;
    gap: 5rem;
    border-top: 1px solid #fff;
    padding-top: .75rem
}

.log-sign a path {
    fill: #fff;
    stroke: #fff
}

.log-sign a svg {
    display: none;
    position: absolute;
    top: 0;
    width: 113%;
    z-index: 4;
    right: -5%;
    transform: translateY(-122%);
    fill: #fff
}

.log-sign li:last-child a svg {
    transform: translateY(-128%)
}

.log-sign a.active::after {
    content: "";
    position: absolute;
    background-color: #2857a5;
    width: 110%;
    height: 20px;
    z-index: 1;
    top: -1.394rem;
    right: -5%
}

.product-description p {
    font-size: var(--font-s);
    margin-bottom: 20px
}

#home-products {
    padding-top: 10px;
    border-top: 1px solid #000
}

.banner-about {
    max-height: 300px
}

.info-about {
    margin-top: 1.5rem;
    border-bottom: 1px solid #000;
    padding-bottom: 2.4rem
}

.info-about h1 {
    font-size: 36px;
    text-align: center;
    font-weight: 600
}

.info-about .h2 {
    font-size: 20px;
    font-weight: 600;
    margin-top: .75rem
}

.info-about p {
    font-size: 20px;
    text-align: justify;
    margin-top: 1rem
}

.circle-ablout .item>p {
    text-align: center;
    margin-top: -1.8rem;
    font-size: 20px
}

.item-circle {
    width: 254px;
    border-radius: 50%;
    border: 1px solid #d9d9d9;
    position: relative
}

.item-circle img {
    width: 100%;
    height: 100%;
    object-fit: fill
}

.item-circle .data {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #d9d9d9;
    transform: translate(86%, 86%)
}

.circle-ablout {
    border-bottom: 1px solid #000
}

.input-about {
    max-width: 650px
}

.input-about button {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 110px;
    border: 0;
    font-size: 14px;
    border-radius: .5rem 0 0 .5rem
}

.slider-main img {
    margin-left: auto;
    object-fit: fill;
    flex: none;
    width: 100%
}

.slider-main {
    padding-bottom: 0
}

.top-page {
    width: 66px;
    height: 66px;
    background: #000;
    border-radius: 50%;
    border: 1px solid #fff;
    position: fixed;
    cursor: grab;
    right: 20px;
    bottom: 20px;
    z-index: 100
}

.dragging {
    cursor: grabbing;
    border: 3px solid var(--yellow)
}

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

@media(min-width:575px) {
    .mobile_title {
        display: none
    }
}

@media(min-width:992px) {
    .fillters-btn {
        clip-path: polygon(0% 0%, 100% 0%, calc(100% - 30px) 100%, 0% 100%)
    }

    .mian-slider-img {
        min-width: 60%;
        margin-top: 50px
    }

    .deleteProBtn {
        top: auto
    }

    .invoiceProducts {
        overflow: hidden
    }

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

.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, .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_card:hover img {
    transform: scale(1.1);
    transition: .6s
}

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

.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;
    background-color: #c2c0c0;
    padding: 15px
}

.form_box .form-control {
    background: #edeff0;
    border-radius: var(--radius-10)
}

.form_box textarea.form-control {
    border-radius: 10px 10px 0 0
}

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

.profile,
.remove_td {
    background-color: #fff
}

.circle-ablout #container-1 text,
.circle-ablout #container-2 text,
.circle-ablout #container-3 text,
.circle-ablout #highcharts-eo3ivx0-0 text,
.hidden {
    display: none !important
}

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

.profileBox>div,
.remove_td {
    justify-content: center;
    display: flex
}

.pr-item.col-12.col-lg-4.px-2:hover {
    border: 1px solid #006ead
}

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

.question .accordion-button {
    background: unset
}

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

.question .accordion-item .accordion-body,
.question .accordion-item+.accordion-item {
    border-top: 1px solid #cbcbcb
}

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

.accordion-item {
    border: 1px solid
}

.compare_table td {
    max-width: 200px;
    width: 200px;
    min-width: 200px;
    font-size: var(--font-l)
}

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

.remove_td {
    border-radius: 50%;
    margin-bottom: 5px;
    margin-right: auto;
    z-index: 1;
    top: 2px;
    left: 2px;
    width: 40px;
    height: 40px;
    align-items: center
}

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

.compare_search {
    margin-bottom: 20px
}

.profile {
    padding: 50px 0
}

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

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

.prof-content {
    border: 1px solid #dfdfdf;
    border-radius: 1rem;
    min-height: 450px;
    width: 100%
}

.prof-content-header {
    border-bottom: 1px solid #f7f6f6;
    padding-bottom: 1rem
}

.prof-content-header .navbar ul {
    border-radius: 24px;
    padding: .5rem 1rem;
    border: 1px solid #dfdfdf !important
}

.no-item {
    max-width: 200px
}

.inset-0 {
    inset: 0
}

.prof-content-main .item {
    padding: .25rem
}

.prof-content-main .item a {
    padding: .25rem .5rem;
    border: 1px solid #dfdfdf;
    border-radius: .5rem
}

.log-out-account {
    background: #f34141;
    color: #fff;
    padding: 14px;
    max-width: 255px;
    width: 90%;
    border-radius: .5rem;
    margin-block: 1rem
}

.userBox .green_btn {
    color: #fff;
    background: #ffa600;
    margin-right: auto
}

.prof-content-main .item .money span {
    font-size: 1.25rem;
    font-weight: 600
}

.prof-content-main .item .item-profile {
    width: 80px
}

.panelOptions {
    border: 1px solid #dfdfdf;
    border-radius: 0 0 .5rem .5rem;
    font-size: 12px;
    margin-bottom: 0;
    color: #a0a0a0;
    background: #fff;
    border-top: 0
}

.addressItem,
.orderItem,
.userSideBar {
    margin-bottom: 10px
}

.img-user {
    width: 64px
}

.info-user .name p {
    font-size: 18px;
    font-weight: 600
}

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

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

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

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

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

.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;
    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: .2s;
    border: 0;
    background: #fff
}

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

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

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

.addressItem,
.lastItem .lastItemTxt {
    flex-direction: column
}

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

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

.addressItem {
    font-size: 13px;
    line-height: 30px;
    display: flex;
    align-items: flex-start;
    padding: 10px 10px 10px 50px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #3333
}

.products_box>div:not(.row) {
    min-width: 1300px;
    min-width: unset !important
}

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

.addAddress,
.orderItem .itemFooter a {
    margin-right: auto
}

.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: .5s;
    box-shadow: 0 0 10px -5px #333
}

.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: 700
}

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

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

.lastItem,
.orderItemContent {
    border: 1px solid #3333;
    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
}

.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-radius: 5px;
    background: #f9f9f9;
    display: none
}

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

.lastItem {
    display: flex;
    background: #fff;
    padding: 10px 10px 10px 50px;
    border-radius: 5px;
    flex-wrap: wrap
}

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

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

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

.homCategory {
    padding: 40px 0
}

.modal-header {
    background: #d9dcda
}

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

.userSideBar {
    padding-bottom: 10px
}

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

.modal-backdrop {
    z-index: 10000
}

.modal {
    z-index: 100000
}

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

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

.loginFooter .btn {
    margin: 5px 0
}

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

.user-profile {
    border-bottom: 2px solid var(--white);
    padding: 0 15px 10px
}

.user-profile .btn {
    background-color: var(--red)
}

.user-profile-loggedin span {
    margin: 0 5px 0 auto;
    color: var(--white);
    font-size: var(--font-m)
}

.user-profile-loggedin .btn {
    padding: 5px 15px;
    font-size: var(--font-xl);
    font-weight: 300;
    border-radius: var(--radius-10);
    color: var(--white)
}

.gallery .section-title {
    border-bottom: 1px solid var(--black);
    padding-bottom: 15px
}

.gallery .section-title span {
    border-right: 1px solid #ccc;
    padding-right: 20px;
    margin-right: 20px
}

.gallery-tabpane .nav-tabs {
    border: none;
    margin-bottom: 40px;
    padding: 10حط20px;
    border-radius: 20px
}

.gallery-tabpane .nav-link {
    font-size: var(--font-m);
    font-weight: 500;
    border: 2px solid var(--black) !important;
    padding: 10px;
    border-radius: 15px;
    color: var(--black);
    margin-left: 20px
}

.gallery-img img,
.gallery-img-cover {
    border-radius: 15px
}

.gallery-tabpane .nav-link.active span {
    color: var(--red)
}

.gallery-item.long .gallery-img img {
    height: 550px
}

.gallery-item.short .gallery-img img,
.product_img img {
    height: 250px
}

.gallery-img-cover {
    background-color: rgba(0, 0, 0, .45);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: 5
}

.gallery-caption {
    padding: 10px 15px 20px;
    color: var(--black)
}
.text_Box.mt-lg-5.mt-3 {
	margin-top: 1.5rem !important;
}
.gallery-caption>span {
    font-weight: 500;
    font-size: var(--font-s);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.gallery-inner-item img {
    height: 300px
}

.work_with_us .form_page_content {
    background: #fff;
    border: 3px solid var(--secondary);
    border-radius: 20px;
    overflow: hidden
}

.swiper.swiper-pr-inner .item-slider,
.work-with-us-img img {
    height: 350px
}

.work_with_us .form_box {
    padding: 30px 50px
}

.work-with-us-form select {
    background-color: transparent !important;
    border-radius: 5px;
    border: 1px solid #d9d9d9 !important;
    font-size: var(--font-s);
    color: #969696;
    width: 100%;
    margin-bottom: 10px;
    height: 45px;
    padding: 10px
}

.work-with-us-form input,
.work-with-us-form textarea {
    background-color: transparent !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 5px;
    margin-bottom: 10px;
    resize: none;
    min-height: 45px
}

.checkbox-about .close,
.checkbox-about .item input:checked~.open,
.filters-box .hr:last-child {
    opacity: 0
}

.work-with-us-form input::placeholder,
.work-with-us-form textarea::placeholder {
    color: #969696 !important;
    font-size: var(--font-s) !important
}

.work-with-us-form .btn {
    width: 100%;
    border-radius: 5px;
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white)
}

.work-with-us-form .btn:hover {
    background-color: transparent;
    color: var(--primary)
}

.site-btn {
    background: linear-gradient(360deg, #e1e3df 0, #a1a1a3 24.33%, #bdbfba 46.97%, #f9f8fd 72.13%, #aeb1a9 100%);
    border: 2px solid #696969 !important;
    border-radius: 8px;
    padding: 10px;
    color: var(--black) !important;
    font-weight: 600;
    font-size: var(--font-l) !important
}

.getcode-box input {
    width: 50px;
    height: 50px;
    margin: 0 10px;
    text-align: center;
    font-weight: 600;
    font-size: var(--font-xxl)
}

.resend-btn {
    color: #0075ff !important;
    text-decoration: underline 1px solid !important;
    display: block;
    margin: 10px auto;
    text-align: center;
    font-size: var(--font-xs)
}

.login-register-text img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    display: block;
    margin: 10px auto
}

.login-register-link a {
    color: #00b3ff
}

@media (max-width:575px) {
    .loginBox {
        background-color: rgba(0, 0, 0, .01);
        padding: 30px 15px
    }

    .product-info .nav-tabs {
        margin-bottom: 10px;
        border-bottom: 1px solid #d9d9d9
    }

    .product-description p {
        margin-bottom: 10px
    }

    .product-name {
        margin-bottom: 15px
    }

    .product-details-box2 {
        margin-top: 10px
    }
}

@media (max-width:340px) {
    .buttons-box-item span {
        font-size: var(--font-sx)
    }
}

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

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

.accessories-row-caption span,
.brand-row-caption span,
.products-row-caption span {
    font-weight: 500;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

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

.rate-box input[type=radio]:checked~label,
.rate-box label:hover,
.rate-box label:hover~label {
    fill: #f2b600
}

.compare_table .product-item {
    height: unset
}

.shop_table_one .shop_totalprice {
    background: 0 0;
    border-radius: 0 0 20px 20px !important;
    border: 1px solid #dee2e6 !important
}

.shop_table_one {
    border-bottom: none;
    margin-bottom: 20px
}

.select-cat-content {
    background-color: #f1f1f2;
    position: absolute;
    width: 100%;
    padding: 10px;
    top: 115%;
    right: 0;
    color: #82858a;
    z-index: 10;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    display: none
}

.select-cat .select-cat-title {
    background-color: transparent;
    border-radius: 0;
    color: var(--secondary);
    border: none;
    padding: 10px 5px;
    font-size: var(--font-xs);
    width: 100%
}

.circle-ablout .highcharts-root,
.circle-ablout .item {
    height: 321px;
    width: 321px
}

.form-check .form-check-input {
    border-color: #82858a
}

.accessories-row-item,
.brand-row-item,
.products-row-item {
    border: 2px solid #d9d9d9;
    padding: 10px
}

.accessories-row-item.active,
.brand-row-item.active,
.products-row-item.active {
    border-color: var(--secondary)
}

.brand-row-img {
    height: 100px
}

.accessories-row-img img,
.brand-row-img img,
.products-row-img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.products-row-img {
    height: 90px
}

.accessories-row-img {
    height: 80px
}

.accessories-row-caption span {
    font-size: 11px
}

.pr-detals-images .swiper-slide img,
.thumbnails-style-shaded.mz-thumb img {
    width: 100px;
    height: 100px
}

.magic_big_img img {
    height: auto !important;
    width: auto !important;
    max-height: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important
}

.magic_options {
    margin-top: 20px;
    justify-content: center;
    flex-wrap: wrap
}

.magic_options img {
    padding: 10px;
    width: 100px;
    height: 100px;
    border-radius: 0
}

.product-detail-magiczoom {
    padding: 20px 0;
    overflow: hidden;
    height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.circle-ablout .highcharts-label.highcharts-tooltip,
[id^=crM] {
    display: none !important;
    visibility: hidden !important
}

[id^=crM] {
    opacity: 0 !important
}

.magic_big_img a {
    border: 1px solid #d9d9d9 !important;
    border-radius: 0 !important;
    padding: 10px !important
}

.panelOptions li.active::after {
    position: absolute;
    content: "";
    height: 100%;
    display: block;
    width: 4px;
    right: -53px;
    background: red
}

.userPanelContent {
    padding: .5rem .5rem 0 0
}

@media only screen and (max-width:991px) and (min-width:600px) {
    .thumbnails-style-shaded.mz-thumb img {
        width: 70px;
        height: 70px
    }

    .magic_big_img img {
        height: 200px !important;
        width: 200px !important;
        max-height: 200px !important;
        max-width: 200px !important
    }
}

@media (max-width:991px) {
    .footer-bottom * {
        font-size: 10px
    }

    .breadcrumb {
        max-width: 100%;
        overflow-x: auto;
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 5px
    }

    .site_loaction * {
        white-space: nowrap !important
    }

    .breadcrumb-item+.breadcrumb-item {
        padding-left: 1.5rem
    }
}

.map-contaner {
    z-index: 1
}

.input-search-profile {
    width: 100%;
    height: 42px;
    border: 1px solid #dfdfdf;
    border-radius: 36px;
    padding-right: 3rem
}

.brdb,
.hr {
    height: 1px;
    width: 100%
}

.ofer-percent {
    position: absolute;
    background: #f05151;
    border-radius: 7px 39px 30px 50px;
    top: 10px;
    left: 10px;
    z-index: 9;
    color: #fff;
    padding: .25rem 1rem
}

.box-input-search-profile label {
    position: absolute;
    right: 1.75rem;
    top: .5rem
}

.enteghad-page .body {
    border-bottom: 1px solid #000;
    padding-bottom: 1rem
}

.enteghad-page form input,
.enteghad-page form textarea {
    width: 100%;
    margin-bottom: 10px;
    min-height: 48px;
    background-color: #fff !important
}

.circle-ablout .item {
    position: relative
}

.circle-ablout .item-circle {
    width: 276px;
    border-radius: 50%;
    border: 1px solid #d9d9d9;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(8%, 7.5%)
}

.circle-ablout .highcharts-container,
.circle-ablout .highcharts-series-group {
    width: auto !important;
    height: auto !important
}

.circle-ablout .highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px
}

.circle-ablout .highcharts-data-table caption {
    font-size: 1.2em;
    color: red
}

.circle-ablout .highcharts-data-table caption,
.circle-ablout .highcharts-data-table td,
.circle-ablout .highcharts-data-table th {
    padding: .5em
}

.circle-ablout .highcharts-data-table thead tr,
.circle-ablout .highcharts-data-table tr:nth-child(2n) {
    background: red
}

.circle-ablout .highcharts-data-table tr:hover {
    background: #000
}

.circle-ablout .highcharts-description {
    margin: .3rem 10px
}

.circle-ablout #container-1 rect,
.circle-ablout #container-2 rect,
.circle-ablout #container-3 rect {
    fill: transparent;
    display: none
}

.blogs-home-text .title p {
    font-size: 20px;
    color: #000 !important;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: initial
}

.blogs-home-text .summery p {
    font-size: 14px;
    color: #000 !important;
    font-weight: 400;
    text-align: initial
}

.brdb {
    display: block;
    background: #eaeaea
}

.checkbox-wrapper-47 input[type=checkbox] {
    display: none;
    visibility: hidden
}

.checkbox-wrapper-47 label {
    position: relative;
    padding: 0 1.25rem;
    cursor: pointer;
    display: inline-flex;
    font-size: .85rem !important;
    line-height: 26px
}

.checkbox-wrapper-47 label::before {
    box-sizing: border-box;
    content: " ";
    position: absolute;
    top: .3em;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    border: 1px solid #979797;
    border-radius: 2px;
    z-index: -1
}

.checkbox-wrapper-47 input[type=checkbox]:checked+label {
    padding-left: 1em;
    color: #0f5229;
    line-height: 30px
}

.checkbox-wrapper-47 input[type=checkbox]:checked+label::before {
    top: 0;
    width: 100%;
    height: 2rem;
    background: #b7e6c9;
    border-color: #2cbc63;
    border-radius: 8px
}

.checkbox-wrapper-47 label,
.checkbox-wrapper-47 label::before {
    transition: .25s
}

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

header .search-form {
    background: #f5f5f5
}

.box-pr img {
    max-width: 40%;
    aspect-ratio: 1/1 !important;
    margin-inline: auto;
    display: block
}

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

.item-blog-swiper .item-summery .summery p,
.summery-blog p,
.title-blog p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.search_result>div:first-child {
    max-height: 300px;
    overflow-y: auto
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color: var(--baron-color-1);
    font-weight: 600 !important
}

.navbar-light .navbar-nav .nav-link {
    color: var(--baron-color-2);
    padding: 0 8px;
    white-space: nowrap;
    font-size: 15px;
    position: static;
    transition: var(--ms-liniear-150);
    font-weight: lighter;
    height: 100%;
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.category_link:hover,
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--baron-color-1);
    transition: var(--ms-liniear-150)
}

.category_link.active,
.navbar-light .navbar-nav .nav-link a.active {
    color: var(--baron-color-1);
    font-weight: 600;
    transition: var(--ms-liniear-150)
}

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
}

.blogMostView {
    margin-top: 0;
    position: sticky;
    top: 90px
}

.blog_item img {
    height: 160px
}

.blog_txt {
    padding: 20px
}

.Filter_Product {
    position: static;
    padding-top: 0
}

.sort .multi-collapse {
    display: block;
    position: static;
    padding: 0;
    border-right: 2px solid #fff;
    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 .multi-collapse ul .form-check {
    margin: 0;
    padding: 0 10px
}

.products-filterbox-item {
    border: none;
    border-bottom: 1px solid #e3dccf;
    padding: 0 0 15px
}

.about-home-img>img {
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 87.7% 100%)
}

.slider-pr-siller-section .images:hover {
    /*! outline: 1px solid #006EAD; */
}

.box-ch-2 {
    display: flex;
    flex-wrap: wrap
}

.box-ch-2 .images {
    order: -1
}

.title-blog p {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: initial;
    overflow: hidden;
    -webkit-line-clamp: 1
}

.summery-blog p {
    font-size: 14px;
    text-align: initial;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.blogs-home-text {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem
}

.blogs-home .body {
    align-items: normal;
    margin-inline: auto
}

.blog-img-item a~img {
    transition: var(--ms-liniear-150);
    inset: 0;
    z-index: 1
}

.blog-img-item a:hover~img {
    transform: scale(1.1)
}

.pr-title-box {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: .5rem
}

.pr-title-point {
    font-size: 14px;
    font-weight: 300
}

.hr {
    display: block;
    background: #ccc7c7;
    margin-block: 1.25rem
}

.category-products-item.active, .more-about {
	background: #fbb814;
	cursor: pointer;
}

.category-products {
    overflow-x: auto;
    flex-wrap: nowrap !important;
    scrollbar-width: thin;
    scrollbar-gutter: unset;
    scrollbar-color: #006ead aliceblue;
    padding-bottom: 8px
}

.category-products-item {
    border: 1px solid #fbb814;
    font-size: 18px;
    font-weight: 600;
    flex: none
}

.top-img-about {
    overflow: hidden;
    position: relative
}

.top-img-about img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: 0
}

.top-img-about::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(45deg, #fff 35%, #fff0);
    backdrop-filter: blur(8px)
}

.top-img-about.cooperation::after {
    backdrop-filter: blur(0px)
}

.top-img-about .body {
    position: relative;
    z-index: 1;
    display: flex;
    height: 100%;
    flex-wrap: wrap;
    border-bottom: 1px solid #000
}

.text-bg-about {
    max-width: 480px;
    margin-top: 3rem;
    line-height: 50px
}

.text-body-about p {
    max-width: 750px;
    margin-inline: auto
}

.text-body-about .title {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 24px
}

.text-body-about .description {
    font-size: 16px;
    color: #747272
}

.product-inner .swiper.swiper-pr-inner .name,
.text-body-about.traning .description {
    font-size: 16px
}

.text-body-about {
    margin-top: 7rem
}

.about-slider {
    min-height: 550px
}

.about-slider .title {
    font-size: 34px;
    font-weight: 500;
    text-align: initial;
}

.box-about-slider::after {
    content: "";
    background: rgba(5, 28, 44, .8);
    position: absolute;
    inset: 0
}

.view-more {
    font-size: 24px;
    color: #006ead;
    display: block
}

.item-about img {
    opacity: 0;
    transition: var(--ms-liniear-150)
}

.swiper-about .swiper-slide-prev {
    transform: rotateY(-50deg)
}

.swiper-about .swiper-slide-next {
    transform: rotatey(-50deg)
}

.swiper-about {
    padding-block: 27px
}

.swiper-about .slider-pagenasion div,
.swiper-about-pagnasion div {
    height: auto !important;
    width: auto !important;
    min-width: unset !important;
    min-height: unset !important;
    margin: 0 !important;
    clip-path: none !important;
    background: 0 0 !important
}
.swiper-about .swiper-slide-active .title p {
	font-weight: 800 !important;
}
.swiper-about .slider-pagenasion,
.swiper-about-pagnasion {
    position: absolute !important;
    bottom: -58px;
    inset-inline: 0;
    z-index: 200;
    display: flex;
    gap: 0
}
.swiper-about-pagnasion {
	position: relative !important;
	bottom: 0;
}

.section-about-point::after {
    position: absolute;
    content: "";
    inset: 0;
    background: rgba(0, 110, 173, .38)
}

.max-350 {
    max-width: 350px
}

.img-box-about {
    inset-inline: auto;
    margin-inline: auto
}

.title-about p {
    font-size: 32px;
    text-align: left
}

.search_item span,
.summery-section p {
    text-align: initial
}

.more-about {
    clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 30px 100%);
    padding: 18px 36px;
    margin-top: 42px
}

.checkbox-about label {
    font-size: 21px;
    font-weight: 500;
    position: relative
}

.checkbox-about .close,
.checkbox-about .open {
    position: absolute;
    inset-block-start: -4px;
    top: -1px;
    background: #fff;
    transition: var(--ms-liniear-150)
}

.checkbox-about .body {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: var(--ms-liniear)
}

.checkbox-about .item input:checked~.body {
    height: auto;
    opacity: 1;
    margin-top: 21px
}

.title-section p {
    font-size: var(--font-34);
    font-weight: 500;
    color: #006ead
}

.summery-section p {
    font-size: 24px;
    color: #006ead
}

.box-item-history.active .item-history .title p {
    color: #fbb814
}

.checkbox-about input {
    position: absolute;
    inset-block-start: 1px;
    top: 4px;
    transition: var(--ms-liniear-150)
}

.item-history .title p {
    font-weight: 400;
    font-size: 24px;
    text-align: left;
    line-height: 35px
}

.item-history .description p {
    font-weight: 400;
    font-size: 16px;
    color: #747272
}

.item-history img {
    width: 100%;
    border-radius: 14px;
    max-height: 500px
}

.box-item-history {
    padding-bottom: 60px
}

.box-item-history .date-history .years {
    height: 80px;
    width: 80px;
    border: 3px solid #00467f;
    border-radius: 50%;
    font-size: 26px;
    font-weight: 500;
    color: #00467f;
    position: relative;
    background: #fff;
    z-index: 2
}

.products_box td.product_cell {
    max-width: 330px
}

.box-item-history.active .date-history .years {
    color: #fff;
    background: #00467f;
    border: none
}

.summery-about {
    font-size: 24px;
    width: 100%
}

.page-about-point {
    max-height: 730px;
    min-height: 375px
}

.section-about-point.page-about-point::after {
    position: absolute;
    content: "";
    inset: 0;
    background: rgba(0, 110, 173, .6)
}

.box-mission img {
    width: 100%;
    border-radius: 14px;
    max-width: 440px;
    margin-right: auto
}

.about-values-top {
    max-width: 95% !important;
    margin-inline: auto
}

.item-value {
    background: linear-gradient(to bottom, #051c2c, #030f18);
    border-radius: 14px;
    background-position: 0 0;
    transition: 250ms linear
}

.btn-baron,
.btn-clip,
.item-blog-swiper .item-summery .view {
    background: var(--baron-color-1);
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%)
}

.btn-baron,
.btn-baron-2,
.item-brand {
    transition: var(--ms-liniear-150)
}

.item-value:hover {
    outline: 3px solid var(--baron-color-1)
}

.item-value .summery p {
    font-size: 18px;
    color: #fff;
    text-align: initial;
}

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

.item-brand:hover {
    outline: 2px solid var(--baron-color-2);
    border-radius: .5rem
}

.item-blog-swiper .box-pr .item-img img,
.swiper-pointer-events .item-blog-swiper .item-img img {
    aspect-ratio: 2/1;
    height: 200px;
    width: auto;
    max-width: 100%
}

.edc.item-blog-swiper {
    border: 1px solid #d9d9d9;
    background: #fffbf1;
    overflow: hidden;
    padding: 0
}

a.z-3 {
    z-index: 4
}

.blog-img-item.ecuction::after {
    z-index: 0
}

.edc .item-img>div img {
    inset: 0;
    z-index: 0
}

.item-blog-swiper .item-summery .view {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    width: 140px;
    padding: 1rem;
    transform: translateY(-50%);
    font-weight: 600;
    transition: var(--ms-liniear-150)
}

.item-blog-swiper a:hover~.item-summery .view {
    width: 100%;
    background: var(--baron-color-2);
    color: #fff;
    clip-path: none
}

.item-blog-swiper .item-summery .summery p {
    text-align: initial;
    overflow: hidden;
    -webkit-line-clamp: 3;
    min-height: 72px
}

.item-video {
    aspect-ratio: 79/54
}

.traning-1 {
    border-bottom: 1px solid #000;
    padding-bottom: 16px !important
}

.catalogue-img img {
    max-width: 100px;
    aspect-ratio: 1/1
}

.title-ctg {
    font-size: 15px;
    font-weight: 600;
    text-align: left
}

.summery-ctg {
    font-size: 13px;
    text-align: left
}

.item-ctg {
    border-right: 1px solid #ebebeb
}

.btn-clip {
    padding: .75rem 2rem
}

.blogs-home-text a:hover .title p {
    color: var(--baron-color-1) !important
}

.accordion-body .contactus-form {
    display: flex;
    align-items: start
}

.body-item-card-news .body,
.body-item-card-news .title {
    display: -webkit-box;
    text-align: initial;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.summery-traning p {
    font-size: 18px;
    color: #797979;
    text-align: initial
}

.btn-baron {
    padding: 1rem 1.75rem 1rem .5rem;
    font-size: 18px;
    font-weight: 600;
    min-width: 140px
}

.btn-baron-2 {
    background: #000;
    color: #fff !important;
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    padding: 1rem .5rem 1rem 1.75rem;
    font-size: 16px;
    font-weight: 600;
    min-width: 140px
}

.card-news {
    border-radius: 14px;
    border: 1px solid #bdbdbd;
    overflow: hidden
}

.item-card-news,
.item-card-news img {
    border-radius: 4px
}

.header-card-news {
    height: 90px;
    background-color: var(--baron-color-1)
}

.header-card-news p {
    color: #000;
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 0
}

.item-card-news {
    width: 90px;
    height: 90px;
    flex: none;
    min-width: 90px
}

.body-item-card-news .title {
    font-size: 16px;
    font-weight: 600;
    -webkit-line-clamp: 1;
    margin-bottom: 0
}

.body-item-card-news .body {
    font-size: 14px;
    -webkit-line-clamp: 2;
    font-weight: lighter
}

.body-card-news {
    transition: 250ms linear;
    position: relative
}

.abs tr:not(:first-child) td,
.accordion-button .svg,
.dropDown-menu ul li,
.send-btn {
    transition: var(--ms-liniear-150)
}

.body-card-news:hover {
    background-color: #11718B22
}

.see-blog-inner {
    transform: translateY(13%)
}

.item-blog-page .see-blog-inner {
    transform: translateY(-58%);
    right: 0 !important
}

.item-blog-page {
    border: 0;
    overflow: hidden
}

.video-educational video {
    aspect-ratio: 16/9 !important;
    object-fit: cover;
    border-radius: 14px;
    width: 100%;
    margin-inline: auto;
    display: block;
    max-height: 610px
}

.news .item-blog-swiper,
.swiper .item-blog-swiper,
.traning.traning-1 .swiper .item-blog-swiper {
    border: 1px solid #d9d9d9
}

.item-blog-page img {
    height: 400px;
    border: 0;
    border-radius: 4px 4px 0 0;
    overflow: hidden
}

.cooperation {
    overflow: unset;
    height: 150px
}

.see-blog-inner .see {
    margin-top: 8px;
    border-radius: 4px;
    padding: 8px;
    background: #000;
    color: #fff
}

.title-big {
    font-size: 60px
}

.rq .summery p {
    font-size: 18px;
    font-weight: 500
}

.space-100 {
    height: 100px;
    width: 100%
}

.accordion-button:not(.collapsed) {
    color: unset;
    background-color: unset;
    box-shadow: unset;
    border: 0;
    outline: 0
}

.accordion-flush .accordion-button {
    border: 1px solid #000;
    padding: 1rem .5rem !important;
    border-radius: 14px !important;
    font-size: 18px;
    font-weight: 500
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-body input[type=file],
.accordion-body input[type=text],
.accordion-body select {
    padding: .5rem .75rem;
    border: 1px solid #939598;
    border-radius: 14px;
    width: 100%;
    height: 48px
}

.accordion-button .svg {
    height: 100%;
    width: 120px;
    background: #000;
    position: absolute;
    right: 0
}

.accordion-collapse {
    padding: .5rem !important;
    border-radius: 14px !important;
    border: 1px solid #000 !important;
    margin-top: 12px
}

.solution-item .bottom-solution-item {
    border: 1px solid var(--baron-color-1);
    padding: .5rem 2rem .5rem 1rem;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    clip-path: polygon(50px 0, 100% 0, calc(100% - 50px) 100%, 0 100%)
}

.solution-item:not(:first-child) .bottom-solution-item {
    margin-left: -60px
}

.solution-item:first-child .bottom-solution-item {
    clip-path: polygon(0 0, 100% 0, calc(100% - 50px) 100%, 0 100%)
}

.solution-item:not(:first-child) .bottom-solution-item::after {
    content: "";
    height: 160%;
    width: 1px;
    background: var(--baron-color-1);
    position: absolute;
    left: 10px;
    transform: rotate(48deg) translate(13%, -30%);
    top: 0
}

.solution-item:not(:last-child) .bottom-solution-item::before {
    content: "";
    height: 160%;
    width: 1px;
    background: var(--baron-color-1);
    position: absolute;
    right: 41px;
    transform: rotate(48deg) translate(122%, -30%);
    top: 0
}

.solution-item:last-child .bottom-solution-item {
    clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%)
}

.text_Box li,
.text_Box p {
    font-size: 18px;
    margin-top: 6px
}

.phone-item span,
.title-contact {
    font-size: 16px;
    font-weight: 600
}

.text_Box ul {
    padding-left: 20px
}

.text_Box img {
    width: 100%;
    max-height: 400px;
    border-radius: 14px;
    margin-block: 12px
}

.item-con:first-child {
    border-right: 1px solid #dadada;
    padding-right: 30px
}

.item-con:last-child {
    padding-left: 30px
}

.items-con {
    border-bottom: 1px solid #d6d6d6
}

.col-con {
    border: 4px solid var(--baron-color-1);
    border-radius: 14px;
    max-height: 440px
}

.form-contact input {
    margin-bottom: 8px;
    height: 48px;
    border: 1px solid #000;
    border-radius: 14px
}

.acsept a {
    color: #4ec4fe;
    text-decoration: underline
}

.send-btn {
    background: var(--baron-color-1);
    clip-path: polygon(20% 0, 100% 0, 80% 100%, 0 100%);
    padding: 1rem 1.75rem;
    font-size: 18px;
    font-weight: 600;
    min-width: 140px;
    transform: translateY(50%);
    border: 0
}

#map_nogwhi {
    z-index: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%
}

.editeDashboard,
.product_images .slider4 .swiper-button-next {
    left: 10px
}

.back2Dashboard,
.product_images .slider4 .swiper-button-prev {
    right: 10px
}

.product_images .first-fancy-img img {
    width: 100%;
    height: 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-inner-box .product_images {
    width: 70%;
    background: #f3f3f3;
    margin-right: 30px
}

.mini-img-box .pr-detals-images {
    max-height: 400px;
    position: static;
    width: 100%
}

.mini-img-box {
    max-height: 460px;
    height: 100%;
    width: 30%;
    position: relative;
    padding: 30px 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.mini-img-box .swiper-button-prev-pr,
.mini-img-box .swiper-rtl .swiper-button-next-pr {
    left: 43%;
    right: auto;
    top: 15px;
    transform: rotate(-90deg)
}

.swiper-pr-inner .swiper-slider-next,
.swiper-pr-inner .swiper-slider-prev {
    scale: -1
}

.mini-img-box .swiper-button-next-pr,
.mini-img-box .swiper-rtl .swiper-button-prev-pr {
    right: 43%;
    left: auto;
    top: unset;
    bottom: -7px;
    transform: rotate(90deg)
}

.pr-detals-images .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #d9d9d9;
    padding: 8px;
    min-height: 150px
}

.pr-detals img {
    max-height: 400px;
    height: 100%;
    width: 100%;
    object-fit: contain
}

.product-inner {
    padding: 60px 0
}

.product-inner .name {
    font-size: 150%;
    font-weight: 700;
    color: #006ead;
    margin-bottom: 10px
}

.product-inner .product-inner-info {
    color: #747272;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px
}

.btnsend:hover,
.dropDown-menu ul li,
.dropDown-menu ul li div:hover,
.dropDown-menu ul li>a:hover {
    color: var(--baron-color-2)
}

.products_box .table-bordered>:not(caption)>* {
    border-width: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    color: #222
}

.product-inner .pr-code {
    background: #e9e9e9;
    width: max-content;
    border-radius: 10px;
    padding: 6px 10px;
    font-weight: 700
}

.product-inner .nav-pills .nav-link.active,
.product-inner .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #006ead
}

.product-inner .nav-pills .nav-link {
    background: 0 0;
    border: 1px solid #006ead;
    border-radius: 0;
    padding: 12px 20px;
    font-size: 17px;
    color: #006ead;
    font-weight: 400;
    border-bottom: 0
}

.history .summery img {
    margin: 12px auto;
    border-radius: 8px;
    width: 100%;
    display: block;
    height: auto;
    max-height: 550px
}

.product-inner .nav-pills {
    border-bottom: 1px solid #006ead
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 10px
}

.feature-item ul {
    list-style: disc;
    padding-inline-start: 1rem
}

.title-pr-inner {
    font-size: 120%;
    font-weight: 700;
    text-align: center;
    padding: 10px 0
}

.blue-hr {
    border: 1px solid var(--baron-color-2);
    margin: 30px 0 !important
}

.swiper-pr-inner .swiper-slider-prev {
    position: absolute;
    top: calc(50% - 14px);
    z-index: 3;
    left: 0
}

.swiper-pr-inner .swiper-slider-next {
    position: absolute;
    top: calc(50% - 14px);
    z-index: 3;
    right: 0
}

.box-service img {
    border-radius: 50%;
    max-height: 350px;
    width: auto;
    max-width: 90%;
    aspect-ratio: 1/1;
    margin-inline: auto
}

.proSubCategory strong .bi {
    margin-right: 0;
    margin-left: 20px;
    rotate: 180deg
}

.dropDown-menu {
    position: absolute;
    background: #e1e5eb;
    min-width: 200px;
    padding: 16px 12px;
    opacity: 0;
    top: 100%;
    visibility: hidden;
    transition: .5s cubic-bezier(.7, -.5, .3, 1.75);
    transform: translatey(25%);
    z-index: 100;
    scale: 0.96;
    width: 100%;
    right: 0 !important;
    left: 0 !important;
    display: flex;
    justify-content: center;
    gap: 3rem;
    border-radius: 0;
    border: 0;
    min-height: 200px;
    box-shadow: none
}

.dropDown-hover-2 .dropDown-menu {
    opacity: 1 !important;
    transform: translateY(0);
    background: 0 0;
    border: 0;
    box-shadow: none;
    padding: 0;
    position: static;
    width: 100%;
    scale: 1;
    align-items: start
}

.dropDown-hover:hover .dropDown-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
    scale: 1
}

.dropDown-menu ul li {
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    min-width: 18%
}

.dropDown-menu ul li svg {
    rotate: 180deg;
    display: none
}

.dropDown-menu ul li:hover {
    color: var(--baron-color-1)
}

.dropDown-menu ul li div,
.dropDown-menu ul li>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    padding-bottom: 6px;
    color: #000;
    transition: var(--ms-linear-150)
}

.dropDown-menu>ul {
    display: flex;
    gap: 5rem;
    justify-content: center;
    width: 100%;
    max-width: 100%
}

.item-video.abc {
    aspect-ratio: auto;
    height: 100%
}

.blog-inner video {
    border-radius: 8px;
    min-height: 250px;
    margin-inline: auto;
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 600px;
    object-fit: cover
}

.swiper.swiper-pr-inner .img-pr-slider img {
    max-height: 100%
}

.swiper.swiper-pr-inner .add-bascet-slider {
    padding-block: 10px !important
}

.swiper.swiper-pr-inner .list-option {
    font-size: 16px;
    margin-block: 4px 4px
}

.swiper.swiper-pr-inner .body-pr-slider .summery {
    font-size: 14px;
    margin-top: 8px
}

.visstion-new .box-mission img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.conversation {
    background: #fffbf1;
    padding-block: 24px
}

@media (min-width:992px) {
    .contact-form {
        border-left: 2px solid #dcdcdc
    }

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

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

    .product-details {
        margin-top: 4rem
    }

    .serachBox {
        width: 100%;
        transition: .3s;
        margin-right: auto
    }

    .swiper.swiper-pr-inner {
        max-width: 65vw
    }

    .swiper-settings {
        max-width: 60vw
    }

    .text-body-about .swiper .title {
        margin-bottom: 8px;
        margin-top: 32px !important
    }

    .btn-baron {
        margin-top: 40px !important
    }

    .blogs-home .body>.col-lg-8 {
        max-width: 770px;
        margin-right: auto;
        margin-left: 10px
    }

    .blogs-home .body>.col-lg-8 .col-6 .blog-img-item {
        height: 205px
    }

    .blogs-home .body>.col-lg-8 .col-12 .blog-img-item:first-child {
        height: 420px
    }

    .blogs-home .container {
        max-width: 1335px;
        padding: 15px 70px 15px 15px;
        box-shadow: 0 0 10px #b0b0b022;
        border-radius: 8px
    }

    .links-footer div>span,
    .links-footer>div ul li {
        color: #000
    }

    .header_menu {
        flex: none;
        height: 100%;
        align-items: center;
        display: flex
    }

    .blog-img-item {
        padding: 18px !important
    }

    .phone-items {
        padding-right: 24px;
        border-right: 1px solid #dadada
    }

    .solution-item:not(:first-child) .top-solution-item img {
        margin-right: 60px
    }

    .solution-item .bottom-solution-item {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }

    .item-brand {
        width: 14.285%
    }

    .product_images .flex {
        height: 100%
    }

    .cooperation {
        height: 450px
    }

    .about-values-top {
        max-width: 52% !important;
        margin-right: auto;
        margin-left: 0;
        width: 100% !important
    }

    .box-about-point>div {
        max-width: 77%;
        width: 100%
    }

    .section-about {
        max-width: 60%
    }

    .filter_box {
        position: sticky;
        top: 120px
    }

    .img-box-about {
        max-width: 60%;
        width: 100%
    }

    .box-item-history .date-history .years::after {
        content: "";
        z-index: 0;
        content: "";
        position: absolute;
        height: .2rem;
        width: 5.2vw;
        background: #00467f;
        top: calc(50% - .1rem)
    }

    .box-item-history.active .date-history .years::after {
        background: #fbb814
    }

    .box-item-history:nth-child(odd) .date-history .years::after {
        right: 100%
    }

    .box-item-history:nth-child(2n) .date-history .years::after {
        left: 100%
    }

    .box-item-history:not(:last-child) .date-history::before {
        content: "";
        position: absolute;
        top: 0;
        width: .2rem;
        height: calc(100% + 60px);
        background: #e2dfdf;
        right: calc(50% - .1rem)
    }

    .h3,
    h3 {
        font-size: 1.5rem;
        margin-block: 12px;
        font-weight: 600 !important
    }

    .header-search {
        flex: auto
    }

    .links-footer~div {
        padding-inline-start: 80px
    }
}

@media (min-width:600px) {
    .search_btns {
        padding: 9px 0
    }

    .sort ul {
        justify-content: initial
    }

    .sort li {
        margin-right: 10px
    }

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

@media (max-width:1600px) {
    .header-search {
        max-width: 420px
    }

    .chart-org {
        transform: scale(.8)
    }
}

.box-pr .item-img {
    padding: 24px
}

@media (max-width:1450px) {
    .icon-down::after {
        top: 13px;
        font-size: 14px;
        right: -3px
    }

    .header-search {
        max-width: 350px
    }

    .header-logo {
        margin-right: 1rem !important
    }

    .search-form>svg {
        left: 20px
    }

    .lang>* {
        transform: skewx(25deg)
    }

    .lang {
        max-width: 70px;
        padding-left: 10px;
        transform: skewx(-25deg) !important
    }

    .lang>svg {
        height: 18px;
        width: 18px
    }

    .category_link,
    .dropDown-menu ul li div,
    .dropDown-menu ul li>a,
    .navbar-light .navbar-nav .nav-link {
        font-size: 14px
    }

    .div-globe .body .title~div p,
    .pr-section-globe .title span {
        font-size: 12px
    }
}

@media (max-width:1250px) {
    .navbar-light .navbar-nav .nav-link {
        font-size: 12px
    }

    .navbar-light .navbar-nav .nav-link a {
        padding: 0 4px
    }

    .header-logo .navbar-brand img {
        width: auto;
        max-width: 100px
    }

    .default_btn,
    .green_btn {
        font-size: 14px
    }

    .product-features,
    .product-features-item strong {
        font-size: 1rem
    }

    .backup {
        font-size: .75rem
    }

    .backup p {
        white-space: nowrap
    }

    .animate-about-home {
        z-index: 1;
        top: 0;
        right: 0;
        transform: translate(55%, -34%)
    }
}

.products_box.abs2 {
    overflow-x: auto;
    display: flex;
    scrollbar-width: thin;
    display: flex;
    justify-content: center
}

.table-bordered>:not(caption)>tr {
    border-width: 1px 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: end
}

tr:first-child td:not(.product_cell) {
    /*! display: none; */
    width: 160px !important;
    order: -1 !important
}

.abs2 .comapreitem_name,
.products_box.abs2 tr:first-child td:first-child {
    width: 180px !important;
    order: -1;
    max-width: 180px !important;
    border-width: 1px
}

.table-bordered>:not(caption)>*>td:not(.product_cell) {
    flex-grow: 4;
    width: 330px;
    order: 1;
    max-width: 330px
}

.top-solution-item img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    margin-bottom: 12px
}

.news .item-img,
.news .item-img img {
    height: 185px
}

.item-ctg-top {
    align-items: start;
    gap: 8px !important
}

.item-ctg-top .catalogue-img,
.item-ctg-top .catalogue-img img {
    flex: none;
    max-width: 80px
}

.item-ctg .btn-clip {
    margin-inline-start: 90px !important
}

.summery-traning~.align .btn-baron {
    margin-top: 0 !important
}

.blogs-home .body>.col-lg-8 .col-6:last-child {
    padding-inline-end: 0 !important
}

.main-slider-section .slider-main {
    min-height: calc(100vh - 138px)
}

.main-slider-section~.category-product-section,
.main-slider-section~.chart-section,
.main-slider-section~.pr-section-globe,
.main-slider-section~.slider-pr-siller-section,
.main-slider-section~section.blogs-home {
    min-height: calc(100vh - 90px);
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.chart-section,
.main-slider-section~.about-home,
.main-slider-section~.category-product-section {
    min-height: calc(100vh - 90px)
}

@media (max-width:992px) {

    .phone-item span,
    .send-btn {
        font-size: 14px
    }

    .filters-box,
    .logo-footer,
    .menu-box .menu-btn>span,
    .mini-img-box .swiper-button-next-pr,
    .mini-img-box .swiper-rtl .swiper-button-prev-pr,
    .solution-item .bottom-solution-item::after,
    .solution-item .bottom-solution-item::before {
        display: none
    }

    .phone-item span,
    .title,
    .title p,
    .title-contact,
    .title-ctg {
        font-weight: 600
    }

    .main-slider-section .slider-main {
        min-height: calc(100vh - 168px);
        margin-bottom: -273px
    }

    .chart-section,
    .main-slider-section~.about-home,
    .main-slider-section~.category-product-section,
    .main-slider-section~.pr-section-globe,
    .main-slider-section~.slider-pr-siller-section,
    .main-slider-section~section.blogs-home {
        min-height: calc(100vh - 120px)
    }

    .item-ctg .btn-clip {
        margin-inline-start: 0 !important;
        margin-top: 4px
    }

    .news .item-img,
    .news .item-img img {
        height: 100px !important
    }

    .text-body-about .title {
        margin-bottom: 4px
    }

    .item-img>.ecuction {
        max-height: 100px;
        min-height: 100px
    }

    .accordion-button .svg svg,
    .item-img>.ecuction svg {
        width: 24px;
        height: 24px
    }

    footer {
        background: #fff;
        border-top: 2px solid #333
    }

    .input-footer {
        background: #fff1aea3
    }

    .links-footer {
        margin-top: 0 !important
    }

    .lang {
        transform: skewx(0) !important
    }

    :root {
        --font-34: 24px
    }

    .box-pr .item-img {
        padding: 8px;
        margin-bottom: 6px
    }

    .cols-con,
    .consultation-form,
    .div-globe,
    .flex-max-wrap,
    .item-ctg-top,
    .phone-items,
    header .col-lg-11.align {
        flex-wrap: wrap
    }

    .blog-inner video,
    .loginRegister-textbox {
        min-height: 150px
    }

    .products_box>div:not(.row) {
        min-width: 846px
    }

    .box-service img {
        max-height: 150px
    }

    .pr-detals-images .swiper-slide img {
        height: auto !important;
        max-width: 100%;
        aspect-ratio: 1
    }

    .pr-detals-images .swiper-slide {
        min-height: 100px
    }

    .text_Box li,
    .text_Box p {
        font-size: 14px;
        margin-top: 6px
    }

    .item-con:first-child {
        border: 0 !important;
        border-right: 0px solid #dadada;
        padding: 0
    }

    .send-btn {
        padding: .5rem
    }

    .title-contact {
        font-size: 15px
    }

    .body-item-card-news .body,
    .body-item-card-news .title,
    .link-slider,
    .summery-contact,
    .summery-traning p {
        font-size: 13px
    }

    .item-con:last-child {
        padding: 0
    }

    .solution-item {
        margin-top: 12px
    }

	.solution-item .bottom-solution-item {
		margin-left: 0 !important;
		clip-path: none !important;
		clip-path: polygon(50px 0, 100% 0, calc(100% - 50px) 100%, 0 100%);
		padding: .5rem;
		font-size: 12px;
		height: 50%;
	}

    .about-slider .summary,
    .body-blog-inner .body,
    .box-mission .description,
    .box-mission .description p,
    .card-countact .body p,
    .category-products-item,
    .countact .title,
    .enteghad-page .body-text,
    .feature-item ul,
    .item-history .description,
    .item-history .description p,
    .item-value .summery p,
    .navbar-down-site div span,
    .pro-suggestion span,
    .product-inner .product-inner-info,
    .prof-content-main .item .name,
    .rq .summery p,
    .secondary_btn,
    .summery-about,
    .summery-about p,
    .summery-section p,
    .text-body-about .description,
    .title-slider,
    .view-more {
        font-size: 14px
    }

    .solution-item:not(:first-child) .bottom-solution-item::after {
        content: "";
        height: 160%;
        width: 1px;
        background: var(--baron-color-1);
        position: absolute;
        left: 10px;
        transform: rotate(48deg) translate(13%, -30%);
        top: 0
    }

    .solution-item:not(:last-child) .bottom-solution-item::before {
        content: "";
        height: 160%;
        width: 1px;
        background: var(--baron-color-1);
        position: absolute;
        right: 41px;
        transform: rotate(48deg) translate(122%, -30%);
        top: 0
    }

    .box-values .top-item .circle,
    .category-product-section .items .item img,
    .solution-item .top-solution-item img,
    .swiper-settings .item img,
    .top-solution-item img {
        width: 50px;
        height: 50px
    }

    .see-blog-inner {
        transform: translateY(60%);
        align-items: center
    }

    .lang,
    .lang>* {
        transform: none
    }

    .accordion-flush .accordion-button {
        padding: .5rem !important;
        font-size: 14px
    }

    .accordion-button .svg {
        width: 50px
    }

    .space-100 {
        height: 10px
    }

    .see-blog-inner .see {
        margin-top: 0;
        border-radius: 4px;
        padding: 8px 3px;
        font-size: 12px
    }

    .top-img-about .body {
        padding-bottom: 14px
    }

    .detals-slider .data>svg,
    .see-blog-inner .see svg {
        height: 18px;
        width: 18px
    }

    .blog-inner,
    .blog-text>p,
    .footer-signature,
    .product-details,
    .top-blog-item,
    nav .pagination {
        margin-top: 0
    }

    .secondary_btn {
        padding: 8px
    }

    .btn-clip {
        padding: .25rem 1.25rem .25rem .25rem
    }

    .item-ctg {
        margin-bottom: 14px
    }

    .catalogue-img,
    .container .row,
    .list-option li,
    .mini-img-box,
    .prof-content-header .navbar {
        width: 100%
    }

    .catalogue-img img {
        width: 60px;
        aspect-ratio: 1/1
    }

    .title-ctg {
        font-size: 13px;
        text-align: left
    }

    .add-bascet-slider::after,
    .blogs-home-text .summery p,
    .checkbox-about .body p,
    .chose-pr,
    .info-user,
    .prof-content-header .navbar ul li,
    .summery-ctg {
        font-size: 12px
    }

    .btn-baron,
    .btn-baron-2 {
        font-size: 14px;
        min-width: 85px
    }

    .item-blog-swiper .item-summery .view {
        font-size: 12px;
        padding: .25rem;
        clip-path: none
    }

    .item-blog-page .see-blog-inner {
        transform: translateY(-50%)
    }

    .btn-baron {
        padding: .5rem 1rem .5rem .5rem
    }

    .btn-baron-2 {
        padding: .5rem .5rem .5rem 1.5rem
    }

    .item-blog-swiper .item-summery .title p,
    .product-name h1,
    .title,
    .title p {
        font-size: 16px !important
    }

    .item-blog-swiper .item-summery .summery p {
        font-size: 13px !important
    }

    .text-main-slider .summery p {
        font-size: 13px;
        margin-bottom: 24px
    }

    .text-main-slider .summery {
        margin-top: 4px !important
    }

    .swiper-settings .item {
        height: auto
    }

    .about-home .items .item span,
    .blogs-home-text .title p,
    .checkbox-about label,
    .swiper-blog>a,
    .swiper-settings .item span {
        font-size: 16px
    }

    .item-brand {
        width: 20%
    }

    .box-item-history .date-history {
        order: -1;
        margin-inline: auto
    }

    .item-history img {
        max-height: 250px;
        aspect-ratio: 63/47;
        margin-top: 20px;
        width: auto;
        margin-inline: auto;
        max-width: 100%
    }

    .box-item-history .date-history .years {
        height: 60px;
        width: 60px;
        font-size: 17px;
        margin-bottom: 40px
    }

    .box-item-history .date-history .years::after {
        content: "";
        position: absolute;
        width: .2rem;
        height: 50px;
        background: #00467f;
        right: calc(50% - .1rem);
        z-index: 0;
        top: 100%
    }

    .box-item-history:nth-child(2n) .date-history {
        order: 1
    }

    .box-item-history:not(:last-child) {
        border-bottom: 3px solid #e2dfdf;
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .about-home,
    .box-item-history:nth-child(2n) {
        flex-direction: column-reverse
    }

    .box-item-history.active .date-history .years::after {
        background: #fbb814
    }

    .text-bg-about {
        margin-top: 1rem;
        line-height: 30px !important;
        font-size: 1.25rem !important
    }

    .text-main-slider strong {
        font-size: 2rem !important
    }

    .about-slider .title,
    .box-mission .title p,
    .item-history .title p,
    .text-body-about .title,
    .title-about p,
    .title-section p {
        font-size: 20px !important
    }

    .title-vlues {
        font-size: 20px
    }

    .about-slider {
        min-height: 500px
    }

    .swiper-about .slider-pagenasion {
        bottom: -25px
    }

    .box-values .top-item .circle img {
        max-width: 24px
    }

    .more-about {
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 20px 100%);
        padding: 4px 23px;
        margin-top: 8px
    }

    .max-350 {
        max-width: 150px
    }

    .text-body-about {
        margin-block: 2rem
    }

    .box-about-point>div,
    .img-box-about {
        max-width: 90%
    }

    .filters-box {
        border-bottom: 8px solid #000000c4;
        padding: .5rem;
        position: fixed;
        width: 100vw;
        max-width: 370px;
        inset: 0;
        top: 0;
        height: 100vh;
        backdrop-filter: blur(100px);
        z-index: 100000 !important
    }

    .fillters-btn {
        width: 100%;
        justify-content: center;
        border-radius: 8px;
        padding-inline: 0 !important
    }

    .lang {
        clip-path: none;
        border-radius: 0 8px 8px 0 !important
    }

    .search-form {
        border-radius: 8px !important;
        overflow: hidden;
        clip-path: none
    }

    .header-search {
        max-width: none
    }

    .footer-bottom {
        background: #000;
        color: #fff;
        padding-block: 12px
    }

    .blogs-home-text {
        row-gap: .75rem
    }

    .hr,
    .user-profile-loggedout {
        margin-block: 0.75rem
    }

    .menu-links a {
        transition: var(--ms-liniear-150)
    }

    .menu-links a:hover {
        color: var(--yellow)
    }

    .footer-top-item img {
        max-height: 50px;
        max-width: 50px
    }

    .money-pr-slider {
        min-height: 41px
    }

    .box-input-search-profile {
        position: relative;
        margin-bottom: .5rem
    }

    .section-padding {
        padding: 10px 0 !important
    }

    .page-padding {
        padding: 30px 0 !important
    }

    .header-top-link {
        padding: 5px !important;
        margin: 0 !important
    }

    header .search-form {
        width: 100% !important
    }

    .header-language {
        margin-top: -40px
    }

    .footer-membershipbox,
    .gallery .section-title,
    .product-inner-box {
        flex-direction: column
    }

    .footer-membershipbox,
    .pr-section-globe>div.container {
        align-items: start
    }

    .footer-membershipbox span {
        font-size: var(--font-xs);
        margin-left: 0;
        margin-bottom: 10px
    }

    .home-about {
        margin-top: 30px
    }

    .section-title {
        margin-bottom: 1rem;
        margin-top: 1rem
    }

    .section-title h1 {
        font-size: 16px;
        margin-bottom: 0
    }

    .home-category {
        padding-bottom: 0 !important
    }

    .home-gallery-item img {
        height: 400px
    }

    .gallery-inner-item img,
    .home-introduction-video video {
        height: 300px
    }

    .see-more {
        margin-top: 15px
    }

    .select-sort span {
        margin-left: 10px;
        font-size: var(--font-s);
        white-space: nowrap
    }

    .loginRegister {
        margin-top: -62px;
        padding-top: calc(60px + 50px) !important
    }

    .gallery .section-title span {
        border-right: none;
        padding-right: 0;
        margin-right: 0;
        margin-top: 10px
    }

    #gallery-images {
        flex-direction: column;
        margin-bottom: 10px
    }

    .gallery-tabpane .nav-link {
        margin: 10px 0 0
    }

    .about-topbox .home-about-text {
        padding: 30px
    }

    .contact-item svg {
        width: 30px;
        height: 30px
    }

    .contact-item a,
    .contact-item p,
    .contact-item span {
        font-size: var(--font-sx)
    }

    .product-number strong {
        font-size: 25px
    }

    .loginRegister .container {
        background-size: 100% auto;
        background-position: top
    }

    .loginRegister-textbox p {
        font-size: 25px;
        text-align: center
    }

    .pro-text>p,
    .product-info .nav-link,
    .slider-pr-siller-section div .description p {
        font-size: 1rem
    }

    .consultation-form-inner {
        padding: 20px
    }

    .consultation-form .btn {
        margin: 10px auto 0
    }

    .container .row,
    .img-bg,
    .img-box1,
    .khabarname>div,
    .slider-main img {
        margin-inline: auto
    }

    .products-filterbox-item {
        border: none;
        border-bottom: 1px solid #e3dccf;
        padding: 0 0 15px
    }

    .bottom-blog-img {
        height: auto;
        margin-bottom: 4px
    }

    .bottom-blog-caption {
        padding: 0 8px
    }

    .blog-text span {
        margin-bottom: 0
    }

    .blog-img img,
    .slider-pr-siller-section .body {
        height: auto !important
    }

    .top-page {
        width: 48px;
        height: 48px;
        bottom: 90px
    }

    .khabarname>div>p,
    .prof-content-header .title p {
        text-align: center
    }

    .product-info .nav-link.active::after {
        top: -1.5rem;
        height: 20px
    }

    .product-info .nav-link svg {
        top: 2.4px
    }

    .chose-color>div .item {
        font-size: 1rem;
        height: auto;
        margin-block: .25rem;
        padding: 1rem .5rem
    }

    .chose-color>div .item.active img {
        max-width: 34px
    }

    .product-details-box1 {
        padding-top: 1.25rem
    }

    .pro-text>p {
        margin-top: 1rem
    }

    .pr-item:hover {
        border: 1px solid #006ead
    }

    .active-valid,
    .backup,
    .banner-top-home .description p,
    .footer-top-item p,
    .product-features,
    .product-features-item strong,
    .select-sort select {
        font-size: .75rem
    }

    .pagination .page-link {
        width: auto
    }

    .products {
        margin-top: 20px
    }

    nav .pagination {
        gap: .5rem
    }

    .filtering_item {
        margin-top: 2.5rem
    }

    .about-home .items .item .circle,
    .chose-color span,
    .feature-item img {
        width: 40px;
        height: 40px
    }

    .chose-color span.active {
        width: 56px;
        height: 56px
    }

    .pr-title-box,
    .title-link-footer {
        font-size: 15px
    }

    .checkbox-wrapper-47 label {
        font-size: .75rem !important;
        line-height: 24px
    }

    .about-home-text {
        padding: 1rem
    }

    .about-home-text .title p {
        font-size: 22px
    }

    .about-home-text .body {
        font-size: 20px;
        margin-top: 1rem
    }

    .animate-bg-about-home,
    .slider-pr-siller-section .images img {
        max-width: 90px
    }

    .animate-about-home {
        z-index: 1;
        top: 0;
        right: 20px;
        transform: translate(0, -71%)
    }

    .animate-das-about-home {
        width: 160px
    }

    .header-bottom {
        box-shadow: 0 4px 4px rgba(0, 0, 0, .2);
        margin-top: .5rem;
        padding-bottom: .5rem
    }

    .backup {
        position: absolute;
        top: -2.75rem;
        z-index: 10;
        background: 0 0;
        left: 2rem
    }

    .menu-box .menu-btn>svg path {
        stroke: #000
    }

    .menu-box {
        width: 34px
    }

    .input-footer input::placeholder {
        font-size: .75rem !important
    }

    .links-footer>div ul li a {
        font-size: 11px
    }

    .item-card-news {
        width: 80px;
        height: 80px;
        min-width: 80px
    }

    .body-item-card-news .body {
        -webkit-line-clamp: 3
    }

    .blog-inner .body .summery p {
        font-size: 13px;
        text-align: initial
    }

    .iframe-countact {
        margin-top: -40%
    }

    .card-con {
        border: none !important
    }

    .card-con:nth-child(2),
    .card-con:nth-child(4) {
        border-right: 1px solid #e9e9e9 !important;
        border-bottom: 1px solid #e9e9e9 !important
    }

    .card-con:nth-child(6) {
        border-right: 1px solid #e9e9e9 !important
    }

    .card-con:first-child,
    .card-con:nth-child(3) {
        border-bottom: 1px solid #e9e9e9 !important
    }

    .card-countact .item {
        padding: 2px 4px;
        font-size: 12px
    }

    .img-news5 {
        max-width: unset !important
    }

    .tittle-blog-inner .title {
        font-size: 17px;
        font-weight: 700
    }

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

    .header-card-news {
        height: 50px
    }

    .pr-of-section {
        margin-top: 2rem !important
    }

    .add-bascet-slider,
    .warning-pr-slider {
        margin-top: 8px !important
    }

    .img-pr-slider img {
        max-width: 110px;
        max-height: 110px
    }

    .body-pr-slider {
        padding-inline: 8px !important
    }

    .item-slider {
        padding-block: 0.5rem
    }

    .add-bascet-slider {
        font-size: 12px;
        padding: 6px;
        font-weight: 500
    }

    .body-pr-slider .name {
        font-size: 18px;
        margin: .3rem 0 0 !important
    }

    .body-pr-slider .summery {
        font-size: 14px;
        margin-bottom: .3rem !important
    }

    .list-option {
        font-size: 12px;
        min-height: 45px
    }

    .products_box td {
        width: 220px
    }

    .pr-box {
        padding: .5rem
    }

    .pr-box>div>div {
        padding: 4px !important
    }

    .img-box1 {
        top: -96px;
        bottom: auto;
        width: auto;
        transform: translateX(65%)
    }

    .box-img img {
        width: auto;
        height: 250px
    }

    .box-img2 img {
        width: auto;
        height: 140px
    }

    .box-img2 {
        top: -9% !important;
        bottom: unset !important;
        left: unset !important;
        right: 0
    }

    .space-35 {
        width: 100%;
        height: 35px
    }

    .space {
        width: 100%;
        height: 140px
    }

    .seeMore-slider {
        position: relative !important;
        font-size: .6rem
    }

    .title-slider-pr {
        justify-content: space-between;
        flex-wrap: wrap
    }

    .category-product .item {
        border: 0;
        padding: .5rem
    }

    .category-product .item:nth-child(2),
    .category-product .item:nth-child(4),
    .category-product .item:nth-child(5) {
        border-right: 1px solid #e9e9e9;
        border-bottom: 1px solid #e9e9e9
    }

    .category-product .item:first-child,
    .category-product .item:nth-child(3) {
        border-bottom: 1px solid #e9e9e9
    }

    .text-main-slider {
        font-size: 1.1rem
    }

    .show-main-banner {
        opacity: .3
    }

    .banner-top-home .title p,
    .slider-pr-siller-section div .title,
    .text-main-slider strong {
        font-size: 1.5rem
    }

    .banner-top-home .summery p {
        margin-top: -5px;
        font-size: 1.15rem
    }

    .banner-top-home {
        clip-path: polygon(0% 30px, 30px 0, 100% 0%, 100% calc(100% - 30px), calc(100% - 30px) 100%, 30px 100%, 0 calc(100% - 30px));
        padding-block: 2rem !important;
        height: auto
    }

    .category-product-section .title p {
        font-size: 2rem
    }

    .category-product-section .title {
        padding-top: 2rem !important
    }

    .category-product-section .title~div {
        margin-top: .5rem !important
    }

    .category-product-section .items .item {
        height: auto;
        padding: 1rem !important
    }

    .hotspot-thumb img {
        max-height: 150px;
        width: auto
    }

    .entry-content .hotspot-content p,
    .hotspot-content p {
        font-size: .75rem;
        margin-top: 12px
    }

    #hotspot-307 .hotspot-title,
    .slider-pr-siller-section .body .title p {
        font-size: 1.25rem
    }

    .category-product-section .items .item span {
        font-size: 14px;
        font-weight: 600
    }

    .title {
        font-size: 18px
    }

    .slider-pagenasion>.puse-slider,
    .slider-pagenasion>.swiper-slider-next,
    .slider-pagenasion>.swiper-slider-prev {
        min-width: 50px;
        height: 32px;
        clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%)
    }

    .slider-pagenasion>.puse-slider svg,
    .slider-pagenasion>.swiper-slider-next svg,
    .slider-pagenasion>.swiper-slider-prev svg {
        height: 18px
    }

    .slider-pagenasion>.puse-slider,
    .slider-pagenasion>.swiper-slider-next {
        margin-left: -1rem
    }

    .slider-pagenasion {
        bottom: 20px;
        left: 31px
    }

    .swiper-about-pagnasion.slider-pagenasion {
        bottom: -40px !important;
        left: 0;
        position: static !important
    }

    .namads-footer {
        border-right: 0;
        padding-right: 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px
    }

    .summery-slider {
        margin-top: 6px !important
    }

    .link-slider {
        margin-top: 6px
    }

    .detals-slider {
        right: 5px;
        bottom: 5px;
        border-radius: 4px;
        gap: 4px;
        font-size: 10px;
        padding: 2px 4px !important
    }

    .img-blog-slider img {
        min-height: 120px
    }

    .main-blog-slider {
        height: 115px;
        margin-top: 10px !important;
        padding-inline: 12px !important
    }

    .summery-slider {
        font-size: 12px;
        min-height: 36px
    }

    .detals-slider>span {
        height: 14px
    }

    .btn-slider {
        height: 38px;
        width: 90px;
        font-size: 14px
    }

    .btn-blog-slider {
        justify-content: space-between;
        width: auto !important
    }

    .pr-section-globe {
        padding-block: 1rem !important
    }

    .div-globe .br {
        border-right: 0;
        border-bottom: 1px solid #fff;
        padding-block: 16px !important
    }

    .pr-section-globe .title-2 p {
        font-size: 1.5rem !important;
        line-height: normal
    }

    .div-globe .body .title~div p {
        font-weight: 300;
        font-size: .75rem
    }

    .pr-section-globe .title span {
        font-size: .75rem;
        margin-bottom: 10px
    }

    .pr-section-globe .title p {
        font-size: 1.75rem
    }

    .group-btn-blog {
        width: 100%;
        align-items: start;
        padding-inline: 1.5rem;
        justify-content: space-between
    }

    .group-btn-blog .title {
        flex: none;
        margin-bottom: .55rem !important;
        font-size: 16px
    }

    .category-product .item p {
        transform: translate(80%, 30%);
        font-size: 12px
    }

    .category-product .item a {
        padding-block: 1rem
    }

    .slider-main img {
        height: 350px
    }

    .img-user {
        width: 48px;
        aspect-ratio: 1
    }

    .prof-content {
        padding-inline: .25rem !important
    }

    .prof-content-header .title {
        margin-bottom: 0 !important
    }

    .prof-content-header {
        padding-bottom: 0
    }

    .slider-main .main-slider {
        max-width: 80%;
        height: 100%;
        padding-bottom: 0;
        order: 1;
        /*! position: relative !important; */
        margin: auto
    }

    .about-home .title p {
        font-size: 1.5rem;
        margin-block: 1rem
    }

    .about-home .summery p,
    .slider-pr-siller-section .body .summery p {
        font-size: 1rem;
        text-align: initial
    }

    .about-home .summery p {
        margin-top: -7px
    }

    .about-home .items .item .circle img {
        max-width: 20px
    }

    .about-home .items .item {
        padding-block: 0.75rem !important
    }

    .img-bg {
        width: 80%
    }

    .pr-item {
        display: flex;
        flex-wrap: wrap;
        margin-block: 0.5rem;
        border: 1px solid #006ead;
        padding: .75rem 1rem;
        border-radius: .75rem
    }

    .pr-item .images {
        order: -1
    }

    .pr-item .body,
    .pr-item .images {
        height: auto !important;
        padding: 0 !important;
        outline: 0 !important
    }

    .slider-pr-siller-section .images {
        background: 0 0;
        width: 100%
    }

    #globeViz>div {
        right: -18.5%;
        height: 100%;
        width: 100%;
        bottom: 0
    }

    .header-search {
        order: 0;
        width: 100%;
        flex: none
    }

    .search-form>svg {
        left: 19px;
        top: 15px;
        width: 18px;
        height: 18px
    }

    header .search-box {
        margin-top: 2px !important;
        margin-bottom: -4px
    }

    .lang {
        max-width: 95px;
        padding-left: 19px
    }

    .item-blog-swiper .box-pr .item-img img,
    .swiper-pointer-events .item-blog-swiper .item-img img {
        height: 100px
    }

    .search-form input {
        height: 37px;
        padding-left: 13%;
        font-size: 14px;
        padding-top: 5px
    }

    .lang select {
        font-size: 15px;
        padding-right: 0
    }

    .lang svg {
        width: 18px;
        height: 18px
    }

    .header-logo .navbar-brand img {
        max-width: 100px
    }

    .title-blog p {
        font-size: 1rem;
        text-align: left
    }

    .summery-blog p {
        font-size: .75rem;
        text-align: left
    }

    .product-inner-box .product_images {
        width: 100%;
        background: #f3f3f3;
        margin-right: 0
    }

    .product-inner .nav-pills .nav-link {
        padding: 12px;
        font-size: 14px
    }

    #pills-tab {
        justify-content: space-between
    }

    .product-inner .name {
        margin-block: 10px;
        font-size: 16px
    }

    .product-inner {
        padding: 20px 0
    }

    .item-blog-swiper .item-img img {
        height: 140px
    }

    .comapreitem_name {
        font-size: 12px;
        width: 135px !important
    }

    .modal-header .btn-close {
        margin-left: 0
    }

    .abs tr {
        padding-left: 143px !important
    }
}

.checkbox-about {
    flex-direction: column;
    align-items: unset;
    justify-content: center
}

@media (max-width:768px) {
    .item-brand {
        width: 33.33%
    }

    .input-footer div ul li {
        padding: 4px;
        font-size: 10px
    }

    .logo-footer {
        max-width: 150px
    }

    .bg-footer {
        height: auto !important;
        top: 0;
        position: relative !important;
        border-bottom: 2px solid #000;
        display: none
    }

    footer::after {
        background: #016dae91
    }

    .links-footer {
        backdrop-filter: blur(20px);
        background-color: #fff3;
        padding: 8px;
        border-radius: 8px
    }

    #globeViz>div {
        right: -12.5%
    }

    .info-user {
        font-size: 11px
    }

    .userBox .green_btn {
        width: 100%;
        text-align: center
    }

    .slider-pagenasion .swiper-pagination .swiper-pagination-bullet {
        height: 3px;
        border-radius: 50% !important;
        width: 3px !important
    }

    .swiper-slider-next,
    .swiper-slider-prev {
        width: 20px
    }

    .category-product .item svg {
        left: 0
    }

    .page-padding {
        padding: 15px 0 !important
    }

    .blog-info-item span {
        font-size: 9px
    }

    .blog-info-item svg {
        width: 14px;
        height: 14px
    }

    .slider-main img {
        height: 170px
    }

    .chose-color>div .item {
        font-size: .75rem
    }

    .links-footer>div ul li p {
        margin-bottom: 13px;
        font-size: 10px;
        display: flex;
        gap: 12px
    }

    .card-countact .body p {
        font-size: 12px;
        text-align: center;
        margin-top: 4px
    }

    .banner-countact img {
        min-height: 200px
    }

    .iframe-countact .title {
        font-size: 15px;
        display: inline-block;
        padding: .5rem 2rem;
        backdrop-filter: blur(13px);
        border-radius: .5rem;
        margin-bottom: .75rem !important;
        border: 1px solid #aaa9;
        text-shadow: 0 0 10px #000
    }

    .iframe-countact iframe {
        height: 250px
    }

    .text-main-slider {
        font-size: .9rem
    }

    .footer-top {
        justify-content: start !important
    }

    .footer-top-item {
        margin-bottom: 20px
    }

    .namads-footer {
        border-right: 0;
        padding-right: 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px
    }

    .category-product .item p {
        transform: translate(0, 30%);
        border-radius: 3.55rem
    }

    .title-link-footer {
        font-size: 13px;
        margin-bottom: .75rem
    }
}

@media (max-width:400px) {
    .footer-bottom * {
        font-size: 9px
    }
}

.parents-div>.div {
    animation: 6s linear infinite divEfect
}

.div,
.div2,
.div3,
.div4,
.div5 {
    box-shadow: 0 17px 0 0 #a2a1a2aa;
    border-radius: 50%;
    transform: skew(-10deg);
    position: absolute;
    transition: 150ms linear
}

.div2 {
    box-shadow: 0 14px 0 0 #a2a1a2aa;
    animation: 6s linear infinite divEfectPod2
}

.div3 {
    box-shadow: 0 11px 0 0 #a2a1a2aa;
    animation: 6s linear infinite divEfect3
}

.div4 {
    box-shadow: 0 8px 0 0 #a2a1a2aa;
    animation: 6s linear infinite divEfectPod4
}

.div {
    width: 531px;
    height: 602px;
    top: 0;
    right: 0;
    z-index: 5
}

.div2 {
    width: 431px;
    height: 502px;
    top: 50px;
    right: 50px;
    z-index: 4
}

.div3 {
    width: 330px;
    height: 400px;
    top: 100px;
    right: 100px;
    z-index: 3
}

.div4 {
    width: 230px;
    height: 300px;
    top: 150px;
    right: 150px;
    z-index: 2
}

.div5 {
    box-shadow: 0 5px 0 0 #a2a1a2aa;
    animation: 6s linear infinite divEfect5;
    width: 180px;
    height: 200px;
    top: 200px;
    right: 175px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.div5 img {
    max-width: 75%
}

.parents-div div div {
    transform: skew(10deg)
}

.parents-div {
    position: relative;
    width: 60vw;
    height: 652px;
    margin-inline: auto;
    background-image: url(https://baron.bhptest.ir/assets/Baron/img/world\ map.png);
    background-repeat: no-repeat;
    background-size: contain
}

.parents-div>div>div {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 12px;
    border-radius: 14px;
    position: absolute;
    z-index: 15;
    min-width: 130px;
    text-align: center
}

.parents-div div div::after {
    content: "";
    position: relative;
    bottom: -10px;
    display: block;
    margin-bottom: -15px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin-inline: auto
}

.div .static-1 {
    top: -9%;
    left: calc(50% - 65px)
}

.div .static-2 {
    right: -13%;
    top: calc(50% - 26px)
}

.div .static-3 {
    right: -4%;
    top: calc(75% - 26px)
}

.div2 .static-1 {
    top: -16px;
    left: calc(75% - 65px)
}

.div2 .static-2 {
    top: 10%;
    left: calc(6% - 56px)
}

.div2 .static-3 {
    top: calc(65% - 26px);
    left: calc(-1% - 55px)
}

.div2 .static-4 {
    top: calc(100% - 58px);
    left: calc(66% - 65px)
}

.div3 .static-1 {
    right: -16%;
    top: calc(25% - 26px)
}

.div4 .static-1 {
    top: -17%;
    left: calc(40% - 65px)
}

.div4 .static-2 {
    top: calc(25% - 26px);
    left: calc(-3% - 59px)
}

.div4 .static-3 {
    bottom: 5%;
    left: calc(40% - 65px)
}

.div5 .static-1 {
    right: -33%;
    top: calc(40% - 26px)
}

.div4 .static-1,
.div4 .static-1::after,
.div4 .static-2,
.div4 .static-2::after {
    background: #f96798
}

.div3 .static-1,
.div3 .static-1::after,
.div5 .static-1,
.div5 .static-1::after {
    background: #9e62ea
}

.div2 .static-1,
.div2 .static-1::after,
.div4 .static-3,
.div4 .static-3::after {
    background: #6183f7
}

.div .static-3,
.div .static-3::after,
.div2 .static-2,
.div2 .static-2::after {
    background: #f68812
}

.div .static-2,
.div .static-2::after,
.div2 .static-3,
.div2 .static-3::after {
    background: #5ec77b
}

.div .static-1,
.div .static-1::after,
.div2 .static-4,
.div2 .static-4::after {
    background: #e966ec
}

.parents-div img {
    position: absolute;
    width: 141px;
    right: 190px;
    top: 215px;
    height: auto
}

.abs tr,
.chart-org,
.titles p {
    position: relative
}

@keyframes divEfect {

    0%,
    100% {
        box-shadow: 0 17px 0 0 #a2a1a2aa
    }

    25% {
        box-shadow: 17px 0 0 0 #a2a1a2aa
    }

    50% {
        box-shadow: 0 -17px 0 0 #a2a1a2aa
    }

    75% {
        box-shadow: -17px 0 0 0 #a2a1a2aa
    }
}

@keyframes divEfect3 {

    0%,
    100% {
        box-shadow: 0 11px 0 0 #a2a1a2aa
    }

    25% {
        box-shadow: 11px 0 0 0 #a2a1a2aa
    }

    50% {
        box-shadow: 0 -11px 0 0 #a2a1a2aa
    }

    75% {
        box-shadow: -11px 0 0 0 #a2a1a2aa
    }
}

@keyframes divEfect5 {

    0%,
    100% {
        box-shadow: 0 5px 0 0 #a2a1a2aa
    }

    25% {
        box-shadow: 5px 0 0 0 #a2a1a2aa
    }

    50% {
        box-shadow: 0 -5px 0 0 #a2a1a2aa
    }

    75% {
        box-shadow: -5px 0 0 0 #a2a1a2aa
    }
}

@keyframes divEfectPod2 {

    0%,
    100% {
        box-shadow: 0 11px 0 0 #a2a1a2aa
    }

    25% {
        box-shadow: -11px 0 0 0 #a2a1a2aa
    }

    50% {
        box-shadow: 0 -11px 0 0 #a2a1a2aa
    }

    75% {
        box-shadow: 11px 0 0 0 #a2a1a2aa
    }
}

@keyframes divEfectPod4 {

    0%,
    100% {
        box-shadow: 0 8px 0 0 #a2a1a2aa
    }

    25% {
        box-shadow: -8px 0 0 0 #a2a1a2aa
    }

    50% {
        box-shadow: 0 -8px 0 0 #a2a1a2aa
    }

    75% {
        box-shadow: 8px 0 0 0 #a2a1a2aa
    }
}

.breadcramp ul {
    flex-wrap: nowrap;
    overflow-x: auto
}

.item-summery .title p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: initial
}

.item-value p {
    overflow: auto;
    height: 162px;
    scrollbar-width: thin;
    padding-inline: 10px
}

#pills-profile img {
    max-height: 400px;
    width: auto;
    margin-inline: auto;
    display: block;
    margin-block: 12px;
    border-radius: 8px
}

.comapreitem_name {
    /*! background: #d2d2d2 !important; */
    /*! border: 0 !important; */
    /*! margin-right: auto; */
    /*! width: 250px; */
    /*! height: 100%; */
    /*! display: flex; */
    /*! align-items: center; */
    /*! justify-content: center; */
    /*! border-radius: 8px; */
    /*! position: absolute; */
    /*! left: 0; */
}

.abs tr {
    text-align: center;
    justify-content: center !important;
    margin-block: 8px;
    padding-left: 258px;
    border: 0;
    gap: 8px
}

.abs tr:not(:first-child) td:hover {
    scale: 1.04
}

.abs tr:not(:first-child) td {
    border: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ddd;
    padding-block: 12px;
    border-radius: 8px
}

.chart-org,
.chart-org .chart-img,
.chart-org>div {
    height: 700px;
    width: 1124px
}

.btnsend {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
    border: 1px solid;
    background: var(--baron-color-2);
    color: #fff
}

.btnsend:hover {
    border: 1px solid var(--baron-color-2)
}

#navbarNav .nav-item {
    padding-inline: 4px
}

.chart-section {
    max-width: 100vw;
    align-items: center
}

.chart-org .chart-img {
    position: absolute;
    inset: 0;
    z-index: 500;
    touch-action: none;
    pointer-events: none
}

.chart-org div div {
    position: absolute;
    bottom: 69px;
    transition: 150ms linear;
    cursor: pointer
}

.chart-org div span {
    position: absolute;
    top: -25px;
    z-index: 1000;
    right: 40px;
    font-weight: 600;
    color: #00467f
}

.chart-org .chart-7 span {
    right: 48%
}

.chart-response>div>span {
    font-size: var(--font-34);
    color: #006ead;
    font-weight: 600;
    display: block;
    text-align: center;
    margin-bottom: 12px
}

.chart-response>div>img {
    display: block;
    max-width: 200px;
    max-height: 200px;
    margin-inline: auto;
    margin-block: 2rem
}

.chart-response>div>p {
    font-size: 18px;
    color: #747272;
    text-align: initial
}

.chart-response>div>a {
    font-size: 18px;
    color: #006ead;
    text-decoration: NONE
}

.chart-org div div:hover {
    transform: scaleX(1.02) translateY(-5px)
}

.chart-org .chart-1 {
    left: 92px;
    z-index: 300;
    width: 204px;
    height: 283px;
    bottom: 290px
}

.chart-org .chart-2 {
    left: 112px;
    z-index: 400;
    width: 163px;
    height: 187px;
    bottom: 170px
}

.scene-container::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1
}

.chart-org .chart-3 {
    left: 139px;
    z-index: 100;
    width: 326px;
    opacity: .7;
    height: 95px
}

.chart-org .chart-4 {
    left: 192px;
    z-index: 300;
    width: 166px;
    opacity: .7;
    height: 63px
}

.chart-org .chart-5 {
    left: 247px;
    z-index: 200;
    width: 146px;
    opacity: .7;
    height: 147px
}

.chart-org .chart-6 {
    left: 226px;
    z-index: 50;
    width: 436px;
    opacity: .7;
    height: 184px
}

.chart-org .chart-7 {
    left: 151px;
    z-index: 0;
    width: 491px;
    opacity: .7;
    height: 344px
}

.chart-org .chart-8 {
    left: 451px;
    z-index: 300;
    width: 602px;
    height: 369px;
    opacity: .7
}

.chart-org .chart-9 {
    left: 512px;
    z-index: 400;
    width: 381px;
    opacity: .7;
    height: 419px
}
.list-option {
	row-gap: 0rem !important;
	column-gap: 1.5rem !important;
}
.feature-item ul p {
	text-align: initial;
}
.list-option li {
	text-align: initial;
}
@media (max-width:1500px) {
    .chart-org {
        transform: scale(.75)
    }
}

@media (max-width:1400px) {
    .chart-org {
        transform: scale(.7)
    }

    .swiper.swiper-pr-inner .add-bascet-slider {
        padding-block: 6px !important;
        font-size: 14px
    }

    .list-option {
        font-size: 14px;
        margin-block: 2px;
        min-height: 42px;
    }

    .swiper.swiper-pr-inner .list-option {
        gap: 0 !important
    }

    .section-about {
        max-width: 80%
    }
	.swiper.swiper-pr-inner .add-bascet-slider {
		font-size: 14px;
	}
	.swiper.swiper-pr-inner .list-option {
		font-size: 12px;
	}
}

.item-blog-swiper.box-pr {
    border: 1px solid #d9d9d9;
    background: #fffbf1
}

@media (max-width:1300px) {
    .chart-org {
        transform: scale(.65);
        margin-inline-start: -160px
    }

    .item-blog-swiper .item-summery .view {
        padding-block: 8px
    }
}

.blogs-home .body>.col-lg-8 {
    margin: 0 auto 0 0 !important;
    padding: 0 !important
}

@media (max-width:1200px) {
    .chart-org {
        transform: scale(.6);
        margin-inline-start: -160px
    }
}

@media (max-width:1100px) {
    .chart-org {
        transform: scale(.55)
    }
}

.titles::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #d6d6d6;
    top: calc(50% - -2px);
    right: 0;
    z-index: 0
}

.titles p {
    display: inline;
    padding-inline: 8px;
    background: #fff;
    z-index: 1
}

.social-con {
    font-size: var(--font-3xl)
}

@media (max-width:992px) {
    .product-inner table {
        display: flex
    }

    .product-inner .table>tbody,
    .product-inner table thead {
        width: 50%
    }

    .product-inner table tr {
        display: flex;
        flex-wrap: wrap
    }

    .product-inner table tr th,
    .product-inner table tr:first-child td:not(.product_cell) {
        width: 100% !important;
        --bs-table-accent-bg: transparent !important;
        font-size: 12px
    }

    .product-inner table tr th:nth-child(odd),
    .product-inner table tr:first-child td:not(.product_cell):nth-child(odd) {
        background: #ddd4;
        border: 0
    }

    .product-inner table tr th:nth-child(2n),
    .product-inner table tr:first-child td:not(.product_cell):nth-child(2n) {
        background: #eee4;
        border: 0
    }

    #pills-profile img {
        max-height: 200px
    }

    .video-educational video {
        height: 200px;
        max-width: 95%
    }

    .item-value p {
        height: 126px
    }

    .see-blog-inner .see {
        padding: 4px 8px;
        height: 30px;
        margin-top: 0
    }

    .body-pr-slider .summery {
        margin-top: 0
    }

    .blogs-home .summery p {
        font-size: 14px
    }

    .blogs-home {
        padding-block: 16px
    }

    .blogs-home>div>.title p {
        font-size: 20px !important
    }

    .banner-top-home>div {
        padding-inline: 16px !important
    }

    .banner-top-home .title p {
        font-size: 24px !important
    }

    .category-products .category-products-item {
        font-size: 12px;
        padding: 6px 12px !important;
        border-radius: 4px
    }

    .category-products-item span {
        font-weight: 500
    }

    .products_box .item-slider {
        background: #f7f7f7
    }

    .main-footer {
        padding-bottom: 57px
    }

    .item-blog-swiper .item-summery .summery p {
        min-height: 59px
    }

    .parents-div {
        width: 100%;
        scale: 0.5;
        transform: translate(26%, -52%);
        height: 400px;
        background-size: contain;
        background-position: 0 100%
    }

    .mian-slider-img {
        margin-bottom: -370px
    }

    .icon-down::after {
        top: 0
    }

    .table-bordered>:not(caption)>*>td:not(.product_cell) {
        width: 160px !important
    }

    .banner-top-home {
        margin-block: -1.3rem;
        height: auto;
        min-height: unset !important
    }

    .swiper-slide .item-about .title p {
        font-size: 12px !important
    }

    .about-home {
        background-size: inherit;
        min-height: 250px
    }

    .box-pr img,
    .lg-container {
        max-width: 100%
    }

    .box-mission img {
        max-width: 200px;
        margin-inline: auto !important;
        margin-bottom: 1rem
    }

    .social-con svg {
        max-width: 30px;
        max-height: 30px
    }

    .lg-container {
        width: 100%
    }

    .chart-response {
        padding-inline: 21px !important;
        font-size: 12px
    }

    .chart-org {
        transform: scale(.7);
        margin-left: 30px;
        width: auto !important;
        order: -1;
        margin-block: -80px !important
    }

    .chart-response>div>span {
        font-size: 18px
    }

    .chart-response>div>img {
        max-width: 120px;
        max-height: 120px;
        margin-block: 1rem
    }

    .chart-response>div>p {
        font-size: 12px
    }
}

@media (max-width:920px) {
    .chart-org {
        transform: scale(.6)
    }
}

@media (max-width:880px) {
    .chart-org {
        margin-left: 20px;
        margin-block: -100px !important
    }
}

@media (max-width:750px) {
    .chart-org {
        transform: scale(.5);
        margin-left: 15px;
        margin-block: -120px !important
    }
}

@media (max-width:690px) {
    .chart-org {
        transform: scale(.5);
        margin-block: -140px !important
    }
}

@media (max-width:630px) {
    .chart-org {
        transform: scale(.45);
        margin-block: -170px !important
    }
}

@media (max-width:530px) {
    .chart-org {
        transform: scale(.35);
        margin-block: -210px !important
    }

    .see-blog-inner .see {
        font-size: 10px
    }
	.add-bascet-slider {
		font-size: 10px;
		padding: 4px;
	}
}

@media (max-width:410px) {
    .chart-org {
        transform: scale(.3);
        margin-left: 5px;
        margin-block: -220px !important
    }
}

.accordion-body .summery p {
    font-size: 14px !important;
    margin-block: 0px 8px;
    color: #848484;
    font-weight: 400
}

.align.flex-wrap.contactus-form {
    row-gap: 0
}

.accordion-body .title p {
    font-size: 16px !important;
    font-weight: 500
}

.swiper-about .swiper-slide .title p {
    font-weight: 300;
    font-size: 16px;
    text-align: initial
}

#exampleModal17 {
    scrollbar-width: thin;
    padding: 0 !important
}

#exampleModal17 .modal-dialog {
    max-width: calc(100vw - 10vw);
    margin-inline: auto
}

.dropDown-hover.dropDown-hover-2 .dropDown-menu>ul {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    justify-content: start
}

.dropDown-hover.dropDown-hover-2 {
    /*! flex-direction: column; */
    /*! justify-content: start; */
    /*! gap: 0; */
    flex-wrap: wrap;
    justify-content: start
}

.icon-down>a {
    position: relative !important;
    width: max-content;
    padding: 0 10px
}

.icon-down>a::after {
    content: " ";
    position: absolute !important;
    margin: auto;
    top: 50%;
    font-size: 21px;
    right: -15px;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%229%22%20viewBox%3D%220%200%2015%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.328507%201.11585C0.722724%200.729051%201.35586%200.735067%201.74266%201.12928L6.98502%206.47223L12.328%201.22986C12.7222%200.843062%2013.3553%200.849078%2013.7421%201.2433C14.1289%201.63751%2014.1229%202.27065%2013.7287%202.65744L7.67194%208.60017C7.27773%208.98696%206.64459%208.98095%206.25779%208.58673L0.31507%202.53C-0.0717259%202.13578%20-0.0657103%201.50264%200.328507%201.11585Z%22%20fill%3D%22%23006EAD%22%2F%3E%3C%2Fsvg%3E ');
    background-repeat: no-repeat;
    background-size: contain;
    width: 10px;
    height: 6px
}

.lang {
    position: absolute;
    z-index: 1;
    height: 100%;
    right: 0;
    width: 100%;
    max-width: 95px;
    background: #fad832 !important;
    padding-left: 20px;
    transform: skewx(-35deg)
}

.search-form input {
    border: unset;
    min-height: 35px;
    box-shadow: unset !important;
    padding: 0 0 0 16%;
    height: 48px;
    background: #fbe67e !important;
    border-radius: 0
}

@media(max-width:1550px) {
    .search-form>svg {
        position: absolute;
        left: 19px;
        height: 18px
    }

    .search-form input {
        padding-left: 50px
    }

    .lang {
        max-width: 65px;
        padding-inline: 10px
    }
}

@media(max-width:1400px) {
    .space-100 {
        height: 50px
    }

    .icon-down>a {
        padding: 0 0 0 6px
    }
}

.accordion-body input[type=file] {
    height: auto;
    padding-block: 8px
}

@media(max-width:992px) {
    .accordion-body .align {
        row-gap: 4px !important
    }

    .accordion-body .summery p {
        font-size: 12px !important;
        text-align: inherit
    }

    .accordion-body .title p {
        font-size: 14px !important;
        text-align: inherit
    }

    .accordion-body div div label {
        font-size: 12px
    }

    .accordion-body input[type=file],
    .accordion-body input[type=text],
    .accordion-body select {
        height: 40px;
        border-radius: 8px
    }

    .accordion-body .title {
        margin-bottom: 8px
    }
}

.inner {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15) !important
}

.main-slider {
    margin-top: 9%
}

.box-mission img {
    margin-left: auto;
    display: block
}

.products_box.abs2 .item-slider {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    padding-block: 0
}

.abs2 .body-pr-slider .name {
    margin: 0;
    text-align: center
}

.abs2 td {
    border-width: 1px
}

.banner-top-home {
    min-height: 500px;
    display: flex;
    align-items: center
}

@media(min-width:1080px) {
    .blogs-home .container {
        max-width: 1335px
    }
}

@media (max-width:992px) {
	.top-solution-item img {
		margin-block: 12px 2px;
	}
    .products_box.abs2 .item-slider {
        gap: .5rem;
        background: #fff
    }

    .products_box.abs2 td {
        font-size: 12px
    }

    .abs2 .img-pr-slider img {
        max-width: 100%;
        max-height: 100%
    }

    .abs2 .body-pr-slider .name {
        font-size: 14px
    }

    .abs2 .comapreitem_name,
    .products_box.abs2 tr:first-child td:first-child {
        width: 140px !important;
        max-width: 140px !important;
        min-width: 140px
    }
}

@media (max-width:450px) {
    .main-slider-section .slider-main {
        margin-bottom: 0
    }

    .main-slider {
        margin-top: 35%
    }
}