@charset "UTF-8";
@font-face {
    font-family: dana-fa-num;
    font-style: normal;
    font-weight: 10;
    src: url("fonts/dana/eot/dana-fanum-thin.eot");
    src: url("fonts/dana/eot/dana-fanum-thin.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-thin.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-thin.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: normal;
    font-weight: 200;
    src: url("fonts/dana/eot/dana-fanum-extralight.eot");
    src: url("fonts/dana/eot/dana-fanum-extralight.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-extralight.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-extralight.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: normal;
    font-weight: 300;
    src: url("fonts/dana/eot/dana-fanum-light.eot");
    src: url("fonts/dana/eot/dana-fanum-light.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-light.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-light.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: normal;
    font-weight: 500;
    src: url("fonts/dana/eot/dana-fanum-medium.eot");
    src: url("fonts/dana/eot/dana-fanum-medium.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-medium.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-medium.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: normal;
    font-weight: 600;
    src: url("fonts/dana/eot/dana-fanum-demibold.eot");
    src: url("fonts/dana/eot/dana-fanum-demibold.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-demibold.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-demibold.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: normal;
    font-weight: 750;
    src: url("fonts/dana/eot/dana-fanum-ultrabold.eot");
    src: url("fonts/dana/eot/dana-fanum-ultrabold.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-ultrabold.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-ultrabold.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: normal;
    font-weight: 800;
    src: url("fonts/dana/eot/dana-fanum-extrabold.eot");
    src: url("fonts/dana/eot/dana-fanum-extrabold.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-extrabold.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-extrabold.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: normal;
    font-weight: 900;
    src: url("fonts/dana/eot/dana-fanum-black.eot");
    src: url("fonts/dana/eot/dana-fanum-black.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-black.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-black.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: normal;
    font-weight: bold;
    src: url("fonts/dana/eot/dana-fanum-bold.eot");
    src: url("fonts/dana/eot/dana-fanum-bold.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-bold.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-bold.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: normal;
    font-weight: normal;
    src: url("fonts/dana/eot/dana-fanum-regular.eot");
    src: url("fonts/dana/eot/dana-fanum-regular.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-regular.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-regular.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

/**
Iranic fonts
**/
@font-face {
    font-family: dana-fa-num;
    font-style: italic;
    font-weight: 10;
    src: url("fonts/dana/eot/dana-fanum-thinitalic.eot");
    src: url("fonts/dana/eot/dana-fanum-thinitalic.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-thinitalic.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-thinitalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: italic;
    font-weight: 200;
    src: url("fonts/dana/eot/dana-fanum-extralightitalic.eot");
    src: url("fonts/dana/eot/dana-fanum-extralightitalic.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-extralightitalic.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-extralightitalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: italic;
    font-weight: 300;
    src: url("fonts/dana/eot/dana-fanum-lightitalic.eot");
    src: url("fonts/dana/eot/dana-fanum-lightitalic.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-lightitalic.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-lightitalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: italic;
    font-weight: 500;
    src: url("fonts/dana/eot/dana-fanum-mediumitalic.eot");
    src: url("fonts/dana/eot/dana-fanum-mediumitalic.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-mediumitalic.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-mediumitalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: italic;
    font-weight: 600;
    src: url("fonts/dana/eot/dana-fanum-demibolditalic.eot");
    src: url("fonts/dana/eot/dana-fanum-demibolditalic.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-demibolditalic.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-demibolditalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: italic;
    font-weight: 750;
    src: url("fonts/dana/eot/dana-fanum-ultrabolditalic.eot");
    src: url("fonts/dana/eot/dana-fanum-ultrabolditalic.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-ultrabolditalic.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-ultrabolditalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: italic;
    font-weight: 800;
    src: url("fonts/dana/eot/dana-fanum-extrabolditalic.eot");
    src: url("fonts/dana/eot/dana-fanum-extrabolditalic.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-extrabolditalic.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-extrabolditalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: italic;
    font-weight: 900;
    src: url("fonts/dana/eot/dana-fanum-blackitalic.eot");
    src: url("fonts/dana/eot/dana-fanum-blackitalic.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-blackitalic.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-blackitalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: italic;
    font-weight: bold;
    src: url("fonts/dana/eot/dana-fanum-bolditalic.eot");
    src: url("fonts/dana/eot/dana-fanum-bolditalic.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-bolditalic.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-bolditalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: dana-fa-num;
    font-style: italic;
    font-weight: normal;
    src: url("fonts/dana/eot/dana-fanum-regularitalic.eot");
    src: url("fonts/dana/eot/dana-fanum-regularitalic.eot?#iefix") format("embedded-opentype"), url("fonts/dana/woff2/dana-fanum-regularitalic.woff2") format("woff2"), url("fonts/dana/woff/dana-fanum-regularitalic.woff") format("woff"); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

body {
    font-family: "dana-fa-num" !important;
    font-weight: 400;
    direction: rtl;
    text-align: right;
}

span,
div {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

button {
    border: none;
    background: transparent;
    outline: none;
}

button:focus {
    outline: none;
}

.center_absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
}

.center_relative {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
}

.gray-btn {
    color: #000;
    background-color: #e8e8e9;
    padding: 10px 30px;
    border-radius: 5px;
}

.gray-btn:hover {
    text-decoration: none;
    color: #000;
    background-color: #dddddd;
}

.red-btn {
    text-align: center;
    color: #fff;
    background-color: #e31c40;
    padding: 10px 30px;
    border-radius: 10px;
    border: 1px solid #e31c40;
}

.red-btn:hover {
    text-decoration: none;
    color: #e31c40;
    background-color: #fff;
}

.blue-btn {
    text-align: center;
    color: #fff;
    background-color: #5789ff;
    padding: 10px 30px;
    border-radius: 10px;
    border: 1px solid #5789ff;
}

.blue-btn:hover {
    text-decoration: none;
    color: #5789ff;
    background-color: #fff;
}

.purple-btn {
    text-align: center;
    color: #000;
    background-color: #ded4f3;
    padding: 10px 30px;
    border-radius: 5px;
}

.purple-btn:hover {
    text-decoration: none;
    color: #000;
    background-color: #c9bae7;
}

.center-btn-box {
    margin: 40px 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.center-btn-box .gray-btn {
    margin: 0px 20px;
}

.center-btn-box .purple-btn {
    margin: 0px 20px;
}

.mycontainer {
    position: relative;
    width: 100%;
    height: 100%;
}

.mycontainer2 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.page-container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.sm-bt {
    padding: 6px 9px;
    font-size: 14px;
}

.page-builder-content {
    padding: 50px 0px;
    direction: rtl;
    line-height: 200%;
}

.page-builder-content h1 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}

.page-builder-content h2 {
    font-size: 26px;
    font-weight: 600;
}

.page-builder-content h3 {
    font-size: 23px;
    font-weight: 600;
}

.page-builder-content h4 {
    font-size: 20px;
    font-weight: 600;
}

.page-builder-content header {
    margin-bottom: 20px;
}

.n-w-input {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #dedede;
    padding: 7px 10px;
    margin-bottom: 20px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.select2 {
    width: 100% !important;
}

.n-textarea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #dedede;
    padding: 7px 10px;
    margin-bottom: 20px;
    min-height: 156px;
}

.n-breadcrumb {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 20px;
}

.header_content {
    background-image: url("../img/contentbg.jpg");
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media screen and (max-width: 800px) {
    .header_content {
        height: 250px;
    }
}

@media screen and (max-width: 520px) {
    .header_content {
        height: 140px;
    }
}

@media screen and (max-width: 400px) {
    .header_content {
        height: 120px;
    }
}

.content-container {
    padding: 10px 16px;
}

#branches_select {
    max-width: 334px;
}

.login-window {
    position: fixed;
    width: 0;
    height: 0;
    top: 0px;
    left: 0px;
    z-index: 100000;
}

.login-window-ar {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(240, 240, 240, 0.95);
}

.login-box {
    position: fixed;
    width: 0px;
    height: 0px;
    top: 0px;
    left: 0px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
}

.login-box-content {
    visibility: hidden;
    opacity: 0;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-box-close {
    cursor: pointer;
    width: 35px;
    height: 35px;
    top: 25px;
    right: 25px;
    position: absolute;
    background-color: #e31c40;
    border-radius: 100px;
    background-image: url(../img/new/cross.svg);
    background-size: 50%;
}

.login-inp {
    direction: ltr;
    text-align: left;
    border: none;
    font-size: 20px;
    letter-spacing: 3px;
    border: 1px solid #aaa;
    border-radius: 100px;
    padding: 30px 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.login-message {
    background-color: rgb(255, 210, 210);
    color: rgb(122, 3, 3);
    padding: 10px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: none;
}

.login-content {
    width: 100%;
    max-width: 500px;
    padding: 0px 15px;
    text-align: center;
    max-height: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: scroll;
    overflow-x: hidden;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.login-content::-webkit-scrollbar {
    width: 10px;
}

.login-content::-webkit-scrollbar-track {
    border-radius: 10px;
    background: transparent;
}

.login-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #aaa;
}

.login-content::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.login-title2 {
    margin-bottom: 15px;
}

.login-form-btn {
    border-radius: 100px;
    padding: 12px 20px;
    background-color: #e31c40;
    color: #fff;
}

.login-title3 {
    font-size: 12px;
    padding-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.change-mobile {
    font-size: 12px;
    background-color: #ddd;
    color: #666;
    margin-right: 10px;
    border-radius: 5px;
    padding: 4px 7px;
    cursor: pointer;
}

.send-otp-again {
    font-size: 12px;
    color: #555;
    border: 1px solid #ddd;
    margin-right: 10px;
    border-radius: 5px;
    padding: 4px 7px;
    cursor: pointer;
}

.entered-mobile {
    font-weight: 600;
}

#login_otp {
    letter-spacing: 15px;
    padding: 30px;
    width: 200px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.login-loading-box {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100000;
    background-color: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    display: none;
}

.login_loading {
    top: 48% !important;
    display: block !important;
}

.aparat-video-box {
    padding: 40px 15px;
    width: 100%;
    max-width: 700px;
    margin: auto;
}

.tick-box {
    width: 100%;
    max-width: 350px;
    height: 220px;
    background-image: url(../img/new/copun-club-1.jpg);
    margin: auto;
    background-position: top;
    margin-top: 20px;
}

@media screen and (max-width: 991px) {
    .tick-box {
        margin-top: 0px;
    }
}

.tick-btn:hover {
    color: #fff !important;
}

.tick-text {
    width: 100px;
    height: 20px;
    position: absolute;
    top: 0px;
    font-size: 11px;
    right: 0px;
    line-height: 125%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.tick-text div {
    font-weight: 600;
    font-size: 13px;
}

.tick1 {
    top: 18px;
    right: 120px;
    width: 200px;
}

.tick1 div {
    font-size: 17px;
}

.tick2 {
    top: 48px;
    right: 115px;
    width: 100px;
    height: 33px;
}

.tick3 {
    top: 48px;
    right: 225px;
    width: 98px;
    height: 33px;
}

.tick4 {
    top: 86px;
    right: 115px;
    width: 98px;
    height: 33px;
}

.tick4 div {
    font-weight: 600;
    font-size: 12px;
}

.tick5 {
    top: 86px;
    right: 225px;
    width: 100px;
    height: 33px;
}

.tick5 div {
    font-size: 10px;
}

.tick6 {
    top: 129px;
    right: 115px;
    width: 207px;
    height: 58px;
    font-size: 8px;
}

.ec {
    text-align: center;
}

.ec-login {
    width: 100%;
    height: 165px;
    overflow: hidden;
}

.ec-inp {
    transition: all 0.2s;
    direction: ltr;
    width: 280px;
    margin: auto;
    font-size: 30px;
    letter-spacing: 5px;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #eee;
    border-radius: 100px;
    padding-top: 10px;
    color: #000;
}

.ec-inp:disabled {
    background-color: #fff;
    color: #000;
}

.ec-title {
    transition: all 0.2s;
    margin-bottom: 10px;
}

.ec-btn {
    transition: all 0.2s;
    cursor: pointer;
    background-color: #e31c40;
    background-color: #1376b8;
    background-color: #16a93e;
    border-radius: 100px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 50px;
    margin: auto;
}

.ec-btn-loading {
    background-color: #1376b8;
}

.ec-btn-danger {
    background-color: #e31c40;
}

.ec-message {
    max-width: 320px;
    padding: 10px;
    border-radius: 5px;
    background-color: #1376b8;
    margin: 10px auto;
    font-size: 14px;
    display: none;
}

.ec-message-success {
    background-color: #88eca3;
    color: #0a5f21;
}

.ec-message-danger {
    background-color: #ed93a3;
    color: #650d1e;
}

.ec-title-1 {
    margin-top: 40px;
}

.passed .ec-title-1 {
    margin-top: -20px;
    opacity: 0;
}

.passed .ec-mobile {
    font-size: 14px;
    border: none;
    letter-spacing: 0px;
}

.ec-title-2 {
    visibility: hidden;
    opacity: 0;
}

.ec-otp {
    visibility: hidden;
    opacity: 0;
}

.entered .ec-title-2 {
    visibility: visible;
    opacity: 1;
}

.entered .ec-otp {
    visibility: visible;
    opacity: 1;
}

.ec-username {
    font-size: 20px;
    margin-bottom: 20px;
}

.ec-card {
    font-size: 16px;
    letter-spacing: 1px;
}

.ec-cardbox {
    display: none;
}

.ec-cards-table {
    margin: auto;
    max-width: 300px;
}

.c-params__list {
    width: 100%;
    float: right;
}

.c-params__headline span {
    display: block;
    color: #a7a7a7;
    font-size: 18px;
}

.attr-group-name {
    border-bottom: 2px solid #e31c40;
    max-width: 106px;
}

.c-params__title {
    color: #4d4d4d;
    margin-bottom: 25px;
    position: relative;
    padding-right: 19px;
}

.c-params__title::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 0 7px;
    border-color: transparent transparent transparent #c41a1d;
    transform: rotate(45deg);
}

.c-params__list {
    list-style: none;
    padding: 0;
    margin-bottom: 70px;
}

.c-params__list li {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    margin: 8px -8px;
}

.c-params__list-key .block, .c-params__list-value .block {
    display: block;
    background: #fafafa;
    padding: 14px 18px 12px;
    font-size: 13px;
    line-height: 1.692;
    color: #4d4d4d;
    letter-spacing: -0.3px;
    min-height: 47px;
    position: relative;
}

.c-params__list-key, .c-params__list-value {
    position: relative;
    width: 50%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-flex: 0;
}

.c-params__list-value {
    display: contents;
}

#spec {
    display: unset;
}

.swal-text {
    text-align: center !important;
}

.new-panel {
    padding-top: 30px;
    padding-bottom: 50px;
}

.new-panel .paginationor1 {
    padding-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.new-panel .paginationor1 .btn-default {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: 0px;
}

.new-panel .paginationor1 .btn-default a {
    padding: 5px 10px;
    display: inline-block;
}

.new-panel a.desc {
    position: relative;
}

.new-panel a.desc::before {
    content: "\f063";
    position: absolute;
    top: 50%;
    right: -15px;
    margin-top: -7px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.new-panel a.asc {
    position: relative;
}

.new-panel a.asc::before {
    content: "\f062";
    position: absolute;
    top: 50%;
    right: -15px;
    margin-top: -7px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.main-navbar {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.main-navbar .navbar-brand {
    display: flex;
    align-items: center;
    height: 80px;
}

.main-navbar .logo-img {
    width: 185px;
    height: 70px;
}

.main-navbar .logo-text {
    margin-right: 10px;
    font-size: 11px;
    line-height: 200%;
    color: #e31c40;
}

.main-navbar .logo-text span {
    font-size: 23px;
    font-weight: 500;
    display: block;
}

.main-navbar .navbar-collapse {
    max-height: 400px;
    justify-content: start;
}

@media screen and (max-width: 991px) {
    .main-navbar .navbar-collapse {
        overflow-y: auto;
    }
}

.main-navbar .menu-items {
    margin-bottom: 0px;
    padding-right: 0px;
    list-style: none;
}

.main-navbar .menu-items li {
    display: inline-block;
    border-left: 1px solid #ccc;
}

.main-navbar .menu-items li:last-child {
    border-left: none;
}

@media screen and (max-width: 991px) {
    .main-navbar .menu-items li {
        display: block;
        border: none;
    }
}

.main-navbar .nav-link {
    color: #777;
    font-size: 12px;
    padding: 3px 6px;
    transition: all 0.2s;
}

@media screen and (max-width: 991px) {
    .main-navbar .nav-link {
        font-size: 14px;
        padding: 15px 5px;
        display: flex;
        align-items: center;
    }
}

.main-navbar .nav-link span {
    opacity: 0.9;
    margin-bottom: 8px;
    display: block;
    width: 100%;
    height: 20px;
    background-image: url(../img/new/icons/shopping-basket.png);
    transition: all 0.2s;
    filter: saturate(0);
}

@media screen and (max-width: 991px) {
    .main-navbar .nav-link span {
        display: inline-block;
        width: 20px;
        margin-right: 10px;
        margin-left: 10px;
    }
}

.main-navbar .nav-link:hover {
    color: #e31c40;
}

.main-navbar .nav-link:hover span {
    filter: saturate(1);
    opacity: 0.9;
    transform: scale(1.2);
}

.main-navbar .dropdown-menu {
    right: 0px;
    /*left: auto;*/
    direction: rtl;
    text-align: right;
}

.main-navbar .dropdown-menu a {
    padding: 5px 10px;
}

@media screen and (max-width: 991px) {
    .main-navbar .dropdown-menu {
        position: static;
        float: none;
    }
}

.navbar-toggler {
    margin-top: 6px;
    padding: 10px 10px;
    height: 50px;
    width: 50px;
    border: none;
    position: absolute;
    top: 43px;
    left: 10px;
    z-index: -1;
}

@media screen and (max-width: 991px) {
    .navbar-toggler {
        top: 43px;
    }
}

.navbar-toggler .icon-bar {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    margin-bottom: 7px;
}

.navbar-toggler .icon-bar {
    transition: all 0.3s;
    background-color: #e31c40;
}

.navbar-toggler .icon-bar1 {
    display: block;
    transform: rotate(-45deg);
    transform-origin: 87% 200%;
}

.navbar-toggler .icon-bar2 {
    display: none;
}

.navbar-toggler .icon-bar3 {
    display: block;
    transform: rotate(45deg);
    transform-origin: 55% 100%;
}

@media screen and (max-width: 991px) {
    .toggler-no-login {
        top: 20px !important;
    }
}

.collapsed .icon-bar {
    transform: none !important;
    display: block;
}

.user-btn {
    padding: 8px 18px;
    border-radius: 5px;
    border: 1px solid #aaa;
    color: #222;
    cursor: pointer;
    font-size: 14px;
    border-radius: 100px;
    display: flex;
    align-items: center;
}

.user-btn .fa {
    font-size: 10px;
    padding-right: 5px;
    padding-top: 5px;
    padding-left: 0px;
}

.user-btn .fa::before {
    padding-left: 0px;
}

.user-dropdown-menu {
    /*left: 0px !important;*/
    /*right: auto !important;*/
    position: absolute !important;
    z-index: 10000000000000;
    font-size: 14px;
    /*padding: 0px;*/
    border-radius: 10px;
    overflow: hidden;
}

.user-dropdown-menu .dropdown-header {
    background-color: rgba(227, 28, 64, 0.1);
    color: #e31c40;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 20px !important;
}

.user-dropdown-menu .dropdown-club {
    background-color: rgba(255, 228, 153, 0.2);
    color: #dfa300;
}

.user-dropdown-menu .dropdown-item {
    padding: 10px 20px !important;
}

.user-icon {
    width: 17px;
    height: 17px;
    background-image: url(../img/new/avatar.svg);
    margin-left: 5px;
}

.header-actions {
    position: absolute;
    left: 15px;
    top: 7px;
    height: 80px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media screen and (max-width: 991px) {
    .header-actions {
        justify-content: start;
        height: 40px;
    }
}

.header-hide-mob {
    display: block;
}

@media screen and (max-width: 991px) {
    .header-hide-mob {
        display: none;
    }
}

.header-actions-row1 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 7px;
}

.header-actions-row2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-link-round {
    margin-right: 5px;
    border: 1px solid #e31c40;
    color: #e31c40;
    width: 35px;
    height: 35px;
    border-radius: 40px;
    padding: 4px;
    text-align: center;
    font-size: 14px;
    padding-top: 8px;
}

.header-link-round:hover {
    color: #fff;
    background-color: #e31c40;
    text-decoration: none;
}

.header-link-round .fa::before {
    margin: 0px;
    padding: 0px;
}

.location-link {
    padding-top: 1px;
    font-size: 26px;
}

.tooltip {
    font-family: "dana-fa-num";
}

.search-form {
    background-color: #e31c40;
    border-radius: 100px;
    left: 53px;
}

@media screen and (max-width: 991px) {
    .search-form {
        position: static;
        padding-right: 10px;
    }
}

.search-form .search-btn {
    width: 40px;
    height: 40px;
    background-image: url(../img/lenz.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}

.search-form .search-input {
    height: 34px;
    width: 150px;
    display: none;
    border-radius: 0px 100px 100px 0px;
    background-size: 50%;
    outline: none;
    font-size: 13px;
    border: none;
    margin-right: 4px !important;
}

@media screen and (max-width: 991px) {
    .search-form .search-input {
        display: block;
        width: calc(100% - 50px);
    }
}

.search-form .search-input :focus {
    outline: none;
}

.search-form:hover .search-input {
    display: block;
}

.search-active .search-input {
    display: block;
}

/*@media screen and (max-width: 991px) {*/
/*    .main-search-btn {*/
/*        position: fixed;*/
/*        top: 55px;*/
/*        left: 65px;*/
/*    }*/
/*}*/

@media screen and (max-width: 991px) {
    .main-search-btn-nologin {
        top: 31px;
    }
}

.new-search-btn {
    background-color: #e31c40;
    background-image: url(../img/lenz.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}

.search-bar {
    display: none;
    overflow: scroll;
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    height: calc(100vh - 100px);
    background-image: linear-gradient(#f8f9fa 0%, #f8f9fa 50%, rgba(248, 249, 250, 0.8) 100%);
}

.search-bar__container {
    width: 100%;
    padding: 15px;
    max-width: 1000px;
    margin: auto;
}

.new-search-form {
    border-radius: 100px;
    left: 53px;
    display: flex;
}

.new-search-form .new-search-close {
    width: 40px;
    height: 40px;
    background-color: #777;
    border-radius: 100px;
    color: #fff;
    display: flex;
    align-items: end;
    justify-content: center;
    font-size: 25px;
    margin-right: 5px;
}

.new-search-form .new-search-close .fa::before {
    padding-left: 0;
}

.new-search-form .new-search-btn {
    width: 40px;
    height: 40px;
    background-color: #e31c40;
    background-image: url(../img/lenz.png);
    background-repeat: no-repeat;
    background-size: 50%;
    border-radius: 100px 0px 0px 100px;
    background-position: center;
}

.new-search-form .new-search-input {
    height: 40px;
    width: calc(100% - 100px);
    border-radius: 0px 100px 100px 0px;
    background-size: 50%;
    outline: none;
    font-size: 13px;
    border: 1px solid #e31c40;
    margin-right: 4px !important;
}

@media screen and (max-width: 991px) {
    .new-search-form .new-search-input {
        display: block;
    }
}

.new-search-form .new-search-input :focus {
    outline: none;
}

.new-search-form:hover .search-input {
    display: block;
}

.search_loading {
    display: none;
    border: 5px solid rgba(0, 0, 0, 0); /* Light grey */
    border-top: 5px solid #e31c40; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -12px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.search-results-box {
    padding: 20px 0px;
}

.radio {
    font-size: 22px;
    position: relative;
    padding-top: 5px;
    background-image: url(../img/new/icons/radio.png);
    background-position: 50% 40%;
    background-size: 60%;
}

.radio:hover {
    background-image: url(../img/new/icons/radio-w.png);
}

.radio__tri {
    display: none;
    position: absolute;
    top: 100%;
    left: 9px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e31c40;
}

.radio__popup {
    position: absolute;
    width: 310px;
    padding: 5px;
    border-radius: 10px;
    left: -53px;
    top: 100%;
    display: none;
    padding-top: 10px;
}

.radio__popup-box {
    background-color: #e31c40;
    border-radius: 10px 10px 10px 10px;
    width: 310px;
    padding-top: 10px;
}

.radio__popup-title {
    color: #fff;
    font-size: 16px;
    padding-bottom: 10px;
}

.radio:hover .radio__popup {
    display: block;
}

.radio:hover .radio__tri {
    display: block;
}

.mob-lang-btn {
    position: absolute;
    top: 27px;
    left: 65px;
    display: none;
}

@media screen and (max-width: 991px) {
    .mob-lang-btn {
        display: block;
    }
}

.hide {
    display: none;
}

.header-actions-col {
    display: none;
}

@media screen and (max-width: 991px) {
    .header-actions-col {
        display: block;
    }
}

.login-location-form {
    display: none;
}

/* width */
.mega-menu__dropdown .ui-tabs-nav {
    overflow-y: scroll;
}

.mega-menu__item:hover {
    color: #e31c40;
}

.mega-menu__item:hover > a {
    color: #e31c40;
}

.mega-menu__dropdown .ui-tabs-nav::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.mega-menu__dropdown .ui-tabs-nav::-webkit-scrollbar-track {
    border-radius: 0px;
    background: #eee;
}

/* Handle */
.mega-menu__dropdown .ui-tabs-nav::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(158, 158, 158, 0.5490196078);
}

/* Handle on hover */
.mega-menu__dropdown .ui-tabs-nav::-webkit-scrollbar-thumb:hover {
    background: rgba(158, 158, 158, 0.8196078431);
}

.mega-menu__item {
    color: #777;
    font-size: 12px;
    /*padding: 3px 6px;*/
    transition: all 0.2s;
}

.mega-link {
    color: #777;
    font-size: 12px;
    padding: 3px 6px;
    transition: all 0.2s;
}

.mega-link:hover {
    color: red !important;
}

.mega-icon:hover {
    filter: saturate(1);
    opacity: 0.9;
    transform: scale(1.2);
}

.mega-menu__item span {
    opacity: 0.9;
    margin-bottom: 8px;
    display: block;
    width: 100%;
    height: 20px;
    transition: all 0.2s;
    filter: saturate(0);
}

.hand-cursor a:hover {
    cursor: pointer !important;
}

.footer {
    background-color: #f8f9fa;
    position: relative;
    border-top: 1px solid #ddd;
    padding-top: 30px;
    padding-bottom: 0px;
}

.footer__link-head {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #444;
    margin-top: 20px;
    margin-bottom: 5px;
}

.footer__link-head:hover {
    color: #444;
}

.footer__link {
    display: block;
    font-size: 14px;
    color: #444;
    font-weight: 400;
    line-height: 170%;
}

.footer__link:hover {
    color: #444;
}

.footer_row2 {
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: 1px solid #eee;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .footer_row2 {
        padding-bottom: 50px;
    }
}

.cr {
    color: #999;
    padding: 5px 5px;
    font-size: 10px;
    margin-top: 7px;
    text-align: center;
}

.social {
    float: left;
    width: 34px;
    height: 34px;
    background-color: #e8e8e9;
    border: 1px solid #e8e8e9;
    border-radius: 50%;
    margin-right: 4px;
    margin-bottom: 4px;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center center;
}

.social_neg {
    background-color: #e8e8e9;
}

.social_neg:hover {
    background-color: #dddddd;
}

.enlink {
    background-image: url(../img/en.png);
    background-size: 100%;
}

.falink {
    background-image: url(../img/fa.png);
    background-size: 103%;
}

.social1 {
    background-image: url(../img/social/01.png);
    background-color: #0088cc;
}

.social2 {
    background-image: url(../img/social/insta.png);
    background-size: 103%;
}

.social3 {
    background-image: url(../img/social/03.png);
    background-color: #ed145b;
}

.social4 {
    background-image: url(../img/social/04.png);
    background-color: #007BB6;
}

.social5 {
    background-image: url(../img/social/fb.png);
    background-color: #3B5998;
}

.social6 {
    background-image: url(../img/social/tw.png);
    background-color: #00B6F1;
}

.social7 {
    background-image: url(../img/social/gp.png);
    background-color: #DF4A32;
}

.social1_neg {
    background-image: url(../img/social/01-neg.png);
}

.social2_neg {
    background-image: url(../img/social/02-neg.png);
}

.social3_neg {
    background-image: url(../img/social/03-neg.png);
}

.social4_neg {
    background-image: url(../img/social/04-neg.png);
}

.social5_neg {
    background-image: url(../img/social/fb-neg.png);
}

.social6_neg {
    background-image: url(../img/social/tw-neg.png);
}

.social7_neg {
    background-image: url(../img/social/gp-neg.png);
}

.uniqo_logo {
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
    background-image: url(../img/uniqo-logo.png);
    background-color: #e8e8e9;
    background-position: right;
    border-radius: 20px;
    background-size: auto 80%;
    transition: all 0.6s;
}

.uniqo_logo:hover {
    background-color: #dddddd;
    width: 100px;
}

.landing_slider {
    width: 100%;
}

.landing_slider .main_slide {
    width: 100%;
    border-radius: 5px;
}

.landing_slider .main_slide_content {
    background-size: cover;
    width: 100%;
    padding-bottom: 30%;
}

@media screen and (max-width: 768px) {
    .landing_slider .main_slide_content {
        padding-bottom: 40%;
    }
}

.landing_slider .slick-dots li.slick-active button:before {
    color: #fff;
}

.landing_slider .slick-dots {
    background-color: rgba(0, 0, 0, 0.15);
    width: auto;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    border: 1px solid #fff;
    padding: 0px 7px;
}

@media screen and (max-width: 768px) {
    .landing_slider .slick-dots {
        display: none !important;
    }
}

.landing_slider .slick-dots li {
    margin: 5px 0px;
}

.landing_slider .slick-dots button::before {
    font-size: 24px;
    color: #fff;
}

.fran-top {
    width: 100%;
    padding-bottom: 30%;
    background-size: cover;
    background-image: url(../img/new/fran/top-new.jpg);
    margin-bottom: 10px;
    background-position: top center;
    background-size: contain;
    position: relative;
}

@media screen and (max-width: 991px) {
    .fran-top {
        padding-bottom: 40%;
        background-size: cover;
        margin-bottom: 40px;
    }
}

.fran-top__shop {
    position: absolute;
    bottom: 0px;
    right: 60%;
    width: 60%;
    height: 100%;
    background-image: url(../img/new/fran/fran-shop.png);
    background-position: bottom;
}

.fran-top__cta-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 991px) {
    .fran-top__cta-box {
        font-size: 12px;
        bottom: -30px;
    }
}

.fran-top__cta-link {
    color: #fff;
    background-color: #e31c40;
    padding: 2px 10px;
    border-radius: 7px;
    margin: 1px 5px;
    font-size: 24px;
}

.fran-top__cta-link:hover {
    color: #fff;
}

@media screen and (max-width: 991px) {
    .fran-top__cta-link {
        font-size: 12px;
    }
}

.fran-icons {
    padding-top: 40px;
    padding-bottom: 40px;
}

.fran-icon__icon {
    width: 150px;
    height: 150px;
    border-radius: 400px;
    border: 10px solid #e31c40;
    display: block;
    margin: auto;
    background-size: contain;
}

.fran-icon__text {
    padding-top: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
}

.fran-icon1 {
    background-position: center;
    background-size: 100% 100%;
    background-image: url(../img/new/fran/icon-1.png);
}

@-webkit-keyframes fran-anim {
    0% {
        background-size: 100% 100%;
    }
    50% {
        background-size: 120% 120%;
    }
    100% {
        background-size: 100% 100%;
    }
}

@keyframes fran-anim {
    0% {
        background-size: 100% 100%;
    }
    50% {
        background-size: 120% 120%;
    }
    100% {
        background-size: 100% 100%;
    }
}

.fran-icon2 {
    background-image: url(../img/new/fran/icon-2.png);
}

.fran-icon3 {
    background-image: url(../img/new/fran/icon-3.png);
}

.fran-icon4 {
    background-image: url(../img/new/fran/icon-4.png);
}

.fran-bar {
    width: 100%;
    height: 50px;
    background-image: url(../img/new/fran/fran-bar.png);
    background-color: #e31c40;
    margin-bottom: 30px;
}

.fran-video__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 500;
    font-size: 18px;
    color: #444;
    height: 100%;
    padding: 0px 20px;
    line-height: 220%;
}

.fran-video__text span {
    font-size: 30px;
    display: block;
}

.fran-video__img {
    border-radius: 15px;
}

.fran-video__text2 {
    font-size: 16px;
    color: #444;
}

.fran-video__text2 span.num {
    font-size: 60px;
}

.fran-bar2 {
    width: 100%;
    padding: 15px 10px;
    background-color: #e31c40;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

@media screen and (max-width: 991px) {
    .fran-bar2 {
        font-size: 14px;
    }
}

.fran-ef-slide {
    width: 100%;
    height: 200px;
    background-size: contain;
}

.fran-ef__text {
    font-size: 24px;
    color: #555;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    height: 100%;
    font-weight: 500;
    text-align: center;
}

.fran-map {
    background-color: #e31c40;
    padding: 30px 0px;
}

.fran-map__text-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: #fff;
}

.fran-map__text1 {
    font-size: 36px;
    padding-top: 30px;
    font-weight: 500;
}

.fran-map__legend {
    position: relative;
    padding-right: 24px;
    margin-bottom: 5px;
}

.fran-map__legend::before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: 5px;
}

.fran-map .legend1::before {
    background-color: #2f600a;
}

.fran-map .legend2::before {
    background-color: #499a0b;
}

.fran-map .legend3::before {
    background-color: #b5eb8c;
}

.fran-map .legend4::before {
    background-color: #fff;
}

.fran-form {
    background-image: url(../img/new/fran/bg.jpg);
    background-size: cover;
}

.fran-form .container {
    padding: 30px 40px;
    background-color: #fff;
}

.fran-form__title {
    color: #e31c40;
    font-size: 24px;
    margin-bottom: 20px;
}

.fran-form .input {
    margin-bottom: 20px;
}

.fran-form label {
    font-size: 20px;
}

.fran-form input {
    display: block;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #999;
    border-radius: 5px;
}

.fran-form .select2 .select2-selection {
    padding: 7px;
    font-size: 15px;
    height: auto;
}

.fran-form .select2-dropdown {
    font-size: 14px;
}

.fran-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    margin-right: 10px;
}

.arrow_text {
    position: relative;
}

.arrow_text::before {
    content: "";
    position: absolute;
    top: 2px;
    width: 30px;
    height: 30px;
    right: -30px;
    background-image: url(../img/new/fran/arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.circle_text {
    position: relative;
    font-size: 18px;
    line-height: 200%;
    margin-bottom: 10px;
}

.circle_text::before {
    content: "";
    position: absolute;
    top: 2px;
    width: 30px;
    height: 30px;
    right: -30px;
    background-image: url(../img/new/fran/circle.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.fran-shop {
    background-image: linear-gradient(#fff 0%, #fff 81%, #e31c40 81%, #e31c40);
    width: 100%;
    position: relative;
}

.fran-shop__image {
    width: 100%;
    background-image: url(../img/new/fran/shop.png);
    height: 400px;
    top: 0px;
}

@media screen and (max-width: 991px) {
    .fran-shop__image {
        height: 300px;
    }
}

@media screen and (max-width: 768px) {
    .fran-shop__image {
        height: 16 lan0px;
    }
}

.fran-tab {
    display: flex;
    border: none !important;
}

@media screen and (max-width: 991px) {
    .fran-tab {
        flex-direction: column;
        align-items: center;
    }
}

.tab-btn-box {
    width: 200px;
    background-color: #fff;
    border: 1px solid #e31c40;
    padding: 0px !important;
    height: 75px;
    border-radius: 10px;
}

.tab-btn-box li {
    border-radius: 9px;
    margin: 0px !important;
    border: none !important;
    width: 100%;
    text-align: center;
}

.tab-btn-box a {
    font-weight: 500;
    font-size: 16px;
    border-radius: 9px;
    width: 100%;
    text-align: center;
    background-color: #fff;
    color: #e31c40 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background-color: #e31c40;
    color: #fff !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background-color: #e31c40;
    color: #fff !important;
}

.en_content {
    text-align: justify;
}

.home-banner-btn {
    position: absolute;
    background-color: #fff;
    color: #000;
    padding: 10px 15px;
    top: 50%;
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    .home-banner-btn {
        top: 20%;
    }
}

.home-banner-btn1 {
    left: -21px;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
    transform: rotate(90deg);
    transform-origin: center;
    display: none;
}

.home-banner-btn2 {
    right: -21px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
    transform: rotate(90deg);
    transform-origin: center;
}

.home-banner {
    width: 100%;
    padding-bottom: 28%;
    background-size: cover;
    transition: all 0.3s;
}

@media screen and (max-width: 991px) {
    .home-banner {
        padding-bottom: 58%;
    }
}

.home-banner-1 {
    background-image: url(../img/new/en/banner1.jpg);
}

.home-banner-2 {
    background-image: url(../img/new/en/banner2.jpg);
}

.home-title {
    position: relative;
    color: #e31c40;
    font-weight: 600;
    font-size: 30px;
    display: inline-block;
    cursor: pointer;
}

.home-title::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0px;
    background-color: #e31c40;
}

.inactive-tab {
    color: #555;
}

.inactive-tab::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0px;
    background-color: #fff;
}

.inactive-tab:hover {
    color: #e31c40;
}

.home-text {
    margin-top: 30px;
    margin-bottom: 50px;
    line-height: 190%;
}

.home-bar {
    background-color: #ffa100;
    background-image: url(../img/new/en/home-bar.png);
    height: 50px;
    width: 100%;
}

.home-about {
    position: relative;
    background-color: #cdd1d3;
    padding-bottom: 30px;
}

.home-about__gr {
    width: 100%;
    height: 70px;
    background-image: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0));
}

.home-about__icon {
    background-image: url(../img/new/en/home-about.gif);
    width: 100%;
    height: 200px;
}

.home-about__text-box {
    padding-top: 40px;
}

.home-about__title {
    font-size: 24px;
    font-weight: 500;
}

.home-about__text {
    font-size: 16px;
    line-height: 180%;
}

.home-about__btn-box {
    padding-top: 20px;
}

.w-btn {
    background-color: #fff;
    border-radius: 100px;
    padding: 6px 20px;
    color: #000;
}

.w-btn:hover {
    color: #000;
}

.home-boxes {
    padding-top: 50px;
    padding-bottom: 100px;
}

.home-box {
    width: 100%;
}

.home-box__title {
    color: #777;
    font-size: 24px;
}

.home-box__r {
    padding-top: 20px;
    display: flex;
    align-items: flex-end;
}

.home-box__num {
    line-height: 100%;
    color: #e31c40;
    font-size: 65px;
    font-weight: 500;
}

.home-box__icon {
    width: 70px;
    height: 70px;
}

.home-box .icon-1 {
    background-image: url(../img/new/en/icon1.png);
}

.home-box .icon-2 {
    background-image: url(../img/new/en/icon2.png);
}

.home-box .icon-3 {
    background-image: url(../img/new/en/icon3.png);
}

.home-box-v {
    width: 100%;
}

.home-box-v__item {
    color: #777;
    font-size: 30px;
    margin-bottom: 40px;
}

.home-box-v__title {
    display: inline-block;
}

.home-box-v__num {
    display: inline-block;
    line-height: 100%;
    color: #e31c40;
    font-size: 40px;
    font-weight: 500;
}

.awards-img {
    width: 100%;
    max-width: 500px;
    display: block;
    margin: auto;
}

.story-box {
    padding: 30px 0px;
    background-color: #e31c40;
    color: #fff;
}

.story-box-title {
    text-align: center;
    font-size: 26px;
}

.story-slider-box {
    width: 100%;
    padding: 0px 50px;
    position: relative;
}

.story-line {
    position: absolute;
    width: calc(100% - 100px);
    height: 4px;
    border-radius: 10px;
    background-color: #fff;
    top: 140px;
}

.story {
    position: relative;
}

.story__image {
    width: 120px;
    height: 120px;
    border-radius: 400px;
    border: 10px solid #fff;
    background-color: #fff;
    margin: auto;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.2s;
}

.story__year {
    text-align: center;
    width: 100%;
    margin-top: 30px;
    font-size: 40px;
    font-weight: 500;
    transform: translateY(-80px);
    transition: all 0.2s;
}

.story__dot {
    position: absolute;
    top: 130px;
    left: 50%;
    margin-left: -10px;
    width: 24px;
    height: 24px;
    border-radius: 30px;
    border: 4px solid #e31c40;
    background-color: #fff;
}

.story__text {
    transform: translateY(-40px);
    font-size: 14px;
    line-height: 180%;
    padding: 0px 20px;
    transition: all 0.2s;
    text-align: center;
}

.story:hover .story__image {
    transform: translateY(0px);
    opacity: 1;
}

.story:hover .story__year {
    transform: translateY(0px);
}

.story:hover .story__text {
    transform: translateY(0px);
}

.slider_arrow {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    transform: translateY(-50%);
    top: 140px;
    width: 40px;
    height: 40px;
}

@media screen and (max-width: 768px) {
    .slider_arrow {
        transform: scale(0.7) translateY(-20px);
    }
}

.prev_arrow_story {
    left: -30px;
    width: 30px;
    height: 50px;
    transition: all 0.2s;
}

.prev_arrow_story span {
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    width: 0px;
    left: 12px;
    height: 1px;
    background-color: #fff;
}

.prev_arrow_story:before {
    transition: all 0.3s;
    content: "";
    position: absolute;
    top: 47%;
    width: 16px;
    left: 8px;
    height: 3px;
    background-color: #fff;
    transform: rotate(45deg);
    transform-origin: 0% 0%;
}

.prev_arrow_story:after {
    transition: all 0.3s;
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    width: 16px;
    height: 3px;
    background-color: #fff;
    transform: rotate(-45deg);
    transform-origin: 0% 0%;
}

.next_arrow_story {
    right: -30px;
    width: 30px;
    height: 50px;
    transition: all 0.2s;
}

.next_arrow_story span {
    transition: all 0.2s;
    position: absolute;
    top: 50%;
    height: 1px;
    background-color: #fff;
    width: 0px;
    right: 12px;
}

.next_arrow_story:before {
    transition: all 0.2s;
    content: "";
    position: absolute;
    top: 53%;
    width: 16px;
    right: 8px;
    height: 3px;
    background-color: #fff;
    transform: rotate(45deg);
    transform-origin: 100% 100%;
}

.next_arrow_story:after {
    transition: all 0.2s;
    content: "";
    position: absolute;
    top: 50%;
    width: 16px;
    right: 6px;
    height: 3px;
    background-color: #fff;
    transform: rotate(-45deg);
    transform-origin: 100% 100%;
}

.slick-disabled {
    opacity: 0 !important;
}

.leadership-content {
    padding-top: 80px;
    text-align: justify;
}

@media screen and (max-width: 991px) {
    .leadership-content {
        padding-top: 30px;
    }
}

.leader {
    padding: 30px 0px;
    display: flex;
}

@media screen and (max-width: 991px) {
    .leader {
        flex-direction: column;
        align-items: center;
    }
}

.leader__image {
    width: 200px;
    height: 200px;
    border: 10px solid #d6d4d4;
    border-radius: 200px;
    filter: grayscale(100);
    transition: all 0.3s;
}

.leader__image:hover {
    filter: grayscale(0);
    border: 10px solid #e31c40;
}

.leader .leader1 {
    background-image: url(../img/new/en/leader/1.jpg);
}

.leader .leader2 {
    background-image: url(../img/new/en/leader/2.jpg);
}

.leader .leader3 {
    background-image: url(../img/new/en/leader/3.jpg);
}

.leader .leader4 {
    background-image: url(../img/new/en/leader/4.jpg);
}

.leader .leader5 {
    background-image: url(../img/new/en/leader/5.jpg);
}

.leader .leader6 {
    background-image: url(../img/new/en/leader/006.jpg);
}

.leader .leader7 {
    background-image: url(../img/new/en/leader/7.jpg);
}

.leader__info {
    padding: 0px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media screen and (max-width: 991px) {
    .leader__info {
        padding: 0px 0px;
        align-items: center;
    }
}

.leader__name {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 5px;
}

@media screen and (max-width: 991px) {
    .leader__name {
        font-size: 20px;
        text-align: center;
    }
}

.leader__position {
    font-size: 18px;
    font-weight: 400;
}

@media screen and (max-width: 991px) {
    .leader__position {
        text-align: center;
        font-size: 15px;
    }
}

.leader-text {
    font-weight: 400;
    line-height: 180%;
    border-bottom: 1px solid #e31c40;
    padding-bottom: 20px;
    margin-bottom: 50px;
}

.ok-pattern {
    width: 100%;
    height: 100%;
    background-image: url(../img/new/en/pattern.png);
    background-repeat: repeat;
    background-size: auto;
    opacity: 0.2;
}

@media screen and (max-width: 991px) {
    .ok-pattern {
        background-size: 50%;
    }
}

.content-text {
    font-weight: 400;
    line-height: 180%;
    padding-top: 10px;
}

.fran-info {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 991px) {
    .fran-info {
        display: none;
    }
}

.fran-info-mob {
    width: 100%;
    display: none;
    height: auto;
}

@media screen and (max-width: 991px) {
    .fran-info-mob {
        display: block;
    }
}

.en-page-content {
    padding: 40px 0px;
    min-height: 400px;
    text-align: justify;
}

.en-page-content-text {
    margin-top: 20px;
}

.social-res {
    display: flex;
    margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
    .social-res {
        flex-direction: column;
    }
}

.social-res__info {
    width: 70%;
    display: flex;
}

@media screen and (max-width: 991px) {
    .social-res__info {
        width: 100%;
    }
}

.social-res__image {
    width: 30%;
    position: relative;
    background-size: cover;
}

@media screen and (max-width: 991px) {
    .social-res__image {
        width: 100%;
        height: 150px;
    }
}

.social-res .sr1 {
    background-image: url(../img/new/en/social-res/01.jpg);
}

.social-res .sr2 {
    background-image: url(../img/new/en/social-res/02.jpg);
}

.social-res .sr3 {
    background-image: url(../img/new/en/social-res/03.jpg);
}

.social-res .sr4 {
    background-image: url(../img/new/en/social-res/04.jpg);
}

.social-res .sr5 {
    background-image: url(../img/new/en/social-res/05.jpg);
}

.social-res__gr {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
}

.social-res__num {
    min-width: 60px;
    font-size: 90px;
    color: #ccc;
    font-weight: 500;
    line-height: 100%;
}

@media screen and (max-width: 991px) {
    .social-res__num {
        min-width: 30px;
        font-size: 40px;
    }
}

.social-res__text-box {
    padding: 0px 10px;
    line-height: 170%;
    color: #636466;
}

.social-res__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 200%;
}

.landing-header__cover-photo {
    background-size: cover;
    width: 100%;
    padding-bottom: 25%;
}

@media screen and (max-width: 768px) {
    .landing-header__cover-photo {
        padding-bottom: 50%;
    }
}

.landing-icons {
    padding-top: 40px;
    padding-bottom: 40px;
}

.landing-icon__icon {
    width: 150px;
    height: 150px;
    border-radius: 400px;
    border: 10px solid #e31c40;
    display: block;
    margin: auto;
    background-size: contain;
    background-image: url(../img/new/claim-def.png);
}

@media screen and (max-width: 991px) {
    .landing-icon__icon {
        width: 130px;
        height: 130px;
    }
}

.landing-icon__text {
    padding-top: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
}

.landing-bar {
    width: 100%;
    height: 50px;
    background-image: url(../img/new/landing-bar.png);
    background-color: #e31c40;
    margin-bottom: 30px;
}

.b-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: c;
}

.main_slider {
    width: 100%;
}

.main_slider .main_slide {
    width: 100%;
    border-radius: 5px;
}

.main_slider .main_slide_content {
    background-size: cover;
    width: 100%;
    padding-bottom: 40%;
}

@media screen and (max-width: 768px) {
    .main_slider .main_slide_content {
        padding-bottom: 75%;
    }
}

.main_slider .slick-dots li.slick-active button:before {
    color: #fff;
}

.main_slider .slick-dots {
    background-color: rgba(0, 0, 0, 0.15);
    width: auto;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    border: 1px solid #fff;
    padding: 0px 7px;
}

@media screen and (max-width: 768px) {
    .main_slider .slick-dots {
        display: none !important;
    }
}

.main_slider .slick-dots li {
    margin: 5px 0px;
}

.main_slider .slick-dots button::before {
    font-size: 24px;
    color: #fff;
}

.news-navbar {
    background-color: #e31c40;
    color: #000;
    border-radius: 5px;
    padding: 10px 0px;
    margin-bottom: 20px;
}

.news-navbar .nav-link {
    color: #fff !important;
}

.news-navbar .nav-link:hover {
    color: #fff;
}

@media screen and (max-width: 991px) {
    .news-navbar .nav-link {
        padding: 5px 3px;
    }
}

.news-navbar .icon-bar {
    background-color: #fff;
}

#all_cat_container article > .row {
    flex-direction: row-reverse;
}

#all_cat_container article header h2 {
    font-size: 22px;
    color: #e31c40;
}

.row.title {
    font-size: 20px;
    display: block;
}

.row.title a {
    font-size: 22px;
    color: #e31c40;
}

.ozviat_row {
    flex-direction: row-reverse;
    margin-bottom: 10px;
}

.post_col header > .row {
    flex-direction: row-reverse;
}

.comments-title {
    font-size: 24px;
    color: #e31c40;
    margin-top: 10px;
}

.social-row {
    padding: 10px 0px;
    border-bottom: 2px solid #e31c40;
    flex-direction: row-reverse;
}

.social_media_share_header {
    font-size: 18px;
    padding-top: 3px;
}

.ostan_dropdown {
    width: 600px;
}

.ostan_dropdown > li > a {
    display: inline-block;
    width: 195px;
}

.claim-icon {
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}

.cell {
    vertical-align: top;
}

.search-bg {
    background-color: #f1f1f1;
}

.search-container {
    background-color: #fff;
    padding-bottom: 100px;
}

.search-header {
    padding: 50px 15px;
    text-align: center;
}

.search-header__title {
    margin-bottom: 30px;
}

.search-header form {
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.search-header .search-input {
    border-radius: 5px;
    border: 1px solid #aaa;
    padding: 10px;
    width: 300px;
}

@media screen and (max-width: 991px) {
    .search-header .search-input {
        margin-bottom: 10px;
    }
}

.search-res-box {
    padding: 0px 20px;
}

.search-res {
    margin-bottom: 40px;
}

.search-res__title {
    font-size: 18px;
    color: #666;
    font-weight: 300;
    margin-bottom: 10px;
    padding-right: 10px;
}

.search-res__title span {
    color: #000;
    font-weight: 500;
}

.search-res__title::before {
    content: "";
    width: 11px;
    height: 11px;
    background-color: #e31c40;
    top: 7px;
    right: 10px;
    position: absolute;
    border-radius: 30px;
}

.search-res__list {
    padding-right: 20px;
    position: relative;
    padding-bottom: 20px;
}

.search-res__list::before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #e31c40;
    top: -25px;
    right: 0px;
    position: absolute;
}

.search-res__link {
    display: block;
    color: rgb(0, 140, 255);
    line-height: 160%;
    margin-bottom: 10px;
}

.safir-top {
    width: 100%;
    background-image: url(../img/new/safir/top-desk.jpg);
    background-size: contain;
    padding-bottom: 42%;
    margin-bottom: 50px;
    background-position: top center;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .safir-top {
        background-image: url(../img/new/safir/top-mob.jpg);
        padding-bottom: 67%;
        background-size: cover;
    }
}

.safir-icons {
    padding-top: 40px;
    padding-bottom: 40px;
}

.safir-icon__icon {
    width: 150px;
    height: 150px;
    border-radius: 400px;
    border: 10px solid #e31c40;
    display: block;
    margin: auto;
    background-size: contain;
}

.safir-icon__text {
    padding-top: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
}

.safir-icon1 {
    background-position: center;
    background-size: 100% 100%;
    background-image: url(../img/new/safir/icon-1-red.png);
}

.safir-icon2 {
    background-image: url(../img/new/safir/icon-2-red.png);
}

.safir-icon3 {
    background-image: url(../img/new/safir/icon-3-red.png);
}

.safir-icon4 {
    background-image: url(../img/new/safir/icon-4-red.png);
}

.safir-bar {
    width: 100%;
    height: 50px;
    background-image: url(../img/new/safir/safir-bar.png);
    background-color: #e31c40;
    margin-bottom: 30px;
}

.safir-video__text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: #444;
    height: 100%;
}

.safir-video__text span {
    font-size: 30px;
    display: block;
}

.safir-video__img {
    border-radius: 15px;
}

.safir-video__text2 {
    font-size: 16px;
    color: #444;
}

.safir-video__text2 span.num {
    font-size: 60px;
}

.safir-bar2 {
    width: 100%;
    padding: 15px 10px;
    background-color: #e31c40;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

@media screen and (max-width: 991px) {
    .safir-bar2 {
        font-size: 14px;
    }
}

.safir-ef-slide {
    width: 100%;
    height: 200px;
    background-size: contain;
}

.safir-ef__text {
    font-size: 24px;
    color: #555;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    height: 100%;
    font-weight: 500;
    text-align: center;
}

.safir-map {
    background-color: #e31c40;
    padding: 30px 0px;
}

.safir-map__text-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: #fff;
}

.safir-map__text1 {
    font-size: 36px;
    padding-top: 30px;
    font-weight: 500;
}

.safir-map__legend {
    position: relative;
    padding-right: 24px;
    margin-bottom: 5px;
}

.safir-map__legend::before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: 5px;
}

.safir-map .legend1::before {
    background-color: #2f600a;
}

.safir-map .legend2::before {
    background-color: #499a0b;
}

.safir-map .legend3::before {
    background-color: #b5eb8c;
}

.safir-map .legend4::before {
    background-color: #fff;
}

.safir-form {
    background-size: cover;
}

.safir-form .container {
    padding: 30px 40px;
    background-color: #fff;
}

.safir-form__title {
    color: #e31c40;
    font-size: 24px;
    margin-bottom: 20px;
}

.safir-form .input {
    margin-bottom: 20px;
}

.safir-form label {
    font-size: 20px;
}

.safir-form input {
    display: block;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #999;
    border-radius: 5px;
}

.safir-form .select2 .select2-selection {
    padding: 7px;
    font-size: 15px;
    height: auto;
}

.safir-form .select2-dropdown {
    font-size: 14px;
}

.safir-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    margin-right: 10px;
}

.safir-form .checkbox input {
    display: inline;
    width: auto;
    margin-left: 10px;
}

.safir-form .checkbox label {
    font-size: 16px;
    display: inline-block;
}

.safir-form .message {
    padding: 10px;
}

.motor-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-top: 40px;
}

@media screen and (max-width: 991px) {
    .motor-box {
        padding-top: 20px;
        flex-direction: column-reverse;
    }
}

.motor-box__motor {
    width: 30%;
    height: 400px;
    background-image: url(../img/new/safir/mashin.png);
    background-position: right;
}

@media screen and (max-width: 991px) {
    .motor-box__motor {
        width: 100%;
        height: 200px;
        flex-direction: column-reverse;
    }
}

.motor-box__text-box {
    width: 40%;
    padding-right: 10%;
}

@media screen and (max-width: 991px) {
    .motor-box__text-box {
        width: 100%;
        height: 250px;
    }
}

.motor-box__title {
    font-size: 30px;
    font-weight: 500;
}

.motor-box__item {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    padding-right: 25px;
    margin-bottom: 6px;
}

.motor-box__item::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../img/new/safir/arr.png);
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.motor-box__kolah {
    width: 30%;
    height: 400px;
    background-image: url(../img/new/safir/motor.png);
    background-position: center;
    background-size: 75%;
}

@media screen and (max-width: 991px) {
    .motor-box__kolah {
        width: 100%;
        height: 130px;
        background-size: contain;
        margin-bottom: 20px;
    }
}

.birthyear-box {
    display: flex;
    align-items: flex-end;
}

.birthyear-box .birthyear {
    width: 50px;
    text-align: left;
    font-size: 20px;
    direction: ltr;
}

.birthyear-box .birthyear-digit {
    padding-bottom: 30px;
    margin-right: -10px;
    font-size: 20px;
}

.anbar-top {
    width: 100%;
    background-image: url(../img/new/anbar/top-desk.jpg);
    background-size: contain;
    padding-bottom: 42%;
    margin-bottom: 50px;
    background-position: top center;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .anbar-top {
        background-image: url(../img/new/anbar/top-mob.jpg);
        padding-bottom: 67%;
        background-size: cover;
    }
}

.anbar-icons {
    padding-top: 40px;
    padding-bottom: 40px;
}

.anbar-icon__icon {
    width: 150px;
    height: 150px;
    border-radius: 400px;
    border: 10px solid #e31c40;
    display: block;
    margin: auto;
    background-size: contain;
}

.anbar-icon__text {
    padding-top: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
}

.anbar-icon1 {
    background-position: center;
    background-size: 100% 100%;
    background-image: url(../img/new/anbar/icon-1-red.png);
}

.anbar-icon2 {
    background-image: url(../img/new/anbar/icon-2-red.png);
}

.anbar-icon3 {
    background-image: url(../img/new/anbar/icon-3-red.png);
}

.anbar-icon4 {
    background-image: url(../img/new/anbar/icon-4-red.png);
}

.anbar-bar {
    width: 100%;
    height: 50px;
    background-image: url(../img/new/anbar/anbar-bar.png);
    background-color: #e31c40;
    margin-bottom: 30px;
}

.anbar-video__text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: #444;
    height: 100%;
}

.anbar-video__text span {
    font-size: 30px;
    display: block;
}

.anbar-video__img {
    border-radius: 15px;
}

.anbar-video__text2 {
    font-size: 16px;
    color: #444;
}

.anbar-video__text2 span.num {
    font-size: 60px;
}

.anbar-bar2 {
    width: 100%;
    padding: 15px 10px;
    background-color: #e31c40;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

@media screen and (max-width: 991px) {
    .anbar-bar2 {
        font-size: 14px;
    }
}

.anbar-ef-slide {
    width: 100%;
    height: 200px;
    background-size: contain;
}

.anbar-ef__text {
    font-size: 24px;
    color: #555;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    height: 100%;
    font-weight: 500;
    text-align: center;
}

.anbar-map {
    background-color: #e31c40;
    padding: 30px 0px;
}

.anbar-map__text-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: #fff;
}

.anbar-map__text1 {
    font-size: 36px;
    padding-top: 30px;
    font-weight: 500;
}

.anbar-map__legend {
    position: relative;
    padding-right: 24px;
    margin-bottom: 5px;
}

.anbar-map__legend::before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: 5px;
}

.anbar-map .legend1::before {
    background-color: #2f600a;
}

.anbar-map .legend2::before {
    background-color: #499a0b;
}

.anbar-map .legend3::before {
    background-color: #b5eb8c;
}

.anbar-map .legend4::before {
    background-color: #fff;
}

.anbar-form {
    background-size: cover;
}

.anbar-form .container {
    padding: 30px 40px;
    background-color: #fff;
}

.anbar-form__title {
    color: #e31c40;
    font-size: 24px;
    margin-bottom: 20px;
}

.anbar-form .input {
    margin-bottom: 20px;
}

.anbar-form label {
    font-size: 20px;
}

.anbar-form input {
    display: block;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #999;
    border-radius: 5px;
}

.anbar-form .select2 .select2-selection {
    padding: 7px;
    font-size: 15px;
    height: auto;
}

.anbar-form .select2-dropdown {
    font-size: 14px;
}

.anbar-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    margin-right: 10px;
}

.anbar-form .checkbox input {
    display: inline;
    width: auto;
    margin-left: 10px;
}

.anbar-form .checkbox label {
    font-size: 16px;
    display: inline-block;
}

.anbar-form .message {
    padding: 10px;
}

.conditions {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-top: 40px;
}

@media screen and (max-width: 991px) {
    .conditions {
        padding-top: 20px;
        flex-direction: column-reverse;
    }
}

.conditions__text-box {
    width: 40%;
    padding-right: 10%;
}

@media screen and (max-width: 991px) {
    .conditions__text-box {
        width: 100%;
        height: 250px;
    }
}

.conditions__title {
    font-size: 30px;
    font-weight: 500;
}

.conditions__item {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    padding-right: 25px;
    margin-bottom: 6px;
}

.conditions__item::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../img/new/anbar/arr.png);
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.conditions__motor {
    width: 30%;
    background-position: right;
}

@media screen and (max-width: 991px) {
    .conditions__motor {
        width: 100%;
        flex-direction: column-reverse;
    }
}

.conditions__kolah {
    width: 30%;
    background-position: center;
    background-size: 75%;
}

@media screen and (max-width: 991px) {
    .conditions__kolah {
        width: 100%;
        background-size: contain;
        margin-bottom: 20px;
    }
}

.farakhan-top {
    width: 100%;
    background-image: url(../img/new/farakhan/top-desk.jpg);
    background-size: contain;
    padding-bottom: 42%;
    margin-bottom: 50px;
    background-position: top center;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .farakhan-top {
        background-image: url(../img/new/farakhan/top-mob.jpg);
        padding-bottom: 67%;
        background-size: cover;
    }
}

.farakhan-icons {
    padding-top: 40px;
    padding-bottom: 40px;
}

.farakhan-icon__icon {
    width: 150px;
    height: 150px;
    border-radius: 400px;
    border: 10px solid #e31c40;
    display: block;
    margin: auto;
    background-size: contain;
}

.farakhan-icon__text {
    padding-top: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
}

.farakhan-icon1 {
    background-position: center;
    background-size: 100% 100%;
    background-image: url(../img/new/farakhan/icon-1-red.png);
}

.farakhan-icon2 {
    background-image: url(../img/new/farakhan/icon-2-red.png);
}

.farakhan-icon3 {
    background-image: url(../img/new/farakhan/icon-3-red.png);
}

.farakhan-icon4 {
    background-image: url(../img/new/farakhan/icon-4-red.png);
}

.farakhan-bar {
    width: 100%;
    height: 50px;
    background-image: url(../img/new/farakhan/bar.png);
    background-color: #e31c40;
    margin-bottom: 30px;
}

.farakhan-video__text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: #444;
    height: 100%;
}

.farakhan-video__text span {
    font-size: 30px;
    display: block;
}

.farakhan-video__img {
    border-radius: 15px;
}

.farakhan-video__text2 {
    font-size: 16px;
    color: #444;
}

.farakhan-video__text2 span.num {
    font-size: 60px;
}

.farakhan-bar2 {
    width: 100%;
    padding: 15px 10px;
    background-color: #e31c40;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

@media screen and (max-width: 991px) {
    .farakhan-bar2 {
        font-size: 14px;
    }
}

.farakhan-ef-slide {
    width: 100%;
    height: 200px;
    background-size: contain;
}

.farakhan-ef__text {
    font-size: 24px;
    color: #555;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    height: 100%;
    font-weight: 500;
    text-align: center;
}

.farakhan-map {
    background-color: #e31c40;
    padding: 30px 0px;
}

.farakhan-map__text-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: #fff;
}

.farakhan-map__text1 {
    font-size: 36px;
    padding-top: 30px;
    font-weight: 500;
}

.farakhan-map__legend {
    position: relative;
    padding-right: 24px;
    margin-bottom: 5px;
}

.farakhan-map__legend::before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: 5px;
}

.farakhan-map .legend1::before {
    background-color: #2f600a;
}

.farakhan-map .legend2::before {
    background-color: #499a0b;
}

.farakhan-map .legend3::before {
    background-color: #b5eb8c;
}

.farakhan-map .legend4::before {
    background-color: #fff;
}

.farakhan-form {
    background-size: cover;
}

.farakhan-form .container {
    padding: 30px 40px;
    background-color: #fff;
}

.farakhan-form__title {
    color: #e31c40;
    font-size: 24px;
    margin-bottom: 20px;
}

.farakhan-form .input {
    margin-bottom: 20px;
}

.farakhan-form label {
    font-size: 20px;
}

.farakhan-form input {
    display: block;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #999;
    border-radius: 5px;
}

.farakhan-form .select2 .select2-selection {
    padding: 7px;
    font-size: 15px;
    height: auto;
}

.farakhan-form .select2-dropdown {
    font-size: 14px;
}

.farakhan-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    margin-right: 10px;
}

.farakhan-form .checkbox input {
    display: inline;
    width: auto;
    margin-left: 10px;
}

.farakhan-form .checkbox label {
    font-size: 16px;
    display: inline-block;
}

.farakhan-form .message {
    padding: 10px;
}

.conditions {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-top: 40px;
}

@media screen and (max-width: 991px) {
    .conditions {
        padding-top: 20px;
        flex-direction: column-reverse;
    }
}

.conditions__text-box {
    width: 40%;
    padding-right: 10%;
}

@media screen and (max-width: 991px) {
    .conditions__text-box {
        width: 100%;
        height: 250px;
    }
}

.conditions__title {
    font-size: 30px;
    font-weight: 500;
}

.conditions__item {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    padding-right: 25px;
    margin-bottom: 6px;
}

.conditions__item::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../img/new/farakhan/arr.png);
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.conditions__motor {
    width: 30%;
    background-position: right;
}

@media screen and (max-width: 991px) {
    .conditions__motor {
        width: 100%;
        flex-direction: column-reverse;
    }
}

.conditions__kolah {
    width: 30%;
    background-position: center;
    background-size: 75%;
}

@media screen and (max-width: 991px) {
    .conditions__kolah {
        width: 100%;
        background-size: contain;
        margin-bottom: 20px;
    }
}

.cspfjob-top {
    width: 100%;
    background-image: url(../img/new/cspfjob/top-desk.jpg);
    background-size: contain;
    padding-bottom: 25%;
    margin-bottom: 50px;
    background-position: top center;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .cspfjob-top {
        background-image: url(../img/new/cspfjob/top-mob.jpg);
        padding-bottom: 67%;
        background-size: cover;
    }
}

.cspfjob-icons {
    padding-top: 40px;
    padding-bottom: 40px;
}

.cspfjob-icon__icon {
    width: 150px;
    height: 150px;
    border-radius: 400px;
    border: 10px solid #e31c40;
    display: block;
    margin: auto;
    background-size: contain;
}

.cspfjob-icon__text {
    padding-top: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
}

.cspfjob-icon1 {
    background-position: center;
    background-size: 100% 100%;
    background-image: url(../img/new/cspfjob/icon-1-red.png);
}

.cspfjob-icon2 {
    background-image: url(../img/new/cspfjob/icon-2-red.png);
}

.cspfjob-icon3 {
    background-image: url(../img/new/cspfjob/icon-3-red.png);
}

.cspfjob-icon4 {
    background-image: url(../img/new/cspfjob/icon-4-red.png);
}

.cspfjob-bar {
    width: 100%;
    height: 50px;
    background-image: url(../img/new/cspfjob/bar.png);
    background-color: #e31c40;
    margin-bottom: 30px;
}

.cspfjob-video__text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: #444;
    height: 100%;
}

.cspfjob-video__text span {
    font-size: 30px;
    display: block;
}

.cspfjob-video__img {
    border-radius: 15px;
}

.cspfjob-video__text2 {
    font-size: 16px;
    color: #444;
}

.cspfjob-video__text2 span.num {
    font-size: 60px;
}

.cspfjob-bar2 {
    width: 100%;
    padding: 15px 10px;
    background-color: #e31c40;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

@media screen and (max-width: 991px) {
    .cspfjob-bar2 {
        font-size: 14px;
    }
}

.cspfjob-ef-slide {
    width: 100%;
    height: 200px;
    background-size: contain;
}

.cspfjob-ef__text {
    font-size: 24px;
    color: #555;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    height: 100%;
    font-weight: 500;
    text-align: center;
}

.cspfjob-map {
    background-color: #e31c40;
    padding: 30px 0px;
}

.cspfjob-map__text-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: #fff;
}

.cspfjob-map__text1 {
    font-size: 36px;
    padding-top: 30px;
    font-weight: 500;
}

.cspfjob-map__legend {
    position: relative;
    padding-right: 24px;
    margin-bottom: 5px;
}

.cspfjob-map__legend::before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: 5px;
}

.cspfjob-map .legend1::before {
    background-color: #2f600a;
}

.cspfjob-map .legend2::before {
    background-color: #499a0b;
}

.cspfjob-map .legend3::before {
    background-color: #b5eb8c;
}

.cspfjob-map .legend4::before {
    background-color: #fff;
}

.cspfjob-form {
    background-size: cover;
}

.cspfjob-form .container {
    padding: 30px 40px;
    background-color: #fff;
}

.cspfjob-form__title {
    color: #e31c40;
    font-size: 24px;
    margin-bottom: 20px;
}

.cspfjob-form .input {
    margin-bottom: 20px;
}

.cspfjob-form label {
    font-size: 20px;
}

.cspfjob-form input {
    display: block;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #999;
    border-radius: 5px;
}

.cspfjob-form .select2 .select2-selection {
    padding: 7px;
    font-size: 15px;
    height: auto;
}

.cspfjob-form .select2-dropdown {
    font-size: 14px;
}

.cspfjob-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    margin-right: 10px;
}

.cspfjob-form .checkbox input {
    display: inline;
    width: auto;
    margin-left: 10px;
}

.cspfjob-form .checkbox label {
    font-size: 16px;
    display: inline-block;
}

.cspfjob-form .message {
    padding: 10px;
}

.conditions {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-top: 40px;
}

@media screen and (max-width: 991px) {
    .conditions {
        padding-top: 20px;
        flex-direction: column-reverse;
    }
}

.conditions__text-box {
    width: 40%;
    padding-right: 10%;
}

@media screen and (max-width: 991px) {
    .conditions__text-box {
        width: 100%;
        height: 250px;
    }
}

.conditions__title {
    font-size: 30px;
    font-weight: 500;
}

.conditions__item {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    padding-right: 25px;
    margin-bottom: 6px;
}

.conditions__item::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../img/new/cspfjob/arr.png);
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.conditions__motor {
    width: 30%;
    background-position: right;
}

@media screen and (max-width: 991px) {
    .conditions__motor {
        width: 100%;
        flex-direction: column-reverse;
    }
}

.conditions__kolah {
    width: 30%;
    background-position: center;
    background-size: 75%;
}

@media screen and (max-width: 991px) {
    .conditions__kolah {
        width: 100%;
        background-size: contain;
        margin-bottom: 20px;
    }
}

.baz-title {
    display: inline-block;
    border-bottom: 2px solid #e31c40;
    padding-bottom: 5px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-top: 40px;
}

.landing-simple-text {
    font-size: 18px;
    line-height: 180%;
    text-align: justify;
}

.bar-with-text {
    padding: 20px 10px;
    font-size: 20px;
    font-weight: 500;
    background-color: #e31c40;
    width: 100%;
    color: #fff;
    text-align: center;
}

.care-top {
    width: 100%;
    height: 60vh;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url(../img/new/care/bg.svg);
    background-size: cover;
    border-radius: 0px 0px 100px 100px;
}

.care-top__title {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .care-top__title {
        font-size: 26px;
    }
}

.care-top__icon {
    width: 200px;
    height: 200px;
    background-image: url(../img/new/care/main-icon.png);
    margin-bottom: 15px;
}

.care-top__subtitle {
    font-size: 24px;
    margin-bottom: 45px;
}

@media screen and (max-width: 991px) {
    .care-top__subtitle {
        font-size: 20px;
    }
}

.care-icons-box {
    margin-top: -70px;
}

.care-icon {
    display: block;
    width: 100%;
    padding: 15px;
    height: 150px;
    text-align: center;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    background-color: #fff;
    margin-bottom: 15px;
}

.care-icon__icon {
    width: 100%;
    height: 70px;
}

.care-icon__text {
    margin-top: 10px;
    color: #707070;
    font-size: 14px;
}

.care-icon1 {
    background-image: url(../img/new/care/icon1.svg);
}

.care-icon2 {
    background-image: url(../img/new/care/icon2.svg);
}

.care-icon3 {
    background-image: url(../img/new/care/icon3.svg);
}

.care-icon4 {
    background-image: url(../img/new/care/icon4.svg);
}

.care-icon5 {
    background-image: url(../img/new/care/icon5.svg);
}

.care-icon6 {
    background-image: url(../img/new/care/icon6.svg);
}

.care-container {
    width: 100%;
    max-width: 600px;
    margin: auto;
    padding: 15px;
}

.care-text1 {
    margin-top: 20px;
    font-size: 18px;
    color: #707070;
    text-align: center;
}

.care-text2 {
    font-size: 16px;
    text-align: justify;
    margin-bottom: 30px;
    color: #707070;
    line-height: 200%;
}

.care-hr {
    width: 100%;
    height: 30px;
    background-image: url(../img/new/care/hr.svg);
    margin: 30px 0px;
}

.care-content {
    font-size: 16px;
    text-align: justify;
    line-height: 200%;
}

.care-content img {
    width: 100%;
}

@media screen and (max-width: 991px) {
    .care-content img {
        margin-bottom: 20px;
    }
}

.care-content .row {
    margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
    .care-content .row {
        margin-bottom: 50px;
    }
}

.care-par {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    direction: rtl;
    color: #707070;
}

.row-rev {
    direction: ltr;
}

@media screen and (max-width: 991px) {
    .row-rev {
        direction: rtl;
    }
}

.nav-top {
    width: 100%;
    background-image: url(../img/new/nav/top-desk.jpg);
    background-size: contain;
    padding-bottom: 25%;
    margin-bottom: 50px;
    background-position: top center;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .nav-top {
        background-image: url(../img/new/nav/top-desk.jpg);
        padding-bottom: 45%;
        background-size: cover;
    }
}

.nav-icons {
    padding-top: 40px;
    padding-bottom: 40px;
}

.nav-icon__icon {
    width: 150px;
    height: 150px;
    border-radius: 400px;
    border: 10px solid #e31c40;
    display: block;
    margin: auto;
    background-size: contain;
}

.nav-icon__text {
    padding-top: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
}

.nav-icon1 {
    background-position: center;
    background-size: 100% 100%;
    background-image: url(../img/new/nav/icon-1-red.png);
}

.nav-icon2 {
    background-image: url(../img/new/nav/icon-2-red.png);
}

.nav-icon3 {
    background-image: url(../img/new/nav/icon-3-red.png);
}

.nav-icon4 {
    background-image: url(../img/new/nav/icon-4-red.png);
}

.nav-bar {
    width: 100%;
    height: 50px;
    background-image: url(../img/new/nav/nav-bar.png);
    background-color: #e31c40;
    margin-bottom: 30px;
}

.nav-video__text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: #444;
    height: 100%;
}

.nav-video__text span {
    font-size: 30px;
    display: block;
}

.nav-video__img {
    border-radius: 15px;
}

.nav-video__text2 {
    font-size: 16px;
    color: #444;
}

.nav-video__text2 span.num {
    font-size: 60px;
}

.nav-bar2 {
    width: 100%;
    padding: 15px 10px;
    background-color: #e31c40;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

@media screen and (max-width: 991px) {
    .nav-bar2 {
        font-size: 14px;
    }
}

.nav-ef-slide {
    width: 100%;
    height: 200px;
    background-size: contain;
}

.nav-ef__text {
    font-size: 24px;
    color: #555;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    height: 100%;
    font-weight: 500;
    text-align: center;
}

.nav-map {
    background-color: #e31c40;
    padding: 30px 0px;
}

.nav-map__text-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: #fff;
}

.nav-map__text1 {
    font-size: 36px;
    padding-top: 30px;
    font-weight: 500;
}

.nav-map__legend {
    position: relative;
    padding-right: 24px;
    margin-bottom: 5px;
}

.nav-map__legend::before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: 5px;
}

.nav-map .legend1::before {
    background-color: #2f600a;
}

.nav-map .legend2::before {
    background-color: #499a0b;
}

.nav-map .legend3::before {
    background-color: #b5eb8c;
}

.nav-map .legend4::before {
    background-color: #fff;
}

.nav-form {
    background-size: cover;
}

.nav-form .container {
    padding: 30px 40px;
    background-color: #fff;
}

.nav-form__title {
    color: #e31c40;
    font-size: 24px;
    margin-bottom: 20px;
}

.nav-form .input {
    margin-bottom: 20px;
}

.nav-form label {
    font-size: 20px;
}

.nav-form input {
    display: block;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #999;
    border-radius: 5px;
}

.nav-form .select2 .select2-selection {
    padding: 7px;
    font-size: 15px;
    height: auto;
}

.nav-form .select2-dropdown {
    font-size: 14px;
}

.nav-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    margin-right: 10px;
}

.nav-form .checkbox input {
    display: inline;
    width: auto;
    margin-left: 10px;
}

.nav-form .checkbox label {
    font-size: 16px;
    display: inline-block;
}

.nav-form .message {
    padding: 10px;
}

.nav-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-top: 40px;
}

@media screen and (max-width: 991px) {
    .nav-box {
        padding-top: 20px;
        flex-direction: column-reverse;
    }
}

.nav-box__nav {
    width: 100%;
    height: 400px;
    background-image: url(../img/new/nav/mashin.png);
    background-position: right;
}

@media screen and (max-width: 991px) {
    .nav-box__nav {
        width: 100%;
        height: 200px;
        flex-direction: column-reverse;
    }
}

.nav-box__text-box {
    width: 100%;
    padding-top: 40px;
}

@media screen and (max-width: 991px) {
    .nav-box__text-box {
        width: 100%;
    }
}

.nav-box__title {
    font-size: 30px;
    font-weight: 500;
}

.nav-box__item {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    padding-right: 25px;
    margin-bottom: 6px;
}

.nav-box__item::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../img/new/nav/arr.png);
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.nav-box__kolah {
    width: 100%;
    height: 400px;
    background-image: url(../img/new/nav/mashin.png);
    background-position: center;
    background-size: 75%;
}

@media screen and (max-width: 991px) {
    .nav-box__kolah {
        width: 100%;
        height: 130px;
        background-size: contain;
        margin-bottom: 20px;
    }
}

.basarfeh-header {
    width: 100%;
    height: 70px;
    background-image: url(../img/new/logo.png);
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.basarfeh-top {
    width: 100%;
    background-image: url(../img/new/basarfeh/top-desk.jpg);
    background-size: cover;
    padding-bottom: 33%;
    border-radius: 0px 0px 40px 40px;
    margin-bottom: 50px;
    background-position: top center;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .basarfeh-top {
        background-image: url(../img/new/basarfeh/top-desk.jpg);
        padding-bottom: 55%;
        background-size: cover;
        border-radius: 0px 0px 20px 20px;
    }
}

.basarfeh-title {
    text-align: center;
    color: #e31c40;
    font-size: 26px;
    margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
    .basarfeh-title {
        margin-bottom: 10px;
        font-size: 17px;
    }
}

.basarfeh-title span {
    display: block;
    font-size: 33px;
    font-weight: 600;
    margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
    .basarfeh-title span {
        font-size: 28px;
    }
}

.basarfeh-form {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.basarfeh-form form {
    width: 100%;
    direction: ltr;
}

.basarfeh-mob {
    width: 100%;
    padding: 10px;
    background-color: #e9e9e9;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    margin-bottom: 10px;
}

.basarfeh-btn {
    width: 100%;
    text-align: center;
}

.basarfeh-icons {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f1f1f1;
}

.basarfeh-icon {
    margin-bottom: 20px;
}

.basarfeh-icon__icon {
    width: 110px;
    height: 110px;
    border-radius: 400px;
    display: block;
    margin: auto;
    background-color: #fff;
    background-size: contain;
}

@media screen and (max-width: 991px) {
    .basarfeh-icon__icon {
        width: 70px;
        height: 70px;
    }
}

.basarfeh-icon__text {
    padding-top: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
}

@media screen and (max-width: 991px) {
    .basarfeh-icon__text {
        font-size: 11px;
    }
}

.basarfeh-icon1 {
    background-image: url(../img/new/basarfeh/8.svg);
}

.basarfeh-icon2 {
    background-image: url(../img/new/basarfeh/7.svg);
}

.basarfeh-icon3 {
    background-image: url(../img/new/basarfeh/6.svg);
}

.basarfeh-icon4 {
    background-image: url(../img/new/basarfeh/5.svg);
}

.basarfeh-icon6 {
    background-image: url(../img/new/basarfeh/4.svg);
}

.basarfeh-icon5 {
    background-image: url(../img/new/basarfeh/3.svg);
}

.basarfeh-icon7 {
    background-image: url(../img/new/basarfeh/2.svg);
}

.basarfeh-icon8 {
    background-image: url(../img/new/basarfeh/1.svg);
}

.jv-top {
    width: 100%;
    background-image: url(../img/new/jv/top-desk.jpg);
    background-size: cover;
    padding-bottom: 42%;
    margin-bottom: 50px;
    background-position: top center;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .jv-top {
        padding-bottom: 67%;
        background-size: cover;
    }
}

.jv-middle {
    background-image: url(../img/new/jv/jv-middle.jpg);
    background-size: auto 100%;
    background-position: center;
    color: #fff;
    background-color: #2c065b;
}

@media screen and (max-width: 991px) {
    .jv-middle {
        background-image: none;
    }
}

.jv-info {
    font-size: 14px;
    color: #777;
    text-align: justify;
}

@media screen and (max-width: 991px) {
    .mob-center {
        text-align: center;
    }
}

.jv-middle-mob {
    width: 100%;
    transform: translate(-15px, 0px);
    height: auto;
    display: none;
}

@media screen and (max-width: 991px) {
    .jv-middle-mob {
        display: block;
    }
}

.jv-title {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 600;
}

.jv-icons {
    padding-top: 40px;
    padding-bottom: 40px;
}

.jv-icon__icon {
    width: 150px;
    height: 150px;
    border-radius: 400px;
    border: 10px solid #e31c40;
    display: block;
    margin: auto;
    background-size: contain;
}

.jv-icon__text {
    padding-top: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
}

.jv-icon1 {
    background-position: center;
    background-size: 100% 100%;
    background-image: url(../img/new/jv/icon-1-red.png);
}

.jv-icon2 {
    background-image: url(../img/new/jv/icon-2-red.png);
}

.jv-icon3 {
    background-image: url(../img/new/jv/icon-3-red.png);
}

.jv-icon4 {
    background-image: url(../img/new/jv/icon-4-red.png);
}

.jv-bar {
    width: 100%;
    height: 50px;
    background-image: url(../img/new/jv/jv-bar.png);
    background-color: #e31c40;
    margin-bottom: 30px;
}

.jv-video__text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: #444;
    height: 100%;
}

.jv-video__text span {
    font-size: 30px;
    display: block;
}

.jv-video__img {
    border-radius: 15px;
}

.jv-video__text2 {
    font-size: 16px;
    color: #444;
}

.jv-video__text2 span.num {
    font-size: 60px;
}

.jv-bar2 {
    width: 100%;
    padding: 15px 10px;
    background-color: #e31c40;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

@media screen and (max-width: 991px) {
    .jv-bar2 {
        font-size: 14px;
    }
}

.jv-ef-slide {
    width: 100%;
    height: 200px;
    background-size: contain;
}

.jv-ef__text {
    font-size: 24px;
    color: #555;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    height: 100%;
    font-weight: 500;
    text-align: center;
}

.jv-map {
    background-color: #e31c40;
    padding: 30px 0px;
}

.jv-map__text-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: #fff;
}

.jv-map__text1 {
    font-size: 36px;
    padding-top: 30px;
    font-weight: 500;
}

.jv-map__legend {
    position: relative;
    padding-right: 24px;
    margin-bottom: 5px;
}

.jv-map__legend::before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: 5px;
}

.jv-map .legend1::before {
    background-color: #2f600a;
}

.jv-map .legend2::before {
    background-color: #499a0b;
}

.jv-map .legend3::before {
    background-color: #b5eb8c;
}

.jv-map .legend4::before {
    background-color: #fff;
}

.jv-form {
    background-size: cover;
}

.jv-form .container {
    padding: 30px 40px;
    background-color: #fff;
}

.jv-form__title {
    color: #e31c40;
    font-size: 24px;
    margin-bottom: 20px;
}

.jv-form .input {
    margin-bottom: 20px;
}

.jv-form label {
    font-size: 20px;
}

.jv-form input {
    display: block;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #999;
    border-radius: 5px;
}

.jv-form .select2 .select2-selection {
    padding: 7px;
    font-size: 15px;
    height: auto;
}

.jv-form .select2-dropdown {
    font-size: 14px;
}

.jv-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    margin-right: 10px;
}

.jv-form .checkbox input {
    display: inline;
    width: auto;
    margin-left: 10px;
}

.jv-form .checkbox label {
    font-size: 16px;
    display: inline-block;
}

.jv-form .message {
    padding: 10px;
}

.jv-brands-box {
    width: 100%;
    display: flex;
    padding: 15px;
    background-color: #fff;
    border-radius: 30px;
}

@media screen and (max-width: 991px) {
    .jv-brands-box {
        flex-direction: column;
        max-width: 340px;
        margin: auto;
    }
}

.jv-brands-box .jv-brands-1 {
    width: 38%;
}

@media screen and (max-width: 991px) {
    .jv-brands-box .jv-brands-1 {
        width: 100%;
    }
}

.jv-brands-box .jv-brands-2 {
    width: 38%;
}

@media screen and (max-width: 991px) {
    .jv-brands-box .jv-brands-2 {
        width: 100%;
    }
}

.jv-brands-box .jv-brands-3 {
    width: 24%;
}

@media screen and (max-width: 991px) {
    .jv-brands-box .jv-brands-3 {
        width: 70%;
    }
}

.jv-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-top: 40px;
}

@media screen and (max-width: 991px) {
    .jv-box {
        padding-top: 20px;
        flex-direction: column-reverse;
    }
}

.jv-box__jv {
    width: 100%;
    height: 400px;
    background-image: url(../img/new/jv/mashin.png);
    background-position: right;
}

@media screen and (max-width: 991px) {
    .jv-box__jv {
        width: 100%;
        height: 200px;
        flex-direction: column-reverse;
    }
}

.jv-box__text-box {
    width: 100%;
    padding-top: 15px;
}

@media screen and (max-width: 991px) {
    .jv-box__text-box {
        width: 100%;
        height: 250px;
    }
}

.jv-box__title {
    font-size: 30px;
    font-weight: 500;
}

.jv-box__item {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    padding-right: 25px;
    margin-bottom: 6px;
}

.jv-box__item::before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.jv-box__kolah {
    width: 100%;
    height: 400px;
    background-image: url(../img/new/jv/motor.png);
    background-position: center;
    background-size: 75%;
}

@media screen and (max-width: 991px) {
    .jv-box__kolah {
        width: 100%;
        height: 130px;
        background-size: contain;
        margin-bottom: 20px;
    }
}

.hasti-top {
    width: 100%;
    background-image: url(../img/new/hasti/top-desk.jpg);
    background-size: contain;
    padding-bottom: 25%;
    margin-bottom: 50px;
    background-position: top center;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .hasti-top {
        background-image: url(../img/new/hasti/top-desk.jpg);
        padding-bottom: 45%;
        background-size: cover;
    }
}

.hasti-icons {
    padding-top: 40px;
    padding-bottom: 40px;
}

.hasti-icon__icon {
    width: 150px;
    height: 150px;
    border-radius: 400px;
    border: 10px solid #e31c40;
    display: block;
    margin: auto;
    background-size: contain;
}

.hasti-icon__text {
    padding-top: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
}

.hasti-icon1 {
    background-position: center;
    background-size: 100% 100%;
    background-image: url(../img/new/hasti/icon-1-red.png);
}

.hasti-icon2 {
    background-image: url(../img/new/hasti/icon-2-red.png);
}

.hasti-icon3 {
    background-image: url(../img/new/hasti/icon-3-red.png);
}

.hasti-icon4 {
    background-image: url(../img/new/hasti/icon-4-red.png);
}

.hasti-bar {
    width: 100%;
    height: 50px;
    background-image: url(../img/new/hasti/hasti-bar.png);
    background-color: #e31c40;
    margin-bottom: 30px;
}

.hasti-video__text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: #444;
    height: 100%;
}

.hasti-video__text span {
    font-size: 30px;
    display: block;
}

.hasti-video__img {
    border-radius: 15px;
}

.hasti-video__text2 {
    font-size: 16px;
    color: #444;
}

.hasti-video__text2 span.num {
    font-size: 60px;
}

.hasti-bar2 {
    width: 100%;
    padding: 15px 10px;
    background-color: #e31c40;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

@media screen and (max-width: 991px) {
    .hasti-bar2 {
        font-size: 14px;
    }
}

.hasti-ef-slide {
    width: 100%;
    height: 200px;
    background-size: contain;
}

.hasti-ef__text {
    font-size: 24px;
    color: #555;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    height: 100%;
    font-weight: 500;
    text-align: center;
}

.hasti-map {
    background-color: #e31c40;
    padding: 30px 0px;
}

.hasti-map__text-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: #fff;
}

.hasti-map__text1 {
    font-size: 36px;
    padding-top: 30px;
    font-weight: 500;
}

.hasti-map__legend {
    position: relative;
    padding-right: 24px;
    margin-bottom: 5px;
}

.hasti-map__legend::before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: 5px;
}

.hasti-map .legend1::before {
    background-color: #2f600a;
}

.hasti-map .legend2::before {
    background-color: #499a0b;
}

.hasti-map .legend3::before {
    background-color: #b5eb8c;
}

.hasti-map .legend4::before {
    background-color: #fff;
}

.hasti-form {
    background-size: cover;
}

.hasti-form .container {
    padding: 30px 40px;
    background-color: #fff;
}

.hasti-form__title {
    color: #e31c40;
    font-size: 24px;
    margin-bottom: 20px;
}

.hasti-form .input {
    margin-bottom: 20px;
}

.hasti-form label {
    font-size: 20px;
}

.hasti-form input {
    display: block;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #999;
    border-radius: 5px;
}

.hasti-form .select2 .select2-selection {
    padding: 7px;
    font-size: 15px;
    height: auto;
}

.hasti-form .select2-dropdown {
    font-size: 14px;
}

.hasti-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    margin-right: 10px;
}

.hasti-form .checkbox input {
    display: inline;
    width: auto;
    margin-left: 10px;
}

.hasti-form .checkbox label {
    font-size: 16px;
    display: inline-block;
}

.hasti-form .message {
    padding: 10px;
}

.hasti-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-top: 40px;
}

@media screen and (max-width: 991px) {
    .hasti-box {
        padding-top: 20px;
        flex-direction: column-reverse;
    }
}

.hasti-box__hasti {
    width: 100%;
    height: 400px;
    background-image: url(../img/new/hasti/mashin.png);
    background-position: right;
}

@media screen and (max-width: 991px) {
    .hasti-box__hasti {
        width: 100%;
        height: 200px;
        flex-direction: column-reverse;
    }
}

.hasti-box__text-box {
    width: 100%;
    padding-top: 40px;
}

@media screen and (max-width: 991px) {
    .hasti-box__text-box {
        width: 100%;
    }
}

.hasti-box__title {
    font-size: 30px;
    font-weight: 500;
}

.hasti-box__item {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    padding-right: 25px;
    margin-bottom: 6px;
}

.hasti-box__item::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../img/new/hasti/arr.png);
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.hasti-box__kolah {
    width: 100%;
    height: 400px;
    background-image: url(../img/new/hasti/mashin.png);
    background-position: center;
    background-size: 75%;
}

@media screen and (max-width: 991px) {
    .hasti-box__kolah {
        width: 100%;
        height: 130px;
        background-size: contain;
        margin-bottom: 20px;
    }
}

.senf-top {
    width: 100%;
    background-image: url(../img/new/senf/top-desk.jpg);
    background-size: contain;
    padding-bottom: 25%;
    margin-bottom: 50px;
    background-position: top center;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .senf-top {
        background-image: url(../img/new/senf/top-desk.jpg);
        padding-bottom: 45%;
        background-size: cover;
    }
}

.senf-icons {
    padding-top: 40px;
    padding-bottom: 40px;
}

.senf-icon__icon {
    width: 150px;
    height: 150px;
    border-radius: 400px;
    border: 10px solid #e31c40;
    display: block;
    margin: auto;
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
}

.senf-icon__text {
    padding-top: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
}

.senf-icon1 {
    background-image: url(../img/new/senf/icon-1.svg);
}

.senf-icon2 {
    background-image: url(../img/new/senf/icon-2.svg);
}

.senf-icon3 {
    background-image: url(../img/new/senf/icon-3.png);
    background-size: 80%;
}

.senf-icon4 {
    background-image: url(../img/new/senf/icon-4.svg);
}

.senf-bar {
    width: 100%;
    height: 50px;
    background-image: url(../img/new/senf/senf-bar.png);
    background-color: #e31c40;
    margin-bottom: 30px;
}

.senf-video__text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: #444;
    height: 100%;
}

.senf-video__text span {
    font-size: 30px;
    display: block;
}

.senf-video__img {
    border-radius: 15px;
}

.senf-video__text2 {
    font-size: 16px;
    color: #444;
}

.senf-video__text2 span.num {
    font-size: 60px;
}

.senf-bar2 {
    width: 100%;
    padding: 15px 10px;
    background-color: #e31c40;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

@media screen and (max-width: 991px) {
    .senf-bar2 {
        font-size: 14px;
    }
}

.senf-ef-slide {
    width: 100%;
    height: 200px;
    background-size: contain;
}

.senf-ef__text {
    font-size: 24px;
    color: #555;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    height: 100%;
    font-weight: 500;
    text-align: center;
}

.senf-map {
    background-color: #e31c40;
    padding: 30px 0px;
}

.senf-map__text-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: #fff;
}

.senf-map__text1 {
    font-size: 36px;
    padding-top: 30px;
    font-weight: 500;
}

.senf-map__legend {
    position: relative;
    padding-right: 24px;
    margin-bottom: 5px;
}

.senf-map__legend::before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: 5px;
}

.senf-map .legend1::before {
    background-color: #2f600a;
}

.senf-map .legend2::before {
    background-color: #499a0b;
}

.senf-map .legend3::before {
    background-color: #b5eb8c;
}

.senf-map .legend4::before {
    background-color: #fff;
}

.senf-form {
    background-size: cover;
}

.senf-form .container {
    padding: 30px 40px;
    background-color: #fff;
}

.senf-form__title {
    color: #e31c40;
    font-size: 24px;
    margin-bottom: 20px;
}

.senf-form .input {
    margin-bottom: 20px;
}

.senf-form label {
    font-size: 20px;
}

.senf-form input {
    display: block;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #999;
    border-radius: 5px;
}

.senf-form .select2 .select2-selection {
    padding: 7px;
    font-size: 15px;
    height: auto;
}

.senf-form .select2-dropdown {
    font-size: 14px;
}

.senf-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    margin-right: 10px;
}

.senf-form .checkbox input {
    display: inline;
    width: auto;
    margin-left: 10px;
}

.senf-form .checkbox label {
    font-size: 16px;
    display: inline-block;
}

.senf-form .message {
    padding: 10px;
}

.senf-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-top: 40px;
}

@media screen and (max-width: 991px) {
    .senf-box {
        padding-top: 20px;
        flex-direction: column-reverse;
    }
}

.senf-box__senf {
    width: 100%;
    height: 400px;
    background-image: url(../img/new/senf/mashin.png);
    background-position: right;
}

@media screen and (max-width: 991px) {
    .senf-box__senf {
        width: 100%;
        height: 200px;
        flex-direction: column-reverse;
    }
}

.senf-box__text-box {
    width: 100%;
    padding-top: 40px;
}

@media screen and (max-width: 991px) {
    .senf-box__text-box {
        width: 100%;
    }
}

.senf-box__title {
    font-size: 30px;
    font-weight: 500;
}

.senf-box__item {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    padding-right: 25px;
    margin-bottom: 6px;
}

.senf-box__item::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../img/new/senf/arr.png);
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.senf-box__kolah {
    width: 100%;
    height: 400px;
    background-image: url(../img/new/senf/mashin.png);
    background-position: center;
    background-size: 75%;
}

@media screen and (max-width: 991px) {
    .senf-box__kolah {
        width: 100%;
        height: 130px;
        background-size: contain;
        margin-bottom: 20px;
    }
}

.landing-login {
    width: 100%;
    background-color: #e31c40;
    margin-top: 120px;
    margin-bottom: 50px;
}

.landing-login__mobile-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

@media screen and (max-width: 991px) {
    .landing-login__mobile-box {
        padding-bottom: 30px;
    }
}

.landing-login__text {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 10px;
}

.landing-login__btn {
    cursor: pointer;
    color: #e31c40;
    background-color: #fff;
    padding: 14px 14px;
    border-radius: 5px;
    font-size: 22px;
    font-weight: 500;
}

.landing-login__btn:hover {
    background-color: rgba(255, 255, 255, 0.9);
}

#login-msg {
    color: #e31c40;
}

.login-icon1 {
    width: 200px;
    height: 200px;
    background-image: url(../img/new/senf/contact-us.png);
    transform: translateY(-90px);
    margin: auto;
}

.login-icon2 {
    width: 200px;
    margin: auto;
    height: 200px;
    transform: translateY(40px);
    background-image: url(../img/new/senf/login.svg);
}

@media screen and (max-width: 991px) {
    .login-icon2 {
        display: none;
        transform: translateY(20px);
    }
}

.landing-tab-titles {
    display: flex;
}

.landing-tab-title {
    color: #e31c40;
    background-color: #eee;
    padding: 10px 15px;
    border-radius: 7px 7px 0px 0px;
    margin-left: 2px;
    cursor: pointer;
    margin-bottom: 10px;
}

.landing-tab-title:hover {
    background-color: #e31c40;
    color: #fff;
}

.landing-tab-active {
    background-color: #e31c40;
    color: #fff;
}

.landing-center-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.landing-video-box {
    padding-bottom: 35px;
    width: 100%;
    max-width: 500px;
    margin: auto;
}

.map {
    width: 100%;
    height: 400px;
}


.icon-locate {
    margin: 5px 5px 0 0 !important;
}

.sazmani-top {
    width: 100%;
    background-image: url(../img/new/sazmani/top-desk2.jpg);
    background-size: contain;
    padding-bottom: 25%;
    margin-bottom: 50px;
    background-position: top center;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .sazmani-top {
        background-image: url(../img/new/sazmani/top-desk2.jpg);
        padding-bottom: 45%;
        background-size: cover;
    }
}

.sazmani-icons {
    padding-top: 40px;
    padding-bottom: 40px;
}

.sazmani-icon__icon {
    width: 150px;
    height: 150px;
    border-radius: 400px;
    border: 10px solid #e31c40;
    display: block;
    margin: auto;
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
}

.sazmani-icon__text {
    padding-top: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
}

.sazmani-icon1 {
    background-image: url(../img/new/sazmani/icon-1.svg);
}

.sazmani-icon2 {
    background-image: url(../img/new/sazmani/icon-2.svg);
}

.sazmani-icon3 {
    background-image: url(../img/new/sazmani/icon-3.png);
    background-size: 80%;
}

.sazmani-icon4 {
    background-image: url(../img/new/sazmani/icon-4.svg);
}

.sazmani-bar {
    width: 100%;
    height: 50px;
    background-image: url(../img/new/sazmani/sazmani-bar.png);
    background-color: #e31c40;
    margin-bottom: 30px;
}

.sazmani-video__text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: #444;
    height: 100%;
}

.sazmani-video__text span {
    font-size: 30px;
    display: block;
}

.sazmani-video__img {
    border-radius: 15px;
}

.sazmani-video__text2 {
    font-size: 16px;
    color: #444;
}

.sazmani-video__text2 span.num {
    font-size: 60px;
}

.sazmani-bar2 {
    width: 100%;
    padding: 15px 10px;
    background-color: #e31c40;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

@media screen and (max-width: 991px) {
    .sazmani-bar2 {
        font-size: 14px;
    }
}

.sazmani-ef-slide {
    width: 100%;
    height: 200px;
    background-size: contain;
}

.sazmani-ef__text {
    font-size: 24px;
    color: #555;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    height: 100%;
    font-weight: 500;
    text-align: center;
}

.sazmani-map {
    background-color: #e31c40;
    padding: 30px 0px;
}

.sazmani-map__text-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: #fff;
}

.sazmani-map__text1 {
    font-size: 36px;
    padding-top: 30px;
    font-weight: 500;
}

.sazmani-map__legend {
    position: relative;
    padding-right: 24px;
    margin-bottom: 5px;
}

.sazmani-map__legend::before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: 5px;
}

.sazmani-map .legend1::before {
    background-color: #2f600a;
}

.sazmani-map .legend2::before {
    background-color: #499a0b;
}

.sazmani-map .legend3::before {
    background-color: #b5eb8c;
}

.sazmani-map .legend4::before {
    background-color: #fff;
}

.sazmani-form {
    background-size: cover;
}

.sazmani-form .container {
    padding: 30px 40px;
    background-color: #fff;
}

.sazmani-form__title {
    color: #e31c40;
    font-size: 24px;
    margin-bottom: 20px;
}

.sazmani-form .input {
    margin-bottom: 20px;
}

.sazmani-form label {
    font-size: 20px;
}

.sazmani-form input {
    display: block;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #999;
    border-radius: 5px;
}

.sazmani-form .select2 .select2-selection {
    padding: 7px;
    font-size: 15px;
    height: auto;
}

.sazmani-form .select2-dropdown {
    font-size: 14px;
}

.sazmani-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    margin-right: 10px;
}

.sazmani-form .checkbox input {
    display: inline;
    width: auto;
    margin-left: 10px;
}

.sazmani-form .checkbox label {
    font-size: 16px;
    display: inline-block;
}

.sazmani-form .message {
    padding: 10px;
}

.sazmani-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-top: 40px;
}

@media screen and (max-width: 991px) {
    .sazmani-box {
        padding-top: 20px;
        flex-direction: column-reverse;
    }
}

.sazmani-box__sazmani {
    width: 100%;
    height: 400px;
    background-image: url(../img/new/sazmani/mashin.png);
    background-position: right;
}

@media screen and (max-width: 991px) {
    .sazmani-box__sazmani {
        width: 100%;
        height: 200px;
        flex-direction: column-reverse;
    }
}

.sazmani-box__text-box {
    width: 100%;
    padding-top: 40px;
}

@media screen and (max-width: 991px) {
    .sazmani-box__text-box {
        width: 100%;
    }
}

.sazmani-box__title {
    font-size: 30px;
    font-weight: 500;
}

.sazmani-box__item {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    padding-right: 25px;
    margin-bottom: 6px;
}

.sazmani-box__item::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../img/new/sazmani/arr.png);
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.sazmani-box__kolah {
    width: 100%;
    height: 400px;
    background-image: url(../img/new/sazmani/mashin.png);
    background-position: center;
    background-size: 75%;
}

@media screen and (max-width: 991px) {
    .sazmani-box__kolah {
        width: 100%;
        height: 130px;
        background-size: contain;
        margin-bottom: 20px;
    }
}

.landing-login {
    width: 100%;
    background-color: #e31c40;
    margin-top: 120px;
    margin-bottom: 50px;
}

.landing-login__mobile-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

@media screen and (max-width: 991px) {
    .landing-login__mobile-box {
        padding-bottom: 30px;
    }
}

.landing-login__text {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 10px;
}

.landing-login__btn {
    cursor: pointer;
    color: #e31c40;
    background-color: #fff;
    padding: 14px 14px;
    border-radius: 5px;
    font-size: 22px;
    font-weight: 500;
}

.landing-login__btn:hover {
    background-color: rgba(255, 255, 255, 0.9);
}

#login-msg {
    color: #e31c40;
}

.login-icon1 {
    width: 200px;
    height: 200px;
    background-image: url(../img/new/sazmani/contact-us.png);
    transform: translateY(-90px);
    margin: auto;
}

.login-icon2 {
    width: 200px;
    margin: auto;
    height: 200px;
    transform: translateY(40px);
    background-image: url(../img/new/sazmani/login.svg);
}

@media screen and (max-width: 991px) {
    .login-icon2 {
        display: none;
    }
}

.landing-tab-titles {
    display: flex;
}

.landing-tab-title {
    color: #e31c40;
    background-color: #eee;
    padding: 10px 15px;
    border-radius: 7px 7px 0px 0px;
    margin-left: 2px;
    cursor: pointer;
    margin-bottom: 10px;
}

.landing-tab-title:hover {
    background-color: #e31c40;
    color: #fff;
}

.landing-tab-active {
    background-color: #e31c40;
    color: #fff;
}

.haghighi {
    display: block;
}

.hoghooghi {
    display: none;
}

.landing-center-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.landing-video-box {
    padding-bottom: 35px;
    width: 100%;
    max-width: 500px;
    margin: auto;
}

#map {
    width: 100%;
    height: 400px;
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 300px;
    perspective: 1000px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.flip-card:focus {
    outline: 0;
}

.flip-card:hover .flip-card-inner,
.flip-card:focus .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-front {
    color: black;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flip-card-back {
    color: white;
    transform: rotateY(180deg);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sazmani-brands-slider {
    padding: 30px 0px;
}

.main-container {
    padding: 0px;
    margin: 0px;
}

@media screen and (max-width: 768px) {
    .main-container {
        overflow-x: hidden;
    }
}

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

.shoar_box {
    margin-top: 20px;
    overflow-x: hidden;
}

.shoar_box img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 768px) {
    .shoar_box img {
        width: 200%;
        margin-right: -50%;
    }
}

.main_slider {
    width: 100%;
}

.main_slider .main_slide {
    width: 100%;
    border-radius: 5px;
}

.main_slider .main_slide_content {
    background-size: cover;
    width: 100%;
    padding-bottom: 40%;
    position: relative;
}

@media screen and (max-width: 768px) {
    .main_slider .main_slide_content {
        padding-bottom: 75%;
    }
}

.main_slider .slick-dots li.slick-active button:before {
    color: #fff;
}

.main_slider .slick-dots {
    background-color: rgba(0, 0, 0, 0.15);
    width: auto;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    border: 1px solid #fff;
    padding: 0px 7px;
}

@media screen and (max-width: 768px) {
    .main_slider .slick-dots {
        display: none !important;
    }
}

.main_slider .slick-dots li {
    margin: 5px 0px;
}

.main_slider .slick-dots button::before {
    font-size: 24px;
    color: #fff;
}

.azin_btns {
    position: absolute;
    width: 50%;
    height: 10%;
    bottom: 11%;
    left: 25%;
    padding: 0px 30px;
}

@media screen and (max-width: 768px) {
    .azin_btns {
        width: 70%;
        left: 15%;
        height: 20%;
        bottom: 15%;
    }
}

.azin_btn_box {
    justify-content: space-around;
    width: 100%;
    height: 100%;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .azin_btn_box {
        height: 80%;
    }
}

.azin_btn {
    display: inline-block;
    width: 23%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 991px) {
    .azin_btn {
        width: 48%;
        height: 100%;
    }
}

.azin_main_slide_content {
    background-size: auto 80% !important;
    background-position: 50% 10%;
    background-color: #ffd400;
}

.promotions_bar {
    background-color: #ffa100;
    display: flex;
    justify-content: center;
    height: 70px;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .promotions_bar {
        height: 55px;
    }
}

.promotions_bar__icon {
    background-position: top;
    width: 50px;
    margin: 0px 80px;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .promotions_bar__icon {
        width: 35px;
        margin: 0px 10px;
    }
}

.promotions_bar__title {
    color: #fff;
    font-size: 36px;
    font-weight: 400;
}

@media screen and (max-width: 768px) {
    .promotions_bar__title {
        font-size: 20px;
    }
}

.discount-icon1 {
    background-image: url(../img/new/discount-icon-1.png);
}

.discount-icon2 {
    background-image: url(../img/new/discount-icon-2.png);
}

.promotions_box {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    margin-top: 30px;
    background-color: #e31c40;
    color: #fff;
    display: flex;
}

.promotions_date {
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
}

.promotions_date .date_title {
    margin-bottom: 10px;
    text-align: center;
}

.promotions_date .date_calender {
    width: 80px;
    height: 80px;
    background-image: url(../img/new/calender.png);
    padding-top: 34px;
    padding-left: 7px;
    padding-right: 36px;
}

.promotions_date .date_day {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}

.promotions_date .date_month {
    margin-right: 19px;
    font-size: 14px;
    width: 59px;
    margin-top: -5px;
    text-align: left;
}

.promotions_slider_box {
    width: 80%;
    padding: 20px 40px;
}

.promotions_slider {
    width: 100%;
}

.promotions_slider .promotions_slide {
    width: 100%;
}

.more_products {
    border-radius: 4px;
    background-color: #fff;
    color: #000;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(227, 28, 64, 0.8);
    font-weight: 500;
    border: 1px solid rgba(227, 28, 64, 0.5);
    background-color: rgba(227, 28, 64, 0.1);
    transition: all 0.2s;
}

.more_products:hover {
    background-color: rgba(227, 28, 64, 0.2);
    color: #e31c40;
}

.club {
    margin-top: 30px;
    background-color: #2c065a;
    padding: 10px 40px;
}

@media screen and (max-width: 991px) {
    .club {
        padding: 10px;
    }
}

.club__image {
    width: 100%;
    padding-bottom: 100%;
    background-image: url(../img/new/club.jpg);
}

.club__text-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.club__title {
    text-align: center;
    color: #e31c40;
    font-size: 30px;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
    .club__title {
        margin-top: 15px;
        font-size: 20px;
        margin-bottom: 10px;
    }
}

.club__subtitle {
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
    .club__subtitle {
        font-size: 16px;
        margin-bottom: 15px;
    }
}

.club__text {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

@media screen and (max-width: 991px) {
    .club__text {
        font-size: 14px;
    }
}

.video-box {
    padding: 50px 0px;
}

.video-box .video_item {
    margin-bottom: 10px;
}

.stores-home {
    position: relative;
    width: 100%;
    padding-bottom: 40%;
    background-color: #6eceff;
    background-size: cover;
    background-image: url(../img/new/stores-bg.jpg);
}

@media screen and (max-width: 991px) {
    .stores-home {
        background-position: left 0%;
        background-size: 144% auto;
        padding-bottom: 70%;
    }
}

@media screen and (max-width: 768px) {
    .stores-home {
        padding-bottom: 90%;
    }
}

@media screen and (max-width: 576px) {
    .stores-home {
        background-position: left 0%;
        padding-bottom: 115%;
    }
}

.stores-home__count-box {
    position: absolute;
    display: flex;
    height: 100%;
    right: 12%;
    width: 35%;
    padding-top: 30px;
    align-items: center;
}

@media screen and (max-width: 991px) {
    .stores-home__count-box {
        right: 0%;
        width: 100%;
        justify-content: center;
        align-items: flex-end;
    }
}

.stores-home__count-content-box {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.stores-home__title1 {
    background-color: #5495fc;
    border-radius: 10px;
    padding: 10px;
    font-size: 24px;
    display: inline-block;
    margin: auto;
    font-weight: 600;
    border: 1px solid #fff;
    color: #fff;
}

.stores-home__title2 {
    font-size: 23px;
    color: #fff;
    margin-top: 10px;
    font-weight: 400;
}

.stores-home__count-content {
    display: flex;
    justify-content: space-between;
    color: #3b3092;
    width: 90%;
    margin-top: 10px;
}

.stores-home__count1 {
    text-align: right;
    font-size: 28px;
    font-weight: 700;
}

.stores-home__count2 {
    text-align: left;
    font-size: 28px;
    font-weight: 700;
}

.stores-home__count-title {
    font-size: 38px;
    font-weight: 500;
}

.stores-home__btn-box {
    margin-top: 10px;
    padding-bottom: 30px;
    padding-top: 10px;
}

.stores-home__btn-box .gray-btn {
    padding: 10px;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
}

@media screen and (max-width: 991px) {
    .stores-home__btn-box {
        flex-direction: column;
    }

    .stores-home__btn-box .gray-btn {
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }
}

.home-blog-section {
    margin-top: 60px;
}

.blog-post-home {
    padding: 15px;
    margin-bottom: 30px;
}

.blog-post-home__image {
    width: 100%;
    padding-bottom: 100%;
    border-radius: 400px;
    background-size: cover;
}

.blog-post-home .img1 {
    background-image: url("../img/new/blog1.jpg");
}

.blog-post-home .img2 {
    background-image: url("../img/new/blog2.jpg");
}

.blog-post-home .img3 {
    background-image: url("../img/new/blog3.jpg");
}

.blog-post-home .img4 {
    background-image: url("../img/new/blog4.jpg");
}

.blog-post-home__title {
    display: inline-block;
    margin-top: 20px;
    color: #000;
    text-align: center;
    font-size: 14px;
    line-height: 200%;
}

.blog-post-home__title:hover {
    color: #000;
}

.slider_arrow {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 100px;
}

@media screen and (max-width: 768px) {
    .slider_arrow {
        transform: scale(0.7) translateY(-20px);
    }
}

.next_arrow {
    left: 20px;
}

@media screen and (max-width: 768px) {
    .next_arrow {
        left: 5px;
    }
}

.next_arrow span {
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 7px;
    width: 25px;
    height: 1px;
    background-color: #fff;
}

.next_arrow:before {
    transition: all 0.3s;
    content: "";
    position: absolute;
    top: 50%;
    left: 7px;
    width: 13px;
    height: 1px;
    background-color: #fff;
    transform: rotate(45deg);
    transform-origin: 0% 0%;
}

.next_arrow:after {
    transition: all 0.3s;
    content: "";
    position: absolute;
    top: 50%;
    left: 7px;
    width: 13px;
    height: 1px;
    background-color: #fff;
    transform: rotate(-45deg);
    transform-origin: 0% 0%;
}

.next_arrow:hover span {
    width: 0px;
    left: 12px;
}

.next_arrow:hover:before {
    width: 16px;
    left: 12px;
}

.next_arrow:hover:after {
    left: 12px;
    width: 16px;
}

.prev_arrow {
    right: 20px;
}

@media screen and (max-width: 768px) {
    .prev_arrow {
        right: 5px;
    }
}

.prev_arrow span {
    transition: all 0.2s;
    position: absolute;
    top: 50%;
    right: 7px;
    width: 25px;
    height: 1px;
    background-color: #fff;
}

.prev_arrow:before {
    transition: all 0.2s;
    content: "";
    position: absolute;
    top: 50%;
    right: 7px;
    width: 13px;
    height: 1px;
    background-color: #fff;
    transform: rotate(45deg);
    transform-origin: 100% 100%;
}

.prev_arrow:after {
    transition: all 0.2s;
    content: "";
    position: absolute;
    top: 50%;
    right: 7px;
    width: 13px;
    height: 1px;
    background-color: #fff;
    transform: rotate(-45deg);
    transform-origin: 100% 100%;
}

.prev_arrow:hover span {
    width: 0px;
    right: 12px;
}

.prev_arrow:hover:before {
    width: 16px;
    right: 12px;
}

.prev_arrow:hover:after {
    width: 16px;
    right: 12px;
}

.c_slider_arrow {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 40px;
    height: 40px;
}

@media screen and (max-width: 768px) {
    .c_slider_arrow {
        transform: scale(0.7) translateY(-20px);
    }
}

.c_next_arrow {
    left: -30px;
}

.c_next_arrow span {
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    width: 0px;
    left: 12px;
    height: 1px;
    background-color: #fff;
}

.c_next_arrow:before {
    transition: all 0.3s;
    content: "";
    position: absolute;
    top: 50%;
    width: 16px;
    left: 12px;
    height: 1px;
    background-color: #fff;
    transform: rotate(45deg);
    transform-origin: 0% 0%;
}

.c_next_arrow:after {
    transition: all 0.3s;
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    width: 16px;
    height: 1px;
    background-color: #fff;
    transform: rotate(-45deg);
    transform-origin: 0% 0%;
}

.c_next_arrow:hover span {
    left: 7px;
    width: 25px;
}

.c_next_arrow:hover:before {
    left: 7px;
    width: 13px;
}

.c_next_arrow:hover:after {
    left: 7px;
    width: 13px;
}

.c_prev_arrow {
    right: -30px;
}

.c_prev_arrow span {
    transition: all 0.2s;
    position: absolute;
    top: 50%;
    height: 1px;
    background-color: #fff;
    width: 0px;
    right: 12px;
}

.c_prev_arrow:before {
    transition: all 0.2s;
    content: "";
    position: absolute;
    top: 50%;
    width: 16px;
    right: 12px;
    height: 1px;
    background-color: #fff;
    transform: rotate(45deg);
    transform-origin: 100% 100%;
}

.c_prev_arrow:after {
    transition: all 0.2s;
    content: "";
    position: absolute;
    top: 50%;
    width: 16px;
    right: 12px;
    height: 1px;
    background-color: #fff;
    transform: rotate(-45deg);
    transform-origin: 100% 100%;
}

.c_prev_arrow:hover span {
    right: 7px;
    width: 25px;
}

.c_prev_arrow:hover:before {
    right: 7px;
    width: 13px;
}

.c_prev_arrow:hover:after {
    right: 7px;
    width: 13px;
}

.c_slider_arrow_red span {
    background-color: #e31c40;
}

.c_slider_arrow_red:before {
    background-color: #e31c40;
}

.c_slider_arrow_red:after {
    background-color: #e31c40;
}

.prom_ad {
    margin-top: 30px;
}

.n-container {
    margin: auto;
    width: 100%;
    max-width: 1200px;
    padding: 0px 15px;
}

.prom_ad_item {
    width: 100%;
    background-size: cover;
    padding-bottom: 53%;
}

@media screen and (max-width: 768px) {
    .prom_ad_item {
        margin-bottom: 10px;
    }
}

.prom_ad_item1 {
    background-image: url(../img/new/prom1.jpg);
}

.prom_ad_item2 {
    background-image: url(../img/new/prom2.jpg);
}

.prom_ad_item3 {
    background-image: url(../img/new/prom3.jpg);
}

.home_fest_slide {
    padding: 0px 10px;
}

.home_fest_slide a:hover {
    text-decoration: none;
}

.home_fest_slider_box {
    padding: 0px 50px;
}

.countdown_finished_home {
    background-color: #aaa;
    border-radius: 5px;
    padding: 5px;
    color: #fff;
}

.countdown_home {
    background-color: #e31c40;
    border-radius: 5px;
    padding: 5px;
    color: #fff;
}

.home-festival-item {
    width: 100%;
    background-color: #fff;
    color: #000;
}

.home-festival-item__image {
    width: 100%;
    height: 200px;
    background-color: #444;
    background-size: cover;
}

@media screen and (max-width: 991px) {
    .home-festival-item__image {
        height: 150px;
    }
}

@media screen and (max-width: 768px) {
    .home-festival-item__image {
        height: 126px;
    }
}

.home-festival-item__info {
    padding: 10px 10px;
    padding-bottom: 15px;
    min-height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.home-festival-item__title {
    text-align: center;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 600;
}

.home-festival-item__deadline {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding: 0px 10px;
}

.home-fest-title-box {
    padding-top: 20px;
    margin-bottom: 50px;
}

.home-fest-title {
    font-size: 26px;
    color: #e31c40;
    text-align: center;
}

.home-fest-more-box {
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
}

.home-fest-more {
    display: inline-block;
    margin-bottom: 5px;
}

.home-fest-row {
    background-color: #f6f6f6;
    padding: 30px;
}

.infog_img {
    width: 100%;
}

.infog_img_desk {
    display: block;
}

@media screen and (max-width: 991px) {
    .infog_img_desk {
        display: none;
    }
}

.infog_img_mob {
    display: none;
}

@media screen and (max-width: 991px) {
    .infog_img_mob {
        display: block;
    }
}

.page-title {
    font-size: 30px;
    font-weight: 600;
}

.fest-image-box {
    padding-bottom: 70px;
}

@media screen and (max-width: 768px) {
    .fest-image-box {
        padding-top: 0px;
        width: 60%;
        margin: auto;
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 768px) {
    .fest-image-box .festival_img {
        height: 120px;
        margin-top: 30px;
    }
}

.festival_img {
    width: 90%;
    margin-right: 10%;
    height: 300px;
    border-radius: 30px;
    position: relative;
    background-size: cover;
    margin-top: 60px;
}

.festival_img::before {
    border-radius: 30px;
    position: absolute;
    top: -10%;
    right: -10%;
    width: 100%;
    height: 120%;
    background-color: #d2d3d5;
    content: "";
    z-index: -1;
}

.festival_title {
    font-size: 30px;
    font-weight: 600;
    color: #e31c40;
    margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
    .festival_title {
        font-size: 20px;
        margin-bottom: 15px;
    }
}

.countdown_box {
    background-color: #e31c40;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
}

.countdown_box .countdown {
    display: inline;
}

.fest-icon {
    display: inline-block;
    width: 40px;
    height: 30px;
}

.fest-icon-users {
    background-image: url(../img/new/icons/users.png);
}

.fest-icon-gifts {
    background-image: url(../img/new/icons/gift.png);
}

.fest-detail-title {
    margin-bottom: 10px;
}

.fest-detail-box {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fest-detail-title-box {
    padding-top: 20px;
    padding-bottom: 10px;
}

.fest-winner-btn {
    display: inline-block;
    margin-top: 10px;
}

.fest_res_box {
    overflow: scroll;
    padding-top: 70px;
}

.fes_search_box {
    padding: 50px;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    margin-bottom: 70px;
}

.n-input {
    display: block;
    width: 100%;
    border-radius: 10px;
    background-color: #ddd;
    padding: 10px 15px;
    border: none;
    margin-bottom: 10px;
}

.n-input:focus {
    outline: none;
}

.fest_box_title {
    color: #e31c40;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    padding-bottom: 30px;
}

.winners-table-box {
    overflow: scroll;
    padding: 50px;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.winners-table th {
    color: #e31c40;
    padding: 10px 0px;
}

.winners-table td {
    padding: 5px 0px;
}

.festivals-page-title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.festival-item {
    display: inline-block;
    width: 100%;
    height: 250px;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}

.festival-item__image {
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.festival-item__grad {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3));
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.festival-item__info-box {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
}

.festival-item__title {
    color: #fff;
    line-height: 180%;
    font-size: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.festival-item__time .countdown_box {
    border-radius: 10px 10px 0px 0px;
}

.festival-item:hover .festival-item__image {
    transform: scale(1.1);
}

.festivals-page-search-box {
    margin-top: 40px;
    padding: 30px;
}

.fest_box {
    padding: 15px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    margin-bottom: 50px;
    text-align: center;
}

.fest_pic {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 270px;
    border-radius: 10px;
    background-color: #d71921;
    transition: all 1s;
}

.fest_pic_link {
    width: 100%;
    height: 270px;
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: 10px;
}

.fest_pic:hover {
    transform: scale(1.1);
}

.fest_title {
    font-weight: 600;
    margin-top: 10px;
    text-align: right;
    font-size: 18px;
    margin-bottom: 10px;
    opacity: 0;
    transition: all 0.3s;
    color: #000;
    opacity: 1;
}

.fest_title a {
    color: #000;
}

.fest_title a:hover {
    opacity: 0.8;
    color: #000 !important;
}

.partis {
    text-align: right;
}

.winners {
    text-align: right;
}

.fest-texts {
    transition: all 0.3s;
    opacity: 0;
    opacity: 1;
}

.fest_pic_link {
    transition: all 0.3s;
}

.fest_box:hover .fest_title {
    opacity: 1;
}

.fest_box:hover .fest-texts {
    opacity: 1;
}

.fest_box:hover .fest_pic_link {
    transform: translateY(-10px);
}

@media screen and (max-width: 768px) {
    .f_slider {
        width: 70%;
        margin: auto;
    }
}

@media screen and (max-width: 768px) {
    .fest_title {
        opacity: 1;
    }

    .fest-texts {
        font-size: 13px;
        opacity: 1;
    }

    .fest-texts .fest-icon {
        height: 20px;
    }

    .fest_pic_link {
        transform: translateY(-10px);
    }
}

.states_tmp {
    display: none;
}

#stores_container {
    max-width: 900px;
    padding-bottom: 50px;
}

#branch_map_frame {
    display: none;
    padding: 15px;
    padding-bottom: 85px;
    border: 1px #d71921 solid;
    /*background: #eaeaea;*/
}

#branch_address {
    position: absolute;
    bottom: 33px;
    padding-left: 52px;
    /*margin-right: 40px;*/
    direction: rtl;
    right: 50px;
    font-weight: 500;
    font-size: 14px;
    display: none;
}

#address_title {
    font-size: 16px;
    font-weight: 600;
}

#address_title:before {
    padding-left: 5px;
    display: inline-block;
    font: normal normal normal 30px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.map_trans {
    transition: all 0.3s;
}

.map_right {
    transform: scale(0.93);
    opacity: 0;
}

#frame_cover {
    position: absolute;
    top: 15px;
    left: 45px;
    background-color: #eaeaea;
    display: none;
}

#stores_row {
    padding-top: 30px;
}

#map_frame {
    display: block;
    height: 574px;
    border: solid 1px #d71921;
    padding: 10px;
    border-radius: 5px;
}

#contact_us_submit_btn {
    text-align: left;
}

#contactus_right_col {
    padding-left: 50px;
}

#map_col {
    min-height: 400px;
    direction: ltr;
}

#iran_map {
    margin: auto;
    width: 80%;
    margin-right: 10%;
    height: 500px;
}

@media screen and (max-width: 576px) {
    #iran_map {
        width: 100%;
        margin-right: 0px;
        height: 300px;
    }
}

.land {
    transition: all 0.2s;
    fill: transparent;
    fill-opacity: 1;
    stroke: rgba(0, 0, 0, 0.2);
    stroke-opacity: 1;
    stroke-width: 1;
}

.land:hover {
    fill: #d71921 !important;
}

.stores_list {
    border-right: solid 1px #d71921;
    padding-right: 10px;
    margin-right: 20px;
}

.stores_list ul li {
    list-style-type: none;
    line-height: 1.8;
    cursor: pointer;
    transition: all 0.2s;
    padding: 5px 0px;
}

.stores_list_title {
    font-size: 16px;
    font-weight: 400 !important;
    color: #d71921;
}

.stores_list_input {
    width: 80%;
    border-radius: 5px;
    border: 1px solid #d71921;
    background-color: transparent;
    padding-right: 10px;
    margin-bottom: 10px;
    font-weight: 400 !important;
    font-size: 14px !important;
}

.stores_list ul li:hover {
    background-color: #d71921;
    color: #fff;
    padding: 5px 10px !important;
}

.store_active {
    background-color: #d71921;
    color: #fff;
    padding: 5px 10px !important;
    /*padding-right: 10px;*/
}

.store_active:before {
    content: "\f041";
    padding-left: 5px;
    display: inline-block;
    font: normal normal normal 30px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.lenz {
    position: absolute;
    top: 26px;
    left: 28%;
    width: 16px;
    height: 16px;
    background-image: url(../img/lenz.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.map_svg {
    position: absolute;
    height: 70%;
    left: 75%;
    top: 44%;
}

.map_path {
    stroke: #f9f1d9;
    stroke-dasharray: 845;
    stroke-dashoffset: 845;
    stroke-width: 0.4;
    fill: none;
}

.stores_map_path {
    /*stroke-dasharray: 845;
  stroke-dashoffset: 845;*/
    fill: none;
    stroke: rgba(0, 0, 0, 0.7);
    stroke-width: 3;
    /*width: 300px;
  height: 300px;*/
    /*transform: translateX(-36.5%) translateY(-41%) scale(4.07);
  -webkit-transform:  translateX(-0.5%) translateY(-0.5%) scale(1.01);
  -moz-transform: translateX(-9%) translateY(-9%) scale(4.07);
  -o-transform: translateX(-36.5%) translateY(-41%) scale(4.07);*/
}

.map_path_anim {
    animation: dash3 3s cubic-bezier(0.595, 0.28, 0.515, 0.74) forwards;
    -webkit-animation: dash3 3s cubic-bezier(0.595, 0.28, 0.515, 0.74) forwards;
    -moz-animation: dash3 3s cubic-bezier(0.595, 0.28, 0.515, 0.74) forwards;
    -o-animation: dash3 3s cubic-bezier(0.595, 0.28, 0.515, 0.74) forwards;
}

.stores_map_path_anim {
    animation: stores_dash3 6s cubic-bezier(0.595, 0.28, 0.515, 0.74) forwards;
    -webkit-animation: stores_dash3 6s cubic-bezier(0.595, 0.28, 0.515, 0.74) forwards;
    -moz-animation: stores_dash3 6s cubic-bezier(0.595, 0.28, 0.515, 0.74) forwards;
    -o-animation: stores_dash3 6s cubic-bezier(0.595, 0.28, 0.515, 0.74) forwards;
}

@keyframes dash3 {
    0% {
        stroke-dashoffset: -845;
    }
    40% {
        fill: #d71921;
    }
    50% {
        stroke-dashoffset: 0;
    }
    100% {
        fill: #f9f1d9;
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dash3 {
    0% {
        stroke-dashoffset: -855;
    }
    40% {
        fill: #d71921;
    }
    50% {
        stroke-dashoffset: 0;
    }
    100% {
        fill: #f9f1d9;
        stroke-dashoffset: 0;
    }
}

@keyframes stores_dash3 {
    0% {
        stroke-dashoffset: -845;
    }
    50% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes stores_dash3 {
    0% {
        stroke-dashoffset: -855;
    }
    50% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

.stores_search_box {
    margin-bottom: 40px;
}

.stores_search_box label {
    font-size: 18px;
    margin-bottom: 10px;
}

.stores_search_box .select2-selection {
    padding: 7px 10px;
    border-radius: 10px;
    background-color: #eaeaea;
    height: 44px;
}

.stores_search_box .select2-selection__arrow {
    height: 44px !important;
}

.stores-page-count-box {
    /*display: flex;*/
    align-items: flex-end;
    /*padding-bottom: 50px;*/
    /*padding-top: 40px;*/
}

@media screen and (max-width: 991px) {
    .stores-page-count-box {
        justify-content: center;
    }
}

.stores-page-count {
    font-size: 110px;
    color: #e31c40;
    display: inline;
    font-weight: 600;
    line-height: 70%;
}

@media screen and (max-width: 991px) {
    .stores-page-count {
        font-size: 80px;
    }
}

.stores-page-countlabel {
    display: inline;
    /*font-size: 25px;*/
    font-weight: 400;
}

.contact-submit-row {
    padding: 30px 0px;
}

.contact-submit-follow-row {
    padding-bottom: 30px;
}

#contact_us_row {
    margin-top: 20px;
}

#contact_us_row label {
    padding-right: 0px;
    margin-top: 15px;
}

#contact_us_row .file {
    padding: 32px;
}

.contactus_msg {
    direction: rtl;
    padding: 25px;
}

#req_done_cont,
#peigiri_cont {
    width: 100%;
    height: 105%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999;
    padding: 6% 7%;
    background-color: rgba(0, 0, 0, 0.85);
    direction: rtl;
    font-size: 20px;
}

#contactus_req_done_close_btn,
#peigiri_close_btn {
    position: fixed;
    right: 31%;
    top: 39%;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-image: url(../img/close-icon.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width: 900px) {
    #contactus_req_done_close_btn,
    #peigiri_close_btn {
        margin-right: -160px;
        right: 50%;
    }
}

@media screen and (max-height: 900px) {
    #contactus_req_done_close_btn,
    #peigiri_close_btn {
        margin-top: -160px;
        top: 50%;
    }
}

#req_done,
#peigiri {
    min-height: 400px;
    min-width: 360px;
    width: 40%;
    height: 31%;
    background-color: #f5f4fa;
    padding: 5%;
    text-align: center;
    font-weight: 400;
    line-height: 1.5em;
    border-radius: 10px;
}

#contact_us_peigiri_btn {
    text-align: left;
}

.contactus_msg {
    border-radius: 8px;
    color: #fff;
}

.contactus-top {
    width: 100%;
    background-image: url(../img/new/contactus/contactus-cover.jpg);
    background-size: contain;
    padding-bottom: 16.5%;
    margin-bottom: 50px;
    background-position: top center;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .contactus-top {
        padding-bottom: 45%;
        background-size: cover;
    }
}

.contactus-top__text {
    width: 100%;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    color: #e31c40;
    background-color: #fff;
    display: none;
    font-weight: 600;
}

@media screen and (max-width: 991px) {
    .contactus-top__text {
        display: block;
    }
}

.contact-title {
    border-bottom: 2px solid #e31c40;
    padding-bottom: 5px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 20px;
}

.cu-tab {
    display: flex;
    border: none !important;
}

@media screen and (max-width: 991px) {
    .cu-tab {
        flex-direction: column;
    }
}

.cu-tab__btns {
    width: 200px;
    background: transparent;
    border: none !important;
}

@media screen and (max-width: 991px) {
    .cu-tab__btns {
        width: 100%;
        display: flex;
    }
}

.cu-tab__content {
    width: calc(100% - 200px);
    padding: 0px 15px;
}

@media screen and (max-width: 991px) {
    .cu-tab__content {
        width: 100%;
    }
}

.cu-tab__link-text {
    text-align: center;
    font-weight: 400;
    color: #e31c40;
}

.cu-tab__link-icon {
    width: 100%;
    height: 70px;
    margin-bottom: 20px;
}

.cu-tab .tab-link1 {
    background-image: url(../img/new/contactus/icon-send-red.svg);
}

.cu-tab .tab-link2 {
    background-image: url(../img/new/contactus/icon-follow-red.svg);
}

.cu-tab__link {
    border: 1px solid #eee !important;
    background-color: transparent !important;
    float: none !important;
    display: block;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px !important;
    padding: 15px 0px;
}

@media screen and (max-width: 991px) {
    .cu-tab__link {
        width: 50%;
    }
}

.cu-tab__link a {
    float: none !important;
    background-color: transparent !important;
}

.cu-tab__link:hover {
    border: 1px solid #e31c40 !important;
    background-color: #e31c40 !important;
}

.cu-tab__link:hover .cu-tab__link-text {
    color: #fff;
}

.cu-tab__link:hover .tab-link1 {
    background-image: url(../img/new/contactus/icon-send.svg);
}

.cu-tab__link:hover .tab-link2 {
    background-image: url(../img/new/contactus/icon-follow.svg);
}

.cu-tab .ui-tabs-nav li.ui-tabs-active {
    border: 1px solid #e31c40 !important;
    background-color: #e31c40 !important;
}

.cu-tab .ui-tabs-nav li.ui-tabs-active .cu-tab__link-text {
    color: #fff;
}

.cu-tab .ui-tabs-nav li.ui-tabs-active .tab-link1 {
    background-image: url(../img/new/contactus/icon-send.svg);
}

.cu-tab .ui-tabs-nav li.ui-tabs-active .tab-link2 {
    background-image: url(../img/new/contactus/icon-follow.svg);
}

.cu-form label {
    display: block;
    font-size: 14px;
}

.cu-form .c-input {
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #999;
}

.cu-form .c-textarea {
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #999;
    height: 150px;
}

.cu-form .c-submit {
    background-color: #e31c40;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 6px 15px;
}

.c-input {
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #999;
}

.c-textarea {
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #999;
    height: 150px;
}

.c-submit {
    background-color: #e31c40;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 6px 15px;
}

.contact-faq-box {
    margin-bottom: 70px;
    margin-top: 20px;
    padding: 0px 15px;
}

.contact-faq .c_slider_arrow:before {
    background-color: #e31c40;
}

.contact-faq .c_slider_arrow:after {
    background-color: #e31c40;
}

.contact-faq .c_slider_arrow span {
    background-color: #e31c40;
}

.contact-faq-item {
    height: 250px;
    padding: 9px 15px;
}

.contact-fa {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    color: #333;
    padding: 10px;
    text-align: center;
}

.contact-fa:hover {
    color: #000;
}

.cu-call {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
}

.cu-call img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 991px) {
    .cu-call img {
        width: 200px;
    }
}

.cu-social {
    direction: ltr;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

@media screen and (max-width: 991px) {
    .cu-social {
        align-items: center;
        padding: 25px 0px;
    }
}

.cu-social__item {
    align-items: center;
    color: #000;
    display: flex;
}

.cu-social__icon {
    width: 40px;
    height: 40px;
}

.cu-social .cu-insta {
    background-image: url(../img/new/contactus/insta.png);
}

.cu-social .cu-telegram {
    background-image: url(../img/new/contactus/telegram.png);
}

.cu-social .cu-aparat {
    background-image: url(../img/new/contactus/aparat.png);
}

.cu-social .cu-linkedin {
    background-image: url(../img/new/contactus/linkedin.png);
}

.cu-social .cu-twitter {
    background-image: url(../img/new/contactus/twitter.png);
}

.cu-warning {
    padding: 10px;
    border-radius: 10px;
    border: 15px solid #e31c40;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 991px) {
    .cu-warning {
        flex-direction: column;
    }
}

.cu-warning__icon {
    background-image: url(../img/new/contactus/warning.png);
    width: 200px;
    height: 120px;
}

@media screen and (max-width: 991px) {
    .cu-warning__icon {
        width: 100%;
        margin-bottom: 20px;
    }
}

.cu-warning__content {
    width: calc(100% - 120px);
    height: 100%;
    padding-right: 15px;
}

@media screen and (max-width: 991px) {
    .cu-warning__content {
        width: 100%;
        text-align: justify;
    }
}

.cu-warning__title {
    color: #e31c40;
    font-weight: 600;
    font-size: 18px;
}

.cu-warning__item {
    font-size: 14px;
}

.cu-warning__item::before {
    content: "○";
    color: #e31c40;
    font-size: 20px;
}

.adr-box {
    padding: 30px 0px;
}

.adr-box__icon-box {
    height: 100%;
}

.adr-box__icon {
    width: 100%;
    border-radius: 5px;
    height: 150px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0px 15px;
}

.adr-box__icon-img {
    width: 100px;
    height: 60px;
    margin-bottom: 10px;
}

.adr-box__icon-text {
    text-align: center;
}

.adr-tab {
    display: flex;
    border: none !important;
}

@media screen and (max-width: 991px) {
    .adr-tab {
        flex-direction: column-reverse;
    }
}

.adr-tab .ui-tabs-nav {
    width: 350px;
    padding-top: 0px !important;
    background: transparent;
    border: none !important;
}

@media screen and (max-width: 991px) {
    .adr-tab .ui-tabs-nav {
        width: 100%;
    }
}

.adr-tab__content {
    width: calc(100% - 350px);
    padding: 0px 15px;
}

@media screen and (max-width: 991px) {
    .adr-tab__content {
        width: 100%;
        padding: 0px 9px;
    }
}

.adr-tab .tab-link1 {
    background-image: url(../img/new/contactus/icon-send-red.svg);
}

.adr-tab .tab-link2 {
    background-image: url(../img/new/contactus/icon-follow-red.svg);
}

.adr-tab__link-div {
    padding: 0px 5px 5px 5px;
}

.adr-tab__link-div a {
    border: 1px solid #aaa !important;
    display: block;
    text-align: center;
    border-radius: 10px;
}

.adr-tab__link {
    width: 50%;
    border: none !important;
    background-color: transparent !important;
    margin-bottom: 0px !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 10px !important;
    padding: 15px 0px;
}

.adr-tab__link a {
    float: none !important;
    background-color: transparent !important;
    padding: 4px 5px;
    font-size: 13px;
    text-align: center;
    width: 100%;
}

.adr-tab__link:hover {
    border: none !important;
    background-color: transparent !important;
}

.adr-tab__link:hover .adr-tab__link-text {
    color: #e31c40;
}

.adr-tab .ui-tabs-nav li.ui-tabs-active {
    border: none !important;
    background-color: transparent !important;
    margin: 0px !important;
}

.adr-tab .ui-tabs-nav li.ui-tabs-active .adr-tab__link-text {
    color: #e31c40;
}

.adr-tab .ui-tabs-nav li.ui-tabs-active a {
    color: #e31c40 !important;
}

.adr-tab .ui-tabs-nav li.ui-tabs-active .tab-link1 {
    background-image: url(../img/new/contactus/icon-send.svg);
}

.adr-tab .ui-tabs-nav li.ui-tabs-active .tab-link2 {
    background-image: url(../img/new/contactus/icon-follow.svg);
}

.adr-tab .ui-tabs-panel {
    height: 330px;
    border: 1px solid #aaa;
    border-radius: 5px;
}

.adr-tab .ui-tabs-nav li {
    margin: 0px !important;
    padding: 0px !important;
    float: right;
}

.adr-item {
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
    position: relative;
    padding-right: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.adr-item::before {
    content: "";
    position: absolute;
    top: 0px;
    right: -7px;
    width: 20px;
    height: 18px;
    background-image: url(../img/new/contactus/loc.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.adr-item-btn {
    margin-top: 5px;
    border-radius: 20px;
    font-size: 12px;
    padding: 2px 9px;
    color: #e31c40 !important;
    background-color: #fff;
    display: inline-block;
    border: 1px solid #e31c40;
}

.adr-item-btn:hover {
    background-color: #e31c40;
    color: #fff !important;
}

.adr-link {
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
    position: relative;
    padding-right: 15px;
}

.adr-link::before {
    content: "";
    position: absolute;
    top: 0px;
    right: -7px;
    width: 20px;
    height: 18px;
    background-image: url(../img/new/contactus/loc.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

@media screen and (max-width: 991px) {
    .hide-mob {
        display: none;
    }
}

.show_mob {
    display: none;
}

@media screen and (max-width: 991px) {
    .show_mob {
        display: block;
    }
}

.scrollbar {
    overflow-y: scroll;
}

.scrollbar-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.scrollbar-1::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}

.scrollbar-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555;
}

/*
 *  STYLE 8
 */
.scrollbar-2::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 30px;
}

.scrollbar-2::-webkit-scrollbar {
    width: 10px;
    background-color: #fff;
}

.scrollbar-2::-webkit-scrollbar-thumb {
    background-color: #e31c40;
    border-radius: 30px;
}

.products_main_slider {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 30px;
}

.products_main_slider .products_main_slide {
    width: 100%;
    border-radius: 5px;
}

.products_main_slider .products_main_slide_content {
    background-size: cover;
    width: 100%;
    padding-bottom: 25%;
    position: relative;
}

@media screen and (max-width: 768px) {
    .products_main_slider .products_main_slide_content {
        padding-bottom: 45%;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 0px;
        margin-top: 0px;
    }
}


.products_main_slider .slick-dots li.slick-active button:before {
    color: #fff;
}

.products_main_slider .slick-dots {
    width: auto;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0px 7px;
}

@media screen and (max-width: 768px) {
    .products_main_slider .slick-dots {
        display: none !important;
    }
}

.products_main_slider .slick-dots li {
    margin: 5px 0px;
}

.products_main_slider .slick-dots button::before {
    font-size: 32px;
    color: #fff;
}

.products_promotions_box {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    margin-top: 30px;
    background-color: #ed4444;
    border-radius: 10px;
    color: #fff;
    display: flex;
    margin-bottom: 30px;
}

.products_promotions_date {
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*padding-right: 10px;*/
}

.products_promotions_date .date_title {
    margin-bottom: 10px;
    text-align: center;
}

.products_promotions_date .date_calender {
    width: 100%;
    height: 200px;
    background-image: url(../img/new/shop/basarfe-price-tag.png);
    padding-top: 34px;
    padding-left: 7px;
    padding-right: 36px;
}

.products_promotions_date .date_day {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}

.products_promotions_date .date_month {
    margin-right: 19px;
    font-size: 16px;
    /*width: 59px;*/
    margin-top: 25px;
    text-align: center;
}

.products_promotions_slider_box {
    width: 80%;
    padding: 20px 40px;
}

.products_promotions_slider {
    width: 100%;
}

.products_promotions_slider .promotions_slide {
    width: 100%;
}

.more_products {
    border-radius: 4px;
    background-color: #fff;
    color: #000;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(227, 28, 64, 0.8);
    font-weight: 500;
    border: 1px solid rgba(227, 28, 64, 0.5);
    background-color: rgba(227, 28, 64, 0.1);
    transition: all 0.2s;
}

.more_products:hover {
    background-color: rgba(227, 28, 64, 0.2);
    color: #e31c40;
}

.promotion {
    width: 100%;
    position: relative;
    padding-top: 2px;
    padding-bottom: 5px;
}

.promotion__inner {
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
    width: 100%;
    height: 100%;
    min-height: 244px;
    position: relative;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}

.promotion__image {
    background-size: contain;
    background-image: url(../img/new/prom1.jpg);
    width: 70%;
    margin: auto;
    padding-bottom: 75%;
    position: relative;
}

.promotion .unavailable-label {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    color: #888;
    text-align: center;
    display: none;
    background-color: rgba(233, 233, 233, 0.7);
}

.promotion__title {
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    color: #000;
    padding: 0px 7px;
}

.promotion__title:hover {
    color: #707070;
}

.promotion__info {
    padding: 10px 15px;
    padding-top: 5px;
}

.promotion__info1 {
    display: flex;
    justify-content: space-between;
}

.promotion__percent {
    background-color: #e31c40;
    border-radius: 20px;
    color: #fff;
    padding: 3px 4px;
    font-size: 14px;
    padding-top: 6px;
    position: absolute;
    top: 28px;
    left: -1px;
    border-radius: 0;
    text-align: center;
    width: 40px;
    border-radius: 0 7px 7px 0;
}

.promotion__percent span {
    font-size: 12px;
    font-weight: 300;
}

.promotion__prev-price {
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #707070;
    margin-top: 10px;
}

.promotion__prev-price::before {
    content: "";
    width: 120%;
    height: 1px;
    background-color: #707070;
    top: 10px;
    left: -10%;
    position: absolute;
    transform: rotate(-5deg);
}

.promotion__price {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.promotion__disc {
    background-color: #e31c40;
    color: #fff;
    width: 90px;
    height: 90px;
    top: 10%;
    left: 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 200px;
}

.promotion__disc span {
    display: block;
}

.promotion__disc.percent {
    width: 60px;
    height: 60px;
    font-size: 20px;
}

.promotion__disc-before {
    font-weight: 200;
    position: relative;
}

.promotion__disc-before:after {
    position: absolute;
    top: 10px;
    left: -15%;
    width: 130%;
    height: 1px;
    background-color: #000;
    content: "";
    transform: rotate(-20deg);
}

.promotion__disc-after {
    font-weight: 500;
    line-height: 120%;
}

.unavailable-product .promotion__image {
    filter: grayscale(1);
}

.unavailable-product .unavailable-label {
    display: block;
}

.hide_available .unavailable-product .promotion__image {
    filter: none !important;
}

.hide_available .unavailable-product .unavailable-label {
    display: none !important;
}

.products-page-h1 {
    font-size: 30px;
    margin-top: 20px;
}

.products-page-h2 {
    font-size: 26px;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #e31c40;
}

.products-page-h2 a {
    color: #e31c40;
}

.products-sidebar {
    padding: 0px 15px;
    padding-top: 10px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.products-sidebar__header {
    border-radius: 4px 4px 0px 0px;
    padding: 10px 20px;
    background-color: rgba(204, 204, 204, 0.3);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.products-sidebar__body {
    padding: 10px 25px;
}

.products-sidebar__link {
    display: block;
    color: #333;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
}

.products-sidebar__link:hover {
    color: #e31c40;
}

.products-sidebar__sub {
    padding-right: 20px;
    font-size: 14px;
}

.sidebar-link-actice {
    color: #e31c40;
}

.products-category-title {
    font-size: 26px;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #e31c40;
}

.products-slider .c_next_arrow {
    left: 10px;
    background-color: #fff;
    box-shadow: 3px 2px 7px rgba(0, 0, 0, 0.2);
    border-radius: 0px 10px 10px 0px;
    width: 30px;
    height: 50px;
    transition: all 0.2s;
}

.products-slider .c_next_arrow span {
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    width: 0px;
    left: 12px;
    height: 1px;
    background-color: #000;
}

.products-slider .c_next_arrow:before {
    transition: all 0.3s;
    content: "";
    position: absolute;
    top: 47%;
    width: 16px;
    left: 8px;
    height: 3px;
    background-color: #000;
    transform: rotate(45deg);
    transform-origin: 0% 0%;
}

.products-slider .c_next_arrow:after {
    transition: all 0.3s;
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    width: 16px;
    height: 3px;
    background-color: #000;
    transform: rotate(-45deg);
    transform-origin: 0% 0%;
}

.products-slider .c_next_arrow:hover {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.products-slider .c_prev_arrow {
    right: 10px;
    background-color: #fff;
    box-shadow: -3px 2px 7px rgba(0, 0, 0, 0.2);
    border-radius: 10px 0px 0px 10px;
    width: 30px;
    height: 50px;
    transition: all 0.2s;
}

.products-slider .c_prev_arrow span {
    transition: all 0.2s;
    position: absolute;
    top: 50%;
    height: 1px;
    background-color: #000;
    width: 0px;
    right: 12px;
}

.products-slider .c_prev_arrow:before {
    transition: all 0.2s;
    content: "";
    position: absolute;
    top: 53%;
    width: 16px;
    right: 8px;
    height: 3px;
    background-color: #000;
    transform: rotate(45deg);
    transform-origin: 100% 100%;
}

.products-slider .c_prev_arrow:after {
    transition: all 0.2s;
    content: "";
    position: absolute;
    top: 50%;
    width: 16px;
    right: 6px;
    height: 3px;
    background-color: #000;
    transform: rotate(-45deg);
    transform-origin: 100% 100%;
}

.products-slider .c_prev_arrow:hover {
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
}

.products-row1__item {
    display: block;
    padding-bottom: 15px;
}

.products-row1__item-inner {
    width: 100%;
    padding-bottom: 73%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.row1-item1 {
    background-image: url(../img/new/shop/01/01.jpg);
}

.row1-item2 {
    background-image: url(../img/new/shop/01/02.jpg);
}

.row1-item3 {
    background-image: url(../img/new/shop/01/03.jpg);
}

.row1-item4 {
    background-image: url(../img/new/shop/01/04.jpg);
}

.products-row2__item {
    padding-bottom: 15px;
    display: block;
}

.products-row2__item-inner {
    width: 100%;
    padding-bottom: 37%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.row2-item1 {
    background-image: url(../img/new/shop/02/01.jpg);
}

.row2-item2 {
    background-image: url(../img/new/shop/02/02.jpg);
}

.row2-item3 {
    background-image: url(../img/new/shop/02/03.jpg);
}

.row2-item4 {
    background-image: url(../img/new/shop/02/04.jpg);
}

.products-row3__item {
    padding-bottom: 15px;
    display: block;
}

.products-row3__item-inner {
    width: 100%;
    padding-bottom: 92%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.row3-item1 {
    background-image: url(../img/new/shop/03/01.jpg);
}

.row3-item2 {
    background-image: url(../img/new/shop/03/02.jpg);
}

.row3-item3 {
    background-image: url(../img/new/shop/03/03.jpg);
}

.row3-item4 {
    background-image: url(../img/new/shop/03/04.jpg);
}

.row3-item5 {
    background-image: url(../img/new/shop/03/05.jpg);
}

.row3-item6 {
    background-image: url(../img/new/shop/03/06.jpg);
}

.row3-item7 {
    background-image: url(../img/new/shop/03/07.jpg);
}

.row3-item8 {
    background-image: url(../img/new/shop/03/08.jpg);
}

.row3-item9 {
    background-image: url(../img/new/shop/03/09.jpg);
}

.product-group {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 30px;
}

.product-group__title-box {
    padding: 0px 10px;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.product-group__more {
    color: #707070;
    /*margin-top: 10px;*/
    border: 1px solid red;
    padding: 3px 8px 3px 8px;
    border-radius: 3px;
    font-size: 11px;
}

.product-group__more:hover {
    color: #707070;
}

.product-group__title {
    font-size: 15px;
    margin-bottom: 7px;
    color: #000;
    position: relative;
    padding-right: 15px;
}

.product-group__title a {
    color: #000;
}

.product-group__title::before {
    position: absolute;
    background-color: #e31c40;
    content: "";
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    width: 3px;
    border-radius: 10px 0px 0px 10px;
}

.product-group__title::after {
    position: absolute;
    background-color: #e31c40;
    content: "";
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    height: 6px;
    width: 6px;
    border-radius: 10px 0px 0px 10px;
}

.pr_row {
    margin-top: 30px;
    margin-bottom: 30px;
}

.shop-topbar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 70px;
    background-color: #f3f3f3;
    position: relative;
}

@media screen and (max-width: 768px) {
    .shop-topbar {
        flex-direction: column;
        height: 165px;
    }
}

.shop-topbar__search {
    max-width: 400px;
    padding: 0px 15px;
    width: 100%;
}

.shop-topbar__branch {
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0%;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding-left: 20px;
    color: #666;
    display: none;
}

@media screen and (max-width: 768px) {
    .shop-topbar__branch {
        position: static;
    }
}

.shop-topbar__branch i {
    font-size: 16px;
}

.shop-topbar__choose-btn {
    cursor: pointer;
    position: absolute;
    left: 20px;
    top: 20px;
    height: 30px;
    align-items: center;
    font-size: 14px;
    padding: 10px 20px;
    display: flex;
    color: #fff;
    background-color: #ed627b;
    border-radius: 300px;
    font-weight: 500;
    display: none;
    -webkit-animation: choose-anim 2s infinite;
    animation: choose-anim 2s infinite;
}

@media screen and (max-width: 768px) {
    .shop-topbar__choose-btn {
        position: static;
    }
}

.shop-topbar__choose-btn i {
    font-size: 16px;
}

.bscan-btn {
    cursor: pointer;
    right: 20px;
    top: 15px;
    height: 30px;
    align-items: center;
    font-size: 16px;
    padding: 18px 20px;
    display: flex;
    color: #fff;
    background-color: #e31c40;
    border-radius: 300px;
    font-weight: 500;
}

.bscan-btn:hover {
    color: #fff;
}

@media screen and (max-width: 768px) {
    .bscan-btn {
        position: static;
        margin-top: 10px;
    }
}

.bscan-btn i {
    font-size: 16px;
    background-image: url(../img/new/barcode-scan.png);
    background-position: center;
    background-size: contain;
    width: 17px;
    height: 17px;
    margin-left: 10px;
}

@-webkit-keyframes choose-anim {
    0% {
        background-color: #ed627b;
        transform: scale(1);
    }
    50% {
        background-color: #e31c40;
        transform: scale(1.2);
    }
    100% {
        background-color: #ed627b;
        transform: scale(1);
    }
}

@keyframes choose-anim {
    0% {
        background-color: #ed627b;
        transform: scale(1);
    }
    50% {
        background-color: #e31c40;
        transform: scale(1.2);
    }
    100% {
        background-color: #ed627b;
        transform: scale(1);
    }
}

.shop-search-form {
    background-color: #fff;
    border-radius: 100px;
    position: relative;
}

.shop-search-form .shop-search-input {
    display: block;
}

@media screen and (max-width: 991px) {
    .shop-search-form {
        position: static;
        padding-right: 10px;
    }
}

.shop-search-form .shop-search-btn {
    width: 40px;
    height: 40px;
    background-image: url(../img/lenz.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    background-color: #e31c40;
    transform: translateX(-5px);
    border-radius: 40px 0px 0px 40px;
    padding-left: 20px;
}

.shop-search-form .shop-search-input {
    height: 34px;
    width: calc(100% - 50px);
    border-radius: 0px 100px 100px 0px;
    background-size: 50%;
    outline: none;
    font-size: 13px;
    border: none;
    margin-right: 4px !important;
}

@media screen and (max-width: 991px) {
    .shop-search-form .shop-search-input {
        display: block;
        width: calc(100% - 50px);
    }
}

.shop-search-form .shop-search-input :focus {
    outline: none;
}

.shop-search-form .search-form-offers {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0px;
    background-color: #fff;
    z-index: 10;
    padding: 20px 30px;
    border-radius: 12px;
}

.shop-search-form .search-form-offers .offer-item {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mega-menu {
    display: block;
    color: #777;
    font-size: 12px;
    /*padding: 3px 3px;*/
    transition: all 0.2s;
}

.mega-menu__dropdown {
    display: none;
    position: absolute;
    right: 0px;
    width: 100%;
    height: 400px;
    padding: 0px 40px;
    z-index: 2;
    margin-top: 2px;
}

.mega-menu .ui-tabs-vertical {
    width: 100%;
    padding: 0px;
    border: none;
}

.mega-menu .ui-tabs-vertical .ui-tabs-nav {
    padding: 0px;
    height: 500px;
    float: right;
    width: 20%;
    border: none;
    border-radius: 0;
    background-color: #eee;
}

.mega-menu .ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    border: none;
    margin: 0px;
    padding: 10px 10px;
    background-color: transparent;
    direction: rtl;
    text-align: right;
    border-radius: 0px 5px 5px 0px;
}

.mega-menu .ui-state-active,
.mega-menu .ui-widget-content .ui-state-active,
.mega-menu .ui-widget-header .ui-state-active,
.mega-menu a.ui-button:active,
.mega-menu .ui-button:active,
.mega-menu .ui-button.ui-state-active:hover {
    background-color: #e31c40 !important;
    color: #fff;
}

.mega-menu .ui-state-active a,
.mega-menu .ui-widget-content .ui-state-active a,
.mega-menu .ui-widget-header .ui-state-active a,
.mega-menu a.ui-button:active a,
.mega-menu .ui-button:active a,
.mega-menu .ui-button.ui-state-active:hover a {
    color: #fff;
}

.mega-menu .ui-state-active a:hover,
.mega-menu .ui-widget-content .ui-state-active a:hover,
.mega-menu .ui-widget-header .ui-state-active a:hover,
.mega-menu a.ui-button:active a:hover,
.mega-menu .ui-button:active a:hover,
.mega-menu .ui-button.ui-state-active:hover a:hover {
    color: #fff;
}

.mega-menu .ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    direction: rtl;
    text-align: right;
}

.mega-menu .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: right;
    width: 100%;
}

.mega-menu .ui-tabs-vertical .ui-tabs-panel {
    padding: 0px 1em;
    padding-top: 1em;
    float: right;
    width: 80%;
}

.mega-menu .mega-menu-tabs {
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}

.mega-menu__tab-content ul {
    width: 100%;
    float: right;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-grow: 1;
    height: 340px;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.mega-menu__tab-content ul li {
    text-align: right;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 24%;
    margin-left: -4%;
    max-width: 100%;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-height: 31.538px !important;
    overflow: hidden;
}

.mega-menu__tab-content .ca-item a {
    font-size: 14px;
    color: #e31c40;
}

.mega-menu__tab-content .ca-item a::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #e31c40;
    margin-left: 4px;
    display: inline-block;
    vertical-align: baseline;
}

.mega-menu__tab-content .c-item a {
    font-size: 14px;
    padding-right: 17px;
    font-weight: 300;
}

.mega-menu__item {
    /*padding: 3px 6px;*/
    border-left: 1px solid #ccc;
    font-weight: 500;
}

.mega-menu__item:hover .mega-menu__dropdown {
    display: block;
}

.mega-menu__item-link {
    color: #000;
}

.mega-menu__item-link:hover {
    color: #000;
}

.mega-menu__category-image {
    width: 30%;
    height: 340px;
    float: right;
    background-position: bottom center;
}

.mega-menu__more-link {
    width: 100%;
    float: right;
}

.mega-menu__more-link a {
    font-size: 13px;
    padding: 4px 10px;
    background-color: #b6d8ff;
    color: #1c71d3;
    border-radius: 6px;
}

@media screen and (max-width: 991px) {
    .mega-menu {
        display: none;
    }
}

.cat-menu-res {
    background-color: #f3f3f3;
    padding-top: 15px;
    padding-bottom: 20px;
    display: none;
}

@media screen and (max-width: 991px) {
    .cat-menu-res {
        display: block;
    }
}

.cat-menu-res .cat-dropdown-box {
    display: none;
}

.cat-menu-res__box {
    padding: 0px 50px;
}

.cat-menu-res__btn {
    width: 100%;
    text-align: center;
}

.cat-menu-res__link {
    width: 100%;
    background-color: #b6d8ff;
    color: #1c71d3;
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    display: block;
}

.res-dropdown {
    text-align: right;
    padding: 0px 15px;
    width: 100%;
    display: none;
    margin-top: 5px;
}

.res-dropdown-1 {
    display: block;
    background-color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.res-dropdown-item {
    font-size: 13px;
    padding: 10px 0px;
    position: relative;
    width: 100%;
}

.res-dropdown-item-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}

.res-dropdown-item-plus-box:hover > .res-dropdown {
    display: block;
}

.res-dropdown-item-plus-box:hover > .res-dropdown-item-plus::before {
    content: "\f068";
}

.res-dropdown-item-link {
    position: absolute;
    top: 10px;
    right: 40px;
    width: 100%;
    padding: 5px 0px;
}

.res-dropdown-item-last .res-dropdown-item-link {
    right: 30px;
}

.res-dropdown-item-last .res-dropdown-item-plus {
    opacity: 0;
}

.modal-header {
    z-index: 9999999;
    border-bottom: none !important;
}

.modal-header .close {
    padding: 0px;
    margin: 0px;
}

.modal-content {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
}

#map {
    width: 100%;
    height: 300px;
}

.modal-body {
    position: relative;
}

.modal-body .modal_loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
}

.modal-body .lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.modal-body .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    margin: 5px;
    border: 5px solid #e31c40;
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #e31c40 transparent transparent transparent;
}

.modal-body .lds-ring div:nth-child(1) {
    -webkit-animation-delay: -0.45s;
    animation-delay: -0.45s;
}

.modal-body .lds-ring div:nth-child(2) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.modal-body .lds-ring div:nth-child(3) {
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s;
}

@-webkit-keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.map-search {
    width: 100%;
    height: 40px;
    position: relative;
    margin-bottom: 20px;
}

.map-search__input {
    border: 1px solid #bbb;
    border-radius: 5px;
    width: 100%;
    padding: 10px 10px;
}

.map-search__popup {
    position: absolute;
    width: 100%;
    top: 100%;
    background-color: #fff;
    z-index: 1001;
    border: 1px solid #bbb;
    border-top: 0px solid #bbb;
    border-bottom: 0px solid #bbb;
}

.map-search__popup-item {
    padding: 10px 15px;
    border-bottom: 1px solid #bbb;
    cursor: pointer;
}

.map-search__popup-item:hover {
    color: #e31c40;
}

.map-search__res-subtitle {
    color: #999;
    font-size: 12px;
}

#branch-select-txt {
    text-align: center;
    margin-top: 20px;
}

#branch-select-name {
    font-size: 20px;
}

.product-detail-page {
    background-color: #f3f3f3;
    padding: 30px 0px;
}

.products-breadcrumb {
    font-size: 13px;
}

.products-breadcrumb a {
    font-size: 13px;
}

.show-mob {
    opacity: 0;
}

@media screen and (max-width: 991px) {
    .show-mob {
        opacity: 1;
    }
}

.pd {
    border-radius: 25px;
}

.pd__top {
    background-color: #fff;
    padding: 20px;
    border-bottom: 1px solid #f3f3f3;
    border-radius: 25px 25px 0px 0px;
    position: relative;
}

.pd__body {
    background-image: linear-gradient(#fafafa, #fff);
    padding: 20px;
    border-radius: 0px 0px 25px 25px;
    min-height: 300px;
}

.pd__title {
    font-size: 24px;
}

.pd__percent {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #e31c40;
    border-radius: 25px 0px 25px 0px;
    color: #fff;
    padding: 15px;
    font-weight: 500;
    text-align: center;
    z-index: 1;
}

.pd__hr {
    border-top: 1px solid #f3f3f3;
}

.pd__info {
    font-size: 14px;
    margin-bottom: 10px;
}

.pd__info-label {
    color: #999;
}

.pd__info-value {
    color: #000;
}

.pd__info-value a {
    color: #000;
}

.pd__info-value a:hover {
    color: #e31c40;
}

.pd__price {
    font-size: 16px;
    margin-bottom: 10px;
}

.pd__price-value .price {
    color: #e31c40;
    font-weight: 600;
    font-size: 20px;
}

.pd__pic-container {
    height: 100%;
    width: 100%;
    position: absolute;
}

@media screen and (max-width: 991px) {
    .pd__pic-container {
        position: static;
    }
}

.pd__pic-box {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
    background-color: #fff;
    border-radius: 25px;
    padding: 10px;
}

@media screen and (max-width: 991px) {
    .pd__pic-box {
        position: static;
        margin-bottom: 15px;
    }
}

.pd__pic {
    background-size: cover;
    padding-bottom: 100%;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #f5f5f5;
}

.prev-price {
    position: relative;
    color: #707070;
}

.prev-price::before {
    content: "";
    width: 110%;
    height: 1px;
    background-color: #707070;
    top: 10px;
    left: -5%;
    position: absolute;
    transform: rotate(-5deg);
}

.pd-tab-content {
    padding-top: 20px;
}

.pd-tabs {
    padding: 0px !important;
    border: none !important;
    background-color: transparent;
}

.pd-tabs .ui-tabs-nav {
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #eee;
    padding: 0px;
}

.pd-tabs .ui-tabs-nav li {
    float: right;
    background-color: transparent;
    border: none;
    margin: 0px;
    margin-left: 5px;
}

.pd-tabs .ui-tabs-nav li.ui-tabs-active {
    color: #000 !important;
    font-weight: 500;
    border-bottom: 2px solid #e31c40;
    background-color: transparent !important;
}

.pd-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: #000 !important;
    background-color: transparent !important;
}

.pd-tabs .ui-tabs-panel {
    padding: 30px 10px;
}

.pd-comment__title {
    font-weight: 500;
    font-size: 18px;
}

.pd-comment__text {
    font-size: 14px;
    color: #777;
    margin-bottom: 10px;
}

.pd-comment .c-input {
    width: 100%;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #eee;
    margin-bottom: 10px;
}

.pd-comment .c-textarea {
    width: 100%;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    height: 150px;
}

.pd-comment .c-submit {
    border-radius: 5px;
    padding: 10px 15px;
    background-color: #e31c40;
    color: #fff;
    border: none;
}

.shop-foot {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 10;
    display: none;
}

@media screen and (max-width: 991px) {
    .shop-foot-show {
        display: block;
    }
}

@media screen and (max-width: 991px) {
    .hide_mob {
        display: none;
    }
}

.hide_show {
    display: none;
}

@media screen and (max-width: 991px) {
    .hide_show {
        display: block;
    }
}

.product-price2 {
    display: none;
}

.product-price1 {
    display: none;
}

.skeleton-loading {
    display: block;
    min-height: 30px;
    width: 100%;
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    -webkit-animation: 1.5s shine linear infinite;
    animation: 1.5s shine linear infinite;
}

@-webkit-keyframes shine {
    to {
        background-position-x: -200%;
    }
}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #e31c40 !important;
    border-color: #e31c40 !important;
}

.pagination > li > a,
.pagination > li > span {
    color: #e31c40;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #e31c40;
    border-color: #e31c40;
}

.page-link {
    color: #e31c40;
}

.rating i {
    transition: 0.25s ease;
}

.rating .selected {
    color: rgba(255, 217, 0, 0.7176470588);
}

a.mega {
    color: #777;
}

#sort-filter {
    margin: 10px auto;
    background-color: white;
    box-shadow: 0 12px 12px 0 hsla(0deg, 0%, 71%, 0.11);
    border: 1px solid #dedede;
    margin: 0 0 10px;
    border-radius: 8px;
}

.filter-item-header {
    cursor: pointer;
    color: #3f414d;
    padding: 0px 20px;
    font-size: 13px;
    border-bottom: 1px solid #f2f2f2;
}

.filter-item-body {
    max-height: 280px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.filter-item-header span:first-child {
    color: #cbcbcb;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-left i.fa.fa-chevron-up {
    margin: 10px 0px 0px -10px;
}

.float-left i.fa.fa-chevron-down {
    margin: 10px 0px 0px -10px;
}

.filter-item-header .fas {
    font-size: 11px;
    color: #888585;
}

.c-ui-input-filter {
    display: block;
    border: 1px solid #075da7;
    width: 91%;
    margin: 10px auto;
    border-radius: 10px;
}

.c-ui-input-filter span {
    display: inline-block;
    vertical-align: middle;
}

.icon-serch-filter {
    width: 14px;
    font-size: 16px;
    color: #c0bebe;
    padding-right: 5px;
}

.c-ui-input-filter span {
    display: inline-block;
    vertical-align: middle;
}

.input-search-filter {
    width: calc(100% - 29px);
    font-size: 12px;
}

.c-ui-input-filter input {
    padding-right: 0 !important;
    height: 35px !important;
    border: none;
}

.filter-item-choose-options li {
    margin: 10px;
}

.filter-checkbox-container {
    display: block;
    position: relative;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: right;
}

.filter-checkbox-container span:first-child {
    padding-right: 30px;
    font-size: 12px;
    display: inline-block;
}

.filter-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 19px;
    width: 19px;
    background-color: #fff;
    border: 1px solid #969696;
    border-radius: 4px;
}

.filter-checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

.filter-checkbox-container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.filter-checkbox-container input:checked ~ .checkmark {
    background-color: #3F51B5;
    border-color: #3F51B5;
}

ul#list-ul {
    list-style: none;
    display: contents;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgb(202, 200, 200);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgb(153, 151, 151);
}

.ui-tabs-anchor:hover {
    cursor: context-menu !important;
}

.col.caption {
    font-size: 11px;
}

.item-group-list {
    min-height: 404px !important;
}

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

h3.h-3-product {
    font-size: 14px;
}

.faq-bg {
    background-color: #f1f1f1;
}

#search_loading_faq {
    top: 50px;
    display: block;
}

.search-results-box-faq-cont {
    width: 300px;
    display: none;
    min-height: 120px;
    position: absolute;
    top: 100%;
    border: 1px solid #999;
    border-radius: 20px;
    margin-left: -150px;
    left: 50%;
    background-color: #fff;
    padding: 15px;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
    z-index: 10000;
    text-align: left;
}

.search-results-box-faq {
    text-align: right;
}

.search-results-box-faq-close {
    display: inline-flex;
    width: 40px;
    height: 40px;
    color: #e31c40;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
}

.faq-header {
    background-color: #555;
    color: #fff;
    width: 100%;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 160px;
}

.faq-header__title {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 25px;
}

.faq-header__search-box {
    position: relative;
}

.faq-header__search-box form {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 991px) {
    .faq-header__search-box form {
        flex-direction: column;
    }
}

.faq-header__search-box .faq-search-btn {
    margin-right: 10px;
}

.faq-header__search-box .faq-search-input {
    border-radius: 5px;
    border: 1px solid #aaa;
    padding: 10px;
    width: 300px;
}

@media screen and (max-width: 991px) {
    .faq-header__search-box .faq-search-input {
        margin-bottom: 10px;
    }
}

.faq-container {
    margin-top: -80px;
}

.faq-box {
    padding: 30px 30px;
    border: 1px solid #d3d3d3;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
}

.faq-box__title {
    font-size: 21px;
    color: #777;
    margin-bottom: 20px;
}

.faq-cat {
    display: block;
    padding: 25px;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-bottom: 30px;
    transition: all 0.2s;
}

.faq-cat:hover {
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.faq-cat__icon {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
}

.faq-cat__title {
    text-align: center;
    font-size: 20px;
    color: #e31c40;
}

.faq {
    border-radius: 15px;
    border: 1px solid #ddd;
    background-color: #fff;
    margin-bottom: 15px;
}

.faq__soal {
    cursor: pointer;
    padding: 23px 15px;
    position: relative;
    color: #666;
    transition: all 0.1s;
    padding-left: 40px;
}

.faq__soal::before {
    content: "";
    position: absolute;
    left: 20px;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    background-color: rgba(55, 165, 255, 0.2);
    background-image: url(../img/new/down-angle.svg);
    background-size: 55%;
    background-repeat: no-repeat;
    transition: all 0.2s;
    background-position: center;
}

.faq__javab {
    padding: 15px;
    display: none;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 25px;
    font-size: 14px;
    color: #999;
    line-height: 180%;
}

.faq__javab-more-box {
    text-align: left;
}

.faq__javab-more {
    display: inline-block;
    background-color: rgb(0, 153, 255);
    color: #fff;
    font-size: 14px;
    border-radius: 7px;
    padding: 4px 10px;
}

.faq__javab-more:hover {
    background-color: rgb(0, 108, 248);
    color: #fff;
}

.faq:hover {
    border: 1px solid #bbb;
}

.faq-open {
    border: 1px solid #bbb;
}

.faq-open .faq__javab {
    display: block;
}

.faq-open .faq__soal {
    color: #000;
    padding-right: 20px;
}

.faq-open .faq__soal::before {
    background-color: rgba(227, 28, 64, 0.2);
    transform: rotate(180deg);
}

.jobs-top {
    width: 100%;
    background-image: url(../img/new/jobs/bg.jpg);
    background-size: cover;
    padding-bottom: 37%;
    background-position: bottom center;
    position: relative;
    overflow: hidden;
}

.jobs-top__container {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0px 15px;
}

@media screen and (max-width: 991px) {
    .jobs-top {
        padding-bottom: 67%;
        background-size: cover;
    }
}

.jobs-resume {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.jobs-resume__line {
    height: 40px;
    width: 1px;
    background-color: #707070;
}

.jobs-resume__edit-icon {
    width: 18px;
    height: 18px;
    background-image: url(../img/new/jobs/edit.svg);
    margin-left: 7px;
}

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

.jobs-resume__input input {
    width: 190px;
    padding: 10px 10px;
    border: 1px solid #707070;
    border-radius: 5px;
    font-size: 13px;
}

.res-resume {
    display: none;
}

@media screen and (max-width: 991px) {
    .res-resume {
        display: block;
    }
}

.res-jobs-resume {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.res-jobs-resume > div {
    display: flex;
}

.res-jobs-resume__line {
    height: 1px;
    width: 100%;
    background-color: #707070;
    margin-top: 20px;
    margin-bottom: 20px;
}

.res-jobs-resume__edit-icon {
    width: 18px;
    height: 18px;
    background-image: url(../img/new/jobs/edit.svg);
    margin-left: 7px;
}

.res-jobs-resume__title {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.res-jobs-resume__btn-box {
    margin-top: 15px;
}

.res-jobs-resume__input input {
    padding: 10px 15px;
    border: 1px solid #707070;
    border-radius: 5px;
    font-size: 13px;
    width: 200px;
}

.top-job-search {
    display: block;
    width: 100%;
    max-width: 800px;
    min-height: 100px;
    background-color: #fff;
    border-radius: 400px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    padding: 0px 30px;
}

@media screen and (max-width: 991px) {
    .top-job-search {
        display: none;
    }
}

.top-job-search__fields-box {
    width: calc(100% - 80px);
    height: 60px;
    border: 1px solid #b4b3b8;
    border-radius: 100px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0px 20px;
}

.top-job-search__fields-label {
    position: absolute;
    top: -10px;
    right: 30px;
    background-color: #fff;
    color: #444;
    padding: 0px 10px;
    font-size: 13px;
}

.top-job-search__field {
    height: 40px;
    border-left: 1px solid #b4b3b8;
    width: 50%;
}

.top-job-search__field:last-child {
    border-left: none;
}

.top-job-search__btn-box {
    width: 80px;
    text-align: left;
    height: 60px;
}

.top-job-search__btn {
    width: 60px;
    height: 60px;
    background-color: #e31c40;
    background-image: url(../img/new/jobs/lenz.svg);
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100px;
}

.jobs-bar {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../img/new/jobs/pattern2.png);
    background-repeat: repeat;
    background-position: center;
}

.jobs-bar__title {
    height: 100%;
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    padding: 0px 22px;
}

.jobs-bar__title-text {
    font-size: 40px;
    font-weight: 500;
    color: #707070;
    margin-left: 10px;
}

@media screen and (max-width: 991px) {
    .jobs-bar__title-text {
        font-size: 20px;
    }
}

.jobs-bar__title-icon {
    width: 60px;
    height: 60px;
    background-image: url(../img/new/jobs/heart.svg);
}

@media screen and (max-width: 991px) {
    .jobs-bar__title-icon {
        height: 40px;
    }
}

.jobs-content-box {
    padding: 70px 0px;
}

.jobs-search__inputs {
    display: flex;
}

@media screen and (max-width: 991px) {
    .jobs-search__inputs {
        flex-direction: column;
    }
}

.jobs-search__btn-box {
    text-align: center;
    padding-top: 20px;
}

.job-input {
    padding: 0px 15px;
    width: 50%;
}

@media screen and (max-width: 991px) {
    .job-input {
        width: 100%;
    }
}

.job-input input {
    border-radius: 10px;
    padding: 5px 20px;
    width: 100%;
    height: 40px;
    border: none;
    display: inline-block;
}

@media screen and (max-width: 991px) {
    .job-input input {
        font-size: 13px;
    }
}

.job-input .select2 {
    border-radius: 10px;
    padding: 5px 20px;
    width: 100%;
    height: 40px;
    border: none;
    display: inline-block;
}

@media screen and (max-width: 991px) {
    .job-input .select2 {
        font-size: 13px;
    }
}

.job-input .select2 .select2-selection {
    border: none;
}

.job-input .select2 .select2-selection__arrow {
    top: 5px;
    left: 1px;
    right: auto;
}

.job-input .select2 .select2-selection__arrow b {
    border-color: #666 transparent transparent transparent;
}

.job-titles-box {
    margin-top: 40px;
    display: flex;
    border: 2px solid #e31c40;
    border-radius: 50px;
}

.job-titles-link {
    width: 33.33%;
    color: #444;
    border-radius: 100px;
    padding: 10px 10px;
    text-align: center;
}

.job-titles-link:hover {
    color: #fff;
    background-color: #e31c40;
}

.job-tab {
    margin-top: 60px;
    border: none !important;
    padding-bottom: 30px;
}

.job-tab .job-tab-content {
    width: 50%;
}

@media screen and (max-width: 991px) {
    .job-tab .job-tab-content {
        width: 100%;
    }
}

.job-tab .job-tab-btn-box {
    display: flex;
    width: 100%;
    align-items: center;
    background-color: #fff;
    border: 2px solid #e31c40;
    padding: 0px !important;
    border-radius: 100px;
    overflow: hidden;
    margin-bottom: 10px;
}

.job-tab .job-tab-btn-box li {
    border-radius: 0px;
    margin: 0px !important;
    background-color: #fff;
    border: none !important;
    width: 33.33%;
    text-align: center;
    margin-bottom: 0px !important;
    white-space: initial;
}

.job-tab .job-tab-btn-box a {
    padding: 15px 0px !important;
    border-radius: 100px;
    font-weight: 500;
    font-size: 16px;
    border-radius: 0px;
    width: 100%;
    text-align: center;
    background-color: transparent;
    color: #666 !important;
}

@media screen and (max-width: 991px) {
    .job-tab .job-tab-btn-box a {
        padding: 15px 3px !important;
        font-size: 12px;
    }
}

.job-tab .ui-tabs-nav li.ui-tabs-active {
    background-color: #e31c40;
    border-radius: 100px;
    overflow: hidden;
    color: #fff !important;
}

.col-job {
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    color: #aaa;
}

.col-job:nth-child(3n) {
    border-left: none;
}

@media screen and (max-width: 991px) {
    .col-job:nth-child(3n) {
        border-left: 1px solid #aaa;
    }
}

@media screen and (max-width: 991px) {
    .col-job {
        border-left: 1px solid #aaa;
        border-right: 1px solid #aaa;
    }
}

.jobs-video-box {
    border-radius: 30px;
    overflow: hidden;
}

.job-par {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding: 15px 30px;
}

.job-par-title {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 600;
}

.job-par-line {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
}

.jobs-par-img {
    width: 100%;
    border-radius: 10px;
}

.red-row {
    background-color: #e31c40;
    color: #fff;
    padding: -15px;
    border-radius: 10px;
    overflow: hidden;
}

.red-row > div {
    padding: 0px;
}

@media screen and (max-width: 991px) {
    .red-row > div {
        padding: 15px;
    }
}

.jobs-row-2 {
    padding: -15px;
    border-radius: 10px;
    overflow: hidden;
}

.jobs-row-2 > div {
    padding: 0px;
}

@media screen and (max-width: 991px) {
    .jobs-row-2 > div {
        padding: 15px;
    }
}

.job-par-content {
    width: 100%;
}

.job-par-card {
    color: #707070;
    width: 100%;
    padding: 30px 15px;
    margin-bottom: 15px;
    border-radius: 15px;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1);
}

.job-par-card-title {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 10px;
}

.job-par-card-body {
    line-height: 200%;
}

.jobs-learning {
    width: 100%;
    height: 450px;
    background-image: url(../img/new/jobs/img3.jpg);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #e31c40;
    flex-direction: column;
    font-weight: 600;
}

.jobs-learning__icon {
    width: 200px;
    height: 150px;
    background-image: url(../img/new/jobs/learn.png);
    background-size: contain;
    margin-bottom: 20px;
}

.job-list-box {
    padding-top: 50px;
    margin-bottom: 50px;
}

.job-sidebar-box {
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.job-sidebar-box__head {
    background-color: #e31c40;
    padding: 10px 20px;
    color: #fff;
}

.job-sidebar-box__body {
    padding: 10px 20px;
}

.job-sidebar-box__link {
    color: #444;
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
}

.job-sidebar-box__link:hover {
    color: #e31c40;
    font-weight: 600;
}

.job-sidebar-box__deadline {
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
}

.job-sidebar-box__action {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    direction: rtl;
}

.job-sidebar-box__apply-btn {
    width: 100%;
    padding: 10px;
    background-color: #e31c40;
    color: #fff;
    border-radius: 10px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}

.job-sidebar-box__apply-btn:hover {
    opacity: 0.9;
    color: #fff;
}

.job-sidebar-box .alert {
    font-size: 13px !important;
    direction: rtl;
    text-align: center;
}

.job-sidebar-box .job-sidebar-link-active {
    color: #e31c40;
    font-weight: 600;
}

.job-res-count {
    font-weight: 600;
    direction: rtl;
    margin-bottom: 20px;
}

.job-res {
    margin-bottom: 10px;
    direction: rtl;
    display: flex;
    border-radius: 10px;
    border: 1px solid #eee;
    align-items: center;
    overflow: hidden;
}

.job-res__icon {
    width: 80px;
    height: 80px;
    background-image: url(../img/new/jobs/job-icon.svg);
    background-color: #eee;
    background-size: 50%;
}

.job-res__title-box {
    padding: 0px 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 190px);
}

.job-res__title {
    color: #000;
}

.job-res__title:hover {
    color: #000;
}

.job-res__button {
    width: 80px;
    text-align: left;
}

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

.filter-item label {
    font-size: 14px;
    line-height: 190%;
    margin-bottom: 0;
    margin-right: 7px;
}

.filter-checkbox {
    direction: rtl;
    font-size: 12px;
    line-height: 190%;
}

.filter-hide {
    display: none;
}

.filter-more-btn {
    display: block;
    font-size: 13px;
    color: #e31c40;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
    cursor: pointer;
}

.filter-less-btn {
    display: none;
    font-size: 13px;
    color: #e31c40;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
    cursor: pointer;
}

.filter-box-expand .filter-hide {
    display: flex;
}

.filter-box-expand .filter-more-btn {
    display: none;
}

.filter-box-expand .filter-less-btn {
    display: block;
}

.job-detail-box {
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.002);
    overflow: hidden;
    padding: 30px;
}

.job-detail-box__head {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 25px;
}

.job-detail-box__back {
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
}

.job-detail-item {
    margin-bottom: 30px;
}

.job-detail-item__label {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
}

.job-detail-item__value {
    font-size: 17px;
}

@media print {
    .profile-sidebar {
        display: none;
    }
}

@media print {
    .profile-content {
        width: 100% !important;
    }
}

@media print {
    .hide_print {
        display: none;
    }
}

@media print {
    .footer {
        display: none;
    }
}

.show_print {
    display: none;
}

@media print {
    .show_print {
        display: block;
    }
}

.print_header {
    width: 100%;
    height: 100px;
}

.sup_slider {
    width: 100%;
}

.sup_slider .sup_slide {
    width: 100%;
    border-radius: 5px;
}

.sup_slider .sup_slide_content {
    background-size: cover;
    width: 100%;
    padding-bottom: 20%;
}

@media screen and (max-width: 768px) {
    .sup_slider .sup_slide_content {
        padding-bottom: 75%;
    }
}

.sup_slider .slick-dots li.slick-active button:before {
    color: #fff;
}

.sup_slider .slick-dots {
    background-color: rgba(0, 0, 0, 0.15);
    width: auto;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    border: 1px solid #fff;
    padding: 0px 7px;
}

@media screen and (max-width: 768px) {
    .sup_slider .slick-dots {
        display: none !important;
    }
}

.sup_slider .slick-dots li {
    margin: 5px 0px;
}

.sup_slider .slick-dots button::before {
    font-size: 24px;
    color: #fff;
}

.sup-claim-box {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
}

@media screen and (max-width: 991px) {
    .sup-claim-box {
        padding-left: 15px;
        padding-right: 20px;
    }
}

.svg-btn {
    position: absolute;
}

.svg-btn1 {
    width: 30%;
    height: 27%;
    top: 67%;
    left: 73%;
}

.svg-btn2 {
    width: 21%;
    height: 27%;
    top: 30%;
    left: 71%;
}

.svg-btn3 {
    width: 27%;
    height: 27%;
    top: 30%;
    left: 3%;
}

.svg-btn4 {
    width: 30%;
    height: 27%;
    top: 64%;
    left: 0%;
}

.sup-btn {
    font-size: 15px;
    position: fixed;
    top: 55%;
    z-index: 10;
    transform: rotate(-90deg);
    background-color: #e31c40;
    color: #fff;
    padding: 14px 20px;
    border-radius: 10px 10px 0px 0px;
    right: -50px;
    transform-origin: 50% 0%;
}

.sup-btn:hover {
    color: #fff;
}

@media screen and (max-width: 991px) {
    .sup-btn {
        border: 1px solid #fff;
        border-bottom: none;
        padding: 10px 13px;
        font-size: 14px;
    }
}

.sup-icon__icon {
    width: 150px;
    height: 150px;
    border-radius: 400px;
    display: block;
    margin: auto;
    background-size: contain;
}

@media screen and (max-width: 991px) {
    .sup-icon__icon {
        width: 120px;
        height: 120px;
    }
}

.sup-icon__text {
    padding-top: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
}

.sup-icon1 {
    background-position: center;
    background-size: 100% 100%;
    background-image: url(../img/new/tamin/main/claim1.svg);
}

.sup-icon2 {
    background-image: url(../img/new/tamin/main/claim2.svg);
}

.sup-icon3 {
    background-image: url(../img/new/tamin/main/claim3.svg);
}

.sup-icon4 {
    background-image: url(../img/new/tamin/main/claim4.svg);
}

.sup-bar {
    width: 100%;
    height: 50px;
    background-image: url(../img/new/cspfjob/bar.png);
    background-color: #e31c40;
    margin-bottom: 30px;
}

.sup-content-box {
    padding: 30px 0px;
}

.sup-nav-box {
    text-align: center;
}

@media screen and (max-width: 991px) {
    .sup-nav-box {
        display: none;
    }
}

.sup-nav {
    border: 1px solid #707070;
    border-radius: 40px;
    display: inline-block;
}

.sup-nav-link {
    color: #444;
    display: inline-block;
    border-radius: 40px;
    padding: 11px 25px;
}

.sup-nav-link:hover {
    color: #fff;
    background-color: #e31c40;
}

.sup-nav-link-active {
    color: #fff;
    background-color: #e31c40;
}

.sup-main-svg-box {
    width: 100%;
    max-width: 1000px;
    height: 460px;
    margin: auto;
    background-image: url(../img/new/tamin/main/main-svg.svg);
    background-position: top;
}

@media screen and (max-width: 991px) {
    .sup-main-svg-box {
        display: none;
    }
}

.sup-main-content {
    width: 100%;
    max-width: 1000px;
    padding: 30px 15px;
    margin: auto;
    position: relative;
}

.sup-main-content .row {
    margin-bottom: 30px;
}

.sup-main-content .row > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 50px;
}

.sup-image {
    position: relative;
    max-width: 100%;
}

.sup-image::before {
    content: "";
    height: 2px;
    background-color: #e31c40;
    position: absolute;
    top: 50%;
    width: 50px;
    right: -50px;
}

.sup-image {
    position: relative;
    max-width: 100%;
}

@media screen and (max-width: 991px) {
    .sup-image::before {
        display: none;
    }
}

.sup-image1::before {
    content: "";
    height: 2px;
    background-color: #e31c40;
    position: absolute;
    top: 50%;
    width: 50px;
    right: -50px;
}

.sup-image2::before {
    content: "";
    height: 2px;
    background-color: #e31c40;
    position: absolute;
    top: 50%;
    width: 50px;
    left: -50px;
}

.sup-image3::before {
    content: "";
    height: 150px;
    border-top: 2px solid #e31c40;
    background-color: #fff;
    position: absolute;
    top: 50%;
    width: 52px;
    right: -52px;
}

.sup-line {
    width: 2px;
    background-color: #e31c40;
    height: calc(100% - 200px);
    position: absolute;
    left: 50%;
    top: 0px;
}

@media screen and (max-width: 991px) {
    .sup-line {
        display: none;
    }
}

.sup-text {
    text-align: right;
    direction: rtl;
}

.sup-text__head {
    color: #707070;
    font-weight: 600;
    font-size: 24px;
    text-align: justify;
    margin-bottom: 10px;
}

.sup-text__body {
    color: #4e4e4e;
    font-weight: 400;
    font-size: 18px;
    line-height: 190%;
    text-align: justify;
}

.row-rev .sup-image {
    text-align: left;
}

.sup-image {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
    .sup-image {
        text-align: center !important;
    }
}

.sup-mob-icons {
    display: none;
    padding: 10px 50px;
}

@media screen and (max-width: 991px) {
    .sup-mob-icons {
        display: block;
    }
}

.sup-mob-icon {
    width: 100%;
    display: block;
    height: 100px;
    border-radius: 10px;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 70%;
    margin-bottom: 30px;
    border: 1px solid #fff;
}

.sup-mob-icon-active {
    border: 1px solid #e31c40;
    background-color: rgba(227, 28, 64, 0.05);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
}

.sup-mob-icon1 {
    background-image: url(../img/new/tamin/main/mob-icon1.png);
}

.sup-mob-icon2 {
    background-image: url(../img/new/tamin/main/mob-icon2.png);
}

.sup-mob-icon3 {
    background-image: url(../img/new/tamin/main/mob-icon3.png);
}

.sup-mob-icon4 {
    background-image: url(../img/new/tamin/main/mob-icon4.png);
}

.sup-brands-slider-box {
    width: 100%;
    max-width: 1100px;
    padding: 15px 50px;
    text-align: center;
    margin: auto;
    margin-bottom: 30px;
}

.sup-brands-title {
    display: inline-block;
    border-bottom: 2px solid #444;
    padding: 15px 50px;
    color: #707070;
}

.sup-brands-slider {
    width: 100%;
    margin-top: 10px;
}

.sup-brands-slider .sup-brand {
    width: 100%;
    border-radius: 5px;
}

.sup-brands-slider .sup-brand-logo {
    background-size: 60%;
    width: 100%;
    height: 120px;
}

.sup-brands-slider .slick-dots li.slick-active button:before {
    color: #000;
}

.sup-brands-slider .slick-dots {
    background-color: rgba(0, 0, 0, 0.15);
    width: auto;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    border: 1px solid #fff;
    padding: 0px 7px;
}

@media screen and (max-width: 768px) {
    .sup-brands-slider .slick-dots {
        display: none !important;
    }
}

.sup-brands-slider .slick-dots li {
    margin: 5px 0px;
}

.sup-brands-slider .slick-dots button::before {
    font-size: 24px;
    color: #fff;
}

.sup_slider_arrow {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 40px;
    height: 40px;
}

@media screen and (max-width: 768px) {
    .sup_slider_arrow {
        transform: scale(0.7) translateY(-20px);
    }
}

.sup_next_arrow {
    left: -30px;
    background-image: url(../img/new/tamin/slick-arr2.svg);
    background-size: 50%;
}

.sup_prev_arrow {
    right: -30px;
    background-image: url(../img/new/tamin/slick-arr1.svg);
    background-size: 50%;
}

.sup-tab {
    display: flex;
    border: none !important;
    flex-direction: row-reverse;
    min-height: 500px;
    padding-bottom: 30px;
}

@media screen and (max-width: 991px) {
    .sup-tab {
        flex-direction: column;
        align-items: center;
    }
}

.sup-tab .sup-tab-content {
    width: 50%;
}

@media screen and (max-width: 991px) {
    .sup-tab .sup-tab-content {
        width: 100%;
    }
}

.sup-tab .sup-tab-btn-box {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid transparent;
    padding: 0px !important;
    border-radius: 0px;
}

@media screen and (max-width: 991px) {
    .sup-tab .sup-tab-btn-box {
        width: 100%;
    }
}

.sup-tab .sup-tab-btn-box li {
    border-radius: 0px;
    margin: 0px !important;
    border: none !important;
    width: 100%;
    text-align: center;
    margin-bottom: 10px !important;
    white-space: initial;
}

.sup-tab .sup-tab-btn-box a {
    font-weight: 500;
    font-size: 16px;
    border-radius: 0px;
    width: 100%;
    text-align: center;
    background-color: #f8f8f8;
    color: #666 !important;
}

.sup-tab .ui-tabs-nav li.ui-tabs-active {
    background-color: #f8f8f8;
    color: #666 !important;
}

.sup-tab .ui-tabs-nav li.ui-tabs-active a {
    background-color: #f8f8f8;
    color: #666 !important;
}

.sup-tab-title {
    text-align: right;
    font-size: 22px;
    color: #707070;
    font-weight: 600;
}

.sup-tab-subtitle {
    word-break: break-all;
    display: none;
    margin-top: 15px;
    padding: 0px 15px;
    text-align: right;
    font-size: 16px;
    font-weight: 400;
    line-height: 180%;
    margin-bottom: 15px;
    color: #707070;
    position: relative;
}

.sup-tab-subtitle::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 2px;
    height: 100%;
    background-color: #e31d3f;
}

.sup-tab .ui-tabs-nav li.ui-tabs-active .sup-tab-subtitle {
    display: block;
}

.sup-tab-img {
    width: 100%;
    height: auto;
    display: none;
    position: absolute;
    width: 100%;
    top: 0px;
    right: 105%;
}

@media screen and (max-width: 991px) {
    .sup-tab-img {
        position: static;
    }
}

@media screen and (max-width: 991px) {
    .sup-tab .ui-tabs-nav li.ui-tabs-active .sup-tab-img {
        display: block;
    }
}

.sup-tab-content img {
    max-width: 100%;
    max-height: 100%;
}

.sup-video-box {
    width: 100%;
    max-width: 500px;
    padding: 0px 33px;
    margin: auto;
}

.sup-tab-btn-box-li {
    position: relative;
}

.sup-tab-content {
    position: relative;
}

.sup-tab-content-box {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 0px 10px;
}

.sup-tab-content-box img {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}

@media screen and (max-width: 991px) {
    .sup-tab-content-box img {
        display: none;
    }
}

.sup-inner-content-box {
    padding: 0px 25px;
}

.profile-layout {
    background-color: #eee;
}

.profile-layout-box {
    min-height: calc(100vh - 500px);
    display: flex;
    padding: 30px 15px;
    max-width: 1100px;
    margin: auto;
}

.profile-sidebar {
    background-color: #fff;
    border-radius: 30px;
    width: 300px;
    min-height: calc(100vh - 500px);
    height: 100%;
    margin-left: 15px;
    overflow: hidden;
}

.profile-sidebar__body {
    padding: 20px 15px;
}

.profile-sidebar__item {
    display: block;
    padding: 15px;
    color: #444;
}

@media screen and (max-width: 991px) {
    .profile-sidebar__item {
        padding: 7px;
    }

    .nearestStoreName {
        font-size: 12px;
    }
}

.profile-sidebar__item:hover {
    color: #e31c40;
}

@media screen and (max-width: 991px) {
    .profile-sidebar__item span {
        display: none;
    }
}

.profile-sidebar__header-item {
    display: block;
    padding: 2px 15px;
}

@media screen and (max-width: 991px) {
    .profile-sidebar__header-item {
        padding: 7px;
    }
}

@media screen and (max-width: 991px) {
    .profile-sidebar__header-item span {
        display: none;
    }
}

.profile-sidebar__header {
    background-color: rgba(255, 228, 153, 0.2);
    color: #dfa300 !important;
    padding: 20px 15px;
}

@media screen and (max-width: 991px) {
    .profile-sidebar {
        padding: 20px 7px;
        width: 40px;
        margin-left: 5px;
        border-radius: 10px;
        display: none;
    }
}

.profile-sidebar-active {
    color: #e31c40;
}

.profile-content {
    background-color: #fff;
    border-radius: 30px;
    padding: 30px 30px;
    width: calc(100% - 315px);
    min-height: calc(100vh - 500px);
    height: 100%;
}

@media screen and (max-width: 991px) {
    .profile-content {
        width: 100%;
        border-radius: 10px;
    }
}

.profile-content .message {
    font-size: 14px;
    padding: 10px 14px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.profile-content .bg-success {
    color: #064e19;
    background-color: #92ffaf !important;
}

.profile-content .bg-danger {
    color: #8e0c23;
    background-color: #ffb8be !important;
}

.profile-title {
    font-weight: 600;
    font-size: 18px;
}

.c-form .input {
    margin-bottom: 20px;
}

.c-form .input label {
    display: block;
    font-size: 14px;
    margin-bottom: 0px;
}

.c-form .input input {
    width: 100%;
    padding: 7px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.c-form .input select {
    width: 100%;
    padding: 7px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.c-form .input textarea {
    width: 100%;
    padding: 7px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.c-form .input .select2-selection {
    font-size: 14px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    height: 40px;
    border-radius: 10px;
}

.c-form .input .select2-selection__rendered {
    padding: 5px 15px;
}

.c-form .input .select2-selection__arrow {
    height: 40px !important;
    right: auto;
    left: 20px;
}

.c-form .checkbox label {
    display: inline-block;
}

.c-form .checkbox input {
    display: inline-block;
    width: auto;
}

.c-form .required label::after {
    content: "*";
    color: #e31c40;
}

.c-form .error input {
    border: 1px solid #e31c40;
    border-radius: 10px 10px 0px 0px;
}

.c-form .error-message {
    border-radius: 0px 0px 10px 10px;
    padding: 6px 10px;
    background-color: #e31c40;
    color: #fff;
    font-size: 12px;
}

.c-btn-box {
    display: flex;
}

.c-btn {
    display: inline-block;
    background-color: #e31c40;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 24px;
    border-radius: 100px;
    color: #fff;
    border: none;
}

.c-btn:hover {
    opacity: 0.9;
}

.c-btn-gray {
    margin-left: 10px;
    display: inline-block;
    background-color: #666;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 24px;
    border-radius: 100px;
    color: #fff;
    border: none;
}

.c-btn-gray:hover {
    color: #fff;
    opacity: 0.9;
}

.job-btn {
    font-weight: 400;
    font-size: 13px;
    background-color: #007bff;
    color: #fff;
    padding: 3px 12px;
    border-radius: 100px;
}

.job-btn span::before {
    transform: translate(-3px, 2px);
}

.job-btn:hover {
    opacity: 0.9;
    color: #fff;
}

.job-btn-red {
    background-color: #ee323b;
}

.resume-table {
    font-size: 14px;
}

.resume-info-box {
    border: 1px solid #eee;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 40px;
}

.resume-info-box__head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.resume-info-box__title {
    font-weight: 600;
    font-size: 16px;
    background-color: #fff;
    color: #444;
    padding: 0px 10px;
    transform: translateY(-26px);
}

.resume-info-box > .row {
    overflow-x: scroll;
}

.resume-feild {
    margin-bottom: 20px;
}

.resume-feild__title {
    font-weight: 400;
    font-size: 14px;
}

.resume-feild__value {
    font-weight: 600;
    font-size: 16px;
}

.okala-sidebar {
    display: flex;
}

.okala-sidebar-icon {
    width: 22px;
    height: 22px;
    margin-left: 7px;
    background-image: url(../img/new/okala.png);
    background-size: contain;
    display: inline-block;
}

.wizard-box__step {
    background-color: #eee;
    border-radius: 10px 10px 10px 10px;
    padding: 20px 15px;
}

.wizard-titles {
    display: flex;
    width: 100%;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    flex-direction: row-reverse;
    margin-bottom: 15px;
}

.wizard-title {
    width: 33.33%;
    background-color: #eee;
    padding: 10px;
    height: 80px;
    text-align: center;
    position: relative;
    font-weight: 300;
    font-size: 14px;
}

@media screen and (max-width: 991px) {
    .wizard-title {
        font-size: 12px;
    }
}

.wizard-title::after {
    content: "";
    position: absolute;
    top: 0px;
    left: -14px;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-right: 14px solid #eee;
    border-bottom: 40px solid transparent;
}

.wizard-title::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -15px;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-right: 14px solid #fff;
    border-bottom: 40px solid transparent;
}

.wizard-title-num {
    font-size: 22px;
    font-weight: 600;
}

@media screen and (max-width: 991px) {
    .wizard-title-num {
        font-size: 16px;
    }
}

.cur-step {
    background-color: #0e872e;
    color: #fff;
}

.cur-step::after {
    border-right: 14px solid #0e872e;
}

.final-text {
    font-size: 16px;
    line-height: 170%;
    text-align: center;
    color: #444;
}

.about-container {
    width: 100%;
    min-height: 200px;
}

.kasbokar-img {
    background-image: url(/img/new/about/icon/bg.jpg);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 29%;
    background-size: cover;
    position: relative;
}

@media screen and (max-width: 991px) {
    .kasbokar-img {
        padding-bottom: 0%;
    }
}

.kasbokar-aparat {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 700px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kasbokar-aparat iframe {
    width: 100%;
    min-height: 300px;
}

@media screen and (max-width: 991px) {
    .kasbokar-aparat {
        position: static;
        transform: none;
    }
}

.about-title {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    margin-top: 30px;
    display: inline-block;
}

.about-title::before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -4px;
    background-color: #aea4a4;
}

.about-content {
    margin-top: 15px;
    margin-bottom: 35px;
    font-size: 15px;
    text-align: justify;
    line-height: 200%;
}

.about-content__em {
    color: #e31d40;
    font-weight: bold;
}

.about-content__em:hover {
    color: #e31d40;
}

.about-content__more {
    font-size: 14px;
    text-align: left;
    color: #db1e3e;
    font-weight: bold;
    text-align: left;
    display: block;
}

.about-content__more:hover {
    color: #e31d40;
}

@media screen and (max-width: 480px) {
    .h_iframe-aparat_embed_frame {
        width: 100%;
        height: 100%;
    }

    .kasbokar-img {
        min-height: 230px;
    }
}

.eftekharat-img {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

.eftekharat-box {
    position: relative;
}

.eftekharat-box__accordion {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
}

.eftekharat-box__accordion-title {
    border-radius: 16px;
    font-weight: bold;
    margin-bottom: 15px !important;
    border: 1px solid #aea4a4;
    background-color: #ffffff;
    padding: 10px !important;
    font-size: 17px !important;
    color: black;
}

.eftekharat-box__accordion-content {
    border: none;
    font-size: 15px;
    line-height: 200%;
}

.eftekharat-box__img {
    background-image: url(/img/new/about/icon/Path-5.png);
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 20%;
    height: 100%;
    background-size: contain;
    background-position: left bottom;
    margin-right: 20px;
}

.ui-accordion-header-active {
    border: 1px solid #E31D40;
    background: #e31d40 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: white;
}

.eftekharat-container {
    max-width: 900px;
}

@media screen and (max-width: 480px) {
    .eftekharat-img {
        width: 100%;
        min-height: 96px;
    }

    .eftekharat-box__img {
        display: none;
    }

    .cen-title {
        width: 100%;
        padding: 0px 20px;
        text-align: right;
    }

    .eftekharat-box__accordion {
        width: 100%;
        padding: 0px 20px 20px 20px;
    }
}

.mission-box {
    width: 100%;
    min-height: 350px;
    background-color: #e31d40;
}

.mission-box__content {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 900px;
}

.mission-box__content-img {
    display: inline-block;
    background-image: url(/img/new/about/icon/arr.png);
    width: 7px;
    height: 11px;
    background-size: contain;
    margin-right: 5px;
    background-repeat: no-repeat;
}

.mission-box__mtitle {
    color: white;
    text-align: center;
    font-size: 26px;
    padding-bottom: 35px;
}

.mission-box__subtitle {
    display: block;
    color: white;
    font-size: 18px;
    padding-bottom: 10px;
}

.mission-box__subtitle:hover {
    color: white;
}

.mission-box__text {
    line-height: 200%;
    font-size: 15px;
    color: white;
    text-align: justify;
}

.mission-box__img {
    background-image: url(/img/new/about/icon/cir.png);
    width: 260px;
    height: 154px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
}

.about-fa-title {
    font-size: 26px;
    color: #fad00b;
    padding-top: 40px;
    border-bottom: 4px dotted white;
    display: inline-block;
}

.about-en-title {
    font-size: 26px;
    color: white;
}

.sh {
    display: inline;
    text-shadow: 2px 2px 5px white;
}

@media screen and (max-width: 480px) {
    .about-title-box {
        text-align: center;
    }

    .mission-box__img {
        margin-top: 20px;
    }
}

.vision-box {
    width: 100%;
    min-height: 350px;
    background-color: #e31d40;
}

.vision-box__content {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding: 20px 0px;
}

.vision-box__text {
    color: white;
    font-size: 20px;
    padding: 20px 0px;
}

.vision-box__img2 {
    width: 100%;
    max-width: 320px;
}

.value-container {
    width: 100%;
    min-height: 350px;
    background-color: #4d4d4f;
}

.value-container__title {
    color: #fbef01;
    text-align: center;
    font-size: 35px;
    padding: 50px 0px;
    font-weight: bold;
}

.value-box {
    display: flex;
    padding: 20px;
}

.value-box__content {
    padding: 20px;
    text-align: center;
}

.value-box__title {
    padding: 5px 0px;
    font-size: 18px;
    color: #e31d40;
}

@media screen and (max-width: 991px) {
    .value-box__title {
        text-align: right;
    }
}

.value-box__title-icon {
    display: inline-block;
    background-image: url(/img/new/about/icon/arr.png);
    width: 7px;
    height: 11px;
    background-size: contain;
    margin-right: 5px;
    background-repeat: no-repeat;
}

.value-box__text {
    font-size: 15px;
    color: white;
    text-align: justify;
    line-height: 200%;
}

.value-box__icon {
    width: 100%;
    margin: 10px 0px;
}

.val-img1 {
    max-width: 80px;
}

.val-img2 {
    max-width: 120px;
}

.val-img3 {
    max-width: 160px;
}

.val-img4 {
    max-width: 120px;
}

.val-img5 {
    max-width: 120px;
}

.vertical-line {
    padding: 10px;
}

.vertical-line::before {
    content: " ";
    position: absolute;
    width: 4px;
    height: 45%;
    background-color: #7d7d7f;
}

@media screen and (max-width: 480px) {
    .value-box {
        flex-direction: column;
    }

    .vertical-line {
        display: none;
    }

    .value-box__content {
        border-bottom: 4px solid #7d7d7f;
        overflow: auto;
    }

    .value-box__content:last-child {
        border-bottom: none;
    }

    .value-container__title {
        font-size: 26px;
    }

    .value-box__title {
        font-size: 20px;
    }
}

.board-box {
    width: 100%;
}

.board-box__img {
    width: 100%;
}

.board-box__more {
    padding-top: 10px;
}

.board-box__more a {
    border: 1px solid #007bff;
    border-radius: 20px;
    padding: 3px 9px;
    font-size: 13px;
}

.board-box__co {
    color: #e31c40;
    padding-top: 10px;
}

.board-box__content {
    text-align: center;
    margin-top: 40px;
}

.board-box__memberimg {
    width: 200px;
    height: 200px;
    border: 10px solid #d6d4d4;
    border-radius: 200px;
    filter: grayscale(100);
    transition: all 0.3s;
}

.board-box__memberimg:hover {
    filter: grayscale(0);
    border: 10px solid #e31c40;
}

.board-box__membername {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 5px;
}

.board-box__memberpos {
    font-size: 18px;
    font-weight: 400;
}

.bboard-space {
    margin-bottom: 40px;
}

.abus-container {
    padding: 0px 10px;
}

.abus {
    direction: ltr;
    width: 100%;
    max-width: 400px;
    margin: auto;
    display: flex;
}

.abus__col1 {
    width: 120px;
    position: relative;
}

.abus__col2 {
    width: calc(100% - 120px);
    direction: rtl;
}

.abus__road {
    width: 100%;
}

.abus__car-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    direction: ltr;
}

.abus__car {
    position: -webkit-sticky;
    position: sticky;
    width: 30px;
    top: 400px;
    left: 0px;
    margin-left: 6px;
}

.abus__car-img {
    width: 100%;
}

.abus__arr-gif {
    margin: auto;
    display: block;
    margin-top: 50px;
}

.abus__con {
    position: relative;
}

.abus__arr {
    width: 60px;
    height: 60px;
    position: absolute;
    left: -20px;
    top: 0px;
    background-image: url(../img/new/about/arr-left.svg);
}

.abus__text {
    font-weight: 600;
    font-size: 18px;
}

.abus__text span {
    color: #e31c40;
}

.abus__con1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.abus__con2 {
    position: relative;
    top: 0px;
    padding-top: 70px;
    width: 100%;
    left: 0px;
    overflow: hidden;
    height: 100%;
    opacity: 0;
}

.abus__video-box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.history-slider {
    padding: 0px 70px;
}

.history-slider .slick-slide {
    height: auto !important;
}

.history-slider .story-line {
    width: calc(100% - 140px);
}

.history-slider .slider_arrow {
    transform: translateY(-150%);
    background-color: transparent !important;
    border: none !important;
}

.history-slider .prev_arrow_story {
    left: -50px;
}

.history-slider .next_arrow_story {
    right: -50px;
}

@media screen and (max-width: 991px) {
    .history-slider .story-line {
        display: none;
    }
}

.history-desk {
    display: block;
}

@media screen and (max-width: 991px) {
    .history-desk {
        display: none;
    }
}

.history-mob {
    display: none;
}

@media screen and (max-width: 991px) {
    .history-mob {
        display: block;
    }
}

.mobstory-line {
    display: none;
}

@media screen and (max-width: 991px) {
    .mobstory-line {
        display: block;
    }
}

.mobstory-line {
    width: 3px;
    border-radius: 10px;
    background-color: #fff;
    position: absolute;
    top: 0px;
    right: 45px;
    height: 100%;
}

.mobstory {
    margin-top: 40px;
    margin-bottom: 70px;
    position: relative;
}

.mobstory__year {
    font-size: 60px;
    line-height: 100%;
}

.mobstory__dot {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 100px;
    position: absolute;
    right: -33px;
    border: 3px solid #e31c40;
    top: 15px;
}

.abus-video-btn {
    background-color: #e31c40;
    color: #fff;
    border-radius: 5px;
    width: 200px;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}

.ab_active {
    color: #e31c40 !important;
    font-weight: 600;
}

.comit-link {
    display: block;
    border-radius: 5px;
    text-align: center;
    color: #e31c40;
    width: 100%;
    padding: 40px 15px;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.2);
}

.comit-link:hover {
    transition: all 0.2s;
    color: #e31c40;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

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

.turbolinks-progress-bar {
    height: 5px;
    background-color: #ed4444;
}

.cursor-pointer {
    cursor: pointer;
}

.w-auto.p-3.text-center.cursor-pointer:hover {
    color: #ed4444;
}

.blink_me {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.nav-address {
    position: relative;
    z-index: 1;
}

span.direction-map {
    width: 135px;
}

@media (max-width: 767.98px) {
    .products_promotions_date {
        display: flex;
        flex-direction: column;
    }

    .date_month {
        order: -1; /* Move to top */
        margin-bottom: 10px;
    }

    .date_calender {
        display: none;
    }

    .products_promotions_slider_box {
        width: 100%;
        padding: 20px 10px;
    }

}

.product-special__title-box {
    padding: 0px 10px;
    display: flex;
    justify-content: space-between;
    /* margin-top: 40px; */
}

.product-special__title {
    font-size: 15px;
    margin-bottom: 7px;
    color: #e8e4e4;
    position: relative;
}

.product-special__more {
    color: #dad3d3;
    padding: 3px 8px 3px 8px;
    border: 1px solid #dad3d3;
    border-radius: 3px;
    font-size: 11px;
    margin-bottom: 5px;
}

/*loading style*/
.lds-roller {
    display: inline-block;
    z-index: 9999;
    width: 80px;
    height: 80px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #db2222;
    margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*loading style*/

/* New header */

.btn-search {
    box-shadow: none !important;
    color: rgb(3 2 26 / .6);
    font-size: 20px;
    width: 31px
}

.input-search {
    width: calc(100% - 25px);
    padding: 0;
    font-size: 13px
}

.f-search {
    display: flex;
    align-items: center;
    border: 1px solid rgb(151 151 151 / .1);
    width: 100%;
    padding: 0 2%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    background: rgb(151 151 151 / .1);
    -webkit-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
    position: relative;
    z-index: 10;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.search__border {
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    transition: box-shadow .15s, background .15s;
    background: 0 0
}

.banner-top, .header {
    z-index: 1000;
    position: relative
}

.input-search:focus ~ .search__border {
    background: 0 0;
    box-shadow: inset 0 0 0 1px #e31c40
}

.input-search::placeholder {
    color: rgb(3 2 26 / .6);
    opacity: 1;
    font-size: 12px
}

.input-search:-ms-input-placeholder {
    color: rgb(3 2 26 / .6);
    font-size: 12px
}

.input-search::-ms-input-placeholder {
    color: rgb(3 2 26 / .6);
    font-size: 12px
}

.header {
    padding-top: 9px;
    padding-bottom: 9px;
    background-color: #fff
}

.header.sticky-menu {
    -webkit-transition: 1s ease-out;
    -moz-transition: 1s ease-out;
    -ms-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    position: fixed !important;
    width: 100%;
    right: 0;
    top: 0;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%)
}

.container-fluid.menu {
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
    margin-bottom: 6px
}

.sale {
    background: url(../images/menusprite.png) -102px -44px no-repeat;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    width: 85px
}

.c-navi {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    left: 0;
    top: 100%;
    right: 0;
    z-index: 99
}

.c-navi.is-black .c-navi-new-list__category, .c-navi.is-black .c-navi-new-list__category--location:after, .c-navi.is-black .c-navi-new-list__category--main:before, .c-navi.is-black .c-navi-new-list__category-link, .c-navi.is-black .c-navi-new-list__category-send-to {
    color: #fff !important
}

.c-navi__line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    z-index: 2;
    background-color: #000
}

.c-navi__row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0
}

.c-navi-categories {
    width: 100%;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0;
    -ms-flex: 0 0 110px;
    -webkit-box-flex: 0;
    flex: 0 0 110px;
    max-width: 110px;
    position: static
}

.t-index .c-navi-categories__container {
    position: absolute;
    width: calc(100% - 15px)
}

.c-navi-categories__container {
    z-index: 49;
    width: 100%;
    padding-right: 0
}

.c-navi-categories__overlay {
    position: fixed;
    right: 0;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    content: "";
    background: rgb(27 10 10 / .69);
    opacity: 0;
    z-index: 233;
    -webkit-transition: opacity .2s cubic-bezier(.215, .61, .355, 1) .1s;
    transition: opacity .2s cubic-bezier(.215, .61, .355, 1) .1s;
    pointer-events: none
}

.c-navi-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 0;
    -ms-flex: 0 0 calc(100% - 525px) 370px;
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 525px) 370px;
    max-width: calc(100% - 525px) 370px;
    font-size: .929rem;
    line-height: 1.692;
    padding-right: 26px
}

.c-navi-list > li {
    position: relative;
    margin-right: 10px
}

.c-navi-list > li.diviter + li {
    margin-right: auto
}

.c-navi-list__a {
    display: inline-block;
    padding: 9px 24px 9px 9px;
    color: #505050
}

.c-navi-list__a:before {
    position: absolute;
    right: 0
}

.c-navi-list__a.has-new:after {
    width: 9px;
    height: 9px;
    background-color: #00bfd6;
    border-radius: 50%;
    content: "";
    position: absolute;
    right: -5px;
    top: 11px
}

.c-navi-list__dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    border-radius: 0 0 8px 8px;
    z-index: 10;
    -webkit-box-shadow: 0 2px 9px 0 hsla(0, 0%, 44.3%, .32);
    box-shadow: 0 2px 9px 0 hsla(0, 0%, 44.3%, .32);
    padding-top: 1px;
    display: none
}

.c-navi-list__dropdown:after, .c-navi-list__dropdown:before {
    position: absolute;
    content: ""
}

.c-navi-list__dropdown:before {
    height: 2px;
    background-color: #35ccde;
    bottom: 100%;
    left: 0;
    right: 0
}

.c-main-menu.has-root-hover .c-main-menu__root {
    position: relative
}

#pills-tab, .c-main-menu.has-root-hover .is-the-last-item {
    display: block !important
}

.c-main-menu.has-root-hover .all-categories .c-main-menu__icon {
    top: 11px
}

.c-main-menu__submenus-wrapper {
    overflow: hidden;
    right: 0;
    top: 0;
    position: absolute;
    width: 0;
    opacity: 0;
    background: #fcfcfc;
    z-index: -1
}

.c-dc-navigation__overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(74 74 74 / .43);
    opacity: 0;
    z-index: 2;
    -webkit-transition: opacity .2s cubic-bezier(.215, .61, .355, 1) .1s;
    transition: opacity .2s cubic-bezier(.215, .61, .355, 1) .1s;
    pointer-events: none
}

.c-dc-header-submenu {
    width: 100%;
    padding: 12px 16px 12px 12px
}

.c-dc-header-submenu, .c-dc-header-submenu__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-dc-header-submenu__nav {
    margin-top: auto;
    width: 100%
}

.c-dc-header-submenu__nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

.c-dc-header-submenu__nav-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 1;
    flex: 0 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    color: #030a16;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 500;
    white-space: nowrap
}

.c-navi-new-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    list-style: none;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    color: #fff;
    padding-right: 0
}

.c-navi-new-list__main-banner {
    width: 350px;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 12px;
    line-height: 0
}

.c-navi-new-list__category-item li h1 {
    margin-bottom: 0 !important
}

.c-navi-new-list__categories > .c-navi-new-list__category-item, .c-navi-new-list__categories > .c-navi-new-list__promotion-item, .c-navi-new-list__promotions > .c-navi-new-list__category-item, .c-navi-new-list__promotions > .c-navi-new-list__promotion-item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    list-style: none
}

.c-navi-new-list__categories > .c-navi-new-list__category-item > li:hover, .c-navi-new-list__categories > .c-navi-new-list__promotion-item > li:hover, .c-navi-new-list__promotions > .c-navi-new-list__category-item > li:hover, .c-navi-new-list__promotions > .c-navi-new-list__promotion-item > li:hover {
    z-index: 3
}

.c-navi-new-list__a {
    display: block;
    position: relative;
    height: 100%;
    padding: 8px 9px 7px;
    color: #fff;
    white-space: nowrap;
    font-size: .786rem;
    line-height: 25px;
    max-width: 116px;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-navi-new-list__promotion-item--big .c-navi-new-list__a:hover, .c-navi-new-list__promotion-item--small .c-navi-new-list__a:hover {
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / .15);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / .15)
}

.c-navi-new-list__promotion-item--big .c-navi-new-list__a:hover + .c-navi-categories__overlay, .c-navi-new-list__promotion-item--small .c-navi-new-list__a:hover + .c-navi-categories__overlay {
    opacity: 1
}

.c-navi-new-list__promotion-item--big .c-navi-new-list__a:hover:before, .c-navi-new-list__promotion-item--small .c-navi-new-list__a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.c-navi-new-list__options-container {
    min-height: 360px;
    width: 100%;
    padding: 12px;
    background-color: #fff
}

.c-navi-new-list__sublist {
    position: absolute;
    top: 100%;
    display: none;
    right: 0;
    left: 0;
    z-index: 12;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    padding: 0;
    -webkit-box-shadow: 0 10px 10px 0 rgb(0 0 0 / .15);
    box-shadow: 0 10px 10px 0 rgb(0 0 0 / .15);
    width: 100% !important
}

.c-navi-new-list__category--main, .c-navi-new-list__category-link {
    padding: 7px 5px 8px;
    color: rgb(3 2 26 / .6);
    display: block;
    font-size: 14px
}

.is-fmcg .c-navi-new-list__sublist {
    height: unset;
    padding-bottom: 65px;
    padding-left: 100px
}

.c-navi-new-list__sublist:hover + .c-navi-new-list__a {
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / .15);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / .15)
}

.c-navi-new-list__sublist:hover + .c-navi-new-list__a:before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 2;
    height: 2px;
    background-color: #ef5661
}

.c-navi-new-list__sublist:after {
    content: "";
    width: 100%;
    background: 0 0;
    position: absolute;
    height: 1px;
    right: 0;
    top: -1px;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / .3);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / .3)
}

.has-sub ul, li.has-sub ul ul {
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / .2)
}

.c-navi-new-list__category--main {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
    text-align: center;
    position: relative
}

.btn-menu, .c-navi-new-list__category.c-navi-new-list__category--main:hover, .closePanel, .closeSubPanel, .css-sw, .link-top li a, .openSubPanel {
    cursor: pointer
}

.c-navi-new-list__category-link--plus {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-navi-new-list__category-link--fresh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-navi-new-list__inner-categories {
    background-color: #e3e3e3;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 8px 0;
    width: 21%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.c-navi-new-list__sublist-top-bar {
    padding: 8px 0 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.c-navi-new-list__sublist-see-all-cats, .c-navi-new-list__sublist-top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-navi-new-list__a-hover > div {
    width: 100%;
    height: 100%
}

.btn.dropdown-toggle.account::after, .menu.no .c-navi-new-list__a-hover {
    display: none !important
}

.c-navi-new-list__a-hover > div::before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 4;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #e31c40
}

.brand-name-tab .tab button:hover, .link-top li:hover a, .n-brand-list li a:hover, .show-submenu .c-navi-new-list__category {
    color: #e31c40 !important
}

.LuxeHeadingBox:after {
    background-image: radial-gradient(circle at 49% -126%, #000, #fff0);
    background-image: -webkit-radial-gradient(center, ellipse contain, #000 -49%, transparent 126%, transparent 100%);
    background-image: -moz-radial-gradient(circle at 49% -126%, #000, #fff0);
    height: 5px;
    width: 95%;
    content: "";
    display: block;
    opacity: .1;
    -webkit-filter: blur(1px);
    filter: blur(1px)
}

.LuxeHeadingBox a {
    color: rgb(3 2 26 / .8);
    font-size: 14px
}

.c-navi-new-list__a-hover {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 0;
    z-index: 3;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.list-menu-category li {
    text-align: right;
    display: block;
    list-style: none;
    position: relative
}

.d-block.ContentHeading a {
    color: rgb(3 2 26 / .8);
    font-size: 15px;
    font-weight: 500
}

.row-menu .cl:nth-child(odd) .rw, .row-menu .col-lg-2.col-md-3.ps-2.pe-2:nth-child(odd) {
    background-color: #f7f7f7
}

.d-block.ContentHeading {
    text-align: right
}

.new-prod {
    background-color: #00a651;
    margin: 0 8px 0 0;
    padding: 5px 7px !important;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    line-height: 1
}

.new-prod a {
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1
}

.list-menu-category li a {
    color: rgb(3 2 26 / .5);
    font-size: 13px
}

.has-sub ul {
    position: absolute;
    left: -9999px;
    padding: 10px 0 5px;
    background: #ffd333
}

li.has-sub ul li a:hover {
    color: #fff;
    background-color: #3d464d
}

li.has-sub:hover > ul {
    left: auto
}

li.has-sub:hover > ul > li {
    height: 45px
}

li.has-sub ul li {
    height: 0;
    -webkit-transition: .25s;
    -ms-transition: .25s;
    transition: .25s;
    list-style: none
}

li.has-sub ul li a {
    padding: 0 15px;
    width: 200px;
    font-size: 13px;
    color: #292b2c;
    font-weight: 400;
    line-height: 2.7;
    box-shadow: 0 0 4px #7e7e7fc4;
    margin: 0 10px 10px;
    border-radius: 9px;
    text-align: right;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

li.has-sub li.has-sub > a::before {
    position: absolute;
    top: 13px;
    left: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #3d464d;
    content: '';
    -webkit-transition: .25s;
    -ms-transition: .25s;
    transition: .25s
}

li.has-sub li.has-sub > a::after {
    position: absolute;
    top: 16px;
    left: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #3d464d;
    content: ''
}

li.has-sub li.has-sub:hover > a::after, li.has-sub li.has-sub:hover > a::before {
    background: #fff
}

li.has-sub ul ul {
    margin-right: 100%;
    top: 0;
    z-index: 2
}

.has-sub i {
    font-size: 7px;
    margin-right: 4px
}

.c-navi-new-list__category-item > li {
    /*margin-left: 9px;*/
    text-align: center
}

.has-sub > a {
    padding: 7px 10px 8px;
    display: block;
    color: #3d464d;
    font-size: 13px
}

.c-navi-new-list__inner-category.js-mega-menu-category:hover {
    background-color: #7f888e8a;
    color: #fff
}

.container-fluid.menu {
    background: #fff;
    box-shadow: 0 1px rgb(0 0 0 / .04), inset 0 -1px rgb(0 0 0 / .04);
    color: #3d464d;
    position: relative;
    z-index: 999
}

#accordian .active > a, .c-navi-new-list__category.c-navi-new-list__category--main:hover i, .proceed:hover {
    color: #fff !important
}

.c-navi-new-list__category-item, .footer__links__ul ul, .slae-box div:first-child, .social-footer {
    padding-right: 0
}

@media screen and (min-width: 992px) and (max-width: 1299px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100% !important
    }

    .c-navi-new-list__category-link {
        font-size: 12px !important
    }
}

@media screen and (min-width: 992px) and (max-width: 1024.99px) {
    .c-navi-new-list__category-link, .has-sub > a {
        font-size: 12px !important
    }

    .c-navi-new-list__category.c-navi-new-list__category--main {
        min-width: 200px !important
    }

    .has-sub > a {
        padding: 7px 1px 8px !important
    }

    .c-navi-new-list__inner-category {
        font-size: 11px !important
    }
}

.c-navi-new-list__inner-category.js-mega-menu-category i {
    -webkit-transform: rotate(1);
    transform: rotate(0)
}

@media screen and (max-width: 991.99px) {
    #myTab-menu {
        border-bottom: none !important;
    }

    #myTab-menu li {
        width: 50%
    }

    #myTab-menu li button {
        background: 0 0;
        font-size: 15px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: -.1px;
        padding: 18px 0;
        border-top: none;
        border-right: none;
        border-left: none;
        border-image: initial;
        border-bottom: 2px solid #f5f5f5;
        color: #000;
        width: 100%
    }

    #myTab-menu {
        border-bottom: none !important
    }

    #myTab-menu li button.active {
        border-bottom: 3px solid #e31c40;
        color: #e31c40
    }

    .btn.dropdown-toggle.account {
        padding-left: 0 !important
    }

    .logo-menu {
        margin-right: 15px
    }

    .f-search {
        border-radius: 0 !important
    }

    .search-mob {
        background-color: #fff;
        padding-bottom: 7px;
        position: relative;
        z-index: 3;
        box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%)
    }

    .banner-mob.p-0 {
        margin-top: -10px;
        padding-bottom: 18px !important
    }

    .search-desc {
        display: none !important
    }

    .header {
        padding: 2px 15px !important
    }

    .container-fluid.header .text-end {
        text-align: center !important
    }

    .row.socail-mob {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
        width: 100%;
        background-color: #fff !important;
        height: 50px
    }

    .menuTrigger i {
        color: #3d464d;
        vertical-align: middle;
        font-size: 22px
    }
}

.panel-menu, .subPanel {
    width: 300px;
    background-color: #fff !important;
    position: fixed;
    right: -300px;
    z-index: 999999 !important;
    display: block !important;
    top: 0;
    bottom: 0
}

.panel-menu {
    height: 100vh;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.subPanel {
    height: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btn-menu, .close-li {
    background-color: #f3f3f3 !important;
    color: #858585
}

.menu-mob {
    height: calc(100vh - 101px)
}

.panel-menu .social-footer li {
    display: inline-block !important;
    width: 40px !important;
    border: none !important
}

.panel-menu .social-footer {
    padding-top: 10px
}

.btn-menu {
    width: 100%;
    line-height: 40px;
    padding: 5px 21px 5px 5px;
    border-bottom: 1px solid #dadada
}

#panel-menu ul {
    padding-right: 0 !important
}


.openSubPanel {
    position: relative;
    height: 50px;
    z-index: 1;
    text-align: right;
    width: 100%;
    display: block
}

.main-menu i {
    margin-left: 5px;
    vertical-align: middle
}

.panel-menu.isOpen, .subPanel.isOpen {
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px);
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / .3)
}

.arow-menu i, .closeSubPanel i {
    display: inline-block;
    transform: rotate(180deg);
    vertical-align: middle
}

.close-li span {
    color: #858585
}

.panel-menu > ul:first-child {
    overflow-y: auto !important;
    max-height: 100vh;
    width: 100%
}


.panel-menu.isOpen::before {
    position: absolute;
    right: 300px;
    content: '';
    top: 0;
    height: 100%;
    min-height: 100%;
    background-color: rgb(0 0 0 / .5);
    width: 500%
}

.arow-menu i {
    background: url(../images/nav-sprite.png) -137px -288px no-repeat;
    width: 8px;
    height: 14px
}

.close-menu .times {
    background: url(../images/nav-sprite.png) -190px -288px no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.closeSubPanel i {
    background: url(../images/nav-sprite.png) -136px -309px no-repeat;
    width: 16px;
    height: 15px
}

.btn.dropdown-toggle.account, .frm-news-letter input, .more-info.more {
    background-color: transparent !important
}

.panel-menu.isOpen .close-menu {
    padding: 0;
    width: 28px;
    height: 28px;
    font-size: 21px;
    color: #858585;
    text-align: center;
    line-height: 33px;
    float: left;
    position: absolute;
    left: 10px;
    top: 10px
}

.more-info.more.expand::after, .more-info.more::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 10px
}

.openSubPanel .arow-menu {
    color: #879496;
    font-size: 22px
}

.arow-menu {
    position: absolute;
    left: 0;
    top: 0;
    height: 29px;
    color: #879496
}

.desc-wrapper {
    max-height: 120px;
    overflow: hidden
}

@media screen and (min-width: 992px) {
    .search-desc {
        min-width: 300px
    }

    .header {
        border-bottom: 1px solid #e6dede
    }

    .logo-menu, .menuTrigger, .mob-search {
        display: none !important
    }

    .css-1baml40 {
        padding: 12px 4px;
        height: 66px
    }

    .c-navi__row {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.top-header {
    padding-right: 0;
    display: flex;
    align-items: center
}

.top-header li {
    list-style: none
}

.top-header .c-navi-new-list__category--main {
    color: #03021a;
    font-weight: 600
}

.top-header .ms-auto span {
    display: inline-block;
    vertical-align: middle
}

/*.top-header li a {*/
/*    color: #03021a;*/
/*    font-size: 14px*/
/*}*/
/* New header */


.mega-menu-content {
    display: none;
}

.mega-menu:hover + .mega-menu-content,
.mega-menu-content:hover {
    display: block;
}

#myTabContent {
    height: 100vh;
    overflow-y: auto;
}

#accordian, .boxes-col a img {
    width: 100%;
}

div#accordian > ul {
    max-height: 90vh;
    overflow-y: auto;
}

#panel-menu ul {
    padding-right: 0 !important;
}

#accordian ul li {
    border-bottom: 1px solid #f5f5f5;
}

#accordian li a, #accordian ul ul li a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 45px;
    text-decoration: none;
    color: #3f414d;
    text-transform: capitalize;
    padding-right: 35px;
    background: #fff;
    position: relative;
}

#accordian a span {
    display: block;
    text-align: right;
}

#accordian a i {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 17px;
    top: 16px;
    margin-left: auto;
    position: absolute;
    left: 5px;
    color: #e31c40;
    font-size: 23px;
    font-weight: 400;
    font-style: normal !important;
}

#accordian li a i::after {
    content: "+";
    position: absolute;
    left: 5px;
    top: 0
}

#accordian > li.active > a > i.plus::after {
    content: "-" !important;
    color: #e31c40;
}


#accordian a {
    font-size: 14px;
    display: block;
    color: #000
}

#accordian .active > a {
    background: #e31c40;
}

#accordian ul ul {
    display: none;
    background-color: #eee
}

#accordian li.active > ul {
    display: block
}

#accordian ul ul ul {
    margin-left: 15px
}

@media screen and (max-width: 991.99px) {
    .header {
        padding: 2px 15px !important;
    }
}

@media (max-width: 991.99px) {
    .ofogh-logo {
        height: auto !important;
        width: 150px !important;
    }

    .address-selected {
        font-size: 12px;
    }

    section.container-fluid.header.p-0 {
        box-shadow: 0 2px 3px 0 rgb(0 0 0/10%);
        height: 84px;
        margin-bottom: 9px;
    }

    .mobile-order-sm-2 {
        order: 2;
    }
}

.menu-icon-mobile {
    width: 20px;
    height: 20px;
    transition: all 0.2s;
    filter: saturate(0);
}

.ofogh-logo {
    width: 100%;
    height: 48px;
}

.owl-carousel .owl-item img {
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .btn.btn-sort {
        outline: 0 !important;
        background: #fff;
        border-radius: 0;
        padding-right: 35px;
        border: none;
        font-size: 13px;
        color: #212529;
        line-height: 2.5;
        width: 100%;
        border-right: 1px solid #e5e5e5;
    }

    .btn.filter-mob {
        line-height: 2.5;
        width: 100%;
    }

    .btn.filter-mob, .radiotextsty {
        font-size: 13px !important;
    }

    .mob-filter {
        border: 0;
        width: 100%;
        margin: 0 !important;
        z-index: 10;
        border-top: 1px solid #e5e5e5;
    }

    .btn-add.highlight, .mob-filter {
        position: fixed;
        right: 0;
        bottom: 0;
        background-color: #fff;
    }

    .c-filter-mob .offcanvas-header {
        background-color: #e31c40;
    }

    .checkbox-icon.customradio {
        display: inline-block;
        position: relative;
        padding-right: 35px !important;
        margin-bottom: 0;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .checkbox-icon.customradio input {
        display: none;
    }

    .categories, .col-pro, .filters-listing, .sticky_column {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .c-ui-input-filter {
        margin: unset;
    }

    ul.li-item {
        padding-right: 5px;
        max-height: 771px;
        overflow-y: scroll;
    }

    .mob-filter {
        border: 0;
        width: 100%;
        margin: 0 !important;
        z-index: 10;
        border-top: 1px solid #e5e5e5;
        box-shadow: 0px 3px 6px 5px rgb(0 0 0 / 10%);
    }

    .offcanvasSortBy {
        position: fixed;
        left: 5px !important;
        bottom: 50px !important;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        visibility: hidden;
        background-color: #fff;
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out;
    }

    .offcanvasSortBy.show {
        box-shadow: 1px 1px 1px 2px #ebebeb;
        width: 48%;
        border-radius: 5px;
    }

    .offcanvas.show {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
        z-index: 1050; /* بالاترین لایه برای offcanvas */
    }

    .offcanvas-backdrop {
        background-color: rgba(0, 0, 0, 0.5); /* رنگ مشکی کم‌رنگ با شفافیت 50% */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1040; /* زمینه‌ی بک‌گراند برای offcanvas */
    }

    .sortByList {
        list-style: none;
        padding: 5px;
    }

    ul.list-unstyled.sortByList li {
        border-bottom: 1px solid #f2f2f2;
        padding: 7px 0;
    }

    #accordian > ul li.active > a i::after {
        content: "-";
        position: absolute;
        left: 5px;
        top: 0;
        color: white;
    }

    #accordian ul li.active {
        border-bottom: 1px solid #a7a7a7;
    }

    .c-ui-input-filter input {
        padding-right: unset !important;
        width: 100%;
    }


}

#content, .c-filter-mob {
    width: 100% !important;
}

.offcanvas-start {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0, 0, 0, .2);
    transform: translateX(100%);
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out;
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
}

#offcanvasRightLabel {
    color: #fff;
    font-size: 13px;
}

.clear-filter {
    background-color: #e31c40 !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 13px;
}

.offcanvas-body {
    flex-grow: 1;
    padding: .75rem;
    overflow-y: auto;
    background-color: #efefef;
    padding-bottom: 60px !important;
}

#tb-filter li {
    width: 100%;
    height: 64px;
    text-align: center;
    box-shadow: rgb(0 0 0 / 25%) 0 1px 5px, rgb(226 226 226 / 50%) 0 1px 2px;
    margin-bottom: 6px;
    color: #e31c40;
    letter-spacing: 0;
}

#tb-filter li, #tb-filter li button, .tab-pane-filter {
    background: #fff;
    border-radius: 3px;
    position: relative;
}

#tb-filter li, #tb-filter li button, .question-info {
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
}

#tb-filter li button.active {
    background-color: #002981;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

#tb-filter li button {
    width: 100%;
    height: 64px;
    text-align: center;
    color: #e31c40;
    letter-spacing: 0;
}

.pe-0 {
    padding-left: 0 !important;
}

.tab-pane-filter {
    box-shadow: rgb(0 0 0 / 25%) 0 1px 2px, rgb(226 226 226 / 50%) 0 1px 2px;
    list-style: none;
    padding: 0;
    min-height: 100%;
}

.li-item li label {
    padding-left: 27px;
    cursor: pointer;
    color: #003125;
    font-size: 13px;
    max-width: 100%;
    position: relative;
    width: 100%;
    text-align: right;
    margin-top: 10px;
}

.checkmark {
    position: absolute;
    top: 3px;
    left: 5px;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    border: 2px solid rgb(0 19 37 / .07);
    background: rgb(101 119 134 / .16);
}

.offcanvas.show {
    transform: none;
    visibility: visible;
}

.filter_pannel li, .li-item li, .list-comment li, .rate-list li {
    list-style: none;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

ul#tb-filter {
    padding: 0;
}

ul.li-item {
    padding-right: 5px;
}

.offcanvasSortBy-body {
    padding-bottom: unset !important;
}

.c-ui-input-filter input:focus {
    outline: none;
}


.modal-location {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
    z-index: 99;
}

/* Modal Content */
.modal-content-location {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close-location {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-location:hover,
.close-location:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.leaflet-control-mapbox-geocoder-results {
    overflow: hidden !important;
}

.modal-header {
    padding: unset !important;
    padding-bottom: 15px !important;
    align-items: center !important;

}


.breadcrumb::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F5F5F5;
}

.breadcrumb::-webkit-scrollbar {
    width: 5px !important;
    height: 7px !important;
    background-color: #e1e1e1 !important;
}

@media (max-width: 922px) {
    .breadcrumb {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
    }

    .breadcrumb li {
        flex-shrink: 0 !important;
    }

    .modal-title {
        font-size: 13px;
    }
    .btn-popup-map{
        font-size: 10px;
    }

    .link-popup-map{
        font-size: 10px;
    }

}

.breadcrumb::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #e1e1e1 !important;
    width: 6px !important;
    height: 2px;
}

#changeLocation:hover{
    cursor: pointer;
}


@media (max-width: 768px) {
    .dropdown-menu.show {
            position: fixed !important;
            top: 6% !important;
            left: 6% !important;
            transform: translate(-50%, -50%);
            width: 95%;
        
        }
}