@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap);
@charset "UTF-8";


@font-face {
    font-family: CentraNo1;
    src: url("../rolex/css/fonts/CentraNo1/CentraNo1-Light.woff2") format("woff2"),
        url("../rolex/css/fonts/CentraNo1/CentraNo1-Light.woff") format("woff");
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: CentraNo1;
    src: url("../rolex/css/fonts/CentraNo1/CentraNo1-LightItalic.woff2")
            format("woff2"),
        url("../rolex/css/fonts/CentraNo1/CentraNo1-LightItalic.woff") format("woff");
    font-style: italic;
    font-weight: 300;
}

@font-face {
    font-family: CentraNo1;
    src: url("../rolex/css/fonts/CentraNo1/CentraNo1-Book.woff2") format("woff2"),
        url("../rolex/css/fonts/CentraNo1/CentraNo1-Book.woff") format("woff");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: CentraNo1;
    src: url("../rolex/css/fonts/CentraNo1/CentraNo1-Medium.woff2") format("woff2"),
        url("../rolex/css/fonts/CentraNo1/CentraNo1-Medium.woff") format("woff");
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: CentraNo1;
    src: url("../rolex/css/fonts/CentraNo1/CentraNo1-Bold.woff2") format("woff2"),
        url("../rolex/css/fonts/CentraNo1/CentraNo1-Bold.woff") format("woff");
    font-style: normal;
    font-weight: 700;
}

.large-header {
    width: 100%;
    height: 100px;
    background-color: white;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2509803922));
    position: sticky;
    top: 0;
    left: 0;
    z-index: 99;
}
.large-header .large-header-container {
    width: 100%;
    height: 100%;
}
.large-header .large-header-container .large-header-row {
    height: 100%;
    margin: 0 53px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.large-header .large-header-container .large-header-row .left {
    display: flex;
    align-items: center;
    height: 100%;
}
.large-header .large-header-container .large-header-row .left .ugurLogo {
    width: 140px;
    height: 70px;
    border: 0.1px solid white;
    margin-right: 50px;
}
.large-header .large-header-container .large-header-row .left .ugurLogo img {
    width: 100%;
    height: 100%;
}
.large-header .large-header-container .large-header-row .left ul {
    list-style-type: none;
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
}
.large-header .large-header-container .large-header-row .left ul li a {
    text-decoration: none;
    text-transform: uppercase;
    color: black;
    font-size: 13px;
    font-weight: 500;
    padding: 15px 0;
}
.large-header .large-header-container .large-header-row .left .menu .sub-menu {
    position: relative;
}
.large-header
    .large-header-container
    .large-header-row
    .left
    .menu
    .sub-menu
    ul {
    display: none;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    background: white;
    top: 143%;
    left: 0;
    padding: 8px;
    box-shadow: 0 5px 15px -5px #888;
    z-index: 99;
    border-radius: 0 0 5px 5px;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    width: -moz-max-content;
    width: max-content;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
}
.large-header
    .large-header-container
    .large-header-row
    .left
    .menu
    .sub-menu
    ul
    li {
    display: block;
    list-style: none;
    position: relative;
}
.large-header
    .large-header-container
    .large-header-row
    .left
    .menu
    .sub-menu
    ul
    li
    a {
    display: block;
    color: black;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-bottom: 1px solid #ededed;
}
.large-header
    .large-header-container
    .large-header-row
    .left
    .menu
    .sub-menu
    ul
    li
    a:hover {
    color: var(--primary-color);
}
.large-header
    .large-header-container
    .large-header-row
    .left
    .menu
    .sub-menu:hover
    ul {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
}
.large-header .large-header-container .large-header-row .right {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.large-header .large-header-container .large-header-row .right .icons {
    display: flex;
    align-items: center;
    list-style-type: none;
    gap: 20px;
    margin: 0;
    padding: 0;
}
.large-header .large-header-container .large-header-row .right .icons li a {
    height: 100%;
    text-decoration: none;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}
.large-header .large-header-container .large-header-row .right .icons li a i {
    font-size: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.large-header
    .large-header-container
    .large-header-row
    .right
    .icons
    li
    a
    span {
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    font-family: "montserrat";
}
.large-header
    .large-header-container
    .large-header-row
    .right
    .icons
    li
    a
    small {
    background: var(--primary-color);
    color: #fff;
    display: none;
    vertical-align: top;
    font-style: normal;
    font-size: 10px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    font-weight: 500;
    position: absolute;
    margin-left: 15px;
    margin-bottom: 40px;
}
.large-header
    .large-header-container
    .large-header-row
    .right
    .icons
    .language_list {
    display: flex;
    flex-direction: column;
    font-size: 16px;
}
.large-header
    .large-header-container
    .large-header-row
    .right
    .icons
    .language_list
    .language
    .active {
    color: var(--primary-color);
    border-bottom: var(--primary-color) 1px solid;
}
.large-header .large-header-container .large-header-row .right .rolexLogo {
    width: 150px;
    height: 70px;
    margin-left: 30px;
}
.large-header .large-header-container .large-header-row .right .rolexLogo img {
    width: 100%;
    height: 100%;
}

.login-inner {
    /* Style for the overlay */
    /* Style for the box container */
}
.login-inner .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    display: none;
}
.login-inner .box-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    /* Style for the box */
}
.login-inner .box-container .box {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    overflow: auto;
    transition: width 0.3s ease-in-out;
    /* Style for the box when it is open */
    /* Style for the X button */
}
.login-inner .box-container .box.open {
    width: 420px;
}
.login-inner .box-container .box .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}
.login-inner .box-container .box .login-adder {
    width: 100%;
}
.login-inner .box-container .box .login-adder .box-header {
    width: 100%;
    height: 82px;
    display: flex;
    justify-content: center;
    background-color: #e4e4e4;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-header
    .box-header-container {
    width: 340px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-header
    .box-header-container
    span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    text-transform: uppercase;
    /* Color/Head */
    color: #4f4f4d;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-header
    .box-header-container
    .close-login-btn {
    font-size: 16px;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-header
    .box-header-container
    .close-login-btn:hover {
    cursor: pointer;
}
.login-inner .box-container .box .login-adder .box-content {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 31px;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container {
    width: 340px;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form {
    width: 100%;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .user_name {
    width: 100%;
    height: 55px;
    margin-bottom: 30px;
    border: 1px solid #e4e4e4;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .user_name
    input {
    padding: 0 17px;
    border: none;
    width: 100%;
    height: 100%;
    outline: none;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .user_name
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .user_name
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .user_password {
    width: 100%;
    height: 55px;
    margin-bottom: 17px;
    border: 1px solid #e4e4e4;
    position: relative;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .user_password
    input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 17px;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .user_password
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .user_password
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .user_password
    i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .check-remember {
    display: flex;
    align-items: center;
    float: left;
    margin-bottom: 26px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .check-remember
    input {
    width: 17px;
    height: 17px;
    border: 1px solid #bb0202;
    margin-right: 10px;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .check-remember
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .check-remember
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .lost-password {
    float: right;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .lost-password
    a {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    /* identical to box height, or 171% */
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    /* Color/Head */
    color: #4f4f4d;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .sumit_btn {
    width: 100%;
    height: 60px;
    background: #4f4f4d;
    border: none;
    margin-bottom: 24px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    /* identical to box height, or 171% */
    /* Color / White */
    color: #ffffff;
    text-transform: uppercase;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .create-account-btn {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .create-account-btn
    span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .login-adder
    .box-content
    .box-content-container
    form
    .create-account-btn
    a {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner .box-container .box .create-account {
    width: 100%;
    height: 300px;
    display: none;
}
.login-inner .box-container .box .create-account .create-account-header {
    width: 100%;
    height: 82px;
    display: flex;
    justify-content: center;
    background-color: #e4e4e4;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-header
    .create-account-header-container {
    width: 340px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-header
    .create-account-header-container
    span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    text-transform: uppercase;
    /* Color/Head */
    color: #4f4f4d;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-header
    .create-account-header-container
    .close-login-btn {
    font-size: 16px;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-header
    .create-account-header-container
    .close-login-btn:hover {
    cursor: pointer;
}
.login-inner .box-container .box .create-account .create-account-content {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container {
    width: 340px;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form {
    width: 100%;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_fname {
    width: 100%;
    height: 55px;
    margin-bottom: 17px;
    border: 1px solid #e4e4e4;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_fname
    input {
    padding: 0 17px;
    border: none;
    width: 100%;
    height: 100%;
    outline: none;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_fname
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_fname
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_lname {
    width: 100%;
    height: 55px;
    margin-bottom: 17px;
    border: 1px solid #e4e4e4;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_lname
    input {
    padding: 0 17px;
    border: none;
    width: 100%;
    height: 100%;
    outline: none;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_lname
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_lname
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_phone {
    width: 100%;
    height: 55px;
    margin-bottom: 17px;
    border: 1px solid #e4e4e4;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_phone
    input {
    padding: 0 17px;
    border: none;
    width: 100%;
    height: 100%;
    outline: none;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_phone
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_phone
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_email {
    width: 100%;
    height: 55px;
    margin-bottom: 17px;
    border: 1px solid #e4e4e4;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_email
    input {
    padding: 0 17px;
    border: none;
    width: 100%;
    height: 100%;
    outline: none;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_email
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_email
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_password {
    width: 100%;
    height: 55px;
    margin-bottom: 17px;
    border: 1px solid #e4e4e4;
    position: relative;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_password
    input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 17px;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_password
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_password
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_password
    i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_repeatPassword {
    width: 100%;
    height: 55px;
    margin-bottom: 17px;
    border: 1px solid #e4e4e4;
    position: relative;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_repeatPassword
    input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 17px;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_repeatPassword
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_repeatPassword
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_repeatPassword
    i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_personal_data_law {
    margin-bottom: 15px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user-members-terms {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.login-inner
    .box-container
    .box
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .create_account_btn {
    width: 100%;
    height: 60px;
    background: #4f4f4d;
    border: none;
    margin-top: 25px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    /* identical to box height, or 171% */
    /* Color / White */
    color: #ffffff;
    text-transform: uppercase;
}

.header-search-box-container {
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    padding: 20px 0 62px 0;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    background-color: white;
    z-index: 98;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2509803922));
}
.header-search-box-container .header-search-box-close {
    width: 40px;
    height: 40px;
    margin: auto;
    background-color: #c1c1c1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25%;
}
.header-search-box-container .header-search-box-content {
    width: 1461px;
    height: 80px;
    margin: auto;
}
.header-search-box-container .header-search-box-content span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.header-search-box-container .header-search-box-content .header-search-box {
    width: 100%;
    height: 10%;
    margin-top: 10px;
    background-color: white;
    position: relative;
}
.header-search-box-container
    .header-search-box-content
    .header-search-box::before {
    content: "";
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #767676;
}
.header-search-box-container
    .header-search-box-content
    .header-search-box
    input {
    width: 98%;
    height: 45px;
    outline: none;
    border: none;
    padding: 10px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
    opacity: 1;
}
.header-search-box-container
    .header-search-box-content
    .header-search-box
    input:focus {
    border: none;
    box-shadow: none;
}
.header-search-box-container
    .header-search-box-content
    .header-search-box
    input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'%3E%3C/path%3E %3C/svg%3E")
        center no-repeat;
    background-size: 16px;
    cursor: pointer;
    opacity: 0.4;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    padding-right: 50px;
}
.header-search-box-container
    .header-search-box-content
    .header-search-box
    button {
    position: absolute;
    background: unset;
    color: #000;
    border: unset;
    display: flex;
    font-size: 18px;
    right: 0px;
    top: 10px;
    border-radius: 0;
    height: 100%;
}
.header-search-box-container
    .header-search-box-content
    .header-search-box
    button
    i {
    width: 2%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-search-box-container
    .header-search-box-content
    .header-search-box
    .header-result-box {
    position: absolute;
    top: 100%;
    margin-top: 2px;
    padding: 20px 0;
    left: 0;
    width: 100%;
    height: 300px;
    z-index: 1;
    display: none;
    background-color: white;
    max-height: 200px;
    overflow-y: auto;
    z-index: 9;
}
.header-search-box-container
    .header-search-box-content
    .header-search-box
    .header-result-box
    ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: auto;
}
.header-search-box-container
    .header-search-box-content
    .header-search-box
    .header-result-box
    ul
    li {
    padding: 5px 10px;
    cursor: pointer;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.header-search-box-container
    .header-search-box-content
    .header-search-box
    .header-result-box
    ul
    li:hover {
    background-color: #f0f0f0;
}
.header-search-box-container.show {
    display: block;
}
.header-search-box-container.hidden {
    display: none;
}
.header-search-box-container .small-header-search-box-content {
    width: 95%;
    height: 45px;
    margin: auto;
}
.header-search-box-container
    .small-header-search-box-content
    .open-nav-search-box-container {
    width: 100%;
    height: 45px;
    display: flex;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    position: relative;
}
.header-search-box-container
    .small-header-search-box-content
    .open-nav-search-box-container
    input {
    width: 100%;
    height: 40px;
    outline: none;
    border: none;
    padding: 10px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
    opacity: 1;
    text-transform: uppercase;
}
.header-search-box-container
    .small-header-search-box-content
    .open-nav-search-box-container
    input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'%3E%3C/path%3E %3C/svg%3E")
        center no-repeat;
    background-size: 16px;
    cursor: pointer;
    opacity: 0.4;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    padding-right: 90px;
}
.header-search-box-container
    .small-header-search-box-content
    .open-nav-search-box-container
    .form-control:focus {
    background-color: transparent;
    border-color: #e4e4e4 !important;
    box-shadow: none !important;
}
.header-search-box-container
    .small-header-search-box-content
    .open-nav-search-box-container
    i {
    padding: 10px;
    font-size: 16px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: unset;
    border: unset;
    color: black;
    display: flex;
    font-size: 18px;
    right: 1px;
    top: 1px;
    border-radius: 0 10px 10px 0;
    height: calc(100% - 2px);
    padding: 6px 15px;
}
.header-search-box-container
    .small-header-search-box-content
    .open-nav-search-box-container
    .open-nav-result-box {
    position: absolute;
    top: 100%;
    background: #fff;
    scrollbar-width: thin;
    scrollbar-color: #f8f9fb;
    width: 100%;
    text-align: left;
    padding-top: 2px;
    font-size: 14px;
    max-height: 365px;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 600px;
    left: 0;
    margin: 0;
    border: 1px solid #e4e4e4;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    z-index: 2;
    box-sizing: border-box;
    border-top: 0;
}
.header-search-box-container
    .small-header-search-box-content
    .open-nav-search-box-container
    .open-nav-result-box
    a.category-element {
    display: block;
    margin-bottom: 5px;
    display: flex;
}
.header-search-box-container
    .small-header-search-box-content
    .open-nav-search-box-container
    .open-nav-result-box
    a.category-element
    .category-element-info {
    display: flex;
    flex-direction: column;
    margin: auto 0;
}
.header-search-box-container
    .small-header-search-box-content
    .open-nav-search-box-container
    .open-nav-result-box
    a.category-element
    .category-element-info
    span {
    padding: 0px 10px;
    cursor: pointer;
    font-family: "Jost";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #767676;
}
.header-search-box-container
    .small-header-search-box-content
    .open-nav-search-box-container
    .open-nav-result-box
    a.category-element
    .category-element-info
    span:hover {
    background-color: #f0f0f0;
}
.header-search-box-container
    .small-header-search-box-content
    .open-nav-search-box-container
    .open-nav-result-box
    a.category-element
    .category-element-info
    .sku_no {
    padding: 0px 10px;
    cursor: pointer;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    color: #767676;
}
.header-search-box-container
    .small-header-search-box-content
    .open-nav-search-box-container
    .open-nav-result-box
    a.category-element
    .category-element-info
    .sku_no:hover {
    background-color: #f0f0f0;
}
.header-search-box-container
    .small-header-search-box-content
    .open-nav-search-box-container
    .open-nav-result-box
    a.category-element
    img {
    width: 60px;
    height: 60px;
}
.header-search-box-container
    .small-header-search-box-content
    .open-nav-search-box-container
    .open-nav-result-box
    .all-search-box
    i {
    display: inline-flex !important;
}
.header-search-box-container .small-header-search-box-content span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.header-search-box-container
    .small-header-search-box-content
    .header-search-box {
    width: 100%;
    height: 40px;
    margin-top: 29px;
    background-color: white;
    position: relative;
}
.header-search-box-container
    .small-header-search-box-content
    .header-search-box::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #767676;
}
.header-search-box-container
    .small-header-search-box-content
    .header-search-box
    input {
    width: 98%;
    height: 100%;
    outline: none;
    border: none;
    padding: 10px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
    opacity: 1;
}
.header-search-box-container
    .small-header-search-box-content
    .header-search-box
    input:focus {
    border: none;
    box-shadow: none;
}
.header-search-box-container
    .small-header-search-box-content
    .header-search-box
    input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'%3E%3C/path%3E %3C/svg%3E")
        center no-repeat;
    background-size: 16px;
    cursor: pointer;
    opacity: 0.4;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    padding-right: 50px;
}
.header-search-box-container
    .small-header-search-box-content
    .header-search-box
    button {
    position: absolute;
    background: unset;
    color: #000;
    border: unset;
    display: flex;
    font-size: 18px;
    right: 0px;
    top: 10px;
    border-radius: 0;
    height: 100%;
}
.header-search-box-container
    .small-header-search-box-content
    .header-search-box
    button
    i {
    width: 2%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-search-box-container
    .small-header-search-box-content
    .header-search-box
    .header-result-box {
    position: absolute;
    top: 100%;
    margin-top: 2px;
    padding: 20px 0;
    left: 0;
    width: 100%;
    height: 300px;
    z-index: 1;
    display: none;
    background-color: white;
    max-height: 200px;
    overflow-y: auto;
    z-index: 9;
}
.header-search-box-container
    .small-header-search-box-content
    .header-search-box
    .header-result-box
    ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: auto;
}
.header-search-box-container
    .small-header-search-box-content
    .header-search-box
    .header-result-box
    ul
    li {
    padding: 5px 10px;
    cursor: pointer;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.header-search-box-container
    .small-header-search-box-content
    .header-search-box
    .header-result-box
    ul
    li:hover {
    background-color: #f0f0f0;
}
.header-search-box-container.show {
    display: block;
}
.header-search-box-container.hidden {
    display: none;
}

.open-search {
    display: block;
}

.search-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background: #fff;
    scrollbar-width: thin;
    scrollbar-color: #ede8e8;
    text-align: left;
    padding-top: 2px;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 2;
    box-sizing: border-box;
}
@media (max-width: 960px) {
    .search-list .search-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 1200px) {
    .search-list .search-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

.search-list .category-element:nth-of-type(1n + 11) {
    display: none !important;
}

.search-list::-webkit-scrollbar {
    height: 12px;
    width: 8px;
    background: #ede8e8;
}

.search-list::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    -webkit-border-radius: 0;
    -webkit-box-shadow: 0px 1px 2px rgba(144, 24, 56, 0.1);
}

.search-list::-webkit-scrollbar-corner {
    background: #ede8e8 !important;
}

.all-search-box .all-search-list a b {
    color: var(--primary-color) !important;
    font-weight: 500;
}

.all-search-box .all-search-list a b i {
    display: inline !important;
    font-size: 15px !important;
}

.search-list span {
    padding: 5px 5px;
    display: inline-block;
    flex: 3;
    text-align: center;
}

.search-list a.category-element {
    display: flex;
    width: 100%;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    padding: 5px;
    clear: both;
    align-items: center;
    flex-direction: column;
}
.search-list a.category-element .category-element-info {
    display: flex;
    flex-direction: column;
    margin: auto 0;
    text-align: center;
}
.search-list a.category-element .category-element-info span {
    padding: 0px 10px;
    cursor: pointer;
    font-family: "Jost";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #767676;
}
.search-list a.category-element .category-element-info span:hover {
    background-color: #f0f0f0;
}
.search-list a.category-element .category-element-info .sku_no {
    padding: 0px 10px;
    cursor: pointer;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    color: #767676;
}
.search-list a.category-element .category-element-info .sku_no:hover {
    background-color: #f0f0f0;
}

.search-list img {
    width: 100%;
    height: 90%;
    border: 1px solid #ede8e8;
    padding-bottom: 3px;
}

.search-list a.category-element:nth-child(n + 11) {
    display: none !important;
}

.all-search-box {
    position: sticky;
    bottom: -1px;
    background: var(--passive-color);
    width: 100%;
    text-align: left;
    font-size: 14px;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    border-top: 0;
    padding: 10px 0;
    font-weight: 600;
}

.all-search-box .all-search-list {
    padding: 0 10px;
    display: flex;
}

span .highlight {
    padding: 0;
    overflow: visible;
    display: inline-block;
}

.search-list a:hover .highlight {
    color: var(--primary-color);
}

.highlight {
    color: #000000;
    font-weight: bolder;
    height: 0;
    line-height: 0;
    padding: 0 !important;
}

.favorites-list .card-wappers {
    width: 265px;
}
.favorites-list .card-wappers:hover .card-info .card-info-container {
    width: 245px;
}

.card-wappers {
    width: 330px;
    height: 500px;
    transition: 0.4s ease;
    position: relative;
}
.card-wappers .new-badge-add {
    position: absolute;
    width: 50px;
    height: 30.86px;
    left: 10px;
    top: 5px;
    z-index: 4;
    background-color: var(--secondary-color);
}
.card-wappers .new-badge-add .new-badge-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-wappers .new-badge-add .new-badge-container span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* or 171% */
    /* Color / White */
    color: #ffffff;
}
.card-wappers .new-badge {
    position: absolute;
    width: 50px;
    height: 30.86px;
    right: 10px;
    top: 5px;
    z-index: 9;
    background-color: #127749;
}
.card-wappers .new-badge .new-badge-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-wappers .new-badge .new-badge-container span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* or 171% */
    /* Color / White */
    color: #ffffff;
}
.card-wappers .card-img-container {
    width: 100%;
    height: 413px;
    background-color: var(--card-container-bg);
    display: flex;
    align-items: center;
    transition: 0.4s ease;
}
.card-wappers .card-img-container .img-box {
    background-color: #e7e7e7;
    transition: 0.4s ease;
}
.card-wappers .card-img-container .img-box .card-img {
    width: 100%;
    height: 100%;
    transition: 0.4s ease;
}
.card-wappers .card-img-container .img-box .card-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 0.4s ease;
}
.card-wappers .card-info {
    width: 100%;
    height: 87px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    transition: 0.4s ease;
}
.card-wappers .card-info .card-info-container {
    width: 93%;
    height: 85%;
    transition: 0.4s ease;
}
.card-wappers .card-info .card-info-container .product-name {
    transition: 0.4s ease;
    padding-bottom: 10px;
    height: 30px;
}
.card-wappers .card-info .card-info-container .product-name span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* Color/Head */
    color: #4f4f4d;
}
.card-wappers .card-info .card-info-container .favorite {
    background: #fff;
    border: none;
}
.card-wappers .card-info .card-info-container .favorite i {
    font-size: 16px;
}
.card-wappers .card-info .card-info-container .product-category {
    transition: 0.4s ease;
}
.card-wappers .card-info .card-info-container .product-category span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    /* or 185% */
    /* Color / Second */
    color: #767676;
}
.card-wappers .card-info .card-info-container .product-price {
    transition: 0.4s ease;
    display: flex;
}
.card-wappers .card-info .card-info-container .product-price .discount-price {
    margin-right: 7px;
    text-decoration: line-through;
    display: flex;
    align-items: center;
    transition: 0.4s ease;
}
.card-wappers
    .card-info
    .card-info-container
    .product-price
    .discount-price
    span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-decoration: line-through;
    /* Color / Second */
    color: #505050;
}
.card-wappers .card-info .card-info-container .product-price .normal-price {
    transition: 0.4s ease;
}
.card-wappers
    .card-info
    .card-info-container
    .product-price
    .normal-price
    span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    /* identical to box height */
    /* Color/Head */
    color: #4f4f4d;
}
.card-wappers .add-basket-btn {
    display: none;
}
.card-wappers .buttons {
    display: none;
}
.card-wappers:hover {
    background-color: white;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    transition: 0.4s ease;
    cursor: pointer;
}
.card-wappers:hover .card-img-container {
    width: 100%;
    height: 360px;
    background-color: var(--card-container-bg);
    display: flex;
    align-items: center;
    transition: 0.4s ease;
}
.card-wappers:hover .card-img-container .img-box {
    width: 100%;
    height: 100%;
    background-color: #e7e7e7;
    transition: 0.4s ease;
}
.card-wappers:hover .card-img-container .img-box .card-img {
    width: 100%;
    height: 100%;
    transform: translateY(0px);
    transition: 0.4s ease;
}
.card-wappers:hover .card-img-container .img-box .card-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 0.4s ease;
}
.card-wappers:hover .card-info {
    width: 100%;
    height: 140px;
    display: flex;
    justify-content: center;
    transition: 0.4s ease;
}
.card-wappers:hover .card-info .card-info-container {
    width: 292px;
    height: 100%;
    transform: translateY(16px);
    transition: 0.4s ease;
}
.card-wappers:hover .card-info .card-info-container .product-name {
    transition: 0.4s ease;
    padding-bottom: 10px;
    height: 30px;
}
.card-wappers:hover .card-info .card-info-container .product-name span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    /* Color/Head */
    color: #4f4f4d;
}
.card-wappers:hover .card-info .card-info-container .product-category {
    transition: 0.4s ease;
}
.card-wappers:hover .card-info .card-info-container .product-category span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    /* or 185% */
    /* Color / Second */
    color: #767676;
}
.card-wappers:hover .card-info .card-info-container .product-price {
    display: none;
}
.card-wappers:hover .card-info .card-info-container .add-basket-btn {
    transition: 0.4s ease;
    width: 100%;
    height: 40px;
    display: block;
    margin-top: 18px;
}
.card-wappers:hover .card-info .card-info-container .add-basket-btn button {
    transition: 0.4s ease;
    width: 100%;
    height: 100%;
    background-color: var(--card-hover-basket-btn-bg);
    color: white;
    border: none;
    font-family: var(--font-Montserrat);
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    color: #ffffff;
}
.card-wappers:hover .card-info .card-info-container .buttons {
    transition: 0.4s ease;
    width: 100%;
    height: 40px;
    display: block;
    margin-top: 18px;
}
.card-wappers:hover
    .card-info
    .card-info-container
    .buttons
    .product-detail-see {
    transition: 0.4s ease;
    width: 100%;
    height: 100%;
    background-color: #a7952f;
    color: white;
    border: none;
    font-family: var(--font-Montserrat);
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    color: #ffffff;
}

footer {
    width: 100%;
    height: 100%;
    background-color: var(--footer-bg);
    margin: 10px auto 0px;
}
footer .footer-container {
    width: 1410px;
    height: 100%;
    margin: auto;
}
footer .footer-container .footer-row {
    width: 100%;
    height: 100%;
}

footer .cookie-row {
    text-align: center;
    color: white;
    background: #756a2d;
    font-size: 12px;
    padding: 3px 0px;
    cursor: pointer;
}

.footer-icons {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 46px;
    padding-bottom: 37px;
}
.footer-icons::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    /* Color / White */
    background: #ffffff;
    opacity: 0.1;
}
.footer-icons .footer-icons-content {
    width: 100%;
    min-height: 51px;
    display: flex;
    justify-content: space-between;
}
.footer-icons .footer-icons-content .footer-icons-box {
    height: 100%;
    display: flex;
    align-items: center;
}
.footer-icons .footer-icons-content .footer-icons-box .footer-icons-box-left {
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 18px;
}
.footer-icons .footer-icons-content .footer-icons-box .footer-icons-box-left i {
    font-size: 45px;
    color: white;
}
.footer-icons .footer-icons-content .footer-icons-box .footer-icons-box-right {
    display: flex;
    flex-direction: column;
}
.footer-icons
    .footer-icons-content
    .footer-icons-box
    .footer-icons-box-right
    #footer-icons-box-header {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    text-transform: uppercase;
    /* Color / White */
    color: #ffffff;
}
.footer-icons
    .footer-icons-content
    .footer-icons-box
    .footer-icons-box-right
    #footer-icons-box-content {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    /* Color / White */
    color: #ffffff;
}

.footer-inner {
    width: 100%;
    height: 100%;
    padding-top: 65px;
    position: relative;
}
.footer-inner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    /* Color / White */
    background: #ffffff;
    opacity: 0.1;
}
.footer-inner .footer-inner-container {
    width: 100%;
    min-height: 289px;
}
.footer-inner .footer-inner-container .footer-inner-left-social-plaque {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
}
.footer-inner
    .footer-inner-container
    .footer-inner-left-social-plaque
    .footer-inner-left-social {
    height: 100%;
    display: flex;
    gap: 20px;
}
.footer-inner
    .footer-inner-container
    .footer-inner-left-social-plaque
    .footer-inner-left-social
    .footer-social-icon-box
    a {
    height: 100%;
    color: white;
    font-size: 20px;
}
.footer-inner .footer-inner-container .footer-inner-row {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.footer-inner .footer-inner-container .footer-inner-row .footer-inner-left {
    height: 100%;
    margin-right: 79px;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-left
    .footer-inner-left-container {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-left
    .footer-inner-left-container
    .footer-inner-left-logo {
    width: 150px;
    height: 100px;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-left
    .footer-inner-left-container
    .footer-inner-left-logo
    img {
    width: 100%;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-left
    .footer-inner-left-container
    .footer-inner-left-adress {
    width: 282px;
    height: 100%;
    margin-top: 15px;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-left
    .footer-inner-left-container
    .footer-inner-left-adress
    a {
    color: #ffffff;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-left
    .footer-inner-left-container
    .footer-inner-left-adress
    a
    span {
    font-family: var(--font-Montserrat);
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    /* or 185% */
    /* Color / White */
    color: #ffffff;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-left
    .footer-inner-left-container
    .footer-inner-left-contact {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 22px;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-left
    .footer-inner-left-container
    .footer-inner-left-contact
    a {
    color: #ffffff;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-left
    .footer-inner-left-container
    .footer-inner-left-contact
    a
    span {
    font-family: var(--font-Montserrat);
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    /* or 185% */
    /* Color / White */
    color: #ffffff;
}
.footer-inner .footer-inner-container .footer-inner-row .footer-inner-center {
    width: 100%;
    height: 100%;
    margin-right: 105px;
    display: flex;
    justify-content: space-between;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-center
    .footer-inner-corporate
    .footer-inner-corporate-header
    span {
    font-family: var(--font-Montserrat);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    text-transform: uppercase;
    /* Color / White */
    color: #ffffff;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-center
    .footer-inner-corporate
    .footer-inner-corporate-items
    ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-center
    .footer-inner-corporate
    .footer-inner-corporate-items
    ul
    li
    a {
    text-decoration: none;
    font-family: var(--font-Montserrat);
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
    /* or 308% */
    /* Color / White */
    color: #ffffff;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-center
    .footer-inner-shopping
    .footer-inner-shopping-header
    span {
    font-family: var(--font-Montserrat);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    text-transform: uppercase;
    /* Color / White */
    color: #ffffff;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-center
    .footer-inner-shopping
    .footer-inner-shopping-items
    ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-center
    .footer-inner-shopping
    .footer-inner-shopping-items
    ul
    li
    a {
    text-decoration: none;
    font-family: var(--font-Montserrat);
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
    /* or 308% */
    /* Color / White */
    color: #ffffff;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-center
    .footer-inner-shopping
    .footer-inner-shopping-items
    .category-product-title {
    display: none;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-center
    .footer-inner-brand
    .footer-inner-brand-header
    span {
    font-family: var(--font-Montserrat);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    text-transform: uppercase;
    /* Color / White */
    color: #ffffff;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-center
    .footer-inner-brand
    .footer-inner-brand-items
    ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-center
    .footer-inner-brand
    .footer-inner-brand-items
    ul
    li
    a {
    text-decoration: none;
    font-family: var(--font-Montserrat);
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
    /* or 308% */
    /* Color / White */
    color: #ffffff;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-center
    .footer-inner-brand
    .footer-inner-brand-items
    .category-product-title {
    display: none;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-center
    .footer-inner-help
    .footer-inner-help-header
    span {
    font-family: var(--font-Montserrat);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    text-transform: uppercase;
    /* Color / White */
    color: #ffffff;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-center
    .footer-inner-help
    .footer-inner-help-items
    ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-center
    .footer-inner-help
    .footer-inner-help-items
    ul
    li
    a {
    text-decoration: none;
    font-family: var(--font-Montserrat);
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
    /* or 308% */
    /* Color / White */
    color: #ffffff;
}
.footer-inner .footer-inner-container .footer-inner-row .footer-inner-right {
    height: 100%;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-subscribe-email {
    display: none;
}
.footer-inner
    .footer-inner-container
    .footer-inner-row
    .footer-inner-secure-payments {
    display: none;
}

.footer-bottom {
    width: 100%;
    height: 100%;
    padding-top: 15px;
    padding-bottom: 31px;
}
.footer-bottom .footer-bottom-container {
    width: 100%;
    min-height: 13px;
}
.footer-bottom .footer-bottom-container .footer-bottom-row {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-bottom .footer-bottom-container .footer-bottom-row .footer-bottom-left {
    width: 49px;
    height: 12px;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-left
    img {
    width: 100%;
    height: 100%;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-left
    .algoJS
    svg {
    max-width: 100%;
    padding: 0;
    fill: white;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right {
    height: 100%;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 19px;
    margin-top: 10px;
    gap: 15px;
    cursor: pointer;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container
    span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    /* Color / White */
    color: #ffffff;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container
    .footer-right-language {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container
    .footer-right-language
    .language-selector-dropdown {
    display: flex;
    opacity: 0;
    transform: scaleY(0);
    bottom: 30px;
    left: 10px;
    position: absolute;
    border: 1px solid rgb(172, 172, 172);
    width: 85px;
    height: auto;
    padding: 10px 15px 10px 10px;
    z-index: 9999;
    flex-direction: column;
    gap: 5px;
    background-color: white;
    transition: 0.2s;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container
    .footer-right-language
    .language-selector-dropdown
    .lang-box {
    display: flex;
    gap: 7px;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container
    .footer-right-language
    .language-selector-dropdown
    .lang-box
    span {
    line-height: 18px;
    width: 20px;
    background-position: 0;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container
    .footer-right-language
    .language-selector-dropdown.active {
    display: flex;
    bottom: 30px;
    left: auto;
    right: -8px;
    opacity: 1;
    transform: scaleY(1);
    transition: 0.2s;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container
    .footer-right-language
    .language-selector-dropdown:before {
    border-color: rgba(230, 230, 230, 0);
    border-bottom-color: rgb(92, 88, 88);
    border-width: 9px;
    margin-left: -9px;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container
    .footer-right-language
    .language-selector-dropdown:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    margin-left: -8px;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container
    .footer-right-language
    .language-selector-dropdown
    a {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    gap: 8px;
    position: relative;
    color: black;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container
    .footer-right-language
    .language-selector-dropdown
    a:last-child {
    border-bottom: 0;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container
    .footer-right-language
    .language-selector-dropdown
    a
    i {
    position: absolute;
    top: 3px;
    right: -10px;
    color: black;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container
    .footer-right-language
    .language-selector-dropdown
    a.flag-location {
    width: 27px;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container
    .footer-right-language
    span {
    width: 100px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #767676;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container
    .footer-right-language
    a {
    border: none;
    outline: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #4f4f4d;
}
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container
    .footer-right-language
    .language-selector-dropdown::after,
.footer-bottom
    .footer-bottom-container
    .footer-bottom-row
    .footer-bottom-right
    .footer-bottom-right-container
    .footer-right-language
    .language-selector-dropdown::before {
    bottom: 100%;
    left: 45%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
    overflow: auto;
    /* Modal Content (image) */
}
.modal .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    position: relative;
    /* The Close Button */
}
.modal .modal-content .close {
    position: absolute;
    top: 0px;
    right: 0px;
    color: rgb(0, 0, 0);
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
.modal .modal-content .close:hover,
.modal .modal-content .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* Add Animation */
.modal-content,
#caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}
@keyframes zoom {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.sl-watch-content {
    justify-content: center; 
    align-items: center; 
    display: flex;
    margin-top: 0px !important;
    min-width: 700px !important;
}

.sl-watch-content .contact-form {
    width: 50% !important;
    margin-top: 0px !important;
}

.sl-watch-content label {
    font-size: 13px !important;
    margin-bottom: 4px !important;
}

.sl-watch-content .form-check {
    align-items: center !important;
    gap: 5px !important;
}

.sl-watch-content .contact-bottom-container{
    align-items: end !important;
    justify-content: end !important;
    margin-top: 20px !important;
}

.sl-watch-content .alert {
    font-size: 13px !important;
}

.sl-watch-content .d-none {
    display: none !important;
}

@media only screen and (max-device-width: 768px) {
   .sl-watch-content .contact-form { 
    width: 100% !important;
    min-width: 100% !important;
   }
   .sl-watch-content {
    min-width: 100% !important;
   }

   
.sl-watch-content .contact-bottom-container{
    align-items: center !important;
    justify-content: center !important;
}
}

#iletisimForm .form-group input, #iletisimForm .form-group select {
    width: 100%;
    outline: none;
    font-size: 13px;
    padding: 15px 20px;
    margin-bottom: 10px;
    border-radius: 0;
    background: #fbfbfb;
    color: #5d5d5d;
    border: 1px solid #ebebeb;
}


#imagesPreview img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-bottom: 15px;

}

.image-thumb {
    position: relative;
    display: inline-block;
}

.image-thumb .remove-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    background: rgba(255, 0, 0, 0.7);
    border: none;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-weight: bold;
    line-height: 18px;
    padding: 0;
}

#iletisimForm .form-group select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1.4em;
    padding-right: 2rem;
}

#iletisimForm .form-group textarea {
    width: 100%;
    outline: none;
    font-size: 13px;
    padding: 15px 20px;
    margin-bottom: 10px;
    border-radius: 0;
    background: #fbfbfb;
    color: #5d5d5d;
    border: 1px solid #ebebeb;
}
#iletisimForm .btn {
    padding: 8px 30px;
}

.contact-bottom-container {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: 10px;
    margin-bottom: 10px;
}
.contact-bottom-container span {
    font-weight: bolder;
    padding-left: 20px;
    color: red;
    font-size: 14px;
}

.iletisim-mesaji {
    padding: 40px;
}

.haritaApi .harita {
    min-height: 350px;
}

.harita .gm-style-cc {
    display: none;
}
.harita .yolTarifi {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 9;
    background: #fff;
    padding: 10px;
    font-size: 12px;
    color: #1a73e8;
    border-radius: 5px;
    box-shadow: 0 0 10px -5px #9f9f9f;
}
.harita .yolTarifi img {
    display: block;
    width: 20px;
    margin: auto;
}

.address td {
    padding: 0;
    border-bottom: 0;
    font-weight: 600;
    padding: 0 5px;
}
.address td:last-child {
    padding: 0;
}
.address td:last-child span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 400;
}
.address th:first-child {
    text-align: inherit;
    text-align: -webkit-match-parent;
    font-weight: 600;
}
.address table {
    margin: 20px 0;
}

.contact-page {
    margin: 30px 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-size: 14px;
}
.contact-page .firma {
    display: block;
    font-weight: 600;
}
.contact-page h5 {
    display: block;
    color: var(--secondary-color);
}
.contact-page p {
    margin-bottom: 15px;
    color: #6c757d;
}
.contact-page .address p {
    color: var(--secondary-color);
    margin-bottom: 10px;
}
.contact-page .address p i {
    font-size: 16px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: var(--secondary-color);
}
.contact-page .social {
    margin-top: 30px;
}
.contact-page .social strong {
    margin-bottom: 10px;
    display: block;
}
.contact-page .social a {
    display: inline-block;
    font-size: 24px;
    width: 42px;
    height: 42px;
    color: var(--secondary-color);
    text-align: center;
    line-height: 42px;
    background: #ffffff;
    border-radius: 3px;
}

@media (max-width: 960px) {
    .contact-page {
        grid-template-columns: repeat(1, 1fr);
    }
    .contact-page .address {
        padding-bottom: 30px;
    }
}
/* CONTACT US */
/*================================================*/
.wpc-contactUs-map {
    position: relative;
}

.wpc-contactUs-map .wpc-map {
    height: 600px;
}
@media only screen and (max-width: 767px) {
    .wpc-contactUs-map .wpc-map .wpc-contactUs-map .wpc-map {
        height: 400px;
    }
}

.small-header {
    width: 100%;
    height: 85px;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 8;
    background-color: white;
}
.small-header .small-header-container {
    width: 95%;
    margin: auto;
    height: 100%;
}
.small-header .small-header-container .small-header-row {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.small-header .small-header-container .small-header-row .action-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.description-container {
    padding: 0px 18px;
    margin-bottom: 66px;
    margin-top: 66px;
}

.description-container h2 {
    font-size: 19px;
    font-weight: 600;
    margin: 0;
    text-align: center;
}

.description-container h3 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: center;
}

.description-container .desc-content {
    font-size: 13px;
}

@media only screen and (max-width: 479px) and (min-width: 0px) {
    .small-header
        .small-header-container
        .small-header-row
        .action-buttons
        .small-profile {
        display: none;
    }
}
.small-header .small-header-container .small-header-row .nav-icon {
    font-size: 24px;
    cursor: pointer;
    margin-left: 7px;
}
.small-header .small-header-container .small-header-row .small-header-logo {
    width: 100px;
}
.small-header .small-header-container .small-header-row .small-header-logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.small-header .small-header-container .small-header-row .small-header-bag {
    font-size: 24px;
    margin-right: 10px;
}
.small-header .small-header-container .small-header-row .small-header-bag a {
    position: relative;
}
.small-header
    .small-header-container
    .small-header-row
    .small-header-bag
    a
    small {
    background: var(--primary-color);
    color: #fff;
    display: none;
    vertical-align: top;
    font-style: normal;
    font-size: 10px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    font-weight: 500;
    position: absolute;
    right: -6px;
}
.small-header .small-header-container .small-header-row .profile-account {
    font-size: 20px;
    margin-right: 10px;
}
.small-header .small-header-container .small-header-row .profile-account a {
    position: relative;
}
.small-header
    .small-header-container
    .small-header-row
    .profile-account
    a
    small {
    background: var(--primary-color);
    color: #fff;
    display: none;
    vertical-align: top;
    font-style: normal;
    font-size: 10px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    font-weight: 500;
    position: absolute;
    right: -6px;
}
@media only screen and (max-width: 479px) and (min-width: 0px) {
    .small-header .small-header-container .small-header-row .rolexLogo {
        display: none !important;
    }
    .small-header .small-header-container .small-header-row .small-header-logo {
        margin-left: 48px;
    }
}
.small-header .small-header-container .small-header-row .open-nav-language {
    position: relative;
    cursor: pointer;
    display: flex;
    width: 100%;
    gap: 20px;
    align-items: center;
}
.small-header
    .small-header-container
    .small-header-row
    .open-nav-language
    .language-selector-dropdown1 {
    display: flex;
    opacity: 0;
    transform: scaleY(0);
    top: 20px;
    right: 0px;
    position: absolute;
    border: 1px solid rgb(172, 172, 172);
    width: 85px;
    height: auto;
    padding: 10px 15px 10px 10px;
    z-index: 9999;
    flex-direction: column;
    gap: 5px;
    background-color: white;
    transition: 0.2s;
}
.small-header
    .small-header-container
    .small-header-row
    .open-nav-language
    .language-selector-dropdown1
    .lang-box {
    display: flex;
    gap: 7px;
}
.small-header
    .small-header-container
    .small-header-row
    .open-nav-language
    .language-selector-dropdown1
    .lang-box
    span {
    line-height: 18px;
    width: 20px;
    background-position: 0;
}
.small-header
    .small-header-container
    .small-header-row
    .open-nav-language
    .language-selector-dropdown1.active {
    display: flex;
    top: 40px;
    opacity: 1;
    transform: scaleY(1);
    transition: 0.2s;
}
.small-header
    .small-header-container
    .small-header-row
    .open-nav-language
    .language-selector-dropdown1:before {
    border-color: rgba(230, 230, 230, 0);
    border-bottom-color: rgb(92, 88, 88);
    border-width: 9px;
    margin-left: -9px;
}
.small-header
    .small-header-container
    .small-header-row
    .open-nav-language
    .language-selector-dropdown1:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    margin-left: -8px;
}
.small-header
    .small-header-container
    .small-header-row
    .open-nav-language
    .language-selector-dropdown1
    a {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    gap: 8px;
    position: relative;
    color: black;
}
.small-header
    .small-header-container
    .small-header-row
    .open-nav-language
    .language-selector-dropdown1
    a:last-child {
    border-bottom: 0;
}
.small-header
    .small-header-container
    .small-header-row
    .open-nav-language
    .language-selector-dropdown1
    a
    i {
    position: absolute;
    top: 3px;
    right: -10px;
}
.small-header
    .small-header-container
    .small-header-row
    .open-nav-language
    .language-selector-dropdown1
    a.flag-location {
    width: 27px;
}
.small-header
    .small-header-container
    .small-header-row
    .open-nav-language
    .language-selector-dropdown1
    a.flag-name {
    font-size: 16px;
}
.small-header
    .small-header-container
    .small-header-row
    .open-nav-language
    span {
    width: auto;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #767676;
}
.small-header .small-header-container .small-header-row .open-nav-language a {
    border: none;
    outline: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 24px;
    color: #4f4f4d;
}
.small-header
    .small-header-container
    .small-header-row
    .open-nav-language
    .language-selector-dropdown1::after,
.small-header
    .small-header-container
    .small-header-row
    .open-nav-language
    .language-selector-dropdown1::before {
    bottom: 100%;
    left: 45%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.open-nav {
    width: 100%;
    height: 100%;
    background-color: white;
    position: fixed;
    left: 0;
    z-index: 999999;
    display: none;
}
.open-nav .open-nav-container {
    width: 100%;
    height: 100%;
    margin: auto;
}
.open-nav .open-nav-container .open-nav-row {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.open-nav .open-nav-container .open-nav-row .account-back {
    position: absolute;
    top: 0;
    left: 0;
}
.open-nav .open-nav-container .open-nav-row .open-nav-search-box {
    display: none;
    width: 100%;
    height: 40px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-search-box
    .open-nav-search-box-container {
    width: 100%;
    height: 100%;
    display: flex;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    position: relative;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-search-box
    .open-nav-search-box-container
    input {
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    padding: 10px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
    opacity: 1;
    text-transform: uppercase;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-search-box
    .open-nav-search-box-container
    input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'%3E%3C/path%3E %3C/svg%3E")
        center no-repeat;
    background-size: 16px;
    cursor: pointer;
    opacity: 0.4;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    padding-right: 90px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-search-box
    .open-nav-search-box-container
    .form-control:focus {
    background-color: transparent;
    border-color: #e4e4e4 !important;
    box-shadow: none !important;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-search-box
    .open-nav-search-box-container
    i {
    padding: 10px;
    font-size: 16px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: unset;
    border: unset;
    color: black;
    display: flex;
    font-size: 18px;
    right: 1px;
    top: 1px;
    border-radius: 0 10px 10px 0;
    height: calc(100% - 2px);
    padding: 6px 15px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-search-box
    .open-nav-search-box-container
    .open-nav-result-box {
    position: absolute;
    top: 100%;
    background: #fff;
    scrollbar-width: thin;
    scrollbar-color: #f8f9fb;
    width: 100%;
    text-align: left;
    padding-top: 2px;
    font-size: 14px;
    max-height: 365px;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 600px;
    left: 0;
    margin: 0;
    border: 1px solid #e4e4e4;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    z-index: 2;
    box-sizing: border-box;
    border-top: 0;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-search-box
    .open-nav-search-box-container
    .open-nav-result-box
    a.category-element {
    display: block;
    margin-bottom: 5px;
    display: flex;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-search-box
    .open-nav-search-box-container
    .open-nav-result-box
    a.category-element
    .category-element-info {
    display: flex;
    flex-direction: column;
    margin: auto 0;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-search-box
    .open-nav-search-box-container
    .open-nav-result-box
    a.category-element
    .category-element-info
    span {
    padding: 0px 10px;
    cursor: pointer;
    font-family: "Jost";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-search-box
    .open-nav-search-box-container
    .open-nav-result-box
    a.category-element
    .category-element-info
    span:hover {
    background-color: #f0f0f0;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-search-box
    .open-nav-search-box-container
    .open-nav-result-box
    a.category-element
    .category-element-info
    .sku_no {
    padding: 0px 10px;
    cursor: pointer;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-search-box
    .open-nav-search-box-container
    .open-nav-result-box
    a.category-element
    .category-element-info
    .sku_no:hover {
    background-color: #f0f0f0;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-search-box
    .open-nav-search-box-container
    .open-nav-result-box
    a.category-element
    img {
    width: 60px;
    height: 60px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-search-box
    .open-nav-search-box-container
    .open-nav-result-box
    .all-search-box
    i {
    display: inline-flex !important;
}
.open-nav .open-nav-container .open-nav-row .open-nav-menu {
    width: 100%;
    /* height: 350px; */
    position: relative;
    z-index: 1000;
}
.open-nav .open-nav-container .open-nav-row .open-nav-menu i.reset {
    position: absolute;
    left: 0;
    top: 115px;
    left: 15px;
    display: none;
    margin-right: 15px;
    font-size: 16px;
    color: #4f4f4d;
}
.open-nav .open-nav-container .open-nav-row .open-nav-menu .item {
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    padding-right: 20px;
    padding-left: 10px;
}
.open-nav .open-nav-container .open-nav-row .open-nav-menu .item .item-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-menu
    .item
    .item-header
    a {
    text-decoration: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #4f4f4d;
    padding: 15px 15px 12px 10px;
    text-transform: uppercase;
}
.open-nav .open-nav-container .open-nav-row .open-nav-menu .item ul {
    display: none;
    padding: 0;
    margin: 0 2px;
    list-style: none;
}
.open-nav .open-nav-container .open-nav-row .open-nav-menu .item ul li {
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 10px;
}
.open-nav .open-nav-container .open-nav-row .open-nav-menu .item ul li a {
    text-decoration: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 32px;
    text-transform: uppercase;
    color: #4f4f4d;
}
.open-nav .open-nav-container .open-nav-row .open-nav-menu .item ul.show {
    display: block;
}
.open-nav .open-nav-container .open-nav-row .open-nav-menu .small-header-logo {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 20px 15px 20px 10px;
    background-color: #f6f6f6;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-menu
    .small-header-logo
    .nav-icon
    i {
    font-size: 22px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-menu
    .small-header-logo
    img {
    width: 100px;
}
.open-nav .open-nav-container .open-nav-row .login-adder {
    width: 100%;
    display: none;
}
.open-nav .open-nav-container .open-nav-row .login-adder .box-header {
    width: 100%;
    height: 52px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-header
    .box-header-container {
    width: 340px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-header
    .box-header-container
    span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    text-transform: uppercase;
    /* Color/Head */
    color: #4f4f4d;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-header
    .box-header-container
    .close-login-btn {
    font-size: 16px;
}
.open-nav .open-nav-container .open-nav-row .login-adder .box-content {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container {
    width: 340px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form {
    width: 100%;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .user_name {
    width: 100%;
    height: 45px;
    margin-bottom: 15px;
    border: 1px solid #e4e4e4;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .user_name
    input {
    padding: 0 17px;
    border: none;
    width: 100%;
    height: 100%;
    outline: none;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .user_name
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .user_name
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .user_password {
    width: 100%;
    height: 45px;
    margin-bottom: 15px;
    border: 1px solid #e4e4e4;
    position: relative;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .user_password
    input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 17px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .user_password
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .user_password
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .user_password
    i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .check-remember {
    display: flex;
    align-items: center;
    float: left;
    margin-bottom: 26px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .check-remember
    input {
    width: 17px;
    height: 17px;
    border: 1px solid #bb0202;
    margin-right: 10px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .lost-password {
    float: right;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .lost-password
    a {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    /* identical to box height, or 171% */
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    /* Color/Head */
    color: #4f4f4d;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .sumit_btn {
    width: 100%;
    height: 45px;
    background: #4f4f4d;
    border: none;
    margin-bottom: 24px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    /* identical to box height, or 171% */
    /* Color / White */
    color: #ffffff;
    text-transform: uppercase;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .create-account-btn {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .create-account-btn
    span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .login-adder
    .box-content
    .box-content-container
    form
    .create-account-btn
    a {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav .open-nav-container .open-nav-row .create-account {
    width: 100%;
    height: 300px;
    display: none;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-header {
    width: 100%;
    height: 35px;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-header
    .create-account-header-container {
    width: 340px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-header
    .create-account-header-container
    span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    text-transform: uppercase;
    /* Color/Head */
    color: #4f4f4d;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-header
    .create-account-header-container
    .close-login-btn {
    font-size: 16px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 11px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container {
    width: 340px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form {
    width: 100%;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_fname {
    width: 100%;
    height: 45px;
    margin-bottom: 10px;
    border: 1px solid #e4e4e4;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_fname
    input {
    padding: 0 17px;
    border: none;
    width: 100%;
    height: 100%;
    outline: none;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_fname
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_fname
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_lname {
    width: 100%;
    height: 45px;
    margin-bottom: 10px;
    border: 1px solid #e4e4e4;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_lname
    input {
    padding: 0 17px;
    border: none;
    width: 100%;
    height: 100%;
    outline: none;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_lname
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_lname
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_phone {
    width: 100%;
    height: 45px;
    margin-bottom: 10px;
    border: 1px solid #e4e4e4;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_phone
    input {
    padding: 0 17px;
    border: none;
    width: 100%;
    height: 100%;
    outline: none;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_phone
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_phone
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_email {
    width: 100%;
    height: 45px;
    margin-bottom: 10px;
    border: 1px solid #e4e4e4;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_email
    input {
    padding: 0 17px;
    border: none;
    width: 100%;
    height: 100%;
    outline: none;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_email
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_email
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_password {
    width: 100%;
    height: 45px;
    margin-bottom: 10px;
    border: 1px solid #e4e4e4;
    position: relative;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_password
    input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 17px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_password
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_password
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_password
    i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_repeatPassword {
    width: 100%;
    height: 45px;
    margin-bottom: 20px;
    border: 1px solid #e4e4e4;
    position: relative;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_repeatPassword
    input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 17px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_repeatPassword
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_repeatPassword
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_repeatPassword
    i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user_personal_data_law {
    margin-bottom: 15px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .user-members-terms {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .create-account
    .create-account-content
    .create-account-content-container
    form
    .create_account_btn {
    width: 100%;
    height: 45px;
    background: #4f4f4d;
    border: none;
    margin-top: 20px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    /* identical to box height, or 171% */
    /* Color / White */
    color: #ffffff;
    text-transform: uppercase;
}
.open-nav .open-nav-container .open-nav-row .open-nav-bottom-up {
    width: 100%;
    height: 200px;
    margin-top: 20px;
}

.open-nav-bottom-up .rolexLogo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.open-nav .open-nav-container .open-nav-row .open-nav-bottom {
    width: 100%;
    height: 125px;
    position: fixed;
    bottom: 0;
    left: 0;
}
.open-nav .open-nav-container .open-nav-row .open-nav-bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 0.1px;
    background-color: #e4e4e4;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container {
    width: 100%;
    height: 100%;
    margin: auto 10px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .account {
    width: 100%;
    margin-top: 17px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .account
    i {
    font-size: 16px;
    margin-right: 13px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .account
    a {
    text-decoration: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Head */
    color: #4f4f4d;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .account-tab {
    width: 100%;
    margin-top: 29px;
    margin-bottom: 17px;
    display: flex;
    align-items: center;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .account-tab
    i {
    font-size: 14px;
    margin-right: 13px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .account-tab
    a {
    text-decoration: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Head */
    color: #4f4f4d;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-currency {
    width: 100%;
    display: flex;
    margin-top: 16px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-currency
    span {
    width: 100px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-currency
    select {
    border: none;
    outline: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Head */
    color: #4f4f4d;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-currency
    select
    option {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Head */
    color: #4f4f4d;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-social {
    width: 100%;
    margin-top: 10px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-social
    ul {
    width: 100%;
    list-style-type: none;
    display: flex;
    gap: 20px;
    padding: 0;
    margin: 0;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-social
    ul
    li
    a {
    font-size: 20px;
    color: gray;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-language {
    position: relative;
    cursor: pointer;
    display: flex;
    width: 100%;
    gap: 20px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-language
    .language-selector-dropdown {
    display: flex;
    opacity: 0;
    transform: scaleY(0);
    top: 20px;
    left: 60px;
    position: absolute;
    border: 1px solid rgb(172, 172, 172);
    width: 85px;
    height: auto;
    padding: 10px 15px 10px 10px;
    z-index: 9999;
    flex-direction: column;
    gap: 5px;
    background-color: white;
    transition: 0.2s;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-language
    .language-selector-dropdown
    .lang-box {
    display: flex;
    gap: 7px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-language
    .language-selector-dropdown
    .lang-box
    span {
    line-height: 18px;
    width: 20px;
    background-position: 0;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-language
    .language-selector-dropdown.active {
    display: flex;
    top: 20px;
    opacity: 1;
    transform: scaleY(1);
    transition: 0.2s;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-language
    .language-selector-dropdown:before {
    border-color: rgba(230, 230, 230, 0);
    border-bottom-color: rgb(92, 88, 88);
    border-width: 9px;
    margin-left: -9px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-language
    .language-selector-dropdown:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    margin-left: -8px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-language
    .language-selector-dropdown
    a {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    gap: 8px;
    position: relative;
    color: black;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-language
    .language-selector-dropdown
    a:last-child {
    border-bottom: 0;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-language
    .language-selector-dropdown
    a
    i {
    position: absolute;
    top: 3px;
    right: -10px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-language
    .language-selector-dropdown
    a.flag-location {
    width: 27px;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-language
    span {
    width: auto;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #767676;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-language
    a {
    border: none;
    outline: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4f4f4d;
}
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-language
    .language-selector-dropdown::after,
.open-nav
    .open-nav-container
    .open-nav-row
    .open-nav-bottom
    .open-nav-bottom-container
    .open-nav-language
    .language-selector-dropdown::before {
    bottom: 100%;
    left: 45%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.open-nav .open-nav-container .open-nav-row .mobile-profile-menu {
    display: none !important;
    position: relative;
    right: 0;
    left: 0;
    height: auto;
}
.open-nav .open-nav-container .open-nav-row .mobile-profile-menu .item {
    padding: 0;
}
.open-nav .open-nav-container .open-nav-row .mobile-profile-menu .item a {
    /* color: #000000; */
    /* display: flex; */
    /* align-items: end; */
    /* gap: 10px; */
    /* padding: 15px; */
    text-decoration: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    color: #4f4f4d;
    padding: 0;
}
.open-nav .open-nav-container .open-nav-row .mobile-profile-menu i {
    left: 0;
    top: 0;
    padding: 15px 0 5px 0;
    font-size: 16px;
    color: #4f4f4d;
}
.open-nav .open-nav-container .open-nav-row .show {
    display: block !important;
}

.blur {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.profile-account-wrapper {
    position: relative;
}
.profile-account-wrapper:hover .profile-dropdown {
    opacity: 1;
    visibility: visible;
    transition: 0.3s ease all;
    display: block;
}

.profile-dropdown {
    display: none;
    opacity: 0;
    visibility: hidden;
    font-weight: 400;
    background-color: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.07);
    border: solid 1px #e6e6e6;
    border-radius: 6px;
    position: absolute;
    right: -90px;
    width: 250px;
    height: auto;
    top: 35px;
    background: #fff;
    box-shadow: 0 0 10px -5px black;
    border-radius: 5px;
    z-index: 99;
    transition: 0.3s ease all;
}
.profile-dropdown:before {
    bottom: 100%;
    left: 49%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 9px;
    margin-left: -9px;
}
.profile-dropdown:after {
    bottom: 100%;
    left: 49%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.profile-dropdown .profile-box {
    display: flex;
    flex-direction: column;
    justify-content: baseline;
    align-items: baseline;
    padding: 15px;
    box-sizing: border-box;
}
.profile-dropdown .profile-box .profile-name {
    box-sizing: border-box;
    color: var(--primary-color);
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-align: left;
    cursor: pointer;
    font-weight: bolder;
    font-size: 16px;
    border-radius: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.profile-dropdown .profile-box .profile-item {
    box-sizing: border-box;
    color: #000;
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-align: left;
    cursor: pointer;
    font-size: 14px !important;
    border-radius: 6px;
}
.profile-dropdown .profile-box .profile-item a {
    flex-direction: inherit !important;
    justify-content: start !important;
    gap: 10px;
}
.profile-dropdown .profile-box .profile-item a span {
    text-transform: none !important;
}
.profile-dropdown .profile-box .profile-item:hover {
    color: var(--primary-color);
}
.profile-dropdown .profile-box .profile-item:hover a i {
    color: var(--primary-color);
}

.profile-box .profile-item a i {
    width: 16px;
    margin-right: 5px;
    color: #666;
}

.breadcrumbs {
    padding: 20px 0;
    background: var(--breadcrumb-bg);
}
.breadcrumbs nav ol {
    list-style: none;
    padding: 0;
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.breadcrumbs ol {
    gap: 10px;
    align-items: center;
    margin: 0;
    font-size: 14px;
    list-style: none;
}
.breadcrumbs ol::-webkit-scrollbar {
    display: none;
}
.breadcrumbs .box {
    display: flex;
    align-items: center;
    padding: 0;
    flex-wrap: wrap;
    padding: 5px 10px 5px 0;
    overflow: auto;
    scrollbar-width: none;
}
.breadcrumbs .box h1.title {
    display: block;
    margin: 0 15px 0 0;
    font-weight: 300;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    color: #4f4f4d;
}
.breadcrumbs .box .breadcrumb {
    flex-wrap: nowrap;
}
.breadcrumbs .box .breadcrumb .breadcrumb-item {
    white-space: nowrap;
    flex-shrink: 0;
}
.breadcrumbs .box .breadcrumb .breadcrumb-item:first-child {
    position: relative;
    left: 5px;
    background: #fff;
}
.breadcrumbs .box .breadcrumb .breadcrumb-item:nth-child(2) {
    padding-left: 0;
}
.breadcrumbs .box::-webkit-scrollbar {
    display: none;
}
.breadcrumbs .breadcrumb {
    margin: 0;
    font-size: 14px;
}
.breadcrumbs .breadcrumb-item a {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    color: #4f4f4d;
}
.breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: #4f4f4d;
}
.breadcrumbs .center ul {
    gap: 0;
}

.breadcrumb-item h1,
.breadcrumb-item h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    display: contents;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    color: #4f4f4d;
}

@media (max-width: 960px) {
    readcrumbs {
        padding: 10px 0;
    }
    readcrumbs .box .breadcrumb .breadcrumb-item:nth-child(2) {
        padding-left: 0px;
    }
}
#snackbar {
    display: none;
}

.center {
    max-width: 1500px;
    margin: auto;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
}

.btn {
    box-shadow: none;
    border-radius: 0;
    outline: unset;
    background: var(--primary-color);
    color: #fff;
    transition: ease 0.3s all;
    -webkit-transition: ease 0.3s all;
    -moz-transition: ease 0.3s all;
}

.col-3.gap-20 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
}

.col-4.gap-20 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
}

.col-2.gap-20 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
}

.col-5.gap-10 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}
@media (max-width: 1200px) {
    .col-5.gap-10 {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 960px) {
    .col-5.gap-10 {
        grid-template-columns: repeat(2, 1fr);
    }
    .homeBanner .banners {
        flex-direction: column;
    }
}

.form-select:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

option:hover {
    color: rgb(255, 255, 255);
    box-shadow: none;
    background-color: var(--primary-color) !important;
}
option:active {
    color: rgb(255, 255, 255);
    box-shadow: none;
    background-color: var(--primary-color) !important;
}
option:focus {
    color: rgb(255, 255, 255);
    box-shadow: none;
    background-color: var(--primary-color) !important;
}

.swal2-close:focus {
    outline: 0;
    box-shadow: none !important;
}

.btn-check:focus + .btn,
.btn:focus {
    outline: 0;
    box-shadow: none !important;
}

select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 10px 20px;
    background: #000;
    color: #fff;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

a:hover {
    color: #8d7f30;
}

.container-store {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.container-store .card {
    flex: 1;
    transition: all 1s ease-in-out;
    height: 50vmin;
    position: relative;
}
.container-store .card .card__head {
    color: black;
    background: rgba(255, 255, 255, 0.4509803922);
    padding: 0.5em;
    transform: rotate(-90deg);
    transform-origin: 0% 0%;
    transition: all 0.5s ease-in-out;
    min-width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1em;
    white-space: nowrap;
}
@media (max-width: 960px) {
    .container-store .card .card__head {
        font-size: 0.8em;
        padding: 0.3em;
    }
}
.container-store .card:hover {
    flex-grow: 10;
}
.container-store .card:hover img {
    filter: grayscale(0);
}
.container-store .card:hover .card__head {
    text-align: center;
    top: calc(100% - 2em);
    color: white;
    background: rgba(0, 0, 0, 0.5);
    font-size: 2em;
    transform: rotate(0deg) skew(-5deg);
}
@media (max-width: 960px) {
    .container-store .card:hover .card__head {
        font-size: 1em;
    }
}
.container-store .card img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 1s ease-in-out;
    filter: grayscale(100%);
}
.container-store .card:not(:nth-child(5)) {
    margin-right: 1em;
}

.profile-orders-content .orders-image-wrapper .orders-image img {
    width: 60px;
    height: 60px;
}

.bank-account-list-desktop table thead tr .bank-account-img {
    max-width: 130px;
    height: 30px;
}
.bank-account-list-desktop table thead tr .bank-account-img img {
    width: 100px;
}

#map-canvas {
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding-bottom: 100%;
    /*padding-top: 30px;*/
    position: relative;
}

#map_container {
    height: 100%;
    width: 600px;
    position: relative;
}

a {
    color: black;
    text-decoration: none;
}

.fa-star:before {
    content: "\F005";
}

.loader {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
    top: calc(43% - 50px);
    margin: auto;
    width: 100px;
}

.loader img {
    width: 50px;
}

.loading-gif {
    margin: 20px auto;
    width: 100%;
    text-align: center;
    min-height: 200px;
}

.loading-gif img {
    width: 100px;
}

.swal2-footer {
    gap: 10px;
}

input[type="checkbox"] {
    accent-color: var(--primary-color);
    border-color: var(--primary-color);
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #ced4da;
    outline: 0;
    box-shadow: none;
}

#whatsapp {
    display: none;
}

@media (max-width: 960px) {
    .col-3.gap-20 {
        grid-template-columns: repeat(1, 1fr);
    }
    .col-4.gap-20 {
        grid-template-columns: repeat(1, 1fr);
    }
    .col-2.gap-20 {
        grid-template-columns: repeat(1, 1fr);
    }
}
.header-slider {
    width: 100%;
    height: 800px;
    position: relative;
}
.header-slider .swiper {
    width: 100%;
    height: 768px;
    position: relative;
}
.header-slider .swiper .swiper-wrapper {
    width: 100%;
    height: 100%;
}
.header-slider .swiper .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
}
.header-slider .swiper .swiper-wrapper .swiper-slide .slide-img {
    width: 100%;
    height: 100%;
    position: relative;
}
.header-slider .swiper .swiper-wrapper .swiper-slide .slide-img .overlay {
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
}
.header-slider .swiper .swiper-wrapper .swiper-slide .slide-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.header-slider .swiper .swiper-wrapper .swiper-slide .slide-content {
    width: 50%;
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: start;
    justify-content: center;
    padding: 0 50px 0 280px;
    text-align: center;
    flex-direction: column;
}
.header-slider .swiper .swiper-wrapper .swiper-slide .slide-content span {
    font-family: var(--font-1);
    font-size: 3.5rem;
    font-weight: bold;
    line-height: 4.2rem;
    display: block;
    color: black;
    margin-bottom: 20px;
    text-align: left;
}
.header-slider .swiper .swiper-wrapper .swiper-slide .slide-content p {
    font-size: 2.4rem;
    font-weight: bold;
    color: black;
    margin: 0;
}
.header-slider .swiper .swiper-wrapper .swiper-slide .slide-content button {
    text-transform: none;
    font-size: 1rem;
    line-height: 2rem;
    font-family: var(--font-1);
    font-weight: bold;
    padding: 9px 30px;
    background-color: #127749;
    border: 0;
    border-radius: 40px;
    color: white;
}
.header-slider .swiper .swiper-wrapper .swiper-slide .slide-content-right {
    left: 50%;
}
.header-slider .swiper .swiper-wrapper .swiper-slide .slide-content-right p {
    text-align: left;
}
.header-slider .swiper .swiper-wrapper .swiper-slide .slide-content-left {
    left: 0%;
}
.header-slider .swiper .swiper-wrapper .swiper-slide .slide-content-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.header-slider .swiper .swiper-button-prev {
    left: 25px;
    transform: translateX(50px);
    opacity: 0;
    visibility: hidden;
    color: #ffffff;
}
.header-slider .swiper .swiper-button-prev:before {
    font-family: "Font Awesome 5 Pro";
    content: "\F060";
    font-size: 15px;
    color: #ffffff;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    opacity: 0;
    visibility: hidden;
}
.header-slider .swiper .swiper-button-prev:after {
    content: "";
}
.header-slider .swiper .swiper-button-next {
    right: 25px;
    transform: translateX(-50px);
    opacity: 0;
    visibility: hidden;
    color: #ffffff;
}
.header-slider .swiper .swiper-button-next:before {
    font-family: "Font Awesome 5 Pro";
    content: "\F061";
    font-size: 15px;
    color: #ffffff;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    opacity: 0;
    visibility: hidden;
}
.header-slider .swiper .swiper-button-next:after {
    content: "";
}
.header-slider .swiper .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    text-align: left;
    line-height: 12px;
    font-size: 12px;
    color: #000;
    opacity: 0.3;
    background: #fff;
    transition: all 0.2s ease;
}
.header-slider .swiper .swiper-pagination-bullet-active {
    background: black !important;
    opacity: 1;
}
.header-slider:hover .swiper-button-prev,
.header-slider:hover .swiper-button-next {
    background: transparent;
    width: 55px;
    height: 55px;
    line-height: 53px;
    margin-top: -30px;
    text-align: center;
    border: 2px solid #ffffff;
    border-radius: 55px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.header-slider:hover .swiper-button-prev,
.header-slider:hover .swiper-button-next {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.header-slider:hover .swiper-button-next:before {
    opacity: 1;
    visibility: visible;
}
.header-slider:hover .swiper-button-prev:before {
    opacity: 1;
    visibility: visible;
}

.popular {
    width: 100%;
}
.popular .popular-container {
    width: 1410px;
    margin: auto;
}
.popular .popular-container .popular-head {
    width: 100%;
    margin-bottom: 13px;
}
.popular .popular-container .popular-head .popular-head-title {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 15px;
}
.popular .popular-container .popular-head .popular-head-title span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    /* identical to box height */
    text-align: center;
    /* Color/Head */
    color: #4f4f4d;
}
.popular .popular-container .popular-head .popular-head-title span::after {
    content: "";
    width: 75%;
    height: 0;
    border-bottom: 2px solid var(--primary-color);
    display: block;
    margin: auto;
    transition: 0.3s ease all;
}
.popular .popular-container .popular-head .popular-head-description {
    width: 100%;
    display: flex;
    justify-content: center;
}
.popular .popular-container .popular-head .popular-head-description span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    text-align: center;
    color: #808080;
}
.popular .popular-container .popular-slider {
    width: 100%;
}
.popular .popular-container .popular-slider .popularSlider {
    width: 100%;
    height: 520px;
}
.popular .popular-container .popular-slider .popularSlider .swiper {
    width: 100%;
    height: 100%;
}
.popular
    .popular-container
    .popular-slider
    .popularSlider
    .swiper
    .swiper-slide {
    width: 100%;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popular .popular-container:hover .popular-head-title span::after {
    width: 50%;
    transition: 0.3s ease all;
}

.new-product {
    width: 100%;
    margin-top: 65px;
}
.new-product .new-product-container {
    width: 1410px;
    margin: auto;
}
.new-product .new-product-container .new-product-head {
    width: 100%;
    margin-bottom: 13px;
}
.new-product .new-product-container .new-product-head .new-product-head-title {
    width: 100%;
    display: flex;
    justify-content: center;
}
.new-product
    .new-product-container
    .new-product-head
    .new-product-head-title
    span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    /* identical to box height */
    text-align: center;
    /* Color/Head */
    color: #4f4f4d;
}
.new-product
    .new-product-container
    .new-product-head
    .new-product-head-description {
    width: 100%;
    display: flex;
    justify-content: center;
}
.new-product
    .new-product-container
    .new-product-head
    .new-product-head-description
    span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    text-align: center;
    color: #808080;
}
.new-product .new-product-container .new-product-slider {
    width: 100%;
}
.new-product .new-product-container .new-product-slider .newProductSlider {
    width: 100%;
    height: 520px;
}
.new-product
    .new-product-container
    .new-product-slider
    .newProductSlider
    .swiper {
    width: 100%;
    height: 100%;
}
.new-product
    .new-product-container
    .new-product-slider
    .newProductSlider
    .swiper
    .swiper-slide {
    width: 100%;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about {
    width: 100%;
    margin-top: 65px;
}
.about .about-container {
    width: 1410px;
    margin: auto;
    height: 600px;
    display: flex;
    justify-content: space-between;
}
.about .about-container .about-left {
    width: 810px;
    height: 100%;
}
.about .about-container .about-left img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.about .about-container .about-right {
    width: 500px;
    height: 100%;
}
.about .about-container .about-right .about-inner {
    width: 100%;
    height: 100%;
}
.about .about-container .about-right .about-inner .about-logo {
    width: 100%;
    height: 91px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
}
.about .about-container .about-right .about-inner .about-logo img {
    width: 100%;
    height: 100%;
}
.about .about-container .about-right .about-inner .about-title {
    width: 100%;
    margin-bottom: 33px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about
    .about-container
    .about-right
    .about-inner
    .about-title
    span:first-child {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    text-transform: uppercase;
    /* Color/Head */
    color: #4f4f4d;
}
.about
    .about-container
    .about-right
    .about-inner
    .about-title
    span:nth-child(2) {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    /* identical to box height */
    text-transform: uppercase;
    /* Color / Red */
    color: #d6001c;
}
.about .about-container .about-right .about-inner .about-description {
    width: 100%;
}
.about .about-container .about-right .about-inner .about-description span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* or 171% */
    /* Color / Second */
    color: #767676;
}
.about .about-container .about-right .about-inner .about-more-btn {
    width: 100%;
    margin-top: 23px;
}
.about .about-container .about-right .about-inner .about-more-btn a {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    /* or 185% */
    /* Color/Head */
    color: #4f4f4d;
}

.service {
    width: 100%;
    margin-top: 65px;
}
.service .service-container {
    width: 1410px;
    margin: auto;
    height: 600px;
    display: flex;
    justify-content: space-between;
}
.service .service-container .service-left {
    width: 56.738%;
    height: 100%;
}
.service .service-container .service-left img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.service .service-container .service-right {
    width: 500px;
    height: 100%;
}
.service .service-container .service-right .service-inner {
    width: 100%;
    height: 100%;
}
.service .service-container .service-right .service-inner .service-logo {
    width: 100%;
    height: 91px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
}
.service .service-container .service-right .service-inner .service-logo img {
    width: 100%;
    height: 100%;
}
.service .service-container .service-right .service-inner .service-title {
    width: 100%;
    margin-bottom: 33px;
    display: flex;
    flex-direction: column;
}
.service
    .service-container
    .service-right
    .service-inner
    .service-title
    span:first-child {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    text-transform: uppercase;
    /* Color/Head */
    color: #4f4f4d;
}
.service
    .service-container
    .service-right
    .service-inner
    .service-title
    span:nth-child(2) {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    /* identical to box height */
    text-transform: uppercase;
    /* Color / Red */
    color: #d6001c;
}
.service .service-container .service-right .service-inner .service-description {
    width: 100%;
}
.service
    .service-container
    .service-right
    .service-inner
    .service-description
    span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* or 171% */
    /* Color / Second */
    color: #767676;
}
.service .service-container .service-right .service-inner .service-more-btn {
    width: 100%;
    margin-top: 23px;
}
.service .service-container .service-right .service-inner .service-more-btn a {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    /* or 185% */
    /* Color/Head */
    color: #4f4f4d;
}

.rolex-service {
    width: 100%;
    margin-top: 90px;
}
.rolex-service .rolex-service-description {
    display: none;
}
.rolex-service .rolex-service-container {
    width: 100%;
    height: 900px;
    background-image: url(../../images/homePage/rolex-service/reseption3.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}
.rolex-service .rolex-service-container .group {
    width: 90%;
    height: 350px;
    position: absolute;
    top: 50px;
    left: 5%;
    display: flex;
    justify-content: space-between;
}
.rolex-service .rolex-service-container .group .group-col {
    width: 30%;
    height: 100%;
}
.rolex-service .rolex-service-container .group .group-col img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.rolex-service .rolex-service-container .inner {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 9;
}
.rolex-service .rolex-service-container .inner span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 80px;
    /* or 160% */
    text-align: center;
    text-transform: capitalize;
    /* Color / White */
    color: #ffffff;
}
.rolex-service .rolex-service-container .inner a {
    margin-top: 43px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 208px;
    height: 50px;
    background-color: #ffffff;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    /* identical to box height */
    /* Color/Head */
    color: #4f4f4d;
}
.rolex-service .rolex-service-container .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(89, 89, 89, 0.5);
}

.trend-product {
    width: 100%;
    margin-top: 65px;
}
.trend-product .trend-product-container {
    width: 1410px;
    margin: auto;
}
.trend-product .trend-product-container .trend-product-head {
    width: 100%;
    margin-bottom: 13px;
}
.trend-product
    .trend-product-container
    .trend-product-head
    .trend-product-head-title {
    width: 100%;
    display: flex;
    justify-content: center;
}
.trend-product
    .trend-product-container
    .trend-product-head
    .trend-product-head-title
    span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    /* identical to box height */
    text-align: center;
    /* Color/Head */
    color: #4f4f4d;
}
.trend-product
    .trend-product-container
    .trend-product-head
    .trend-product-head-description {
    width: 100%;
    display: flex;
    justify-content: center;
}
.trend-product
    .trend-product-container
    .trend-product-head
    .trend-product-head-description
    span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    text-align: center;
    color: #808080;
}
.trend-product .trend-product-container .trend-product-slider {
    width: 100%;
}
.trend-product
    .trend-product-container
    .trend-product-slider
    .trendProductSlider {
    width: 100%;
    height: 520px;
}
.trend-product
    .trend-product-container
    .trend-product-slider
    .trendProductSlider
    .swiper {
    width: 100%;
    height: 100%;
}
.trend-product
    .trend-product-container
    .trend-product-slider
    .trendProductSlider
    .swiper
    .swiper-slide {
    width: 100%;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog {
    width: 100%;
    margin-top: 65px;
}
.blog .blog-container {
    width: 1410px;
    margin: auto;
}
.blog .blog-container .blog-head {
    width: 100%;
    margin-bottom: 13px;
}
.blog .blog-container .blog-head .blog-head-title {
    width: 100%;
    display: flex;
    justify-content: center;
}
.blog .blog-container .blog-head .blog-head-title span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    /* identical to box height */
    text-align: center;
    /* Color/Head */
    color: #4f4f4d;
}
.blog .blog-container .blog-head .blog-head-title span::after {
    content: "";
    width: 75%;
    height: 0;
    border-bottom: 2px solid var(--primary-color);
    display: block;
    margin: auto;
    transition: 0.3s ease all;
}
.blog .blog-container .blog-head .blog-head-description {
    width: 100%;
    display: flex;
    justify-content: center;
}
.blog .blog-container .blog-head .blog-head-description span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    text-align: center;
    color: #808080;
}
.blog .blog-container .blog-slider {
    width: 100%;
}
.blog .blog-container .blog-slider .blogSlider {
    width: 100%;
    height: 500px;
}
.blog .blog-container .blog-slider .blogSlider .swiper {
    width: 100%;
    height: 100%;
}
.blog .blog-container .blog-slider .blogSlider .swiper .swiper-slide {
    width: 100%;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blog:hover .blog-container .blog-head .blog-head-title span::after {
    width: 50%;
    transition: 0.3s ease all;
}

.blog-item {
    width: 330px;
    height: 500px;
    transition: 0.4s ease;
}
.blog-item .item-img {
    width: 100%;
    height: 300px;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
}
.blog-item .item-img .img-container {
    width: 100%;
    height: 240px;
    transition: 0.4s ease;
}
.blog-item .item-img .img-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.blog-item .item-info {
    width: 100%;
    margin-top: 13px;
}
.blog-item .item-info .info-head {
    width: 100%;
    display: flex;
}
.blog-item .item-info .info-head .blog-author {
    margin-right: 23px;
}
.blog-item .item-info .info-head .blog-author span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: lowercase;
    color: #5a5a5a;
}
.blog-item .item-info .info-head .blog-date span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: lowercase;
    color: #5a5a5a;
}
.blog-item .item-info .blog-title {
    width: 100%;
    margin-top: 12px;
}
.blog-item .item-info .blog-title span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 26px;
    /* or 173% */
    text-transform: uppercase;
    /* Color/Head */
    color: #4f4f4d;
}
.blog-item .item-info .blog-content {
    width: 100%;
    margin-top: 8px;
}
.blog-item .item-info .blog-content span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* or 171% */
    /* Color / Second */
    color: #767676;
}
.blog-item .item-btn {
    width: 100%;
    margin-top: 14px;
}
.blog-item .item-btn a {
    text-decoration: none;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    /* or 185% */
    /* Color/Head */
    color: #4f4f4d;
    position: relative;
}
.blog-item .item-btn a::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 63.29px;
    height: 2.02px;
    background-color: #4f4f4d;
}
.blog-item:hover .img-container {
    width: 100%;
    height: 300px;
    transition: 0.4s ease-in-out;
}
.blog-item:hover .item-btn {
    cursor: pointer;
}

@media (max-width: 960px) {
    .container {
        padding: 0px 10px !important;
    }
}
.wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.first-news-wrapper {
    margin-bottom: 64px;
}
@media (max-width: 960px) {
    .first-news-wrapper {
        margin-bottom: 20px !important;
    }
}

.first-news-container {
    width: 1428px;
    padding: 0 15px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
@media (max-width: 960px) {
    .first-news-container {
        padding: 0 !important;
    }
}

.first-news {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}

.first-news-image-wrapper {
    width: 60%;
    height: -moz-max-content;
    height: max-content;
    padding-right: 15px;
    overflow: hidden;
}
@media (max-width: 960px) {
    .first-news-image-wrapper {
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .first-news-image-wrapper {
        height: auto;
    }
}

.first-news-image-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    display: block;
}

.first-news-content-wrapper {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 3%;
}
@media (max-width: 960px) {
    .first-news-content-wrapper {
        width: 100%;
        padding-left: 0;
        margin-top: 15px;
    }
}

.first-news-title {
    width: 100%;
    display: block;
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #222;
}
@media (max-width: 960px) {
    .first-news-title {
        font-size: 20px;
        line-height: 30px;
    }
}

.first-news-desc {
    display: block;
    line-height: 24px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    color: #524f4f;
}

.first-news-buttons {
    width: 100%;
    display: block;
    margin-top: 16px;
}

.first-news-button {
    padding: 9px 14px;
    display: inline-block;
    font-size: 14px;
    color: var(--primary-color);
    border: 1px solid #ccc;
    transition: border-color 0.3s ease;
}

.all-news-container {
    padding: 0 !important;
}

.all-news {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
}

.all-news-item-wrapper {
    width: 25%;
    padding: 0 15px;
    display: flex;
    position: relative;
    margin-bottom: 64px;
}
@media (max-width: 768px) {
    .all-news-item-wrapper {
        padding: 0 5px !important;
    }
}
@media (max-width: 1024px) {
    .all-news-item-wrapper {
        margin-bottom: 30px;
        width: 50%;
    }
}

.all-news-item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.all-news-item-image {
    width: 100%;
    height: 300px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 16px;
}
@media (max-width: 960px) {
    .all-news-item-image {
        height: 300px;
    }
}
@media (max-width: 768px) {
    .all-news-item-image {
        height: 240px;
    }
}
@media (max-width: 480px) {
    .all-news-item-image {
        height: 180px;
    }
}

.all-news-item-picture {
    width: 100%;
    height: 100%;
    display: block;
}

.all-news-item-picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: all 500ms ease 0s;
    filter: grayscale(100%);
}

.all-news-item-content {
    width: 100%;
}

.all-news-item-title {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: black;
}
@media (max-width: 600px) {
    .all-news-item-title {
        font-size: 14px;
        line-height: 24px;
    }
}

.all-news-item-desc {
    display: block;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #524f4f;
}

.all-news-item-links {
    width: 100%;
    display: block;
    margin-top: 0;
}

.all-news-item-link {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    letter-spacing: 0.4px;
    color: var(--primary-color);
    position: relative;
    font-weight: 600;
}
@media (max-width: 600px) {
    .all-news-item-link {
        font-size: 12px;
    }
}

.all-news-item:hover .all-news-item-link::after {
    opacity: 1;
    transform: translateX(8px);
}
.all-news-item:hover .all-news-item-picture img {
    filter: grayscale(0);
}

.social-networks {
    display: block;
    text-align: center;
}
.social-networks .gr-12 {
    width: 100%;
}

.heading--fancy,
.singlepost__timestamp {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem;
    color: #ac9751;
    overflow: hidden;
}

.heading--fancy > span,
.singlepost__timestamp > span {
    position: relative;
    display: inline-block;
}

.heading--fancy > span:before,
.singlepost__timestamp > span:before {
    right: 100%;
}

.heading--fancy > span:after,
.singlepost__timestamp > span:after {
    left: 100%;
}

.heading--fancy > span:before,
.singlepost__timestamp > span:before,
.heading--fancy > span:after,
.singlepost__timestamp > span:after {
    content: "";
    position: absolute;
    top: 50%;
    border-bottom: 1px solid #ac9751;
    width: 70px;
    margin: 1px 25px 0 25px;
}

.social-networks-list {
    display: -moz-flex;
    display: flex;
    -moz-flex-direction: row;
    flex-direction: row;
    -moz-justify-content: center;
    justify-content: center;
    margin: 0 0 60px 0;
    padding: 0;
    list-style: none;
}

@media screen and (min-width: 980px) {
    .blog-social-icon-box {
        margin: 0 10px 0 0;
    }
}
a:link,
a:active,
a:visited,
a:hover {
    text-decoration: none;
    outline: 0;
}

.blog-social-icon-box {
    width: 60px;
    height: 60px;
}
.blog-social-icon-box a {
    display: -moz-flex;
    display: flex;
    -moz-justify-content: center;
    justify-content: center;
    -moz-align-items: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #efefef;
    color: var(--primary-color);
    font-size: 16px;
    font-size: 1.6rem;
    box-sizing: border-box;
    transition: 0.3s ease-out;
}
.blog-social-icon-box:hover a {
    border-color: var(--primary-color);
}

.partner {
    width: 100%;
    margin-top: 65px;
    margin-bottom: 68px;
}
.partner .partner-container {
    width: 1410px;
    margin: auto;
}
.partner .partner-container .partnerSlider {
    width: 100%;
    height: 80px;
}
.partner .partner-container .partnerSlider .swiper-wrapper {
    width: 100%;
    height: 100%;
}
.partner .partner-container .partnerSlider .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
}
.partner .partner-container .partnerSlider .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    filter: brightness(0.0);
}

.store {
    width: 100%;
    margin-top: 65px;
}
.store .store-container {
    width: 1340px;
    margin: auto;
}
@media (max-width: 1366px) {
    .store .store-container {
        width: 90%;
        margin: auto;
    }
}
@media (max-width: 960px) {
    .store .store-container {
        width: 100%;
        margin: auto;
        padding: 0 10px;
    }
}
.store .store-container .store-head {
    width: 100%;
    margin-bottom: 13px;
}
.store .store-container .store-head .store-head-title {
    width: 100%;
    display: flex;
    justify-content: center;
}
.store .store-container .store-head .store-head-title span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    /* identical to box height */
    text-align: center;
    /* Color/Head */
    color: #4f4f4d;
}
@media (max-width: 960px) {
    .store .store-container .store-head .store-head-title span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
}
.store .store-container .store-head .store-head-title span::after {
    content: "";
    width: 75%;
    height: 0;
    border-bottom: 2px solid var(--primary-color);
    display: block;
    margin: auto;
    transition: 0.3s ease all;
}
.store .store-container .store-head .store-head-description {
    width: 100%;
    display: flex;
    justify-content: center;
}
.store .store-container .store-head .store-head-description span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    text-align: center;
    color: #808080;
}
.store .store-container .store-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 30px;
    gap: 30px;
}
@media (max-width: 960px) {
    .store .store-container .store-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}
.store .store-container .store-wrapper:hover .store-wrapper-box:hover {
    box-shadow: 0 0 15px -2px #a8a8a8;
    transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
}
.store .store-container .store-wrapper .store-wrapper-box {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    background: #ffffff;
    padding: 0;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 0 5px -2px #a8a8a8;
    transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
}
@media (max-width: 960px) {
    .store .store-container .store-wrapper .store-wrapper-box {
        width: 450px;
        place-self: center;
    }
}
@media (max-width: 600px) {
    .store .store-container .store-wrapper .store-wrapper-box {
        width: 340px;
        place-self: center;
    }
}
.store .store-container .store-wrapper .store-wrapper-box:nth-child(n + 4) {
    display: none;
}
.store .store-container .store-wrapper .store-wrapper-box .store-img {
    flex: unset;
    width: 450px;
    overflow: hidden;
    position: relative;
    height: 450px;
}
@media (max-width: 960px) {
    .store .store-container .store-wrapper .store-wrapper-box .store-img {
        height: 300px;
        width: 100%;
    }
}
.store .store-container .store-wrapper .store-wrapper-box .store-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    transition: 1s ease all;
    -webkit-transition: 1s ease all;
    -moz-transition: 1s ease all;
}
.store .store-container .store-wrapper .store-wrapper-box .store-content {
    flex: 8;
    font-size: 13px;
    font-weight: 300;
}
.store .store-container .store-wrapper .store-wrapper-box .store-content h2 {
    text-align: center;
    margin: 20px 0;
}
.store
    .store-container
    .store-wrapper
    .store-wrapper-box
    .store-content
    .store-detail-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 35px auto;
}
@media (max-width: 960px) {
    .store
        .store-container
        .store-wrapper
        .store-wrapper-box
        .store-content
        .store-detail-content {
        margin: 20px auto;
    }
}
.store
    .store-container
    .store-wrapper
    .store-wrapper-box
    .store-content
    .store-detail-content
    .store-detail-item {
    border: none;
    width: 70px;
    height: 70px;
    justify-content: center;
}
@media (max-width: 960px) {
    .store
        .store-container
        .store-wrapper
        .store-wrapper-box
        .store-content
        .store-detail-content
        .store-detail-item {
        width: 35px;
        height: 35px;
    }
}
.store
    .store-container
    .store-wrapper
    .store-wrapper-box
    .store-content
    .store-detail-content
    .store-detail-item
    a {
    align-items: center;
    display: flex;
    border: none;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    justify-content: center;
    border: 1px solid #efefef;
}
@media (max-width: 960px) {
    .store
        .store-container
        .store-wrapper
        .store-wrapper-box
        .store-content
        .store-detail-content
        .store-detail-item
        a {
        width: 35px;
        height: 35px;
    }
}
.store
    .store-container
    .store-wrapper
    .store-wrapper-box
    .store-content
    .store-detail-content
    .store-detail-item
    a
    i {
    color: var(--primary-color);
    font-size: 24px;
    text-align: center;
    margin: 0 auto;
}
@media (max-width: 960px) {
    .store
        .store-container
        .store-wrapper
        .store-wrapper-box
        .store-content
        .store-detail-content
        .store-detail-item
        a
        i {
        font-size: 18px;
    }
}
.store
    .store-container
    .store-wrapper
    .store-wrapper-box
    .store-content
    .store-detail-content
    .store-detail-item:hover
    a {
    border-color: var(--primary-color);
}
.store
    .store-container
    .store-wrapper
    .store-wrapper-box
    .store-content
    .store-detail-content
    .store-detail-item:hover
    a
    i {
    color: var(--primary-color);
}
.store .store-container .store-wrapper .store-wrapper-box:hover .store-img img {
    transform: scale(1.1);
    transition: 2s ease all;
    -webkit-transition: 2s ease all;
    -moz-transition: 2s ease all;
}

.homeBanner {
    margin: 15px 0;
}
.homeBanner .banners {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.homeBanner .banner {
    overflow: hidden;
    flex: 4;
    max-width: 1600px;
    min-width: calc(25% - 10px);
    margin: auto;
    position: relative;
}
.homeBanner .banner img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    min-height: 50px;
    transition: 0.3s ease all;
    height: auto;
}
.homeBanner .banner:hover img {
    transform: scale(1.01);
    transition: 0.3s ease all;
}

.banner-title-box {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 25px 25px 25px;
    pointer-events: none;
    color: #ffffff;
    transition: transform 0.5s ease;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.025em;
    z-index: 3;
    line-height: 1.6;
}
.banner-title-box:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid;
    border-bottom-color: #ffffff;
    border-bottom-color: var(--colorHeroText);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform 0.5s ease;
}
@media (max-width: 960px) {
    .banner-title-box {
        font-size: 14px;
        margin: 0 5px 10px 10px;
    }
}

section.homeBanner .banner:hover .banner-title-box {
    transform: translateY(-10px);
}
section.homeBanner .banner:hover .banner-title-box:after {
    transform: scaleX(1);
}
section.homeBanner .banner a.banner-img::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: auto;
    background: #ffffff;
    opacity: 0;
    transition: opacity 0.5s ease;
}
section.homeBanner .banner a.banner-img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: opacity 0.5s ease;
    opacity: 1;
    transition-duration: 1.5s;
    background-image: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 30%,
        rgba(0, 0, 0, 0.25) 100%
    );
}
section.homeBanner .banner:nth-child(n + 4) {
    display: none;
}
section.homeBanner .banners .banner .text {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translate(0, -50%);
    max-width: 50%;
}
section.homeBanner .banners .banner .text span.s {
    display: block;
    width: -moz-max-content;
    width: max-content;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid;
    color: #efe3d5;
    font-weight: 600;
    font-size: 15px;
    padding: 3px 15px;
}
section.homeBanner .banners .banner.text b.b {
    display: block;
    color: #efe3d5;
    font-size: 2vw;
    font-weight: 600;
    text-shadow: 3px 3px 3px #b18451;
    line-height: 2.5vw;
    height: 5vw;
}

.banner-container {
    max-width: 1410px;
    margin: auto;
}
@media (max-width: 960px) {
    .banner-container {
        width: 100%;
    }
}

section.cookies {
    min-width: 100%;
    display: flex;
    height: 250px;
    border-top: 2px solid var(--primary-color);
    justify-content: space-between;
    width: 100%;
    border-radius: 0;
    background-color: rgb(255, 255, 255);
    z-index: 100;
    position: fixed;
    left: 0;
    bottom: 0;
    color: #000;
    font-size: 12px;
    line-height: 15px;
    padding: 20px;
    font-weight: 400;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
    /* box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; */
    /* box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */
    font-family: "Poppins", sans-serif;
}
@media (max-width: 960px) {
    section.cookies {
        padding: 20px 10px;
        left: 0;
        bottom: 0;
        border-radius: 0;
    }
}
section.cookies b {
    color: #000000 !important;
    text-decoration: none;
    cursor: pointer;
}
section.cookies .center {
    max-width: 70%;
}
section.cookies .center .title {
    font-size: 1.2rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
section.cookies .center .switches {
    margin: 20px 0 0 -1.8rem;
    display: flex;
}
section.cookies .center .switches .form-switch .form-check-input {
    width: 2.9em;
}
section.cookies .center .switches .form-check-label {
    font-size: 13.5px;
}
section.cookies .center .switches .form-check input[type="checkbox"] {
    border-radius: 2em;
    height: 1.6em;
}
section.cookies .center .switches .form-check input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
section.cookies .center .switches .form-check input:focus {
    border-color: var(--primary-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
section.cookies .center span {
    font-size: 13px;
    line-height: normal;
}
section.cookies .center .more-options {
    color: #127749;
    margin-top: 15px;
    font-size: 13px;
    cursor: pointer;
    width: -moz-max-content;
    width: max-content;
}
section.cookies .agree-wrapper {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
@media (max-width: 960px) {
    section.cookies .agree-wrapper {
        flex-direction: column;
        gap: 5px;
        margin-top: 20px;
    }
}
section.cookies .agree-wrapper .agree {
    padding: 0;
    text-align: center;
    height: 50px;
}
@media (max-width: 960px) {
    section.cookies .agree-wrapper .agree {
        height: 40px;
    }
}
section.cookies .agree-wrapper .agree span {
    white-space: nowrap;
    width: 270px;
    /* padding: 5px 10px; */
    font-size: 14px;
    border: 1px solid var(--primary-color);
    padding: 15px 40px;
    border-radius: 7px;
    cursor: pointer;
    position: relative;
    display: -moz-inline-flex;
    display: inline-flex;
    -moz-flex-direction: row;
    flex-direction: row;
    -moz-justify-content: center;
    justify-content: center;
    -moz-align-items: center;
    align-items: center;
    color: #000;
    text-decoration: none !important;
    font-family: "Galano Grotesque", sans-serif;
    font-weight: 300;
    box-sizing: border-box;
    transition: 0.4s ease-out;
}
@media (max-width: 960px) {
    section.cookies .agree-wrapper .agree span {
        padding: 10px 30px;
        width: 150px;
    }
}
section.cookies .agree-wrapper .agree:hover span {
    background-position: 100% 0;
    border: 0;
    background-color: var(--primary-color);
    color: #fff;
}
section.cookies .agree-wrapper .no-agree {
    text-align: center;
    height: 50px;
}
@media (max-width: 960px) {
    section.cookies .agree-wrapper .no-agree {
        height: 40px;
    }
}
section.cookies .agree-wrapper .no-agree span {
    white-space: nowrap;
    width: 270px;
    /* padding: 5px 10px; */
    font-size: 14px;
    border: 1px solid var(--primary-color);
    color: #000000;
    padding: 15px 40px;
    border-radius: 7px;
    cursor: pointer;
    position: relative;
    display: -moz-inline-flex;
    display: inline-flex;
    -moz-flex-direction: row;
    flex-direction: row;
    -moz-justify-content: center;
    justify-content: center;
    -moz-align-items: center;
    align-items: center;
    text-decoration: none !important;
    font-family: "Galano Grotesque", sans-serif;
    font-weight: 300;
    box-sizing: border-box;
    transition: 0.4s ease-out;
}
@media (max-width: 960px) {
    section.cookies .agree-wrapper .no-agree span {
        padding: 10px 30px;
        width: 150px;
    }
}
section.cookies .agree-wrapper .no-agree:hover span {
    background-position: 100% 0;
    border: 0;
    background-color: var(--primary-color);
    color: #fff;
}

section.more-options-modal {
    display: none;
    position: fixed;
    top: 200px;
    z-index: 99999;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
section.more-options-modal .content {
    display: flex;
    flex-direction: column;
    position: fixed;
    padding: 10px 0;
    top: 200px;
    z-index: 99999;
    background: white;
    max-width: 1000px;
    max-height: 750px;
    width: 80%;
    height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 20px 20px 50px grey;
}
section.more-options-modal .content .header {
    display: flex;
    justify-content: center;
    width: 100%;
    border-bottom: 1px solid #c1c1c1;
    padding: 5px 0;
}
section.more-options-modal .content .menu {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #c1c1c1;
}
section.more-options-modal .content .menu .menu-item {
    width: 33%;
    text-align: center;
    padding: 15px 0 14px;
    cursor: pointer;
    transition: color 0.3s;
    font-weight: bold;
}
section.more-options-modal .content .menu .menu-item.active {
    color: var(--primary-color);
    border-bottom: var(--primary-color) 2px solid;
}
section.more-options-modal .content .options {
    padding: 20px 25px;
    border-bottom: 1px solid #c1c1c1;
    overflow-y: auto;
    min-height: 400px;
}
section.more-options-modal
    .content
    .options
    .form-check
    input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
section.more-options-modal .content .options .form-check.form-switch {
    margin-top: 10px;
}
section.more-options-modal .content .options .form-switch .form-check-input {
    width: 2.9em;
}
section.more-options-modal .content .options .form-check-label {
    font-size: 13.5px;
}
section.more-options-modal
    .content
    .options
    .form-check
    input[type="checkbox"] {
    border-radius: 2em;
    height: 1.6em;
}
section.more-options-modal .content .options .form-switch {
    padding-left: 0;
}
section.more-options-modal .content .options .form-check {
    justify-content: space-between;
}
section.more-options-modal .content .options .form-check::after {
    content: none;
}
section.more-options-modal .content .options .options-consent {
    display: none;
}
section.more-options-modal .content .options .options-consent .title {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.2;
}
section.more-options-modal .content .options .options-consent p {
    font-size: 14px;
}
section.more-options-modal .content .options .options-detail {
    display: none;
}
section.more-options-modal .content .options .options-detail .title {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.2;
}
section.more-options-modal .content .options .options-detail p {
    font-size: 14px;
}
section.more-options-modal .content .options .options-detail .detail-row {
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 5px;
}
section.more-options-modal .content .options .options-detail .detail-row p {
    padding-left: 30px;
    padding-right: 50px;
    font-size: 14px;
}
section.more-options-modal
    .content
    .options
    .options-detail
    .detail-row
    .details-options {
    padding-left: 50px;
    font-size: 13px;
}
section.more-options-modal
    .content
    .options
    .options-detail
    .detail-row
    .details-options
    .title {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    padding: 0;
}
section.more-options-modal
    .content
    .options
    .options-detail
    .detail-row
    .details-options
    p {
    padding-left: 0;
    padding-right: 45px;
    font-size: 12px;
}
section.more-options-modal
    .content
    .options
    .options-detail
    .detail-row
    .details-options
    .form-check
    input[type="checkbox"] {
    height: 1.7em;
}
section.more-options-modal
    .content
    .options
    .options-detail
    .detail-row
    .details-options
    .form-switch
    .form-check-input {
    width: 2.9em;
}
section.more-options-modal .content .options .options-about {
    display: none;
}
section.more-options-modal .content .options .options-about .title {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.2;
}
section.more-options-modal .content .options .options-about p {
    font-size: 14px;
}
section.more-options-modal .content .options .form-check input:focus {
    border-color: var(--primary-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
section.more-options-modal .content .footer {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
    margin-bottom: 10px;
    align-items: center;
    height: 100%;
}
section.more-options-modal .content .footer .agree {
    padding: 0;
    text-align: center;
    height: 50px;
}
@media (max-width: 960px) {
    section.more-options-modal .content .footer .agree {
        height: 40px;
    }
}
section.more-options-modal .content .footer .agree span {
    white-space: nowrap;
    width: 270px;
    /* padding: 5px 10px; */
    font-size: 14px;
    border: 1px solid var(--primary-color);
    padding: 15px 40px;
    cursor: pointer;
    border-radius: 7px;
    position: relative;
    display: -moz-inline-flex;
    display: inline-flex;
    -moz-flex-direction: row;
    flex-direction: row;
    -moz-justify-content: center;
    justify-content: center;
    -moz-align-items: center;
    align-items: center;
    color: #000;
    text-decoration: none !important;
    font-family: "Galano Grotesque", sans-serif;
    font-weight: 300;
    box-sizing: border-box;
    transition: 0.4s ease-out;
}
@media (max-width: 960px) {
    section.more-options-modal .content .footer .agree span {
        padding: 10px 30px;
        width: 150px;
    }
}
section.more-options-modal .content .footer .agree:hover span {
    background-position: 100% 0;
    border: 0;
    background-color: var(--primary-color);
    color: #fff;
}
section.more-options-modal .content .footer .no-agree {
    text-align: center;
    height: 50px;
}

section.more-options-modal .content .footer .no-agree span:hover {
    background: #d9d8d8;
}

@media (max-width: 960px) {
    section.more-options-modal .content .footer .no-agree {
        height: 40px;
    }
}
section.more-options-modal .content .footer .no-agree span {
    white-space: nowrap;
    width: 270px;
    /* padding: 5px 10px; */
    font-size: 14px;
    background: #ececec;
    color: #000000;
    padding: 15px 40px;
    cursor: pointer;
    border-radius: 7px;
    position: relative;
    display: -moz-inline-flex;
    display: inline-flex;
    -moz-flex-direction: row;
    flex-direction: row;
    -moz-justify-content: center;
    justify-content: center;
    -moz-align-items: center;
    align-items: center;
    text-decoration: none !important;
    font-family: "Galano Grotesque", sans-serif;
    font-weight: 300;
    border: 1px solid black;
    box-sizing: border-box;
    transition: 0.4s ease-out;
}
@media (max-width: 960px) {
    section.more-options-modal .content .footer .no-agree span {
        padding: 10px 30px;
        width: 150px;
    }
}

.contact {
    padding: 0 10px;
}
.contact .container .contact-header {
    margin: auto;
    padding: 20px 0;
}
.contact .container .contact-header span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 51px;
    color: #4f4f4d;
}
@media (max-width: 1200px) {
    .contact .container .contact-header span {
        font-size: 22px;
    }
}
.contact .container .contact-location {
    margin-top: 32px;
}
.contact .container .contact-content {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 80px;
}
.contact .container .contact-content .contact-container {
    max-width: 1400px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1200px) {
    .contact .container .contact-content .contact-container {
        grid-template-columns: repeat(1, 1fr);
        gap: 25px;
    }
}
.contact .container .contact-content .contact-container .contact-left {
    width: 85%;
    color: #b99d61;
    font-size: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.contact
    .container
    .contact-content
    .contact-container
    .contact-left
    .contact-phone {
    display: flex;
    align-items: center;
}
.contact
    .container
    .contact-content
    .contact-container
    .contact-left
    .contact-fax {
    display: flex;
    align-items: center;
}
.contact
    .container
    .contact-content
    .contact-container
    .contact-left
    .contact-email {
    display: flex;
    align-items: center;
}
.contact
    .container
    .contact-content
    .contact-container
    .contact-left
    .contact-location-address {
    display: flex;
    align-items: center;
}
.contact .container .contact-content .contact-container .contact-left a {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #b99d61;
    text-decoration: none;
    margin-left: 20px;
}
.contact
    .container
    .contact-content
    .contact-container
    .contact-left
    .contact-center {
    display: flex;
    align-items: center;
}
.contact
    .container
    .contact-content
    .contact-container
    .contact-left
    .contact-center
    a {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* or 171% */
    /* Color/Head */
    color: #b99d61;
    text-decoration: none;
    margin-left: 10px;
}
.contact
    .container
    .contact-content
    .contact-container
    .contact-left
    .contact-center
    img {
    width: 25px;
    height: 25px;
}
.contact .container .contact-content .contact-container .contact-right {
    width: 85%;
}
.contact
    .container
    .contact-content
    .contact-container
    .contact-right
    .contact-right-header {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    /* or 171% */
    /* Color/Head */
    color: #4f4f4d;
    margin-bottom: 20px;
}
.contact
    .container
    .contact-content
    .contact-container
    .contact-right
    .contact-right-content {
    font-family: "Jost";
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    /* or 171% */
    /* Color/Head */
    color: #4f4f4d;
}
.contact
    .container
    .contact-content
    .contact-container
    .contact-right
    .contact-right-social {
    width: 100%;
    margin-top: 20px;
}
.contact
    .container
    .contact-content
    .contact-container
    .contact-right
    .contact-right-social
    ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: flex;
    gap: 30px;
}
@media (max-width: 1200px) {
    .contact
        .container
        .contact-content
        .contact-container
        .contact-right
        .contact-right-social
        ul {
        gap: 10px;
    }
}
.contact
    .container
    .contact-content
    .contact-container
    .contact-right
    .contact-right-social
    ul
    li {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: grey;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact
    .container
    .contact-content
    .contact-container
    .contact-right
    .contact-right-social
    ul
    li
    a {
    font-size: 20px;
    color: white;
}
.contact .container .contact-content .contact-form {
    width: 100%;
    display: grid;
    grid-column-start: 1;
    grid-column-end: 4;
    margin-top: 62px;
}
.contact .container .contact-content .contact-form .contact-form-header {
    display: block;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 38px;
    color: #4f4f4d;
    margin-bottom: 27px;
}
.contact .container .contact-content .contact-form form .field {
    margin-bottom: 30px;
}
.contact .container .contact-content .contact-form form .field label {
    position: relative;
}
.contact .container .contact-content .contact-form form .field label input {
    width: 100%;
    height: 55px;
    font-size: 1rem;
    color: #565656;
    background: transparent;
    padding: 1rem 1.2rem;
    border-radius: 0.2rem;
    border: 2px solid #e4e4e4;
    transition: border-color 0.2s;
}
.contact
    .container
    .contact-content
    .contact-form
    form
    .field
    label
    input:focus {
    border-color: #4f4f4d;
}
.contact .container .contact-content .contact-form form .field label p {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0.8rem;
    padding: 0 0.4rem;
    background: white;
    transition: top 0.2s, font-size 0.2s, color 0.2s;
    pointer-events: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.contact .container .contact-content .contact-form form .textarea {
    position: relative;
}
.contact
    .container
    .contact-content
    .contact-form
    form
    .textarea
    label
    textarea {
    width: 100%;
    height: 200px;
    font-size: 1rem;
    color: #565656;
    background: transparent;
    padding: 1rem 1.2rem;
    border-radius: 0.2rem;
    border: 2px solid #e4e4e4;
    transition: border-color 0.2s;
}
.contact
    .container
    .contact-content
    .contact-form
    form
    .textarea
    label
    textarea:focus {
    border-color: #4f4f4d;
}
.contact .container .contact-content .contact-form form .textarea label p {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    top: 20px;
    left: 0;
    margin-left: 0.8rem;
    padding: 0 0.4rem;
    background: white;
    transition: top 0.2s, font-size 0.2s, color 0.2s;
    pointer-events: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.contact
    .container
    .contact-content
    .contact-form
    form
    .field
    label
    input:not(:-moz-placeholder-shown)
    + p,
.contact
    .container
    .contact-content
    .contact-form
    form
    .textarea
    label
    input:not(:-moz-placeholder-shown)
    + p {
    top: -20px;
    font-size: 0.9rem;
    color: #4f4f4d;
}
.contact
    .container
    .contact-content
    .contact-form
    form
    .field
    label
    input:focus
    + p,
.contact
    .container
    .contact-content
    .contact-form
    form
    .textarea
    label
    textarea:focus
    + p,
.contact
    .container
    .contact-content
    .contact-form
    form
    .field
    label
    input:not(:placeholder-shown)
    + p,
.contact
    .container
    .contact-content
    .contact-form
    form
    .textarea
    label
    input:not(:placeholder-shown)
    + p {
    top: -20px;
    font-size: 0.9rem;
    color: #4f4f4d;
}
.contact
    .container
    .contact-content
    .contact-form
    form
    .field
    label
    input:not(:focus)
    + p {
    color: #767676;
}
.contact
    .container
    .contact-content
    .contact-form
    form
    .contact-form-submit-btn {
    border: none;
    background-color: #b99d61;
    margin-top: 30px;
    width: 200px;
    height: 60px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: white;
}

.blog {
    width: 100%;
}
.blog .very-small-title {
    font-size: 16px;
    font-weight: bold;
}
.blog .medium-title {
    font-size: 28px;
    text-transform: uppercase;
}
.blog .main-paragraph {
    font-size: 16px;
    font-weight: 400;
    line-height: 180%;
}
.blog .main-paragraph__italic {
    font-style: italic;
    text-align: center;
    margin-top: 10px;
}
.blog .rolex-section-link {
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 10px 30px;
    border-radius: 20px;
    white-space: nowrap;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    color: #fff;
    border-color: #127749;
    background-color: #127749;
}
.blog .rolex-section-link:hover {
    color: #127749;
    border-color: #127749;
    background-color: #fff;
}
.blog .blog-banner {
    display: block;
    width: 100%;
    position: relative;
    left: 50%;
    right: 0;
    transform: translate(-50%, 0);
    margin-top: -70px;
    max-width: 100%;
}
.blog .blog-banner img {
    max-width: 100%;
    height: 260px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    -o-object-position: 50%;
    object-position: 50%;
}
.blog .text-component {
    display: flex;
    justify-content: center;
    text-align: center;
}
.blog .text-component .text-component-container .content-list {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.blog .text-component .text-component-container .content-list .content {
    text-align: center;
}
.blog .image-component .image-component__image {
    display: flex;
    justify-content: center;
}
.blog .two-column-component {
    display: flex;
    width: 100%;
}
.blog .two-column-component .two-column-component__container {
    background-color: #212121;
    color: #ffffff;
    display: flex;
    align-items: center;
}
.blog
    .two-column-component
    .two-column-component__container
    .two-column-component__container-content {
    display: flex;
    flex-direction: column;
    text-align: left;
}
.blog .checkerboard-component {
    display: flex;
    flex-direction: column;
}
.blog .checkerboard-component .checkerboard-component__card {
    display: flex;
}
.blog .checkerboard-component .checkerboard-component__card .card-image img {
    max-width: 100%;
}
.blog
    .checkerboard-component
    .checkerboard-component__card
    .card-content-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.blog
    .checkerboard-component
    .checkerboard-component__card
    .card-content-container
    .card-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: left;
}
.blog .text-image-component {
    display: grid;
}
.blog .text-image-component .text-image-component__image img {
    max-width: 100%;
}
.blog .text-image-component .content-container {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    justify-content: center;
}

@media only screen and (max-width: 1280px) {
    .blog {
        width: 100% !important;
        margin-top: 65px !important;
    }
}
@media only screen and (min-width: 1069px) {
    .blog .icerik {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .text-component .text-component-container {
        width: 50%;
        max-width: 650px;
    }
    .text-component .text-component-container .content-list .subtitle {
        margin-bottom: 20px;
    }
    .text-component .text-component-container .content-list .title {
        margin-bottom: 20px;
    }
    .text-component .text-component-container .content-list .content {
        margin-bottom: 30px;
    }
    .two-column-component.reverse {
        flex-direction: row-reverse;
    }
    .two-column-component .two-column-component__image {
        display: flex;
        align-self: stretch;
        width: 50%;
    }
    .two-column-component .two-column-component__image img {
        max-width: 100%;
        display: block;
        height: auto;
        min-height: 385px;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .two-column-component .two-column-component__container {
        padding: 0 10vw;
        width: 50%;
    }
    .two-column-component
        .two-column-component__container
        .two-column-component__container-content {
        gap: 10px;
    }
    .checkerboard-component {
        margin: 0 5vw 0 5vw;
        gap: 100px;
    }
    .checkerboard-component .checkerboard-component__card .card-image {
        width: 60%;
    }
    .checkerboard-component .checkerboard-component__card.reverse {
        flex-direction: row-reverse;
    }
    .checkerboard-component
        .checkerboard-component__card.reverse
        .card-content-container {
        margin: 0 10vw 0 5vw;
        width: 40%;
    }
    .checkerboard-component
        .checkerboard-component__card
        .card-content-container {
        width: 30vw;
        margin: 0 5vw 0 10vw;
        width: 40%;
    }
    .checkerboard-component
        .checkerboard-component__card
        .card-content-container
        .card-content {
        gap: 10px;
    }
    .text-image-component {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin: 0 5vw 0 5vw;
    }
    .text-image-component .content-container {
        width: 30vw;
    }
    .image-component .image-component__image img {
        max-width: 80% !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1068px) {
    .blog .icerik {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .text-component .text-component-container {
        width: 70%;
        max-width: 650px;
    }
    .text-component .text-component-container .content-list .subtitle {
        margin-bottom: 20px;
    }
    .text-component .text-component-container .content-list .title {
        margin-bottom: 20px;
    }
    .text-component .text-component-container .content-list .content {
        margin-bottom: 30px;
    }
    .two-column-component.reverse {
        flex-direction: row-reverse;
    }
    .two-column-component .two-column-component__image {
        display: flex;
        align-self: stretch;
        width: 50%;
    }
    .two-column-component .two-column-component__image img {
        max-width: 100%;
        display: block;
        height: auto;
        min-height: 385px;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .two-column-component .two-column-component__container {
        padding: 30px 5vw;
        width: 50%;
    }
    .two-column-component
        .two-column-component__container
        .two-column-component__container-content {
        gap: 10px;
    }
    .checkerboard-component {
        margin: 0 5vw 0 5vw;
        gap: 100px;
    }
    .checkerboard-component .checkerboard-component__card .card-image {
        width: 60%;
    }
    .checkerboard-component .checkerboard-component__card.reverse {
        flex-direction: row-reverse;
    }
    .checkerboard-component
        .checkerboard-component__card.reverse
        .card-content-container {
        width: 30vw;
        margin: 0 10vw;
        text-align: left;
        width: 40%;
    }
    .checkerboard-component .checkerboard-component__card .card-image img {
        width: 100%;
    }
    .checkerboard-component
        .checkerboard-component__card
        .card-content-container {
        width: 30vw;
        margin: 0 5vw;
        width: 40%;
    }
    .checkerboard-component
        .checkerboard-component__card
        .card-content-container
        .card-content {
        gap: 10px;
    }
    .text-image-component {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 30px;
        margin: 0 5vw;
        width: 90%;
    }
    .image-component .image-component__image img {
        max-width: 90% !important;
    }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
    .blog .icerik {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .text-component .text-component-container {
        width: 90%;
    }
    .text-component .text-component-container .content-list .subtitle {
        margin-bottom: 20px;
    }
    .text-component .text-component-container .content-list .title {
        margin-bottom: 10px;
    }
    .text-component .text-component-container .content-list .content {
        margin-bottom: 20px;
    }
    .two-column-component {
        flex-direction: column;
        margin: 0 20px 0 0;
    }
    .two-column-component .two-column-component__container {
        padding: 20px 0;
        justify-content: center;
        width: 100%;
    }
    .two-column-component
        .two-column-component__container
        .two-column-component__container-content {
        width: 90%;
    }
    .two-column-component .two-column-component__image {
        width: 100%;
    }
    .checkerboard-component {
        width: 90%;
        gap: 50px;
        margin: 0 auto 0 auto;
    }
    .checkerboard-component .checkerboard-component__card {
        flex-direction: column;
    }
    .checkerboard-component .checkerboard-component__card .card-image {
        width: 100%;
    }
    .checkerboard-component
        .checkerboard-component__card
        .card-content-container {
        margin-top: 20px;
        width: 100%;
    }
    .checkerboard-component
        .checkerboard-component__card
        .card-content-container
        .card-content
        .content {
        margin-top: 20px;
    }
    .text-image-component {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        width: 90%;
        gap: 20px;
        margin: 0 auto;
    }
    .text-image-component .content-container {
        gap: 10px;
    }
    .image-component {
        margin: 0 auto 0 auto;
        width: 90%;
    }
    .image-component .image-component__image img {
        max-width: 100% !important;
    }
}
.category-products {
    width: 100%;
    margin-top: 55px;
}
.category-products .category-products-container {
    width: 1410px;
    margin: auto;
}
.category-products .category-products-container .category-products-row {
    display: flex;
    justify-content: space-between;
}
.category-products
    .category-products-container
    .category-products-row
    .category-products-left {
    width: 310px;
}
.category-products
    .category-products-container
    .category-products-row
    .category-products-left
    .small-fixed-sidebar-header {
    display: none;
}
.category-products
    .category-products-container
    .category-products-row
    .category-products-right {
    width: 1050px;
}

.fixed-sidebar {
    width: 100%;
    margin-bottom: 20px;
}
.fixed-sidebar .small-fixed-sidebar-header {
    display: none;
}

.page-slider {
    width: 100%;
    height: 450px;
    position: relative;
}
.page-slider .swiper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.page-slider .swiper .swiper-pagination {
    position: absolute;
    bottom: 50px;
    left: 50px;
    text-align: left;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    width: 50%;
    display: flex;
    align-items: center;
}
.page-slider .swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: black;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-slider .swiper .swiper-pagination .swiper-pagination-bullet span {
    font-size: 20px;
}
.page-slider .swiper .swiper-pagination .swiper-pagination-bullet-active {
    position: relative;
}
.page-slider
    .swiper
    .swiper-pagination
    .swiper-pagination-bullet-active::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: red;
}
.page-slider .swiper .swiper-slide {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-slider .swiper .swiper-slide .slider-container {
    width: 90%;
    height: 80%;
}
.page-slider .swiper .swiper-slide .slider-container .slider-row {
    width: 100%;
    height: 100%;
    display: flex;
}
.page-slider
    .swiper
    .swiper-slide
    .slider-container
    .slider-row
    .slider-content {
    width: 40%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.page-slider
    .swiper
    .swiper-slide
    .slider-container
    .slider-row
    .slider-content
    .slider-content-title {
    width: 70%;
    text-align: left;
}
.page-slider
    .swiper
    .swiper-slide
    .slider-container
    .slider-row
    .slider-content
    .slider-content-title
    span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 50px;
    /* or 143% */
    /* Color/Head */
    color: black;
}
.page-slider
    .swiper
    .swiper-slide
    .slider-container
    .slider-row
    .slider-content
    .slider-content-title
    span:nth-child(2) {
    font-family: "Jost";
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 50px;
    /* or 143% */
    /* Color/Head */
    color: black;
}
.page-slider
    .swiper
    .swiper-slide
    .slider-container
    .slider-row
    .slider-content
    .slider-content-text {
    margin-top: 15px;
    width: 70%;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    /* or 171% */
    text-align: left;
    /* Color/Head */
    color: black;
}
.page-slider .swiper .swiper-slide .slider-container .slider-row .slider-img {
    width: 60%;
    height: 100%;
}
.page-slider
    .swiper
    .swiper-slide
    .slider-container
    .slider-row
    .slider-img
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.page-slider .autoplay-progress {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: var(--swiper-theme-color);
}
.page-slider .autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 4px;
    stroke: var(--swiper-theme-color);
    fill: none;
    stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
}

.filter-top {
    width: 100%;
    height: 24px;
    margin-top: 34px;
    margin-bottom: 66px;
}
.filter-top .filter-top-container {
    width: 100%;
    height: 100%;
}
.filter-top .filter-top-container .filter-top-row {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.filter-top .filter-top-container .filter-top-row .filter-top-left {
    height: 100%;
    display: inline-block;
}
.filter-top .filter-top-container .filter-top-row .filter-top-left .page-path {
    width: 100%;
    height: 100%;
}
.filter-top
    .filter-top-container
    .filter-top-row
    .filter-top-left
    .page-path
    a {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    text-decoration: none;
    text-transform: uppercase;
    /* Color/Head */
    color: #4f4f4d;
}
.filter-top
    .filter-top-container
    .filter-top-row
    .filter-top-left
    .page-path
    span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    text-transform: uppercase;
    /* Color/Head */
    color: #4f4f4d;
}
.filter-top .filter-top-container .filter-top-row .filter-top-right {
    height: 100%;
    display: flex;
}
.filter-top
    .filter-top-container
    .filter-top-row
    .filter-top-right
    .category-chooser {
    height: 100%;
    position: relative;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}
.filter-top
    .filter-top-container
    .filter-top-row
    .filter-top-right
    .category-chooser::before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #7d7d7d;
}
.filter-top
    .filter-top-container
    .filter-top-row
    .filter-top-right
    .category-chooser
    select {
    border: none;
    outline: none;
}
.filter-top
    .filter-top-container
    .filter-top-row
    .filter-top-right
    .category-chooser
    .form-select-sm {
    padding-top: 2px;
}
.filter-top
    .filter-top-container
    .filter-top-row
    .filter-top-right
    .products-all-page {
    height: 100%;
    display: none;
}
.filter-top
    .filter-top-container
    .filter-top-row
    .filter-top-right
    .products-all-page
    .products-all-page-content {
    height: 100%;
    margin-right: 10px;
}
.filter-top
    .filter-top-container
    .filter-top-row
    .filter-top-right
    .products-all-page
    .products-all-page-content
    span {
    text-transform: uppercase;
    height: 100%;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Head */
    color: #4f4f4d;
}
.filter-top
    .filter-top-container
    .filter-top-row
    .filter-top-right
    .products-all-page
    ul {
    display: flex;
    list-style: none;
}
.filter-top
    .filter-top-container
    .filter-top-row
    .filter-top-right
    .products-all-page
    ul
    li {
    margin-right: 10px;
}
.filter-top
    .filter-top-container
    .filter-top-row
    .filter-top-right
    .products-all-page
    ul
    li:last-child {
    position: relative;
    margin: 0;
}
.filter-top
    .filter-top-container
    .filter-top-row
    .filter-top-right
    .products-all-page
    ul
    li:last-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #4f4f4d;
}
.filter-top
    .filter-top-container
    .filter-top-row
    .filter-top-right
    .products-all-page
    ul
    li
    a {
    text-decoration: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Head */
    color: #4f4f4d;
}

.page-path {
    width: 100%;
    height: 100%;
    padding: 20px;
}
.page-path a {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    text-decoration: none;
    text-transform: uppercase;
    /* Color/Head */
    color: #4f4f4d;
}
.page-path span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    text-transform: uppercase;
    /* Color/Head */
    color: #4f4f4d;
}

.category-products-row .product-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    justify-content: space-between;
}

.category-products-pagination {
    width: 100%;
    height: 24px;
    margin-top: 27px;
    margin-bottom: 52px;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.category-products-pagination .pagination-prev-btn {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Head */
    color: #4f4f4d;
}
.category-products-pagination .pagination-prev-btn:hover {
    cursor: pointer;
}
.category-products-pagination .pagination-page-btn {
    height: 100%;
}
.category-products-pagination .pagination-page-btn ul {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 20px;
}
.category-products-pagination .pagination-page-btn ul li a {
    text-decoration: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Head */
    color: #4f4f4d;
}
.category-products-pagination .pagination-page-btn ul li a:hover {
    cursor: pointer;
}
.category-products-pagination .pagination-page-btn ul li span {
    font-family: "Jost";
    font-weight: 800;
    color: #4f4f4d;
}
.category-products-pagination .pagination-page-btn ul .selected {
    border-bottom: 2px solid #4f4f4d;
}
.category-products-pagination .pagination-next-btn {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Head */
    color: #4f4f4d;
}
.category-products-pagination .pagination-next-btn:hover {
    cursor: pointer;
}
.category-products-pagination .disabled {
    color: #ccc;
}
.category-products-pagination .disabled:hover {
    cursor: not-allowed;
}

.category-product-name {
    width: 100%;
}
.category-product-name .category-product-container {
    width: 100%;
}
.category-product-name .category-product-container .category-product-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
}
.category-product-name
    .category-product-container
    .category-product-title
    span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    /* identical to box height */
    text-transform: uppercase;
    /* Color/Head */
    color: #4f4f4d;
}
.category-product-name .category-product-container .category-product-items {
    width: 100%;
}
.category-product-name .category-product-container .category-product-items ul {
    list-style-type: none;
    width: 100%;
    padding: 0;
}
.category-product-name
    .category-product-container
    .category-product-items
    ul
    li
    a {
    text-decoration: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    /* or 214% */
    /* Color/Head */
    color: #4f4f4d;
}

.category-colors {
    width: 100%;
    margin-top: 25px;
}
.category-colors .category-colors-container {
    width: 100%;
}
.category-colors .category-colors-container .category-colors-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 13px;
}
.category-colors .category-colors-container .category-colors-title span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    /* identical to box height */
    text-transform: uppercase;
    /* Color/Head */
    color: #4f4f4d;
}
.category-colors .category-colors-container .category-colors-items {
    width: 80%;
    margin-top: 23px;
}
.category-colors .category-colors-container .category-colors-items #renkler {
    display: grid;
    row-gap: 26px;
    grid-template-columns: auto auto auto auto auto auto;
}
.category-colors
    .category-colors-container
    .category-colors-items
    #renkler
    .ellipse-container {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.category-colors
    .category-colors-container
    .category-colors-items
    #renkler
    .ellipse-container:hover {
    cursor: pointer;
}
.category-colors
    .category-colors-container
    .category-colors-items
    #renkler
    .ellipse-container
    .ellipse {
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    transition: 0.2s ease-in-out;
    border: #c7c6c6 solid 0.5px;
}
.category-colors
    .category-colors-container
    .category-colors-items
    #renkler
    .selected {
    border: 2px solid black;
    color: #fff;
}

.category-sizes {
    width: 100%;
    margin-top: 25px;
}
.category-sizes:nth-child(1) {
    margin-top: 0;
}
.category-sizes .category-sizes-container {
    width: 100%;
}
.category-sizes .category-sizes-container .category-sizes-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 13px;
}
.category-sizes .category-sizes-container .category-sizes-title span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    /* identical to box height */
    text-transform: uppercase;
    /* Color/Head */
    color: #4f4f4d;
}
.category-sizes .category-sizes-container .category-sizes-items {
    width: 100%;
    margin-top: 0;
}
.category-sizes .category-sizes-container .category-sizes-items #sizes {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.category-sizes
    .category-sizes-container
    .category-sizes-items
    #sizes
    .size-item {
    height: 35px;
    border: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    padding: 5px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    /* identical to box height, or 214% */
    text-align: center;
    /* Color/Head */
    color: #4f4f4d;
}
.category-sizes
    .category-sizes-container
    .category-sizes-items
    #sizes
    .size-item
    span {
    transition: 0.2s ease-in-out;
    width: -moz-max-content;
    width: max-content;
}
.category-sizes
    .category-sizes-container
    .category-sizes-items
    #sizes
    .size-item:hover {
    cursor: pointer;
}
.category-sizes
    .category-sizes-container
    .category-sizes-items
    #sizes
    .size-item:hover
    span {
    transition: 0.2s ease-in-out;
}
.category-sizes
    .category-sizes-container
    .category-sizes-items
    #sizes
    .selected {
    background: var(--primary-color);
    color: #fff;
}

.category-brands {
    width: 100%;
}
.category-brands .category-brands-container {
    width: 100%;
    margin-bottom: 25px;
}
.category-brands .category-brands-container .category-brands-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 13px;
}
.category-brands .category-brands-container .category-brands-title span {
    font-family: var(--font-Jost);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    /* identical to box height */
    text-transform: uppercase;
    /* Color/Head */
    color: #4f4f4d;
}
.category-brands .category-brands-container .category-brands-searchbox {
    width: 100%;
    margin-top: 23px;
    height: 55px;
    margin-top: 23px;
}
.category-brands .category-brands-container .category-brands-searchbox input {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color / Second */
    color: #767676;
}
.category-brands .category-brands-container .category-brands-searchbox i {
    color: #767676;
}
.category-brands .category-brands-container .category-brands-items {
    width: 100%;
    margin-top: 23px;
}
.category-brands
    .category-brands-container
    .category-brands-items
    .category-brands-items-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-height: 210px;
    overflow: overlay;
}
.category-brands
    .category-brands-container
    .category-brands-items
    .category-brands-items-container
    .category-brand-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* .category-brands
    .category-brands-container
    .category-brands-items
    .category-brands-items-container
    .category-brand-item:nth-child(n + 6) {
    display: none;
} */
.category-brands
    .category-brands-container
    .category-brands-items
    .category-brands-items-container
    .category-brand-item
    .category-brand-name {
    display: flex;
    align-items: center;
}
.category-brands
    .category-brands-container
    .category-brands-items
    .category-brands-items-container
    .category-brand-item
    .category-brand-name
    input {
    width: 17px;
    height: 17px;
    margin-right: 10px;
}
.category-brands
    .category-brands-container
    .category-brands-items
    .category-brands-items-container
    .category-brand-item
    .category-brand-name
    .brand-name
    span {
    font-family: var(--font-Jost);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    /* or 286% */
    /* Color/Head */
    color: #4f4f4d;
}
.category-brands
    .category-brands-container
    .category-brands-items
    .category-brands-items-container
    .category-brand-item
    .category-brand-count
    span {
    font-family: var(--font-Jost);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    /* or 286% */
    text-align: right;
    /* Color / Second */
    color: #767676;
}
.category-brands
    .category-brands-container
    .category-brands-items
    .category-brands-items-container
    .all-items-wrapper {
    display: flex;
    align-items: center;
}
.category-brands
    .category-brands-container
    .category-brands-items
    .category-brands-items-container
    .all-items-wrapper
    .category-brand-all-items {
    font-size: 16px;
    font-family: "Jost";
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    color: var(--primary-color);
}

.search-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.1px solid var(--category-brand-searchbox-border);
    position: relative;
}
.search-box input {
    width: 90%;
    height: 100%;
    outline: none;
    border: none;
    padding: 10px;
}
.search-box i {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-box .result-box {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 300px;
    z-index: 1;
    display: none;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    max-height: 200px;
    overflow-y: auto;
    z-index: 9;
}
.search-box .result-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: auto;
}
.search-box .result-box ul li {
    padding: 5px 10px;
    cursor: pointer;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Second */
    color: #767676;
}
.search-box .result-box ul li:hover {
    background-color: #f0f0f0;
}

.category-price-range {
    width: 100%;
    margin-top: 25px;
}
.category-price-range .category-price-range-container {
    width: 100%;
}
.category-price-range
    .category-price-range-container
    .category-price-range-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 13px;
}
.category-price-range
    .category-price-range-container
    .category-price-range-title
    span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    /* identical to box height */
    text-transform: uppercase;
    /* Color/Head */
    color: #4f4f4d;
}
.category-price-range
    .category-price-range-container
    .category-price-range-items {
    width: 100%;
}
.category-price-range
    .category-price-range-container
    .category-price-range-items
    .range_container {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
}
.category-price-range
    .category-price-range-container
    .category-price-range-items
    .range_container
    .sliders_control {
    position: relative;
    min-height: 30px;
    display: flex;
    align-items: center;
}
.category-price-range
    .category-price-range-container
    .category-price-range-items
    .range_container
    .sliders_control
    input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #000000;
    cursor: pointer;
}
.category-price-range
    .category-price-range-container
    .category-price-range-items
    .range_container
    .sliders_control
    input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #c6c6c6;
    cursor: pointer;
}
.category-price-range
    .category-price-range-container
    .category-price-range-items
    .range_container
    .sliders_control
    input[type="range"]::-webkit-slider-thumb:hover {
    background: #f7f7f7;
}
.category-price-range
    .category-price-range-container
    .category-price-range-items
    .range_container
    .sliders_control
    input[type="range"]::-webkit-slider-thumb:active {
    box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
    -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
}
.category-price-range
    .category-price-range-container
    .category-price-range-items
    .range_container
    .sliders_control
    input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 6px;
    width: 100%;
    position: absolute;
    background-color: #000000;
    pointer-events: none;
    border-radius: 10px;
}
.category-price-range
    .category-price-range-container
    .category-price-range-items
    .range_container
    .sliders_control
    #fromSlider {
    height: 0;
    z-index: 1;
}
.category-price-range
    .category-price-range-container
    .category-price-range-items
    .range_container
    .form_control {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.category-price-range
    .category-price-range-container
    .category-price-range-items
    .range_container
    .form_control
    .form_control_container {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    /* identical to box height, or 286% */
    /* Color / Second */
    color: #767676;
    display: flex;
    align-items: center;
}
.category-price-range
    .category-price-range-container
    .category-price-range-items
    .range_container
    .form_control
    .form_control_container__time {
    cursor: default;
}
.category-price-range
    .category-price-range-container
    .category-price-range-items
    .range_container
    .form_control
    input[type="number"] {
    border: none;
    cursor: default;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    /* identical to box height, or 286% */
    cursor: default;
    /* Color / Second */
    color: #767676;
}
.category-price-range
    .category-price-range-container
    .category-price-range-items
    .range_container
    .form_control
    input[type="number"]::-webkit-inner-spin-button,
.category-price-range
    .category-price-range-container
    .category-price-range-items
    .range_container
    .form_control
    input[type="number"]::-webkit-outer-spin-button {
    opacity: 0;
    background-color: red;
}

.category-btn {
    width: 100%;
    margin-top: 25px;
}
@media (max-width: 960px) {
    .category-btn {
        height: 100px;
        margin: 0;
    }
}
.category-btn .category-btn-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
.category-btn .category-btn-container a {
    width: 45%;
    height: 40px;
    background-color: var(--card-hover-basket-btn-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    font-family: var(--font-Montserrat);
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
}
.category-btn .category-btn-container a i {
    margin-left: 5px;
}
.category-btn .category-btn-container .disable {
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

#select-chooser {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
#select-chooser .product-item {
    height: 35px;
    background-color: #eeeeee;
    position: relative;
    padding: 0 10px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
#select-chooser .product-item a {
    text-decoration: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #4f4f4d;
}
#select-chooser .product-item .fa-circle-xmark {
    font-size: 18px;
}
#select-chooser .product-item .fa-circle-xmark:hover {
    color: var(--card-hover-basket-btn-bg);
    cursor: pointer;
}
#select-chooser .size-item {
    height: 35px;
    background-color: #eeeeee;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #4f4f4d;
    position: relative;
    padding: 0 10px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
#select-chooser .size-item .fa-circle-xmark {
    font-size: 18px;
}
#select-chooser .size-item .fa-circle-xmark:hover {
    color: var(--card-hover-basket-btn-bg);
    cursor: pointer;
}
#select-chooser .ellipse-item {
    height: 35px;
    background-color: #eeeeee;
    position: relative;
    padding: 0 10px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
#select-chooser .ellipse-item .ellipse {
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    transition: 0.2s ease-in-out;
}
#select-chooser .ellipse-item .fa-circle-xmark {
    font-size: 18px;
}
#select-chooser .ellipse-item .fa-circle-xmark:hover {
    color: var(--card-hover-basket-btn-bg);
    cursor: pointer;
}

.product-view {
    width: 100%;
    margin-top: 55px;
}
.product-view .product-view-container {
    width: 1410px;
    margin: auto;
}
.product-view .product-view-container .product-details {
    width: 100%;
    margin-bottom: 50px;
}
.product-view
    .product-view-container
    .product-details
    .product-details-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.product-view .product-view-container .modal-wrapper {
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    text-align: left;
}
.product-view .product-view-container .slick-slide .modal-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
}
.product-view .product-view-container .slick-slide .modal-wrapper .modal {
    width: 100%;
    height: 100%;
    background: #ffffff;
    scrollbar-width: none;
    font-size: 13px;
    line-height: 16px;
}
.product-view
    .product-view-container
    .slick-slide
    .modal-wrapper
    .modal
    form
    .form-group
    input:not([type="checkbox"]) {
    padding: 6px 10px;
}
.product-view
    .product-view-container
    .slick-slide
    .modal-wrapper
    .modal
    form
    .btn {
    display: block;
    border-radius: 0;
    margin: 5px auto 0 auto;
    width: -moz-max-content;
    width: max-content;
    line-height: 16px;
    font-size: 14px;
}
.product-view
    .product-view-container
    .slick-slide
    .modal-wrapper
    .modal::-webkit-scrollbar {
    display: none;
}
.product-view .product-view-container .modal-wrapper .modal {
    display: block;
    display: block;
    position: relative;
    max-width: 450px;
    background: #fff;
    height: -moz-max-content;
    height: max-content;
    border-radius: 0;
    padding: 30px;
}
.product-view .product-view-container .modal-wrapper .modal label {
    font-size: 13px;
    display: block;
}
.product-view
    .product-view-container
    .modal-wrapper
    .modal
    input[type="checkbox"] {
    width: auto;
    min-width: 14px;
}
.product-view .product-view-container .modal-wrapper .modal label a {
    text-decoration: underline;
    color: #111;
}
.product-view .product-view-container .modal-wrapper .modal .fa-bullhorn {
    font-size: 48px;
    color: #e30614;
}
.product-view .product-view-container .modal-wrapper .modal .modal-close {
    position: absolute;
    font-size: 18x;
    top: 0;
    right: 0;
    line-height: 1;
    background: var(--orange);
    color: #000000;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-view .product-view-container .modal-wrapper .modal form .form-group {
    width: 100%;
    margin-bottom: 10px;
}
.product-view
    .product-view-container
    .modal-wrapper
    .modal
    form
    .form-group
    span {
    display: block;
    width: 100%;
}
.product-view
    .product-view-container
    .modal-wrapper
    .modal
    form
    .form-group
    input:not([type="checkbox"]) {
    width: 100%;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #cacaca;
}

.related-product {
    width: 100%;
    margin-top: 65px;
    margin-bottom: 110px;
}
.related-product .related-product-container {
    width: 1410px;
    margin: auto;
}
.related-product .related-product-container .related-product-head {
    width: 100%;
    margin-bottom: 50px;
}
.related-product
    .related-product-container
    .related-product-head
    .related-product-head-title {
    width: 100%;
    display: flex;
}
.related-product
    .related-product-container
    .related-product-head
    .related-product-head-title
    span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 38px;
    /* Color/Head */
    color: #4f4f4d;
}
.related-product
    .related-product-container
    .related-product-head
    .related-product-head-title
    span:nth-child(2) {
    font-family: "Jost";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 38px;
    /* Color/Head */
    color: #4f4f4d;
}
.related-product .related-product-container .related-product-slider {
    width: 100%;
}
.related-product
    .related-product-container
    .related-product-slider
    .relatedProductSlider {
    width: 100%;
    height: 520px;
}
.related-product
    .related-product-container
    .related-product-slider
    .relatedProductSlider
    .swiper {
    width: 100%;
    height: 100%;
}
.related-product
    .related-product-container
    .related-product-slider
    .relatedProductSlider
    .swiper
    .swiper-slide {
    width: 100%;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-info {
    width: 640px;
}

.product-review {
    width: 930px;
    margin: auto;
    margin-bottom: 110px;
}
.product-review #nav-tab {
    width: 100%;
    height: 27px;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: left;
    border: none;
    gap: 50px;
}

@media only screen and (max-width: 768px) {
    .product-review #nav-tab {
        display: -webkit-flex;
        flex-wrap: nowrap;
        border: unset;
        white-space: nowrap;
        overflow: auto hidden;
        gap: 20px;
    }
}

.product-review #nav-tab button {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    border: none;
    background: none;
    position: relative;
    /* Color/Head */
    color: #4f4f4d;
}
.product-review #nav-tab button:hover {
    cursor: pointer;
}
.product-review #nav-tab button.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #4f4f4d;
}
.product-review .tab-content-container {
    width: 100%;
    max-height: 500px;
    height: -moz-max-content;
    height: max-content;
}
.product-review .tab-content-container .tab-content {
    width: 100%;
    display: none;
}
.product-review .tab-content-container .tab-content h3 {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    /* Color/Head */
    color: #4f4f4d;
    margin-bottom: 30px;
}
.product-review .tab-content-container .tab-content ul {
    list-style: none;
    margin-top: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px;
}
.product-review .tab-content-container .tab-content.active {
    display: block;
}

.product-breadcrumb {
    width: 100%;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-breadcrumb .breadcrumb-path a {
    text-decoration: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    text-transform: uppercase;
    margin-left: 5px;
    margin-right: 5px;
    /* Color/Head */
    color: #4f4f4d;
}
.product-breadcrumb .breadcrumb-path a:first-child {
    margin-left: 0;
}
.product-breadcrumb .breadcrumb-path span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Head */
    color: #4f4f4d;
    margin-right: 10px;
}
.product-breadcrumb .breadcrumb-controller a {
    text-decoration: none;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Head */
    color: #4f4f4d;
    text-transform: uppercase;
}
.product-breadcrumb .breadcrumb-controller a:first-child {
    margin-right: 20px;
}
.product-breadcrumb .breadcrumb-controller .fa-chevron-left {
    margin-right: 20px;
    display: inline;
}
.product-breadcrumb .breadcrumb-controller .fa-chevron-right {
    margin-left: 20px;
    display: inline;
}

.product-info-content {
    width: 100%;
    margin-top: 25px;
}
.product-info-content .product-brand-logo {
    max-width: 80px;
    margin-bottom: 10px;
}
.product-info-content .product-name {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-info-content .product-name h1 {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 38px;
    /* identical to box height */
    /* Color/Head */
    color: #4f4f4d;
}
.product-info-content .product-name .favorite {
    background: #fff;
    border: none;
}
.product-info-content .product-name .favorite i {
    font-size: 16px;
}
.product-info-content .sku-number {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #4f4f4d;
}
.product-info-content .product-price {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 7px;
}
.product-info-content .product-price span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    /* identical to box height */
    /* Color/Head */
    color: #000000;
}
.product-info-content .product-price i {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
    /* identical to box height */
    /* Color/Head */
    color: #4f4f4d;
}
.product-info-content .product-description {
    width: 100%;
    margin-top: 25px;
}
.product-info-content .product-description span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* or 171% */
    /* Color/Head */
    color: #4f4f4d;
}
.product-info-content .select-size {
    margin-top: 30px;
    display: flex;
    align-items: center;
    position: relative;
}
.product-info-content .select-size .select-size-title {
    margin-right: 30px;
}
.product-info-content .select-size .select-size-title span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Head */
    color: #4f4f4d;
}
.product-info-content .select-size #product-sizes {
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto;
    grid-template-rows: auto;
    gap: 10px;
}
.product-info-content .select-size #product-sizes .size-items {
    padding: 13px;
    width: 100%;
    height: 35px;
    border: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    /* identical to box height, or 214% */
    text-align: center;
    /* Color/Head */
    color: #4f4f4d;
}
.product-info-content .select-size #product-sizes .size-items:first-child {
    border: 2px solid black;
}
.product-info-content .select-size #product-sizes .size-items span {
    transition: 0.2s ease-in-out;
}
.product-info-content .select-size #product-sizes .size-items:hover {
    cursor: pointer;
}
.product-info-content .select-size #product-sizes .size-items:hover span {
    transition: 0.2s ease-in-out;
}
.product-info-content .select-size .select-size-guide {
    position: absolute;
    right: 0;
}
.product-info-content .select-size .select-size-guide span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    /* identical to box height, or 185% */
    /* Color/Head */
    color: #4f4f4d;
    position: relative;
}
.product-info-content .select-size .select-size-guide span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #4f4f4d;
}
.product-info-content .product-size {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
.product-info-content .product-size .sizes {
    display: flex;
    align-items: center;
}
.product-info-content .product-size .sizes .size-title {
    font-size: 14px;
    font-weight: 600;
}
.product-info-content .product-size .sizes .size-item {
    padding: 5px 8px;
    border: 1px solid #e4e4e4;
    margin-right: 15px;
    cursor: pointer;
}
.product-info-content .product-size .sizes .size-item.active {
    border: 1px solid black;
}
.product-info-content .product-size .size-guide {
    font-size: 14px;
    font-weight: 600;
    border-bottom: 2px solid #000000;
    padding-bottom: 5px;
}
.product-info-content .product-size .size-guide:hover {
    border-bottom: 2px solid var(--primary-color);
}
.product-info-content .product-colors {
    width: 100%;
    margin-top: 30px;
    display: flex;
    align-items: center;
}
.product-info-content .product-colors span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    /* Color/Head */
    color: #4f4f4d;
    margin-right: 30px;
}
.product-info-content .product-colors #colors {
    display: grid;
    gap: 26px;
    grid-template-columns: auto auto auto auto auto auto;
}
.product-info-content .product-colors #colors .ellipse-container {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.product-info-content .product-colors #colors .ellipse-container:first-child {
    border: 2px solid black;
}
.product-info-content .product-colors #colors .ellipse-container:hover {
    cursor: pointer;
    border: 2px solid black;
}
.product-info-content .product-colors #colors .ellipse-container .ellipse {
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    transition: 0.2s ease-in-out;
}
.product-info-content .product-count-selector {
    width: 100%;
    margin-top: 30px;
    display: flex;
}
.product-info-content .product-count-selector .product-quantity {
    width: 115px;
    height: 60px;
    border: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-info-content
    .product-count-selector
    .product-quantity
    .quantity-minus {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-info-content
    .product-count-selector
    .product-quantity
    .quantity-minus
    button {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    border: none;
    background: none;
    width: 100%;
    /* Color/Second */
    color: #767676;
}
.product-info-content
    .product-count-selector
    .product-quantity
    .quantity-input {
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-info-content
    .product-count-selector
    .product-quantity
    .quantity-input
    input {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    text-align: center;
    color: #767676;
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.product-info-content
    .product-count-selector
    .product-quantity
    .quantity-input
    input::-webkit-inner-spin-button {
    display: none;
}
.product-info-content
    .product-count-selector
    .product-quantity
    .quantity-input
    input::-moz-placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* Color/Second */
    color: #767676;
}
.product-info-content
    .product-count-selector
    .product-quantity
    .quantity-input
    input::placeholder {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* Color/Second */
    color: #767676;
}
.product-info-content .product-count-selector .product-quantity .quantity-plus {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-info-content
    .product-count-selector
    .product-quantity
    .quantity-plus
    button {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    border: none;
    background: none;
    /* identical to box height, or 150% */
    /* Color/Second */
    color: #767676;
}
.product-info-content .product-count-selector .product-add-cart {
    width: 300px;
    height: 60px;
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-info-content .product-count-selector .product-add-cart .add-to-basket {
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    background: no-repeat;
    border: none;
    width: 100%;
    height: 100%;
    /* identical to box height, or 171% */
    /* Color / White */
    background: var(--secondary-color);
    color: #ffffff;
}
.product-info-content .product-count-selector .buttons {
    width: 320px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 960px) {
    .product-info-content .product-count-selector .buttons {
        width: 100%;
    }
}
.product-info-content .product-count-selector .buttons .give-information {
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    background: no-repeat;
    border: none;
    width: 100%;
    height: 100%;
    /* identical to box height, or 171% */
    /* Color / White */
    background: #afa672;
    color: #ffffff;
}

.quantity-whatsapp-wrapper {
    width: 320px !important;
}
@media (max-width: 960px) {
    .quantity-whatsapp-wrapper {
        width: 100% !important;
    }
}

.fancybox-container {
    z-index: 999999999999999 !important;
}
.fancybox-container .fancybox-inner {
    width: 50%;
    margin: 50px auto;
}
.fancybox-container span.closeModal {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    display: block;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    color: #fff;
    background: #404040;
}
.fancybox-container i.ikon.kapat::before {
    content: "\2715";
    font-style: normal;
}

.fancybox-slide--html {
    padding: 0px !important;
}

.fancybox-slide--html::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.fancybox-slide--html::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5;
}

.fancybox-slide--html::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #777777;
}

.product-gallery {
    width: 700px;
}
.product-gallery .main-product-img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.product-gallery .main-product-img .mainProductImg {
    height: 100%;
    width: 100%;
}
.product-gallery .main-product-img .mainProductImg .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-gallery .main-product-img .mainProductImg .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}
.product-gallery
    .main-product-img
    .mainProductImg
    .swiper-slide
    img
    .new-badge {
    position: absolute;
    width: 50px;
    height: 30.86px;
    right: 10px;
    top: 5px;
    z-index: 7;
    background-color: #127749;
}
.product-gallery
    .main-product-img
    .mainProductImg
    .swiper-slide
    img
    .new-badge
    .new-badge-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-gallery
    .main-product-img
    .mainProductImg
    .swiper-slide
    img
    .new-badge
    .new-badge-container
    span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* or 171% */
    /* Color / White */
    color: #ffffff;
}
.product-gallery .main-product-img .mainProductImg .no-image {
    position: relative;
}
.product-gallery .main-product-img .mainProductImg .no-image .new-badge {
    position: absolute;
    width: 50px;
    height: 30.86px;
    right: 10px;
    top: 5px;
    z-index: 9;
    background-color: #127749;
}
.product-gallery
    .main-product-img
    .mainProductImg
    .no-image
    .new-badge
    .new-badge-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-gallery
    .main-product-img
    .mainProductImg
    .no-image
    .new-badge
    .new-badge-container
    span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* or 171% */
    /* Color / White */
    color: #ffffff;
}
.product-gallery .main-product-img .mainProductImg .swiper-slide-image {
    position: relative;
}
.product-gallery
    .main-product-img
    .mainProductImg
    .swiper-slide-image
    .new-badge {
    position: absolute;
    width: 50px;
    height: 30.86px;
    right: 10px;
    top: 5px;
    z-index: 9;
    background-color: #127749;
}
.product-gallery
    .main-product-img
    .mainProductImg
    .swiper-slide-image
    .new-badge
    .new-badge-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-gallery
    .main-product-img
    .mainProductImg
    .swiper-slide-image
    .new-badge
    .new-badge-container
    span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* or 171% */
    /* Color / White */
    color: #ffffff;
}
.product-gallery .main-product-img .swiper-button-prev {
    width: 45px;
    height: 45px;
    background-color: white;
    font-size: 6px;
    border-radius: 50%;
}
.product-gallery .main-product-img .swiper-button-prev::after {
    font-size: 12px;
    color: #767676;
}
.product-gallery .main-product-img .swiper-button-next {
    width: 45px;
    height: 45px;
    background-color: white;
    font-size: 6px;
    border-radius: 50%;
}
.product-gallery .main-product-img .swiper-button-next::after {
    font-size: 12px;
    color: #767676;
}
.product-gallery .thumbnail-product-img {
    width: 100%;
    height: 90px;
}
.product-gallery .thumbnail-product-img .thumbnailProductImg {
    width: 100%;
    height: 100%;
}
.product-gallery .thumbnail-product-img .thumbnailProductImg .swiper-slide {
    width: 90px;
    height: 100%;
    opacity: 0.4;
}
.product-gallery .thumbnail-product-img .thumbnailProductImg .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.product-gallery
    .thumbnail-product-img
    .thumbnailProductImg
    .swiper-slide-thumb-active {
    opacity: 1;
}

.product-whatsapp-wrapper {
    width: 100%;
    margin-top: 20px;
    display: flex;
    line-height: 1rem;
    height: 60px;
    width: 435px;
    border: 0;
    font-size: 15px;
    background: #fff;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
}
@media (max-width: 960px) {
    .product-whatsapp-wrapper {
        width: 100%;
    }
}
.product-whatsapp-wrapper a {
    width: 100%;
    align-items: center;
    color: var(--primary-color);
    display: flex;
    font-weight: 400;
    gap: 20px;
    justify-content: left;
    z-index: 5;
    font-size: 15px;
}
.product-whatsapp-wrapper a i {
    font-size: 36px;
}
.product-whatsapp-wrapper a span {
    /* text-decoration: none; */
    text-transform: uppercase;
    font-family: "Jost";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    background: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    /* background: var(--secondary-color); */
}

.description-wrapper {
    display: flex;
}
@media (max-width: 960px) {
    .description-wrapper {
        display: block;
    }
}
.description-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.description-wrapper ul:first-child {
    margin-right: 60px;
}
.description-wrapper ul li {
    margin-bottom: 20px;
}
.description-wrapper ul li .description-box {
    position: relative;
    display: flex;
    align-items: center;
}
.description-wrapper ul li .description-box img {
    width: 26px;
    height: 26px;
    display: block;
    margin-right: 10px;
}
.description-wrapper ul li .description-box .description-title {
    font-size: 14px;
    line-height: 1.6em;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: rgb(0, 0, 0);
}
.description-wrapper ul li .description-text {
    margin-left: 37px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.6em;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: rgb(0, 0, 0);
}

.spec-description {
    margin-bottom: 30px;
}

.feature-wrapper {
    width: 100%;
}
.feature-wrapper .list {
    list-style-type: none;
    padding-left: 0;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.feature-wrapper .list .item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #e4e4e4;
    align-items: center;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
}
.feature-wrapper .list .item .item-title {
    font-size: 16px;
    font-weight: 600;
    width: 35%;
}
.feature-wrapper .list .item .item-value {
    font-size: 16px;
    width: 65%;
    margin-bottom: 0;
}

.product-gallery-index2 {
    width: 720px;
}
.product-gallery-index2 .main-product-img-index2 {
    width: 100%;
    height: 700px;
    margin-bottom: 10px;
}
.product-gallery-index2 .main-product-img-index2 .mainProductImgIndex2 {
    height: 100%;
    width: 100%;
}
.product-gallery-index2
    .main-product-img-index2
    .mainProductImgIndex2
    .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-gallery-index2
    .main-product-img-index2
    .mainProductImgIndex2
    .swiper-slide
    img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.product-gallery-index2 .main-product-img-index2 .swiper-button-prev {
    width: 45px;
    height: 45px;
    background-color: white;
    font-size: 6px;
    border-radius: 50%;
}
.product-gallery-index2 .main-product-img-index2 .swiper-button-prev::after {
    font-size: 12px;
    color: #767676;
}
.product-gallery-index2 .main-product-img-index2 .swiper-button-next {
    width: 45px;
    height: 45px;
    background-color: white;
    font-size: 6px;
    border-radius: 50%;
}
.product-gallery-index2 .main-product-img-index2 .swiper-button-next::after {
    font-size: 12px;
    color: #767676;
}
.product-gallery-index2 .thumbnail-product-img-index2 {
    width: 720px;
    height: 750px;
    overflow-x: hidden;
}
.product-gallery-index2
    .thumbnail-product-img-index2
    .thumbnailProductImgIndex2 {
    width: 100%;
    height: 100%;
}
.product-gallery-index2
    .thumbnail-product-img-index2
    .thumbnailProductImgIndex2
    .swiper-wrapper {
    width: 100%;
    height: 100%;
}
.product-gallery-index2
    .thumbnail-product-img-index2
    .thumbnailProductImgIndex2
    .swiper-wrapper
    .swiper-slide {
    width: 345px;
    height: 360px;
    opacity: 0.4;
    background-color: white;
    opacity: 1;
}
.product-gallery-index2
    .thumbnail-product-img-index2
    .thumbnailProductImgIndex2
    .swiper-wrapper
    .swiper-slide
    img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.product-gallery-index2
    .thumbnail-product-img-index2
    .thumbnailProductImgIndex2
    .swiper-wrapper
    .swiper-slide-thumb-active {
    opacity: 1;
}

.product-review-index2 {
    width: 100%;
    margin-top: 30px;
}
.product-review-index2 .product-review-container {
    width: 100%;
    margin: auto;
}
.product-review-index2 .product-review-container .nav-tabs-container {
    width: 100%;
    height: 27px;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-review-index2 .product-review-container .nav-tabs-container .tab {
    position: relative;
}
.product-review-index2
    .product-review-container
    .nav-tabs-container
    .tab:hover {
    cursor: pointer;
}
.product-review-index2
    .product-review-container
    .nav-tabs-container
    .tab.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #4f4f4d;
}
.product-review-index2 .product-review-container .nav-tabs-container .tab span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    /* Color/Head */
    color: #4f4f4d;
}
.product-review-index2 .product-review-container .tab-content-container {
    width: 100%;
}
.product-review-index2
    .product-review-container
    .tab-content-container
    .tab-content {
    width: 100%;
    display: none;
}
.product-review-index2
    .product-review-container
    .tab-content-container
    .tab-content
    h3 {
    font-family: "Jost";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    /* Color/Head */
    color: #4f4f4d;
    margin-bottom: 30px;
}
.product-review-index2
    .product-review-container
    .tab-content-container
    .tab-content
    span {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    /* or 214% */
    /* Color/Head */
    color: #4f4f4d;
}
.product-review-index2
    .product-review-container
    .tab-content-container
    .tab-content
    ul {
    list-style: none;
    margin-top: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px;
}
.product-review-index2
    .product-review-container
    .tab-content-container
    .tab-content.active {
    display: block;
}

.product-view-index2 {
    width: 100%;
    margin-top: 155px;
}
.product-view-index2 .product-view-container-index2 {
    width: 1410px;
    margin: auto;
}
.product-view-index2 .product-view-container-index2 .product-details-index2 {
    width: 100%;
    margin-bottom: 110px;
}
.product-view-index2
    .product-view-container-index2
    .product-details-index2
    .product-details-container-index2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 1350px) and (min-width: 996px) {
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content span {
        font-size: 2.5rem;
        line-height: 3.2rem;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content p {
        text-align: left;
        font-size: 1.9rem;
    }
}

@media only screen and (max-width: 479px) and (min-width: 0px) {
    .large-header {
        display: none;
    }
    .mobile-product-breadcrumb {
        margin-bottom: 30px;
        padding: 20px 20px;
        display: block !important;
    }
    .mobile-product-breadcrumb .breadcrumb-path {
        list-style: none;
        padding: 0;
        display: flex;
        white-space: nowrap;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .header-slider {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img .overlay {
        width: 100%;
        height: 100%;
        background-color: rgb(0, 0, 0);
        opacity: 0.4;
        position: absolute;
        top: 0;
        left: 0;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content {
        position: absolute;
        align-items: start;
        display: flex;
        justify-content: end;
        left: 0;
        bottom: 50px;
        padding-left: 8% !important;
        padding-bottom: 50px;
        width: 100%;
        color: white;
        text-align: center;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content span {
        font-family: var(--font-1);
        font-size: 32px;
        font-weight: bold;
        line-height: 1.9rem;
        display: block;
        margin-bottom: 20px;
        text-align: left;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content p {
        font-size: 22px;
        font-weight: bold;
        color: black;
        margin: 0;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content button {
        font-family: var(--font-1);
        display: inline-block;
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
        text-align: center;
        letter-spacing: 0;
        touch-action: manipulation;
        cursor: pointer;
        border: 1px solid transparent;
        padding: 12px 30px;
        border-radius: 20px;
        white-space: nowrap;
        transition: background-color 0.3s, color 0.3s, border-color 0.3s;
        color: #ffffff;
        background-color: #127749;
    }

    .header-slider .swiper .swiper-button-prev {
        display: none;
    }
    .header-slider .swiper .swiper-button-next {
        display: none;
    }
    .header-slider .swiper .swiper-pagination {
        bottom: -5px;
    }
    .header-slider .swiper-button-prev {
        display: none;
    }
    .header-slider .swiper-button-next {
        display: none;
    }
    .header-slider .swiper-pagination {
        bottom: -5px;
    }
    .popular {
        width: 95%;
        height: 100%;
        margin: auto;
    }
    .popular .popular-container {
        width: 100%;
        margin: auto;
    }
    .popular .popular-container .popular-head {
        width: 100%;
        margin-bottom: 13px;
    }
    .popular .popular-container .popular-head .popular-head-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .popular .popular-container .popular-head .popular-head-title span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
    .popular .popular-container .popular-head .popular-head-description {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .popular .popular-container .popular-head .popular-head-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        color: #808080;
    }
    .popular .popular-container .popular-slider {
        width: 100%;
    }
    .popular .popular-container .popular-slider .popularSlider {
        width: 100%;
        height: 100%;
    }
    .popular .popular-container .popular-slider .popularSlider .swiper {
        width: 100%;
        height: 100%;
    }
    .popular
        .popular-container
        .popular-slider
        .popularSlider
        .swiper
        .swiper-slide {
        width: 100%;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .new-product {
        width: 95%;
        height: 100%;
        margin: auto;
        margin-top: 45px;
    }
    .new-product .new-product-container {
        width: 100%;
        margin: auto;
    }
    .new-product .new-product-container .new-product-head {
        width: 100%;
        margin-bottom: 13px;
    }
    .new-product
        .new-product-container
        .new-product-head
        .new-product-head-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .new-product
        .new-product-container
        .new-product-head
        .new-product-head-title
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
    .new-product
        .new-product-container
        .new-product-head
        .new-product-head-description {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .new-product
        .new-product-container
        .new-product-head
        .new-product-head-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        color: #808080;
    }
    .new-product .new-product-container .new-product-slider {
        width: 100%;
    }
    .new-product .new-product-container .new-product-slider .newProductSlider {
        width: 100%;
        height: 100%;
    }
    .new-product
        .new-product-container
        .new-product-slider
        .newProductSlider
        .swiper {
        width: 100%;
        height: 100%;
    }
    .new-product
        .new-product-container
        .new-product-slider
        .newProductSlider
        .swiper
        .swiper-slide {
        width: 100%;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .trend-product {
        width: 95%;
        height: 100%;
        margin: auto;
        margin-top: 45px;
    }
    .trend-product .trend-product-container {
        width: 100%;
        margin: auto;
    }
    .trend-product .trend-product-container .trend-product-head {
        width: 100%;
        margin-bottom: 13px;
    }
    .trend-product
        .trend-product-container
        .trend-product-head
        .trend-product-head-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .trend-product
        .trend-product-container
        .trend-product-head
        .trend-product-head-title
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
    .trend-product
        .trend-product-container
        .trend-product-head
        .trend-product-head-description {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .trend-product
        .trend-product-container
        .trend-product-head
        .trend-product-head-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        color: #808080;
    }
    .trend-product .trend-product-container .trend-product-slider {
        width: 100%;
    }
    .trend-product
        .trend-product-container
        .trend-product-slider
        .trendProductSlider {
        width: 100%;
        height: 100%;
    }
    .trend-product
        .trend-product-container
        .trend-product-slider
        .trendProductSlider
        .swiper {
        width: 100%;
        height: 100%;
    }
    .trend-product
        .trend-product-container
        .trend-product-slider
        .trendProductSlider
        .swiper
        .swiper-slide {
        width: 100%;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .card-wappers {
        width: 100%;
        height: auto;
        transition: 0s ease;
        position: relative;
    }
    .card-wappers .new-badge-add {
        position: absolute;
        width: 40px;
        height: 25px;
        left: 10px;
        top: 5px;
        z-index: 4;
        background-color: var(--secondary-color);
    }
    .card-wappers .new-badge-add .new-badge-container {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .card-wappers .new-badge-add .new-badge-container span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 24px;
        /* or 171% */
        /* Color / White */
        color: #ffffff;
    }
    .card-wappers .new-badge {
        position: absolute;
        width: 40px;
        height: 25px;
        right: 10px;
        top: 5px;
        z-index: 9;
    }
    .card-wappers .new-badge .new-badge-container {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .card-wappers .new-badge .new-badge-container span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 24px;
        /* or 171% */
        /* Color / White */
        color: #ffffff;
    }
    .card-wappers .card-img-container {
        width: 100%;
        height: auto;
        background-color: var(--card-container-bg);
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers .card-img-container .img-box {
        width: 100%;
        height: auto;
        background-color: #e7e7e7;
        transition: 0s ease;
    }
    .card-wappers .card-img-container .img-box .card-img {
        width: 100%;
        height: auto;
        transform: none;
        transition: 0s ease;
    }
    .card-wappers .card-img-container .img-box .card-img img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        transition: 0s ease;
    }
    .card-wappers .card-info {
        width: 100%;
        height: 82px;
        display: flex;
        align-items: flex-end;
        justify-content: end;
        transition: 0s ease;
    }
    .card-wappers .card-info .card-info-container {
        width: 100%;
        height: 85%;
        transition: 0s ease;
    }
    .card-wappers .card-info .card-info-container .product-name {
        transition: 0s ease;
    }
    .card-wappers .card-info .card-info-container .product-name span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers .card-info .card-info-container .product-category {
        transition: 0s ease;
    }
    .card-wappers .card-info .card-info-container .product-category span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Second */
        color: #767676;
    }
    .card-wappers .card-info .card-info-container .product-price {
        transition: 0s ease;
        display: flex;
    }
    .card-wappers
        .card-info
        .card-info-container
        .product-price
        .discount-price {
        margin-right: 7px;
        text-decoration: line-through;
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers
        .card-info
        .card-info-container
        .product-price
        .discount-price
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers .card-info .card-info-container .product-price .normal-price {
        transition: 0s ease;
    }
    .card-wappers
        .card-info
        .card-info-container
        .product-price
        .normal-price
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers .buttons {
        display: none;
    }
    .card-wappers .add-basket-btn {
        display: none;
    }
    .card-wappers:hover {
        background-color: white;
        filter: none;
        transition: 0s ease;
        cursor: pointer;
    }
    .card-wappers:hover .card-img-container {
        width: 100%;
        height: auto;
        background-color: var(--card-container-bg);
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers:hover .card-img-container .img-box {
        width: 100%;
        height: auto;
        background-color: #e7e7e7;
        transition: 0s ease;
    }
    .card-wappers:hover .card-img-container .img-box .card-img {
        width: 100%;
        height: auto;
        transform: none;
        transition: 0s ease;
    }
    .card-wappers:hover .card-img-container .img-box .card-img img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        transition: 0s ease;
    }
    .card-wappers:hover .card-info {
        width: 100%;
        height: 82px;
        display: flex;
        justify-content: start;
        transition: 0s ease;
    }
    .card-wappers:hover .card-info .card-info-container {
        width: 100%;
        height: 100%;
        transition: 0s ease;
    }
    .card-wappers:hover .card-info .card-info-container .product-name {
        transition: 0s ease;
    }
    .card-wappers:hover .card-info .card-info-container .product-name span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers:hover .card-info .card-info-container .product-category {
        transition: 0s ease;
    }
    .card-wappers:hover .card-info .card-info-container .product-category span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Second */
        color: #767676;
    }
    .card-wappers:hover .card-info .card-info-container .product-price {
        transition: 0s ease;
        position: relative;
        bottom: 0;
        right: 0;
        display: flex;
        flex-direction: row;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .discount-price {
        margin-right: 7px;
        text-decoration: line-through;
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .discount-price
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .normal-price {
        transition: 0s ease;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .normal-price
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers:hover .card-info .card-info-container .buttons {
        display: none;
    }
    .card-wappers:hover .card-info .card-info-container .add-basket-btn {
        display: none;
    }
    .about {
        width: 100%;
        height: 600px;
        margin-top: 65px;
    }
    .about .about-container {
        width: 95%;
        margin: auto;
        position: relative;
    }
    .about .about-container .about-left {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .about .about-container .about-left img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .about .about-container .about-right {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.413);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .about .about-container .about-right .about-inner {
        width: 95%;
        height: 85%;
    }
    .about .about-container .about-right .about-inner .about-logo {
        width: 100%;
        height: 91px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 17px;
    }
    .about .about-container .about-right .about-inner .about-logo img {
        width: 100%;
        height: 100%;
    }
    .about .about-container .about-right .about-inner .about-title {
        width: 100%;
        margin-bottom: 33px;
        display: flex;
        flex-direction: column;
    }
    .about
        .about-container
        .about-right
        .about-inner
        .about-title
        span:first-child {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 37px;
        text-transform: uppercase;
        /* Color/Head */
        color: #ffffff;
    }
    .about
        .about-container
        .about-right
        .about-inner
        .about-title
        span:nth-child(2) {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 37px;
        /* identical to box height */
        text-transform: uppercase;
        /* Color / Red */
        color: #ffffff;
    }
    .about .about-container .about-right .about-inner .about-description {
        width: 100%;
    }
    .about .about-container .about-right .about-inner .about-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        /* or 171% */
        /* Color / Second */
        color: #ffffff;
    }
    .about .about-container .about-right .about-inner .about-more-btn {
        width: 100%;
        margin-top: 23px;
        text-align: center;
    }
    .about .about-container .about-right .about-inner .about-more-btn a {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color/Head */
        color: #ffffff;
    }
    .service {
        width: 100%;
        height: auto;
        margin-top: 65px;
    }
    .service .service-container {
        width: 95%;
        margin: auto;
        position: relative;
        height: auto;
        flex-direction: column;
    }
    .service .service-container .service-left {
        width: 100%;
        height: 100%;
    }
    .service .service-container .service-left img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .service .service-container .service-right {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
    }
    .service .service-container .service-right .service-inner {
        width: 95%;
        height: 85%;
    }
    .service .service-container .service-right .service-inner .service-logo {
        width: 100%;
        height: 91px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 17px;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-logo
        img {
        width: 100%;
        height: 100%;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-title
        span:first-child {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 37px;
        text-transform: uppercase;
        /* Color/Head */
        color: #000000;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-title
        span:nth-child(2) {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 37px;
        /* identical to box height */
        text-transform: uppercase;
        /* Color / Red */
        color: #000000;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-description {
        width: 100%;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        /* or 171% */
        /* Color / Second */
        color: #000000;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-more-btn {
        width: 100%;
        margin: 23px 0;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-more-btn
        a {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color/Head */
        color: #000000;
    }
    .rolex-service {
        width: 95%;
        margin: auto;
        margin-top: 50px;
    }
    .rolex-service .rolex-service-description {
        width: 100%;
        text-align: center;
        display: block;
    }
    .rolex-service .rolex-service-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        /* or 214% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .rolex-service .rolex-service-container {
        width: 95%;
        height: 450px;
        margin: auto;
        background-image: none;
        position: relative;
    }
    .rolex-service .rolex-service-container .group {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .rolex-service .rolex-service-container .group .group-col {
        width: 48%;
        height: 150px;
    }
    .rolex-service .rolex-service-container .group .group-col img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .rolex-service .rolex-service-container .group .col-end {
        height: 250px;
        width: 100%;
    }
    .rolex-service .rolex-service-container .group .col-end img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .rolex-service .rolex-service-container .inner {
        display: none;
    }
    .rolex-service .rolex-service-container .overlay {
        display: none;
    }
    .blog {
        width: 95% !important;
        height: 100%;
        margin: auto;
        margin-top: 45px;
    }
    .blog .blog-container {
        width: 100%;
        margin: auto;
    }
    .blog .blog-container .blog-head {
        width: 100%;
        margin-bottom: 13px;
    }
    .blog .blog-container .blog-head .blog-head-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .blog .blog-container .blog-head .blog-head-title span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
    .blog .blog-container .blog-head .blog-head-description {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .blog .blog-container .blog-head .blog-head-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        color: #808080;
    }
    .blog .blog-container .blog-slider {
        width: 100%;
        height: 100%;
    }
    .blog .blog-container .blog-slider .blogSlider {
        width: 100%;
        height: 100%;
    }
    .blog .blog-container .blog-slider .blogSlider .swiper {
        width: 100%;
        height: 100%;
    }
    .blog .blog-container .blog-slider .blogSlider .swiper .swiper-slide {
        width: 100%;
        height: 100%;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .blog .icerik img {
        max-width: 100%;
    }
    .blog-item {
        width: 100%;
        height: 100%;
        transition: 0s ease;
    }
    .blog-item .item-img {
        width: 100%;
        height: 150px;
        display: flex;
        align-items: center;
    }
    .blog-item .item-img .img-container {
        width: 100%;
        height: 100%;
        transition: 0s ease;
    }
    .blog-item .item-img .img-container img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .blog-item .item-info {
        width: 100%;
        height: calc(100% - 150px);
        margin-top: 13px;
    }
    .blog-item .item-info .info-head {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .blog-item .item-info .info-head .blog-author span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        text-transform: lowercase;
        color: #5a5a5a;
    }
    .blog-item .item-info .info-head .blog-date span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        text-transform: lowercase;
        color: #5a5a5a;
    }
    .blog-item .item-info .blog-title {
        width: 100%;
        margin-top: 12px;
    }
    .blog-item .item-info .blog-title span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 22px;
        /* or 173% */
        text-transform: uppercase;
        /* Color/Head */
        color: #4f4f4d;
    }
    .blog-item .item-info .blog-content {
        width: 100%;
        margin-top: 8px;
    }
    .blog-item .item-info .blog-content span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        /* or 171% */
        /* Color / Second */
        color: #767676;
    }
    .blog-item .item-btn {
        width: 100%;
    }
    .blog-item .item-btn a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color/Head */
        color: #4f4f4d;
        position: relative;
    }
    .blog-item .item-btn a::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 63.29px;
        height: 2.02px;
        background-color: #4f4f4d;
    }
    .blog-item:hover .img-container {
        width: 100%;
        height: 100%;
        transition: 0s ease-in-out;
    }
    .blog-item:hover .item-btn {
        cursor: pointer;
    }
    .partner {
        width: 95%;
        height: 100%;
        margin: auto;
        margin-top: 45px;
        margin-bottom: 48px;
    }
    .partner .partner-container {
        width: 100%;
        margin: auto;
    }
    .partner .partner-container .partnerSlider {
        width: 100%;
        height: 80px;
    }
    .partner .partner-container .partnerSlider .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .partner .partner-container .partnerSlider .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 100%;
    }
    .partner
        .partner-container
        .partnerSlider
        .swiper-wrapper
        .swiper-slide
        img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
    footer {
        width: 100%;
        height: 100%;
        background-color: var(--footer-bg);
    }
    footer .footer-container {
        width: 100%;
        height: 100%;
        min-height: 100%;
        margin: auto;
    }
    footer .footer-container .footer-row {
        width: 100%;
        height: 100%;
    }
    .footer-icons {
        width: 100%;
        height: 541px;
        position: relative;
        display: flex;
        align-items: center;
        padding-top: 0;
        padding-bottom: 37px;
        background-color: white;
    }
    .footer-icons::after {
        display: none;
    }
    .footer-icons .footer-icons-content {
        width: 100%;
        margin: auto;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-color: white;
    }
    .footer-icons .footer-icons-content .footer-icons-box {
        width: 95%;
        margin: auto;
        height: 131px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-left {
        height: 100%;
        display: flex;
        align-items: center;
        margin-right: 18px;
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-left
        i {
        font-size: 45px;
        color: rgb(0, 0, 0);
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-right {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-right
        #footer-icons-box-header {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 26px;
        /* or 162% */
        text-transform: uppercase;
        /* Color / White */
        color: #000000;
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-right
        #footer-icons-box-content {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        /* Color / White */
        color: #000000;
    }
    .footer-inner {
        width: 100%;
        height: 100%;
        padding-top: 20px;
        border-bottom: 1px solid #7b7878;
        position: relative;
    }
    .footer-inner::after {
        display: none;
    }
    .footer-inner .footer-inner-container {
        width: 95%;
        margin: auto;
        min-height: 100%;
    }
    .footer-inner .footer-inner-container .footer-inner-row {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .footer-inner .footer-inner-container .footer-inner-row .footer-inner-left {
        width: 282px;
        height: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-logo {
        width: 150px;
        height: 100px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-logo
        img {
        width: 100%;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-adress {
        width: 100%;
        height: 100%;
        margin-top: 15px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-adress
        span {
        font-family: var(--font-Montserrat);
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color / White */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-contact {
        height: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 22px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-contact
        span {
        font-family: var(--font-Montserrat);
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color / White */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-social {
        height: 100%;
        display: flex;
        gap: 36px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-social
        .footer-social-icon-box {
        height: 100%;
        color: white;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center {
        max-height: 180px;
        margin-right: 0;
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-corporate
        .footer-inner-corporate-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0px;
        padding: 10px 0;
        border-bottom: 1px solid #fff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-corporate
        .footer-inner-corporate-header
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-corporate
        .footer-inner-corporate-header
        i {
        color: #fff;
        font-size: 16px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-corporate
        .footer-inner-corporate-items {
        display: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-corporate
        .footer-inner-corporate-items
        ul {
        list-style-type: none;
        padding: 15px 0;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-corporate
        .footer-inner-corporate-items
        ul
        li
        a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0px;
        padding: 10px 0;
        border-bottom: 1px solid #fff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-header
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-header
        i {
        color: #fff;
        font-size: 16px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-items
        ul {
        list-style-type: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-items
        ul
        li
        a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-items
        .category-product-title {
        display: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-items
        .category-product-items {
        display: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-items
        .h {
        display: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-brand
        .footer-inner-brand-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0px;
        padding: 10px 0;
        border-bottom: 1px solid #fff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-brand
        .footer-inner-brand-header
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-brand
        .footer-inner-brand-header
        i {
        color: #fff;
        font-size: 16px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-brand
        .footer-inner-brand-items
        ul {
        list-style-type: none;
        padding: 15px 0;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-brand
        .footer-inner-brand-items
        ul
        li
        a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-brand
        .footer-inner-brand-items
        .h {
        display: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-help
        .footer-inner-help-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0px;
        padding: 10px 0;
        border-bottom: 1px solid #fff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-help
        .footer-inner-help-header
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-help
        .footer-inner-help-header
        i {
        color: #fff;
        font-size: 16px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-help
        .footer-inner-help-items {
        display: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-help
        .footer-inner-help-items
        ul {
        list-style-type: none;
        padding: 15px 0;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-help
        .footer-inner-help-items
        ul
        li
        a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-right {
        display: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email {
        width: 100%;
        height: 100%;
        display: block;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-header {
        width: 100%;
        margin-bottom: 27px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-header
        span {
        text-transform: uppercase;
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-description {
        width: 282px;
        margin-bottom: 15px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-input-email {
        width: 100%;
        height: 55px;
        display: flex;
        align-items: center;
        background-color: white;
        padding: 14px 21px;
        margin-bottom: 41px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-input-email
        input {
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-input-email
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        text-transform: uppercase;
        /* Color/Head */
        color: #4f4f4d;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-secure-payments {
        width: 100%;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-secure-payments
        .secure-payments-header {
        width: 100%;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-secure-payments
        .secure-payments-header
        span {
        text-transform: uppercase;
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-secure-payments
        .secure-payments-header
        img {
        margin-top: 11px;
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 20px 0;
    }
    .footer-bottom {
        width: 100%;
        height: 100%;
        padding-top: 15px;
        padding-bottom: 25px;
    }
    .footer-bottom .footer-bottom-container {
        width: 95%;
        margin: auto;
        min-height: 13px;
    }
    .footer-bottom .footer-bottom-container .footer-bottom-row {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        justify-content: space-between;
        gap: 16px;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 16px;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-left {
        width: 49px;
        height: 12px;
        text-align: center;
        margin: auto;
        order: 2;
        flex: 1;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-left
        img {
        width: 100%;
        height: 100%;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right {
        height: 100%;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        /* order: -1; */
        /* flex: 1; */
        width: 100%;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container {
        width: 100%;
        display: flex;
        align-items: center;
        margin-right: 13px;
        justify-content: end;
        margin-top: 0;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        /* Color / White */
        color: #ffffff;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language {
        height: 100%;
        position: relative;
        display: flex;
        align-items: center;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language:hover {
        cursor: pointer;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language:hover
        .footer-right-language-chooser {
        display: block;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        a {
        text-decoration: none;
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        /* Color / White */
        color: #ffffff;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        i {
        margin-left: 10px;
        font-size: 13px;
        color: white;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        .footer-right-language-chooser {
        height: 80px;
        position: absolute;
        top: -80px;
        left: 0;
        z-index: 9999;
        left: -10px;
        display: flex;
        text-align: center;
        flex-direction: column-reverse;
        justify-content: space-between;
        display: none;
        background-color: var(--card-hover-basket-btn-bg);
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        .footer-right-language-chooser
        a {
        text-decoration: none;
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 36px;
        /* Color / White */
        color: #ffffff;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        .footer-right-language-chooser
        a:hover {
        color: goldenrod;
    }
    .category-products {
        width: 100%;
        margin-top: 20px;
    }
    .category-products .category-products-container {
        width: 100%;
        margin: auto;
    }
    .category-products .category-products-container .category-products-row {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left {
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        background-color: rgb(255, 255, 255);
        position: fixed;
        padding: 100px 0;
        top: 0px;
        left: 0;
        z-index: 999999;
        display: none;
        animation: ShowSidebar 0.2s ease-in;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .fixed-sidebar {
        width: 90%;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header {
        display: block;
        width: 100%;
        height: 82px;
        background-color: #faf9f8;
        display: flex;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header
        .small-fixed-sidebar-container {
        width: 90%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header
        .small-fixed-sidebar-container
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 23px;
        /* Color/Head */
        color: #4f4f4d;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header
        .small-fixed-sidebar-container
        i {
        font-size: 16px;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header
        .small-fixed-sidebar-container
        i:hover {
        cursor: pointer;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-right {
        width: 100%;
        margin: auto;
    }
    @keyframes ShowSidebar {
        0% {
            width: 0;
        }
        25% {
            width: 25%;
        }
        50% {
            width: 50%;
        }
        75% {
            width: 75%;
        }
        100% {
            width: 100%;
        }
    }
    .fixed-sidebar {
        width: 95%;
        height: 100%;
        margin: auto;
    }
    .page-slider {
        width: 100%;
        height: 200px;
        position: relative;
    }
    .page-slider .swiper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .page-slider .swiper .swiper-pagination {
        display: none;
    }
    .page-slider .swiper .swiper-slide {
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .page-slider .swiper .swiper-slide .slider-container {
        width: 90%;
        height: 80%;
    }
    .page-slider .swiper .swiper-slide .slider-container .slider-row {
        width: 100%;
        height: 100%;
        display: flex;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content {
        width: 40%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content
        .slider-content-title {
        width: 70%;
        text-align: left;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content
        .slider-content-title
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 15px;
        /* or 143% */
        /* Color/Head */
        color: black;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content
        .slider-content-title
        span:nth-child(2) {
        font-family: "Jost";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 15px;
        /* or 143% */
        /* Color/Head */
        color: black;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content
        .slider-content-text {
        margin-top: 15px;
        width: 100%;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 14px;
        /* or 171% */
        text-align: left;
        /* Color/Head */
        color: #4f4f4d;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-img {
        width: 60%;
        height: 100%;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-img
        img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .page-slider .autoplay-progress {
        position: absolute;
        right: 16px;
        bottom: 16px;
        z-index: 10;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        color: var(--swiper-theme-color);
    }
    .page-slider .autoplay-progress svg {
        --progress: 0;
        position: absolute;
        left: 0;
        top: 0px;
        z-index: 10;
        width: 100%;
        height: 100%;
        stroke-width: 4px;
        stroke: var(--swiper-theme-color);
        fill: none;
        stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
        stroke-dasharray: 125.6;
        transform: rotate(-90deg);
    }
    .filter-top {
        width: 95%;
        margin: auto;
        height: 24px;
        margin-top: 34px;
        margin-bottom: 30px;
    }
    .filter-top .filter-top-container {
        width: 100%;
        height: 100%;
    }
    .filter-top .filter-top-container .filter-top-row {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }
    .filter-top .filter-top-container .filter-top-row .filter-top-left {
        display: none;
    }
    .filter-top .filter-top-container .filter-top-row .filter-top-right {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .section-filter {
        height: 100%;
        display: flex;
        align-items: center;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .section-filter
        i {
        font-size: 14px;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .section-filter
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        margin-left: 10px;
        color: #4f4f4d;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .category-chooser {
        height: 100%;
        margin-right: 0px;
        position: relative;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .category-chooser::before {
        content: "";
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #7d7d7d;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .category-chooser
        select {
        border: none;
        outline: none;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .divider {
        display: none;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .products-all-page {
        display: none;
    }
    .category-products-row .product-list {
        width: 95%;
        margin: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .category-products-pagination {
        padding: 0px 4px;
        position: relative;
    }
    .category-products-pagination .pagination-page-btn ul {
        padding: 0;
        gap: 10px;
    }
    .product-view {
        width: 100%;
        margin-top: 0px;
    }
    .product-view .product-view-container {
        width: 100%;
        margin: auto;
    }
    .product-view .product-view-container .product-details {
        width: 100%;
        margin-bottom: 50px;
    }
    .product-view
        .product-view-container
        .product-details
        .product-details-container {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .modal {
        display: none;
        position: fixed;
        z-index: 9999;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.9);
        overflow: auto;
        /* Modal Content (image) */
    }
    .modal .modal-content {
        margin: auto;
        display: block;
        width: 90%;
        max-width: 95%;
        /* The Close Button */
    }
    .modal .modal-content img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .modal .modal-content .close {
        position: absolute;
        top: 0px;
        right: 0px;
        color: #000000;
        font-size: 40px;
        font-weight: bold;
        transition: 0.3s;
        z-index: 99;
    }
    .modal .modal-content .close:hover,
    .modal .modal-content .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }
    .product-gallery {
        width: 100%;
    }
    .product-gallery .main-product-img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .product-gallery .main-product-img .mainProductImg {
        height: 100%;
        width: 100%;
    }
    .product-gallery .main-product-img .mainProductImg .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-gallery .main-product-img .mainProductImg .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product-gallery .main-product-img .mainProductImg .no-image {
        width: 100%;
        height: 100%;
    }
    .product-gallery .main-product-img .mainProductImg .no-image img {
        width: 100%;
        height: 70%;
    }
    .product-gallery .main-product-img .swiper-button-prev {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery .main-product-img .swiper-button-prev::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery .main-product-img .swiper-button-next {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery .main-product-img .swiper-button-next::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery .thumbnail-product-img {
        width: 95%;
        margin: auto;
        height: 90px;
    }
    .product-gallery .thumbnail-product-img .thumbnailProductImg {
        width: 100%;
        height: 100%;
    }
    .product-gallery .thumbnail-product-img .thumbnailProductImg .swiper-slide {
        width: 90px;
        height: 100%;
        opacity: 0.4;
    }
    .product-gallery
        .thumbnail-product-img
        .thumbnailProductImg
        .swiper-slide
        img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product-gallery
        .thumbnail-product-img
        .thumbnailProductImg
        .swiper-slide-thumb-active {
        opacity: 1;
    }
    .product-info {
        width: 95%;
        margin: auto;
    }
    .product-breadcrumb {
        display: none;
    }
    .product-info-content {
        width: 100%;
        margin-top: 30px;
    }
    .product-info-content .product-brand-logo {
        margin-top: 10px;
    }
    .product-info-content .product-name {
        width: 100%;
    }
    .product-info-content .product-name span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 29px;
        /* identical to box height */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-info-content .product-price {
        width: 100%;
        display: flex;
        align-items: center;
        margin-top: 7px;
    }
    .product-info-content .product-price span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 500;
        font-size: 22px;
        line-height: 32px;
        /* identical to box height */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-info-content .product-price i {
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 32px;
        /* identical to box height */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-info-content .product-description {
        width: 100%;
        margin-top: 25px;
    }
    .product-info-content .product-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-info-content .product-size {
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .product-info-content .product-size .sizes {
        margin: 10px 0 20px 0;
    }
    .product-info-content .product-size .sizes .size-title {
        font-size: 14px;
        font-weight: 600;
        margin-right: 25px;
    }
    .product-info-content .product-size .sizes .size-item {
        padding: 5px 8px;
        border: 1px solid #e4e4e4;
        margin-right: 10px;
        cursor: pointer;
    }
    .product-info-content .product-size .sizes .size-item.active {
        border: 1px solid black;
    }
    .product-info-content .product-size .size-guide {
        font-size: 14px;
        font-weight: 600;
        border-bottom: 2px solid #000000;
        padding-bottom: 5px;
    }
    .product-info-content .select-size {
        display: none;
    }
    .product-info-content .product-colors {
        display: none;
    }
    .product-info-content .product-count-selector {
        width: 100%;
        margin-top: 30px;
        display: flex;
    }
    .product-info-content .product-count-selector .product-quantity {
        width: 115px;
        height: 60px;
        border: 1px solid #e4e4e4;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-minus {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-minus
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Color/Second */
        color: #767676;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input {
        width: 40%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input
        input {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        outline: none;
        text-align: center;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input
        input::-webkit-inner-spin-button {
        display: none;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input
        input::-moz-placeholder {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Color/Second */
        color: #767676;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input
        input::placeholder {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Color/Second */
        color: #767676;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-plus {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-plus
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Color/Second */
        color: #767676;
    }
    .product-info-content .product-count-selector .product-add-cart {
        width: 300px;
        height: 60px;
        background-color: #4f4f4d;
        margin-left: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-info-content .product-count-selector .product-add-cart a {
        text-decoration: none;
        text-transform: uppercase;
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color / White */
        color: #ffffff;
    }
    .product-review {
        width: 95%;
    }
    .product-review .nav-tabs-container {
        width: 100%;
        height: 27px;
        margin-bottom: 50px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .product-review .nav-tabs-container .tab {
        position: relative;
    }
    .product-review .nav-tabs-container .tab:hover {
        cursor: pointer;
    }
    .product-review .nav-tabs-container .tab.active::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #4f4f4d;
    }
    .product-review .nav-tabs-container .tab span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 23px;
        text-align: center;
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-review .nav-tabs-container .tab-content-container {
        width: 100%;
        height: 100%;
    }
    .product-review .nav-tabs-container .tab-content-container .tab-content {
        width: 100%;
        display: none;
    }
    .product-review .nav-tabs-container .tab-content-container .tab-content h3 {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 23px;
        /* Color/Head */
        color: #4f4f4d;
        margin-bottom: 30px;
    }
    .product-review
        .nav-tabs-container
        .tab-content-container
        .tab-content
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        /* or 214% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-review .nav-tabs-container .tab-content-container .tab-content ul {
        list-style: none;
        margin-top: 30px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
        margin-bottom: 30px;
    }
    .product-review
        .nav-tabs-container
        .tab-content-container
        .tab-content.active {
        display: block;
    }
    .related-product {
        width: 100%;
        margin-top: 45px;
        margin-bottom: 100px;
    }
    .related-product .related-product-container {
        width: 95%;
        margin: auto;
    }
    .related-product .related-product-container .related-product-head {
        width: 100%;
        margin-bottom: 50px;
    }
    .related-product
        .related-product-container
        .related-product-head
        .related-product-head-title {
        width: 100%;
        display: flex;
    }
    .related-product
        .related-product-container
        .related-product-head
        .related-product-head-title
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        /* Color/Head */
        color: #4f4f4d;
    }
    .related-product
        .related-product-container
        .related-product-head
        .related-product-head-title
        span:nth-child(2) {
        font-family: "Jost";
        font-style: normal;
        font-weight: 700;
        font-size: 26px;
        line-height: 38px;
        /* Color/Head */
        color: #4f4f4d;
    }
    .related-product .related-product-container .related-product-slider {
        width: 100%;
    }
    .related-product
        .related-product-container
        .related-product-slider
        .relatedProductSlider {
        width: 100%;
        height: 100%;
    }
    .related-product
        .related-product-container
        .related-product-slider
        .relatedProductSlider
        .swiper {
        width: 100%;
        height: 100%;
    }
    .related-product
        .related-product-container
        .related-product-slider
        .relatedProductSlider
        .swiper
        .swiper-slide {
        width: 100%;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-view-index2 {
        width: 100%;
        margin-top: 70px;
    }
    .product-view-index2 .product-view-container-index2 {
        width: 100%;
        margin: auto;
    }
    .product-view-index2
        .product-view-container-index2
        .product-details-index2 {
        width: 100%;
        margin-bottom: 110px;
    }
    .product-view-index2
        .product-view-container-index2
        .product-details-index2
        .product-details-container-index2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .product-gallery-index2 {
        width: 100%;
    }
    .product-gallery-index2 .main-product-img-index2 {
        width: 100%;
        height: 700px;
        margin-bottom: 10px;
    }
    .product-gallery-index2 .main-product-img-index2 .mainProductImgIndex2 {
        height: 100%;
        width: 100%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .mainProductImgIndex2
        .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-gallery-index2
        .main-product-img-index2
        .mainProductImgIndex2
        .swiper-slide
        img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product-gallery-index2 .main-product-img-index2 .swiper-button-prev {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .swiper-button-prev::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery-index2 .main-product-img-index2 .swiper-button-next {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .swiper-button-next::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery-index2 {
        width: 100%;
    }
    .product-gallery-index2 .main-product-img-index2 {
        width: 100%;
        height: 550px;
        margin-bottom: 10px;
    }
    .product-gallery-index2 .main-product-img-index2 .mainProductImgIndex2 {
        height: 100%;
        width: 100%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .mainProductImgIndex2
        .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-gallery-index2
        .main-product-img-index2
        .mainProductImgIndex2
        .swiper-slide
        img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product-gallery-index2 .main-product-img-index2 .swiper-button-prev {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .swiper-button-prev::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery-index2 .main-product-img-index2 .swiper-button-next {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .swiper-button-next::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery-index2 .thumbnail-product-img-index2 {
        width: 95%;
        margin: auto;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2 {
        width: 100%;
        height: 100%;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2
        .swiper-slide {
        width: 90px;
        height: 100%;
        opacity: 0.4;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2
        .swiper-slide
        img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2
        .swiper-slide-thumb-active {
        opacity: 1;
    }
    .favorites-list.col-4.gap-20 {
        grid-template-columns: repeat(1, 1fr);
    }
    .favorites-list.col-4.gap-20 .swiper-slide {
        width: auto;
        place-self: center;
    }
    .header-search-box-container {
        padding: 25px 0;
    }
    .profile-account-wrapper {
        display: none;
    }
    .profile-account-wrapper:hover .profile-dropdown {
        display: none;
    }
    .small-header .profile-account {
        display: none;
    }
    .fancybox-container .fancybox-inner {
        width: 100%;
    }
    section.cookies {
        height: auto;
        width: 100%;
        flex-direction: column;
        padding: 10px;
    }
    section.cookies .center {
        max-width: 90%;
    }
    section.cookies .center span {
        font-size: 12px;
    }
    section.cookies .center span h1 {
        font-size: 14px;
        font-weight: bold;
    }
    section.cookies .center .switches {
        flex-wrap: wrap;
    }
    section.cookies .center .more-options {
        margin-top: 10px;
    }
    section.cookies .agree-wrapper {
        max-width: 90%;
        flex-direction: column-reverse;
        margin: 10px auto;
    }
    section.cookies .agree-wrapper .agree span {
        width: 320px;
        font-size: 12px;
    }
    section.cookies .agree-wrapper .no-agree span {
        width: 320px;
        font-size: 12px;
    }
    section.more-options-modal .content {
        padding: 10px 0 !important;
        width: 95% !important;
        height: 95% !important;
    }
    section.more-options-modal .content .header {
        padding: 0;
    }
    section.more-options-modal .content .menu .menu-item {
        padding: 10px 0;
    }
    section.more-options-modal .content .options {
        padding: 15px !important;
        min-height: 350px !important;
    }
    section.more-options-modal
        .content
        .options
        .form-check
        input[type="checkbox"] {
        height: 1.4em;
    }
    section.more-options-modal
        .content
        .options
        .form-switch
        .form-check-input {
        width: 2.5em;
    }
    section.more-options-modal .content .options .options-consent h2 {
        padding: 0;
        font-size: 14px !important;
        font-weight: bold;
    }
    section.more-options-modal .content .options .options-consent p {
        font-size: 12px !important;
    }
    section.more-options-modal .content .options .options-detail h2 {
        padding: 0;
        font-size: 14px !important;
        font-weight: bold;
    }
    section.more-options-modal .content .options .options-detail p {
        font-size: 12px !important;
    }
    section.more-options-modal .content .options .options-detail .detail-row p {
        padding-left: 30px;
    }
    section.more-options-modal
        .content
        .options
        .options-detail
        .detail-row
        .details-options {
        padding-left: 30px !important;
        padding-right: 3px !important;
    }
    section.more-options-modal
        .content
        .options
        .options-detail
        .detail-row
        .details-options
        .form-check.form-switch
        h4 {
        font-weight: bold;
        font-size: 12px !important;
    }
    section.more-options-modal .content .options .options-about h2 {
        padding: 0;
        font-size: 14px !important;
        font-weight: bold;
    }
    section.more-options-modal .content .options .options-about p {
        font-size: 12px !important;
    }
    section.more-options-modal .content .footer {
        flex-direction: column;
        padding: 5px;
        gap: 10px;
        max-height: 350px;
        margin-top: auto;
        margin-bottom: auto;
        justify-content: normal;
        height: auto;
    }
    section.more-options-modal .content .footer .no-agree span {
        width: 280px !important;
        font-size: 12px !important;
    }
    section.more-options-modal .content .footer .agree span {
        width: 280px !important;
        font-size: 12px !important;
    }
    .feature-wrapper .list {
        display: grid !important;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .feature-wrapper .list .item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-bottom: none;
        align-items: center;
        margin-top: 5px;
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .feature-wrapper .list .item .item-title {
        font-size: 16px;
        font-weight: 600;
        width: 100%;
    }
    .feature-wrapper .list .item .item-value {
        font-size: 16px;
        width: 100%;
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
    .large-header {
        display: none;
    }
    .header-slider {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img .overlay {
        width: 100%;
        height: 100%;
        background-color: rgb(0, 0, 0);
        opacity: 0.4;
        position: absolute;
        top: 0;
        left: 0;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        padding: 15px 20px;
        text-align: center;
        left: 0 !important;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content span {
        font-family: var(--font-1);
        font-size: 2.4rem;
        font-weight: bold;
        line-height: 2.7rem;
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content p {
        font-size: 1.3rem;
        font-weight: bold;
        color: black;
        margin: 0;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content button {
        text-transform: none;
        font-family: var(--font-1);
        font-weight: bold;
        background-color: #127749;
        border: 1px solid #127749;
        color: white;
        border-radius: 40px;
        font-size: 1rem;
        line-height: 1.8rem;
        padding: 8px 25px;
    }
    .header-slider .swiper .swiper-button-prev {
        display: none;
    }
    .header-slider .swiper .swiper-button-next {
        display: none;
    }
    .header-slider .swiper-pagination {
        bottom: -5px;
    }
    .popular {
        width: 95%;
        height: 100%;
        margin: auto;
        margin-top: 45px;
    }
    .popular .popular-container {
        width: 100%;
        margin: auto;
    }
    .popular .popular-container .popular-head {
        width: 100%;
        margin-bottom: 13px;
    }
    .popular .popular-container .popular-head .popular-head-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .popular .popular-container .popular-head .popular-head-title span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
    .popular .popular-container .popular-head .popular-head-description {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .popular .popular-container .popular-head .popular-head-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        color: #808080;
    }
    .popular .popular-container .popular-slider {
        width: 100%;
    }
    .popular .popular-container .popular-slider .popularSlider {
        width: 100%;
        height: 100%;
    }
    .popular .popular-container .popular-slider .popularSlider .swiper {
        width: 100%;
        height: 100%;
    }
    .popular
        .popular-container
        .popular-slider
        .popularSlider
        .swiper
        .swiper-slide {
        width: 100%;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .new-product {
        width: 95%;
        height: 100%;
        margin: auto;
        margin-top: 45px;
    }
    .new-product .new-product-container {
        width: 100%;
        margin: auto;
    }
    .new-product .new-product-container .new-product-head {
        width: 100%;
        margin-bottom: 13px;
    }
    .new-product
        .new-product-container
        .new-product-head
        .new-product-head-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .new-product
        .new-product-container
        .new-product-head
        .new-product-head-title
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
    .new-product
        .new-product-container
        .new-product-head
        .new-product-head-description {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .new-product
        .new-product-container
        .new-product-head
        .new-product-head-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        color: #808080;
    }
    .new-product .new-product-container .new-product-slider {
        width: 100%;
    }
    .new-product .new-product-container .new-product-slider .newProductSlider {
        width: 100%;
        height: 100%;
    }
    .new-product
        .new-product-container
        .new-product-slider
        .newProductSlider
        .swiper {
        width: 100%;
        height: 100%;
    }
    .new-product
        .new-product-container
        .new-product-slider
        .newProductSlider
        .swiper
        .swiper-slide {
        width: 100%;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .trend-product {
        width: 95%;
        height: 100%;
        margin: auto;
        margin-top: 45px;
    }
    .trend-product .trend-product-container {
        width: 100%;
        margin: auto;
    }
    .trend-product .trend-product-container .trend-product-head {
        width: 100%;
        margin-bottom: 13px;
    }
    .trend-product
        .trend-product-container
        .trend-product-head
        .trend-product-head-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .trend-product
        .trend-product-container
        .trend-product-head
        .trend-product-head-title
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
    .trend-product
        .trend-product-container
        .trend-product-head
        .trend-product-head-description {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .trend-product
        .trend-product-container
        .trend-product-head
        .trend-product-head-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        color: #808080;
    }
    .trend-product .trend-product-container .trend-product-slider {
        width: 100%;
    }
    .trend-product
        .trend-product-container
        .trend-product-slider
        .trendProductSlider {
        width: 100%;
        height: 100%;
    }
    .trend-product
        .trend-product-container
        .trend-product-slider
        .trendProductSlider
        .swiper {
        width: 100%;
        height: 100%;
    }
    .trend-product
        .trend-product-container
        .trend-product-slider
        .trendProductSlider
        .swiper
        .swiper-slide {
        width: 100%;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .card-wappers {
        width: 100%;
        height: auto;
        transition: 0s ease;
        position: relative;
    }
    .card-wappers .new-badge-add {
        position: absolute;
        width: 40px;
        height: 25px;
        left: 10px;
        top: 5px;
        z-index: 4;
        background-color: var(--secondary-color);
    }
    .card-wappers .new-badge-add .new-badge-container {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .card-wappers .new-badge-add .new-badge-container span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 24px;
        /* or 171% */
        /* Color / White */
        color: #ffffff;
    }
    .card-wappers .new-badge {
        position: absolute;
        width: 40px;
        height: 25px;
        right: 10px;
        top: 5px;
        z-index: 9;
    }
    .card-wappers .new-badge .new-badge-container {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .card-wappers .new-badge .new-badge-container span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 24px;
        /* or 171% */
        /* Color / White */
        color: #ffffff;
    }
    .card-wappers .card-img-container {
        width: 100%;
        height: auto;
        background-color: var(--card-container-bg);
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers .card-img-container .img-box {
        width: 100%;
        height: auto;
        background-color: #e7e7e7;
        transition: 0s ease;
    }
    .card-wappers .card-img-container .img-box .card-img {
        width: 100%;
        height: auto;
        transform: none;
        transition: 0s ease;
    }
    .card-wappers .card-img-container .img-box .card-img img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        transition: 0s ease;
    }
    .card-wappers .card-info {
        width: 100%;
        height: 90px;
        display: flex;
        align-items: flex-end;
        justify-content: end;
        transition: 0s ease;
    }
    .card-wappers .card-info .card-info-container {
        width: 100%;
        height: 85%;
        transition: 0s ease;
    }
    .card-wappers .card-info .card-info-container .product-name {
        transition: 0s ease;
    }
    .card-wappers .card-info .card-info-container .product-name span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers .card-info .card-info-container .product-category {
        transition: 0s ease;
    }
    .card-wappers .card-info .card-info-container .product-category span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Second */
        color: #767676;
    }
    .card-wappers .card-info .card-info-container .product-price {
        transition: 0s ease;
        display: flex;
    }
    .card-wappers
        .card-info
        .card-info-container
        .product-price
        .discount-price {
        margin-right: 7px;
        text-decoration: line-through;
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers
        .card-info
        .card-info-container
        .product-price
        .discount-price
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers .card-info .card-info-container .product-price .normal-price {
        transition: 0s ease;
    }
    .card-wappers
        .card-info
        .card-info-container
        .product-price
        .normal-price
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers .buttons {
        display: none;
    }
    .card-wappers .add-basket-btn {
        display: none;
    }
    .card-wappers:hover {
        background-color: white;
        filter: none;
        transition: 0s ease;
        cursor: pointer;
    }
    .card-wappers:hover .card-img-container {
        width: 100%;
        height: auto;
        background-color: var(--card-container-bg);
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers:hover .card-img-container .img-box {
        width: 100%;
        height: auto;
        background-color: #e7e7e7;
        transition: 0s ease;
    }
    .card-wappers:hover .card-img-container .img-box .card-img {
        width: 100%;
        height: auto;
        transform: none;
        transition: 0s ease;
    }
    .card-wappers:hover .card-img-container .img-box .card-img img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        transition: 0s ease;
    }
    .card-wappers:hover .card-info {
        width: 100%;
        height: 82px;
        display: flex;
        justify-content: start;
        transition: 0s ease;
    }
    .card-wappers:hover .card-info .card-info-container {
        width: 100%;
        height: 100%;
        transition: 0s ease;
    }
    .card-wappers:hover .card-info .card-info-container .product-name {
        transition: 0s ease;
    }
    .card-wappers:hover .card-info .card-info-container .product-name span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers:hover .card-info .card-info-container .product-category {
        transition: 0s ease;
    }
    .card-wappers:hover .card-info .card-info-container .product-category span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Second */
        color: #767676;
    }
    .card-wappers:hover .card-info .card-info-container .product-price {
        transition: 0s ease;
        position: relative;
        bottom: 0;
        right: 0;
        display: flex;
        flex-direction: row;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .discount-price {
        margin-right: 7px;
        text-decoration: line-through;
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .discount-price
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .normal-price {
        transition: 0s ease;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .normal-price
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers:hover .card-info .card-info-container .add-basket-btn {
        display: none;
    }
    .card-wappers:hover .card-info .card-info-container .buttons {
        display: none;
    }
    .about {
        width: 100%;
        height: 600px;
        margin-top: 65px;
    }
    .about .about-container {
        width: 100%;
        margin: auto;
        position: relative;
    }
    .about .about-container .about-left {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .about .about-container .about-left img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .about .about-container .about-right {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.413);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .about .about-container .about-right .about-inner {
        width: 85%;
        height: 85%;
    }
    .about .about-container .about-right .about-inner .about-logo {
        width: 100%;
        height: 91px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 17px;
    }
    .about .about-container .about-right .about-inner .about-logo img {
        width: 100%;
        height: 100%;
    }
    .about .about-container .about-right .about-inner .about-title {
        width: 100%;
        margin-bottom: 33px;
        display: flex;
        flex-direction: column;
    }
    .about
        .about-container
        .about-right
        .about-inner
        .about-title
        span:first-child {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 37px;
        text-transform: uppercase;
        /* Color/Head */
        color: #ffffff;
    }
    .about
        .about-container
        .about-right
        .about-inner
        .about-title
        span:nth-child(2) {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 37px;
        /* identical to box height */
        text-transform: uppercase;
        /* Color / Red */
        color: #ffffff;
    }
    .about .about-container .about-right .about-inner .about-description {
        width: 100%;
    }
    .about .about-container .about-right .about-inner .about-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        /* or 171% */
        /* Color / Second */
        color: #ffffff;
    }
    .about .about-container .about-right .about-inner .about-more-btn {
        width: 100%;
        margin-top: 23px;
    }
    .about .about-container .about-right .about-inner .about-more-btn a {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color/Head */
        color: #ffffff;
    }
    .service {
        width: 100%;
        height: auto;
        margin-top: 65px;
    }
    .service .service-container {
        width: 100%;
        margin: auto;
        position: relative;
        height: auto;
        flex-direction: column;
    }
    .service .service-container .service-left {
        width: 100%;
        height: 100%;
    }
    .service .service-container .service-left img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .service .service-container .service-right {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .service .service-container .service-right .service-inner {
        width: 95%;
        height: 85%;
    }
    .service .service-container .service-right .service-inner .service-logo {
        width: 100%;
        height: 91px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 17px;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-logo
        img {
        width: 100%;
        height: 100%;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-title
        span:first-child {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 37px;
        text-transform: uppercase;
        /* Color/Head */
        color: #000000;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-title
        span:nth-child(2) {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 37px;
        /* identical to box height */
        text-transform: uppercase;
        /* Color / Red */
        color: #000000;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-description {
        width: 100%;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        /* or 171% */
        /* Color / Second */
        color: #000000;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-more-btn {
        width: 100%;
        margin: 23px 0;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-more-btn
        a {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color/Head */
        color: #000000;
    }
    .rolex-service {
        width: 95%;
        margin: auto;
        margin-top: 50px;
    }
    .rolex-service .rolex-service-description {
        width: 100%;
        text-align: center;
        display: block;
    }
    .rolex-service .rolex-service-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        /* or 214% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .rolex-service .rolex-service-container {
        width: 95%;
        height: 500px;
        margin: auto;
        background-image: none;
        position: relative;
    }
    .rolex-service .rolex-service-container .group {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .rolex-service .rolex-service-container .group .group-col {
        width: 48%;
        height: 200px;
    }
    .rolex-service .rolex-service-container .group .group-col img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .rolex-service .rolex-service-container .group .col-end {
        height: 250px;
        width: 100%;
    }
    .rolex-service .rolex-service-container .group .col-end img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .rolex-service .rolex-service-container .inner {
        display: none;
    }
    .rolex-service .rolex-service-container .overlay {
        display: none;
    }
    .blog {
        width: 95%;
        height: 100%;
        margin: auto;
        margin-top: 45px;
    }
    .blog .icerik img {
        max-width: 100%;
    }
    .blog .blog-container {
        width: 100%;
        margin: auto;
    }
    .blog .blog-container .blog-head {
        width: 100%;
        margin-bottom: 13px;
    }
    .blog .blog-container .blog-head .blog-head-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .blog .blog-container .blog-head .blog-head-title span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
    .blog .blog-container .blog-head .blog-head-description {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .blog .blog-container .blog-head .blog-head-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        color: #808080;
    }
    .blog .blog-container .blog-slider {
        width: 100%;
        height: 100%;
    }
    .blog .blog-container .blog-slider .blogSlider {
        width: 100%;
        height: 100%;
    }
    .blog .blog-container .blog-slider .blogSlider .swiper {
        width: 100%;
        height: 100%;
    }
    .blog .blog-container .blog-slider .blogSlider .swiper .swiper-slide {
        width: 100%;
        height: 100%;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .blog-item {
        width: 100%;
        height: 100%;
        transition: 0s ease;
    }
    .blog-item .item-img {
        width: 100%;
        height: 150px;
        display: flex;
        align-items: center;
    }
    .blog-item .item-img .img-container {
        width: 100%;
        height: 100%;
        transition: 0s ease;
    }
    .blog-item .item-img .img-container img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .blog-item .item-info {
        width: 100%;
        height: calc(100% - 150px);
        margin-top: 13px;
    }
    .blog-item .item-info .info-head {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .blog-item .item-info .info-head .blog-author span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        text-transform: lowercase;
        color: #5a5a5a;
    }
    .blog-item .item-info .info-head .blog-date span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        text-transform: lowercase;
        color: #5a5a5a;
    }
    .blog-item .item-info .blog-title {
        width: 100%;
        margin-top: 12px;
    }
    .blog-item .item-info .blog-title span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 22px;
        /* or 173% */
        text-transform: uppercase;
        /* Color/Head */
        color: #4f4f4d;
    }
    .blog-item .item-info .blog-content {
        width: 100%;
        margin-top: 8px;
    }
    .blog-item .item-info .blog-content span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        /* or 171% */
        /* Color / Second */
        color: #767676;
    }
    .blog-item .item-btn {
        width: 100%;
    }
    .blog-item .item-btn a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color/Head */
        color: #4f4f4d;
        position: relative;
    }
    .blog-item .item-btn a::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 63.29px;
        height: 2.02px;
        background-color: #4f4f4d;
    }
    .blog-item:hover .img-container {
        width: 100%;
        height: 100%;
        transition: 0s ease-in-out;
    }
    .blog-item:hover .item-btn {
        cursor: pointer;
    }
    .partner {
        width: 95%;
        height: 100%;
        margin: auto;
        margin-top: 45px;
        margin-bottom: 48px;
    }
    .partner .partner-container {
        width: 100%;
        margin: auto;
    }
    .partner .partner-container .partnerSlider {
        width: 100%;
        height: 80px;
    }
    .partner .partner-container .partnerSlider .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .partner .partner-container .partnerSlider .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 100%;
    }
    .partner
        .partner-container
        .partnerSlider
        .swiper-wrapper
        .swiper-slide
        img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
    footer {
        width: 100%;
        height: 100%;
        background-color: var(--footer-bg);
    }
    footer .footer-container {
        width: 100%;
        height: 100%;
        min-height: 100%;
        margin: auto;
    }
    footer .footer-container .footer-row {
        width: 100%;
        height: 100%;
    }
    .footer-icons {
        width: 100%;
        height: 541px;
        position: relative;
        display: flex;
        align-items: center;
        padding-top: 0;
        padding-bottom: 37px;
        background-color: white;
    }
    .footer-icons::after {
        display: none;
    }
    .footer-icons .footer-icons-content {
        width: 100%;
        margin: auto;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-color: white;
    }
    .footer-icons .footer-icons-content .footer-icons-box {
        width: 95%;
        margin: auto;
        height: 131px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-left {
        height: 100%;
        display: flex;
        align-items: center;
        margin-right: 18px;
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-left
        i {
        font-size: 55px;
        color: rgb(0, 0, 0);
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-right {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-right
        #footer-icons-box-header {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 36px;
        /* or 162% */
        text-transform: uppercase;
        /* Color / White */
        color: #000000;
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-right
        #footer-icons-box-content {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        /* Color / White */
        color: #000000;
    }
    .footer-inner {
        width: 100%;
        height: 100%;
        border-bottom: 1px solid white;
        position: relative;
    }
    .footer-inner::after {
        display: none;
    }
    .footer-inner .footer-inner-container {
        width: 95%;
        margin: auto;
        min-height: 100%;
    }
    .footer-inner .footer-inner-container .footer-inner-row {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .footer-inner .footer-inner-container .footer-inner-row .footer-inner-left {
        width: 100%;
        height: 100%;
        margin-right: 0;
        margin-bottom: 49px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-logo {
        width: 150px;
        height: 100px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-logo
        img {
        width: 100%;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-adress {
        width: calc(100% - 200px);
        height: 100%;
        margin-top: 0px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-adress
        span {
        font-family: var(--font-Montserrat);
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* or 185% */
        /* Color / White */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-contact {
        width: 200px;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 22px;
        margin-top: 20px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-contact
        span {
        font-family: var(--font-Montserrat);
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* or 185% */
        /* Color / White */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-social {
        width: calc(100% - 200px);
        height: 100%;
        margin: auto;
        margin-top: 20px;
        display: flex;
        gap: 50px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-social
        .footer-social-icon-box {
        height: 100%;
        color: white;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center {
        width: 100%;
        height: 100%;
        margin-right: 105px;
        display: grid;
        grid-template-columns: auto auto auto;
        margin-bottom: 49px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-corporate
        .footer-inner-corporate-header
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-corporate
        .footer-inner-corporate-items
        ul {
        list-style-type: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-corporate
        .footer-inner-corporate-items
        ul
        li
        a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-header
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-items
        ul {
        list-style-type: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-items
        ul
        li
        a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-help
        .footer-inner-help-header
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-help
        .footer-inner-help-items
        ul {
        list-style-type: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-help
        .footer-inner-help-items
        ul
        li
        a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-right {
        display: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email {
        width: 100%;
        height: 100%;
        display: block;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-header {
        width: 100%;
        margin-bottom: 27px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-header
        span {
        text-transform: uppercase;
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-description {
        width: 282px;
        margin-bottom: 15px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-input-email {
        width: 100%;
        height: 55px;
        display: flex;
        align-items: center;
        background-color: white;
        padding: 14px 21px;
        margin-bottom: 41px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-input-email
        input {
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-input-email
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        text-transform: uppercase;
        /* Color/Head */
        color: #4f4f4d;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-secure-payments {
        width: 100%;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-secure-payments
        .secure-payments-header {
        width: 100%;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-secure-payments
        .secure-payments-header
        span {
        text-transform: uppercase;
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-secure-payments
        .secure-payments-header
        img {
        margin-top: 11px;
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 20px 0;
    }
    .footer-bottom {
        width: 100%;
        height: 100%;
        padding-top: 27px;
        padding-bottom: 33px;
    }
    .footer-bottom .footer-bottom-container {
        width: 95%;
        margin: auto;
        min-height: 13px;
    }
    .footer-bottom .footer-bottom-container .footer-bottom-row {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
        gap: 16px;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-left {
        width: 49px;
        height: 12px;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-left
        img {
        width: 100%;
        height: 100%;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right {
        height: 100%;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-right: 19px;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        /* Color / White */
        color: #ffffff;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language {
        height: 100%;
        position: relative;
        display: flex;
        align-items: center;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language:hover {
        cursor: pointer;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language:hover
        .footer-right-language-chooser {
        display: block;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        a {
        text-decoration: none;
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        /* Color / White */
        color: #ffffff;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        i {
        margin-left: 10px;
        font-size: 13px;
        color: white;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        .footer-right-language-chooser {
        height: 80px;
        position: absolute;
        top: -80px;
        left: 0;
        z-index: 9999;
        left: -10px;
        display: flex;
        text-align: center;
        flex-direction: column-reverse;
        justify-content: space-between;
        display: none;
        background-color: var(--card-hover-basket-btn-bg);
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        .footer-right-language-chooser
        a {
        text-decoration: none;
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 36px;
        /* Color / White */
        color: #ffffff;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        .footer-right-language-chooser
        a:hover {
        color: goldenrod;
    }
    .category-products {
        width: 100%;
        margin-top: 20px;
    }
    .category-products .category-products-container {
        width: 100%;
        margin: auto;
    }
    .category-products .category-products-container .category-products-row {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left {
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        background-color: rgb(255, 255, 255);
        position: fixed;
        padding: 100px 0;
        top: 0px;
        left: 0;
        z-index: 999999;
        display: none;
        animation: ShowSidebar 0.2s ease-in;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .fixed-sidebar {
        width: 90%;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header {
        display: block;
        width: 100%;
        height: 82px;
        background-color: #faf9f8;
        display: flex;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header
        .small-fixed-sidebar-container {
        width: 90%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header
        .small-fixed-sidebar-container
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 23px;
        /* Color/Head */
        color: #4f4f4d;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header
        .small-fixed-sidebar-container
        i {
        font-size: 16px;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header
        .small-fixed-sidebar-container
        i:hover {
        cursor: pointer;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-right {
        width: 100%;
        margin: auto;
    }
    @keyframes ShowSidebar {
        0% {
            width: 0;
        }
        25% {
            width: 25%;
        }
        50% {
            width: 50%;
        }
        75% {
            width: 75%;
        }
        100% {
            width: 100%;
        }
    }
    .fixed-sidebar {
        width: 95%;
        height: 100%;
        margin: auto;
    }
    .page-slider {
        width: 100%;
        height: 250px;
        background-color: var(--category-products-slider-bg);
        position: relative;
    }
    .page-slider .swiper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .page-slider .swiper .swiper-pagination {
        display: none;
    }
    .page-slider .swiper .swiper-slide {
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .page-slider .swiper .swiper-slide .slider-container {
        width: 90%;
        height: 80%;
    }
    .page-slider .swiper .swiper-slide .slider-container .slider-row {
        width: 100%;
        height: 100%;
        display: flex;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content {
        width: 40%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content
        .slider-content-title {
        width: 70%;
        text-align: left;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content
        .slider-content-title
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 15px;
        /* or 143% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content
        .slider-content-title
        span:nth-child(2) {
        font-family: "Jost";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 15px;
        /* or 143% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content
        .slider-content-text {
        margin-top: 15px;
        width: 100%;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        /* or 171% */
        text-align: left;
        /* Color/Head */
        color: #4f4f4d;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-img {
        width: 60%;
        height: 100%;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-img
        img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .page-slider .autoplay-progress {
        position: absolute;
        right: 16px;
        bottom: 16px;
        z-index: 10;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        color: var(--swiper-theme-color);
    }
    .page-slider .autoplay-progress svg {
        --progress: 0;
        position: absolute;
        left: 0;
        top: 0px;
        z-index: 10;
        width: 100%;
        height: 100%;
        stroke-width: 4px;
        stroke: var(--swiper-theme-color);
        fill: none;
        stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
        stroke-dasharray: 125.6;
        transform: rotate(-90deg);
    }
    .filter-top {
        width: 95%;
        margin: auto;
        height: 24px;
        margin-top: 34px;
        margin-bottom: 30px;
    }
    .filter-top .filter-top-container {
        width: 100%;
        height: 100%;
    }
    .filter-top .filter-top-container .filter-top-row {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }
    .filter-top .filter-top-container .filter-top-row .filter-top-left {
        display: none;
    }
    .filter-top .filter-top-container .filter-top-row .filter-top-right {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .section-filter {
        height: 100%;
        display: flex;
        align-items: center;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .section-filter
        i {
        font-size: 14px;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .section-filter
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        margin-left: 10px;
        color: #4f4f4d;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .category-chooser {
        height: 100%;
        margin-right: 0px;
        position: relative;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .category-chooser::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #4f4f4d;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .category-chooser
        select {
        border: none;
        outline: none;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .divider {
        display: none;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .products-all-page {
        display: none;
    }
    .category-products-row .product-list {
        width: 95%;
        margin: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .category-products-pagination {
        padding: 0px 4px;
    }
    .category-products-pagination .pagination-page-btn ul {
        padding: 0;
    }
    .product-view {
        width: 100%;
    }
    .product-view .product-view-container {
        width: 100%;
        margin: auto;
    }
    .product-view .product-view-container .product-details {
        width: 100%;
        margin-bottom: 50px;
    }
    .product-view
        .product-view-container
        .product-details
        .product-details-container {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .modal {
        display: none;
        position: fixed;
        z-index: 9999;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.9);
        overflow: auto;
        /* Modal Content (image) */
    }
    .modal .modal-content {
        margin: auto;
        display: block;
        width: 90%;
        max-width: 95%;
        /* The Close Button */
    }
    .modal .modal-content img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .modal .modal-content .close {
        position: absolute;
        top: 0px;
        right: 0px;
        color: #000000;
        font-size: 40px;
        font-weight: bold;
        transition: 0.3s;
        z-index: 99;
    }
    .modal .modal-content .close:hover,
    .modal .modal-content .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }
    .product-gallery {
        width: 100%;
    }
    .product-gallery .main-product-img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .product-gallery .main-product-img .mainProductImg {
        height: 100%;
        width: 100%;
    }
    .product-gallery .main-product-img .mainProductImg .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-gallery .main-product-img .mainProductImg .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product-gallery .main-product-img .swiper-button-prev {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery .main-product-img .swiper-button-prev::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery .main-product-img .swiper-button-next {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery .main-product-img .swiper-button-next::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery .thumbnail-product-img {
        width: 95%;
        margin: auto;
        height: 90px;
    }
    .product-gallery .thumbnail-product-img .thumbnailProductImg {
        width: 100%;
        height: 100%;
    }
    .product-gallery .thumbnail-product-img .thumbnailProductImg .swiper-slide {
        width: 90px;
        height: 100%;
        opacity: 0.4;
    }
    .product-gallery
        .thumbnail-product-img
        .thumbnailProductImg
        .swiper-slide
        img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product-gallery
        .thumbnail-product-img
        .thumbnailProductImg
        .swiper-slide-thumb-active {
        opacity: 1;
    }
    .product-info {
        width: 95%;
        margin: auto;
    }
    .product-breadcrumb {
        display: none;
    }
    .product-info-content {
        width: 100%;
        margin-top: 30px;
    }
    .product-info-content .product-name {
        width: 100%;
    }
    .product-info-content .product-name span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 29px;
        /* identical to box height */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-info-content .product-price {
        width: 100%;
        display: flex;
        align-items: center;
        margin-top: 7px;
    }
    .product-info-content .product-price span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 500;
        font-size: 22px;
        line-height: 32px;
        /* identical to box height */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-info-content .product-price i {
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 32px;
        /* identical to box height */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-info-content .product-description {
        width: 100%;
        margin-top: 25px;
    }
    .product-info-content .product-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-info-content .select-size {
        display: none;
    }
    .product-info-content .product-colors {
        display: none;
    }
    .product-info-content .product-count-selector {
        width: 100%;
        margin-top: 30px;
        display: flex;
    }
    .product-info-content .product-count-selector .product-quantity {
        width: 115px;
        height: 60px;
        border: 1px solid #e4e4e4;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-minus {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-minus
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Color/Second */
        color: #767676;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input {
        width: 40%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input
        input {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        outline: none;
        text-align: center;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input
        input::-webkit-inner-spin-button {
        display: none;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input
        input::-moz-placeholder {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Color/Second */
        color: #767676;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input
        input::placeholder {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Color/Second */
        color: #767676;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-plus {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-plus
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Color/Second */
        color: #767676;
    }
    .product-info-content .product-count-selector .product-add-cart {
        width: 300px;
        height: 60px;
        background-color: #4f4f4d;
        margin-left: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-info-content .product-count-selector .product-add-cart a {
        text-decoration: none;
        text-transform: uppercase;
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color / White */
        color: #ffffff;
    }
    .product-review {
        width: 95%;
    }
    .product-review .nav-tabs-container {
        width: 100%;
        height: 27px;
        margin-bottom: 50px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .product-review .nav-tabs-container .tab {
        position: relative;
    }
    .product-review .nav-tabs-container .tab:hover {
        cursor: pointer;
    }
    .product-review .nav-tabs-container .tab.active::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #4f4f4d;
    }
    .product-review .nav-tabs-container .tab span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 23px;
        text-align: center;
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-review .nav-tabs-container .tab-content-container {
        width: 100%;
        height: 100%;
    }
    .product-review .nav-tabs-container .tab-content-container .tab-content {
        width: 100%;
        display: none;
    }
    .product-review .nav-tabs-container .tab-content-container .tab-content h3 {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 23px;
        /* Color/Head */
        color: #4f4f4d;
        margin-bottom: 30px;
    }
    .product-review
        .nav-tabs-container
        .tab-content-container
        .tab-content
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        /* or 214% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-review .nav-tabs-container .tab-content-container .tab-content ul {
        list-style: none;
        margin-top: 30px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
        margin-bottom: 30px;
    }
    .product-review
        .nav-tabs-container
        .tab-content-container
        .tab-content.active {
        display: block;
    }
    .related-product {
        width: 100%;
        margin-top: 45px;
        margin-bottom: 100px;
    }
    .related-product .related-product-container {
        width: 95%;
        margin: auto;
    }
    .related-product .related-product-container .related-product-head {
        width: 100%;
        margin-bottom: 50px;
    }
    .related-product
        .related-product-container
        .related-product-head
        .related-product-head-title {
        width: 100%;
        display: flex;
    }
    .related-product
        .related-product-container
        .related-product-head
        .related-product-head-title
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        /* Color/Head */
        color: #4f4f4d;
    }
    .related-product
        .related-product-container
        .related-product-head
        .related-product-head-title
        span:nth-child(2) {
        font-family: "Jost";
        font-style: normal;
        font-weight: 700;
        font-size: 26px;
        line-height: 38px;
        /* Color/Head */
        color: #4f4f4d;
    }
    .related-product .related-product-container .related-product-slider {
        width: 100%;
    }
    .related-product
        .related-product-container
        .related-product-slider
        .relatedProductSlider {
        width: 100%;
        height: 100%;
    }
    .related-product
        .related-product-container
        .related-product-slider
        .relatedProductSlider
        .swiper {
        width: 100%;
        height: 100%;
    }
    .related-product
        .related-product-container
        .related-product-slider
        .relatedProductSlider
        .swiper
        .swiper-slide {
        width: 100%;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-view-index2 {
        width: 100%;
        margin-top: 70px;
    }
    .product-view-index2 .product-view-container-index2 {
        width: 100%;
        margin: auto;
    }
    .product-view-index2
        .product-view-container-index2
        .product-details-index2 {
        width: 100%;
        margin-bottom: 110px;
    }
    .product-view-index2
        .product-view-container-index2
        .product-details-index2
        .product-details-container-index2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .product-gallery-index2 {
        width: 100%;
    }
    .product-gallery-index2 .main-product-img-index2 {
        width: 100%;
        height: 700px;
        margin-bottom: 10px;
    }
    .product-gallery-index2 .main-product-img-index2 .mainProductImgIndex2 {
        height: 100%;
        width: 100%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .mainProductImgIndex2
        .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-gallery-index2
        .main-product-img-index2
        .mainProductImgIndex2
        .swiper-slide
        img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product-gallery-index2 .main-product-img-index2 .swiper-button-prev {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .swiper-button-prev::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery-index2 .main-product-img-index2 .swiper-button-next {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .swiper-button-next::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery-index2 {
        width: 100%;
    }
    .product-gallery-index2 .main-product-img-index2 {
        width: 100%;
        height: 550px;
        margin-bottom: 10px;
    }
    .product-gallery-index2 .main-product-img-index2 .mainProductImgIndex2 {
        height: 100%;
        width: 100%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .mainProductImgIndex2
        .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-gallery-index2
        .main-product-img-index2
        .mainProductImgIndex2
        .swiper-slide
        img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product-gallery-index2 .main-product-img-index2 .swiper-button-prev {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .swiper-button-prev::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery-index2 .main-product-img-index2 .swiper-button-next {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .swiper-button-next::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery-index2 .thumbnail-product-img-index2 {
        width: 95%;
        margin: auto;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2 {
        width: 100%;
        height: 100%;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2
        .swiper-slide {
        width: 90px;
        height: 100%;
        opacity: 0.4;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2
        .swiper-slide
        img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2
        .swiper-slide-thumb-active {
        opacity: 1;
    }
    .fancybox-container .fancybox-inner {
        width: 75%;
    }
    section.cookies {
        height: auto;
        width: 100%;
        flex-direction: column;
        padding: 10px;
    }
    section.cookies .center {
        max-width: 90%;
    }
    section.cookies .center span {
        font-size: 12px;
    }
    section.cookies .center span h1 {
        font-size: 14px;
        font-weight: bold;
    }
    section.cookies .center .switches {
        flex-wrap: wrap;
    }
    section.cookies .center .more-options {
        margin-top: 10px;
    }
    section.cookies .agree-wrapper {
        max-width: 90%;
        margin-top: 10px;
    }
    section.cookies .agree-wrapper .agree span {
        width: 320px;
        font-size: 12px;
    }
    section.cookies .agree-wrapper .no-agree span {
        width: 320px;
        font-size: 12px;
    }
    section.more-options-modal .content {
        padding: 10px 0;
        width: 95% !important;
        height: 85% !important;
    }
    section.more-options-modal .content .header {
        padding: 0;
    }
    section.more-options-modal .content .menu .menu-item {
        padding: 10px 0;
    }
    section.more-options-modal .content .options {
        padding: 15px;
        min-height: 350px;
    }
    section.more-options-modal
        .content
        .options
        .form-check
        input[type="checkbox"] {
        height: 1.4em;
    }
    section.more-options-modal
        .content
        .options
        .form-switch
        .form-check-input {
        width: 2.5em;
    }
    section.more-options-modal .content .options .options-consent h2 {
        padding: 0;
        font-size: 14px;
        font-weight: bold;
    }
    section.more-options-modal .content .options .options-consent p {
        font-size: 12px;
    }
    section.more-options-modal .content .options .options-detail h2 {
        padding: 0;
        font-size: 14px;
        font-weight: bold;
    }
    section.more-options-modal .content .options .options-detail p {
        font-size: 12px;
    }
    section.more-options-modal .content .options .options-detail .detail-row p {
        padding-left: 30px;
    }
    section.more-options-modal
        .content
        .options
        .options-detail
        .detail-row
        .details-options {
        padding-left: 30px;
        padding-right: 30px;
    }
    section.more-options-modal
        .content
        .options
        .options-detail
        .detail-row
        .details-options
        .form-check.form-switch
        h4 {
        font-weight: bold;
        font-size: 12px;
    }
    section.more-options-modal .content .options .options-about h2 {
        padding: 0;
        font-size: 14px;
        font-weight: bold;
    }
    section.more-options-modal .content .options .options-about p {
        font-size: 12px;
    }
    section.more-options-modal .content .footer {
        flex-direction: column;
        padding: 5px;
        gap: 10px;
        max-height: 350px;
        justify-content: normal;
        height: auto;
    }
    section.more-options-modal .content .footer .no-agree span {
        width: 280px;
        font-size: 12px;
    }
    section.more-options-modal .content .footer .agree span {
        width: 280px;
        font-size: 12px;
    }
}



@media only screen and (max-width: 959px) and (min-width: 768px) {
    .large-header {
        display: none;
    }
    .header-slider {
        width: 100%;
        height: 100%;
        position: relative;
        margin-top: -37px;
    }
    .header-slider .swiper {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img .overlay {
        width: 100%;
        height: 100%;
        background-color: rgb(0, 0, 0);
        opacity: 0.4;
        position: absolute;
        top: 0;
        left: 0;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        padding: 15px 20px;
        text-align: center;
        left: 0 !important;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content span {
        font-family: var(--font-1);
        font-weight: bold;
        font-size: 2.7em;
        line-height: 2.7rem;
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content p {
        font-weight: bold;
        font-size: 1.3rem;
        color: black;
        margin: 0;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content button {
        text-transform: none;
        font-family: var(--font-1);
        font-weight: bold;
        background-color: #127749;
        border: 1px solid #127749;
        color: white;
        border-radius: 40px;
        font-size: 1rem;
        line-height: 1.8rem;
        padding: 8px 25px;
    }
    .header-slider .swiper .swiper-button-prev {
        display: none;
    }
    .header-slider .swiper .swiper-button-next {
        display: none;
    }
    .header-slider .swiper .swiper-pagination {
        bottom: -5px;
    }
    .popular {
        width: 95%;
        height: 100%;
        margin: auto;
    }
    .popular .popular-container {
        width: 100%;
        margin: auto;
    }
    .popular .popular-container .popular-head {
        width: 100%;
        margin-bottom: 13px;
    }
    .popular .popular-container .popular-head .popular-head-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .popular .popular-container .popular-head .popular-head-title span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
    .popular .popular-container .popular-head .popular-head-description {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .popular .popular-container .popular-head .popular-head-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        color: #808080;
    }
    .popular .popular-container .popular-slider {
        width: 100%;
    }
    .popular .popular-container .popular-slider .popularSlider {
        width: 100%;
        height: 100%;
    }
    .popular .popular-container .popular-slider .popularSlider .swiper {
        width: 100%;
        height: 100%;
    }
    .popular
        .popular-container
        .popular-slider
        .popularSlider
        .swiper
        .swiper-slide {
        width: 100%;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .new-product {
        width: 95%;
        height: 100%;
        margin: auto;
        margin-top: 45px;
    }
    .new-product .new-product-container {
        width: 100%;
        margin: auto;
    }
    .new-product .new-product-container .new-product-head {
        width: 100%;
        margin-bottom: 13px;
    }
    .new-product
        .new-product-container
        .new-product-head
        .new-product-head-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .new-product
        .new-product-container
        .new-product-head
        .new-product-head-title
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
    .new-product
        .new-product-container
        .new-product-head
        .new-product-head-description {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .new-product
        .new-product-container
        .new-product-head
        .new-product-head-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        color: #808080;
    }
    .new-product .new-product-container .new-product-slider {
        width: 100%;
    }
    .new-product .new-product-container .new-product-slider .newProductSlider {
        width: 100%;
        height: 100%;
    }
    .new-product
        .new-product-container
        .new-product-slider
        .newProductSlider
        .swiper {
        width: 100%;
        height: 100%;
    }
    .new-product
        .new-product-container
        .new-product-slider
        .newProductSlider
        .swiper
        .swiper-slide {
        width: 100%;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .trend-product {
        width: 95%;
        height: 100%;
        margin: auto;
        margin-top: 45px;
    }
    .trend-product .trend-product-container {
        width: 100%;
        margin: auto;
    }
    .trend-product .trend-product-container .trend-product-head {
        width: 100%;
        margin-bottom: 13px;
    }
    .trend-product
        .trend-product-container
        .trend-product-head
        .trend-product-head-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .trend-product
        .trend-product-container
        .trend-product-head
        .trend-product-head-title
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
    .trend-product
        .trend-product-container
        .trend-product-head
        .trend-product-head-description {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .trend-product
        .trend-product-container
        .trend-product-head
        .trend-product-head-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        color: #808080;
    }
    .trend-product .trend-product-container .trend-product-slider {
        width: 100%;
    }
    .trend-product
        .trend-product-container
        .trend-product-slider
        .trendProductSlider {
        width: 100%;
        height: 100%;
    }
    .trend-product
        .trend-product-container
        .trend-product-slider
        .trendProductSlider
        .swiper {
        width: 100%;
        height: 100%;
    }
    .trend-product
        .trend-product-container
        .trend-product-slider
        .trendProductSlider
        .swiper
        .swiper-slide {
        width: 100%;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .card-wappers {
        width: 100%;
        height: auto;
        transition: 0s ease;
        position: relative;
    }
    .card-wappers .new-badge-add {
        position: absolute;
        width: 40px;
        height: 25px;
        left: 10px;
        top: 5px;
        z-index: 4;
        background-color: var(--secondary-color);
    }
    .card-wappers .new-badge-add .new-badge-container {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .card-wappers .new-badge-add .new-badge-container span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 24px;
        /* or 171% */
        /* Color / White */
        color: #ffffff;
    }
    .card-wappers .new-badge {
        position: absolute;
        width: 40px;
        height: 25px;
        right: 10px;
        top: 5px;
        z-index: 9;
    }
    .card-wappers .new-badge .new-badge-container {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .card-wappers .new-badge .new-badge-container span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 24px;
        /* or 171% */
        /* Color / White */
        color: #ffffff;
    }
    .card-wappers .card-img-container {
        width: 100%;
        height: auto;
        background-color: var(--card-container-bg);
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers .card-img-container .img-box {
        width: 100%;
        height: auto;
        background-color: #e7e7e7;
        transition: 0s ease;
    }
    .card-wappers .card-img-container .img-box .card-img {
        width: 100%;
        height: auto;
        transform: none;
        transition: 0s ease;
    }
    .card-wappers .card-img-container .img-box .card-img img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        transition: 0s ease;
    }
    .card-wappers .card-info {
        width: 100%;
        height: 92px;
        display: flex;
        align-items: flex-end;
        justify-content: end;
        transition: 0s ease;
    }
    .card-wappers .card-info .card-info-container {
        width: 100%;
        height: 85%;
        transition: 0s ease;
    }
    .card-wappers .card-info .card-info-container .product-name {
        transition: 0s ease;
    }
    .card-wappers .card-info .card-info-container .product-name span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers .card-info .card-info-container .product-category {
        transition: 0s ease;
    }
    .card-wappers .card-info .card-info-container .product-category span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Second */
        color: #767676;
    }
    .card-wappers .card-info .card-info-container .product-price {
        transition: 0s ease;
        display: flex;
    }
    .card-wappers
        .card-info
        .card-info-container
        .product-price
        .discount-price {
        margin-right: 7px;
        text-decoration: line-through;
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers
        .card-info
        .card-info-container
        .product-price
        .discount-price
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers .card-info .card-info-container .product-price .normal-price {
        transition: 0s ease;
    }
    .card-wappers
        .card-info
        .card-info-container
        .product-price
        .normal-price
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers .buttons {
        display: none;
    }
    .card-wappers .add-basket-btn {
        display: none;
    }
    .card-wappers:hover {
        background-color: white;
        filter: none;
        transition: 0s ease;
        cursor: pointer;
    }
    .card-wappers:hover .card-img-container {
        width: 100%;
        height: auto;
        background-color: var(--card-container-bg);
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers:hover .card-img-container .img-box {
        width: 100%;
        height: auto;
        background-color: #e7e7e7;
        transition: 0s ease;
    }
    .card-wappers:hover .card-img-container .img-box .card-img {
        width: 100%;
        height: auto;
        transform: none;
        transition: 0s ease;
    }
    .card-wappers:hover .card-img-container .img-box .card-img img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        transition: 0s ease;
    }
    .card-wappers:hover .card-info {
        width: 100%;
        height: 82px;
        display: flex;
        justify-content: start;
        transition: 0s ease;
    }
    .card-wappers:hover .card-info .card-info-container {
        width: 100%;
        height: 100%;
        transition: 0s ease;
    }
    .card-wappers:hover .card-info .card-info-container .product-name {
        transition: 0s ease;
    }
    .card-wappers:hover .card-info .card-info-container .product-name span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers:hover .card-info .card-info-container .product-category {
        transition: 0s ease;
    }
    .card-wappers:hover .card-info .card-info-container .product-category span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Second */
        color: #767676;
    }
    .card-wappers:hover .card-info .card-info-container .product-price {
        transition: 0s ease;
        position: relative;
        bottom: 0;
        right: 0;
        display: flex;
        flex-direction: row;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .discount-price {
        margin-right: 7px;
        text-decoration: line-through;
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .discount-price
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .normal-price {
        transition: 0s ease;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .normal-price
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers:hover .card-info .card-info-container .buttons {
        display: none;
    }
    .card-wappers:hover .card-info .card-info-container .add-basket-btn {
        display: none;
    }
    .about {
        width: 100%;
        height: 600px;
        margin-top: 65px;
    }
    .about .about-container {
        width: 95%;
        margin: auto;
        position: relative;
    }
    .about .about-container .about-left {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .about .about-container .about-left img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .about .about-container .about-right {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.413);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .about .about-container .about-right .about-inner {
        width: 75%;
        height: 75%;
    }
    .about .about-container .about-right .about-inner .about-logo {
        width: 100%;
        height: 91px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 17px;
    }
    .about .about-container .about-right .about-inner .about-logo img {
        width: 100%;
        height: 100%;
    }
    .about .about-container .about-right .about-inner .about-title {
        width: 100%;
        margin-bottom: 33px;
        display: flex;
        flex-direction: column;
    }
    .about
        .about-container
        .about-right
        .about-inner
        .about-title
        span:first-child {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 37px;
        text-transform: uppercase;
        /* Color/Head */
        color: #ffffff;
    }
    .about
        .about-container
        .about-right
        .about-inner
        .about-title
        span:nth-child(2) {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 37px;
        /* identical to box height */
        text-transform: uppercase;
        /* Color / Red */
        color: #ffffff;
    }
    .about .about-container .about-right .about-inner .about-description {
        width: 100%;
    }
    .about .about-container .about-right .about-inner .about-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        /* or 171% */
        /* Color / Second */
        color: #ffffff;
    }
    .about .about-container .about-right .about-inner .about-more-btn {
        width: 100%;
        margin-top: 23px;
    }
    .about .about-container .about-right .about-inner .about-more-btn a {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color/Head */
        color: #ffffff;
    }
    .service {
        width: 100%;
        height: auto;
        margin-top: 65px;
    }
    .service .service-container {
        width: 95%;
        margin: auto;
        position: relative;
        height: auto;
        flex-direction: column;
    }
    .service .service-container .service-left {
        width: 100%;
        height: 100%;
    }
    .service .service-container .service-left img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .service .service-container .service-right {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
    }
    .service .service-container .service-right .service-inner {
        width: 95%;
        height: 85%;
    }
    .service .service-container .service-right .service-inner .service-logo {
        width: 100%;
        height: 91px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 17px;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-logo
        img {
        width: 100%;
        height: 100%;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-title
        span:first-child {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 37px;
        text-transform: uppercase;
        /* Color/Head */
        color: #000000;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-title
        span:nth-child(2) {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 37px;
        /* identical to box height */
        text-transform: uppercase;
        /* Color / Red */
        color: #000000;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-description {
        width: 100%;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        /* or 171% */
        /* Color / Second */
        color: #000000;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-more-btn {
        width: 100%;
        margin: 23px 0;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-more-btn
        a {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color/Head */
        color: #000000;
    }
    .rolex-service {
        width: 95%;
        margin: auto;
        margin-top: 50px;
    }
    .rolex-service .rolex-service-description {
        width: 100%;
        text-align: center;
        display: block;
    }
    .rolex-service .rolex-service-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        /* or 214% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .rolex-service .rolex-service-container {
        width: 95%;
        height: 500px;
        margin: auto;
        background-image: none;
        position: relative;
    }
    .rolex-service .rolex-service-container .group {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .rolex-service .rolex-service-container .group .group-col {
        width: 48%;
        height: 200px;
    }
    .rolex-service .rolex-service-container .group .group-col img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .rolex-service .rolex-service-container .group .col-end {
        height: 250px;
        width: 100%;
    }
    .rolex-service .rolex-service-container .group .col-end img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .rolex-service .rolex-service-container .inner {
        display: none;
    }
    .rolex-service .rolex-service-container .overlay {
        display: none;
    }
    .blog {
        width: 95%;
        height: 100%;
        margin: auto;
        margin-top: 45px;
    }
    .blog .blog-container {
        width: 100%;
        margin: auto;
    }
    .blog .blog-container .blog-head {
        width: 100%;
        margin-bottom: 13px;
    }
    .blog .blog-container .blog-head .blog-head-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .blog .blog-container .blog-head .blog-head-title span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
    .blog .blog-container .blog-head .blog-head-description {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .blog .blog-container .blog-head .blog-head-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        color: #808080;
    }
    .blog .blog-container .blog-slider {
        width: 100%;
        height: 100%;
    }
    .blog .blog-container .blog-slider .blogSlider {
        width: 100%;
        height: 100%;
    }
    .blog .blog-container .blog-slider .blogSlider .swiper {
        width: 100%;
        height: 100%;
    }
    .blog .blog-container .blog-slider .blogSlider .swiper .swiper-slide {
        width: 100%;
        height: 100%;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .blog .icerik img {
        max-width: 100%;
    }
    .blog-item {
        width: 100%;
        height: 100%;
        transition: 0s ease;
    }
    .blog-item .item-img {
        width: 100%;
        height: 150px;
        display: flex;
        align-items: center;
    }
    .blog-item .item-img .img-container {
        width: 100%;
        height: 100%;
        transition: 0s ease;
    }
    .blog-item .item-img .img-container img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .blog-item .item-info {
        width: 100%;
        height: calc(100% - 150px);
        margin-top: 13px;
    }
    .blog-item .item-info .info-head {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .blog-item .item-info .info-head .blog-author span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        text-transform: lowercase;
        color: #5a5a5a;
    }
    .blog-item .item-info .info-head .blog-date span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        text-transform: lowercase;
        color: #5a5a5a;
    }
    .blog-item .item-info .blog-title {
        width: 100%;
        margin-top: 12px;
    }
    .blog-item .item-info .blog-title span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 22px;
        /* or 173% */
        text-transform: uppercase;
        /* Color/Head */
        color: #4f4f4d;
    }
    .blog-item .item-info .blog-content {
        width: 100%;
        margin-top: 8px;
    }
    .blog-item .item-info .blog-content span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        /* or 171% */
        /* Color / Second */
        color: #767676;
    }
    .blog-item .item-btn {
        width: 100%;
    }
    .blog-item .item-btn a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color/Head */
        color: #4f4f4d;
        position: relative;
    }
    .blog-item .item-btn a::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 63.29px;
        height: 2.02px;
        background-color: #4f4f4d;
    }
    .blog-item:hover .img-container {
        width: 100%;
        height: 100%;
        transition: 0s ease-in-out;
    }
    .blog-item:hover .item-btn {
        cursor: pointer;
    }
    .partner {
        width: 95%;
        height: 100%;
        margin: auto;
        margin-top: 45px;
        margin-bottom: 48px;
    }
    .partner .partner-container {
        width: 100%;
        margin: auto;
    }
    .partner .partner-container .partnerSlider {
        width: 100%;
        height: 80px;
    }
    .partner .partner-container .partnerSlider .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .partner .partner-container .partnerSlider .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 100%;
    }
    .partner
        .partner-container
        .partnerSlider
        .swiper-wrapper
        .swiper-slide
        img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
    footer {
        width: 100%;
        height: 100%;
        background-color: var(--footer-bg);
    }
    footer .footer-container {
        width: 100%;
        height: 100%;
        min-height: 100%;
        margin: auto;
    }
    footer .footer-container .footer-row {
        width: 100%;
        height: 100%;
    }
    .footer-icons {
        width: 100%;
        height: 441px;
        position: relative;
        display: flex;
        align-items: center;
        padding-top: 0;
        padding-bottom: 37px;
        background-color: white;
    }
    .footer-icons::after {
        display: none;
    }
    .footer-icons .footer-icons-content {
        width: 100%;
        margin: auto;
        min-height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: white;
    }
    .footer-icons .footer-icons-content .footer-icons-box {
        width: 50%;
        margin: auto;
        height: 131px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-left {
        height: 100%;
        display: flex;
        align-items: center;
        margin-right: 18px;
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-left
        i {
        font-size: 55px;
        color: rgb(0, 0, 0);
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-right {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-right
        #footer-icons-box-header {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 36px;
        /* or 162% */
        text-transform: uppercase;
        /* Color / White */
        color: #000000;
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-right
        #footer-icons-box-content {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        /* Color / White */
        color: #000000;
    }
    .footer-inner {
        width: 100%;
        height: 100%;
        border-bottom: 1px solid white;
        position: relative;
    }
    .footer-inner::after {
        display: none;
    }
    .footer-inner .footer-inner-container {
        width: 95%;
        margin: auto;
        min-height: 100%;
    }
    .footer-inner .footer-inner-container .footer-inner-row {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .footer-inner .footer-inner-container .footer-inner-row .footer-inner-left {
        width: 100%;
        height: 100%;
        margin-right: 0;
        margin-bottom: 49px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-logo {
        width: 150px;
        height: 100px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-logo
        img {
        width: 100%;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-adress {
        width: calc(100% - 300px);
        height: 100%;
        margin-top: 0px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-adress
        span {
        font-family: var(--font-Montserrat);
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        /* or 185% */
        /* Color / White */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-contact {
        width: 300px;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 22px;
        margin-top: 40px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-contact
        span {
        font-family: var(--font-Montserrat);
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        /* or 185% */
        /* Color / White */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-social {
        width: calc(100% - 300px);
        height: 100%;
        margin: auto;
        margin-top: 40px;
        display: flex;
        gap: 50px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-social
        .footer-social-icon-box {
        height: 100%;
        color: white;
        font-size: 18px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center {
        width: 100%;
        height: 100%;
        margin-right: 105px;
        display: grid;
        grid-template-columns: auto auto auto;
        margin-bottom: 49px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-corporate
        .footer-inner-corporate-header
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-corporate
        .footer-inner-corporate-items
        ul {
        list-style-type: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-corporate
        .footer-inner-corporate-items
        ul
        li
        a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-header
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-items
        ul {
        list-style-type: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-items
        ul
        li
        a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-help
        .footer-inner-help-header
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-help
        .footer-inner-help-items
        ul {
        list-style-type: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-help
        .footer-inner-help-items
        ul
        li
        a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-right {
        display: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email {
        width: 100%;
        height: 100%;
        display: block;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-header {
        width: 100%;
        margin-bottom: 27px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-header
        span {
        text-transform: uppercase;
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-description {
        width: 282px;
        margin-bottom: 15px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-input-email {
        width: 100%;
        height: 55px;
        display: flex;
        align-items: center;
        background-color: white;
        padding: 14px 21px;
        margin-bottom: 41px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-input-email
        input {
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-input-email
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        text-transform: uppercase;
        /* Color/Head */
        color: #4f4f4d;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-secure-payments {
        width: 100%;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-secure-payments
        .secure-payments-header {
        width: 100%;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-secure-payments
        .secure-payments-header
        span {
        text-transform: uppercase;
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-secure-payments
        .secure-payments-header
        img {
        margin-top: 11px;
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 20px 0;
    }
    .footer-bottom {
        width: 100%;
        height: 100%;
        padding-top: 27px;
        padding-bottom: 33px;
    }
    .footer-bottom .footer-bottom-container {
        width: 95%;
        margin: auto;
        min-height: 13px;
    }
    .footer-bottom .footer-bottom-container .footer-bottom-row {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
        gap: 16px;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-left {
        width: 49px;
        height: 12px;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-left
        img {
        width: 100%;
        height: 100%;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right {
        height: 100%;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-right: 19px;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        /* Color / White */
        color: #ffffff;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language {
        height: 100%;
        position: relative;
        display: flex;
        align-items: center;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language:hover {
        cursor: pointer;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language:hover
        .footer-right-language-chooser {
        display: block;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        a {
        text-decoration: none;
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        /* Color / White */
        color: #ffffff;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        i {
        margin-left: 10px;
        font-size: 13px;
        color: white;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        .footer-right-language-chooser {
        height: 80px;
        position: absolute;
        top: -80px;
        left: 0;
        z-index: 9999;
        left: -10px;
        display: flex;
        text-align: center;
        flex-direction: column-reverse;
        justify-content: space-between;
        display: none;
        background-color: var(--card-hover-basket-btn-bg);
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        .footer-right-language-chooser
        a {
        text-decoration: none;
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 36px;
        /* Color / White */
        color: #ffffff;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        .footer-right-language-chooser
        a:hover {
        color: goldenrod;
    }
    .category-products {
        width: 100%;
        margin-top: 20px;
    }
    .category-products .category-products-container {
        width: 100%;
        margin: auto;
    }
    .category-products .category-products-container .category-products-row {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left {
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        background-color: rgb(255, 255, 255);
        position: fixed;
        padding: 100px 0;
        top: 0px;
        left: 0;
        z-index: 999999;
        display: none;
        animation: ShowSidebar 0.2s ease-in;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header {
        display: block;
        width: 100%;
        height: 82px;
        background-color: #faf9f8;
        display: flex;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header
        .small-fixed-sidebar-container {
        width: 95%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header
        .small-fixed-sidebar-container
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 23px;
        /* Color/Head */
        color: #4f4f4d;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header
        .small-fixed-sidebar-container
        i {
        font-size: 16px;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header
        .small-fixed-sidebar-container
        i:hover {
        cursor: pointer;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-right {
        width: 100%;
        margin: auto;
    }
    @keyframes ShowSidebar {
        0% {
            width: 0;
        }
        25% {
            width: 25%;
        }
        50% {
            width: 50%;
        }
        75% {
            width: 75%;
        }
        100% {
            width: 100%;
        }
    }
    .fixed-sidebar {
        width: 95%;
        height: 100%;
        margin: auto;
    }
    .page-slider {
        width: 100%;
        height: 300px;
        background-color: var(--category-products-slider-bg);
        position: relative;
    }
    .page-slider .swiper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .page-slider .swiper .swiper-pagination {
        display: none;
    }
    .page-slider .swiper .swiper-slide {
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .page-slider .swiper .swiper-slide .slider-container {
        width: 90%;
        height: 80%;
    }
    .page-slider .swiper .swiper-slide .slider-container .slider-row {
        width: 100%;
        height: 100%;
        display: flex;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content {
        width: 40%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content
        .slider-content-title {
        width: 70%;
        text-align: left;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content
        .slider-content-title
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 15px;
        /* or 143% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content
        .slider-content-title
        span:nth-child(2) {
        font-family: "Jost";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 15px;
        /* or 143% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content
        .slider-content-text {
        margin-top: 15px;
        width: 100%;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        /* or 171% */
        text-align: left;
        /* Color/Head */
        color: #4f4f4d;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-img {
        width: 60%;
        height: 100%;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-img
        img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .page-slider .autoplay-progress {
        position: absolute;
        right: 16px;
        bottom: 16px;
        z-index: 10;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        color: var(--swiper-theme-color);
    }
    .page-slider .autoplay-progress svg {
        --progress: 0;
        position: absolute;
        left: 0;
        top: 0px;
        z-index: 10;
        width: 100%;
        height: 100%;
        stroke-width: 4px;
        stroke: var(--swiper-theme-color);
        fill: none;
        stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
        stroke-dasharray: 125.6;
        transform: rotate(-90deg);
    }
    .filter-top {
        width: 95%;
        margin: auto;
        height: 24px;
        margin-top: 34px;
        margin-bottom: 30px;
    }
    .filter-top .filter-top-container {
        width: 100%;
        height: 100%;
    }
    .filter-top .filter-top-container .filter-top-row {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }
    .filter-top .filter-top-container .filter-top-row .filter-top-left {
        display: none;
    }
    .filter-top .filter-top-container .filter-top-row .filter-top-right {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .section-filter {
        height: 100%;
        display: flex;
        align-items: center;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .section-filter
        i {
        font-size: 14px;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .section-filter
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        margin-left: 10px;
        color: #4f4f4d;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .category-chooser {
        height: 100%;
        margin-right: 0px;
        position: relative;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .category-chooser::before {
        content: "";
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #7d7d7d;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .category-chooser
        select {
        border: none;
        outline: none;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .divider {
        display: none;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .products-all-page {
        display: none;
    }
    .category-products-row .product-list {
        width: 95%;
        margin: auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    .category-products-pagination {
        padding: 0px 4px;
    }
    .category-products-pagination .pagination-page-btn ul {
        padding: 0;
    }
    .product-view {
        width: 100%;
    }
    .product-view .product-view-container {
        width: 100%;
        margin: auto;
    }
    .product-view .product-view-container .product-details {
        width: 100%;
        margin-bottom: 50px;
    }
    .product-view
        .product-view-container
        .product-details
        .product-details-container {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .modal {
        display: none;
        position: fixed;
        z-index: 9999;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.9);
        overflow: auto;
        /* Modal Content (image) */
    }
    .modal .modal-content {
        margin: auto;
        display: block;
        width: 90%;
        max-width: 95%;
        /* The Close Button */
    }
    .modal .modal-content img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .modal .modal-content .close {
        position: absolute;
        top: 0px;
        right: 0px;
        color: #000000;
        font-size: 40px;
        font-weight: bold;
        transition: 0.3s;
        z-index: 99;
    }
    .modal .modal-content .close:hover,
    .modal .modal-content .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }
    .product-gallery {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .product-gallery .main-product-img {
        width: 75%;
        height: 550px;
        margin-bottom: 10px;
    }
    .product-gallery .main-product-img .mainProductImg {
        height: 100%;
        width: 100%;
    }
    .product-gallery .main-product-img .mainProductImg .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-gallery .main-product-img .mainProductImg .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .product-gallery .main-product-img .swiper-button-prev {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery .main-product-img .swiper-button-prev::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery .main-product-img .swiper-button-next {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery .main-product-img .swiper-button-next::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery .thumbnail-product-img {
        width: 20%;
        margin: auto;
        height: 550px;
    }
    .product-gallery .thumbnail-product-img .thumbnailProductImg {
        width: 100%;
        height: 100%;
    }
    .product-gallery .thumbnail-product-img .thumbnailProductImg .swiper-slide {
        width: 100%;
        height: 25%;
        opacity: 0.4;
    }
    .product-gallery
        .thumbnail-product-img
        .thumbnailProductImg
        .swiper-slide
        img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .product-gallery
        .thumbnail-product-img
        .thumbnailProductImg
        .swiper-slide-thumb-active {
        opacity: 1;
    }
    .product-info {
        width: 95%;
        margin: auto;
    }
    .product-breadcrumb {
        display: none;
    }
    .product-info-content {
        width: 100%;
        margin-top: 30px;
    }
    .product-info-content .product-name {
        width: 100%;
    }
    .product-info-content .product-name span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 29px;
        /* identical to box height */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-info-content .product-price {
        width: 100%;
        display: flex;
        align-items: center;
        margin-top: 7px;
    }
    .product-info-content .product-price span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 500;
        font-size: 22px;
        line-height: 32px;
        /* identical to box height */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-info-content .product-price i {
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 32px;
        /* identical to box height */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-info-content .product-description {
        width: 100%;
        margin-top: 25px;
    }
    .product-info-content .product-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-info-content .select-size {
        display: none;
    }
    .product-info-content .product-colors {
        display: none;
    }
    .product-info-content .product-count-selector {
        width: 100%;
        margin-top: 30px;
        display: flex;
    }
    .product-info-content .product-count-selector .product-quantity {
        width: 115px;
        height: 60px;
        border: 1px solid #e4e4e4;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-minus {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-minus
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Color/Second */
        color: #767676;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input {
        width: 40%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input
        input {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        outline: none;
        text-align: center;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input
        input::-webkit-inner-spin-button {
        display: none;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input
        input::-moz-placeholder {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Color/Second */
        color: #767676;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input
        input::placeholder {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Color/Second */
        color: #767676;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-plus {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-plus
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Color/Second */
        color: #767676;
    }
    .product-info-content .product-count-selector .product-add-cart {
        width: 300px;
        height: 60px;
        background-color: #4f4f4d;
        margin-left: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-info-content .product-count-selector .product-add-cart a {
        text-decoration: none;
        text-transform: uppercase;
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color / White */
        color: #ffffff;
    }
    .product-review {
        width: 95%;
    }
    .product-review .nav-tabs-container {
        width: 100%;
        height: 27px;
        margin-bottom: 50px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .product-review .nav-tabs-container .tab {
        position: relative;
    }
    .product-review .nav-tabs-container .tab:hover {
        cursor: pointer;
    }
    .product-review .nav-tabs-container .tab.active::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #4f4f4d;
    }
    .product-review .nav-tabs-container .tab span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 23px;
        text-align: center;
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-review .tab-content-container {
        width: 100%;
        height: 100%;
    }
    .product-review .tab-content-container .tab-content {
        width: 100%;
        display: none;
    }
    .product-review .tab-content-container .tab-content h3 {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 23px;
        /* Color/Head */
        color: #4f4f4d;
        margin-bottom: 30px;
    }
    .product-review .tab-content-container .tab-content span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        /* or 214% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-review .tab-content-container .tab-content ul {
        list-style: none;
        margin-top: 30px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
        margin-bottom: 30px;
    }
    .product-review .tab-content-container .tab-content.active {
        display: block;
    }
    .related-product {
        width: 100%;
        margin-top: 45px;
        margin-bottom: 100px;
    }
    .related-product .related-product-container {
        width: 95%;
        margin: auto;
    }
    .related-product .related-product-container .related-product-head {
        width: 100%;
        margin-bottom: 50px;
    }
    .related-product
        .related-product-container
        .related-product-head
        .related-product-head-title {
        width: 100%;
        display: flex;
    }
    .related-product
        .related-product-container
        .related-product-head
        .related-product-head-title
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        /* Color/Head */
        color: #4f4f4d;
    }
    .related-product
        .related-product-container
        .related-product-head
        .related-product-head-title
        span:nth-child(2) {
        font-family: "Jost";
        font-style: normal;
        font-weight: 700;
        font-size: 26px;
        line-height: 38px;
        /* Color/Head */
        color: #4f4f4d;
    }
    .related-product .related-product-container .related-product-slider {
        width: 100%;
    }
    .related-product
        .related-product-container
        .related-product-slider
        .relatedProductSlider {
        width: 100%;
        height: 100%;
    }
    .related-product
        .related-product-container
        .related-product-slider
        .relatedProductSlider
        .swiper {
        width: 100%;
        height: 100%;
    }
    .related-product
        .related-product-container
        .related-product-slider
        .relatedProductSlider
        .swiper
        .swiper-slide {
        width: 100%;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-view-index2 {
        width: 100%;
        margin-top: 70px;
    }
    .product-view-index2 .product-view-container-index2 {
        width: 100%;
        margin: auto;
    }
    .product-view-index2
        .product-view-container-index2
        .product-details-index2 {
        width: 100%;
        margin-bottom: 110px;
    }
    .product-view-index2
        .product-view-container-index2
        .product-details-index2
        .product-details-container-index2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .product-gallery-index2 {
        width: 100%;
    }
    .product-gallery-index2 .main-product-img-index2 {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .product-gallery-index2 .main-product-img-index2 .mainProductImgIndex2 {
        height: 100%;
        width: 100%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .mainProductImgIndex2
        .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-gallery-index2
        .main-product-img-index2
        .mainProductImgIndex2
        .swiper-slide
        img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product-gallery-index2 .main-product-img-index2 .swiper-button-prev {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .swiper-button-prev::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery-index2 .main-product-img-index2 .swiper-button-next {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .swiper-button-next::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery-index2 {
        width: 100%;
    }
    .product-gallery-index2 .main-product-img-index2 {
        width: 100%;
        height: 550px;
        margin-bottom: 10px;
    }
    .product-gallery-index2 .main-product-img-index2 .mainProductImgIndex2 {
        height: 100%;
        width: 100%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .mainProductImgIndex2
        .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-gallery-index2
        .main-product-img-index2
        .mainProductImgIndex2
        .swiper-slide
        img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product-gallery-index2 .main-product-img-index2 .swiper-button-prev {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .swiper-button-prev::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery-index2 .main-product-img-index2 .swiper-button-next {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .swiper-button-next::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery-index2 .thumbnail-product-img-index2 {
        width: 95%;
        margin: auto;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2 {
        width: 100%;
        height: 100%;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2
        .swiper-slide {
        width: 90px;
        height: 100%;
        opacity: 0.4;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2
        .swiper-slide
        img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2
        .swiper-slide-thumb-active {
        opacity: 1;
    }
    .favorites-list.col-4.gap-20 {
        grid-template-columns: repeat(2, 1fr);
    }
    .favorites-list.col-4.gap-20 .swiper-slide {
        width: auto;
        place-self: center;
    }
    .profile-account-wrapper:hover .profile-dropdown {
        display: none;
    }
    .fancybox-container .fancybox-inner {
        width: 75%;
    }
    section.cookies {
        height: auto;
        width: 100%;
        flex-direction: column;
        padding: 10px;
    }
    section.cookies .center {
        max-width: 90%;
    }
    section.cookies .center span {
        font-size: 12px;
    }
    section.cookies .center span h1 {
        font-size: 14px;
        font-weight: bold;
    }
    section.cookies .center .switches {
        flex-wrap: wrap;
    }
    section.cookies .center .more-options {
        margin-top: 10px;
    }
    section.cookies .agree-wrapper {
        margin-top: 10px;
        flex-direction: row;
        justify-content: center;
    }
    section.cookies .agree-wrapper .agree span {
        width: 230px;
    }
    section.cookies .agree-wrapper .no-agree span {
        width: 230px;
    }
    section.more-options-modal .content {
        padding: 10px 0;
        width: 95% !important;
        height: 85% !important;
    }
    section.more-options-modal .content .header {
        padding: 0;
    }
    section.more-options-modal .content .menu .menu-item {
        padding: 10px 0;
    }
    section.more-options-modal .content .options {
        padding: 15px;
        min-height: 350px;
    }
    section.more-options-modal
        .content
        .options
        .form-check
        input[type="checkbox"] {
        height: 1.4em;
    }
    section.more-options-modal
        .content
        .options
        .form-switch
        .form-check-input {
        width: 2.5em;
    }
    section.more-options-modal .content .options .options-consent h2 {
        padding: 0;
        font-size: 14px;
        font-weight: bold;
    }
    section.more-options-modal .content .options .options-consent p {
        font-size: 12px;
    }
    section.more-options-modal .content .options .options-detail h2 {
        padding: 0;
        font-size: 14px;
        font-weight: bold;
    }
    section.more-options-modal .content .options .options-detail p {
        font-size: 12px;
    }
    section.more-options-modal .content .options .options-detail .detail-row p {
        padding-left: 30px;
    }
    section.more-options-modal
        .content
        .options
        .options-detail
        .detail-row
        .details-options {
        padding-left: 30px;
        padding-right: 30px;
    }
    section.more-options-modal
        .content
        .options
        .options-detail
        .detail-row
        .details-options
        .form-check.form-switch
        h4 {
        font-weight: bold;
        font-size: 12px;
    }
    section.more-options-modal .content .options .options-about h2 {
        padding: 0;
        font-size: 14px;
        font-weight: bold;
    }
    section.more-options-modal .content .options .options-about p {
        font-size: 12px;
    }
    section.more-options-modal .content .footer {
        flex-direction: column;
        padding: 5px;
        gap: 10px;
        max-height: 350px;
        justify-content: normal;
        height: auto;
    }
    section.more-options-modal .content .footer .no-agree span {
        width: 280px;
        font-size: 12px;
    }
    section.more-options-modal .content .footer .agree span {
        width: 280px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 995px) and (min-width: 769px) {
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content {
        width: 50%;
        position: absolute;
        top: 0;
        height: 100%;
        display: flex ;
        align-items: start;
        justify-content: center;
        padding: 0 50px 0 120px;
        text-align: center;
        flex-direction: column;
        left: 50% !important;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content p {
        font-weight: bold;
        font-size: 1.3rem;
        color: black;
        margin: 0;
    }

    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-content span {
        font-family: var(--font-1);
        font-weight: bold;
        font-size: 2.7em;
        line-height: 2.7rem;
        display: block;
        margin-bottom: 20px;
        text-align: left;
    }
}


@media only screen and (max-width: 1279px) and (min-width: 960px) {
    .large-header {
        display: none;
    }
    .mobile-product-breadcrumb {
        display: block !important;
    }
    .open-nav {
        width: 100%;
        height: 100%;
        background-color: white;
        position: fixed;
        top: 60px;
        left: 0;
        z-index: 999999;
    }
    .open-nav .open-nav-container-container {
        width: 100%;
        height: 100%;
        margin: auto;
        margin-top: 21px;
    }
    .open-nav .open-nav-container-container .open-nav-row {
        width: 80%;
        margin: auto;
        height: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .open-nav .open-nav-container-container .open-nav-row .open-nav-bottom {
        width: 100%;
        height: 200px;
        position: fixed;
        bottom: 0;
        left: 0;
    }
    .open-nav
        .open-nav-container-container
        .open-nav-row
        .open-nav-bottom::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0.1px;
        background-color: #e4e4e4;
    }
    .open-nav
        .open-nav-container-container
        .open-nav-row
        .open-nav-bottom
        .open-nav-bottom-container-container {
        width: 80%;
        height: 100%;
        margin: auto;
    }
    .header-slider {
        width: 100%;
        height: 100%;
        position: relative;
        margin-top: -45px;
    }
    .header-slider .swiper {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img .overlay {
        width: 100%;
        height: 100%;
        background-color: rgb(0, 0, 0);
        opacity: 0.4;
        position: absolute;
        top: 0;
        left: 0;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .header-slider .swiper-pagination {
        display: none;
    }
    .popular {
        width: 80%;
        height: 100%;
        margin: auto;
        margin-top: 10px;
    }
    .popular .popular-container {
        width: 100%;
        margin: auto;
    }
    .popular .popular-container .popular-head {
        width: 100%;
        margin-bottom: 13px;
    }
    .popular .popular-container .popular-head .popular-head-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .popular .popular-container .popular-head .popular-head-title span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
    .popular .popular-container .popular-head .popular-head-description {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .popular .popular-container .popular-head .popular-head-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        color: #808080;
    }
    .popular .popular-container .popular-slider {
        width: 100%;
    }
    .popular .popular-container .popular-slider .popularSlider {
        width: 100%;
        height: 100%;
    }
    .new-product {
        width: 80%;
        height: 100%;
        margin: auto;
        margin-top: 45px;
    }
    .new-product .new-product-container {
        width: 100%;
        margin: auto;
    }
    .new-product .new-product-container .new-product-head {
        width: 100%;
        margin-bottom: 13px;
    }
    .new-product
        .new-product-container
        .new-product-head
        .new-product-head-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .new-product
        .new-product-container
        .new-product-head
        .new-product-head-title
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
    .new-product
        .new-product-container
        .new-product-head
        .new-product-head-description {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .new-product
        .new-product-container
        .new-product-head
        .new-product-head-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        color: #808080;
    }
    .new-product .new-product-container .new-product-slider {
        width: 100%;
    }
    .new-product .new-product-container .new-product-slider .newProductSlider {
        width: 100%;
        height: 100%;
    }
    .trend-product {
        width: 80%;
        height: 100%;
        margin: auto;
        margin-top: 45px;
    }
    .trend-product .trend-product-container {
        width: 100%;
        margin: auto;
    }
    .trend-product .trend-product-container .trend-product-head {
        width: 100%;
        margin-bottom: 13px;
    }
    .trend-product
        .trend-product-container
        .trend-product-head
        .trend-product-head-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .trend-product
        .trend-product-container
        .trend-product-head
        .trend-product-head-title
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
    .trend-product
        .trend-product-container
        .trend-product-head
        .trend-product-head-description {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .trend-product
        .trend-product-container
        .trend-product-head
        .trend-product-head-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        color: #808080;
    }
    .trend-product .trend-product-container .trend-product-slider {
        width: 100%;
    }
    .trend-product
        .trend-product-container
        .trend-product-slider
        .trendProductSlider {
        width: 100%;
        height: 100%;
    }
    .card-wappers {
        width: 100%;
        height: auto;
        transition: 0s ease;
        position: relative;
    }
    .card-wappers .new-badge-add {
        position: absolute;
        width: 40px;
        height: 25px;
        left: 10px;
        top: 5px;
        z-index: 4;
        background-color: var(--secondary-color);
    }
    .card-wappers .new-badge-add .new-badge-container {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .card-wappers .new-badge-add .new-badge-container span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 24px;
        /* or 171% */
        /* Color / White */
        color: #ffffff;
    }
    .card-wappers .new-badge {
        position: absolute;
        width: 40px;
        height: 25px;
        right: 10px;
        top: 5px;
        z-index: 9;
    }
    .card-wappers .new-badge .new-badge-container {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .card-wappers .new-badge .new-badge-container span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 24px;
        /* or 171% */
        /* Color / White */
        color: #ffffff;
    }
    .card-wappers .card-img-container {
        width: 100%;
        height: auto;
        background-color: var(--card-container-bg);
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers .card-img-container .img-box {
        width: 100%;
        height: auto;
        background-color: #e7e7e7;
        transition: 0s ease;
    }
    .card-wappers .card-img-container .img-box .card-img {
        width: 100%;
        height: auto;
        transform: none;
        transition: 0s ease;
    }
    .card-wappers .card-img-container .img-box .card-img img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        transition: 0s ease;
    }
    .card-wappers .card-info {
        width: 100%;
        height: 92px;
        display: flex;
        align-items: flex-end;
        justify-content: end;
        transition: 0s ease;
    }
    .card-wappers .card-info .card-info-container {
        width: 100%;
        height: 85%;
        transition: 0s ease;
    }
    .card-wappers .card-info .card-info-container .product-name {
        transition: 0s ease;
    }
    .card-wappers .card-info .card-info-container .product-name span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers .card-info .card-info-container .product-category {
        transition: 0s ease;
    }
    .card-wappers .card-info .card-info-container .product-category span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Second */
        color: #767676;
    }
    .card-wappers .card-info .card-info-container .product-price {
        transition: 0s ease;
        display: flex;
    }
    .card-wappers
        .card-info
        .card-info-container
        .product-price
        .discount-price {
        margin-right: 7px;
        text-decoration: line-through;
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers
        .card-info
        .card-info-container
        .product-price
        .discount-price
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers .card-info .card-info-container .product-price .normal-price {
        transition: 0s ease;
    }
    .card-wappers
        .card-info
        .card-info-container
        .product-price
        .normal-price
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers .buttons {
        display: none;
    }
    .card-wappers .add-basket-btn {
        display: none;
    }
    .card-wappers:hover {
        background-color: white;
        filter: none;
        transition: 0s ease;
        cursor: pointer;
    }
    .card-wappers:hover .card-img-container {
        width: 100%;
        height: auto;
        background-color: var(--card-container-bg);
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers:hover .card-img-container .img-box {
        width: 100%;
        height: auto;
        background-color: #e7e7e7;
        transition: 0s ease;
    }
    .card-wappers:hover .card-img-container .img-box .card-img {
        width: 100%;
        height: auto;
        transform: none;
        transition: 0s ease;
    }
    .card-wappers:hover .card-img-container .img-box .card-img img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        transition: 0s ease;
    }
    .card-wappers:hover .card-info {
        width: 100%;
        height: 82px;
        display: flex;
        justify-content: start;
        transition: 0s ease;
    }
    .card-wappers:hover .card-info .card-info-container {
        width: 100%;
        height: 100%;
        transition: 0s ease;
    }
    .card-wappers:hover .card-info .card-info-container .product-name {
        transition: 0s ease;
    }
    .card-wappers:hover .card-info .card-info-container .product-name span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers:hover .card-info .card-info-container .product-category {
        transition: 0s ease;
    }
    .card-wappers:hover .card-info .card-info-container .product-category span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Second */
        color: #767676;
    }
    .card-wappers:hover .card-info .card-info-container .product-price {
        transition: 0s ease;
        position: relative;
        bottom: 0;
        right: 0;
        display: flex;
        flex-direction: row;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .discount-price {
        margin-right: 7px;
        text-decoration: line-through;
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .discount-price
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .normal-price {
        transition: 0s ease;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .normal-price
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers:hover .card-info .card-info-container .buttons {
        display: none;
    }
    .card-wappers:hover .card-info .card-info-container .add-basket-btn {
        display: none;
    }
    .about {
        width: 100%;
        margin-top: 65px;
    }
    .about .about-container {
        width: 80%;
        margin: auto;
        height: 500px;
        display: flex;
        justify-content: space-between;
    }
    .about .about-container .about-left {
        width: 50%;
        height: 100%;
    }
    .about .about-container .about-left img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .about .about-container .about-right {
        width: 50%;
        height: 100%;
    }
    .about .about-container .about-right .about-inner {
        width: 90%;
        height: 100%;
        margin: auto;
    }
    .about .about-container .about-right .about-inner .about-logo {
        width: 100%;
        height: 91px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 17px;
    }
    .about .about-container .about-right .about-inner .about-logo img {
        width: 100%;
        height: 100%;
    }
    .about .about-container .about-right .about-inner .about-title {
        width: 100%;
        margin-bottom: 33px;
        display: flex;
        flex-direction: column;
    }
    .about
        .about-container
        .about-right
        .about-inner
        .about-title
        span:first-child {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 37px;
        text-transform: uppercase;
        /* Color/Head */
        color: #4f4f4d;
    }
    .about
        .about-container
        .about-right
        .about-inner
        .about-title
        span:nth-child(2) {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 37px;
        /* identical to box height */
        text-transform: uppercase;
        /* Color / Red */
        color: #d6001c;
    }
    .about .about-container .about-right .about-inner .about-description {
        width: 100%;
    }
    .about .about-container .about-right .about-inner .about-description span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* or 171% */
        /* Color / Second */
        color: #767676;
    }
    .about .about-container .about-right .about-inner .about-more-btn {
        width: 100%;
        margin-top: 23px;
    }
    .about .about-container .about-right .about-inner .about-more-btn a {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .service {
        width: 100%;
        height: auto;
        margin-top: 65px;
    }
    .service .service-container {
        width: 80%;
        margin: auto;
        position: relative;
        height: auto;
        flex-direction: column;
    }
    .service .service-container .service-left {
        width: 100%;
        height: 100%;
    }
    .service .service-container .service-left img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .service .service-container .service-right {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
    }
    .service .service-container .service-right .service-inner {
        width: 95%;
        height: 85%;
    }
    .service .service-container .service-right .service-inner .service-logo {
        width: 100%;
        height: 91px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 17px;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-logo
        img {
        width: 100%;
        height: 100%;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-title
        span:first-child {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 37px;
        text-transform: uppercase;
        /* Color/Head */
        color: #000000;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-title
        span:nth-child(2) {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 37px;
        /* identical to box height */
        text-transform: uppercase;
        /* Color / Red */
        color: #000000;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-description {
        width: 100%;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        /* or 171% */
        /* Color / Second */
        color: #000000;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-more-btn {
        width: 100%;
        margin: 23px 0;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-more-btn
        a {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color/Head */
        color: #000000;
    }
    .rolex-service {
        width: 80%;
        margin: auto;
        margin-top: 50px;
    }
    .rolex-service .rolex-service-description {
        width: 100%;
        text-align: center;
        display: block;
    }
    .rolex-service .rolex-service-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 34px;
        color: #4f4f4d;
    }
    .rolex-service .rolex-service-container {
        width: 100%;
        height: 600px;
        margin: auto;
        background-image: none;
        position: relative;
    }
    .rolex-service .rolex-service-container .group {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .rolex-service .rolex-service-container .group .group-col {
        width: 49%;
        height: 250px;
    }
    .rolex-service .rolex-service-container .group .group-col img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .rolex-service .rolex-service-container .group .col-end {
        height: 300px;
        width: 100%;
    }
    .rolex-service .rolex-service-container .group .col-end img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .rolex-service .rolex-service-container .inner {
        display: none;
    }
    .rolex-service .rolex-service-container .overlay {
        display: none;
    }
    .blog {
        width: 80%;
        height: 100%;
        margin: auto;
        margin-top: 45px;
    }
    .blog .blog-container {
        width: 100%;
        margin: auto;
    }
    .blog .blog-container .blog-head {
        width: 100%;
        margin-bottom: 13px;
    }
    .blog .blog-container .blog-head .blog-head-title {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .blog .blog-container .blog-head .blog-head-title span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        text-align: center;
        color: #4f4f4d;
    }
    .blog .blog-container .blog-head .blog-head-description {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .blog .blog-container .blog-head .blog-head-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        text-align: center;
        color: #808080;
    }
    .blog .blog-container .blog-slider {
        width: 100%;
        height: 100%;
    }
    .blog .blog-container .blog-slider .blogSlider {
        width: 100%;
        height: 100%;
    }
    .blog-item {
        width: 100%;
        height: 100%;
        transition: 0s ease;
    }
    .blog-item .item-img {
        width: 100%;
        height: 150px;
        display: flex;
        align-items: center;
    }
    .blog-item .item-img .img-container {
        width: 100%;
        height: 100%;
        transition: 0s ease;
    }
    .blog-item .item-img .img-container img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .blog-item .item-info {
        width: 100%;
        height: calc(100% - 150px);
        margin-top: 13px;
    }
    .blog-item .item-info .info-head {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .blog-item .item-info .info-head .blog-author span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        text-transform: lowercase;
        color: #5a5a5a;
    }
    .blog-item .item-info .info-head .blog-date span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        text-transform: lowercase;
        color: #5a5a5a;
    }
    .blog-item .item-info .blog-title {
        width: 100%;
        margin-top: 12px;
    }
    .blog-item .item-info .blog-title span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 22px;
        /* or 173% */
        text-transform: uppercase;
        /* Color/Head */
        color: #4f4f4d;
    }
    .blog-item .item-info .blog-content {
        width: 100%;
        margin-top: 8px;
    }
    .blog-item .item-info .blog-content span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        /* or 171% */
        /* Color / Second */
        color: #767676;
    }
    .blog-item .item-btn {
        width: 100%;
    }
    .blog-item .item-btn a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color/Head */
        color: #4f4f4d;
        position: relative;
    }
    .blog-item .item-btn a::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 63.29px;
        height: 2.02px;
        background-color: #4f4f4d;
    }
    .blog-item:hover .img-container {
        width: 100%;
        height: 100%;
        transition: 0s ease-in-out;
    }
    .blog-item:hover .item-btn {
        cursor: pointer;
    }
    .partner {
        width: 80%;
        height: 100%;
        margin: auto;
        margin-top: 45px;
        margin-bottom: 48px;
    }
    .partner .partner-container {
        width: 100%;
        margin: auto;
    }
    .partner .partner-container .partnerSlider {
        width: 100%;
        height: 80px;
    }
    .partner .partner-container .partnerSlider .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .partner .partner-container .partnerSlider .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 100%;
    }
    .partner
        .partner-container
        .partnerSlider
        .swiper-wrapper
        .swiper-slide
        img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
    footer {
        width: 100%;
        height: 100%;
        background-color: var(--footer-bg);
    }
    footer .footer-container {
        width: 100%;
        height: 100%;
        min-height: 100%;
        margin: auto;
    }
    footer .footer-container .footer-row {
        width: 100%;
        height: 100%;
    }
    .footer-icons {
        width: 100%;
        height: 441px;
        position: relative;
        display: flex;
        align-items: center;
        padding-top: 0;
        padding-bottom: 37px;
        background-color: white;
    }
    .footer-icons::after {
        display: none;
    }
    .footer-icons .footer-icons-content {
        width: 100%;
        margin: auto;
        min-height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: white;
    }
    .footer-icons .footer-icons-content .footer-icons-box {
        width: 50%;
        margin: auto;
        height: 131px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-left {
        height: 100%;
        display: flex;
        align-items: center;
        margin-right: 18px;
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-left
        i {
        font-size: 55px;
        color: rgb(0, 0, 0);
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-right {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-right
        #footer-icons-box-header {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 36px;
        /* or 162% */
        text-transform: uppercase;
        /* Color / White */
        color: #000000;
    }
    .footer-icons
        .footer-icons-content
        .footer-icons-box
        .footer-icons-box-right
        #footer-icons-box-content {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        /* Color / White */
        color: #000000;
    }
    .footer-inner {
        width: 80%;
        margin: auto;
        height: 100%;
        padding-top: 20px;
        border-bottom: 1px solid white;
        position: relative;
    }
    .footer-inner::after {
        display: none;
    }
    .footer-inner .footer-inner-container {
        width: 100%;
        margin: auto;
        min-height: 100%;
    }
    .footer-inner .footer-inner-container .footer-inner-row {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .footer-inner .footer-inner-container .footer-inner-row .footer-inner-left {
        width: 100%;
        height: 100%;
        margin-right: 0;
        margin-bottom: 49px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-logo {
        width: 150px;
        height: 100px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-logo
        img {
        width: 100%;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-adress {
        width: calc(100% - 300px);
        height: 100%;
        margin-top: 0px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-adress
        span {
        font-family: var(--font-Montserrat);
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        /* or 185% */
        /* Color / White */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-contact {
        width: 300px;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 22px;
        margin-top: 40px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-contact
        span {
        font-family: var(--font-Montserrat);
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        /* or 185% */
        /* Color / White */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-social {
        width: calc(100% - 300px);
        height: 100%;
        margin: auto;
        margin-top: 40px;
        display: flex;
        gap: 50px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-left
        .footer-inner-left-container
        .footer-inner-left-social
        .footer-social-icon-box {
        height: 100%;
        color: white;
        font-size: 18px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center {
        width: 100%;
        height: 100%;
        margin-right: 105px;
        display: grid;
        grid-template-columns: auto auto auto;
        margin-bottom: 49px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-corporate
        .footer-inner-corporate-header
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-corporate
        .footer-inner-corporate-items
        ul {
        list-style-type: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-corporate
        .footer-inner-corporate-items
        ul
        li
        a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-header
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-items
        ul {
        list-style-type: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-shopping
        .footer-inner-shopping-items
        ul
        li
        a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-help
        .footer-inner-help-header
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-help
        .footer-inner-help-items
        ul {
        list-style-type: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-center
        .footer-inner-help
        .footer-inner-help-items
        ul
        li
        a {
        text-decoration: none;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-right {
        display: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email {
        width: 100%;
        height: 100%;
        display: block;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-header {
        width: 100%;
        margin-bottom: 27px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-header
        span {
        text-transform: uppercase;
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-description {
        width: 282px;
        margin-bottom: 15px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* or 286% */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-input-email {
        width: 100%;
        height: 55px;
        display: flex;
        align-items: center;
        background-color: white;
        padding: 14px 21px;
        margin-bottom: 41px;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-input-email
        input {
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-subscribe-email
        .subscribe-email-input-email
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        text-transform: uppercase;
        /* Color/Head */
        color: #4f4f4d;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-secure-payments {
        width: 100%;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-secure-payments
        .secure-payments-header {
        width: 100%;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-secure-payments
        .secure-payments-header
        span {
        text-transform: uppercase;
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        /* identical to box height */
        /* Color/Head */
        color: #ffffff;
    }
    .footer-inner
        .footer-inner-container
        .footer-inner-row
        .footer-inner-secure-payments
        .secure-payments-header
        img {
        margin-top: 11px;
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 20px 0;
    }
    .footer-bottom {
        width: 100%;
        height: 100%;
        padding-top: 27px;
        padding-bottom: 33px;
    }
    .footer-bottom .footer-bottom-container {
        width: 80%;
        margin: auto;
        min-height: 13px;
    }
    .footer-bottom .footer-bottom-container .footer-bottom-row {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
        gap: 16px;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-left {
        width: 49px;
        height: 12px;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-left
        img {
        width: 100%;
        height: 100%;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right {
        height: 100%;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-right: 19px;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        /* Color / White */
        color: #ffffff;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language {
        height: 100%;
        position: relative;
        display: flex;
        align-items: center;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language:hover {
        cursor: pointer;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language:hover
        .footer-right-language-chooser {
        display: block;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        a {
        text-decoration: none;
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        /* Color / White */
        color: #ffffff;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        i {
        margin-left: 10px;
        font-size: 13px;
        color: white;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        .footer-right-language-chooser {
        height: 80px;
        position: absolute;
        top: -80px;
        left: 0;
        z-index: 9999;
        left: -10px;
        display: flex;
        text-align: center;
        flex-direction: column-reverse;
        justify-content: space-between;
        display: none;
        background-color: var(--card-hover-basket-btn-bg);
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        .footer-right-language-chooser
        a {
        text-decoration: none;
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 36px;
        /* Color / White */
        color: #ffffff;
    }
    .footer-bottom
        .footer-bottom-container
        .footer-bottom-row
        .footer-bottom-right
        .footer-bottom-right-container
        .footer-right-language
        .footer-right-language-chooser
        a:hover {
        color: goldenrod;
    }
    .category-products {
        width: 100%;
        margin-top: 20px;
    }
    .category-products .category-products-container {
        width: 100%;
        margin: auto;
    }
    .category-products .category-products-container .category-products-row {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left {
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        background-color: rgb(255, 255, 255);
        position: fixed;
        padding: 100px 0;
        top: 0px;
        left: 0;
        z-index: 999999;
        display: none;
        animation: ShowSidebar 0.2s ease-in;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header {
        display: block;
        width: 100%;
        height: 82px;
        background-color: #faf9f8;
        display: flex;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header
        .small-fixed-sidebar-container {
        width: 95%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header
        .small-fixed-sidebar-container
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 23px;
        /* Color/Head */
        color: #4f4f4d;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header
        .small-fixed-sidebar-container
        i {
        font-size: 16px;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header
        .small-fixed-sidebar-container
        i:hover {
        cursor: pointer;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-right {
        width: 100%;
        margin: auto;
    }
    @keyframes ShowSidebar {
        0% {
            width: 0;
        }
        25% {
            width: 25%;
        }
        50% {
            width: 50%;
        }
        75% {
            width: 75%;
        }
        100% {
            width: 100%;
        }
    }
    .fixed-sidebar {
        width: 95%;
        height: 100%;
        margin: auto;
    }
    .page-slider {
        width: 100%;
        height: 350px;
        background-color: var(--category-products-slider-bg);
        position: relative;
    }
    .page-slider .swiper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .page-slider .swiper .swiper-pagination {
        display: none;
    }
    .page-slider .swiper .swiper-slide {
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .page-slider .swiper .swiper-slide .slider-container {
        width: 90%;
        height: 80%;
    }
    .page-slider .swiper .swiper-slide .slider-container .slider-row {
        width: 100%;
        height: 100%;
        display: flex;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content {
        width: 40%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content
        .slider-content-title {
        width: 70%;
        text-align: left;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content
        .slider-content-title
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 15px;
        /* or 143% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content
        .slider-content-title
        span:nth-child(2) {
        font-family: "Jost";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 15px;
        /* or 143% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-content
        .slider-content-text {
        margin-top: 15px;
        width: 100%;
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        /* or 171% */
        text-align: left;
        /* Color/Head */
        color: #4f4f4d;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-img {
        width: 60%;
        height: 100%;
    }
    .page-slider
        .swiper
        .swiper-slide
        .slider-container
        .slider-row
        .slider-img
        img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .page-slider .autoplay-progress {
        position: absolute;
        right: 16px;
        bottom: 16px;
        z-index: 10;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        color: var(--swiper-theme-color);
    }
    .page-slider .autoplay-progress svg {
        --progress: 0;
        position: absolute;
        left: 0;
        top: 0px;
        z-index: 10;
        width: 100%;
        height: 100%;
        stroke-width: 4px;
        stroke: var(--swiper-theme-color);
        fill: none;
        stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
        stroke-dasharray: 125.6;
        transform: rotate(-90deg);
    }
    .filter-top {
        width: 95%;
        margin: auto;
        height: 24px;
        margin-top: 34px;
        margin-bottom: 30px;
    }
    .filter-top .filter-top-container {
        width: 100%;
        height: 100%;
    }
    .filter-top .filter-top-container .filter-top-row {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }
    .filter-top .filter-top-container .filter-top-row .filter-top-left {
        display: none;
    }
    .filter-top .filter-top-container .filter-top-row .filter-top-right {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .section-filter {
        height: 100%;
        display: flex;
        align-items: center;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .section-filter
        i {
        font-size: 14px;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .section-filter
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        margin-left: 10px;
        color: #4f4f4d;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .category-chooser {
        height: 100%;
        margin-right: 0px;
        position: relative;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .category-chooser::before {
        content: "";
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #7d7d7d;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .category-chooser
        select {
        border: none;
        outline: none;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .divider {
        display: none;
    }
    .filter-top
        .filter-top-container
        .filter-top-row
        .filter-top-right
        .products-all-page {
        display: none;
    }
    .category-products-row .product-list {
        width: 95%;
        margin: auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    .category-products-pagination {
        padding: 0px 4px;
    }
    .category-products-pagination .pagination-page-btn ul {
        padding: 0;
    }
    .product-view {
        width: 100%;
    }
    .product-view .product-view-container {
        width: 100%;
        margin: auto;
    }
    .product-view .product-view-container .product-details {
        width: 100%;
        margin-bottom: 50px;
    }
    .product-view
        .product-view-container
        .product-details
        .product-details-container {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .modal {
        display: none;
        position: fixed;
        z-index: 9999;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.9);
        overflow: auto;
        /* Modal Content (image) */
    }
    .modal .modal-content {
        margin: auto;
        display: block;
        width: 90%;
        max-width: 95%;
        /* The Close Button */
    }
    .modal .modal-content img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .modal .modal-content .close {
        position: absolute;
        top: 0px;
        right: 0px;
        color: #000000;
        font-size: 40px;
        font-weight: bold;
        transition: 0.3s;
        z-index: 99;
    }
    .modal .modal-content .close:hover,
    .modal .modal-content .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }
    .product-gallery {
        width: 80%;
        margin: auto;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .product-gallery .main-product-img {
        width: 75%;
        height: auto;
        margin-bottom: 10px;
    }
    .product-gallery .main-product-img .mainProductImg {
        height: 100%;
        width: 100%;
    }
    .product-gallery .main-product-img .mainProductImg .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-gallery .main-product-img .mainProductImg .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .product-gallery .main-product-img .swiper-button-prev {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery .main-product-img .swiper-button-prev::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery .main-product-img .swiper-button-next {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery .main-product-img .swiper-button-next::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery .thumbnail-product-img {
        width: 20%;
        margin: auto;
        height: 550px;
    }
    .product-gallery .thumbnail-product-img .thumbnailProductImg {
        width: 100%;
        height: 100%;
    }
    .product-gallery .thumbnail-product-img .thumbnailProductImg .swiper-slide {
        width: 100%;
        height: 25%;
        opacity: 0.4;
    }
    .product-gallery
        .thumbnail-product-img
        .thumbnailProductImg
        .swiper-slide
        img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .product-gallery
        .thumbnail-product-img
        .thumbnailProductImg
        .swiper-slide-thumb-active {
        opacity: 1;
    }
    .product-info {
        width: 80%;
        margin: auto;
    }
    .product-breadcrumb {
        display: none;
    }
    .product-info-content {
        width: 100%;
        margin-top: 30px;
    }
    .product-info-content .product-name {
        width: 100%;
    }
    .product-info-content .product-name span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 29px;
        /* identical to box height */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-info-content .product-price {
        width: 100%;
        display: flex;
        align-items: center;
        margin-top: 7px;
    }
    .product-info-content .product-price span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 500;
        font-size: 22px;
        line-height: 32px;
        /* identical to box height */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-info-content .product-price i {
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 32px;
        /* identical to box height */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-info-content .product-description {
        width: 100%;
        margin-top: 25px;
    }
    .product-info-content .product-description span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* or 171% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-info-content .select-size {
        display: none;
    }
    .product-info-content .product-colors {
        display: none;
    }
    .product-info-content .product-count-selector {
        width: 100%;
        margin-top: 30px;
        display: flex;
    }
    .product-info-content .product-count-selector .product-quantity {
        width: 115px;
        height: 60px;
        border: 1px solid #e4e4e4;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-minus {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-minus
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Color/Second */
        color: #767676;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input {
        width: 40%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input
        input {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        outline: none;
        text-align: center;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input
        input::-webkit-inner-spin-button {
        display: none;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input
        input::-moz-placeholder {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Color/Second */
        color: #767676;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-input
        input::placeholder {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Color/Second */
        color: #767676;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-plus {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-info-content
        .product-count-selector
        .product-quantity
        .quantity-plus
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        /* Color/Second */
        color: #767676;
    }
    .product-info-content .product-count-selector .product-add-cart {
        width: 300px;
        height: 60px;
        background-color: #4f4f4d;
        margin-left: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-info-content .product-count-selector .product-add-cart a {
        text-decoration: none;
        text-transform: uppercase;
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        /* Color / White */
        color: #ffffff;
    }
    .product-review {
        width: 80%;
    }
    .product-review .nav-tabs-container {
        width: 100%;
        height: 27px;
        margin-bottom: 50px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .product-review .nav-tabs-container .tab {
        position: relative;
    }
    .product-review .nav-tabs-container .tab:hover {
        cursor: pointer;
    }
    .product-review .nav-tabs-container .tab.active::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #4f4f4d;
    }
    .product-review .nav-tabs-container .tab span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 23px;
        text-align: center;
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-review .nav-tabs-container .tab-content-container {
        width: 100%;
        height: 100%;
    }
    .product-review .nav-tabs-container .tab-content-container .tab-content {
        width: 100%;
        display: none;
    }
    .product-review .nav-tabs-container .tab-content-container .tab-content h3 {
        font-family: "Jost";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 23px;
        /* Color/Head */
        color: #4f4f4d;
        margin-bottom: 30px;
    }
    .product-review
        .nav-tabs-container
        .tab-content-container
        .tab-content
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        /* or 214% */
        /* Color/Head */
        color: #4f4f4d;
    }
    .product-review .nav-tabs-container .tab-content-container .tab-content ul {
        list-style: none;
        margin-top: 30px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
        margin-bottom: 30px;
    }
    .product-review
        .nav-tabs-container
        .tab-content-container
        .tab-content.active {
        display: block;
    }
    .related-product {
        width: 100%;
        margin-top: 45px;
        margin-bottom: 100px;
    }
    .related-product .related-product-container {
        width: 80%;
        margin: auto;
    }
    .related-product .related-product-container .related-product-head {
        width: 100%;
        margin-bottom: 50px;
    }
    .related-product
        .related-product-container
        .related-product-head
        .related-product-head-title {
        width: 100%;
        display: flex;
    }
    .related-product
        .related-product-container
        .related-product-head
        .related-product-head-title
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 38px;
        /* Color/Head */
        color: #4f4f4d;
    }
    .related-product
        .related-product-container
        .related-product-head
        .related-product-head-title
        span:nth-child(2) {
        font-family: "Jost";
        font-style: normal;
        font-weight: 700;
        font-size: 26px;
        line-height: 38px;
        /* Color/Head */
        color: #4f4f4d;
    }
    .related-product .related-product-container .related-product-slider {
        width: 100%;
    }
    .related-product
        .related-product-container
        .related-product-slider
        .relatedProductSlider {
        width: 100%;
        height: 100%;
    }
    .related-product
        .related-product-container
        .related-product-slider
        .relatedProductSlider
        .swiper {
        width: 100%;
        height: 100%;
    }
    .related-product
        .related-product-container
        .related-product-slider
        .relatedProductSlider
        .swiper
        .swiper-slide {
        width: 100%;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-view-index2 {
        width: 100%;
        margin-top: 70px;
    }
    .product-view-index2 .product-view-container-index2 {
        width: 100%;
        margin: auto;
    }
    .product-view-index2
        .product-view-container-index2
        .product-details-index2 {
        width: 100%;
        margin-bottom: 110px;
    }
    .product-view-index2
        .product-view-container-index2
        .product-details-index2
        .product-details-container-index2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .product-gallery-index2 {
        width: 95%;
        margin: auto;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .product-gallery-index2 .main-product-img-index2 {
        width: 58%;
        height: 550px;
        margin-bottom: 10px;
    }
    .product-gallery-index2 .main-product-img-index2 .mainProductImgIndex2 {
        height: 100%;
        width: 100%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .mainProductImgIndex2
        .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-gallery-index2
        .main-product-img-index2
        .mainProductImgIndex2
        .swiper-slide
        img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product-gallery-index2 .main-product-img-index2 .swiper-button-prev {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .swiper-button-prev::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery-index2 .main-product-img-index2 .swiper-button-next {
        width: 45px;
        height: 45px;
        background-color: white;
        font-size: 6px;
        border-radius: 50%;
    }
    .product-gallery-index2
        .main-product-img-index2
        .swiper-button-next::after {
        font-size: 12px;
        color: #767676;
    }
    .product-gallery-index2 .thumbnail-product-img-index2 {
        width: 40%;
        height: 550px;
        overflow-x: hidden;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2 {
        width: 100%;
        height: 100%;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2
        .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2
        .swiper-wrapper
        .swiper-slide {
        width: 50%;
        height: 49%;
        opacity: 0.4;
        background-color: white;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2
        .swiper-wrapper
        .swiper-slide
        img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product-gallery-index2
        .thumbnail-product-img-index2
        .thumbnailProductImgIndex2
        .swiper-wrapper
        .swiper-slide-thumb-active {
        opacity: 1;
    }
    .favorites-list.col-4.gap-20 {
        grid-template-columns: repeat(2, 1fr);
    }
    .favorites-list.col-4.gap-20 .swiper-slide {
        width: auto;
        place-self: center;
    }
    .profile-account-wrapper:hover .profile-dropdown {
        display: none;
    }
    section.more-options-modal .content {
        padding: 10px 0;
        width: 95%;
        height: 85% !important;
    }
    section.more-options-modal .content .header {
        padding: 0;
    }
    section.more-options-modal .content .menu .menu-item {
        padding: 10px 0;
    }
    section.more-options-modal .content .options {
        padding: 15px;
        min-height: 350px;
    }
    section.more-options-modal
        .content
        .options
        .form-check
        input[type="checkbox"] {
        height: 1.4em;
    }
    section.more-options-modal
        .content
        .options
        .form-switch
        .form-check-input {
        width: 2.5em;
    }
    section.more-options-modal .content .options .options-consent h2 {
        padding: 0;
        font-size: 14px;
        font-weight: bold;
    }
    section.more-options-modal .content .options .options-consent p {
        font-size: 12px;
    }
    section.more-options-modal .content .options .options-detail h2 {
        padding: 0;
        font-size: 14px;
        font-weight: bold;
    }
    section.more-options-modal .content .options .options-detail p {
        font-size: 12px;
    }
    section.more-options-modal .content .options .options-detail .detail-row p {
        padding-left: 30px;
    }
    section.more-options-modal
        .content
        .options
        .options-detail
        .detail-row
        .details-options {
        padding-left: 30px;
        padding-right: 30px;
    }
    section.more-options-modal
        .content
        .options
        .options-detail
        .detail-row
        .details-options
        .form-check.form-switch
        h4 {
        font-weight: bold;
        font-size: 12px;
    }
    section.more-options-modal .content .options .options-about h2 {
        padding: 0;
        font-size: 14px;
        font-weight: bold;
    }
    section.more-options-modal .content .options .options-about p {
        font-size: 12px;
    }
    section.more-options-modal .content .footer {
        flex-direction: column;
        padding: 5px;
        gap: 10px;
        max-height: 350px;
        justify-content: normal;
        height: auto;
    }
    section.more-options-modal .content .footer .no-agree span {
        width: 280px;
        font-size: 12px;
    }
    section.more-options-modal .content .footer .agree span {
        width: 280px;
        font-size: 12px;
    }
}
@media only screen and (max-width: 1439px) and (min-width: 1280px) {
    .large-header .large-header-container .large-header-row .left .ugurLogo {
        margin-right: 15px;
    }
    .large-header .large-header-container .large-header-row .left ul {
        gap: 12px;
    }
    .large-header .large-header-container .large-header-row .left ul li a {
        font-size: 12px;
    }
    .large-header
        .large-header-container
        .large-header-row
        .left
        .menu
        .sub-menu
        ul
        li
        a {
        font-size: 12px;
    }
    .small-header {
        display: none;
    }
    .header-slider {
        width: 100%;
        height: 770px;
        position: relative;
    }
    .header-slider .swiper {
        width: 100%;
        height: 730px;
        position: relative;
        margin-top: -80px;
    }
    .header-slider .swiper .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img .overlay {
        width: 100%;
        height: 100%;
        background-color: rgb(0, 0, 0);
        opacity: 0.4;
        position: absolute;
        top: 0;
        left: 0;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .header-slider .swiper-pagination {
        position: absolute;
        left: 0;
        margin: 0;
        padding: 0;
    }
    .header-search-box-container {
        width: 100%;
    }
    .header-search-box-container .header-search-box-content {
        width: 90%;
    }
    .popular {
        width: 100%;
        margin-top: -45px;
    }
    .popular .popular-container {
        width: 90%;
        margin: auto;
    }
    .new-product {
        width: 100%;
        margin-top: 65px;
    }
    .new-product .new-product-container {
        width: 90%;
        margin: auto;
    }
    .card-wappers:hover .card-info .card-info-container .product-price {
        display: none !important;
    }
    .about {
        width: 100%;
        margin-top: 65px;
    }
    .about .about-container {
        width: 90%;
        margin: auto;
        height: 500px;
        display: flex;
        justify-content: space-between;
    }
    .about .about-container .about-left {
        width: 50%;
        height: 100%;
    }
    .about .about-container .about-left img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .about .about-container .about-right {
        width: 50%;
        height: 100%;
    }
    .about .about-container .about-right .about-inner {
        width: 80%;
        margin: auto;
        height: 100%;
    }
    .service {
        width: 100%;
        height: auto;
        margin-top: 65px;
    }
    .service .service-container {
        width: 90%;
        margin: auto;
        position: relative;
        height: auto;
        flex-direction: column;
    }
    .service .service-container .service-left {
        width: 100%;
        height: 100%;
    }
    .service .service-container .service-left img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .service .service-container .service-right {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
    }
    .service .service-container .service-right .service-inner {
        width: 95%;
        height: 85%;
    }
    .service .service-container .service-right .service-inner .service-logo {
        width: 100%;
        height: 91px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 17px;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-logo
        img {
        width: 100%;
        height: 100%;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-title
        span:first-child {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 37px;
        text-transform: uppercase;
        /* Color/Head */
        color: #000000;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-title
        span:nth-child(2) {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 37px;
        /* identical to box height */
        text-transform: uppercase;
        /* Color / Red */
        color: #000000;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-description {
        width: 100%;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-description
        span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        /* or 171% */
        /* Color / Second */
        color: #000000;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-more-btn {
        width: 100%;
        margin: 23px 0;
    }
    .service
        .service-container
        .service-right
        .service-inner
        .service-more-btn
        a {
        font-family: "Jost";
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color/Head */
        color: #000000;
    }
    .rolex-service {
        width: 100%;
        margin-top: 90px;
    }
    .rolex-service .rolex-service-description {
        display: none;
    }
    .rolex-service .rolex-service-container {
        width: 100%;
        height: 700px;
        background-image: url(../../images/homePage/rolex-service/reseption3.png);
        background-size: 100%;
        background-repeat: no-repeat;
        position: relative;
    }
    .rolex-service .rolex-service-container .group {
        width: 100%;
        height: 270px;
        position: absolute;
        top: 0px;
        left: 0px;
        display: flex;
        justify-content: space-between;
    }
    .rolex-service .rolex-service-container .group .group-col {
        width: 380px;
        height: 100%;
    }
    .rolex-service .rolex-service-container .group .group-col img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .rolex-service .rolex-service-container .inner {
        width: 60%;
        position: absolute;
        top: 50%;
        left: 20%;
        transform: translate(0%, -50%);
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 9;
    }
    .rolex-service .rolex-service-container .inner span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 40px;
        /* or 160% */
        text-align: center;
        text-transform: capitalize;
        /* Color / White */
        color: #ffffff;
    }
    .rolex-service .rolex-service-container .inner a {
        margin-top: 43px;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 208px;
        height: 50px;
        background-color: #ffffff;
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        /* identical to box height */
        /* Color/Head */
        color: #4f4f4d;
    }
    .rolex-service .rolex-service-container .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(89, 89, 89, 0.5);
    }
    .trend-product {
        width: 100%;
        margin-top: 65px;
    }
    .trend-product .trend-product-container {
        width: 90%;
        margin: auto;
    }
    .blog {
        width: 100%;
        margin-top: 65px;
    }
    .blog .blog-container {
        width: 90%;
        margin: auto;
    }
    .partner {
        width: 100%;
        margin-top: 65px;
    }
    .partner .partner-container {
        width: 90%;
        margin: auto;
    }
    footer {
        width: 100%;
        height: 100%;
        background-color: var(--footer-bg);
    }
    footer .footer-container {
        width: 100%;
        height: 100%;
        margin: auto;
    }
    footer .footer-container .footer-row {
        width: 90%;
        height: 100%;
        margin: auto;
    }
    .card-wappers {
        width: 100%;
        height: auto;
        transition: 0.4s ease;
        position: relative;
    }
    .card-wappers .new-badge {
        position: absolute;
        width: 50px;
        height: 30.86px;
        right: 10px;
        top: 5px;
        z-index: 9;
    }
    .card-wappers .new-badge .new-badge-container {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .card-wappers .new-badge .new-badge-container span {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* or 171% */
        /* Color / White */
        color: #ffffff;
    }
    .card-wappers .card-img-container {
        width: 100%;
        height: auto;
        background-color: var(--card-container-bg);
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers .card-img-container .img-box {
        width: 100%;
        height: auto;
        background-color: #e7e7e7;
        transition: 0s ease;
    }
    .card-wappers .card-img-container .img-box .card-img {
        width: 100%;
        height: auto;
        transform: none;
        transition: 0s ease;
    }
    .card-wappers .card-img-container .img-box .card-img img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        transition: 0s ease;
    }
    .card-wappers .card-info {
        width: 100%;
        height: 87px;
        display: flex;
        align-items: flex-end;
        justify-content: end;
        transition: 0.4s ease;
    }
    .card-wappers .card-info .card-info-container {
        width: 93%;
        height: 85%;
        transition: 0.4s ease;
    }
    .card-wappers .card-info .card-info-container .product-name {
        transition: 0.4s ease;
    }
    .card-wappers .card-info .card-info-container .product-name span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers .card-info .card-info-container .product-category {
        transition: 0.4s ease;
    }
    .card-wappers .card-info .card-info-container .product-category span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color / Second */
        color: #767676;
    }
    .card-wappers .card-info .card-info-container .product-price {
        transition: 0.4s ease;
        display: flex;
    }
    .card-wappers
        .card-info
        .card-info-container
        .product-price
        .discount-price {
        margin-right: 7px;
        text-decoration: line-through;
        display: flex;
        align-items: center;
        transition: 0.4s ease;
    }
    .card-wappers
        .card-info
        .card-info-container
        .product-price
        .discount-price
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 17px;
        text-decoration: line-through;
        /* Color / Second */
        color: #767676;
    }
    .card-wappers .card-info .card-info-container .product-price .normal-price {
        transition: 0.4s ease;
    }
    .card-wappers
        .card-info
        .card-info-container
        .product-price
        .normal-price
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        /* identical to box height */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers .add-basket-btn {
        display: none;
    }
    .card-wappers:hover {
        background-color: white;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        transition: 0.4s ease;
        cursor: pointer;
    }
    .card-wappers:hover .card-img-container {
        width: 100%;
        height: auto;
        background-color: var(--card-container-bg);
        display: flex;
        align-items: center;
        transition: 0s ease;
    }
    .card-wappers:hover .card-img-container .img-box {
        width: 100%;
        height: auto;
        background-color: #e7e7e7;
        transition: 0s ease;
    }
    .card-wappers:hover .card-img-container .img-box .card-img {
        width: 100%;
        height: auto;
        transform: none;
        transition: 0s ease;
    }
    .card-wappers:hover .card-img-container .img-box .card-img img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        transition: 0s ease;
    }
    .card-wappers:hover .card-info {
        width: 100%;
        height: 140px;
        display: flex;
        justify-content: center;
        transition: 0.4s ease;
    }
    .card-wappers:hover .card-info .card-info-container {
        width: 90%;
        height: 100%;
        transform: translateY(16px);
        transition: 0.4s ease;
    }
    .card-wappers:hover .card-info .card-info-container .product-name {
        transition: 0.4s ease;
    }
    .card-wappers:hover .card-info .card-info-container .product-name span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers:hover .card-info .card-info-container .product-category {
        transition: 0.4s ease;
    }
    .card-wappers:hover .card-info .card-info-container .product-category span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 24px;
        /* or 185% */
        /* Color / Second */
        color: #767676;
    }
    .card-wappers:hover .card-info .card-info-container .product-price {
        transition: 0.4s ease;
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        flex-direction: column-reverse;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .discount-price {
        transition: 0.4s ease;
        margin-right: 7px;
        text-decoration: line-through;
        display: flex;
        align-items: center;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .discount-price
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 17px;
        text-decoration: line-through;
        /* Color / Second */
        color: #767676;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .normal-price {
        transition: 0.4s ease;
    }
    .card-wappers:hover
        .card-info
        .card-info-container
        .product-price
        .normal-price
        span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        /* identical to box height */
        /* Color/Head */
        color: #4f4f4d;
    }
    .card-wappers:hover .card-info .card-info-container .add-basket-btn {
        transition: 0.4s ease;
        width: 100%;
        height: 40px;
        display: block;
        margin-top: 18px;
    }
    .card-wappers:hover .card-info .card-info-container .add-basket-btn button {
        transition: 0.4s ease;
        width: 100%;
        height: 100%;
        background-color: var(--card-hover-basket-btn-bg);
        color: white;
        border: none;
        font-family: var(--font-Montserrat);
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        /* identical to box height, or 171% */
        color: #ffffff;
    }
    .category-products {
        width: 100%;
        margin-top: 55px;
    }
    .category-products .breadcrumbs {
        display: none;
    }
    .category-products .category-products-container {
        width: 90%;
        margin: auto;
    }
    .category-products .category-products-container .category-products-row {
        display: flex;
        justify-content: space-between;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left {
        width: 25%;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-left
        .small-fixed-sidebar-header {
        display: none;
    }
    .category-products
        .category-products-container
        .category-products-row
        .category-products-right {
        width: 70%;
    }
    .section-filter {
        display: none;
    }
    .category-products-row .product-list {
        width: 100%;
        margin: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: space-between;
        gap: 35px;
    }
    .product-view {
        width: 100%;
    }
    .product-view .product-view-container {
        width: 100%;
        margin: auto;
    }
    .product-view .product-view-container .product-details {
        width: 90%;
        margin: auto;
        margin-bottom: 50px;
    }
    .product-view
        .product-view-container
        .product-details
        .product-details-container {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .product-gallery {
        width: 48%;
    }
    .product-info {
        width: 48%;
    }
    .related-product {
        width: 100%;
        margin-top: 65px;
    }
    .related-product .related-product-container {
        width: 90%;
        margin: auto;
    }
    .product-view-index2 {
        width: 100%;
        margin-top: 155px;
    }
    .product-view-index2 .product-view-container-index2 {
        width: 100%;
        margin: auto;
    }
    .product-view-index2
        .product-view-container-index2
        .product-details-index2 {
        width: 90%;
        margin: auto;
        margin-bottom: 110px;
    }
    .product-view-index2
        .product-view-container-index2
        .product-details-index2
        .product-details-container-index2 {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .product-gallery-index2 {
        width: 48%;
    }
    .product-gallery-index2 .main-product-img-index2 {
        width: 100%;
    }
    .product-gallery-index2 .thumbnail-product-img-index2 {
        width: 100%;
    }
    .product-info-index2 {
        width: 48%;
    }
    .favorites-list.col-4.gap-20 {
        grid-template-columns: repeat(3, 1fr);
    }
    .favorites-list.col-4.gap-20 .swiper-slide {
        width: auto;
        place-self: center;
    }
    .search-list a.category-element {
        width: 90%;
        padding: 0 5px;
    }
    .header-search-box .all-search-box {
        margin-top: 0;
    }
}
@media only screen and (max-width: 1599px) and (min-width: 1440px) {
    .small-header {
        display: none;
    }
    .header-slider {
        width: 100%;
        height: 770px;
        position: relative;
        margin-top: -76px;
    }
    .header-slider .swiper {
        width: 100%;
        height: 730px;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img .overlay {
        width: 100%;
        height: 100%;
        background-color: rgb(0, 0, 0);
        opacity: 0.4;
        position: absolute;
        top: 0;
        left: 0;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .header-slider .swiper-pagination {
        position: absolute;
        left: 0;
        margin: 0;
        padding: 0;
    }
    .header-search-box-container {
        width: 100%;
    }
    .header-search-box-container .header-search-box-content {
        width: 85%;
    }
    .rolex-service {
        width: 100%;
        margin-top: 90px;
    }
    .rolex-service .rolex-service-description {
        display: none;
    }
    .rolex-service .rolex-service-container {
        width: 100%;
        height: 800px;
        background-image: url(../../images/homePage/rolex-service/reseption3.png);
        background-size: 100%;
        background-repeat: no-repeat;
        position: relative;
    }
    .rolex-service .rolex-service-container .group {
        width: 90%;
        height: 270px;
        position: absolute;
        top: 5%;
        left: 5%;
        display: flex;
        justify-content: space-between;
    }
    .rolex-service .rolex-service-container .group .group-col {
        width: 30%;
        height: 100%;
    }
    .rolex-service .rolex-service-container .group .group-col img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .rolex-service .rolex-service-container .inner {
        width: 60%;
        position: absolute;
        top: 50%;
        left: 20%;
        transform: translate(0%, -50%);
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 9;
    }
    .rolex-service .rolex-service-container .inner span {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 40px;
        /* or 160% */
        text-align: center;
        text-transform: capitalize;
        /* Color / White */
        color: #ffffff;
    }
    .rolex-service .rolex-service-container .inner a {
        margin-top: 43px;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 208px;
        height: 50px;
        background-color: #ffffff;
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        /* identical to box height */
        /* Color/Head */
        color: #4f4f4d;
    }
    .rolex-service .rolex-service-container .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(89, 89, 89, 0.5);
    }
    .category-products .breadcrumbs {
        display: none;
    }
}
@media only screen and (max-width: 1599px) and (min-width: 1440px) {
    .section-filter {
        display: none;
    }
    .header-slider {
        width: 100%;
        height: 770px;
        position: relative;
        margin-top: -33px;
    }
    .header-slider .swiper {
        width: 100%;
        height: 730px;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img .overlay {
        width: 100%;
        height: 100%;
        background-color: rgb(0, 0, 0);
        opacity: 0.4;
        position: absolute;
        top: 0;
        left: 0;
    }
    .header-slider .swiper .swiper-wrapper .swiper-slide .slide-img img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .header-slider .swiper-pagination {
        position: absolute;
        left: 0;
        margin: 0;
        padding: 0;
    }
}
@media only screen and (min-width: 1600px) {
    .small-header {
        display: none;
    }
    .section-filter {
        display: none;
    }
    .header-slider {
        margin-top: -66px;
    }
    .category-products .breadcrumbs {
        display: none;
    }
}
@media only screen and (min-width: 1700px) {
    .header-slider {
        margin-top: -45px;
    }
}
@media only screen and (min-width: 1800px) {
    .header-slider {
        margin-top: -26px;
    }
}
@media only screen and (min-width: 1900px) {
    .header-slider {
        margin-top: -7px;
    }
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Montserrat", sans-serif;
}

:root {
    --font-Montserrat: "Montserrat", sans-serif;
    --font-Jost: "Jost", sans-serif;
    --category-products-slider-bg: #f5e6e0;
    --card-container-bg: #f9f9f9;
    --card-hover-basket-btn-bg: #8d7f30;
    --category-brand-searchbox-border: #e4e4e4;
    --footer-bg: #4f4f4d;
    --primary-color: #8d7f30;
    --primary-color-alpha: #756a2d;
    --secondary-color: #4f4f4d;
    --passive-color: #f7f7f7;
    --accent-color: #484d56;
    --accent-color-passive: #d5e3fb;
    --passive-border: #bfbfbf;
    --passive-hover: #d6d4d4;
    --primary-hover: #b5a33e;
    --radius-10: 10px;
    --radius-5: 5px;
    --font-1: "CentraNo1", Helvetica Neue, Helvetica, Arial, sans-serif;
    --font-2: "CentraNo1", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.raw-html-embed {
    display: flex;
    justify-content: center;
}


 .hero-section {
      background: url('../img/Patek_Managed.webp') no-repeat center center/cover;
      height: 700px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      color: white;
      text-align: center;
    }

    .hero-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.6);
    }

    .hero-content {
      position: relative;
      z-index: 2;
      max-width: 500px;
    }

    .hero-content h1 {
      font-weight: bold;
      font-size: 2.5rem;
      margin-bottom: 1rem;
    }

    .hero-content p {
      margin-bottom: 1.5rem;
      font-size: 1rem;
    }

    .hero-content .btn {
      background-color: white;
      color: black;
      font-weight: bold;
      font-size: 13px;
      padding: 0.75rem 2.5rem;
    }

    .bottom-bar {
      position: absolute;
      bottom: 0;
      width: 100%;
      background-color: #0d0d0d;
      color: #D4B882;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 0.9em;
      padding: 1.4rem 0;
    }


    .sell-watch-form {
        margin-top: 70px;
    }

    .sell-watch-form .step-container {
    padding: 0px 80px 0px 0px;
    }

    .sell-watch-form .container {
        padding: 0px 100px;
    }

    @media (max-width: 960px) {
     .hero-section {
        padding: 25px;
     }
      .hero-content {
        top: -50px;
      }
      .sell-watch-form {
        margin-top: 30px;
    }
   .sell-watch-form .step-container {
    padding: 10px;
    }

     .hero-section {
      height: 600px;
    }

    .bottom-bar .container .row div:not(:first-child) {
        display: none;
    }

    .bottom-bar {
        height: 70px;
        text-align: center;
        display: flex;
        align-items: center;
        padding: 10px;
    }

}

.sell-watch-form .step {
    color: #D4B882;
    font-weight: 600;
}


.sell-watch-form .step-detail {
    font-size: 15px;
}